From b93a44d4acf1efde61097b984d116c0377d02d34 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 15 Aug 2026 21:47:10 +0800
Subject: [PATCH 01/34] docs: add frontend monorepo integration design spec

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 ...15-frontend-monorepo-integration-design.md | 204 ++++++++++++++++++
 1 file changed, 204 insertions(+)
 create mode 100644 docs/superpowers/specs/2026-08-15-frontend-monorepo-integration-design.md

diff --git a/docs/superpowers/specs/2026-08-15-frontend-monorepo-integration-design.md b/docs/superpowers/specs/2026-08-15-frontend-monorepo-integration-design.md
new file mode 100644
index 0000000..c5aa566
--- /dev/null
+++ b/docs/superpowers/specs/2026-08-15-frontend-monorepo-integration-design.md
@@ -0,0 +1,204 @@
+# Frontend Monorepo Integration — Design
+
+## Overview
+
+Argus's dashboard is currently a Google-OAuth-protected, server-rendered (Jinja2) web UI. A separate Next.js project, `argus-dashboard`, was started as an eventual replacement — originally planned as an independently-deployed, cross-origin single-page app.
+
+That direction is reversed by this spec. `argus-dashboard` moves **into** the `argus` repository as `frontend/`, and its build output is served by the **same** FastAPI process, at the **same** origin. Same-origin serving means the dashboard's existing session-cookie authentication continues to work unchanged — no Bearer tokens, no CORS, no separate SPA OAuth flow are needed. (An earlier plan and PR built exactly that cross-origin machinery; it is abandoned — see [Superseded work](#superseded-work).)
+
+This spec covers three things that must land together, in one branch, before merging to `main`:
+
+1. Folding `argus-dashboard`'s source into `argus/frontend/`, with a Docker multi-stage build and CI wired up.
+2. FastAPI serving the built static frontend, replacing two of the three legacy Jinja2 routes.
+3. The actual dashboard pages (event list, event detail, webhook logs, login-state handling) built against the existing `/dashboard/api/*` JSON API.
+
+The three are inseparable: shipping (1) alone — a Docker build that now requires a Node/pnpm toolchain but whose output nothing serves — adds a new deployment failure point for zero functional benefit. Nothing merges to `main` until the whole pipeline works end-to-end.
+
+## Superseded Work
+
+An earlier plan (`docs/superpowers/plans/2026-08-15-frontend-api-extraction.md`) and its PR (#16) added:
+- Bearer-token issue/verify (`auth.issue_api_token`/`verify_api_token`)
+- Bearer support in `require_login`
+- `GET /dashboard/login/spa` / `GET /dashboard/oauth/callback/spa`
+- `CORSMiddleware`
+- Config: `FRONTEND_ORIGINS`, `FRONTEND_REDIRECT_URL`, `AUTH_TOKEN_TTL_SECONDS`
+
+None of it is needed once the frontend is same-origin. PR #16 was closed without merging; none of its code exists on `main`, so there is nothing to revert. `GET /dashboard/api/me` is the one thing from that effort worth keeping conceptually — but it already works with the plain session cookie via the *existing* (pre-PR-#16) `require_login`, so it needs no Bearer-specific code either. It is not currently on `main`; whether to (re-)add it is a call for whoever implements the plan, based on whether the new frontend's client-side auth check (see [Client-side auth check](#client-side-auth-check)) needs it.
+
+## Repository Layout
+
+`argus-dashboard` (a local-only repo at `/Users/zhangwuxian/Code/sciwork/argus-dashboard`, no remote, 14 commits including shadcn/ui setup, Storybook+Vitest scaffolding, and `output: "export"` already configured) is copied — **files only, not git history** — into `argus/frontend/`:
+
+```
+argus/
+├── src/argus/...              # unchanged
+├── frontend/                  # new: Next.js source (this repo's copy of argus-dashboard)
+│   ├── app/
+│   ├── components/
+│   ├── package.json           # packageManager: pnpm@10.33.0
+│   ├── pnpm-lock.yaml
+│   ├── pnpm-workspace.yaml
+│   ├── next.config.ts
+│   └── .gitignore             # kept — frontend-specific ignores stay scoped here, not merged into root
+├── Dockerfile                 # modified — see below
+├── .dockerignore               # modified — see below
+├── pyproject.toml              # modified — see below
+└── .github/workflows/ci.yml    # modified — see below
+```
+
+The original `argus-dashboard` directory is left in place (not deleted) — it's out of scope for this spec to decide its fate.
+
+## Routing
+
+| Path | Before | After |
+|------|--------|-------|
+| `GET /dashboard` | Jinja2 `index.html` | **Swapped** — serves the built static frontend's home page |
+| `GET /dashboard/webhook-logs` | Jinja2 `webhook_logs.html` | **Swapped** — serves the built static frontend |
+| `GET /dashboard/events?slug=<slug>` | *(doesn't exist)* | **New** — serves the built static frontend's event-detail page |
+| `GET /dashboard/events/{slug}` | Jinja2 `event.html`, session-gated | **Unchanged** — kept because Next.js static export cannot pre-render a path segment for a slug that doesn't exist yet at build time (new events arrive via webhook after deploy) |
+| `GET /dashboard/login`, `GET /dashboard/oauth/callback`, `GET /dashboard/logout` | session-cookie OAuth flow | **Unchanged** |
+| `GET /dashboard/api/*` (events, timeseries, webhook-logs, report/trigger, event delete) | session-cookie protected via `Depends(auth.require_login)` | **Unchanged** |
+
+Consequences:
+- `dashboard/templates/index.html` and `dashboard/templates/webhook_logs.html`, and the `dashboard_home`/`dashboard_webhook_logs` route functions that render them, are deleted. `event.html` and `dashboard_event` stay exactly as they are.
+- The new frontend's event-detail page reads its identifier from a query string (`?slug=`), not a path segment — Next.js can pre-render this as a single static file (`app/events/page.tsx`, no dynamic route segment), sidestepping the pre-rendering problem entirely. The frontend's own links to this page (e.g. from the event list) point at `/dashboard/events?slug=<slug>`, not the legacy path.
+
+### Client-side auth check
+
+The three swapped/new pages (`/dashboard`, `/dashboard/webhook-logs`, `/dashboard/events`) are **public shells** — FastAPI serves the static HTML with no server-side session check, because a static file has no per-request logic to check anything with. Protection stays where it already lives: every `/dashboard/api/*` call still requires the session cookie. The frontend calls the dashboard's user-lookup endpoint on load; on 401 it redirects the browser to `/dashboard/login`. (Whether that's the existing-but-unused `/dashboard/api/me` or a route the implementer adds is their call — see [Superseded Work](#superseded-work).)
+
+This is a deliberate, accepted UX change from today's behavior: an unauthenticated visit to `/dashboard` currently gets an immediate server-side 302; after this change it will briefly render the shell before client-side JS redirects. For an internal admin tool this trade-off is acceptable.
+
+`/dashboard/events/{slug}` (the retained legacy route) is unaffected — it keeps its existing server-side `_session_email_or_redirect` gate, because it's still a real Jinja2 route with per-request logic.
+
+## Static File Serving
+
+A real `next build` with `output: "export"` (already configured in `argus-dashboard`) was run as a spike to see the actual output shape. It produces more than per-page `.html` files:
+
+```
+out/
+├── index.html, index.txt              # page + a lightweight client-nav prefetch payload
+├── 404.html, _not-found.html/.txt
+├── favicon.ico, *.svg                 # public/ assets, copied verbatim
+└── _next/static/
+    ├── chunks/*.js, *.css             # content-hashed, cacheable forever
+    ├── media/*.woff2
+    └── <build-id>/*.js                # build-id directory name changes every build
+```
+
+Because of the extra `.txt` companion files and the per-build hashed directory, **the whole output tree must be served as-is** — bespoke per-page route handlers (as originally sketched in the superseded plan) would miss files the client-side router needs for navigation. The recommended mechanism is a single `StaticFiles(directory=..., html=True)` mount covering the whole build directory, registered **after** `app.include_router(dashboard_router)` so the more specific routes (`/dashboard/login`, `/dashboard/api/*`, `/dashboard/events/{slug}`, `/dashboard/oauth/callback`) are matched first and only unmatched paths fall through to the static mount.
+
+Two Next.js config requirements this implies, both belonging in `frontend/next.config.ts`:
+
+- **`basePath: "/dashboard"`** — so every one of Next's own asset/script/link references resolves under the same prefix FastAPI mounts the files at. Without this, the built HTML's script tags would reference `/_next/static/...` (root-relative) instead of `/dashboard/_next/static/...`, and the assets would 404.
+- **`trailingSlash: true`** — so each page exports as `<page>/index.html` rather than a flat `<page>.html`. Static file servers (including Starlette's `StaticFiles(html=True)`) resolve directory-style paths (`/dashboard/webhook-logs/` → `webhook-logs/index.html`) far more predictably than they resolve an extensionless path to a same-named `.html` file. This is also the standard recommendation for serving a Next static export from a non-Next server.
+
+The build directory itself is `src/argus/dashboard/frontend/` — inside the `dashboard` feature package, alongside the existing `templates/` directory, following the same convention (see [Build & Packaging](#build--packaging)). This is a *build artifact location*, not source — it exists only inside the Docker image, populated by the multi-stage build below. It is unrelated to (and not a duplicate of) `argus/frontend/`, which is the Next.js *source*.
+
+**Left to implementation, not fully specified here:** the exact FastAPI mount call, and empirical verification that a request to `/dashboard/webhook-logs` actually resolves against the real Next export output once `trailingSlash`/`basePath` are set — this needs a real build-and-serve check, not just code review.
+
+## Build & Packaging
+
+### Dockerfile (multi-stage)
+
+```dockerfile
+FROM node:22-slim AS frontend-build
+
+WORKDIR /frontend
+RUN corepack enable && corepack prepare pnpm@10.33.0 --activate
+
+COPY frontend/package.json frontend/pnpm-lock.yaml frontend/pnpm-workspace.yaml ./
+RUN pnpm install --frozen-lockfile
+
+COPY frontend ./
+RUN pnpm build
+
+
+FROM python:3.12-slim-bookworm
+
+LABEL org.opencontainers.image.source="https://github.com/sciwork/argus"
+
+ENV PYTHONDONTWRITEBYTECODE=1
+ENV PYTHONUNBUFFERED=1
+
+WORKDIR /app
+
+COPY pyproject.toml README.md ./
+COPY src ./src
+COPY --from=frontend-build /frontend/out ./src/argus/dashboard/frontend
+
+RUN pip install --no-cache-dir .
+
+EXPOSE 8000
+
+CMD ["uvicorn", "argus.main:app", "--host", "0.0.0.0", "--port", "8000"]
+```
+
+Notes on deviations from the reference Dockerfile the design started from:
+- **pnpm, not npm** — matches `argus-dashboard`'s actual tooling (`pnpm-lock.yaml`, `packageManager` field); installed via corepack rather than a global `npm install -g pnpm`, so the exact pinned version is used.
+- **Copies from `/frontend/out`, not `/frontend/dist`** — matches Next.js's actual static-export output directory (confirmed by the spike), not the reference's assumption.
+- **No `sqlite3` CLI install** — the reference Dockerfile this design started from included `apt-get install sqlite3`; that was deliberately removed from `argus`'s Dockerfile in a past change (#13) and must **not** be reintroduced.
+
+### `pyproject.toml`
+
+Add the frontend build output to package data, alongside the existing `templates/*.html` entry:
+
+```toml
+[tool.setuptools.package-data]
+"argus.dashboard" = ["templates/*.html", "frontend/**/*"]
+"argus.kktix" = ["templates/*.j2"]
+```
+
+**Verify, don't assume:** confirm setuptools' glob actually picks up nested files recursively (build a wheel and inspect its contents) rather than trusting the `**` pattern works as written — this is an easy thing to get subtly wrong.
+
+### `.dockerignore`
+
+Add:
+```
+frontend/node_modules
+frontend/.next
+frontend/out
+```
+
+### CI (`.github/workflows/ci.yml`)
+
+Add a `frontend` job alongside the existing Python `test` job: corepack-installed pnpm (pinned via `packageManager`), `pnpm install --frozen-lockfile`, `pnpm lint`, `pnpm build`. No test step yet — `package.json` has no `test` script defined despite the Storybook/Vitest scaffolding commit; add one only once real component tests exist.
+
+## Local Development
+
+In production, FastAPI serves the built frontend, so both are same-origin by construction. In local development, `next dev` (typically `localhost:3000`) and `uvicorn` (`localhost:8000`) run as separate processes on different ports — still cross-origin.
+
+Rather than reintroducing CORS for dev only, `frontend/next.config.ts` gets a dev-only `rewrites()` entry forwarding `/dashboard/api/:path*` to `http://localhost:8000/dashboard/api/:path*`. The browser only ever talks to `localhost:3000`; Next's dev server proxies the API calls server-side. This keeps dev and prod auth behavior identical (session cookie, no CORS, ever) and preserves hot-reload.
+
+## Frontend Pages
+
+Built against the **existing, unchanged** `/dashboard/api/*` JSON shapes (documented in `SPEC.md`) — no backend API changes are needed to support them:
+
+- **Home / event list** (`/dashboard`) — replaces the Jinja2 event list. Consumes `GET /dashboard/api/events`. Links to each event point at `/dashboard/events?slug=<slug>`.
+- **Event detail** (`/dashboard/events`, reading `slug` from the query string) — replaces the Jinja2 per-event chart page. Consumes `GET /dashboard/api/events/{slug}/timeseries`. Feature parity with the current Chart.js rendering: one line per ticket type plus "Total", horizontal dashed capacity line, vertical dashed event-start line, daily granularity.
+- **Webhook logs** (`/dashboard/webhook-logs`) — replaces the Jinja2 log viewer. Consumes `GET /dashboard/api/webhook-logs` (paginated), `DELETE /dashboard/api/webhook-logs/{id}`, `DELETE /dashboard/api/webhook-logs`.
+- **Login-state handling** — see [Client-side auth check](#client-side-auth-check) above.
+
+Charting library: `argus-dashboard` already has shadcn/ui set up, which ships a chart component built on **Recharts**. Recommended over pulling in Chart.js again, for consistency with the rest of the design system already in place. This is a low-risk, easily-revisited implementation choice, not a hard requirement of this spec.
+
+Visual/component-level design (exact layout, spacing, styling) is intentionally not specified here — build to functional parity with the current dashboard, using the design system already scaffolded in `argus-dashboard` (shadcn/ui, breakpoint tokens), and use judgment for the rest. This is an internal admin tool, not a customer-facing product.
+
+## Sequencing & Merge Gate
+
+All of the above lands in one branch (fresh off `main` — PR #16 was closed unmerged first). Suggested order, each step kept independently testable:
+
+1. Copy `argus-dashboard` → `frontend/`, add `.gitignore`, confirm `pnpm install`/`pnpm build`/`pnpm lint` work standalone.
+2. Dockerfile + `.dockerignore` + `pyproject.toml` package-data — build the image, confirm the static files land in the installed package (inspect the built wheel/image, don't assume).
+3. CI `frontend` job.
+4. FastAPI static-serving wiring (`basePath`/`trailingSlash` config, the `StaticFiles` mount, removal of the two Jinja2 routes/templates) — verified against a real build, not just code review.
+5. The three pages + client-side auth check.
+6. Local-dev proxy (`next.config.ts` rewrites).
+7. End-to-end verification: fresh clone, `docker build`, run the container, confirm `/dashboard`, `/dashboard/webhook-logs`, `/dashboard/events?slug=...`, and `/dashboard/events/{slug}` (legacy) all work, login/logout still work, and nothing else (webhook ingestion, Discord reports, `/health`) regressed.
+
+Only after step 7 passes does this merge to `main`.
+
+## Open Questions / Explicitly Deferred
+
+- Preserving `argus-dashboard`'s original git history in the merge — explicitly decided against; a plain copy is used instead.
+- A frontend test suite / CI test step — deferred until real tests exist.
+- Deleting the original `argus-dashboard` directory — deferred, not this spec's call.

From 41f9a6b008e50295719939d1c1898b4ecb8fe832 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 15 Aug 2026 22:07:21 +0800
Subject: [PATCH 02/34] docs: add frontend monorepo integration implementation
 plan

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 ...026-08-15-frontend-monorepo-integration.md | 1466 +++++++++++++++++
 1 file changed, 1466 insertions(+)
 create mode 100644 docs/superpowers/plans/2026-08-15-frontend-monorepo-integration.md

diff --git a/docs/superpowers/plans/2026-08-15-frontend-monorepo-integration.md b/docs/superpowers/plans/2026-08-15-frontend-monorepo-integration.md
new file mode 100644
index 0000000..d6c5a39
--- /dev/null
+++ b/docs/superpowers/plans/2026-08-15-frontend-monorepo-integration.md
@@ -0,0 +1,1466 @@
+# Frontend Monorepo Integration Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Fold the separate `argus-dashboard` Next.js project into `argus` as `frontend/`, have FastAPI serve its static export at the same origin (replacing two of three legacy Jinja2 dashboard routes), and build the three real dashboard pages against the existing `/dashboard/api/*` JSON API — so the whole pipeline works end-to-end before it ever reaches `main`.
+
+**Architecture:** Same-origin static-file serving. `frontend/` (Next.js, `output: "export"`) builds to a directory Docker copies into `src/argus/dashboard/frontend/`, which FastAPI mounts via `StaticFiles(html=True)` under `/dashboard`, registered after the existing dashboard router so `/dashboard/login`, `/dashboard/api/*`, `/dashboard/oauth/callback`, and the retained legacy `/dashboard/events/{slug}` all take priority. No Bearer tokens, no CORS — the existing session-cookie `require_login` dependency is untouched and is what actually protects data; the static pages themselves are public shells.
+
+**Tech Stack:** Backend unchanged (FastAPI, SQLAlchemy, Starlette). Frontend: Next.js 16 (App Router, static export), TypeScript, Tailwind v4, shadcn/ui (Base UI primitives, `style: "base-sera"`), axios, Recharts (via shadcn's chart wrapper), pnpm, Vitest + Storybook (`@storybook/nextjs-vite`, Playwright browser provider).
+
+**Spec:** [docs/superpowers/specs/2026-08-15-frontend-monorepo-integration-design.md](../specs/2026-08-15-frontend-monorepo-integration-design.md)
+
+## Global Constraints
+
+- Nothing in this plan merges to `main` until Task 11 (end-to-end verification) passes — see the spec's "Sequencing & Merge Gate".
+- Backend: Python 3.11+, ruff (`I, N, E, W, F, UP`), double-quote strings, isort `from-first`, 2 blank lines after imports. Every commit ends with `Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>`.
+- Frontend: **pnpm only, never npm** (`packageManager: "pnpm@10.33.0"` in `frontend/package.json`). **Axios, not native `fetch`**, for all API calls (AGENTS.md: "Data Fetching: Axios"). Follow the folder convention from `frontend/AGENTS.md`: `apis/` (API calls), `types/responses/` (response shapes), `hooks/` (custom hooks) — create these directories as needed, they don't exist yet. TypeScript: prefer explicit types over inferred (`as const` where relevant); avoid `any`, use `unknown` + narrowing. Run `pnpm exec prettier . --write` before every frontend commit (double quotes, semicolons, trailing commas, the project's specific import order, Tailwind class sorting — all enforced by the configured Prettier plugins, not by hand).
+- **`basePath: "/dashboard"` gotcha:** once Task 5 sets this, Next's own `<Link href>` / `useRouter()` **automatically prepend** `/dashboard` to any app-internal path. Write internal hrefs *without* the `/dashboard` prefix (e.g. `href="/events?slug=..."`, which Next renders as `/dashboard/events?slug=...`). Paths Next does *not* own — `/dashboard/login`, `/dashboard/oauth/callback` — are FastAPI routes; navigate to them with a real browser navigation (`window.location.href = "/dashboard/login"`), never through Next's router, and write them with the full `/dashboard/...` path since nothing auto-prefixes a raw `window.location` assignment.
+- `cn()` convention (from `frontend/AGENTS.md`): static classes as a string argument, conditional classes in an object argument — `cn("static-class", { "conditional-class": isCondition })`.
+- Storybook stories + Vitest component tests are required by `frontend/AGENTS.md` for reusable `components/*`. This plan scopes that requirement to the one genuinely reusable extraction (`EventChart`, Task 8) — page-level route files (`app/*/page.tsx`) are composition/wiring, not reusable components, and are not given stories.
+- The original `argus-dashboard` directory is left untouched throughout this plan.
+
+---
+
+## File Structure
+
+| File | Responsibility |
+|------|----------------|
+| `frontend/` | Copied Next.js source (from `argus-dashboard`) |
+| `AGENTS.md`, `CLAUDE.md` (repo root) | New — point Claude/agents at `frontend/AGENTS.md` for frontend conventions (see Task 1) |
+| `Dockerfile` | Modified — multi-stage: Node/pnpm build stage, then Python |
+| `.dockerignore`, `pyproject.toml` | Modified — frontend build artifacts ignored; static output packaged |
+| `.github/workflows/ci.yml` | Modified — new `frontend` job |
+| `src/argus/auth.py` | Modified — `require_login` gains no new logic; only a new route consumes it |
+| `src/argus/dashboard/router.py` | Modified — remove `dashboard_home`/`dashboard_webhook_logs` + their templates; add `api_me` |
+| `src/argus/dashboard/templates/index.html`, `webhook_logs.html` | Deleted |
+| `src/argus/main.py` | Modified — `StaticFiles` mount |
+| `frontend/next.config.ts` | Modified — `basePath`, `trailingSlash`, dev-only `rewrites()` |
+| `frontend/apis/*.ts`, `frontend/types/responses/*.ts`, `frontend/hooks/*.ts` | New — API client + auth-check hook |
+| `frontend/app/page.tsx` | Modified — event list |
+| `frontend/app/events/page.tsx`, `frontend/components/event-chart.tsx` | New — event detail + chart |
+| `frontend/app/webhook-logs/page.tsx` | New — webhook log viewer |
+
+---
+
+### Task 1: Fold `argus-dashboard` into `frontend/`
+
+**Files:**
+- Create: `frontend/` (copied from `argus-dashboard`, files only — no git history)
+- Create: `AGENTS.md`, `CLAUDE.md` (repo root)
+
+**Interfaces:**
+- Produces: a working, standalone `frontend/` Next.js project (`pnpm install`/`pnpm build`/`pnpm lint` all succeed from within it) — every later task builds on this.
+
+- [ ] **Step 1: Copy tracked files only, no history**
+
+`argus-dashboard`'s working tree must be clean before this (`git -C /Users/zhangwuxian/Code/sciwork/argus-dashboard status --porcelain` should print nothing).
+
+```bash
+mkdir -p frontend
+git -C /Users/zhangwuxian/Code/sciwork/argus-dashboard archive HEAD | tar -x -C frontend
+```
+
+`git archive` exports exactly the tracked tree at `HEAD` — no `.git/`, no history, and (because it's a tracked file) `frontend/.gitignore` comes along automatically, so `node_modules/`, `.next/`, `out/`, etc. stay correctly ignored once you `pnpm install`/`pnpm build` below.
+
+- [ ] **Step 2: Verify the copy is self-contained**
+
+```bash
+cd frontend && pnpm install && pnpm build && pnpm lint
+cd ..
+```
+
+Expected: all three succeed. `pnpm build` produces `frontend/out/` (gitignored, don't commit it).
+
+- [ ] **Step 3: Root `AGENTS.md`/`CLAUDE.md` — point at the frontend's own conventions**
+
+`frontend/AGENTS.md` and `frontend/CLAUDE.md` came along in Step 1, but the repo root's existing `.gitignore` has:
+```
+# AI assistant configs (personal, not shared)
+.claude/
+CLAUDE.md
+AGENTS.md
+```
+No leading `/`, so this matches at *any* depth — `frontend/AGENTS.md` and `frontend/CLAUDE.md` will be silently excluded from git by this repo's existing, deliberate policy (agent-config files aren't shared via git here). Leave that policy alone. But a Claude session working from the repo root (not already `cd`'d into `frontend/`) needs *some* on-disk pointer to discover that `frontend/` has its own detailed conventions doc — so create root-level files whose job is only to point there:
+
+```markdown
+# AGENTS.md
+# Argus
+
+FastAPI backend (`src/argus/`) — see `SPEC.md` for the full API/architecture
+reference — plus a Next.js dashboard frontend (`frontend/`), served
+same-origin by the same FastAPI process. See
+`docs/superpowers/specs/2026-08-15-frontend-monorepo-integration-design.md`
+for how the two fit together.
+
+## Frontend (`frontend/`)
+
+A separate Next.js project with its own tech stack, folder conventions, and
+testing rules — see `frontend/AGENTS.md` (present on disk once `frontend/`
+exists in your working copy; not tracked in git, matching this repo's
+existing policy of not committing agent-config files). Key points if you
+don't have it handy:
+
+- Static export (`output: "export"`), served by FastAPI at the same origin
+  as the backend — no separate deployment, no CORS, no Bearer tokens.
+- Package manager: pnpm (not npm).
+- Data fetching: axios.
+- Component library: shadcn/ui on Base UI (not Radix) — see
+  `frontend/.agents/skills/shadcn/` and
+  `frontend/.agents/skills/migrate-radix-to-base/`.
+```
+
+```markdown
+# CLAUDE.md
+@AGENTS.md
+```
+
+(Mirrors `frontend/CLAUDE.md`'s own one-line-pointer pattern.) These two root files will *also* be excluded by the same gitignore rule — that's fine, they exist to help whoever's local working copy has `frontend/` present; they aren't meant to be the shared record of these conventions (the spec and this plan are).
+
+- [ ] **Step 4: Commit**
+
+```bash
+git add -A frontend
+git status --porcelain  # confirm AGENTS.md/CLAUDE.md (root and frontend/) do NOT appear — gitignored, as intended
+git commit -m "feat: fold argus-dashboard into frontend/
+
+Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
+```
+
+(The root/`frontend/` `AGENTS.md`/`CLAUDE.md` files from Step 3 stay on disk but aren't part of this commit, by design — see Step 3.)
+
+---
+
+### Task 2: Docker multi-stage build + package data
+
+**Files:**
+- Modify: `Dockerfile`
+- Modify: `.dockerignore`
+- Modify: `pyproject.toml`
+
+**Interfaces:**
+- Consumes: `frontend/` (Task 1).
+- Produces: a Docker image whose Python package includes the built static frontend at `src/argus/dashboard/frontend/` at runtime — consumed by Task 5's `StaticFiles` mount.
+
+- [ ] **Step 1: Rewrite `Dockerfile` as multi-stage**
+
+```dockerfile
+FROM node:22-slim AS frontend-build
+
+WORKDIR /frontend
+RUN corepack enable && corepack prepare pnpm@10.33.0 --activate
+
+COPY frontend/package.json frontend/pnpm-lock.yaml frontend/pnpm-workspace.yaml ./
+RUN pnpm install --frozen-lockfile
+
+COPY frontend ./
+RUN pnpm build
+
+
+FROM python:3.12-slim-bookworm
+
+LABEL org.opencontainers.image.source="https://github.com/sciwork/argus"
+
+ENV PYTHONDONTWRITEBYTECODE=1
+ENV PYTHONUNBUFFERED=1
+
+WORKDIR /app
+
+COPY pyproject.toml README.md ./
+COPY src ./src
+COPY --from=frontend-build /frontend/out ./src/argus/dashboard/frontend
+
+RUN pip install --no-cache-dir .
+
+EXPOSE 8000
+
+CMD ["uvicorn", "argus.main:app", "--host", "0.0.0.0", "--port", "8000"]
+```
+
+Do not reintroduce `apt-get install sqlite3` — the current single-stage `Dockerfile` already has it removed (past change #13); this rewrite must preserve that.
+
+- [ ] **Step 2: Update `.dockerignore`**
+
+Add:
+```
+frontend/node_modules
+frontend/.next
+frontend/out
+```
+
+- [ ] **Step 3: Update `pyproject.toml` package data**
+
+```toml
+[tool.setuptools.package-data]
+"argus.dashboard" = ["templates/*.html", "frontend/**/*"]
+"argus.kktix" = ["templates/*.j2"]
+```
+
+- [ ] **Step 4: Build the image and verify the static files actually land in the installed package**
+
+Don't just trust the `**` glob — check the built wheel directly:
+
+```bash
+docker build --tag argus-frontend-check .
+docker run --rm argus-frontend-check python -c "
+import pathlib
+p = pathlib.Path('/usr/local/lib/python3.12/site-packages/argus/dashboard/frontend')
+assert p.is_dir(), f'{p} missing'
+assert (p / 'index.html').exists(), 'index.html missing from installed package'
+print('OK:', sorted(str(f.relative_to(p)) for f in p.rglob('*'))[:10], '...')
+"
+docker image rm argus-frontend-check
+```
+
+Expected: `OK: [...]` printing at least `index.html` and something under `_next/`. If the assertion fails, the `package-data` glob isn't matching recursively as written — the `[tool.setuptools.package-data]` glob or a `MANIFEST.in`/`include_package_data` setting needs adjusting; don't guess which without seeing the actual failure.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add Dockerfile .dockerignore pyproject.toml
+git commit -m "feat: multi-stage Docker build for the frontend static export
+
+Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
+```
+
+---
+
+### Task 3: CI frontend job
+
+**Files:**
+- Modify: `.github/workflows/ci.yml`
+
+**Interfaces:**
+- Consumes: `frontend/` (Task 1).
+- Produces: CI coverage that `pnpm install`/`pnpm lint`/`pnpm build` keep working on every push/PR.
+
+- [ ] **Step 1: Add a `frontend` job**
+
+```yaml
+  frontend:
+    name: Frontend
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v7
+
+      - name: Enable corepack
+        run: corepack enable
+
+      - name: Set up Node
+        uses: actions/setup-node@v5
+        with:
+          node-version: "22"
+
+      - name: Install dependencies
+        working-directory: frontend
+        run: pnpm install --frozen-lockfile
+
+      - name: Lint
+        working-directory: frontend
+        run: pnpm lint
+
+      - name: Build
+        working-directory: frontend
+        run: pnpm build
+```
+
+Add this as a sibling to the existing `test:` job (same `jobs:` level), not nested inside it. No test step — `frontend/package.json` has no `test` script yet (the Storybook/Vitest scaffolding isn't wired to one); add it once real component tests exist (Task 8 adds the first one, at which point revisit).
+
+- [ ] **Step 2: Verify locally as far as possible**
+
+```bash
+cd frontend && pnpm install --frozen-lockfile && pnpm lint && pnpm build
+cd ..
+```
+
+(Full CI verification happens when this branch's commits actually run in GitHub Actions — note that in your PR description/final check rather than trying to fully simulate it locally.)
+
+- [ ] **Step 3: Commit**
+
+```bash
+git add .github/workflows/ci.yml
+git commit -m "ci: add frontend lint/build job
+
+Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
+```
+
+---
+
+### Task 4: `GET /dashboard/api/me`
+
+**Files:**
+- Modify: `src/argus/dashboard/router.py`
+- Test: `tests/test_auth.py`
+
+**Interfaces:**
+- Consumes: `auth.require_login` (existing, unchanged — session-cookie only, no Bearer).
+- Produces: `GET /dashboard/api/me` → `{"email": str}` — consumed by Task 6's frontend auth-check hook.
+
+- [ ] **Step 1: Write the failing test**
+
+```python
+# tests/test_auth.py — reuse the existing dashboard_app fixture and its
+# session-cookie login pattern (this file already has a real OIDC-mock
+# OAuth flow test to model from; a simpler direct-session-set test suffices
+# here since api_me has no logic beyond require_login)
+@pytest.mark.asyncio
+async def test_api_me_returns_authenticated_email(dashboard_app):
+    """The frontend can look up who is currently logged in via the session cookie."""
+    transport = httpx.ASGITransport(app=dashboard_app)
+    async with httpx.AsyncClient(
+        transport=transport, base_url="http://test"
+    ) as client:
+        # Log in by hitting the real OAuth flow, or set the session directly
+        # via the test client's cookie jar if this file already has a helper
+        # for that — check tests/test_auth.py's existing fixtures/imports
+        # before adding a new one.
+        login_response = await client.get(
+            "/dashboard/api/me"
+        )
+        assert login_response.status_code == 401  # no session yet
+
+        # (Use whichever session-establishing approach the existing test file
+        # already relies on — e.g. driving the real OIDC-mock flow like
+        # test_google_oauth_accepts_only_allowlisted_user does — to then
+        # assert a 200 with {"email": "chester@example.com"}.)
+```
+
+Read `tests/test_auth.py` in full before writing this — the file already has a working pattern for establishing an authenticated session via the real (mocked) Google OAuth flow (`run_server_in_thread`, `client.get("/dashboard/login", ...)`, following the redirect chain). Reuse that pattern rather than inventing a new one; the test above is a starting sketch, not the literal final code — fill in the actual login step using the existing pattern in the same file.
+
+- [ ] **Step 2: Run test to verify it fails**
+
+Run: `uv run pytest tests/test_auth.py -v -k api_me`
+Expected: FAIL — route doesn't exist yet (404, or the test itself won't even reach a meaningful assertion).
+
+- [ ] **Step 3: Implement**
+
+```python
+# src/argus/dashboard/router.py — add to the "── JSON API ──" section,
+# as the first route, right before api_events
+@router.get("/dashboard/api/me")
+async def api_me(email: str = Depends(auth.require_login)):
+    return {"email": email}
+```
+
+- [ ] **Step 4: Run test to verify it passes**
+
+Run: `uv run pytest tests/test_auth.py -v`
+Expected: PASS (whole file — confirms this addition didn't disturb the existing OAuth cookie-flow test)
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add src/argus/dashboard/router.py tests/test_auth.py
+git commit -m "feat: add GET /dashboard/api/me for frontend session bootstrap
+
+Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
+```
+
+---
+
+### Task 5: Next.js config + FastAPI static serving + remove two legacy routes
+
+**Files:**
+- Modify: `frontend/next.config.ts`
+- Modify: `src/argus/main.py`
+- Modify: `src/argus/dashboard/router.py`
+- Delete: `src/argus/dashboard/templates/index.html`, `src/argus/dashboard/templates/webhook_logs.html`
+- Modify: `tests/test_docker_integration.py`
+
+**Interfaces:**
+- Consumes: `src/argus/dashboard/frontend/` existing at runtime (Task 2's Docker copy).
+- Produces: `GET /dashboard` resolves to the built static frontend (still just the default scaffold page at this point — Task 7 replaces its content); `/dashboard/webhook-logs` and `/dashboard/events` will 404 until Tasks 8–9 add those pages, which is expected and fine at this stage. `/dashboard/events/{slug}` (legacy Jinja2) and all `/dashboard/api/*`, `/dashboard/login`, `/dashboard/oauth/callback` routes are unaffected.
+
+- [ ] **Step 1: Next.js config**
+
+```typescript
+// frontend/next.config.ts
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  output: "export",
+  basePath: "/dashboard",
+  trailingSlash: true,
+  // next/image's default loader needs a server; serve images as-is instead.
+  images: {
+    unoptimized: true,
+  },
+};
+
+export default nextConfig;
+```
+
+- [ ] **Step 2: Remove the two legacy Jinja2 routes and templates**
+
+```python
+# src/argus/dashboard/router.py — DELETE these two route functions entirely:
+#   @router.get("/dashboard")
+#   async def dashboard_home(request: Request): ...
+#
+#   @router.get("/dashboard/webhook-logs")
+#   async def dashboard_webhook_logs(request: Request): ...
+#
+# Keep `dashboard_event` (the /dashboard/events/{slug} handler), the
+# `templates` Jinja2Templates instance (event.html still needs it),
+# `_session_email_or_redirect`, and `_format_start_at_local` exactly as they are.
+```
+
+```bash
+rm src/argus/dashboard/templates/index.html
+rm src/argus/dashboard/templates/webhook_logs.html
+```
+
+- [ ] **Step 3: Mount the static frontend in `main.py`**
+
+```python
+# src/argus/main.py — imports: add
+from pathlib import Path
+
+from starlette.staticfiles import StaticFiles
+```
+
+```python
+# src/argus/main.py — add right after app.include_router(health_router)
+_FRONTEND_DIR = Path(__file__).parent / "dashboard" / "frontend"
+
+if _FRONTEND_DIR.is_dir():
+    app.mount(
+        "/dashboard", StaticFiles(directory=_FRONTEND_DIR, html=True), name="dashboard-frontend"
+    )
+```
+
+The `is_dir()` guard matters: in local development (no Docker build), `src/argus/dashboard/frontend/` won't exist, and `StaticFiles(directory=...)` raises at construction time if its directory is missing — without the guard, the app would fail to start at all for anyone running `uvicorn` directly against a source checkout without having built the frontend first.
+
+Mounting *after* `app.include_router(dashboard_router)` (already the case — this is appended after the last `include_router` call) means the more specific routes (`/dashboard/login`, `/dashboard/api/*`, `/dashboard/events/{slug}`, `/dashboard/oauth/callback`) are matched first; only paths under `/dashboard/*` that don't match any of those fall through to the static mount.
+
+- [ ] **Step 4: Extend the Docker integration test**
+
+```python
+# tests/test_docker_integration.py — new test function, using the existing
+# api_url fixture (already builds the real image and runs it)
+def test_docker_image_serves_frontend_shell(api_url: str) -> None:
+    """The built static frontend is served at /dashboard, same-origin."""
+    with httpx.Client(base_url=api_url, timeout=5) as client:
+        response = client.get("/dashboard")
+        assert response.status_code == 200
+        assert "text/html" in response.headers["content-type"]
+```
+
+Do **not** add assertions for `/dashboard/webhook-logs` or `/dashboard/events` here — those pages don't exist in the Next app until Tasks 8–9, so a request for them would 404 at this point in the sequence; those tasks add their own equivalent assertions once their pages exist. Do **not** remove or alter `test_docker_image_api_flow` or `test_docker_image_cors_and_bearer_token_auth` — wait, the latter is from the abandoned PR #16 and shouldn't exist on `main` at all; if you find it while reading this file, that means you're working from the wrong base — confirm you branched from current `main`, not the old `worktree-frontend-api-extraction` branch.
+
+- [ ] **Step 5: Run the full suite, including Docker**
+
+Run: `uv run pytest tests/ -v` (this rebuilds the image — expect ~30-60s)
+Expected: PASS, including the new frontend-shell test and the retained legacy-`/dashboard/events/{slug}` coverage in the existing suite.
+
+- [ ] **Step 6: Commit**
+
+```bash
+git add frontend/next.config.ts src/argus/main.py src/argus/dashboard/router.py \
+        tests/test_docker_integration.py
+git rm src/argus/dashboard/templates/index.html src/argus/dashboard/templates/webhook_logs.html
+git commit -m "feat: serve the built frontend at /dashboard, retire two Jinja2 routes
+
+Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
+```
+
+---
+
+### Task 6: Frontend API client + auth-check hook
+
+**Files:**
+- Create: `frontend/apis/client.ts`, `frontend/apis/auth.ts`, `frontend/apis/events.ts`, `frontend/apis/webhook-logs.ts`
+- Create: `frontend/types/responses/auth.ts`, `frontend/types/responses/events.ts`, `frontend/types/responses/webhook-logs.ts`
+- Create: `frontend/hooks/use-require-auth.ts`
+- Test: `frontend/tests/hooks/use-require-auth.test.tsx`
+
+**Interfaces:**
+- Consumes: `GET /dashboard/api/me`, `/events`, `/events/{slug}/timeseries`, `/events/{slug}` (DELETE), `/webhook-logs`, `/webhook-logs/{id}` (DELETE) — all documented in `SPEC.md`, unchanged by this plan.
+- Produces: `getCurrentUser(): Promise<CurrentUser | null>`, `listEvents()`, `getEventTimeseries(slug)`, `deleteEvent(slug)`, `listWebhookLogs(limit, offset)`, `deleteWebhookLog(id)`, `clearWebhookLogs()`, and the `useRequireAuth()` hook — consumed by Tasks 7–9's pages.
+
+- [ ] **Step 1: Response types**
+
+```typescript
+// frontend/types/responses/auth.ts
+export interface CurrentUser {
+  email: string;
+}
+```
+
+```typescript
+// frontend/types/responses/events.ts
+export interface EventSummary {
+  event_slug: string;
+  event_name: string;
+  channel: string | null;
+  start_at: string | null;
+  capacity: number | null;
+}
+
+export interface TimeseriesDataset {
+  name: string;
+  data: number[];
+}
+
+export interface EventTimeseries {
+  event: EventSummary;
+  labels: string[];
+  datasets: TimeseriesDataset[];
+  start_marker_label: string | null;
+}
+```
+
+```typescript
+// frontend/types/responses/webhook-logs.ts
+export interface WebhookLogEntry {
+  id: number;
+  method: string;
+  channel: string | null;
+  headers: string;
+  body: string | null;
+  created_at: string;
+}
+
+export interface WebhookLogsPage {
+  items: WebhookLogEntry[];
+  total: number;
+  limit: number;
+  offset: number;
+}
+```
+
+- [ ] **Step 2: Axios client + API functions**
+
+```typescript
+// frontend/apis/client.ts
+import axios from "axios";
+
+export const apiClient = axios.create({
+  baseURL: "/dashboard/api",
+});
+```
+
+Same-origin by design (see the spec) — no `withCredentials` needed; the browser sends the session cookie automatically for same-origin requests.
+
+```typescript
+// frontend/apis/auth.ts
+import { isAxiosError } from "axios";
+import { apiClient } from "@/apis/client";
+import type { CurrentUser } from "@/types/responses/auth";
+
+export async function getCurrentUser(): Promise<CurrentUser | null> {
+  try {
+    const response = await apiClient.get<CurrentUser>("/me");
+    return response.data;
+  } catch (error) {
+    if (isAxiosError(error) && error.response?.status === 401) {
+      return null;
+    }
+    throw error;
+  }
+}
+```
+
+```typescript
+// frontend/apis/events.ts
+import { apiClient } from "@/apis/client";
+import type { EventSummary, EventTimeseries } from "@/types/responses/events";
+
+export async function listEvents(): Promise<EventSummary[]> {
+  const response = await apiClient.get<EventSummary[]>("/events");
+  return response.data;
+}
+
+export async function getEventTimeseries(
+  slug: string,
+): Promise<EventTimeseries> {
+  const response = await apiClient.get<EventTimeseries>(
+    `/events/${encodeURIComponent(slug)}/timeseries`,
+  );
+  return response.data;
+}
+
+export async function deleteEvent(slug: string): Promise<void> {
+  await apiClient.delete(`/events/${encodeURIComponent(slug)}`);
+}
+```
+
+```typescript
+// frontend/apis/webhook-logs.ts
+import { apiClient } from "@/apis/client";
+import type { WebhookLogsPage } from "@/types/responses/webhook-logs";
+
+export async function listWebhookLogs(
+  limit: number,
+  offset: number,
+): Promise<WebhookLogsPage> {
+  const response = await apiClient.get<WebhookLogsPage>("/webhook-logs", {
+    params: { limit, offset },
+  });
+  return response.data;
+}
+
+export async function deleteWebhookLog(id: number): Promise<void> {
+  await apiClient.delete(`/webhook-logs/${id}`);
+}
+
+export async function clearWebhookLogs(): Promise<void> {
+  await apiClient.delete("/webhook-logs");
+}
+```
+
+- [ ] **Step 3: Write the failing test for the auth-check hook**
+
+```tsx
+// frontend/tests/hooks/use-require-auth.test.tsx
+import { renderHook, waitFor } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import * as authApi from "@/apis/auth";
+import { useRequireAuth } from "@/hooks/use-require-auth";
+
+describe("useRequireAuth", () => {
+  afterEach(() => {
+    vi.restoreAllMocks();
+    // @ts-expect-error -- jsdom's location isn't reassignable by default; tests override it directly
+    delete window.location;
+    window.location = { href: "" } as Location;
+  });
+
+  it("returns the authenticated user when the session is valid", async () => {
+    vi.spyOn(authApi, "getCurrentUser").mockResolvedValue({
+      email: "chester@example.com",
+    });
+
+    const { result } = renderHook(() => useRequireAuth());
+
+    await waitFor(() =>
+      expect(result.current).toEqual({
+        status: "authenticated",
+        user: { email: "chester@example.com" },
+      }),
+    );
+  });
+
+  it("navigates to /dashboard/login when there is no session", async () => {
+    vi.spyOn(authApi, "getCurrentUser").mockResolvedValue(null);
+    window.location = { href: "" } as Location;
+
+    renderHook(() => useRequireAuth());
+
+    await waitFor(() => expect(window.location.href).toBe("/dashboard/login"));
+  });
+});
+```
+
+This needs `@testing-library/react` — check whether it's already a devDependency (the Storybook/Vitest setup may have pulled it in transitively); if not, add it: `pnpm add -D @testing-library/react`.
+
+- [ ] **Step 4: Run test to verify it fails**
+
+Run: `pnpm exec vitest run tests/hooks/use-require-auth.test.tsx`
+Expected: FAIL — `@/hooks/use-require-auth` doesn't exist yet.
+
+- [ ] **Step 5: Implement the hook**
+
+```typescript
+// frontend/hooks/use-require-auth.ts
+"use client";
+
+import { useEffect, useState } from "react";
+import { getCurrentUser } from "@/apis/auth";
+import type { CurrentUser } from "@/types/responses/auth";
+
+type AuthState =
+  | { status: "loading" }
+  | { status: "authenticated"; user: CurrentUser }
+  | { status: "unauthenticated" };
+
+export function useRequireAuth(): AuthState {
+  const [state, setState] = useState<AuthState>({ status: "loading" });
+
+  useEffect(() => {
+    let cancelled = false;
+
+    getCurrentUser().then((user) => {
+      if (cancelled) return;
+      if (user) {
+        setState({ status: "authenticated", user });
+      } else {
+        setState({ status: "unauthenticated" });
+        window.location.href = "/dashboard/login";
+      }
+    });
+
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  return state;
+}
+```
+
+Note this deliberately does **not** use `useTransition` — that's for marking user-triggered updates (button clicks, pagination, deletes — see Tasks 8–9) as non-urgent; this is a passive on-mount fetch, a different pattern.
+
+Also note: the redirect target is `window.location.href`, not Next's router — `/dashboard/login` is a FastAPI route the Next app doesn't own, so this must be a real browser navigation, not a client-side route transition (see Global Constraints).
+
+- [ ] **Step 6: Run test to verify it passes**
+
+Run: `pnpm exec vitest run tests/hooks/use-require-auth.test.tsx`
+Expected: PASS (2/2)
+
+- [ ] **Step 7: Format, lint, typecheck**
+
+```bash
+cd frontend
+pnpm exec prettier . --write
+pnpm lint
+pnpm exec tsc --noEmit
+cd ..
+```
+
+- [ ] **Step 8: Commit**
+
+```bash
+git add frontend/apis frontend/types frontend/hooks frontend/tests frontend/package.json frontend/pnpm-lock.yaml
+git commit -m "feat(frontend): add API client and session auth-check hook
+
+Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
+```
+
+---
+
+### Task 7: Home / event list page
+
+**Files:**
+- Modify: `frontend/app/page.tsx`
+
+**Interfaces:**
+- Consumes: `useRequireAuth()`, `listEvents()` (Task 6).
+- Produces: the real `/dashboard` home page, replacing the `create-next-app` scaffold.
+
+- [ ] **Step 1: Replace the scaffold page**
+
+```tsx
+// frontend/app/page.tsx
+"use client";
+
+import Link from "next/link";
+import { useEffect, useState } from "react";
+import { listEvents } from "@/apis/events";
+import { useRequireAuth } from "@/hooks/use-require-auth";
+import type { EventSummary } from "@/types/responses/events";
+
+export default function DashboardHomePage() {
+  const auth = useRequireAuth();
+  const [events, setEvents] = useState<EventSummary[] | null>(null);
+
+  useEffect(() => {
+    if (auth.status !== "authenticated") return;
+    let cancelled = false;
+    listEvents().then((result) => {
+      if (!cancelled) setEvents(result);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [auth.status]);
+
+  if (auth.status !== "authenticated") {
+    return null;
+  }
+
+  return (
+    <main className="mx-auto max-w-3xl p-6">
+      <div className="flex items-baseline justify-between">
+        <h1 className="font-heading text-2xl">Argus Dashboard</h1>
+        <span className="text-muted-foreground text-sm">{auth.user.email}</span>
+      </div>
+      <ul className="mt-6 flex flex-col gap-2">
+        {events === null && <li>Loading…</li>}
+        {events?.length === 0 && <li>No events yet.</li>}
+        {events?.map((event) => (
+          <li key={event.event_slug}>
+            <Link
+              href={`/events?slug=${encodeURIComponent(event.event_slug)}`}
+              className="text-primary underline underline-offset-4"
+            >
+              {event.event_name}
+            </Link>
+          </li>
+        ))}
+      </ul>
+    </main>
+  );
+}
+```
+
+Note the `Link href` is `/events?slug=...`, **not** `/dashboard/events?slug=...` — `basePath` (set in Task 5) auto-prepends `/dashboard` to Next-owned internal links; writing the prefix explicitly here would double it (see Global Constraints).
+
+- [ ] **Step 2: Update the metadata title** (still says "Create Next App" from the scaffold)
+
+```tsx
+// frontend/app/layout.tsx — change only the metadata export
+export const metadata: Metadata = {
+  title: "Argus Dashboard",
+  description: "Registration analytics dashboard for Argus",
+};
+```
+
+- [ ] **Step 3: Format, lint, typecheck, build**
+
+```bash
+cd frontend
+pnpm exec prettier . --write
+pnpm lint
+pnpm exec tsc --noEmit
+pnpm build
+cd ..
+```
+
+- [ ] **Step 4: End-to-end check against the real backend**
+
+```bash
+uv run pytest tests/test_docker_integration.py -v -k serves_frontend_shell
+```
+
+Expected: still passes (the shell test from Task 5 now serves this real page instead of the scaffold — confirm the response still comes back 200 `text/html`; it doesn't assert on content, so no change needed there, but this is a good moment to also manually check the built `frontend/out/index.html` contains `Argus Dashboard` somewhere, confirming the real page — not a stale cached scaffold — is what actually got built).
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add frontend/app/page.tsx frontend/app/layout.tsx
+git commit -m "feat(frontend): build the real event-list home page
+
+Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
+```
+
+---
+
+### Task 8: shadcn chart + event detail page
+
+**Files:**
+- Modify: `frontend/package.json`, `frontend/components.json`-managed additions (via CLI)
+- Create: `frontend/components/ui/chart.tsx` (generated), `frontend/components/event-chart.tsx`
+- Create: `frontend/app/events/page.tsx`
+- Create: `frontend/stories/components/event-chart.stories.tsx`
+- Test: `frontend/tests/components/event-chart.test.tsx`
+
+**Interfaces:**
+- Consumes: `getEventTimeseries(slug)` (Task 6), `EventTimeseries` type.
+- Produces: `/dashboard/events?slug=<slug>` — the event-detail page with a line chart.
+
+- [ ] **Step 1: Add the chart component via the shadcn CLI**
+
+```bash
+cd frontend && pnpm dlx shadcn@latest add chart
+cd ..
+```
+
+This respects the project's existing `components.json` (`style: "base-sera"`, Base UI primitives, `@/` aliases) and adds `recharts` to `package.json` plus `components/ui/chart.tsx`. Don't hand-author this file — let the CLI generate it, then read what it produced before writing `EventChart` below, since the exact `ChartContainer`/`ChartConfig`/`ChartTooltip` API surface should be read from the real generated file, not assumed. If the CLI's output differs meaningfully from the usage shown in Step 3 below, adapt Step 3 to match what was actually generated rather than forcing the assumed API.
+
+- [ ] **Step 2: Write the failing component test**
+
+```tsx
+// frontend/tests/components/event-chart.test.tsx
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { EventChart } from "@/components/event-chart";
+import type { EventTimeseries } from "@/types/responses/events";
+
+const sample: EventTimeseries = {
+  event: {
+    event_slug: "test-event",
+    event_name: "Test Event",
+    channel: "SPRINT",
+    start_at: "2026-04-25T01:00:00",
+    capacity: 30,
+  },
+  labels: ["2026-04-15", "2026-04-16"],
+  datasets: [
+    { name: "Total", data: [1, 3] },
+    { name: "一般票", data: [1, 2] },
+  ],
+  start_marker_label: "2026-04-25",
+};
+
+describe("EventChart", () => {
+  it("renders a line for every dataset", () => {
+    render(<EventChart timeseries={sample} />);
+    // Recharts renders each Line as an SVG <path>; assert one exists per dataset
+    // by checking the chart container rendered at all — refine this assertion
+    // once you can see the actual DOM shape ChartContainer produces.
+    expect(screen.getByRole("img", { hidden: true })).toBeTruthy();
+  });
+});
+```
+
+This is a starting sketch — Recharts' exact rendered DOM (SVG structure) should be inspected once `EventChart` exists to write a real, specific assertion (e.g. counting rendered `.recharts-line` elements equals `sample.datasets.length`) rather than the placeholder role-based check above. Do not leave a test that merely asserts the component didn't crash — assert on the *dataset count* actually rendering as lines, since that's the behavior this component exists to provide.
+
+- [ ] **Step 2: Run test to verify it fails**
+
+Run: `pnpm exec vitest run tests/components/event-chart.test.tsx`
+Expected: FAIL — `@/components/event-chart` doesn't exist yet.
+
+- [ ] **Step 3: Implement `EventChart`**
+
+```tsx
+// frontend/components/event-chart.tsx
+"use client";
+
+import {
+  CartesianGrid,
+  Line,
+  LineChart,
+  ReferenceLine,
+  XAxis,
+  YAxis,
+} from "recharts";
+import {
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+  type ChartConfig,
+} from "@/components/ui/chart";
+import type { EventTimeseries } from "@/types/responses/events";
+
+interface EventChartProps {
+  timeseries: EventTimeseries;
+}
+
+export function EventChart({ timeseries }: EventChartProps) {
+  const data = timeseries.labels.map((label, index) => {
+    const point: Record<string, string | number> = { label };
+    for (const dataset of timeseries.datasets) {
+      point[dataset.name] = dataset.data[index];
+    }
+    return point;
+  });
+
+  const config: ChartConfig = Object.fromEntries(
+    timeseries.datasets.map((dataset, index) => [
+      dataset.name,
+      { label: dataset.name, color: `var(--chart-${(index % 5) + 1})` },
+    ]),
+  );
+
+  return (
+    <ChartContainer config={config} className="h-80 w-full">
+      <LineChart data={data}>
+        <CartesianGrid vertical={false} />
+        <XAxis dataKey="label" tickLine={false} axisLine={false} />
+        <YAxis tickLine={false} axisLine={false} />
+        <ChartTooltip content={<ChartTooltipContent />} />
+        {timeseries.event.capacity !== null && (
+          <ReferenceLine
+            y={timeseries.event.capacity}
+            strokeDasharray="4 4"
+            label="Capacity"
+          />
+        )}
+        {timeseries.start_marker_label !== null && (
+          <ReferenceLine
+            x={timeseries.start_marker_label}
+            strokeDasharray="4 4"
+            label="Event start"
+          />
+        )}
+        {timeseries.datasets.map((dataset, index) => (
+          <Line
+            key={dataset.name}
+            dataKey={dataset.name}
+            stroke={`var(--color-${dataset.name})`}
+            strokeWidth={dataset.name === "Total" ? 2 : 1}
+            dot={false}
+          />
+        ))}
+      </LineChart>
+    </ChartContainer>
+  );
+}
+```
+
+Verify this against the actual generated `components/ui/chart.tsx` from Step 1 — adjust prop names/`ChartConfig` shape if the real generated file differs from what's assumed here.
+
+- [ ] **Step 4: Storybook story** (required by `frontend/AGENTS.md` for reusable components)
+
+```tsx
+// frontend/stories/components/event-chart.stories.tsx
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { expect, within } from "storybook/test";
+import { EventChart } from "@/components/event-chart";
+
+const meta: Meta<typeof EventChart> = {
+  title: "Components/EventChart",
+  component: EventChart,
+  tags: ["ai-generated"],
+};
+
+export default meta;
+type Story = StoryObj<typeof EventChart>;
+
+export const Default: Story = {
+  args: {
+    timeseries: {
+      event: {
+        event_slug: "test-event",
+        event_name: "Test Event",
+        channel: "SPRINT",
+        start_at: "2026-04-25T01:00:00",
+        capacity: 30,
+      },
+      labels: ["2026-04-15", "2026-04-16", "2026-04-17"],
+      datasets: [
+        { name: "Total", data: [1, 3, 5] },
+        { name: "一般票", data: [1, 2, 3] },
+        { name: "早鳥票", data: [0, 1, 2] },
+      ],
+      start_marker_label: "2026-04-25",
+    },
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    await expect(canvas.getByRole("img", { hidden: true })).toBeTruthy();
+  },
+};
+```
+
+Match `stories/components/ui/button.stories.tsx`'s established pattern (`tags: ["ai-generated"]`, a smoke-check `play` function) rather than inventing a new story convention.
+
+- [ ] **Step 5: Run test to verify it passes**
+
+Run: `pnpm exec vitest run tests/components/event-chart.test.tsx`
+Expected: PASS
+
+- [ ] **Step 6: Event detail page**
+
+```tsx
+// frontend/app/events/page.tsx
+"use client";
+
+import { useSearchParams } from "next/navigation";
+import { useEffect, useState } from "react";
+import { getEventTimeseries } from "@/apis/events";
+import { EventChart } from "@/components/event-chart";
+import { useRequireAuth } from "@/hooks/use-require-auth";
+import type { EventTimeseries } from "@/types/responses/events";
+
+export default function EventDetailPage() {
+  const auth = useRequireAuth();
+  const searchParams = useSearchParams();
+  const slug = searchParams.get("slug");
+  const [timeseries, setTimeseries] = useState<EventTimeseries | null>(null);
+
+  useEffect(() => {
+    if (auth.status !== "authenticated" || !slug) return;
+    let cancelled = false;
+    getEventTimeseries(slug).then((result) => {
+      if (!cancelled) setTimeseries(result);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [auth.status, slug]);
+
+  if (auth.status !== "authenticated") {
+    return null;
+  }
+
+  if (!slug) {
+    return <p className="p-6">No event selected.</p>;
+  }
+
+  if (!timeseries) {
+    return <p className="p-6">Loading…</p>;
+  }
+
+  return (
+    <main className="mx-auto max-w-3xl p-6">
+      <h1 className="font-heading text-2xl">{timeseries.event.event_name}</h1>
+      <EventChart timeseries={timeseries} />
+    </main>
+  );
+}
+```
+
+`useSearchParams()` in a static-export app is fine at runtime (client-side reads `window.location.search`) — this is exactly why the query-string approach was chosen over a dynamic path segment (see the spec's "Routing" section).
+
+- [ ] **Step 7: Format, lint, typecheck, build**
+
+```bash
+cd frontend
+pnpm exec prettier . --write
+pnpm lint
+pnpm exec tsc --noEmit
+pnpm build
+cd ..
+```
+
+- [ ] **Step 8: Extend the Docker integration test**
+
+```python
+# tests/test_docker_integration.py — extend test_docker_image_serves_frontend_shell
+# or add a sibling assertion
+def test_docker_image_serves_event_detail_page(api_url: str) -> None:
+    """The event-detail page (query-string based) is served at /dashboard/events."""
+    with httpx.Client(base_url=api_url, timeout=5) as client:
+        response = client.get("/dashboard/events", params={"slug": "anything"})
+        assert response.status_code == 200
+        assert "text/html" in response.headers["content-type"]
+```
+
+- [ ] **Step 9: Run the full suite**
+
+Run: `uv run pytest tests/ -v` and `cd frontend && pnpm exec vitest run && cd ..`
+Expected: all PASS.
+
+- [ ] **Step 10: Commit**
+
+```bash
+git add frontend/package.json frontend/pnpm-lock.yaml frontend/components.json \
+        frontend/components/ui/chart.tsx frontend/components/event-chart.tsx \
+        frontend/app/events frontend/stories/components/event-chart.stories.tsx \
+        frontend/tests/components/event-chart.test.tsx \
+        tests/test_docker_integration.py
+git commit -m "feat(frontend): add event detail page with Recharts-based chart
+
+Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
+```
+
+---
+
+### Task 9: Webhook logs page
+
+**Files:**
+- Create: `frontend/app/webhook-logs/page.tsx`
+- Modify: `tests/test_docker_integration.py`
+
+**Interfaces:**
+- Consumes: `listWebhookLogs`, `deleteWebhookLog`, `clearWebhookLogs` (Task 6).
+- Produces: `/dashboard/webhook-logs` — paginated log viewer with per-row and bulk delete.
+
+- [ ] **Step 1: Implement the page**
+
+```tsx
+// frontend/app/webhook-logs/page.tsx
+"use client";
+
+import { useEffect, useState, useTransition } from "react";
+import {
+  clearWebhookLogs,
+  deleteWebhookLog,
+  listWebhookLogs,
+} from "@/apis/webhook-logs";
+import { useRequireAuth } from "@/hooks/use-require-auth";
+import type { WebhookLogsPage } from "@/types/responses/webhook-logs";
+
+const PAGE_SIZE = 50;
+
+export default function WebhookLogsPage() {
+  const auth = useRequireAuth();
+  const [offset, setOffset] = useState(0);
+  const [page, setPage] = useState<WebhookLogsPage | null>(null);
+  const [isPending, startTransition] = useTransition();
+
+  const reload = () => {
+    listWebhookLogs(PAGE_SIZE, offset).then(setPage);
+  };
+
+  useEffect(() => {
+    if (auth.status !== "authenticated") return;
+    reload();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [auth.status, offset]);
+
+  if (auth.status !== "authenticated") {
+    return null;
+  }
+
+  const handleDelete = (id: number) => {
+    startTransition(async () => {
+      await deleteWebhookLog(id);
+      reload();
+    });
+  };
+
+  const handleClearAll = () => {
+    startTransition(async () => {
+      await clearWebhookLogs();
+      reload();
+    });
+  };
+
+  return (
+    <main className="mx-auto max-w-4xl p-6">
+      <div className="flex items-baseline justify-between">
+        <h1 className="font-heading text-2xl">Webhook Logs</h1>
+        <button
+          type="button"
+          onClick={handleClearAll}
+          disabled={isPending}
+          className="text-destructive text-sm underline"
+        >
+          Clear all
+        </button>
+      </div>
+      {page === null && <p className="mt-4">Loading…</p>}
+      {page && (
+        <>
+          <table className="mt-4 w-full text-left text-sm">
+            <thead>
+              <tr>
+                <th>Method</th>
+                <th>Channel</th>
+                <th>Created</th>
+                <th />
+              </tr>
+            </thead>
+            <tbody>
+              {page.items.map((item) => (
+                <tr key={item.id}>
+                  <td>{item.method}</td>
+                  <td>{item.channel ?? "—"}</td>
+                  <td>{item.created_at}</td>
+                  <td>
+                    <button
+                      type="button"
+                      onClick={() => handleDelete(item.id)}
+                      disabled={isPending}
+                      className="text-destructive underline"
+                    >
+                      Delete
+                    </button>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+          <div className="mt-4 flex items-center gap-4">
+            <button
+              type="button"
+              disabled={offset === 0}
+              onClick={() => setOffset(Math.max(0, offset - PAGE_SIZE))}
+            >
+              Previous
+            </button>
+            <span>
+              {offset + 1}–{Math.min(offset + PAGE_SIZE, page.total)} of{" "}
+              {page.total}
+            </span>
+            <button
+              type="button"
+              disabled={offset + PAGE_SIZE >= page.total}
+              onClick={() => setOffset(offset + PAGE_SIZE)}
+            >
+              Next
+            </button>
+          </div>
+        </>
+      )}
+    </main>
+  );
+}
+```
+
+Per-row delete and clear-all each get their own `useTransition` call site sharing one `isPending`/`startTransition` pair here since they're mutually exclusive user actions on the same page (not two *independent* concurrent operations) — this matches the spirit of `frontend/AGENTS.md`'s "each independent async operation gets its own `useTransition`" rule without over-splitting a single page's sequential actions into unnecessary separate transitions. If reviewing this, judge whether that reading holds; split into separate `useTransition` pairs if delete and clear-all ever need to be triggerable concurrently.
+
+- [ ] **Step 2: Format, lint, typecheck, build**
+
+```bash
+cd frontend
+pnpm exec prettier . --write
+pnpm lint
+pnpm exec tsc --noEmit
+pnpm build
+cd ..
+```
+
+- [ ] **Step 3: Extend the Docker integration test**
+
+```python
+# tests/test_docker_integration.py
+def test_docker_image_serves_webhook_logs_page(api_url: str) -> None:
+    """The webhook-logs page is served at /dashboard/webhook-logs."""
+    with httpx.Client(base_url=api_url, timeout=5) as client:
+        response = client.get("/dashboard/webhook-logs")
+        assert response.status_code == 200
+        assert "text/html" in response.headers["content-type"]
+```
+
+- [ ] **Step 4: Run the full suite**
+
+Run: `uv run pytest tests/ -v`
+Expected: PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add frontend/app/webhook-logs tests/test_docker_integration.py
+git commit -m "feat(frontend): add webhook logs page
+
+Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
+```
+
+---
+
+### Task 10: Local-dev proxy
+
+**Files:**
+- Modify: `frontend/next.config.ts`
+
+**Interfaces:**
+- Consumes: nothing new.
+- Produces: `next dev` (typically `localhost:3000`) transparently proxies `/dashboard/api/*` to a locally-running backend (`localhost:8000`), so the browser only ever talks to one origin, in dev exactly as in prod.
+
+- [ ] **Step 1: Add dev-only rewrites**
+
+```typescript
+// frontend/next.config.ts
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  output: "export",
+  basePath: "/dashboard",
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
+  // `rewrites()` has no effect on `output: "export"` production builds
+  // (static export can't proxy at request time) — it only applies to
+  // `next dev`, which is exactly where it's needed: `next dev` and
+  // `uvicorn` run as separate processes on different ports locally, so
+  // without this the browser would see a cross-origin request.
+  async rewrites() {
+    return [
+      {
+        source: "/dashboard/api/:path*",
+        destination: "http://localhost:8000/dashboard/api/:path*",
+      },
+    ];
+  },
+};
+
+export default nextConfig;
+```
+
+- [ ] **Step 2: Verify manually**
+
+```bash
+# Terminal 1
+uv run uvicorn argus.main:app --host 0.0.0.0 --port 8000
+# Terminal 2
+cd frontend && pnpm dev
+```
+
+Visit `http://localhost:3000/dashboard` — confirm the page loads and, once logged in, its `/dashboard/api/*` calls succeed (check the browser network tab shows requests to `localhost:3000/dashboard/api/*`, proxied server-side to `localhost:8000`, not a direct cross-origin browser request).
+
+- [ ] **Step 3: Format, lint, build** (confirm the dev-only `rewrites()` doesn't affect the static export build)
+
+```bash
+cd frontend
+pnpm exec prettier . --write
+pnpm lint
+pnpm build
+cd ..
+```
+
+- [ ] **Step 4: Commit**
+
+```bash
+git add frontend/next.config.ts
+git commit -m "feat(frontend): proxy API calls to the backend during next dev
+
+Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
+```
+
+---
+
+### Task 11: End-to-end verification (merge gate)
+
+**Files:** none — verification only.
+
+**Interfaces:** none.
+
+- [ ] **Step 1: Full test suite**
+
+```bash
+uv run ruff check src tests
+uv run ruff format --check src tests
+uv run pytest tests/ -v
+cd frontend
+pnpm exec prettier --check .
+pnpm lint
+pnpm exec tsc --noEmit
+pnpm exec vitest run
+pnpm build
+cd ..
+```
+
+Expected: everything clean/passing.
+
+- [ ] **Step 2: Fresh-clone, real-container smoke test**
+
+```bash
+docker build --tag argus-e2e-check .
+docker run --rm -d --name argus-e2e \
+  -p 18000:8000 \
+  -e SESSION_SECRET=e2e-check-secret \
+  -e WEBHOOK_SECRET=e2e-check-webhook \
+  -e ALLOWED_EMAILS=e2e@example.com \
+  -e DATABASE_URL=sqlite:////tmp/e2e.db \
+  argus-e2e-check
+
+sleep 2
+curl -sf http://localhost:18000/health
+curl -sf http://localhost:18000/dashboard | grep -qi "argus dashboard" && echo "home OK"
+curl -sf "http://localhost:18000/dashboard/events?slug=anything" | grep -qi "html" && echo "event detail OK"
+curl -sf http://localhost:18000/dashboard/webhook-logs | grep -qi "webhook logs" && echo "webhook logs OK"
+
+docker stop argus-e2e
+docker image rm argus-e2e-check
+```
+
+Expected: `/health` returns 200, and each grep prints its "OK" line — confirming the real built image serves all three new/swapped pages correctly, not just that the test suite's mocked assertions pass.
+
+- [ ] **Step 3: Confirm nothing else regressed**
+
+Re-read `tests/test_kktix_handler.py`, `tests/test_report.py`, `tests/test_health.py` results from Step 1's full suite run — webhook ingestion and the Discord report feature must be untouched by anything in this plan (nothing in Tasks 1–10 touches `kktix/` or `report.py`). If the full suite passed, this is already confirmed; this step is a sanity re-read, not new test-writing.
+
+- [ ] **Step 4: This is the merge gate**
+
+Only once Steps 1–3 all pass does this branch merge to `main` (per the spec's "Sequencing & Merge Gate"). No commit is made in this task — it's a verification gate, not a code change.
+
+---
+
+## Self-Review
+
+**1. Spec coverage:**
+- Repository layout (Task 1) ✓, including the `AGENTS.md`/`CLAUDE.md` discoverability fix agreed on after the spec was written (not in the spec file itself — a refinement made during plan-writing; worth back-porting a note into the spec, but not blocking).
+- Docker/CI/package-data (Tasks 2–3) ✓
+- `/dashboard/api/me` (Task 4) — the spec left this as "a call for whoever implements the plan"; this plan makes the call to add it, since Task 6's auth-check hook needs *some* endpoint and this is the smallest, most direct one. ✓
+- FastAPI static serving + route retirement (Task 5) ✓
+- Frontend pages + auth check (Tasks 6–9) ✓
+- Local-dev proxy (Task 10) ✓
+- Sequencing & merge gate (Task 11) ✓
+- Explicitly deferred in the spec (git history preservation, frontend test-suite CI step beyond build/lint, deleting the old `argus-dashboard` dir) — correctly not present anywhere in this plan.
+
+**2. Placeholder scan:** The one intentionally-loose spot is Task 8 Step 1 (shadcn CLI generates `chart.tsx` — its exact contents aren't hand-specified, by design, since it's a real generated file to be read rather than guessed) and the sketch-quality test assertions flagged explicitly as such in Tasks 4 and 8 (both call out, in their own text, exactly what needs filling in once the real API/DOM shape is visible, rather than silently leaving something vague). Every other step has literal, complete code.
+
+**3. Type consistency check:**
+- `EventSummary`, `EventTimeseries`, `TimeseriesDataset` (Task 6) match their usage in Tasks 7–8 exactly (same field names, same nullability).
+- `CurrentUser` (Task 6) matches `useRequireAuth`'s `AuthState` union and both pages' `auth.user.email` access.
+- `WebhookLogsPage`/`WebhookLogEntry` (Task 6) match Task 9's usage (`page.items`, `page.total`, `item.id`/`.method`/`.channel`/`.created_at`).
+- `getCurrentUser`, `listEvents`, `getEventTimeseries`, `deleteEvent`, `listWebhookLogs`, `deleteWebhookLog`, `clearWebhookLogs` — every call site in Tasks 7–9 matches the signature defined in Task 6.
+- `useRequireAuth()`'s returned `AuthState` shape (`{status: "loading"|"authenticated"|"unauthenticated"}`) is destructured identically in Tasks 7, 8, 9.
+- The `basePath` gotcha (Global Constraints) is applied consistently: Task 7's `Link href` and Task 8's route path both omit the `/dashboard` prefix; `useRequireAuth`'s redirect (Task 6) includes it, correctly, since it's a `window.location` navigation, not a Next `Link`.
+
+---
+
+**Plan complete and saved to `docs/superpowers/plans/2026-08-15-frontend-monorepo-integration.md`. Two execution options:**
+
+**1. Subagent-Driven (recommended)** - I dispatch a fresh subagent per task, review between tasks, fast iteration
+
+**2. Inline Execution** - Execute tasks in this session using executing-plans, batch execution with checkpoints
+
+**Which approach?**

From 7bc1b714f060358ead0f089e85beed9998e32443 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 15 Aug 2026 22:11:28 +0800
Subject: [PATCH 03/34] feat: fold argus-dashboard into frontend/

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .../skills/migrate-radix-to-base/SKILL.md     |  173 +
 .../migrate-radix-to-base/class-mapping.md    |   62 +
 .../migrate-radix-to-base/consumer-props.md   |   58 +
 .../migrate-radix-to-base/disclosure.md       |  353 +
 .../migrate-radix-to-base/display-misc.md     |  410 +
 .../migrate-radix-to-base/form-controls.md    |  390 +
 .../skills/migrate-radix-to-base/menus.md     |  409 +
 .../skills/migrate-radix-to-base/overlays.md  |  459 +
 .../universal-patterns.md                     |  286 +
 .../migrate-radix-to-base/wrapper-shapes.md   |  110 +
 frontend/.agents/skills/shadcn/SKILL.md       |  277 +
 .../.agents/skills/shadcn/agents/openai.yml   |    5 +
 .../skills/shadcn/assets/shadcn-small.png     |  Bin 0 -> 1049 bytes
 .../.agents/skills/shadcn/assets/shadcn.png   |  Bin 0 -> 3852 bytes
 frontend/.agents/skills/shadcn/cli.md         |  290 +
 .../.agents/skills/shadcn/customization.md    |  209 +
 .../.agents/skills/shadcn/evals/evals.json    |   77 +
 frontend/.agents/skills/shadcn/mcp.md         |  105 +
 frontend/.agents/skills/shadcn/registry.md    |  277 +
 .../skills/shadcn/rules/base-vs-radix.md      |  306 +
 frontend/.agents/skills/shadcn/rules/chat.md  |  224 +
 .../skills/shadcn/rules/composition.md        |  213 +
 frontend/.agents/skills/shadcn/rules/forms.md |  192 +
 frontend/.agents/skills/shadcn/rules/icons.md |  101 +
 .../.agents/skills/shadcn/rules/styling.md    |  185 +
 frontend/.gitignore                           |   44 +
 frontend/.npmrc                               |    1 +
 frontend/.prettierignore                      |   20 +
 frontend/.prettierrc.json                     |   22 +
 frontend/.storybook/main.ts                   |   18 +
 frontend/.storybook/preview.tsx               |   22 +
 frontend/.vscode/mcp.json                     |    8 +
 frontend/.vscode/settings.json                |    7 +
 frontend/README.md                            |   36 +
 frontend/app/favicon.ico                      |  Bin 0 -> 25931 bytes
 frontend/app/globals.css                      |  135 +
 frontend/app/layout.tsx                       |   45 +
 frontend/app/page.tsx                         |   69 +
 frontend/components.json                      |   25 +
 frontend/components/ui/button.tsx             |   55 +
 frontend/eslint.config.mjs                    |   22 +
 frontend/lib/utils.ts                         |    6 +
 frontend/next.config.ts                       |   11 +
 frontend/package.json                         |   53 +
 frontend/pnpm-lock.yaml                       | 8910 +++++++++++++++++
 frontend/pnpm-workspace.yaml                  |    3 +
 frontend/postcss.config.mjs                   |    7 +
 frontend/public/file.svg                      |    1 +
 frontend/public/globe.svg                     |    1 +
 frontend/public/next.svg                      |    1 +
 frontend/public/vercel.svg                    |    1 +
 frontend/public/window.svg                    |    1 +
 frontend/skills-lock.json                     |   17 +
 .../stories/components/ui/button.stories.tsx  |   48 +
 frontend/tsconfig.json                        |   35 +
 frontend/vitest.config.ts                     |   35 +
 frontend/vitest.shims.d.ts                    |    1 +
 57 files changed, 14831 insertions(+)
 create mode 100644 frontend/.agents/skills/migrate-radix-to-base/SKILL.md
 create mode 100644 frontend/.agents/skills/migrate-radix-to-base/class-mapping.md
 create mode 100644 frontend/.agents/skills/migrate-radix-to-base/consumer-props.md
 create mode 100644 frontend/.agents/skills/migrate-radix-to-base/disclosure.md
 create mode 100644 frontend/.agents/skills/migrate-radix-to-base/display-misc.md
 create mode 100644 frontend/.agents/skills/migrate-radix-to-base/form-controls.md
 create mode 100644 frontend/.agents/skills/migrate-radix-to-base/menus.md
 create mode 100644 frontend/.agents/skills/migrate-radix-to-base/overlays.md
 create mode 100644 frontend/.agents/skills/migrate-radix-to-base/universal-patterns.md
 create mode 100644 frontend/.agents/skills/migrate-radix-to-base/wrapper-shapes.md
 create mode 100644 frontend/.agents/skills/shadcn/SKILL.md
 create mode 100644 frontend/.agents/skills/shadcn/agents/openai.yml
 create mode 100644 frontend/.agents/skills/shadcn/assets/shadcn-small.png
 create mode 100644 frontend/.agents/skills/shadcn/assets/shadcn.png
 create mode 100644 frontend/.agents/skills/shadcn/cli.md
 create mode 100644 frontend/.agents/skills/shadcn/customization.md
 create mode 100644 frontend/.agents/skills/shadcn/evals/evals.json
 create mode 100644 frontend/.agents/skills/shadcn/mcp.md
 create mode 100644 frontend/.agents/skills/shadcn/registry.md
 create mode 100644 frontend/.agents/skills/shadcn/rules/base-vs-radix.md
 create mode 100644 frontend/.agents/skills/shadcn/rules/chat.md
 create mode 100644 frontend/.agents/skills/shadcn/rules/composition.md
 create mode 100644 frontend/.agents/skills/shadcn/rules/forms.md
 create mode 100644 frontend/.agents/skills/shadcn/rules/icons.md
 create mode 100644 frontend/.agents/skills/shadcn/rules/styling.md
 create mode 100644 frontend/.gitignore
 create mode 100644 frontend/.npmrc
 create mode 100644 frontend/.prettierignore
 create mode 100644 frontend/.prettierrc.json
 create mode 100644 frontend/.storybook/main.ts
 create mode 100644 frontend/.storybook/preview.tsx
 create mode 100644 frontend/.vscode/mcp.json
 create mode 100644 frontend/.vscode/settings.json
 create mode 100644 frontend/README.md
 create mode 100644 frontend/app/favicon.ico
 create mode 100644 frontend/app/globals.css
 create mode 100644 frontend/app/layout.tsx
 create mode 100644 frontend/app/page.tsx
 create mode 100644 frontend/components.json
 create mode 100644 frontend/components/ui/button.tsx
 create mode 100644 frontend/eslint.config.mjs
 create mode 100644 frontend/lib/utils.ts
 create mode 100644 frontend/next.config.ts
 create mode 100644 frontend/package.json
 create mode 100644 frontend/pnpm-lock.yaml
 create mode 100644 frontend/pnpm-workspace.yaml
 create mode 100644 frontend/postcss.config.mjs
 create mode 100644 frontend/public/file.svg
 create mode 100644 frontend/public/globe.svg
 create mode 100644 frontend/public/next.svg
 create mode 100644 frontend/public/vercel.svg
 create mode 100644 frontend/public/window.svg
 create mode 100644 frontend/skills-lock.json
 create mode 100644 frontend/stories/components/ui/button.stories.tsx
 create mode 100644 frontend/tsconfig.json
 create mode 100644 frontend/vitest.config.ts
 create mode 100644 frontend/vitest.shims.d.ts

diff --git a/frontend/.agents/skills/migrate-radix-to-base/SKILL.md b/frontend/.agents/skills/migrate-radix-to-base/SKILL.md
new file mode 100644
index 0000000..5eb5dc5
--- /dev/null
+++ b/frontend/.agents/skills/migrate-radix-to-base/SKILL.md
@@ -0,0 +1,173 @@
+---
+name: migrate-radix-to-base
+description: Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix primitives, or switch a shadcn project's base library. Handles single components ("migrate accordion") and whole projects.
+---
+
+# Radix UI -> Base UI migration
+
+You migrate shadcn wrappers, hand-rolled radix compositions, and their
+consumers to `@base-ui/react`, keeping the project buildable at every step.
+Be precise; never guess a mapping. When a prop or part is not in these
+reference files, check `node_modules/@base-ui/react/**/*.d.ts` before
+transforming, and record gaps in the report.
+
+## Preflight (always)
+
+1. `npx shadcn@latest info --json` (or the project's runner): gives the
+   current base, STYLE (e.g. `radix-lyra`), tailwind version, aliases,
+   installed components, and package manager. Trust it over inference.
+2. Detect the package manager (packageManager field / lockfile:
+   pnpm-lock.yaml, bun.lock, yarn.lock, package-lock.json) and use IT for
+   every install. Never leave a stale lockfile.
+3. Require a clean git tree; work on a branch; one commit per component.
+4. Baseline check BEFORE touching dependencies: run the project's
+   typecheck/build so pre-existing failures are never attributed to you.
+5. Install `@base-ui/react` alongside radix. Radix packages are removed only
+   after the LAST component is migrated (both coexist fine).
+
+## Strategy: golden pair first, transformation engine second
+
+- **Golden pair via the CLI (preferred).** If the project is shadcn with a
+  known style (`radix-<style>`), the shadcn CLI itself is the golden-pair
+  executor:
+  1. Classify each ui wrapper FIRST: diff the user's file against its stock
+     origin, using the components.json style VERBATIM in the URL
+     (`https://ui.shadcn.com/r/styles/<style>/<component>.json`,
+     files[0].content). This works for prefixed styles (radix-nova) AND
+     legacy unprefixed ones (new-york, new-york-v4, default), which are all
+     still served.
+  2. WHOLE-PROJECT mode: flip `components.json` style `radix-<style>` ->
+     `base-<style>` now. PROGRESSIVE mode: do NOT flip yet (the project is
+     still mostly radix; the flip happens once, after the last component);
+     fetch base variants directly by URL instead
+     (`https://ui.shadcn.com/r/styles/base-<style>/<component>.json`).
+  3. PRISTINE wrappers, whole-project mode: `shadcn add <component>
+     --overwrite` delivers the base variant with the project's exact
+     icon/font/preset resolution. Never bulk `--all --overwrite`; go
+     component by component, or you drown in unrelated registry version
+     drift. PROGRESSIVE mode: never use `--overwrite` (it destroys the
+     original that consumers still import); write the fetched base variant
+     content to `<component>-base.tsx` instead.
+  4. CUSTOMIZED wrappers: fetch the base variant and replay the user's diff
+     onto it (their customizations must SURVIVE; `--overwrite` would destroy
+     them). Mechanical implementation that works at scale:
+     `git merge-file user.tsx radix-golden.tsx base-golden.tsx` (three-way
+     merge, radix golden as ancestor) auto-resolves most files; hand-resolve
+     conflicts with the reference tables.
+  5. MANDATORY leftover sweep on EVERY golden-pair file, including ones that
+     merged "clean": `grep -n "radix-ui\|@radix-ui\|IconPlaceholder"` per
+     file. The registry sometimes reorders functions between variants, which
+     makes three-way merges report zero conflicts while leaving stale radix
+     hunks in place. A clean merge is NOT proof of a clean file.
+  This is more reliable than reconstructing transforms; use it whenever the
+  pair exists. Consumer/app code has no CLI mechanism: always hand-migrate it
+  against `consumer-props.md`.
+- **Legacy styles (new-york, new-york-v4, default): classification only, no
+  replay.** These have no base counterpart (there is no base-new-york), and
+  retargeting onto a base-<style> variant would restyle the user's app. Use
+  the radix golden ONLY to detect customizations, then run the transformation
+  engine on the user's OWN file: rewire primitives, keep their exact classes,
+  apply class-mapping renames. Their look stays theirs. At the end of a
+  legacy whole-project migration, FLAG (do not fix): the style name still
+  reads as radix to the CLI, so future `shadcn add` will deliver radix
+  variants; the user decides whether to switch style or add manually.
+- **Transformation engine (fallback).** Hand-rolled radix code, non-shadcn
+  projects, unknown styles: transform using `universal-patterns.md` (imports
+  in BOTH forms: `radix-ui` and `@radix-ui/react-*`; asChild->render with the
+  worked example; Portal>Positioner>Popup; the positioner FORWARD rule; part
+  renames), the per-family props tables (`overlays.md`, `menus.md`,
+  `form-controls.md`, `disclosure.md`, `display-misc.md`), `class-mapping.md`
+  for data-attribute/CSS-var rewrites, and `wrapper-shapes.md` for exact
+  target shapes (tooltip arrow, SubContent defaults, select anatomy).
+
+## Modes
+
+**Progressive (default).** "Migrate accordion" = one component, strangler-fig:
+1. Detect in-progress state first: an existing `<component>-base.tsx`,
+   consumers split between old/new imports. The files ARE the state; resume,
+   never restart.
+2. If the component imports other ui wrappers still on radix (select ->
+   button), STOP and recommend migrating those first, bottom-up.
+3. Write the migrated version to `<component>-base.tsx` (original untouched;
+   golden-pair content fetched by URL, or transformed by hand, per the
+   strategy above); typecheck. Repoint consumers ONE AT A TIME (imports + the
+   call-site props in `consumer-props.md`); typecheck each. When no consumer
+   imports the original: delete it, rename `-base` -> original, flip imports
+   back, final check, commit. When the LAST radix wrapper in the project is
+   finalized, flip `components.json` to `base-<style>` and remove radix deps.
+
+**Whole project** (only when explicitly asked): same per-component work in
+dependency order (leaf/shared wrappers like button and label first). After
+wrappers, sweep ALL app code against `consumer-props.md` — the call-site
+break surface is much larger than asChild. Then remove radix deps, install,
+full build.
+
+## Hard rules
+
+- NEVER touch non-radix libraries or their wrappers: cmdk (command), vaul
+  (drawer), sonner, input-otp, react-day-picker (calendar), recharts (chart).
+  Report them as intentionally untouched.
+- No Base UI counterpart: AspectRatio -> CSS aspect-ratio div; Label ->
+  native `<label>`; VisuallyHidden -> `sr-only`; Direction -> Direction
+  Provider (`direction` prop, not `dir`). Popover Anchor and NavigationMenu
+  Indicator have no equivalent: inert passthrough + flag.
+- `button.tsx` migrates to the REAL `@base-ui/react/button` primitive, never
+  a hand-rolled useRender wrapper.
+- Behavior deltas are FLAGGED, never silently patched (tabs manual
+  activation, menu items not closing on click, nav-menu 50ms delay). The
+  target is idiomatic Base UI matching the shadcn base registry.
+- Honest reporting: skipped/reverted files are listed as flagged, never as
+  migrated. Pre-existing failures are named as pre-existing.
+
+## Verify and report
+
+Typecheck per file, build per batch, full build at the end vs the baseline.
+
+Reports live in a `.migration/` directory at the project root, ONE FILE PER
+COMPONENT: `.migration/<component>.md` (e.g. `.migration/accordion.md`).
+Rules:
+- Each run writes (or fully overwrites) the file for each component it
+  migrated. Re-running a component replaces its report; never touch other
+  components' files.
+- A multi-component run ("migrate alert-dialog and dropdown-menu") writes one
+  file per component, each self-contained; shared consumer-sweep notes are
+  repeated in every affected file.
+- Whole-project mode writes the per-component files plus
+  `.migration/project.md` (dependency swap, app-code sweep summary, final
+  build result).
+- There is NO index file. Migration status is derived from disk, not
+  maintained: scan the project's ui directory (the `ui` alias from shadcn
+  info, e.g. components/ui or src/components/ui) for remaining radix imports
+  when asked "what's left". End every run's summary with that derived count
+  ("N wrappers remain on Radix").
+
+Each `.migration/<component>.md` uses EXACTLY this structure (it is
+documented publicly; reports must match it):
+
+```md
+# <component>
+
+<date, strategy used (golden pair via CLI / merge / engine), one-line verdict>
+
+## Changed
+
+<every file touched, with what changed and why; include file:line for
+anything notable. Confirm the leftover scan is clean:
+grep -n "radix-ui\|@radix-ui" on this component's files>
+
+## Left alone
+
+<files that look related but were intentionally not touched, with the reason
+(cmdk/vaul/sonner are not radix; unrelated drift; etc.)>
+
+## Behavior changes
+
+<differences that compile fine but act differently; flagged, never patched
+(tabs activation, menu close-on-click, delays...). Empty section if none>
+
+## Verify by hand
+
+<short manual QA checklist for this primitive family: focus return on
+dialogs, keyboard nav + typeahead on menus/select, tooltip delay feel,
+slider commit events. Concrete steps, one minute of clicking>
+```
diff --git a/frontend/.agents/skills/migrate-radix-to-base/class-mapping.md b/frontend/.agents/skills/migrate-radix-to-base/class-mapping.md
new file mode 100644
index 0000000..e6130b7
--- /dev/null
+++ b/frontend/.agents/skills/migrate-radix-to-base/class-mapping.md
@@ -0,0 +1,62 @@
+# Class-string rewrites (layer 2)
+
+Apply these across ALL class strings (className, cva definitions, cn calls),
+including app code. They are safe, mechanical rewrites.
+
+## Data-attribute selectors
+
+| Radix pattern | Base UI pattern |
+|---|---|
+| `data-[state=open]:` | `data-open:` |
+| `data-[state=closed]:` | `data-closed:` |
+| `data-[state=checked]:` | `data-checked:` |
+| `data-[state=unchecked]:` | `data-unchecked:` |
+| `data-[state=active]:` (tabs) | `data-active:` |
+| `data-[state=on]:` (toggle) | `data-pressed:` |
+| `data-[highlighted]:` | `data-highlighted:` (unchanged) |
+| `data-[disabled]:` | `data-disabled:` (unchanged) |
+| `data-[side=...]:` | `data-[side=...]:` (unchanged, still parameterized) |
+| `group-data-[state=open]` / `peer-data-[state=open]` | `group-data-open` / `peer-data-open` |
+| submenu trigger open marker `data-[state=open]:` | `data-popup-open:` |
+
+## Animation idiom
+
+Radix (tw-animate/keyframes):
+`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0`
+
+Base UI (transition + starting/ending styles):
+`transition-[opacity,transform] data-starting-style:opacity-0 data-ending-style:opacity-0` (plus translate/scale equivalents).
+
+Do not translate animate-in/out utilities 1:1; restate the intent with
+`data-starting-style:` / `data-ending-style:` transitions. When the original
+uses per-side slide classes, keep the `data-[side=...]` or
+`data-[swipe-direction=...]` parameterization.
+
+## CSS variables
+
+| Radix var | Base UI var |
+|---|---|
+| `--radix-<comp>-content-transform-origin` | `--transform-origin` |
+| `--radix-<comp>-content-available-height` | `--available-height` |
+| `--radix-<comp>-content-available-width` | `--available-width` |
+| `--radix-<comp>-trigger-width` | `--anchor-width` |
+| `--radix-<comp>-trigger-height` | `--anchor-height` |
+| `--radix-accordion-content-height` | `--accordion-panel-height` |
+| `--radix-collapsible-content-height` | `--collapsible-panel-height` |
+| `--radix-navigation-menu-viewport-height/width` | `--positioner-height` / `--positioner-width` |
+
+## Element changes kill pseudo-class variants
+
+When a part's rendered element changes from a form control to a generic
+element (checkbox/switch/radio Roots render `<span>` in Base UI), `disabled:`
+and `:disabled` Tailwind variants become dead code. Replace them with
+`data-disabled:` equivalents. (Note: the shadcn base registry's checkbox
+still carries the dead `disabled:*` classes; treat that as an upstream quirk,
+not a pattern to copy.)
+
+## Disabled-state hooks
+
+Some Base UI triggers surface disabled state as `aria-disabled` rather than
+the `disabled` attribute (accordion trigger, tabs tab). Where the radix code
+used `disabled:opacity-50`, add or substitute `aria-disabled:opacity-50`
+according to the wrapper's reference file.
diff --git a/frontend/.agents/skills/migrate-radix-to-base/consumer-props.md b/frontend/.agents/skills/migrate-radix-to-base/consumer-props.md
new file mode 100644
index 0000000..92e1d90
--- /dev/null
+++ b/frontend/.agents/skills/migrate-radix-to-base/consumer-props.md
@@ -0,0 +1,58 @@
+# Consumer-side prop changes (call sites, not wrappers)
+
+The shadcn wrapper NAMES survive a radix -> base-ui migration, but these props
+change or disappear at CALL SITES in app code. Sweep every consumer for this
+list after migrating the wrappers. All entries verified against
+@base-ui/react@1.6.0 type definitions during real migrations; when in doubt,
+check node_modules/@base-ui/react/**/*.d.ts, never guess.
+
+## Universal
+
+| Radix | Base UI | Call-site action |
+|---|---|---|
+| `asChild` (any wrapper) | `render` prop | `<Trigger asChild><Button/></Trigger>` -> `<Trigger render={<Button/>}>...` |
+
+## Per component
+
+| Component | Radix prop | Base UI fate | Call-site action |
+|---|---|---|---|
+| Accordion | `type="single"\|"multiple"` + `collapsible` | dropped; `value`/`defaultValue` are ALWAYS arrays; multiple-open via `multiple` | `type="single" collapsible` -> remove both; wrap values in arrays; `type="multiple"` -> `multiple` |
+| Tabs | `activationMode="manual"` | dropped; Base UI defaults to MANUAL activation | remove prop; near-equivalent opt-in is `Tabs.List activateOnFocus` (behavior delta: flag, do not auto-add) |
+| Select | `position="popper"\|"item-aligned"` | `alignItemWithTrigger` boolean (on Positioner; wrappers expose it) | `position="popper"` -> `alignItemWithTrigger={false}`; `item-aligned` -> `alignItemWithTrigger` (default) |
+| TooltipProvider | `delayDuration`, `skipDelayDuration` | `delay`; skip-delay concept dropped | rename / remove |
+| Tooltip | `disableHoverableContent` | NO equivalent | remove; FLAG the behavior change in the report |
+| Avatar.Image | `delayMs` | `delay` | rename |
+| ScrollArea | `type="always"\|"scroll"\|...` | dropped | remove |
+| Separator | `decorative` | dropped | remove |
+| Checkbox | `checked="indeterminate"` | `indeterminate` is a SEPARATE boolean prop | `checked="indeterminate"` -> `indeterminate` + boolean `checked` |
+| Slider | `onValueChange(value)` | signature gains event details; also `inverted` REMOVED | check handler arity; remove `inverted` (flag vertical-inverted usage) |
+| Select | `onValueChange(value: string)` | widens to `(value: Value \| null, eventDetails)` | `useState<string>` + `onValueChange={setState}` breaks: widen state to `string \| null` or wrap the setter |
+| Slider | `onValueCommit` | `onValueCommitted` | rename |
+| ToggleGroup | `type="single"\|"multiple"` | `multiple` boolean; value shape arrays | same treatment as Accordion |
+| ToggleGroup / Toolbar | `rovingFocus={false}` | dropped (roving focus always on); `loop` -> `loopFocus` | remove / rename |
+| Menubar | `value`/`onValueChange` (active menu) | dropped; control per Menu.Root `open` | restructure if used; usually unused |
+| Menubar | `loop` | `loopFocus` | rename |
+| ContextMenu.Root | `modal` | REMOVED | remove |
+| ContextMenu.Trigger | `disabled` | REMOVED | remove; gate the trigger yourself |
+| DropdownMenu/ContextMenu items | (Radix closed menu on select) | `closeOnClick` defaults FALSE on CheckboxItem/RadioItem | behavior delta: flag; add `closeOnClick` only if the user asks |
+| NavigationMenu | `delayDuration`(200), `skipDelayDuration`, `viewport` | `delay`(50) + `closeDelay`; viewport prop gone (Positioner handles it) | rename/remove; flag the 200->50 hover-delay feel change |
+| Popover / HoverCard | `openDelay`/`closeDelay` on Root | move to TRIGGER as `delay`/`closeDelay` | relocate props Root -> Trigger |
+| Dialog / AlertDialog | `onOpenAutoFocus` | `initialFocus` (element/ref-based, not event-based) | restructure: pass target instead of preventDefault handler |
+| Dialog / AlertDialog | `onCloseAutoFocus` | `finalFocus` | same restructure |
+| Dialog family | `onEscapeKeyDown`, `onPointerDownOutside`, `onInteractOutside` | consolidated; see the overlays reference for exact per-part signatures | consult overlays.md; do not guess |
+| DirectionProvider | `dir` | `direction` | rename |
+
+## Callback signature rule
+
+Base UI callbacks commonly gain an event-details argument:
+`onOpenChange(open, eventDetails)`, `onValueChange(value, eventDetails)`.
+Passing an existing single-arg handler stays type-safe; handlers that USED
+Radix's event parameter need review against the family reference file.
+
+## Sweep procedure
+
+1. grep app code (outside components/ui) for each LHS token above plus
+   `asChild`.
+2. Fix call sites file by file; typecheck after each file.
+3. Anything on this list marked FLAG goes into the migration report as a
+   behavior delta, never silently patched.
diff --git a/frontend/.agents/skills/migrate-radix-to-base/disclosure.md b/frontend/.agents/skills/migrate-radix-to-base/disclosure.md
new file mode 100644
index 0000000..2d40cdc
--- /dev/null
+++ b/frontend/.agents/skills/migrate-radix-to-base/disclosure.md
@@ -0,0 +1,353 @@
+# Radix → Base UI props mapping: disclosure + toggle family
+
+Scope: accordion, collapsible, tabs, toggle, toggle-group, toolbar.
+Sources: radix-ui.com primitives docs + base-ui.com `.md` docs, cross-checked against installed `@base-ui/react@1.6.0` `.d.ts` files (the published docs page for accordion lagged; types are authoritative here).
+
+Conventions that apply to every component below:
+
+- `asChild` (boolean, default `false`) → `render` (`ReactElement | (props: HTMLProps, state) => ReactElement`). Signature changed: instead of a lone child element, pass the element to `render`; Base UI merges props onto it. Button-rendering parts additionally accept `nativeButton` (default `true`), set it to `false` when `render` produces a non-`<button>` element.
+- Base UI `className` and `style` also accept a `(state) => value` function form.
+- Radix `data-[state=...]` value attributes become Base UI presence attributes (`data-open`, `data-closed`, `data-pressed`, `data-active`).
+- Base UI change callbacks all gained a second `eventDetails` argument (`{ reason, event, cancel(), ... }`).
+- Radix `dir` props are dropped everywhere; Base UI reads direction from the DOM `dir` attribute / `DirectionProvider`.
+
+---
+
+# accordion
+
+Part mapping: `Root → Root`, `Item → Item`, `Header → Header`, `Trigger → Trigger`, `Content → Panel`.
+
+## Accordion.Root → Accordion.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` | Signature changed. Pass element to `render` instead of wrapping a child. |
+| `type` (required) | `"single" \| "multiple"` / — | `multiple` | Signature changed. `type="multiple"` → `multiple` (boolean, default `false`); `type="single"` → omit. |
+| `value` | `string` (single) or `string[]` (multiple) / — | `value` | Signature changed. Base UI is ALWAYS an array (`Value[]`, `Value = any`), even in single mode: `value="a"` → `value={["a"]}`. |
+| `defaultValue` | `string` or `string[]` / — | `defaultValue` | Same array caveat as `value`. |
+| `onValueChange` | `(value: string) => void` or `(value: string[]) => void` / — | `onValueChange` | Signature changed: `(value: Value[], eventDetails: Accordion.Root.ChangeEventDetails) => void`. Always receives an array; unwrap `value[0]` for single mode. |
+| `collapsible` | `boolean` / `false` | — dropped | Base UI single mode is always collapsible. To forbid closing the last open item (Radix `collapsible={false}` default), control `value` and ignore updates where the array is empty, or call `eventDetails.cancel()` when `value.length === 0`. |
+| `disabled` | `boolean` / `false` | `disabled` (default `false`) | Same. |
+| `dir` | `"ltr" \| "rtl"` / `"ltr"` | — dropped | Use DOM `dir` attribute / `DirectionProvider`. |
+| `orientation` | `"vertical" \| "horizontal"` / `"vertical"` | — dropped (prop exists but deprecated no-op) | Base UI removed roving arrow-key focus per the APG guidance update, so `orientation` (and `loopFocus`) no longer affect keyboard behavior. Do not carry it over. |
+
+## Accordion.Item → Accordion.Item
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `value` (required) | `string` / — | `value` | Renamed constraint: Base UI `value` is `any` and OPTIONAL (auto-generated from index when omitted). Keep passing strings for parity. |
+| `disabled` | `boolean` / `false` | `disabled` (default `false`) | Same. |
+
+## Accordion.Header → Accordion.Header
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` | Signature changed. Both render `<h3>` by default. |
+
+## Accordion.Trigger → Accordion.Trigger
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` (+ `nativeButton`, default `true`) | Signature changed. |
+
+## Accordion.Content → Accordion.Panel
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `forceMount` | `true \| undefined` / — | `keepMounted` (boolean, default `false`) | Renamed. `forceMount` → `keepMounted` (closed panel stays in DOM, hidden). Also available on `Root` to apply to all panels. |
+
+## Base UI only props worth knowing
+
+- `Root.hiddenUntilFound` / `Panel.hiddenUntilFound` (default `false`): uses `hidden="until-found"` so browser find-in-page can expand panels; overrides `keepMounted`. No Radix equivalent.
+- `Root.keepMounted`: root-level version of the per-panel prop.
+- `Item.onOpenChange`: `(open: boolean, eventDetails: Accordion.Item.ChangeEventDetails) => void`, per-item open callback. No Radix equivalent.
+- `Trigger.nativeButton` (default `true`).
+- `className` / `style` state-function forms on every part.
+
+## Data-attribute mapping
+
+| Radix | Base UI | Note |
+|---|---|---|
+| `Item/Header/Content [data-state="open" \| "closed"]` | `Item`, `Header`: `data-open` (presence); `Panel`: `data-open` (presence) | No `data-closed` on accordion parts (unlike collapsible); style closed state as the absence of `data-open`. |
+| `Trigger [data-state="open"]` | `Trigger [data-panel-open]` | Renamed. Trigger specifically uses `data-panel-open`, NOT `data-open`. |
+| `[data-disabled]` | `[data-disabled]` | Same (Root, Item, Header, Trigger, Panel). |
+| `[data-orientation]` (all parts) | `Root`, `Panel`: `data-orientation` | Deprecated along with orientation; avoid relying on it. |
+| — | `Item/Header/Panel [data-index]` | Base UI only: numeric item index. |
+| — | `Panel [data-starting-style]`, `[data-ending-style]` | Base UI only: CSS-transition animation hooks (replace Radix mount/unmount animation pattern). |
+
+## CSS var mapping
+
+| Radix | Base UI |
+|---|---|
+| `--radix-accordion-content-height` | `--accordion-panel-height` |
+| `--radix-accordion-content-width` | `--accordion-panel-width` |
+
+---
+
+# collapsible
+
+Part mapping: `Root → Root`, `Trigger → Trigger`, `Content → Panel`.
+
+## Collapsible.Root → Collapsible.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `defaultOpen` | `boolean` / — | `defaultOpen` (default `false`) | Same. |
+| `open` | `boolean` / — | `open` | Same. |
+| `onOpenChange` | `(open: boolean) => void` / — | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: Collapsible.Root.ChangeEventDetails) => void`. |
+| `disabled` | `boolean` / — | `disabled` (default `false`) | Same. |
+
+## Collapsible.Trigger → Collapsible.Trigger
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` (+ `nativeButton`, default `true`) | Signature changed. |
+
+## Collapsible.Content → Collapsible.Panel
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `forceMount` | `true \| undefined` / — | `keepMounted` (boolean, default `false`) | Renamed. |
+
+## Base UI only props worth knowing
+
+- `Panel.hiddenUntilFound` (default `false`): find-in-page support via `hidden="until-found"`; overrides `keepMounted`.
+- `Trigger.nativeButton` (default `true`).
+- `className` / `style` state-function forms.
+
+## Data-attribute mapping
+
+| Radix | Base UI | Note |
+|---|---|---|
+| `Root/Content [data-state="open" \| "closed"]` | `Panel [data-open]` / `[data-closed]` | Renamed to presence attributes. Base UI Root renders a plain `<div>`; state attrs live on Panel/Trigger. |
+| `Trigger [data-state="open"]` | `Trigger [data-panel-open]` | Renamed; trigger-specific name. |
+| `[data-disabled]` | — (not emitted on collapsible parts) | Gate styles on the `disabled` prop / `:disabled` on the trigger instead. |
+| — | `Panel [data-starting-style]`, `[data-ending-style]` | Base UI only: animation hooks. |
+
+## CSS var mapping
+
+| Radix | Base UI |
+|---|---|
+| `--radix-collapsible-content-height` | `--collapsible-panel-height` |
+| `--radix-collapsible-content-width` | `--collapsible-panel-width` |
+
+---
+
+# tabs
+
+Part mapping: `Root → Root`, `List → List`, `Trigger → Tab`, `Content → Panel`. Base UI adds an `Indicator` part with no Radix equivalent.
+
+## Tabs.Root → Tabs.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `defaultValue` | `string` / — | `defaultValue` | Signature changed: Base UI value type is `Tabs.Tab.Value` (`any`), default `0` (first tab active by default; Radix has no default active tab). Strings still work unchanged. |
+| `value` | `string` / — | `value` | Same shape for string values; type widened to `any`. |
+| `onValueChange` | `(value: string) => void` / — | `onValueChange` | Signature changed: `(value: Tabs.Tab.Value, eventDetails: Tabs.Root.ChangeEventDetails) => void`. |
+| `orientation` | `"horizontal" \| "vertical"` / `"horizontal"` | `orientation` (default `'horizontal'`) | Same. |
+| `dir` | `"ltr" \| "rtl"` / — | — dropped | Use DOM `dir` / `DirectionProvider`. |
+| `activationMode` | `"automatic" \| "manual"` / `"automatic"` | moved + renamed: `List.activateOnFocus` (boolean, default `false`) | Moved from Root to List and inverted DEFAULT: Radix defaults to automatic, Base UI 1.6.0 defaults to `false` (manual). To preserve Radix default behavior set `<Tabs.List activateOnFocus>`; `activationMode="manual"` → omit. |
+
+## Tabs.List → Tabs.List
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `loop` | `boolean` / `true` | `loopFocus` (default `true`) | Renamed. |
+
+## Tabs.Trigger → Tabs.Tab
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` (+ `nativeButton`, default `true`) | Signature changed. |
+| `value` (required) | `string` / — | `value` (required) | Type widened to `Tabs.Tab.Value` (`any`); strings unchanged. |
+| `disabled` | `boolean` / `false` | `disabled` | Same. |
+
+## Tabs.Content → Tabs.Panel
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `value` (required) | `string` / — | `value` (required) | Type widened; strings unchanged. |
+| `forceMount` | `true \| undefined` / — | `keepMounted` (boolean, default `false`) | Renamed. Hidden panels stay in DOM with `data-hidden`. |
+
+## Base UI only props worth knowing
+
+- `Tabs.Indicator`: new part, a `<span>` that tracks the active tab for sliding-highlight UIs; `renderBeforeHydration` (default `false`) for SSR-flash avoidance. Exposes the `--active-tab-*` CSS vars below.
+- `List.activateOnFocus` (see above).
+- `Tab.nativeButton`, state-function `className`/`style` on all parts.
+
+## Data-attribute mapping
+
+| Radix | Base UI | Note |
+|---|---|---|
+| `Trigger [data-state="active" \| "inactive"]` | `Tab [data-active]` (presence) | Renamed. Inactive = absence of `data-active`. |
+| `Content [data-state="active" \| "inactive"]` | `Panel [data-hidden]` (presence when hidden) | Inverted polarity: Radix marks the active state, Base UI marks the hidden state. |
+| `[data-orientation]` (all parts) | `[data-orientation]` (Root, List, Tab, Panel, Indicator) | Same. |
+| `Trigger [data-disabled]` | `Tab [data-disabled]` | Same. |
+| — | `[data-activation-direction]` (`'left' \| 'right' \| 'up' \| 'down' \| 'none'`, all parts) | Base UI only: direction of the last tab change, useful for directional animations. |
+| — | `Panel [data-index]`, `[data-starting-style]`, `[data-ending-style]` | Base UI only. |
+
+## CSS var mapping
+
+Radix Tabs exposes no CSS variables. Base UI only (on `Indicator`): `--active-tab-left`, `--active-tab-right`, `--active-tab-top`, `--active-tab-bottom`, `--active-tab-width`, `--active-tab-height`.
+
+---
+
+# toggle
+
+Part mapping: `Toggle.Root → Toggle` (single-part; Base UI export is directly callable, no `.Root`).
+
+## Toggle.Root → Toggle
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` (+ `nativeButton`, default `true`) | Signature changed. |
+| `defaultPressed` | `boolean` / — | `defaultPressed` (default `false`) | Same. |
+| `pressed` | `boolean` / — | `pressed` | Same. |
+| `onPressedChange` | `(pressed: boolean) => void` / — | `onPressedChange` | Signature changed: `(pressed: boolean, eventDetails: Toggle.ChangeEventDetails) => void`. |
+| `disabled` | `boolean` / — | `disabled` (default `false`) | Same. |
+
+## Base UI only props worth knowing
+
+- `value?: string`: identifies the toggle inside a Base UI `ToggleGroup` (this replaces Radix `ToggleGroup.Item`'s `value`, see toggle-group below).
+- `nativeButton` (default `true`), state-function `className`/`style`.
+
+## Data-attribute mapping
+
+| Radix | Base UI | Note |
+|---|---|---|
+| `[data-state="on" \| "off"]` | `[data-pressed]` (presence) | Renamed. Off = absence of `data-pressed`. |
+| `[data-disabled]` | `[data-disabled]` | Same. |
+
+## CSS var mapping
+
+None on either side.
+
+---
+
+# toggle-group
+
+Part mapping: `ToggleGroup.Root → ToggleGroup` (callable single export), `ToggleGroup.Item → Toggle` (Base UI reuses the Toggle primitive as group items).
+
+## ToggleGroup.Root → ToggleGroup
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `type` (required) | `"single" \| "multiple"` / — | `multiple` (boolean, default `false`) | Signature changed, same pattern as accordion. |
+| `value` | `string` (single) or `string[]` (multiple) / — | `value` | Signature changed: always `readonly Value[]` (array), even single mode. `value="bold"` → `value={["bold"]}`. |
+| `defaultValue` | `string` or `string[]` / — | `defaultValue` | Same array caveat. |
+| `onValueChange` | `(value: string) => void` or `(value: string[]) => void` / — | `onValueChange` | Signature changed: `(groupValue: Value[], eventDetails: ToggleGroup.ChangeEventDetails) => void`. Always an array; single mode with nothing pressed = `[]` (Radix single mode signals this as `""`). |
+| `disabled` | `boolean` / `false` | `disabled` (default `false`) | Same. |
+| `rovingFocus` | `boolean` / `true` | — dropped | Roving focus is always on in Base UI; no opt-out. If you relied on `rovingFocus={false}` (every item tabbable), there is no direct workaround. |
+| `orientation` | `"horizontal" \| "vertical"` / `undefined` | `orientation` (default `'horizontal'`) | Same name; Base UI has an explicit default. |
+| `dir` | `"ltr" \| "rtl"` / — | — dropped | Use DOM `dir` / `DirectionProvider`. |
+| `loop` | `boolean` / `true` | `loopFocus` (default `true`) | Renamed. |
+
+## ToggleGroup.Item → Toggle
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` (+ `nativeButton`, default `true`) | Signature changed. |
+| `value` (required) | `string` / — | `value` | Same meaning; on Base UI's `Toggle` it is optional in the type but required in practice for group membership. |
+| `disabled` | `boolean` / — | `disabled` (default `false`) | Same. |
+
+Note: the item also gains the full standalone `Toggle` API (`pressed`, `defaultPressed`, `onPressedChange` with `eventDetails`) since it IS the Toggle primitive; inside a group the group value normally drives pressed state.
+
+## Base UI only props worth knowing
+
+- `multiple` (covered above) and the always-array value model.
+- Items are plain `Toggle`s, so per-item `onPressedChange` is available.
+- State-function `className`/`style`.
+
+## Data-attribute mapping
+
+| Radix | Base UI | Note |
+|---|---|---|
+| `Item [data-state="on" \| "off"]` | `Toggle [data-pressed]` (presence) | Renamed. |
+| `Item [data-disabled]` | `Toggle [data-disabled]` | Same. |
+| `Root/Item [data-orientation]` | `ToggleGroup [data-orientation]` | On the group only; items (Toggles) do not emit it. |
+| — | `ToggleGroup [data-disabled]`, `[data-multiple]` | Base UI only. |
+
+## CSS var mapping
+
+None on either side.
+
+---
+
+# toolbar
+
+Part mapping: `Root → Root`, `Button → Button`, `Link → Link`, `Separator → Separator`. `Toolbar.ToggleGroup`/`Toolbar.ToggleItem` are DROPPED as dedicated parts: compose the standalone `ToggleGroup` with `<Toolbar.Button render={<Toggle />} value="...">` as items (Base UI docs pattern). Base UI adds `Group` and `Input` parts with no Radix equivalent.
+
+## Toolbar.Root → Toolbar.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `orientation` | `"horizontal" \| "vertical"` / `"horizontal"` | `orientation` (default `'horizontal'`) | Same. |
+| `dir` | `"ltr" \| "rtl"` / — | — dropped | Use DOM `dir` / `DirectionProvider`. |
+| `loop` | `boolean` / `true` | `loopFocus` (default `true`) | Renamed. |
+
+## Toolbar.Button → Toolbar.Button
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` (+ `nativeButton`, default `true`) | Signature changed. |
+
+## Toolbar.Link → Toolbar.Link
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` | Signature changed. Both render `<a>`. |
+
+## Toolbar.ToggleGroup → ToggleGroup (standalone, composed)
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `type` (required) | `"single" \| "multiple"` / — | `multiple` (boolean, default `false`) | Moved: use the standalone `ToggleGroup` component inside `Toolbar.Root`; same mapping as toggle-group above. |
+| `value` / `defaultValue` | `string` or `string[]` / — | `value` / `defaultValue` on `ToggleGroup` | Always an array (see toggle-group). |
+| `onValueChange` | `(value: string \| string[]) => void` / — | `onValueChange` on `ToggleGroup` | `(groupValue: Value[], eventDetails) => void`. |
+| `disabled` | `boolean` / `false` | `disabled` on `ToggleGroup` | Same. |
+
+## Toolbar.ToggleItem → Toolbar.Button render={<Toggle />}
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | — | Moved: the composition IS the render prop: `<Toolbar.Button render={<Toggle />} value="bold" />`. Toolbar.Button supplies toolbar focus behavior, Toggle supplies pressed state. |
+| `value` (required) | `string` / — | `value` (on the composed element) | Same. |
+| `disabled` | `boolean` / — | `disabled` (on `Toolbar.Button`, default `false`) | Same; note `focusableWhenDisabled` defaults to `true` (disabled items stay focusable, Radix disabled items are not). |
+
+## Toolbar.Separator → Toolbar.Separator
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+|---|---|---|---|
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| — | — | `orientation` | Base UI only: defaults to the OPPOSITE of the toolbar's orientation (horizontal toolbar → vertical separator), which matches Radix's automatic behavior; usually omit. |
+
+## Base UI only props worth knowing
+
+- `Root.disabled`: disables the entire toolbar (no Radix equivalent).
+- `Toolbar.Group` (new part): groups related items, with a group-level `disabled` (default `false`).
+- `Toolbar.Input` (new part): `<input>` wired into toolbar arrow-key navigation; `defaultValue`, `disabled` (default `false`), `focusableWhenDisabled` (default `true`).
+- `Button.disabled` (default `false`) + `Button.focusableWhenDisabled` (default `true`): disabled buttons remain focusable for discoverability; set `focusableWhenDisabled={false}` for Radix-like behavior.
+- `Button.nativeButton` (default `true`), state-function `className`/`style` on all parts.
+
+## Data-attribute mapping
+
+| Radix | Base UI | Note |
+|---|---|---|
+| `[data-orientation]` (Root, Button, ToggleGroup, ToggleItem, Separator) | `[data-orientation]` (Root, Button, Link, Input, Group, Separator) | Same; Separator's value is perpendicular to the toolbar. |
+| `ToggleItem [data-state="on" \| "off"]` | `[data-pressed]` (presence, from the composed `Toggle`) | Renamed. |
+| `ToggleItem [data-disabled]` | `[data-disabled]` (Root, Button, Input, Group) | Same. |
+| — | `Button/Input [data-focusable]` | Base UI only: present when focusable-while-disabled. |
+
+## CSS var mapping
+
+None on either side.
diff --git a/frontend/.agents/skills/migrate-radix-to-base/display-misc.md b/frontend/.agents/skills/migrate-radix-to-base/display-misc.md
new file mode 100644
index 0000000..9623e44
--- /dev/null
+++ b/frontend/.agents/skills/migrate-radix-to-base/display-misc.md
@@ -0,0 +1,410 @@
+# Radix UI → Base UI props mapping: progress, scroll-area, separator, avatar, toast, form
+
+Sources: radix-ui/website `data/primitives/docs/components/*.mdx` (full inline prop tables) and base-ui.com `/react/components/{progress,scroll-area,separator,avatar,toast,form,field,fieldset}.md` (fetched 2026-07-02, `@base-ui/react`, formerly `@base-ui-components/react`).
+
+Universal conventions (apply to every part below, not repeated per table):
+
+- `asChild` (boolean) → `render` (`ReactElement | ((props: HTMLProps, state) => ReactElement)`). Signature changed: `<Part asChild><a/></Part>` → `<Part render={<a/>} />`.
+- Base UI `className` and `style` also accept a function of the part's `State` object.
+- Every Base part exposes `Part.Props` and `Part.State` types (e.g. `Progress.Root.Props`).
+
+---
+
+# progress
+
+Part mapping: `Progress.Root` → `Progress.Root`, `Progress.Indicator` → `Progress.Indicator` (now MUST be nested in the new `Progress.Track`). Base UI adds `Track`, `Label`, `Value` parts. The primitive computes the Indicator fill width itself (inline style), so the Radix pattern `style={{ transform: translateX(-(100 - value)%) }}` on Indicator is deleted, not ported.
+
+## Progress.Root → Progress.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Signature changed (see header). |
+| `value` | `number \| null` / - | `value` | Same. Required in Base UI (default `null`). `null` = indeterminate in both. |
+| `max` | `number` / - | `max` | Same. Base UI default `100`; Base UI also adds `min` (default `0`). |
+| `getValueLabel` | `(value: number, max: number) => string` / - | `getAriaValueText` | Renamed + signature changed: Base UI is `(formattedValue: string \| null, value: number \| null) => string`. Percent math is gone; use `format`/`locale` for formatting instead. |
+
+## Progress.Indicator → Progress.Indicator
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Only prop. Nest inside `Progress.Track`; width is set by the primitive. |
+
+### Base UI only props worth knowing
+
+- Root: `min` (`0`), `format` (`Intl.NumberFormatOptions`), `locale` (`Intl.LocalesArgument`), `aria-valuetext`.
+- New parts: `Progress.Track` (contains Indicator), `Progress.Label` (accessible label, `<span>`), `Progress.Value` (formatted value text, `<span>`, `children` render fn `(formattedValue, value) => ReactNode`).
+
+### Data attributes
+
+| Radix | Base UI |
+| --- | --- |
+| `[data-state="loading"]` | `[data-progressing]` (boolean-presence attrs replace the enum) |
+| `[data-state="complete"]` | `[data-complete]` |
+| `[data-state="indeterminate"]` | `[data-indeterminate]` |
+| `[data-value]`, `[data-max]` | Dropped. Read `value` in a `className`/`style` state function or set your own attribute. |
+
+All Base attrs are present on Root, Track, Indicator, Label, and Value alike. State type: `{ status: 'indeterminate' | 'progressing' | 'complete' }`.
+
+### CSS variables
+
+None on either side.
+
+---
+
+# scroll-area
+
+Part mapping: `ScrollArea.Root` → `ScrollArea.Root`, `ScrollArea.Viewport` → `ScrollArea.Viewport`, `ScrollAreaScrollbar` → `ScrollArea.Scrollbar`, `ScrollAreaThumb` → `ScrollArea.Thumb`, `ScrollArea.Corner` → `ScrollArea.Corner`. Base UI adds `ScrollArea.Content` (wraps content inside Viewport, needed for horizontal overflow measurement).
+
+## ScrollArea.Root → ScrollArea.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `type` | `"auto" \| "always" \| "scroll" \| "hover"` / `"hover"` | Dropped | Visibility is CSS-driven: style Scrollbar `opacity` against `[data-hovering]`/`[data-scrolling]` (hover/scroll behavior), or always-visible CSS for `"always"` (+ `keepMounted` on Scrollbar). `"auto"` is the default mount behavior (scrollbar only mounts when scrollable). |
+| `scrollHideDelay` | `number` / `600` | Dropped | Reproduce with a CSS `transition-delay` on the scrollbar's opacity transition. |
+| `dir` | `"ltr" \| "rtl"` / - | Dropped | Base UI reads direction from the DOM (`dir` attribute) / its DirectionProvider utility; no per-component prop. |
+| `nonce` | `string` / - | Dropped | No documented CSP nonce equivalent. |
+
+## ScrollArea.Viewport → ScrollArea.Viewport
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Same part role (the scrollable container). Wrap children in `ScrollArea.Content` when horizontal scrolling matters. |
+
+## ScrollAreaScrollbar → ScrollArea.Scrollbar
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `forceMount` | `boolean` / - | `keepMounted` | Renamed; `boolean`, default `false`. Keeps the element in the DOM when the viewport is not scrollable. |
+| `orientation` | `"horizontal" \| "vertical"` / `"vertical"` | `orientation` | Same, same default. |
+
+## ScrollAreaThumb → ScrollArea.Thumb
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Only prop on both sides. |
+
+## ScrollArea.Corner → ScrollArea.Corner
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Only prop on both sides. |
+
+### Base UI only props worth knowing
+
+- Root: `overflowEdgeThreshold` (`number | Partial<{ xStart; xEnd; yStart; yEnd }>`, default `0`), threshold before the overflow edge attributes flip.
+- New part: `ScrollArea.Content` (div inside Viewport; same overflow data attributes as Root).
+
+### Data attributes
+
+| Radix | Base UI |
+| --- | --- |
+| Scrollbar `[data-state="visible" \| "hidden"]` | Dropped. Use `[data-hovering]`, `[data-scrolling]`, and `[data-has-overflow-x/y]` on Scrollbar to drive visibility styles. |
+| Scrollbar/Thumb `[data-orientation]` | Same (`data-orientation` on Scrollbar and Thumb). |
+| - | New, on Root/Content/Viewport/Scrollbar: `data-has-overflow-x`, `data-has-overflow-y`, `data-overflow-x-start/end`, `data-overflow-y-start/end`, `data-scrolling`; Scrollbar also `data-hovering`. |
+
+### CSS variables
+
+Radix's scroll-area docs list no CSS variables (its implementation ships undocumented `--radix-scroll-area-thumb-*`/`corner-*` vars). Base UI documents:
+
+| Base UI variable | Where |
+| --- | --- |
+| `--scroll-area-corner-width`, `--scroll-area-corner-height` | Root |
+| `--scroll-area-thumb-width`, `--scroll-area-thumb-height` | Scrollbar |
+| `--scroll-area-overflow-x-start/end`, `--scroll-area-overflow-y-start/end` | Viewport (pixel distance from each edge, great for scroll fades) |
+
+---
+
+# separator
+
+Part mapping: `Separator.Root` → `Separator` (callable single part, no `.Root`).
+
+## Separator.Root → Separator
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `orientation` | `"horizontal" \| "vertical"` / `"horizontal"` | `orientation` | Same, same default (`Orientation` type). |
+| `decorative` | `boolean` / - | Dropped | Base UI's separator is always semantic (`role="separator"`). For a purely visual rule, render a plain `<div aria-hidden="true">` or use a CSS border instead. |
+
+### Base UI only props worth knowing
+
+None beyond the universal `className`/`style`/`render`. Renders a `<div>`.
+
+### Data attributes
+
+`[data-orientation]` with values `horizontal | vertical`: identical on both sides.
+
+### CSS variables
+
+None on either side.
+
+---
+
+# avatar
+
+Part mapping: `Avatar.Root` → `Avatar.Root`, `Avatar.Image` → `Avatar.Image`, `Avatar.Fallback` → `Avatar.Fallback`. Same anatomy. Base Root renders `<span>`, Image `<img>`, Fallback `<span>`.
+
+## Avatar.Root → Avatar.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Only prop on both sides. Base Root can also take plain children (e.g. initials) with no Image/Fallback. |
+
+## Avatar.Image → Avatar.Image
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `onLoadingStatusChange` | `(status: "idle" \| "loading" \| "loaded" \| "error") => void` / - | `onLoadingStatusChange` | Same name, same `ImageLoadingStatus` union. |
+
+## Avatar.Fallback → Avatar.Fallback
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `delayMs` | `number` / - | `delay` | Renamed, same meaning (ms to wait before showing the fallback). |
+
+### Base UI only props worth knowing
+
+Nothing beyond the universal trio. Part `State` exposes `imageLoadingStatus` (and `transitionStatus` on Image) for `className`/`style` functions.
+
+### Data attributes
+
+Radix documents none. Base UI Image adds `data-starting-style` / `data-ending-style` for enter/exit transitions.
+
+### CSS variables
+
+None on either side.
+
+---
+
+# toast
+
+The mental model changes completely: Radix toast is declarative (you render `<Toast.Root open>` yourself), Base UI toast is manager-driven. Toasts are created imperatively via `Toast.useToastManager().add({ title, description, ... })` (or a global `Toast.createToastManager()` passed to `Provider toastManager`), and you render `useToastManager().toasts.map((toast) => <Toast.Root key={toast.id} toast={toast} />)` inside the Viewport.
+
+Part mapping:
+
+| Radix part | Base UI part |
+| --- | --- |
+| `Toast.Provider` | `Toast.Provider` (props differ heavily) |
+| `Toast.Viewport` | `Toast.Portal` + `Toast.Viewport` (Portal is new; appends to `<body>` by default) |
+| `Toast.Root` | `Toast.Root` (requires `toast` object; typically wraps new `Toast.Content`) |
+| `Toast.Title` | `Toast.Title` (renders `<h2>`) |
+| `Toast.Description` | `Toast.Description` (renders `<p>`) |
+| `Toast.Action` | `Toast.Action` (rendered per-toast; props can come from `toast.actionProps`) |
+| `Toast.Close` | `Toast.Close` |
+| - | New: `Toast.Content`, `Toast.Positioner` + `Toast.Arrow` (anchored toasts), `Toast.createToastManager`, `Toast.useToastManager` |
+
+## Toast.Provider → Toast.Provider
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `duration` | `number` / `5000` | `timeout` | Renamed. Same default (`5000`, `0` disables auto-dismiss). Per-toast override moved to `add({ timeout })`. |
+| `label` (required) | `string` / `"Notification"` | Dropped | Base UI handles screen reader announcements internally; per-toast urgency via `priority: 'low' \| 'high'` in `add()`. |
+| `swipeDirection` | `"right" \| "left" \| "up" \| "down"` / `"right"` | Moved | Now `swipeDirection` on `Toast.Root`; accepts a single value or an array, default `['down', 'right']`. |
+| `swipeThreshold` | `number` / `50` | Dropped | Not configurable. Opt elements out of swipe with the `data-base-ui-swipe-ignore` attribute. |
+| `announcerContainer` | `Element \| DocumentFragment` / `document.body` | Dropped | Closest analog is `Toast.Portal container` for where the viewport renders. |
+
+## Toast.Viewport → Toast.Portal + Toast.Viewport
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | On both Portal and Viewport. |
+| `hotkey` | `string[]` / `["F8"]` | Dropped | Base UI hard-wires F6 to focus the viewport landmark; not configurable. |
+| `label` | `string` / `"Notifications ({hotkey})"` | Dropped | Landmark labelling handled internally. |
+
+Base UI only: `Portal.container` (`HTMLElement | ShadowRoot | ref | null`).
+
+## Toast.Root → Toast.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `type` | `"foreground" \| "background"` / `"foreground"` | `priority` in `add()` options | Moved + renamed: `foreground` ≈ `priority: 'high'` (announced urgently), `background` ≈ `'low'` (default). Careful: Base UI's `toast.type` is a different concept (a free-form styling category like `'success'`, surfaced as `data-type`). |
+| `duration` | `number` / - | `timeout` in `add()` options | Moved + renamed; per-toast override of Provider `timeout`. |
+| `defaultOpen` | `boolean` / `true` | Dropped | Open state lives in the manager. Create with `add()`, remove with `close(id)`. |
+| `open` | `boolean` / - | Dropped | Same as above; there is no controlled-open mode. `add({ id })` upserts an existing toast in place. |
+| `onOpenChange` | `(open: boolean) => void` / - | Dropped (workaround) | Use `onClose` / `onRemove` callbacks in the toast object (`add()` options). |
+| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` / - | Dropped | Esc-to-close still works when focus is in the viewport, but is not interceptable. |
+| `onPause` / `onResume` | `() => void` / - | Dropped | Timers still pause on hover, focus, and window blur automatically, but there are no callbacks. |
+| `onSwipeStart` / `onSwipeMove` / `onSwipeEnd` / `onSwipeCancel` | `(event: SwipeEvent) => void` / - | Dropped (workaround) | Swiping is styled, not scripted: `[data-swiping]`, `[data-swipe-direction]` and `--toast-swipe-movement-x/y` replace the event hooks. |
+| `forceMount` | `boolean` / - | Dropped | Roots render from the `toasts` array; exit animations get `data-ending-style` + `toast.transitionStatus: 'ending'` before removal (`onRemove` fires after). |
+
+Base UI only on Root: `toast` (required `Toast.Root.ToastObject`: `id`, `title`, `description`, `type`, `timeout`, `priority`, `updateKey`, `limited`, `height`, `onClose`, `onRemove`, `actionProps`, `positionerProps`, `data`), `swipeDirection` (single or array).
+
+## Toast.Title → Toast.Title
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Only prop. Base renders `<h2>` (Radix rendered `<div>`); pass `render={<div />}` to keep a div. Content usually comes from `toast.title`. |
+
+## Toast.Description → Toast.Description
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Only prop. Base renders `<p>`. Content usually comes from `toast.description`. |
+
+## Toast.Action → Toast.Action
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `altText` (required) | `string` / - | Dropped | No equivalent prop. When creating toasts via the manager, pass the button's props (including handlers and aria attributes) through `add({ actionProps })`. |
+
+Base UI only: `nativeButton` (`boolean`, default `true`, set `false` when `render` is not a button).
+
+## Toast.Close → Toast.Close
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+
+Base UI only: `nativeButton` (as on Action).
+
+### Base UI only props worth knowing
+
+- Provider: `limit` (`number`, default `3`; overflowing toasts get `data-limited` + `inert` instead of being removed), `toastManager` (from `Toast.createToastManager()` for use outside React).
+- Manager API (`useToastManager()` return / `createToastManager()`): `toasts`, `add(options) => id`, `close(id?)`, `update(id, options)`, `promise(promise, { loading, success, error })`.
+- New parts: `Toast.Content` (clips overflow while the stack is collapsed; `data-behind`, `data-expanded`), `Toast.Positioner`/`Toast.Arrow` for anchored toasts (full popup positioning surface: `anchor`, `side` default `'top'`, `align`, `sideOffset`, `alignOffset`, `collisionAvoidance`, `collisionBoundary`, `collisionPadding`, `arrowPadding`, `sticky`, `positionMethod`, `disableAnchorTracking`).
+
+### Data attributes
+
+| Radix | Base UI |
+| --- | --- |
+| Root `[data-state="open" \| "closed"]` | `data-starting-style` / `data-ending-style` (CSS transition hooks) |
+| Root `[data-swipe="start" \| "move" \| "cancel" \| "end"]` | `[data-swiping]` while swiping; `"end"` ≈ `[data-ending-style][data-swipe-direction=...]` |
+| Root `[data-swipe-direction]` (`up/down/left/right`) | Same name and values |
+| - | New: Root `data-expanded`, `data-limited`, `data-type`; Viewport `data-expanded`; Content `data-behind`, `data-expanded`; Title/Description/Close/Action `data-type`; Positioner/Arrow `data-side`, `data-align`, `data-anchor-hidden`/`data-uncentered` |
+
+### CSS variables
+
+| Radix | Base UI |
+| --- | --- |
+| `--radix-toast-swipe-move-x` / `--radix-toast-swipe-move-y` | `--toast-swipe-movement-x` / `--toast-swipe-movement-y` |
+| `--radix-toast-swipe-end-x` / `--radix-toast-swipe-end-y` | Dropped; animate dismissal from `[data-ending-style][data-swipe-direction=...]` using the movement vars |
+| - | New on Root: `--toast-index`, `--toast-offset-y`, `--toast-height`; Viewport: `--toast-frontmost-height`; Positioner: `--anchor-width/height`, `--available-width/height`, `--transform-origin` |
+
+---
+
+# form
+
+Base UI splits Radix Form across three components: `Form` (`@base-ui/react/form`, a callable single part rendering `<form>`), `Field` (`@base-ui/react/field`: `Root`, `Label`, `Control`, `Error`, `Description`, `Validity`, `Item`), and `Fieldset` (`@base-ui/react/fieldset`: `Root`, `Legend`).
+
+Part mapping:
+
+| Radix part | Base UI part |
+| --- | --- |
+| `Form.Root` | `Form` (callable, no `.Root`) |
+| `Form.Field` | `Field.Root` |
+| `Form.Label` | `Field.Label` |
+| `Form.Control` | `Field.Control` (or any Base UI input component: Input, Checkbox, Select, ... work inside Field out of the box) |
+| `Form.Message` | `Field.Error` (validation errors); `Field.Description` for plain hint text |
+| `Form.ValidityState` | `Field.Validity` |
+| `Form.Submit` | Dropped; use a plain `<button type="submit">` |
+| - | New: `Fieldset.Root` + `Fieldset.Legend`, `Field.Item` (per-item wrapper in checkbox/radio groups) |
+
+## Form.Root → Form
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `onClearServerErrors` | `() => void` / - | Dropped (workaround) | The server-error model changed: pass an `errors` object (keys = `Field.Root` `name`, values = message(s)) to `Form`; clear your own error state in `onFormSubmit` (Base calls `preventDefault()` for you) or in `onValueChange` per field. |
+
+Base UI only on Form: `errors` (`Errors`), `onFormSubmit` (`(formValues, eventDetails) => void`), `validationMode` (`'onSubmit' | 'onBlur' | 'onChange'`, default `'onSubmit'`), `actionsRef` (`{ validate(fieldName?) }`).
+
+## Form.Field → Field.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `name` (required) | `string` / - | `name` | Same purpose (submission identity + matching `Form errors` keys); optional in Base UI and takes precedence over `name` on `Field.Control`. |
+| `serverInvalid` | `boolean` / - | Dropped (workaround) | Either supply the message via `Form errors={{ [name]: message }}` (field becomes invalid and `Field.Error` shows it), or force state with the `invalid` boolean prop on `Field.Root`. |
+
+Base UI only on Field.Root: `validate` (`(value, formValues) => string | string[] | Promise<...> | null`, the custom-validation replacement for Radix function `match`), `validationMode`, `validationDebounceTime` (`0`), `disabled`, `invalid`, `dirty`, `touched`, `actionsRef` (`{ validate() }`).
+
+## Form.Label → Field.Label
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Signature changed. Auto-association with the control is preserved. |
+
+Base UI only: `nativeLabel` (`boolean`, default `true`; set `false` when `render` swaps in a non-label element, e.g. a `<div>` labelling a `<Select.Trigger>` button).
+
+## Form.Control → Field.Control
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Signature changed. For composite widgets, skip Control entirely: Base UI inputs (Input, Checkbox, Select, ...) wire into `Field.Root` directly, which Radix Form could not do. |
+
+Base UI only: `defaultValue` (`string | number | string[]`), `onValueChange` (`(value, eventDetails) => void`).
+
+## Form.Message → Field.Error
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Signature changed. |
+| `match` | `'badInput' \| 'patternMismatch' \| 'rangeOverflow' \| 'rangeUnderflow' \| 'stepMismatch' \| 'tooLong' \| 'tooShort' \| 'typeMismatch' \| 'valid' \| 'valueMissing' \| ((value, formData) => boolean \| Promise<boolean>)` / - | `match` | Signature changed: Base UI is `boolean \| 'valid' \| 'badInput' \| 'customError' \| 'patternMismatch' \| 'rangeOverflow' \| 'rangeUnderflow' \| 'stepMismatch' \| 'tooLong' \| 'tooShort' \| 'typeMismatch' \| 'valueMissing'`. The function form is gone: move custom rules to `validate` on `Field.Root` (returns error string(s)); an Error without `match` then displays them. `'customError'` matches `validate` failures. |
+| `forceMatch` | `boolean` / `false` | `match={true}` | Renamed/absorbed: `match` accepting `true` always shows the message (the documented hook for external libraries and server errors). |
+| `name` | `string` / - | Dropped | `Field.Error` cannot target a field from outside; it must be nested in the owning `Field.Root`. |
+
+Note: Radix rendered default English messages per `match` when `children` were omitted; Base UI renders the error string coming from `validate`/`Form errors`, otherwise provide `children`. `Field.Description` (className/style/render only) is the new home for non-error helper text. Error renders a `<div>`, Description a `<p>`.
+
+## Form.ValidityState → Field.Validity
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `children` | `(validity: ValidityState \| undefined) => React.ReactNode` / - | `children` (required) | Signature changed: `(state: Field.Validity.State) => React.ReactNode` where the native flags live at `state.validity.*` (plus `state.errors`, `state.error`, `state.value`, `state.initialValue`). |
+| `name` | `string` / - | Dropped | Must be nested inside `Field.Root`. |
+
+## Form.Submit → (none)
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | Dropped | No submit part; render a plain `<button type="submit">` (or the styled Button component). |
+
+## (new) Fieldset.Root and Fieldset.Legend
+
+No Radix counterpart. `Fieldset.Root` renders a native `<fieldset>` (props: `className`/`style`/`render`; state `{ disabled }`, `data-disabled`). `Fieldset.Legend` renders a `<div>` automatically associated as the accessible legend. Use to group related fields under one label.
+
+### Base UI only props worth knowing (form-wide)
+
+- Validation timing is configurable (`validationMode` on Form or per Field, `validationDebounceTime`).
+- `actionsRef` imperative `validate()` on both Form and Field.Root.
+- `Field.Item` groups a single checkbox/radio inside a group with its own label/description (`disabled` prop).
+- Focus is moved to the first invalid field on submit, matching Radix behavior.
+
+### Data attributes
+
+| Radix (Field/Label/Control/Message) | Base UI (all Field parts: Root, Item, Label, Control, Description, Error) |
+| --- | --- |
+| `[data-valid]` | `[data-valid]` (same) |
+| `[data-invalid]` | `[data-invalid]` (same) |
+| - | New: `data-dirty`, `data-touched`, `data-filled`, `data-focused`, `data-disabled`; Error also gets `data-starting-style`/`data-ending-style`. |
+
+### CSS variables
+
+None on either side.
+
+---
+
+# No Base UI counterpart
+
+Radix utilities with no Base UI equivalent, and the recommended plain replacements:
+
+## Label (radix `Label.Root`: `asChild`, `htmlFor`)
+
+Use a native `<label htmlFor="...">`, or `Field.Label` when inside a `Field.Root` (which auto-wires the association, no `htmlFor` needed). Radix's only behavioral extra (preventing text selection on double click) is one line of CSS: `select-none` / `user-select: none`.
+
+## AspectRatio (radix `AspectRatio.Root`: `asChild`, `ratio` default `1`)
+
+Use the CSS `aspect-ratio` property, which is what the prop mapped to: `ratio={16 / 9}` → `aspect-video` or `aspect-[16/9]` (`aspect-ratio: 16 / 9`), plus `w-full` and `object-cover` on the media child.
+
+## VisuallyHidden (radix `VisuallyHidden.Root`: `asChild`)
+
+Use Tailwind's `sr-only` class on a `<span>` (the standard clip-rect pattern). Note: some Base UI popup components in other files still need hidden titles for a11y; `<span className="sr-only">` covers that too.
+
+## AccessibleIcon (radix `AccessibleIcon.Root`: `label` required)
+
+It was only VisuallyHidden + `aria-hidden` composed: render the icon with `aria-hidden="true"` (or `focusable="false"`) and add `<span className="sr-only">{label}</span>` next to it, or put `aria-label={label}` on the interactive parent (button/link) instead.
diff --git a/frontend/.agents/skills/migrate-radix-to-base/form-controls.md b/frontend/.agents/skills/migrate-radix-to-base/form-controls.md
new file mode 100644
index 0000000..829de39
--- /dev/null
+++ b/frontend/.agents/skills/migrate-radix-to-base/form-controls.md
@@ -0,0 +1,390 @@
+# Radix UI to Base UI props mapping: form controls
+
+Scope: select, checkbox, radio-group, switch, slider.
+Sources: radix-ui.com primitives docs and base-ui.com `/react/components/*.md` (fetched 2026-07-02).
+
+Global conventions that apply to every part below:
+
+- `asChild` (Radix, `boolean`, default `false`) -> `render` (Base UI, `ReactElement | ((props, state) => ReactElement)`). Every Base UI part accepts `render`, plus `className`/`style` as either plain values or state callbacks (`(state) => ...`).
+- Base UI parts that render interactive elements accept `nativeButton` (tells Base UI whether the `render` target is a native `<button>`), which has no Radix equivalent.
+- Callbacks fire with a second `eventDetails` argument (`{ reason, event, cancel(), allowPropagation(), isCanceled, isPropagationAllowed, trigger }`). `eventDetails.cancel()` replaces Radix's `event.preventDefault()` pattern for preventing default component behavior.
+- Radix `data-state="x"` tokens become presence attributes in Base UI (`data-checked`, `data-unchecked`, `data-open`, ...). Base UI adds Field-integration attributes everywhere (`data-valid`, `data-invalid`, `data-dirty`, `data-touched`, `data-filled`, `data-focused`) and animation attributes (`data-starting-style`, `data-ending-style`).
+- Radix `dir` props have no Base UI per-component equivalent, direction comes from `DirectionProvider` (or the `dir` HTML attribute).
+
+---
+
+# select
+
+Part mapping: `Root -> Root`, `Trigger -> Trigger`, `Value -> Value`, `Icon -> Icon`, `Portal -> Portal`, `Content -> Portal > Positioner > Popup` (split into three parts), `Viewport -> List`, `Item -> Item`, `ItemText -> ItemText`, `ItemIndicator -> ItemIndicator`, `ScrollUpButton -> ScrollUpArrow`, `ScrollDownButton -> ScrollDownArrow`, `Group -> Group`, `Label -> GroupLabel` (Base UI's `Select.Label` is a NEW part that labels the trigger, not groups), `Separator -> Separator`, `Arrow -> Arrow`.
+
+## Select.Root → Select.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `defaultValue` | `string`, no default | `defaultValue: Value[] \| Value \| null` | Same name, widened type. Values can be any type (objects supported), arrays for `multiple`. |
+| `value` | `string`, no default | `value: Value[] \| Value \| null` | Same name, widened type. `null` means "no value" (placeholder shown). |
+| `onValueChange` | `(value: string) => void` | `onValueChange: (value: Value[] \| Value \| null, eventDetails: Select.Root.ChangeEventDetails) => void` | Signature changed: second `eventDetails` arg with `reason` (`'trigger-press' \| 'outside-press' \| 'escape-key' \| 'window-resize' \| 'item-press' \| 'focus-out' \| 'list-navigation' \| 'cancel-open' \| 'none'`) and `cancel()`. |
+| `defaultOpen` | `boolean`, no default | `defaultOpen: boolean`, default `false` | Same. |
+| `open` | `boolean`, no default | `open: boolean` | Same. |
+| `onOpenChange` | `(open: boolean) => void` | `onOpenChange: (open: boolean, eventDetails: Select.Root.ChangeEventDetails) => void` | Signature changed: added `eventDetails` (same reason union as above). Radix Content's `onEscapeKeyDown`/`onPointerDownOutside` interception moves here (check `eventDetails.reason === 'escape-key'` / `'outside-press'`, call `eventDetails.cancel()` to keep open). |
+| `dir` | `"ltr" \| "rtl"`, no default | dropped | Use Base UI `DirectionProvider` or the `dir` attribute on an ancestor. |
+| `name` | `string`, no default | `name: string` | Same (Base UI renders a hidden `<input>`). |
+| `disabled` | `boolean`, no default | `disabled: boolean`, default `false` | Same. |
+| `required` | `boolean`, no default | `required: boolean`, default `false` | Same. |
+
+Base UI `Select.Root` renders no HTML element (Radix Root doesn't either).
+
+## Select.Trigger → Select.Trigger
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | See global conventions. Base UI Trigger renders `<button>` by default; `nativeButton` defaults to `true` here, set it to `false` when rendering a non-button via `render`. |
+| (none) | - | `disabled: boolean` | Base UI allows disabling just the trigger. |
+
+## Select.Value → Select.Value
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern. |
+| `placeholder` | `ReactNode`, no default | `placeholder: React.ReactNode` | Same name. Behavior change: Radix `Value` renders the selected Item's `ItemText` content; Base UI renders the raw value string unless you pass `items` on Root or a `children` function (`(value) => ReactNode`). If your item labels differ from values, supply `items` on Root or format via `children`. |
+
+## Select.Icon → Select.Icon
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern. Base UI Icon exposes `data-popup-open` for rotate-when-open styling. |
+
+## Select.Portal → Select.Portal
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `container` | `HTMLElement`, default `document.body` | `container: HTMLElement \| ShadowRoot \| React.RefObject<...> \| null` | Same concept, type widened (accepts refs and ShadowRoot). Base UI Portal renders a `<div>` and accepts `className`/`style`/`render`. |
+
+## Select.Content → Select.Portal > Select.Positioner > Select.Popup (moved/split)
+
+Radix `Content` handled positioning, collision, and the panel in one part. In Base UI, positioning props live on `Positioner`, panel/focus props live on `Popup`, dismiss interception lives on `Root.onOpenChange` eventDetails.
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` (on Positioner and/or Popup) | Same pattern. |
+| `position` | `"item-aligned" \| "popper"`, default `"item-aligned"` | `alignItemWithTrigger: boolean` on Positioner, default `true` | Signature changed: enum becomes boolean. `"item-aligned"` -> `alignItemWithTrigger` (true, the default), `"popper"` -> `alignItemWithTrigger={false}`. Base UI auto-disables it when space is insufficient or on touch input. |
+| `side` | `"top" \| "right" \| "bottom" \| "left"`, default `"bottom"` | `side: Side` on Positioner, default `'bottom'` | Moved. Base UI adds `'inline-start' \| 'inline-end'` logical values. Only applies when `alignItemWithTrigger` is off (as with Radix popper mode). |
+| `sideOffset` | `number`, default `0` | `sideOffset: number \| OffsetFunction` on Positioner, default `0` | Moved, type widened (accepts a function of `{ side, align, anchor, positioner }`). |
+| `align` | `"start" \| "center" \| "end"`, default `"start"` | `align: Align` on Positioner, default `'center'` | Moved. Default differs: Radix `"start"` vs Base UI `'center'`. Pass `align="start"` explicitly to preserve Radix behavior. |
+| `alignOffset` | `number`, default `0` | `alignOffset: number \| OffsetFunction` on Positioner, default `0` | Moved, type widened. |
+| `avoidCollisions` | `boolean`, default `true` | `collisionAvoidance: CollisionAvoidance` on Positioner | Signature changed: boolean becomes a config object `{ side: 'flip' \| 'shift' \| 'none', align: 'flip' \| 'shift' \| 'none', fallbackAxisSide: 'start' \| 'end' \| 'none' }`. `avoidCollisions={false}` ~ `collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}`. |
+| `collisionBoundary` | `Boundary`, default `[]` | `collisionBoundary: Boundary` on Positioner, default `'clipping-ancestors'` | Moved, default differs (Radix default is the viewport, Base UI defaults to clipping ancestors). |
+| `collisionPadding` | `number \| Padding`, default `10` | `collisionPadding: Padding` on Positioner, default `5` | Moved, default differs (10 -> 5). |
+| `arrowPadding` | `number`, default `0` | `arrowPadding: number` on Positioner, default `5` | Moved, default differs (0 -> 5). |
+| `sticky` | `"partial" \| "always"`, default `"partial"` | `sticky: boolean` on Positioner, default `false` | Signature changed and semantics differ: Base UI `sticky` keeps the popup in the viewport after the anchor scrolls out of view. There is no `"always"` equivalent. |
+| `hideWhenDetached` | `boolean`, default `false` | dropped (workaround) | No prop. Style on `data-anchor-hidden` (present on Positioner when the anchor is hidden), e.g. `[data-anchor-hidden] { visibility: hidden }`. |
+| `onCloseAutoFocus` | `(event: Event) => void` | `finalFocus` on Popup | Signature changed: instead of preventing default in an event handler, pass `finalFocus` as `boolean \| RefObject \| ((closeType: InteractionType) => boolean \| void \| HTMLElement \| null)`. `false` = don't move focus (the `preventDefault()` equivalent), a ref/element = focus that. |
+| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` | moved to `Root.onOpenChange` | Check `eventDetails.reason === 'escape-key'`; call `eventDetails.cancel()` to prevent close. |
+| `onPointerDownOutside` | `(event: PointerEvent) => void` | moved to `Root.onOpenChange` | Check `eventDetails.reason === 'outside-press'`; call `eventDetails.cancel()` to prevent close. |
+
+## Select.Viewport → Select.List (renamed)
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Renamed part, no other props on either side. Radix required `<ScrollUpButton>`/`<Viewport>`/`<ScrollDownButton>` as siblings inside Content; in Base UI, `List` and the scroll arrows are children of `Popup`. |
+
+## Select.Item → Select.Item
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern. Also `nativeButton` (default `false`, Base UI Item renders a `<div>`). |
+| `value` | `string`, required | `value: any`, default `null` | Same name, widened type (objects allowed, see Root `isItemEqualToValue` / `itemToString*`). `null` value marks the placeholder item. |
+| `disabled` | `boolean`, no default | `disabled: boolean`, default `false` | Same. |
+| `textValue` | `string`, no default | `label: string` | Renamed. Both drive typeahead text matching, defaulting to the item's text content. |
+
+## Select.ItemText → Select.ItemText
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern. Note element change: Radix renders `<span>`, Base UI renders `<div>`. |
+
+## Select.ItemIndicator → Select.ItemIndicator
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern. |
+| (implicit conditional mount) | - | `keepMounted: boolean` | Base UI unmounts when unselected by default, same as Radix. `keepMounted` keeps it in the DOM (Radix had no `forceMount` on select's ItemIndicator). |
+
+## Select.ScrollUpButton / ScrollDownButton → Select.ScrollUpArrow / ScrollDownArrow (renamed)
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Renamed parts. Base UI adds `keepMounted: boolean` (default `false`) to keep the arrow in the DOM while the popup is not scrollable. Base UI arrows do not render on touch input. |
+
+## Select.Group → Select.Group
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same. |
+
+## Select.Label → Select.GroupLabel (renamed)
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Renamed. Do NOT map to Base UI `Select.Label`, which is a new part that labels the select trigger itself (rendered outside the popup). |
+
+## Select.Separator → Select.Separator
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same. Base UI adds `orientation: Orientation`, default `'horizontal'`. |
+
+## Select.Arrow → Select.Arrow
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern. |
+| `width` | `number`, default `10` | dropped | Size the arrow with CSS; Base UI Arrow renders a `<div>` you fill with your own SVG. |
+| `height` | `number`, default `5` | dropped | Same as above. |
+
+## Base UI only props worth knowing (select)
+
+- `Root.multiple: boolean` (default `false`): multi-select with `Value[]` values, no Radix equivalent.
+- `Root.items`: `Record<string, ReactNode> | { label, value }[] | Group[]`, lets `Select.Value` render labels instead of raw values.
+- `Root.isItemEqualToValue`, `Root.itemToStringLabel`, `Root.itemToStringValue`: object-value support.
+- `Root.modal: boolean` (default `true`): scroll lock + outside pointer blocking; Radix select was always modal-ish, set `modal={false}` for non-modal behavior.
+- `Root.readOnly`, `Root.autoComplete`, `Root.form`, `Root.inputRef`, `Root.id`, `Root.onOpenChangeComplete`, `Root.actionsRef` (`{ unmount() }` for externally controlled exit animations), `Root.highlightItemOnHover` (default `true`).
+- New parts: `Select.Backdrop` (overlay under the popup), `Select.Label` (trigger label), `Popup.finalFocus`.
+- `Positioner.anchor`, `Positioner.positionMethod` (`'absolute' | 'fixed'`), `Positioner.disableAnchorTracking`.
+
+## Data-attribute mapping (select)
+
+| Radix | Base UI |
+| --- | --- |
+| Trigger `data-state="open" \| "closed"` | Trigger `data-popup-open` (presence), plus `data-pressed`, `data-popup-side` |
+| Trigger `data-placeholder` | Trigger/Value `data-placeholder` (same) |
+| Trigger `data-disabled` | Trigger `data-disabled` (same), plus `data-readonly`, `data-required`, Field attrs |
+| Content `data-state="open" \| "closed"` | Positioner/Popup `data-open` / `data-closed` (presence) |
+| Content `data-side` (`left/right/bottom/top`) | Positioner/Popup `data-side` (`none/top/bottom/left/right/inline-start/inline-end`) |
+| Content `data-align` | Positioner/Popup `data-align` (same values) |
+| Item `data-state="checked" \| "unchecked"` | Item `data-selected` (presence, no unchecked token) |
+| Item `data-highlighted` | Item `data-highlighted` (same) |
+| Item `data-disabled` | Item `data-disabled` (same) |
+| (none) | Popup/Backdrop/ItemIndicator/ScrollArrows `data-starting-style` / `data-ending-style` (animation hooks) |
+| (none) | Positioner `data-anchor-hidden`, ScrollArrows `data-direction` / `data-visible` |
+
+## CSS variable mapping (select)
+
+All Base UI vars are set on `Select.Positioner` (Radix set them on Content, popper mode only):
+
+| Radix | Base UI |
+| --- | --- |
+| `--radix-select-trigger-width` | `--anchor-width` |
+| `--radix-select-trigger-height` | `--anchor-height` |
+| `--radix-select-content-available-width` | `--available-width` |
+| `--radix-select-content-available-height` | `--available-height` |
+| `--radix-select-content-transform-origin` | `--transform-origin` |
+
+---
+
+# checkbox
+
+Part mapping: `Root -> Root`, `Indicator -> Indicator`. Element change: Radix Root renders a `<button>` plus hidden input inside a form; Base UI Root renders a `<span>` plus hidden `<input>` always (use `nativeButton` + `render` to render a real button).
+
+## Checkbox.Root → Checkbox.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | See global conventions, pair with `nativeButton` when rendering a `<button>`. |
+| `defaultChecked` | `boolean \| 'indeterminate'`, no default | `defaultChecked: boolean`, default `false` | Signature changed: `'indeterminate'` is no longer a checked value. Use the separate `indeterminate: boolean` prop. |
+| `checked` | `boolean \| 'indeterminate'`, no default | `checked: boolean` + `indeterminate: boolean` | Signature changed: split into two props. Radix `checked="indeterminate"` -> Base UI `indeterminate` (a checkbox can be indeterminate and unchecked/checked independently). |
+| `onCheckedChange` | `(checked: boolean \| 'indeterminate') => void` | `onCheckedChange: (checked: boolean, eventDetails: Checkbox.Root.ChangeEventDetails) => void` | Signature changed: `checked` is always boolean, `eventDetails` added (`reason: 'none'`). Indeterminate transitions are managed by you via the `indeterminate` prop (or `parent` in a CheckboxGroup). |
+| `disabled` | `boolean`, no default | `disabled: boolean`, default `false` | Same. |
+| `required` | `boolean`, no default | `required: boolean`, default `false` | Same. |
+| `name` | `string`, no default | `name: string` | Same. |
+| `value` | `string`, default `"on"` | `value: string` | Same name. Radix documents the default as `"on"`; Base UI docs list no default but hidden-input submission matches native checkbox behavior (`"on"` when unset). |
+
+## Checkbox.Indicator → Checkbox.Indicator
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern. |
+| `forceMount` | `boolean`, no default | `keepMounted: boolean`, default `false` | Renamed. Both keep the element in the DOM when unchecked (for animation). Base UI also renders the indicator when `indeterminate`. |
+
+## Base UI only props worth knowing (checkbox)
+
+- `Root.indeterminate: boolean` (default `false`): the mixed state, decoupled from `checked`.
+- `Root.parent: boolean` + `CheckboxGroup` (new component, `base-ui.com/react/components/checkbox-group`): `<CheckboxGroup value/defaultValue/onValueChange(string[], eventDetails)/allValues/disabled>` provides shared state for a set of checkboxes and enables a parent "select all" checkbox. No Radix equivalent, new capability.
+- `Root.readOnly: boolean`, `Root.uncheckedValue: string` (value submitted when unchecked), `Root.form: string`, `Root.inputRef`, `Root.id`, `Root.nativeButton`.
+
+## Data-attribute mapping (checkbox)
+
+| Radix | Base UI |
+| --- | --- |
+| `data-state="checked"` | `data-checked` |
+| `data-state="unchecked"` | `data-unchecked` |
+| `data-state="indeterminate"` | `data-indeterminate` |
+| `data-disabled` | `data-disabled` (same) |
+| (none) | `data-readonly`, `data-required`, `data-valid`, `data-invalid`, `data-dirty`, `data-touched`, `data-filled`, `data-focused` (Field integration) |
+| (none) | Indicator `data-starting-style` / `data-ending-style` |
+
+No CSS variables on either side.
+
+---
+
+# radio-group
+
+Part mapping: Radix ships one `RadioGroup` namespace; Base UI splits it into `RadioGroup` (a single component, no sub-parts) and `Radio` (`Radio.Root`, `Radio.Indicator`). `RadioGroup.Root -> RadioGroup`, `RadioGroup.Item -> Radio.Root`, `RadioGroup.Indicator -> Radio.Indicator`. Element change: Radix Item renders `<button>`; Base UI `Radio.Root` renders `<span>` plus hidden `<input>` (use `nativeButton` + `render` for a real button).
+
+## RadioGroup.Root → RadioGroup
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern. |
+| `defaultValue` | `string`, no default | `defaultValue: Value` | Same name, widened type (any value type). |
+| `value` | `string`, no default | `value: Value` | Same name, widened type. |
+| `onValueChange` | `(value: string) => void` | `onValueChange: (value: Value, eventDetails: RadioGroup.ChangeEventDetails) => void` | Signature changed: added `eventDetails` (`reason: 'none'`). |
+| `disabled` | `boolean`, no default | `disabled: boolean`, default `false` | Same. |
+| `name` | `string`, no default | `name: string` | Same. |
+| `required` | `boolean`, no default | `required: boolean`, default `false` | Same. |
+| `orientation` | `enum`, default `undefined` | dropped | Base UI arrow-key navigation handles both axes automatically; there is no orientation prop (set `aria-orientation` yourself if needed for AT). |
+| `dir` | `"ltr" \| "rtl"`, no default | dropped | Use `DirectionProvider`. |
+| `loop` | `boolean`, default `true` | dropped | Focus wrapping is built in and not configurable. |
+
+## RadioGroup.Item → Radio.Root (moved to Radio namespace)
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern, plus `nativeButton` (default `false`). |
+| `value` | `string`, required | `value: Value`, required | Same name, widened type. |
+| `disabled` | `boolean`, no default | `disabled: boolean` | Same. |
+| `required` | `boolean`, no default | `required: boolean` | Same. |
+
+## RadioGroup.Indicator → Radio.Indicator (moved to Radio namespace)
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern. |
+| `forceMount` | `boolean`, no default | `keepMounted: boolean`, default `false` | Renamed. |
+
+## Base UI only props worth knowing (radio-group)
+
+- `RadioGroup.readOnly`, `RadioGroup.form`, `RadioGroup.inputRef` (the group owns one hidden input).
+- `Radio.Root.readOnly`, `Radio.Root.inputRef`, `Radio.Root.nativeButton`.
+
+## Data-attribute mapping (radio-group)
+
+| Radix | Base UI |
+| --- | --- |
+| Root `data-disabled` | RadioGroup `data-disabled` (same) |
+| Item/Indicator `data-state="checked"` | Radio.Root/Indicator `data-checked` |
+| Item/Indicator `data-state="unchecked"` | Radio.Root/Indicator `data-unchecked` |
+| Item/Indicator `data-disabled` | `data-disabled` (same) |
+| (none) | `data-readonly`, `data-required`, Field attrs (`data-valid`, `data-invalid`, `data-dirty`, `data-touched`, `data-filled`, `data-focused`) |
+| (none) | Indicator `data-starting-style` / `data-ending-style` |
+
+No CSS variables on either side.
+
+---
+
+# switch
+
+Part mapping: `Root -> Root`, `Thumb -> Thumb`. Element change: Radix Root renders `<button>` + hidden input in forms; Base UI Root renders `<span>` plus hidden `<input>` always (use `nativeButton` + `render` for a real button).
+
+## Switch.Root → Switch.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern, pair with `nativeButton`. |
+| `defaultChecked` | `boolean`, no default | `defaultChecked: boolean`, default `false` | Same. |
+| `checked` | `boolean`, no default | `checked: boolean` | Same. |
+| `onCheckedChange` | `(checked: boolean) => void` | `onCheckedChange: (checked: boolean, eventDetails: Switch.Root.ChangeEventDetails) => void` | Signature changed: added `eventDetails` (`reason: 'none'`). |
+| `disabled` | `boolean`, no default | `disabled: boolean`, default `false` | Same. |
+| `required` | `boolean`, no default | `required: boolean`, default `false` | Same. |
+| `name` | `string`, no default | `name: string` | Same. |
+| `value` | `string`, default `"on"` | `value: string` | Same name. Base UI submits `"on"` by default, matching native checkbox behavior. |
+
+## Switch.Thumb → Switch.Thumb
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern, only prop on either side. |
+
+## Base UI only props worth knowing (switch)
+
+- `Root.readOnly: boolean`, `Root.uncheckedValue: string`, `Root.form: string`, `Root.inputRef`, `Root.id`, `Root.nativeButton` (default `false`).
+
+## Data-attribute mapping (switch)
+
+| Radix | Base UI |
+| --- | --- |
+| Root/Thumb `data-state="checked"` | `data-checked` |
+| Root/Thumb `data-state="unchecked"` | `data-unchecked` |
+| Root/Thumb `data-disabled` | `data-disabled` (same) |
+| (none) | `data-readonly`, `data-required`, Field attrs (`data-valid`, `data-invalid`, `data-dirty`, `data-touched`, `data-filled`, `data-focused`) |
+
+No CSS variables on either side.
+
+---
+
+# slider
+
+Part mapping: `Root -> Root`, `Track -> Track`, `Range -> Indicator` (renamed), `Thumb -> Thumb`, plus a NEW required `Control` part: Base UI anatomy is `Root > Control > Track > (Indicator, Thumb)`. `Control` is the clickable/draggable surface (Radix Root handled pointer interaction itself). Base UI also adds `Value` and `Label` parts. Element change: Radix Thumb renders a plain element wrapped by an invisible span with a hidden input in forms; Base UI Thumb renders a `<div>` with a nested `<input type="range">`.
+
+## Slider.Root → Slider.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern. |
+| `defaultValue` | `number[]`, no default | `defaultValue: number \| number[]` | Same name, widened: a single `number` gives a single-thumb slider (no array wrapper needed). |
+| `value` | `number[]`, no default | `value: number \| number[]` | Same, widened. Ranged sliders still take an array. |
+| `onValueChange` | `(value: number[]) => void` | `onValueChange: (value: number \| number[], eventDetails: Slider.Root.ChangeEventDetails) => void` | Signature changed: value matches the shape you pass in (number for single), `eventDetails` added with `reason: 'input-change' \| 'track-press' \| 'drag' \| 'keyboard' \| 'none'` and `activeThumbIndex: number`. |
+| `onValueCommit` | `(value: number[]) => void` | `onValueCommitted: (value: number \| number[], eventDetails: Slider.Root.CommitEventDetails) => void` | Renamed (`Commit` -> `Committed`) and signature changed (same shape/eventDetails notes as above). Base UI does not fire it if the value did not change. |
+| `name` | `string`, no default | `name: string` | Same. |
+| `disabled` | `boolean`, default `false` | `disabled: boolean`, default `false` | Same. |
+| `orientation` | `"horizontal" \| "vertical"`, default `"horizontal"` | `orientation: Orientation`, default `'horizontal'` | Same. |
+| `dir` | `"ltr" \| "rtl"`, no default | dropped | Use `DirectionProvider`. |
+| `inverted` | `boolean`, default `false` | dropped (workaround) | No equivalent. For horizontal sliders, wrap in `DirectionProvider dir="rtl"` (direction-based inversion); there is no built-in way to invert a vertical slider. |
+| `min` | `number`, default `0` | `min: number`, default `0` | Same. |
+| `max` | `number`, default `100` | `max: number`, default `100` | Same. |
+| `step` | `number`, default `1` | `step: number`, default `1` | Same. |
+| `minStepsBetweenThumbs` | `number`, default `0` | `minStepsBetweenValues: number`, default `0` | Renamed (`Thumbs` -> `Values`). |
+| `form` | `string`, no default | `form: string` | Same. |
+
+## Slider.Track → Slider.Track (moved inside Control)
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern. Structural move: Track must now be nested in the new `Slider.Control` part, and `Thumb` moves inside `Track` (Radix had Thumb as a sibling of Track under Root). |
+
+## Slider.Range → Slider.Indicator (renamed)
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Renamed part, same role (visualizes the filled portion), still a child of Track. |
+
+## Slider.Thumb → Slider.Thumb
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean`, `false` | `render` | Same pattern. |
+| (per-thumb accessibility via aria props) | - | `index: number`, `getAriaLabel(index)`, `getAriaValueText(formattedValue, value, index)`, `aria-valuetext` | Base UI thumbs take `index` (required for SSR of multi-thumb range sliders) and a11y formatters. Also `disabled`, `inputRef`, `tabIndex`, `onFocus`/`onBlur`/`onKeyDown` forwarded to the nested `<input type="range">`. |
+
+## (new part) Slider.Control
+
+No Radix equivalent. The interactive surface that receives pointer events; wrap `Track` with it. Props: `className`/`style`/`render` only.
+
+## Base UI only props worth knowing (slider)
+
+- `Root.thumbAlignment: 'center' | 'edge' | 'edge-client-only'` (default `'center'`): whether the thumb center or edge aligns with the control edge at min/max. Radix always behaved like `'edge'`-ish via CSS; Base UI defaults to `'center'`, set `thumbAlignment="edge"` to keep the thumb inside the track bounds.
+- `Root.thumbCollisionBehavior: 'push' | 'swap' | 'none'` (default `'push'`): range-slider thumb collision handling (Radix behavior was closest to `'none'`).
+- `Root.largeStep: number` (default `10`): Page Up/Down and Shift+Arrow increment.
+- `Root.format: Intl.NumberFormatOptions` and `Root.locale: Intl.LocalesArgument`: value formatting for `Slider.Value` and `aria-valuetext`.
+- New parts: `Slider.Value` (renders `<output>`, `children: (formattedValues: string[], values: number[]) => ReactNode`), `Slider.Label` (auto-associated label).
+
+## Data-attribute mapping (slider)
+
+| Radix | Base UI |
+| --- | --- |
+| `data-disabled` (all parts) | `data-disabled` (same, all parts) |
+| `data-orientation` (`horizontal/vertical`, all parts) | `data-orientation` (same values, all parts) |
+| (none) | `data-dragging` (present on all parts while dragging) |
+| (none) | Thumb `data-index` (thumb index in range sliders) |
+| (none) | Field attrs on all parts (`data-valid`, `data-invalid`, `data-dirty`, `data-touched`, `data-focused`) |
+
+No CSS variables on either side (Radix slider positions thumbs via inline styles; Base UI does the same).
diff --git a/frontend/.agents/skills/migrate-radix-to-base/menus.md b/frontend/.agents/skills/migrate-radix-to-base/menus.md
new file mode 100644
index 0000000..128e13d
--- /dev/null
+++ b/frontend/.agents/skills/migrate-radix-to-base/menus.md
@@ -0,0 +1,409 @@
+# Radix → Base UI props mapping: menu family
+
+Sources: radix-ui.com primitives docs (dropdown-menu, context-menu, menubar, navigation-menu) and base-ui.com `/react/components/{menu,context-menu,menubar,navigation-menu}.md`, fetched 2026-07-02.
+
+Part-mapping ground truth (from our wrappers): `Content` → `Portal > Positioner > Popup` (side/sideOffset/align/alignOffset live on `Positioner`); `Label` → `GroupLabel`; `ItemIndicator` → `CheckboxItemIndicator`/`RadioItemIndicator`; `Sub` → `SubmenuRoot`; `SubTrigger` → `SubmenuTrigger`; navigation-menu `Viewport` → `Positioner > Popup > Viewport`, `Indicator` → `Icon`; `asChild` → `render`.
+
+Cross-cutting rules (apply to every part below):
+
+| Radix pattern | Base UI equivalent |
+| --- | --- |
+| `asChild` (`boolean`, `false`) | `render` (`ReactElement \| ((props: HTMLProps, state) => ReactElement)`). No merge-onto-child boolean; pass the element or a function. |
+| `dir` (`"ltr" \| "rtl"`) on roots | Dropped everywhere. Base UI reads direction from `<DirectionProvider>` (`@base-ui-components/react/direction-provider`) or the DOM `dir` attribute. |
+| `forceMount` (`boolean`) | `keepMounted` (`boolean`, `false`) on `Portal` / indicator parts. Same use case (animation/SEO), presence is CSS-driven via `data-starting-style` / `data-ending-style` instead of Radix `data-state` + forced mount. |
+| `onEscapeKeyDown` / `onPointerDownOutside` / `onFocusOutside` / `onInteractOutside` (content parts) | Dropped as separate props. Use `onOpenChange(open, eventDetails)` on the Root and branch on `eventDetails.reason` (`'escape-key'`, `'outside-press'`, `'focus-out'`, ...). Call `eventDetails.cancel()` to prevent the close (replaces `event.preventDefault()`). |
+| `onSelect` on items (`(event: Event) => void`; `event.preventDefault()` keeps menu open) | `onClick` (`(event: BaseUIEvent<React.MouseEvent<HTMLDivElement>>) => void`) plus `closeOnClick` (`boolean`) to control whether the menu closes. |
+| `textValue` on items (`string`, typeahead) | `label` (`string`). |
+| Controlled callbacks `(value) => void` | All Base UI change callbacks take a second `eventDetails` argument (`{ reason, event, cancel(), allowPropagation(), isCanceled, isPropagationAllowed, trigger }`). |
+
+---
+
+# dropdown-menu (Radix `DropdownMenu` → Base UI `Menu`)
+
+## Root → Menu.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `defaultOpen` | `boolean` / – | `defaultOpen` (`boolean`, `false`) | Same. |
+| `open` | `boolean` / – | `open` (`boolean`) | Same. |
+| `onOpenChange` | `(open: boolean) => void` / – | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: Menu.Root.ChangeEventDetails) => void`. `eventDetails.reason` is one of `'trigger-hover' \| 'trigger-focus' \| 'trigger-press' \| 'outside-press' \| 'focus-out' \| 'list-navigation' \| 'escape-key' \| 'item-press' \| 'close-press' \| 'sibling-open' \| 'cancel-open' \| 'imperative-action' \| 'none'`; `eventDetails.cancel()` blocks the state change. |
+| `modal` | `boolean` / `true` | `modal` (`boolean`, `true`) | Same. |
+| `dir` | `"ltr" \| "rtl"` / – | – | Dropped. Use `DirectionProvider`. |
+
+## Trigger → Menu.Trigger
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | See cross-cutting rules. When rendering a non-button, also set `nativeButton={false}`. |
+
+## Portal → Menu.Portal
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `forceMount` | `boolean` / – | `keepMounted` (`boolean`, `false`) | Renamed; keeps portal in DOM while hidden. |
+| `container` | `HTMLElement` / `document.body` | `container` (`HTMLElement \| ShadowRoot \| React.RefObject<HTMLElement \| ShadowRoot \| null> \| null`) | Same, wider type (accepts refs and ShadowRoot). |
+
+## Content → Menu.Portal > Menu.Positioner > Menu.Popup
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` on `Popup` | See cross-cutting rules. |
+| `loop` | `boolean` / `false` | `loopFocus` on **Root** (`boolean`, `true`) | Moved + renamed. Default flips: Base UI loops by default. |
+| `onCloseAutoFocus` | `(event: Event) => void` / – | `finalFocus` on **Popup** | Signature changed: `boolean \| React.RefObject<HTMLElement \| null> \| ((closeType: InteractionType) => boolean \| void \| HTMLElement \| null)` where `InteractionType = 'mouse' \| 'touch' \| 'pen' \| 'keyboard'`. Return `false` to replicate `event.preventDefault()`; return an element to redirect focus. |
+| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` / – | – | Dropped → `onOpenChange` with `reason === 'escape-key'`. |
+| `onPointerDownOutside` | `(event: PointerDownOutsideEvent) => void` / – | – | Dropped → `onOpenChange` with `reason === 'outside-press'`. |
+| `onFocusOutside` | `(event: FocusOutsideEvent) => void` / – | – | Dropped → `onOpenChange` with `reason === 'focus-out'`. |
+| `onInteractOutside` | `(event: PointerDownOutsideEvent \| FocusOutsideEvent) => void` / – | – | Dropped → `onOpenChange` with `reason === 'outside-press' \|\| 'focus-out'`. |
+| `forceMount` | `boolean` / – | `keepMounted` on **Portal** | Moved; animate with `data-starting-style`/`data-ending-style`. |
+| `side` | `"top" \| "right" \| "bottom" \| "left"` / `"bottom"` | `side` on **Positioner** (`Side`, `'bottom'`) | Moved. Base adds logical values: `Side = 'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`. |
+| `sideOffset` | `number` / `0` | `sideOffset` on **Positioner** (`number \| OffsetFunction`, `0`) | Moved; also accepts `(data: { side, align, anchor: {width,height}, positioner: {width,height} }) => number`. |
+| `align` | `"start" \| "center" \| "end"` / `"center"` | `align` on **Positioner** (`Align`, `'center'`) | Moved, same values/default. |
+| `alignOffset` | `number` / `0` | `alignOffset` on **Positioner** (`number \| OffsetFunction`, `0`) | Moved; also accepts function form. |
+| `avoidCollisions` | `boolean` / `true` | `collisionAvoidance` on **Positioner** (`CollisionAvoidance`) | Signature changed: object `{ side?: 'flip' \| 'shift' \| 'none'; align?: 'flip' \| 'shift' \| 'none'; fallbackAxisSide?: 'start' \| 'end' \| 'none' }`. `avoidCollisions={false}` → `collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}`. |
+| `collisionBoundary` | `Element \| null \| Array<Element \| null>` / `[]` | `collisionBoundary` on **Positioner** (`Boundary`, `'clipping-ancestors'`) | Default changes: Radix `[]` means viewport/clipping ancestors; Base default `'clipping-ancestors'` is equivalent. Also accepts an element or rect. |
+| `collisionPadding` | `number \| Padding` / `0` | `collisionPadding` on **Positioner** (`Padding`, `5`) | Same shape; default changes 0 → 5. |
+| `arrowPadding` | `number` / `0` | `arrowPadding` on **Positioner** (`number`, `5`) | Same; default changes 0 → 5. |
+| `sticky` | `"partial" \| "always"` / `"partial"` | – (see note) | Different concept. Radix `sticky` controls align-axis sticking; closest Base knob is `collisionAvoidance.align` (`'shift'` ≈ partial). Base UI's own `sticky` (`boolean`, `false`) instead keeps the popup in the viewport after the anchor scrolls away, which has no Radix equivalent. |
+| `hideWhenDetached` | `boolean` / `false` | – | Dropped as behavior prop. Base always exposes `data-anchor-hidden` on Positioner/Popup; hide via CSS: `[data-anchor-hidden] { visibility: hidden }`. |
+
+## Arrow → Menu.Arrow
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Base Arrow renders a `<div>` you fill with an SVG (Radix renders the svg itself). Place inside `Popup`. |
+| `width` | `number` / `10` | – | Dropped; size the child SVG/element with CSS. |
+| `height` | `number` / `5` | – | Dropped; size with CSS. |
+
+## Item → Menu.Item
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | For links use `Menu.LinkItem` (renders `<a>`) instead of `render`. |
+| `disabled` | `boolean` / – | `disabled` (`boolean`, `false`) | Same. |
+| `onSelect` | `(event: Event) => void` / – | `onClick` (`(event: BaseUIEvent<React.MouseEvent<HTMLDivElement>>) => void`) | Renamed + signature changed. `event.preventDefault()` in `onSelect` (keep open) → `closeOnClick={false}` (`boolean`, default `true` on Item). |
+| `textValue` | `string` / – | `label` (`string`) | Renamed. |
+
+## Group → Menu.Group
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Same otherwise. |
+
+## Label → Menu.GroupLabel
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Part renamed. Base GroupLabel must be inside a `Group` (it wires `aria-labelledby`); Radix Label could float freely. |
+
+## CheckboxItem → Menu.CheckboxItem
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | – |
+| `checked` | `boolean \| 'indeterminate'` / – | `checked` (`boolean`) | `'indeterminate'` dropped. Base adds `defaultChecked` (`boolean`, `false`) for uncontrolled use. |
+| `onCheckedChange` | `(checked: boolean) => void` / – | `onCheckedChange` | Signature changed: `(checked: boolean, eventDetails: Menu.CheckboxItem.ChangeEventDetails) => void`. |
+| `disabled` | `boolean` / – | `disabled` (`boolean`, `false`) | Same. |
+| `onSelect` | `(event: Event) => void` / – | `onClick` + `closeOnClick` | Behavior default flips: Radix closes on select (unless prevented); Base `closeOnClick` defaults to `false` on CheckboxItem. Set `closeOnClick` explicitly to preserve Radix behavior. |
+| `textValue` | `string` / – | `label` | Renamed. |
+
+## RadioGroup → Menu.RadioGroup
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | – |
+| `value` | `string` / – | `value` (`any`) | Type widens to `any`. Base adds `defaultValue` (`any`) and `disabled` (`boolean`, `false`). |
+| `onValueChange` | `(value: string) => void` / – | `onValueChange` | Signature changed: `(value: any, eventDetails: Menu.RadioGroup.ChangeEventDetails) => void`. |
+
+## RadioItem → Menu.RadioItem
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | – |
+| `value`* | `string` / – | `value`* (`any`) | Same (required); type widens. |
+| `disabled` | `boolean` / – | `disabled` (`boolean`, `false`) | Same. |
+| `onSelect` | `(event: Event) => void` / – | `onClick` + `closeOnClick` | `closeOnClick` defaults to `false` on RadioItem (Radix closed by default). |
+| `textValue` | `string` / – | `label` | Renamed. |
+
+## ItemIndicator → Menu.CheckboxItemIndicator / Menu.RadioItemIndicator
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Part splits: use the indicator matching the parent item type. Renders `<span>`. |
+| `forceMount` | `boolean` / – | `keepMounted` (`boolean`, `false`) | Renamed. |
+
+## Separator → Menu.Separator
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Base adds `orientation` (`'horizontal' \| 'vertical'`, `'horizontal'`). |
+
+## Sub → Menu.SubmenuRoot
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `defaultOpen` | `boolean` / – | `defaultOpen` (`boolean`, `false`) | Same. |
+| `open` | `boolean` / – | `open` (`boolean`) | Same. |
+| `onOpenChange` | `(open: boolean) => void` / – | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: Menu.SubmenuRoot.ChangeEventDetails) => void` (same reason union as Root). |
+
+## SubTrigger → Menu.SubmenuTrigger
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Renders `<div>`; `nativeButton` defaults `false` here. |
+| `disabled` | `boolean` / – | `disabled` (`boolean`, `false`) | Same. |
+| `textValue` | `string` / – | `label` | Renamed. Base adds `openOnHover` / `delay` (`100`) / `closeDelay` (`0`) and `onClick`. |
+
+## SubContent → Menu.Portal > Menu.Positioner > Menu.Popup (inside SubmenuRoot)
+
+Same prop fates as **Content** above; Radix-specific defaults to be aware of: `align` default is `"start"` on SubContent (Base Positioner default is `'center'` — set `align="start"` explicitly if you relied on the Radix default; in practice submenu popups anchor to the trigger item and our wrappers set this). Radix SubContent has no `side` prop (side is implied); Base Positioner accepts `side` (use `'inline-end'` for RTL-aware submenus). All outside/escape callbacks, `forceMount`, `loop`, collision props map identically to Content.
+
+## Base UI only props worth knowing (Menu)
+
+- `Root`: `highlightItemOnHover` (`true`), `actionsRef` (`{ unmount(), close() }`), `onOpenChangeComplete(open)` (fires after close animation; replaces the Radix "wait for animation" dance), `closeParentOnEsc` (`false`), `disabled`, `orientation` (`'vertical'`), detached-trigger machinery: `handle` (`Menu.Handle` via `Menu.createHandle()`), `triggerId`/`defaultTriggerId`, payload-aware `children` render function.
+- `Trigger`: `openOnHover`, `delay` (`100`), `closeDelay` (`0`), `payload`, `handle`, `nativeButton` (`true`).
+- `Backdrop`: new part, overlay under the popup.
+- `Positioner`: `anchor`, `positionMethod` (`'absolute'`), `disableAnchorTracking`, `sticky` (boolean, viewport-keeping).
+- `Popup`: `finalFocus`.
+- `Viewport`: new part for animating content swaps with multiple/detached triggers.
+- `LinkItem`: new part, `<a>`-rendering menu item (`closeOnClick` default `false`).
+- All parts: `className`/`style` accept state-callback form `(state) => ...`.
+
+## Data-attribute mapping (dropdown/context/menubar menus)
+
+| Radix | Base UI |
+| --- | --- |
+| Trigger `[data-state="open" \| "closed"]` | `data-popup-open` (presence) + `data-pressed` |
+| Content `[data-state="open" \| "closed"]` | `data-open` / `data-closed` on Positioner and Popup |
+| – | `data-starting-style` / `data-ending-style` (CSS transition hooks, replace animating on `data-state`) |
+| Content `[data-side="left" \| "right" \| "bottom" \| "top"]` | `data-side` (`'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`) on Positioner/Popup/Arrow |
+| Content `[data-align="start" \| "end" \| "center"]` | `data-align` (same values) on Positioner/Popup/Arrow |
+| Content/Item `[data-orientation]` | Dropped on menu parts |
+| Item `[data-highlighted]` | `data-highlighted` (same) |
+| Item `[data-disabled]` | `data-disabled` (same) |
+| Checkbox/RadioItem `[data-state="checked" \| "unchecked" \| "indeterminate"]` | `data-checked` / `data-unchecked` presence attrs; no indeterminate |
+| ItemIndicator `[data-state]` | `data-checked` / `data-unchecked` + `data-starting-style` / `data-ending-style` on the split indicators |
+| SubTrigger `[data-state="open" \| "closed"]` | `data-popup-open` on SubmenuTrigger |
+| – | Popup `data-instant` (`'click' \| 'dismiss' \| 'group' \| 'trigger-change'`), Positioner `data-anchor-hidden` |
+
+## CSS variable mapping (per menu flavor: `dropdown-menu` / `context-menu` / `menubar`)
+
+| Radix (on Content/SubContent) | Base UI (on Positioner) |
+| --- | --- |
+| `--radix-<name>-content-transform-origin` | `--transform-origin` |
+| `--radix-<name>-content-available-width` | `--available-width` |
+| `--radix-<name>-content-available-height` | `--available-height` |
+| `--radix-<name>-trigger-width` | `--anchor-width` |
+| `--radix-<name>-trigger-height` | `--anchor-height` |
+
+Base UI Menu.Viewport additionally exposes `--popup-width` / `--popup-height` (previous-content dimensions during transitions).
+
+---
+
+# context-menu (Radix `ContextMenu` → Base UI `ContextMenu`)
+
+Base UI ContextMenu shares the Menu part set: `Root, Trigger, Portal, Backdrop, Positioner, Popup, Arrow, Item, Group, GroupLabel, Separator, SubmenuRoot, SubmenuTrigger, RadioGroup, RadioItem, RadioItemIndicator, CheckboxItem, CheckboxItemIndicator, LinkItem`. Everything not listed below maps exactly as in the dropdown-menu section.
+
+## Root → ContextMenu.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `dir` | `"ltr" \| "rtl"` / – | – | Dropped; `DirectionProvider`. |
+| `open` | `boolean` / – | `open` (`boolean`) | Same. Base also adds `defaultOpen` (`false`), which Radix ContextMenu lacked. |
+| `onOpenChange` | `(open: boolean) => void` / – | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: ContextMenu.Root.ChangeEventDetails) => void` (same reason union as Menu). |
+| `modal` | `boolean` / `true` | – | **Dropped.** Base UI ContextMenu.Root has no `modal` prop (behavior is fixed). If you relied on `modal={false}`, there is no direct equivalent. |
+
+## Trigger → ContextMenu.Trigger
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Base Trigger renders a `<div>` (also handles long-press on touch). |
+| `disabled` | `boolean` / `false` | – | **Dropped.** ContextMenu.Trigger has only `className`/`style`/`render`. Workaround: conditionally render content outside the Trigger, or intercept `onContextMenu` with `preventDefault` + `stopPropagation` on a child. |
+
+## Portal → ContextMenu.Portal
+
+Identical mapping to Menu.Portal (`forceMount` → `keepMounted`, `container` widened).
+
+## Content → ContextMenu.Portal > Positioner > Popup
+
+Same fates as dropdown-menu Content for: `asChild`, `loop` (→ Root `loopFocus`), `onCloseAutoFocus` (→ Popup `finalFocus`), `onEscapeKeyDown`/`onPointerDownOutside`/`onFocusOutside`/`onInteractOutside` (→ Root `onOpenChange` reasons), `forceMount` (→ Portal `keepMounted`), `avoidCollisions` (→ `collisionAvoidance`), `collisionBoundary` (default `[]` → `'clipping-ancestors'`), `collisionPadding` (`0` → `5`), `sticky` (dropped, see menu note), `hideWhenDetached` (→ CSS on `data-anchor-hidden`).
+
+Radix-specific deltas:
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `alignOffset` | `number` / `0` | `alignOffset` on Positioner (`number \| OffsetFunction`, `0`) | Radix ContextMenu.Content has no `side`/`sideOffset`/`align` props (anchored to pointer). Base Positioner still accepts `side`/`align`/`sideOffset` but anchors to the pointer position by default; usually leave them off. |
+| (no `arrowPadding` on Content) | – | `arrowPadding` (`5`) on Positioner | Available in Base if you add an Arrow. |
+
+## Arrow / Item / Group / Label / CheckboxItem / RadioGroup / RadioItem / ItemIndicator / Separator / Sub / SubTrigger / SubContent
+
+Identical fates to the dropdown-menu section (Label → `GroupLabel`, ItemIndicator → `CheckboxItemIndicator`/`RadioItemIndicator`, Sub → `SubmenuRoot`, SubTrigger → `SubmenuTrigger`, SubContent → `Portal > Positioner > Popup`). Menubar/ContextMenu submenus in Base are the same components with the same props (`onOpenChange` eventDetails, `label`, `onClick`/`closeOnClick`, `keepMounted`).
+
+## Base UI only, data attributes, CSS variables
+
+Same as the Menu lists above; ContextMenu.Root additionally supports `handle` (`MenuHandle<unknown>`), `triggerId`/`defaultTriggerId`, `actionsRef`, `onOpenChangeComplete`, `highlightItemOnHover`, `closeParentOnEsc`, `disabled`, `orientation`. Trigger data attributes: `data-popup-open`, `data-pressed` (replacing Radix Trigger `[data-state]`). CSS vars: `--radix-context-menu-*` → `--transform-origin`/`--available-*`/`--anchor-*` on Positioner.
+
+---
+
+# menubar (Radix `Menubar` → Base UI `Menubar` + `Menu`)
+
+Base UI's menubar module exports a single `<Menubar>` container. Every menu inside it is built from `Menu.*` parts (`Menu.Root`, `Menu.Trigger`, `Menu.Portal`, `Menu.Positioner`, `Menu.Popup`, items, submenus...). So the Radix `Menubar.Menu/Trigger/Portal/Content/...` parts all map to the `Menu` component family from the dropdown-menu section.
+
+## Root → Menubar
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Same pattern. |
+| `defaultValue` | `string` / – | – | **Dropped.** Base Menubar has no controlled/uncontrolled active-menu value. To pre-open a menu, use `defaultOpen` on that `Menu.Root`. |
+| `value` | `string` / – | – | **Dropped.** Control individual `Menu.Root` `open` props instead. |
+| `onValueChange` | `(value: string) => void` / – | – | **Dropped.** Listen via each `Menu.Root` `onOpenChange`. |
+| `dir` | `"ltr" \| "rtl"` / – | – | Dropped; `DirectionProvider`. |
+| `loop` | `boolean` / `false` | `loopFocus` (`boolean`, `true`) | Renamed; default flips to `true`. |
+
+Base UI only on `Menubar`: `modal` (`boolean`, `true`), `disabled` (`boolean`, `false`), `orientation` (`'horizontal' \| 'vertical'`, `'horizontal'`).
+
+## Menu → Menu.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | – | Menu.Root renders no element; drop it. |
+| `value` | `string` / – | – | Dropped with the Menubar value system (see Root). |
+
+Note: `Menu.Root` inside a Menubar accepts all Menu.Root props (`open`, `defaultOpen`, `onOpenChange(open, eventDetails)`, `modal`, `loopFocus`, `orientation`, `disabled`, ...). Hover-switching between menubar menus is built in.
+
+## Trigger → Menu.Trigger
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` (+ `nativeButton={false}` for non-buttons) | Radix Menubar.Trigger data attrs `[data-state]`/`[data-highlighted]`/`[data-disabled]` → `data-popup-open`/`data-pressed` (no highlighted state on Base trigger). |
+
+## Portal / Content / Arrow / Item / Group / Label / CheckboxItem / RadioGroup / RadioItem / ItemIndicator / Separator / Sub / SubTrigger / SubContent
+
+All identical to the **dropdown-menu** section (they are literally the same Base UI `Menu` components):
+
+- `Portal.forceMount` → `keepMounted`; `container` widened.
+- `Content` (`loop`, `onCloseAutoFocus`, outside/escape callbacks, `forceMount`, `side`/`sideOffset`/`align`/`alignOffset`, `avoidCollisions`, `collisionBoundary`, `collisionPadding`, `arrowPadding`, `sticky`, `hideWhenDetached`) → `Menu.Portal > Menu.Positioner > Menu.Popup` with the exact fates listed for dropdown-menu Content.
+- `SubContent` `align` default `"start"` note applies as in dropdown-menu.
+- Items: `onSelect` → `onClick` + `closeOnClick`, `textValue` → `label`.
+- Radix Menubar CheckboxItem/RadioItem `[data-state="checked" \| "unchecked"]` → `data-checked`/`data-unchecked`.
+
+## Data attributes / CSS variables
+
+- Menubar container: Radix Root had none; Base `Menubar` exposes `data-orientation` (`'horizontal' \| 'vertical'`), `data-has-submenu-open`, `data-modal`.
+- Menu-part attributes and `--radix-menubar-*` CSS vars map exactly as in the dropdown-menu tables (`--transform-origin`, `--available-width/height`, `--anchor-width/height` on `Menu.Positioner`).
+
+---
+
+# navigation-menu (Radix `NavigationMenu` → Base UI `NavigationMenu`)
+
+Base UI parts: `Root, List, Item, Trigger, Icon, Content, Portal, Backdrop, Positioner, Popup, Arrow, Viewport, Link`. Popup positioning is real anchored positioning (like Menu): the shared popup renders as `Portal > Positioner > Popup > Viewport`, and each `Item`'s `Content` is moved into the `Viewport` when active. Radix's "Viewport rendered below the list" model is replaced by this anchored Positioner model (our wrappers removed the `viewport` boolean prop accordingly).
+
+## Root → NavigationMenu.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `defaultValue` | `string` / – | `defaultValue` (`Value \| null`, `null`) | Type widens (`Value = any`); `null` = closed. |
+| `value` | `string` / – | `value` (`Value \| null`, `null`) | Same; non-nullish = open. |
+| `onValueChange` | `(value: string) => void` / – | `onValueChange` | Signature changed: `(value: Value \| null, eventDetails: NavigationMenu.Root.ChangeEventDetails) => void`; reasons: `'trigger-press' \| 'trigger-hover' \| 'outside-press' \| 'list-navigation' \| 'focus-out' \| 'escape-key' \| 'link-press' \| 'none'`. |
+| `delayDuration` | `number` / `200` | `delay` (`number`, `50`) | Renamed; default 200 → 50. |
+| `skipDelayDuration` | `number` / `300` | – | **Dropped.** No skip-delay window; Base instead has `closeDelay` (`number`, `50`). |
+| `dir` | `"ltr" \| "rtl"` / – | – | Dropped; `DirectionProvider`. |
+| `orientation` | `"horizontal" \| "vertical"` / `"horizontal"` | `orientation` (same values/default) | Same. |
+
+Base UI only on Root: `closeDelay` (`50`), `actionsRef` (`{ unmount() }`), `onOpenChangeComplete(open)`. Root renders a `<nav>` element (Radix Root also rendered `<nav>`; Base renders `<div>` when nested).
+
+## Sub → nested NavigationMenu.Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `defaultValue` / `value` / `onValueChange` / `orientation` | as Root | same props on the nested `Root` | Part dropped: nest a whole `NavigationMenu.Root` (with its own `List`/`Portal`/`Positioner`/`Popup`) inside a `Content`; it renders a `<div>` when nested. Unlike Radix Sub, a nested Base menu is closed by default (`null`), not required to always have an active item. |
+
+## List → NavigationMenu.List
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Base List renders `<ul>` (Radix also `<ul>`). Radix `[data-orientation]` attr dropped. |
+
+## Item → NavigationMenu.Item
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Base Item renders `<li>`. |
+| `value` | `string` / – | `value` (`any`) | Same; auto-generated if omitted. |
+
+## Trigger → NavigationMenu.Trigger
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` (+ `nativeButton`, default `true`) | `[data-state="open" \| "closed"]` → `data-popup-open`; `[data-disabled]` dropped (no disabled prop either — gate at the item level yourself). |
+
+## Content → NavigationMenu.Content
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | – |
+| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` / – | – | Dropped → Root `onValueChange` with `reason === 'escape-key'` + `eventDetails.cancel()`. |
+| `onPointerDownOutside` | `(event: PointerDownOutsideEvent) => void` / – | – | Dropped → `reason === 'outside-press'`. |
+| `onFocusOutside` | `(event: FocusOutsideEvent) => void` / – | – | Dropped → `reason === 'focus-out'`. |
+| `onInteractOutside` | `(event: PointerDownOutsideEvent \| FocusOutsideEvent) => void` / – | – | Dropped → `'outside-press' \| 'focus-out'`. |
+| `forceMount` | `boolean` / – | `keepMounted` (`boolean`, `false`) | Renamed, stays on Content (keeps content in DOM while closed, e.g. for SEO/SSR). |
+
+## Link → NavigationMenu.Link
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | For framework links: `render={<NextLink href=... />}`. |
+| `active` | `boolean` / `false` | `active` (`boolean`, `false`) | Same (sets `aria-current` + `data-active`). |
+| `onSelect` | `(event: Event) => void` / – | – | Dropped. Use `onClick` (plain DOM prop) and `closeOnClick` (`boolean`, `false`) — note Radix closed the menu on link select by default, Base does not; set `closeOnClick` for parity. |
+
+## Indicator → NavigationMenu.Icon (per wrapper ground truth)
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Different role: Radix Indicator tracked the active trigger below the List; Base `Icon` is a chevron inside the Trigger (`data-popup-open` when its menu is open). For a popup-anchored pointer, Base's `Arrow` (inside `Popup`, with `data-side`/`data-align`/`data-uncentered`) is the closest visual analogue. There is no Base part that tracks the active trigger along the list. |
+| `forceMount` | `boolean` / – | – | Dropped (Icon is always rendered). |
+| `[data-state="visible" \| "hidden"]`, `[data-orientation]` | – | – | Dropped; Icon exposes only `data-popup-open`. |
+
+## Viewport → NavigationMenu.Portal > Positioner > Popup > Viewport
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` on each new part | One Radix part becomes four: `Portal` (props: `container`, `keepMounted`), `Positioner` (full anchored-positioning prop set identical to Menu.Positioner: `side`/`sideOffset`/`align`/`alignOffset` (`number \| OffsetFunction`), `anchor`, `collisionAvoidance`, `collisionBoundary` `'clipping-ancestors'`, `collisionPadding` `5`, `arrowPadding` `5`, `sticky` boolean, `positionMethod`, `disableAnchorTracking`), `Popup` (renders `<nav>`), `Viewport` (clips/animates the active `Content`). |
+| `forceMount` | `boolean` / – | `keepMounted` on **Portal** | Renamed + moved. |
+
+## Base UI only props worth knowing (NavigationMenu)
+
+- Root: `closeDelay`, `actionsRef`, `onOpenChangeComplete`.
+- New parts: `Backdrop`, `Arrow`, `Positioner` (real collision-aware positioning — Radix nav-menu had none), `Icon`.
+- `Content.keepMounted` for crawler-visible SSR content.
+- `Link.closeOnClick`.
+- All parts accept `className`/`style` state-callback forms and `render`.
+
+## Data-attribute mapping (navigation-menu)
+
+| Radix | Base UI |
+| --- | --- |
+| Root/Sub/List/Item `[data-orientation]` | Dropped. |
+| Trigger `[data-state="open" \| "closed"]` | `data-popup-open` on Trigger (and on Icon). |
+| Trigger `[data-disabled]` | Dropped. |
+| Content `[data-state="open" \| "closed"]` | `data-open` / `data-closed` on Content (also on Positioner/Popup/Backdrop). |
+| Content `[data-motion="to-start" \| "to-end" \| "from-start" \| "from-end"]` | `data-activation-direction` (`'left' \| 'right' \| 'up' \| 'down'`) on Content — direction the newly-activated trigger is relative to the previous one; use for enter/exit animations. |
+| Link `[data-active]` | `data-active` (same). |
+| Indicator `[data-state="visible" \| "hidden"]` | No equivalent (see Indicator row). Arrow exposes `data-open`/`data-closed`/`data-uncentered`/`data-side`/`data-align`. |
+| Viewport `[data-state]`, `[data-orientation]` | `data-open`/`data-closed` + `data-starting-style`/`data-ending-style` on Popup/Positioner; Viewport itself exposes none. |
+| – | Positioner: `data-anchor-hidden`, `data-instant`; Popup: `data-side`, `data-align`. |
+
+## CSS variable mapping (navigation-menu)
+
+| Radix | Base UI |
+| --- | --- |
+| `--radix-navigation-menu-viewport-width` (on Viewport) | `--popup-width` (`number`, on **Popup**) — fixed width of the popup; animate `width: var(--popup-width)`. |
+| `--radix-navigation-menu-viewport-height` (on Viewport) | `--popup-height` (`number`, on **Popup**). |
+| – | Positioner also exposes `--anchor-width`, `--anchor-height`, `--available-width`, `--available-height`, `--positioner-width`, `--positioner-height`, `--transform-origin`. |
+
+---
+
+## Gaps / caveats
+
+- Radix prop descriptions are rendered in JS popovers; types/defaults above were extracted from the pages' embedded type payloads (`(open: boolean) => void`, `(checked: boolean) => void`, `(value: string) => void`, `(event: KeyboardEvent) => void`, `(event: PointerDownOutsideEvent) => void`, `(event: FocusOutsideEvent) => void`, `(event: PointerDownOutsideEvent | FocusOutsideEvent) => void`, `(event: Event) => void` for `onSelect`/`onCloseAutoFocus`, `Boundary = Element | null | Array<Element | null>`, `sticky: "partial" | "always"`, `dir: "ltr" | "rtl"`) — all verified against the fetched HTML.
+- Base UI ContextMenu.Root genuinely lacks `modal`; Menubar lacks the value/onValueChange system; ContextMenu.Trigger lacks `disabled`. These are the three hard drops with no one-line workaround.
+- Base UI docs fetched from the `.md` endpoints reflect Base UI 1.x (repo currently pins 1.6.0).
diff --git a/frontend/.agents/skills/migrate-radix-to-base/overlays.md b/frontend/.agents/skills/migrate-radix-to-base/overlays.md
new file mode 100644
index 0000000..ea950e1
--- /dev/null
+++ b/frontend/.agents/skills/migrate-radix-to-base/overlays.md
@@ -0,0 +1,459 @@
+# Radix UI → Base UI props migration mapping (overlays)
+
+Components covered: dialog, alert-dialog, popover, tooltip, hover-card (Base UI: preview-card).
+
+Sources: radix-ui.com primitives docs (fetched 2026-07-02) and base-ui.com `/react/components/*.md` endpoints (fetched 2026-07-02).
+
+Global conventions that apply to every component below:
+
+- `asChild` (Radix, every part) → `render` (Base UI, every part). Radix: `asChild?: boolean` merges props onto the single child. Base UI: `render?: ReactElement | ((props: HTMLProps, state: Part.State) => ReactElement)`. For buttons replaced with non-button elements, also set `nativeButton={false}`.
+- `onOpenChange` signature changed everywhere. Radix: `(open: boolean) => void`. Base UI: `(open: boolean, eventDetails: X.Root.ChangeEventDetails) => void` where `eventDetails` is `{ reason, event, trigger, cancel(), allowPropagation(), isCanceled, isPropagationAllowed, preventUnmountOnClose() }`.
+- Radix per-interaction dismiss callbacks (`onEscapeKeyDown`, `onPointerDownOutside`, `onFocusOutside`, `onInteractOutside`) have NO 1:1 Base UI props. They are replaced by `onOpenChange`'s `eventDetails.reason` (`'escape-key'`, `'outside-press'`, `'focus-out'`) + `eventDetails.cancel()` to prevent the close (the equivalent of Radix `event.preventDefault()`).
+- `forceMount` (Radix, Portal/Overlay/Content) → `keepMounted` on Base UI `Portal` only (`boolean`, default `false`). For exit animations Base UI does not need it: it holds the popup mounted itself and exposes `data-starting-style` / `data-ending-style`, `onOpenChangeComplete`, and `actionsRef.current.unmount()` for externally-controlled animations.
+- Base UI `className` and `style` accept state callbacks (`(state) => ...`) on every rendered part.
+- Radix `[data-state="open" | "closed"]` → Base UI presence attributes `data-open` / `data-closed`.
+
+---
+
+# dialog
+
+Part mapping: Root→Root, Trigger→Trigger, Portal→Portal, Overlay→Backdrop, Content→Popup (centered modal: no Positioner), Title→Title, Description→Description, Close→Close.
+
+## Root → Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `defaultOpen` | `boolean` / - (Base default `false`) | `defaultOpen` | Same. |
+| `open` | `boolean` / - | `open` | Same. |
+| `onOpenChange` | `(open: boolean) => void` / - | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: Dialog.Root.ChangeEventDetails) => void`. Reasons: `'trigger-press' \| 'outside-press' \| 'escape-key' \| 'close-press' \| 'focus-out' \| 'imperative-action' \| 'none'`. |
+| `modal` | `boolean` / `true` | `modal` | Widened: `boolean \| 'trap-focus'`, default `true`. `'trap-focus'` traps focus without scroll lock / outside-pointer blocking. |
+
+## Trigger → Trigger
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | `render={<MyButton />}`; add `nativeButton={false}` if the rendered element is not a `<button>`. |
+
+## Portal → Portal
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `forceMount` | `boolean` / - | `keepMounted` | Renamed + inverted intent: `keepMounted?: boolean` (default `false`) keeps the portal in the DOM while hidden. Usually droppable; Base UI keeps the popup mounted during exit animations automatically. |
+| `container` | `HTMLElement` / `document.body` | `container` | Same name, wider type: `HTMLElement \| ShadowRoot \| React.RefObject<HTMLElement \| ShadowRoot \| null> \| null`. Note: Base UI Portal renders a `<div>` wrapper (Radix Portal renders nothing extra per child). |
+
+## Overlay → Backdrop
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Same pattern. |
+| `forceMount` | `boolean` / - | dropped | Backdrop stays mounted through exit animations natively; use `Portal keepMounted` if you need always-mounted DOM. Base-only: `forceRender` (`boolean`, default `false`) forces the backdrop to render even when the dialog is nested. |
+
+## Content → Popup
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Same pattern. |
+| `forceMount` | `boolean` / - | dropped | See Portal `keepMounted` + `Root actionsRef.unmount()` + `onOpenChangeComplete`. |
+| `onOpenAutoFocus` | `(event: Event) => void` / - | moved to Popup `initialFocus` | Signature changed. Radix: prevent via `event.preventDefault()`. Base: `initialFocus?: boolean \| RefObject<HTMLElement \| null> \| ((openType: InteractionType) => boolean \| void \| HTMLElement \| null)`. `false` = don't move focus; ref/element = focus target; function receives `'mouse' \| 'touch' \| 'pen' \| 'keyboard'`. |
+| `onCloseAutoFocus` | `(event: Event) => void` / - | moved to Popup `finalFocus` | Same shape as `initialFocus` but for close (`closeType: InteractionType`). |
+| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` / - | moved to Root `onOpenChange` | `if (eventDetails.reason === 'escape-key') eventDetails.cancel()` replaces `event.preventDefault()`. |
+| `onPointerDownOutside` | `(event: PointerDownOutsideEvent) => void` / - | moved to Root `onOpenChange` | Reason `'outside-press'`; cancel with `eventDetails.cancel()`. Declarative shortcut: Root `disablePointerDismissal` (`boolean`, default `false`). |
+| `onInteractOutside` | `(event: PointerDownOutsideEvent \| FocusOutsideEvent) => void` / - | moved to Root `onOpenChange` | Covers reasons `'outside-press'` and `'focus-out'` (focus-out applies to non-modal dialogs). |
+
+## Title → Title / Description → Description / Close → Close
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` (Title) | `boolean` / `false` | `render` | Base Title renders `<h2>`. |
+| `asChild` (Description) | `boolean` / `false` | `render` | Base Description renders `<p>`. |
+| `asChild` (Close) | `boolean` / `false` | `render` | Base Close renders `<button>`; `nativeButton` available. |
+
+## Base UI only props worth knowing (dialog)
+
+- Root: `actionsRef` (`RefObject<{ unmount(), close() }>`), `onOpenChangeComplete: (open: boolean) => void`, `disablePointerDismissal`, `modal: 'trap-focus'`, `handle` / `triggerId` / `defaultTriggerId` + `Dialog.createHandle()` (detached and multiple triggers), `children` as payload render function.
+- Trigger: `payload`, `handle`, `id`, `nativeButton`.
+- Popup: `initialFocus`, `finalFocus`.
+- Backdrop: `forceRender`.
+- New part: `Viewport` (scrollable positioning container for the popup, useful for outside-scroll dialogs).
+
+## Data attributes (dialog)
+
+| Radix | Base UI | Where |
+| --- | --- | --- |
+| `[data-state="open"]` | `data-open` | Backdrop, Popup, Viewport (presence attr). |
+| `[data-state="closed"]` | `data-closed` | Backdrop, Popup, Viewport. |
+| `[data-state]` on Trigger | `data-popup-open` | Trigger (presence attr). |
+| - | `data-disabled` | Trigger, Close. |
+| - | `data-starting-style` / `data-ending-style` | Backdrop, Popup, Viewport; hooks for enter/exit CSS transitions (replaces Radix animate-on-`data-state` idiom). |
+| - | `data-nested`, `data-nested-dialog-open` | Popup, Viewport. |
+
+## CSS variables (dialog)
+
+| Radix | Base UI |
+| --- | --- |
+| (none documented) | `--nested-dialogs` (`number`, on Popup): count of dialogs nested within. |
+
+---
+
+# alert-dialog
+
+Part mapping: Root→Root, Trigger→Trigger, Portal→Portal, Overlay→Backdrop, Content→Popup, Title→Title, Description→Description, Cancel→Close, Action→NO primitive (render a plain button; close via controlled state, `Root actionsRef.close()`, or reuse `AlertDialog.Close` with action semantics in the wrapper). Base UI AlertDialog is always modal and never closes on outside press by default (no `modal` prop, reasons still include `'outside-press'`/`'focus-out'` in the type but pointer dismissal is disabled by design).
+
+## Root → Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `defaultOpen` | `boolean` / - (Base default `false`) | `defaultOpen` | Same. |
+| `open` | `boolean` / - | `open` | Same. |
+| `onOpenChange` | `(open: boolean) => void` / - | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: AlertDialog.Root.ChangeEventDetails) => void`. Same reason union as dialog. |
+
+(Radix AlertDialog.Root has no `modal` prop; Base UI AlertDialog.Root also has none. Parity.)
+
+## Trigger → Trigger
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Plus `nativeButton`, `payload`, `handle`, `id`. |
+
+## Portal → Portal
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `forceMount` | `boolean` / - | `keepMounted` | Same as dialog. |
+| `container` | `HTMLElement` / `document.body` | `container` | Same as dialog (wider type, renders a `<div>`). |
+
+## Overlay → Backdrop
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Same pattern. |
+| `forceMount` | `boolean` / - | dropped | Base-only `forceRender` exists for nested cases. |
+
+## Content → Popup
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Same pattern. |
+| `forceMount` | `boolean` / - | dropped | See dialog notes. |
+| `onOpenAutoFocus` | `(event: Event) => void` / - | moved to Popup `initialFocus` | Same semantics as dialog. Note: Radix alert-dialog focuses `Cancel` by default; Base UI focuses the first tabbable element. To preserve Radix behavior pass `initialFocus={cancelRef}`. |
+| `onCloseAutoFocus` | `(event: Event) => void` / - | moved to Popup `finalFocus` | Same as dialog. |
+| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` / - | moved to Root `onOpenChange` | Reason `'escape-key'` + `eventDetails.cancel()`. |
+
+(Radix AlertDialog.Content intentionally has no `onPointerDownOutside`/`onInteractOutside`; nothing to map.)
+
+## Title → Title / Description → Description
+
+Same as dialog: `asChild` → `render`. Title renders `<h2>`, Description renders `<p>`.
+
+## Cancel → Close
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` on `AlertDialog.Close` | Renamed part. `nativeButton` available. Radix's "Cancel receives focus on open" default must be recreated with Popup `initialFocus`. |
+
+## Action → (no primitive)
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | dropped | No Base UI part. Wrapper renders a styled `<button>`; close after the action via controlled `open`, `actionsRef.current.close()`, or by composing `AlertDialog.Close` and running the action in `onClick`. |
+
+## Base UI only props worth knowing (alert-dialog)
+
+- Root: `actionsRef`, `onOpenChangeComplete`, `handle` / `triggerId` / `defaultTriggerId` + `AlertDialog.createHandle()`, payload-render `children`.
+- Popup: `initialFocus`, `finalFocus`.
+- Backdrop: `forceRender`. New part: `Viewport`.
+
+## Data attributes (alert-dialog)
+
+Identical table to dialog: `data-state="open"/"closed"` → `data-open`/`data-closed` (Backdrop, Popup, Viewport); Trigger `data-state` → `data-popup-open`; Base-only `data-disabled` (Trigger, Close), `data-starting-style`, `data-ending-style`, `data-nested`, `data-nested-dialog-open`.
+
+## CSS variables (alert-dialog)
+
+| Radix | Base UI |
+| --- | --- |
+| (none documented) | `--nested-dialogs` (`number`, on Popup). |
+
+---
+
+# popover
+
+Part mapping: Root→Root, Trigger→Trigger, Anchor→(Positioner `anchor` prop), Portal→Portal, Content→Portal>Positioner>Popup (positioning props move to Positioner; focus/dismiss concerns split between Popup and Root), Close→Close, Arrow→Arrow. Base UI also has Backdrop, Title, Description, Viewport parts with no Radix counterpart.
+
+## Root → Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `defaultOpen` | `boolean` / - (Base default `false`) | `defaultOpen` | Same. |
+| `open` | `boolean` / - | `open` | Same. |
+| `onOpenChange` | `(open: boolean) => void` / - | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: Popover.Root.ChangeEventDetails) => void`. Reasons add hover/focus: `'trigger-hover' \| 'trigger-focus' \| 'trigger-press' \| 'outside-press' \| 'escape-key' \| 'close-press' \| 'focus-out' \| 'imperative-action' \| 'none'`. |
+| `modal` | `boolean` / `false` | `modal` | Widened: `boolean \| 'trap-focus'`, default `false`. When `true`, focus trapping requires a `Popover.Close` inside the Popup (can be `sr-only`). |
+
+## Trigger → Trigger
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Plus `nativeButton`. Base-only on Trigger: `openOnHover` (`false`), `delay` (`300`), `closeDelay` (`0`), `payload`, `handle`, `id`. |
+
+## Anchor → Positioner `anchor` prop
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | dropped (part removed) | No Anchor part. Pass `anchor` to Positioner: `Element \| VirtualElement \| React.RefObject<Element \| null> \| (() => Element \| VirtualElement \| null) \| null`. Default anchor is the trigger. |
+
+## Portal → Portal
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `forceMount` | `boolean` / - | `keepMounted` | `boolean`, default `false`. |
+| `container` | `HTMLElement` / `document.body` | `container` | Wider type (adds ShadowRoot/RefObject); Portal renders a `<div>`. |
+
+## Content → Positioner + Popup
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` (Popup) | Same pattern. |
+| `onOpenAutoFocus` | `(event: Event) => void` / - | moved to Popup `initialFocus` | Same shape as dialog (`boolean \| RefObject \| (openType: InteractionType) => ...`). |
+| `onCloseAutoFocus` | `(event: Event) => void` / - | moved to Popup `finalFocus` | Same shape. |
+| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` / - | moved to Root `onOpenChange` | Reason `'escape-key'` + `eventDetails.cancel()`. |
+| `onPointerDownOutside` | `(event: PointerDownOutsideEvent) => void` / - | moved to Root `onOpenChange` | Reason `'outside-press'` + `eventDetails.cancel()`. |
+| `onFocusOutside` | `(event: FocusOutsideEvent) => void` / - | moved to Root `onOpenChange` | Reason `'focus-out'` + `eventDetails.cancel()`. |
+| `onInteractOutside` | `(event: PointerDownOutsideEvent \| FocusOutsideEvent) => void` / - | moved to Root `onOpenChange` | Handle both `'outside-press'` and `'focus-out'`. |
+| `forceMount` | `boolean` / - | dropped | Use Portal `keepMounted`, `onOpenChangeComplete`, `actionsRef.unmount()`. |
+| `side` | `"top" \| "right" \| "bottom" \| "left"` / `"bottom"` | moved to Positioner `side` | Type is `Side` which adds logical values `'inline-start' \| 'inline-end'`. Default `'bottom'` (same). |
+| `sideOffset` | `number` / `0` | moved to Positioner `sideOffset` | Widened: `number \| OffsetFunction` where the function receives `{ anchor, positioner, side, align }`. Default `0` (same). |
+| `align` | `"start" \| "center" \| "end"` / `"center"` | moved to Positioner `align` | Same values/default. |
+| `alignOffset` | `number` / `0` | moved to Positioner `alignOffset` | Widened: `number \| OffsetFunction`. Default `0` (same). |
+| `avoidCollisions` | `boolean` / `true` | moved to Positioner `collisionAvoidance` | Signature changed. Radix boolean → Base `CollisionAvoidance` object `{ side?: 'flip' \| 'shift' \| 'none'; align?: 'flip' \| 'shift' \| 'none'; fallbackAxisSide?: 'start' \| 'end' \| 'none' }`. `avoidCollisions={false}` → `collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}`. |
+| `collisionBoundary` | `Boundary (Element \| null \| Array<Element \| null>)` / `[]` | moved to Positioner `collisionBoundary` | Same name; Base `Boundary` defaults to `'clipping-ancestors'` (Radix default = viewport/clipping ancestors via `[]`). |
+| `collisionPadding` | `number \| Padding` / `0` | moved to Positioner `collisionPadding` | Same shape; default changes `0` → `5`. |
+| `arrowPadding` | `number` / `0` | moved to Positioner `arrowPadding` | Same; default changes `0` → `5`. |
+| `sticky` | `"partial" \| "always"` / `"partial"` | dropped (repurposed name) | Radix `sticky` governed alignment-axis sticking; Base equivalent is `collisionAvoidance.align` (`'shift'` ≈ sticky behavior). CAUTION: Base UI Positioner has a `sticky: boolean` (default `false`) prop with a DIFFERENT meaning: keep the popup in the viewport after the anchor scrolls out of view. Do not copy the Radix value across. |
+| `hideWhenDetached` | `boolean` / `false` | dropped (with workaround) | Positioner/Popup expose `data-anchor-hidden` when the anchor is hidden; recreate with CSS: `[data-anchor-hidden] { visibility: hidden }` on the Positioner. |
+
+## Close → Close
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Plus `nativeButton`. |
+
+## Arrow → Arrow
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Radix renders an `<svg>`; Base renders a `<div>` — supply your own SVG child. |
+| `width` | `number` / `10` | dropped | Size the arrow element/SVG via CSS. |
+| `height` | `number` / `5` | dropped | Size via CSS. Arrow must be a child of Popup (inside Positioner). |
+
+## Base UI only props worth knowing (popover)
+
+- Root: `actionsRef`, `onOpenChangeComplete`, `handle` / `triggerId` / `defaultTriggerId` + `Popover.createHandle()`, payload-render `children`, `modal: 'trap-focus'`.
+- Trigger: `openOnHover` + `delay` + `closeDelay` (hover-open popovers), `payload`, `nativeButton`, `id`.
+- Positioner: `positionMethod` (`'absolute' \| 'fixed'`), `disableAnchorTracking`, `anchor`, `collisionAvoidance`.
+- Popup: `initialFocus`, `finalFocus`.
+- New parts: `Backdrop`, `Title`, `Description`, `Viewport` (animated content swaps between multiple triggers).
+
+## Data attributes (popover)
+
+| Radix (on Content/Trigger/Arrow) | Base UI | Where |
+| --- | --- | --- |
+| `[data-state="open"/"closed"]` | `data-open` / `data-closed` | Backdrop, Positioner, Popup, Arrow. |
+| `[data-state]` on Trigger | `data-popup-open` | Trigger. Base also adds `data-pressed`. |
+| `[data-side]` `"left" \| "right" \| "bottom" \| "top"` | `data-side` | Positioner, Popup, Arrow; values extended with `'inline-start' \| 'inline-end'`. |
+| `[data-align]` `"start" \| "end" \| "center"` | `data-align` | Positioner, Popup, Arrow. |
+| - | `data-starting-style` / `data-ending-style` | Popup, Backdrop (enter/exit animation hooks). |
+| - | `data-anchor-hidden` | Positioner (replaces `hideWhenDetached`). |
+| - | `data-instant` (`'click' \| 'dismiss' \| 'focus' \| 'trigger-change'`) | Popup. |
+| - | `data-uncentered` | Arrow (arrow can't center on anchor). |
+
+## CSS variables (popover)
+
+| Radix (on Content) | Base UI (on Positioner unless noted) |
+| --- | --- |
+| `--radix-popover-content-transform-origin` | `--transform-origin` |
+| `--radix-popover-content-available-width` | `--available-width` |
+| `--radix-popover-content-available-height` | `--available-height` |
+| `--radix-popover-trigger-width` | `--anchor-width` |
+| `--radix-popover-trigger-height` | `--anchor-height` |
+| - | `--positioner-width` / `--positioner-height` (Positioner), `--popup-width` / `--popup-height` (Popup, and on Viewport's previous container) |
+
+---
+
+# tooltip
+
+Part mapping: Provider→Provider, Root→Root, Trigger→Trigger, Portal→Portal, Content→Portal>Positioner>Popup, Arrow→Arrow. Delay control moves: Radix `delayDuration` lives on Provider/Root; Base UI open/close delays live on Provider (`delay`/`closeDelay`) and Trigger (`delay`/`closeDelay`).
+
+## Provider → Provider
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `delayDuration` | `number` / `700` | `delay` | Renamed. Base has no documented default on Provider (Trigger default is `600`). |
+| `skipDelayDuration` | `number` / `300` | `timeout` | Renamed + semantics kept: another tooltip opens instantly if the previous closed within `timeout` ms. Default `300` → `400`. |
+| `disableHoverableContent` | `boolean` / - | dropped at Provider; see Root `disableHoverablePopup` | Base UI equivalent exists only per-Root (renamed). |
+
+## Root → Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `defaultOpen` | `boolean` / - (Base default `false`) | `defaultOpen` | Same. |
+| `open` | `boolean` / - | `open` | Same. |
+| `onOpenChange` | `(open: boolean) => void` / - | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: Tooltip.Root.ChangeEventDetails) => void`. Reasons: `'trigger-hover' \| 'trigger-focus' \| 'trigger-press' \| 'outside-press' \| 'escape-key' \| 'disabled' \| 'imperative-action' \| 'none'`. |
+| `delayDuration` | `number` / `700` | moved to Trigger `delay` | `number`, default `600`. `closeDelay` (default `0`) is also on Trigger. |
+| `disableHoverableContent` | `boolean` / - | `disableHoverablePopup` | Renamed; `boolean`, default `false`. |
+
+## Trigger → Trigger
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Base-only on Trigger: `delay` (`600`), `closeDelay` (`0`), `closeOnClick` (`true`), `disabled` (`false`), `payload`, `handle`. |
+
+## Portal → Portal
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `forceMount` | `boolean` / - | `keepMounted` | `boolean`, default `false`. |
+| `container` | `HTMLElement` / `document.body` | `container` | Wider type; renders a `<div>`. |
+
+## Content → Positioner + Popup
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` (Popup) | Same pattern. |
+| `aria-label` | `string` / - | dropped (plain DOM attr) | Pass `aria-label` straight through to Popup if needed; no special prop. |
+| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` / - | moved to Root `onOpenChange` | Reason `'escape-key'` + `eventDetails.cancel()`. |
+| `onPointerDownOutside` | `(event: PointerDownOutsideEvent) => void` / - | moved to Root `onOpenChange` | Reason `'outside-press'` + `eventDetails.cancel()`. |
+| `forceMount` | `boolean` / - | dropped | Portal `keepMounted` / `actionsRef.unmount()`. |
+| `side` | enum / `"top"` | moved to Positioner `side` | `Side` (adds `'inline-start' \| 'inline-end'`); default `'top'` (same). |
+| `sideOffset` | `number` / `0` | moved to Positioner `sideOffset` | `number \| OffsetFunction`; default `0`. |
+| `align` | enum / `"center"` | moved to Positioner `align` | Same values/default. |
+| `alignOffset` | `number` / `0` | moved to Positioner `alignOffset` | `number \| OffsetFunction`; default `0`. |
+| `avoidCollisions` | `boolean` / `true` | moved to Positioner `collisionAvoidance` | Same conversion as popover (`false` → all-`'none'` object). |
+| `collisionBoundary` | `Boundary` / `[]` | moved to Positioner `collisionBoundary` | Base default `'clipping-ancestors'`. |
+| `collisionPadding` | `number \| Padding` / `0` | moved to Positioner `collisionPadding` | Default `0` → `5`. |
+| `arrowPadding` | `number` / `0` | moved to Positioner `arrowPadding` | Default `0` → `5`. |
+| `sticky` | `"partial" \| "always"` / `"partial"` | dropped (repurposed name) | Same caveat as popover: Base `sticky: boolean` means "stay in viewport when anchor scrolls away"; alignment sticking is `collisionAvoidance.align`. |
+| `hideWhenDetached` | `boolean` / `false` | dropped (with workaround) | Style `[data-anchor-hidden]` on Positioner. |
+
+## Arrow → Arrow
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Base renders `<div>`; bring your own SVG. |
+| `width` | `number` / `10` | dropped | CSS sizing. |
+| `height` | `number` / `5` | dropped | CSS sizing. |
+
+## Base UI only props worth knowing (tooltip)
+
+- Root: `trackCursorAxis` (`'none' \| 'x' \| 'y' \| 'both'`, default `'none'`), `disabled`, `disableHoverablePopup`, `actionsRef`, `onOpenChangeComplete`, `handle` / `triggerId` / `defaultTriggerId` + `Tooltip.createHandle()`, payload-render `children`.
+- Provider: `closeDelay` (shared close delay, no Radix counterpart).
+- Trigger: `closeOnClick`, `disabled`, `delay`, `closeDelay`, `payload`.
+- Positioner: `positionMethod`, `disableAnchorTracking`, `anchor`, `collisionAvoidance`.
+- New part: `Viewport`.
+
+## Data attributes (tooltip)
+
+| Radix | Base UI | Where |
+| --- | --- | --- |
+| `[data-state]` `"closed" \| "delayed-open" \| "instant-open"` (Content) | `data-open` / `data-closed` + `data-instant` (`'delay' \| 'dismiss' \| 'focus'`) | Popup, Arrow, Positioner (open/closed). The delayed/instant distinction becomes the `data-instant` value. |
+| `[data-state]` (Trigger) | `data-popup-open` | Trigger. Base also adds `data-trigger-disabled`. |
+| `[data-side]` | `data-side` | Positioner, Popup, Arrow; adds `'inline-start' \| 'inline-end'`. |
+| `[data-align]` | `data-align` | Positioner, Popup, Arrow. |
+| - | `data-starting-style` / `data-ending-style` | Popup. |
+| - | `data-anchor-hidden` | Positioner. |
+| - | `data-uncentered` | Arrow. |
+
+## CSS variables (tooltip)
+
+| Radix (on Content) | Base UI (on Positioner) |
+| --- | --- |
+| `--radix-tooltip-content-transform-origin` | `--transform-origin` |
+| `--radix-tooltip-content-available-width` | `--available-width` |
+| `--radix-tooltip-content-available-height` | `--available-height` |
+| `--radix-tooltip-trigger-width` | `--anchor-width` |
+| `--radix-tooltip-trigger-height` | `--anchor-height` |
+| - | `--popup-width` / `--popup-height` (Viewport's previous container). |
+
+---
+
+# hover-card → preview-card
+
+Part mapping: HoverCard.Root→PreviewCard.Root, Trigger→Trigger, Portal→Portal, Content→Portal>Positioner>Popup, Arrow→Arrow. Delays move from Root to Trigger. Both libraries render the trigger as an `<a>` element.
+
+## Root → Root
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `defaultOpen` | `boolean` / - (Base default `false`) | `defaultOpen` | Same. |
+| `open` | `boolean` / - | `open` | Same. |
+| `onOpenChange` | `(open: boolean) => void` / - | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: PreviewCard.Root.ChangeEventDetails) => void`. Reasons: `'trigger-hover' \| 'trigger-focus' \| 'trigger-press' \| 'outside-press' \| 'escape-key' \| 'imperative-action' \| 'none'`. |
+| `openDelay` | `number` / `700` | moved to Trigger `delay` | Renamed + moved; default changes `700` → `600`. |
+| `closeDelay` | `number` / `300` | moved to Trigger `closeDelay` | Moved; default `300` (same). |
+
+## Trigger → Trigger
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Base Trigger renders `<a>`; Base-only: `delay` (`600`), `closeDelay` (`300`), `payload`, `handle`. No `nativeButton` (it is a link, not a button). |
+
+## Portal → Portal
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `forceMount` | `boolean` / - | `keepMounted` | `boolean`, default `false`. |
+| `container` | `HTMLElement` / `document.body` | `container` | Wider type; renders a `<div>`. |
+
+## Content → Positioner + Popup
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` (Popup) | Same pattern. |
+| `forceMount` | `boolean` / - | dropped | Portal `keepMounted` / `actionsRef.unmount()` / `onOpenChangeComplete`. |
+| `side` | enum / `"bottom"` | moved to Positioner `side` | `Side` (adds `'inline-start' \| 'inline-end'`); default `'bottom'` (same). |
+| `sideOffset` | `number` / `0` | moved to Positioner `sideOffset` | `number \| OffsetFunction`; default `0`. |
+| `align` | enum / `"center"` | moved to Positioner `align` | Same values/default. |
+| `alignOffset` | `number` / `0` | moved to Positioner `alignOffset` | `number \| OffsetFunction`; default `0`. |
+| `avoidCollisions` | `boolean` / `true` | moved to Positioner `collisionAvoidance` | Same conversion as popover. |
+| `collisionBoundary` | `Boundary` / `[]` | moved to Positioner `collisionBoundary` | Base default `'clipping-ancestors'`. |
+| `collisionPadding` | `number \| Padding` / `0` | moved to Positioner `collisionPadding` | Default `0` → `5`. |
+| `arrowPadding` | `number` / `0` | moved to Positioner `arrowPadding` | Default `0` → `5`. |
+| `sticky` | `"partial" \| "always"` / `"partial"` | dropped (repurposed name) | Same caveat as popover/tooltip. |
+| `hideWhenDetached` | `boolean` / `false` | dropped (with workaround) | Style `[data-anchor-hidden]` on Positioner. |
+
+(Radix HoverCard.Content documents no dismiss callbacks; escape/outside dismissal maps to Root `onOpenChange` reasons `'escape-key'` / `'outside-press'` if needed.)
+
+## Arrow → Arrow
+
+| Radix prop | Type / default | Base UI equivalent | Migration note |
+| --- | --- | --- | --- |
+| `asChild` | `boolean` / `false` | `render` | Base renders `<div>`. |
+| `width` | `number` / `10` | dropped | CSS sizing. |
+| `height` | `number` / `5` | dropped | CSS sizing. |
+
+## Base UI only props worth knowing (preview-card)
+
+- Root: `actionsRef`, `onOpenChangeComplete`, `handle` / `triggerId` / `defaultTriggerId` + `PreviewCard.createHandle()`, payload-render `children`.
+- Trigger: `payload`, `handle`, per-trigger `delay`/`closeDelay`.
+- Positioner: `positionMethod`, `disableAnchorTracking`, `anchor`, `collisionAvoidance`.
+- New parts: `Backdrop`, `Viewport`.
+
+## Data attributes (preview-card)
+
+| Radix | Base UI | Where |
+| --- | --- | --- |
+| `[data-state="open"/"closed"]` | `data-open` / `data-closed` | Backdrop, Positioner, Popup, Arrow. |
+| `[data-state]` (Trigger) | `data-popup-open` | Trigger. |
+| `[data-side]` | `data-side` | Positioner, Popup, Arrow; adds `'inline-start' \| 'inline-end'`. |
+| `[data-align]` | `data-align` | Positioner, Popup, Arrow. |
+| - | `data-starting-style` / `data-ending-style` | Popup, Backdrop. |
+| - | `data-anchor-hidden` | Positioner. |
+| - | `data-uncentered` | Arrow. |
+
+## CSS variables (preview-card)
+
+| Radix (on Content) | Base UI (on Positioner) |
+| --- | --- |
+| `--radix-hover-card-content-transform-origin` | `--transform-origin` |
+| `--radix-hover-card-content-available-width` | `--available-width` |
+| `--radix-hover-card-content-available-height` | `--available-height` |
+| `--radix-hover-card-trigger-width` | `--anchor-width` |
+| `--radix-hover-card-trigger-height` | `--anchor-height` |
+| - | `--popup-width` / `--popup-height` (Viewport's previous container). |
diff --git a/frontend/.agents/skills/migrate-radix-to-base/universal-patterns.md b/frontend/.agents/skills/migrate-radix-to-base/universal-patterns.md
new file mode 100644
index 0000000..424cf9e
--- /dev/null
+++ b/frontend/.agents/skills/migrate-radix-to-base/universal-patterns.md
@@ -0,0 +1,286 @@
+# Radix -> Base UI migration mapping
+
+Sources: (1) mechanical diff of the 61 component pairs in
+`apps/v4/registry/bases/{radix,base}/ui/` (ground truth, authored by us),
+(2) `radix-ui@1.4.3` package exports, (3) base-ui.com docs index for
+`@base-ui/react@1.6.0`. Built 2026-07-02 as the knowledge base for the
+migration agent's `primitives/` skills.
+
+## Coverage matrix
+
+All radix-ui exports, classified for migration:
+
+| Radix primitive | Base UI target | Class |
+|---|---|---|
+| Accordion | Accordion | direct (Content->Panel) |
+| AlertDialog | Alert Dialog | restructured (Overlay->Backdrop, Content->Popup, Cancel->Close, Action dropped) |
+| AspectRatio | none | missing: plain div + CSS `aspect-ratio` (`--ratio` var) |
+| Avatar | Avatar | direct |
+| Checkbox | Checkbox | direct (cleanest 1:1) |
+| Collapsible | Collapsible | direct (Content->Panel) |
+| ContextMenu | Context Menu | restructured (menu mapping) |
+| Dialog | Dialog | restructured (Overlay->Backdrop, Content->Popup) |
+| DropdownMenu | Menu | RENAMED + restructured (canonical menu mapping) |
+| Form | Form + Field + Fieldset | restructured (split into three) |
+| HoverCard | Preview Card | RENAMED + positioner model |
+| Label | none | missing: native `<label>` (Field.Label inside forms) |
+| Menubar | Menubar + Menu | restructured (menubar root only; menus delegate to Menu) |
+| NavigationMenu | Navigation Menu | heavily restructured (Viewport -> Positioner/Popup/Viewport, Indicator->Icon) |
+| Popover | Popover | positioner model (Anchor dropped; verify vs docs) |
+| Progress | Progress | restructured (new Track/Label/Value parts, no manual transform) |
+| RadioGroup | Radio Group + Radio | restructured (Item -> Radio.Root, two subpath imports) |
+| ScrollArea | Scroll Area | direct (Scrollbar/Thumb renames) |
+| Select | Select | restructured (Viewport->List, ScrollButtons->ScrollArrows, alignItemWithTrigger) |
+| Separator | Separator | direct (callable; `decorative` dropped) |
+| Slider | Slider | restructured (Range->Indicator, new Control, thumbAlignment) |
+| Switch | Switch | direct (1:1) |
+| Tabs | Tabs | direct (Trigger->Tab, Content->Panel) |
+| Toast | Toast | restructured (not in our registry pairs; spec from docs; shadcn users mostly use sonner) |
+| Toggle | Toggle | direct (callable) |
+| ToggleGroup | Toggle Group + Toggle | direct (items use Toggle primitive) |
+| Toolbar | Toolbar | direct-ish (not in our pairs; spec from docs) |
+| Tooltip | Tooltip | positioner model (delayDuration->delay on Provider) |
+| unstable_OneTimePasswordField | OTP Field | from docs (our registry uses input-otp instead) |
+| unstable_PasswordToggleField | none | missing: Input + custom toggle |
+
+Utilities:
+
+| Radix utility | Base UI equivalent |
+|---|---|
+| Slot / asChild | `render` prop; `useRender` + `mergeProps` for the manual Slot idiom |
+| Portal | none standalone; per-component `Portal` parts |
+| VisuallyHidden | none; `sr-only` class |
+| AccessibleIcon | none; aria-label + sr-only text |
+| Direction | Direction Provider |
+
+Base UI-only (new capabilities, NOT migration targets): Autocomplete, Combobox,
+Input, Number Field, Checkbox Group, Meter, Filter, CSP Provider.
+
+CORRECTION (dry-run finding): Base UI also ships a `Button` primitive
+(`@base-ui/react/button`) that supports `render`. A shadcn button.tsx using
+the Slot/asChild idiom migrates to `<ButtonPrimitive>` directly, NOT to a
+hand-rolled useRender wrapper. useRender + mergeProps remains correct for
+non-button polymorphic components (breadcrumb link, marker).
+
+Never touched by migration (third-party on both sides): cmdk (command), vaul*
+(drawer; see drawer section: our base drawer moved vaul -> @base-ui/react/drawer),
+sonner, input-otp, react-day-picker (calendar), recharts (chart).
+
+## Universal patterns (apply across all components)
+
+### Imports
+Radix appears in TWO import forms; both map to the same Base UI subpath:
+- Unified package (current shadcn):
+  `import { X as XPrimitive } from "radix-ui"` ->
+  `import { X as XPrimitive } from "@base-ui/react/<kebab-name>"`.
+- Individual packages (legacy/2024-era, e.g. fixture 03):
+  `import * as XPrimitive from "@radix-ui/react-<name>"` ->
+  `import { X as XPrimitive } from "@base-ui/react/<kebab-name>"`.
+  (The namespace `* as` import becomes a named import; remove the individual
+  `@radix-ui/react-*` package from package.json.)
+One subpath per component either way.
+- Types: `React.ComponentProps<typeof XPrimitive.Part>` -> `XPrimitive.Part.Props`.
+  Positioner props via `Pick<XPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">`.
+- Single-part primitives are callable: radix `XPrimitive.Root` -> `XPrimitive`
+  (separator, toggle, toggle-group root, radio-group root, menubar root).
+
+### asChild -> render
+- `<Primitive.Close asChild><Button/></Primitive.Close>` ->
+  `<Primitive.Close render={<Button/>}>...</Primitive.Close>`.
+- Manual Slot idiom (`const Comp = asChild ? Slot.Root : "a"`) ->
+  `useRender` + `mergeProps` from `@base-ui/react/use-render` /
+  `@base-ui/react/merge-props`; prop type `useRender.ComponentProps<"a">`.
+
+### Portal / positioning model (biggest structural change)
+- Radix: `Portal > Content`, positioning props on Content.
+- Base UI: `Portal > Positioner > Popup`. `side`, `sideOffset`, `align`,
+  `alignOffset` (and select's `alignItemWithTrigger`) move to Positioner;
+  Popup is the styled box. Positioner conventionally gets `isolate z-50`.
+- `Overlay` -> `Backdrop` (dialogs, sheets, drawers). Centered modals
+  (dialog/alert-dialog) use Popup WITHOUT a Positioner.
+
+### Data attributes / class hooks
+- `data-[state=open]` -> `data-open`; `data-[state=closed]` -> `data-closed`.
+- Enter/exit animations: `data-[state=open]:animate-in` /
+  `data-[state=closed]:animate-out` -> `data-starting-style:*` /
+  `data-ending-style:*` (transition-based, not keyframes).
+- New Base UI hook: `data-popup-open` (open-submenu/trigger marker).
+- Some triggers gain `aria-disabled:*` variants alongside `disabled:*`
+  (accordion, tabs).
+
+### CSS custom properties
+- `--radix-<comp>-content-transform-origin` -> `--transform-origin`
+- `--radix-<comp>-content-available-height` -> `--available-height`
+- `--radix-<comp>-trigger-width` -> `--anchor-width`
+- `--radix-accordion-content-height` -> `--accordion-panel-height`
+- nav-menu `--radix-navigation-menu-viewport-height/width` ->
+  `--positioner-height/width`, `--popup-height/width`, `--available-width`
+
+### Props
+- Tooltip Provider: `delayDuration` -> `delay`.
+- Select: `position="popper"|"item-aligned"` -> `alignItemWithTrigger` boolean.
+- Slider: gains `thumbAlignment` ("edge"); `Range` -> `Indicator` + new `Control`.
+- Navigation Menu: `viewport` boolean dropped; `align` forwarded to Positioner.
+- `value` / `defaultValue` / `onOpenChange` signatures pass through unchanged at
+  the wrapper level (verify per-primitive callback signatures against docs when
+  authoring specs; wrappers do not exercise them all).
+
+## Part-rename quick reference
+
+| radix part | Base UI part |
+|---|---|
+| `*.Root` (single-part comps) | callable `*Primitive` |
+| `Overlay` | `Backdrop` |
+| `Content` (overlay comps) | `Popup` (inside `Positioner`) |
+| `Content` (accordion/collapsible/tabs) | `Panel` |
+| tabs `Trigger` | `Tab` |
+| menu `Label` | `GroupLabel` |
+| menu `ItemIndicator` | `CheckboxItemIndicator` / `RadioItemIndicator` |
+| `Sub` / `SubTrigger` | `SubmenuRoot` / `SubmenuTrigger` |
+| slider `Range` | `Indicator` (+ new `Control`) |
+| select `Viewport` | `List` |
+| select `ScrollUp/DownButton` | `ScrollUp/DownArrow` |
+| scroll-area `ScrollAreaScrollbar` / `ScrollAreaThumb` | `Scrollbar` / `Thumb` |
+| nav-menu `Indicator` | `Icon` |
+| nav-menu `Viewport` | `Positioner > Popup > Viewport` |
+| hover-card `HoverCard*` | `PreviewCard*` |
+| radio-group `Item` / `Indicator` | `Radio.Root` / `Radio.Indicator` |
+| popover `Anchor` | dropped (verify against docs) |
+| alert-dialog `Cancel` / `Action` | `Close` / dropped (plain Button) |
+| separator `decorative` prop | dropped |
+| Label primitive | native `<label>` |
+
+## Per-component notes
+
+### accordion
+Root/Item/Header/Trigger same; Content -> Panel. Trigger `disabled:*` ->
+`aria-disabled:*`. Height var -> `--accordion-panel-height`; add
+`data-starting-style:h-0 data-ending-style:h-0`.
+
+### dialog / alert-dialog / sheet
+Overlay -> Backdrop, Content -> Popup, Close kept (`asChild` -> `render`).
+Alert-dialog: Cancel -> Close; Action has no primitive (plain Button).
+Sheet: slide animations rewritten from animate-in/out to
+`data-starting-style` / `data-ending-style` with explicit translate per
+`data-[side=...]`. Centered modals: no Positioner.
+
+### drawer (vaul -> Base UI) — OPT-IN ONLY, not part of a radix migration
+Vaul is NOT radix: during a radix -> base-ui migration, leave drawer.tsx
+untouched and report it (hard rule in SKILL.md). This mapping exists only for
+when the user EXPLICITLY asks to also move their drawer off vaul.
+Root gains `modal`, `snapPoints`, `swipeDirection` (default "down"),
+`showSwipeHandle`. Content (single) -> `Viewport > Popup > Content`.
+`data-[vaul-drawer-direction=...]` -> `data-[swipe-direction=...]` /
+`data-[swipe-axis=...]` + `--drawer-*` vars. New SwipeHandle part and a
+context provider in our wrapper. This is a vaul migration, not radix.
+
+### popover / tooltip / hover-card
+Portal > Positioner > Popup. Popover: Anchor dropped, Title is now a real
+primitive part. Tooltip: Provider `delayDuration` -> `delay`; Content gains
+side/align/alignOffset; default sideOffset 0 -> 4; Arrow gets explicit
+per-side positioning classes. HoverCard: primitive renamed PreviewCard
+(public wrapper names stay HoverCard*).
+
+### menus (dropdown-menu -> Menu; context-menu; menubar)
+Canonical mapping: Label -> GroupLabel, ItemIndicator ->
+CheckboxItemIndicator/RadioItemIndicator, Sub -> SubmenuRoot, SubTrigger ->
+SubmenuTrigger, Content -> Portal > Positioner > Popup, SubContent rebuilt
+from the Content component. Content hoists align/alignOffset/side/sideOffset.
+SubTrigger open marker: `data-popup-open`. Context-menu has its own subpath
+(`@base-ui/react/context-menu`), same anatomy. Menubar: only the root and
+checkbox/radio items are menubar/menu primitives; everything else delegates
+to the Menu wrappers (radix Menubar.Menu -> Menu.Root).
+
+### select
+Label -> GroupLabel, Viewport -> List, ScrollUp/DownButton ->
+ScrollUp/DownArrow. Icon/ItemIndicator go `asChild` -> `render`.
+`position` -> `alignItemWithTrigger` (default true) on Positioner. Vars ->
+`--available-height` / `--anchor-width` / `--transform-origin`.
+
+### form controls
+Checkbox: 1:1. Switch: 1:1. Radio group: group from
+`@base-ui/react/radio-group` (callable), items from `@base-ui/react/radio`
+(`Radio.Root` + `Radio.Indicator`). Slider: `Root > Control > Track >
+Indicator` + Thumbs, `thumbAlignment="edge"`; layout classes move Root ->
+Control. Toggle/toggle-group: callable primitives; group items reuse Toggle.
+
+### tabs / collapsible / progress / separator / scroll-area / label
+Tabs: Trigger -> Tab, Content -> Panel, `aria-disabled:*` added. Collapsible:
+Content -> Panel. Progress: new Track/Label/Value parts; primitive computes
+fill (drop the manual translateX). Separator: callable, `decorative` dropped.
+Scroll-area: Scrollbar/Thumb renames only. Label: no primitive; native
+`<label>`.
+
+### navigation-menu
+Viewport moves out of Root into `Portal > Positioner > Popup > Viewport`
+(our NavigationMenuPositioner). Indicator -> Icon. `viewport` boolean prop
+removed; `align` forwarded to Positioner. New `data-instant`,
+`data-activation-direction` hooks; vars -> `--positioner-height/width`,
+`--popup-height/width`.
+
+### breadcrumb / marker (Slot users)
+`Slot.Root` + `asChild` -> `useRender` + `mergeProps`
+(`useRender.ComponentProps<"a">`, `render` prop, `state.slot`).
+
+## Doc-validation TODOs (before specs are final)
+
+1. Popover Anchor: confirm Base UI has no anchor equivalent (Positioner may
+   accept an `anchor` prop; our wrapper simply dropped the part).
+2. Callback signatures: radix `onOpenChange(open)` vs Base UI
+   `onOpenChange(open, event, reason)` style differences; wrappers pass
+   through so the pair diff cannot see them. Check per primitive.
+3. Toast, Toolbar, Form/Field/Fieldset, OTP Field: not covered by our pairs;
+   author these specs from docs alone.
+4. Controlled-prop names on menus/select (`open`, `value`, `highlighted`)
+   and any `defaultChecked`/`checked` nuances.
+5. Focus/dismissal behavior knobs (`onInteractOutside`, `onEscapeKeyDown` ->
+   Base UI equivalents) which our wrappers do not surface.
+
+## Slot -> useRender: WORKED EXAMPLE (avoid the mergeProps pitfall)
+
+Radix:
+```tsx
+import { Slot } from "radix-ui"
+function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot.Root : "a"
+  return <Comp data-slot="breadcrumb-link" className={cn("...", className)} {...props} />
+}
+```
+
+Base UI:
+```tsx
+import { mergeProps } from "@base-ui/react/merge-props"
+import { useRender } from "@base-ui/react/use-render"
+
+function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<"a">) {
+  return useRender({
+    defaultTagName: "a",
+    render,
+    props: mergeProps<"a">(
+      // PITFALL: data-* attributes fail excess-property checking when passed
+      // as an object literal into mergeProps (they are only special-cased in
+      // JSX). Cast the literal:
+      { "data-slot": "breadcrumb-link", className: cn("...", className) } as React.ComponentProps<"a">,
+      props
+    ),
+  })
+}
+```
+
+Two rules:
+1. This pattern is ONLY for non-button polymorphic components (breadcrumb
+   link, marker, badge, item...). `button.tsx` migrates to the real
+   `@base-ui/react/button` primitive, which accepts `render` natively.
+2. Always cast object literals containing `data-*` keys passed to
+   `mergeProps` (`as React.ComponentProps<"tag">`), or tsc fails on every one.
+
+## Positioner props: Pick means FORWARD
+
+When a wrapper exposes positioning props via
+`Pick<XPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">`,
+you MUST destructure each of those props in the wrapper and pass them to
+`<XPrimitive.Positioner>` explicitly. If you forget, they fall through
+`...props` onto the Popup (wrong DOM node) and positioning silently breaks.
+No JSX-level type error catches this; only the wrapper's own destructuring
+discipline and a browser check do. Checklist per overlay wrapper:
+declare -> destructure -> forward. All three, every time.
diff --git a/frontend/.agents/skills/migrate-radix-to-base/wrapper-shapes.md b/frontend/.agents/skills/migrate-radix-to-base/wrapper-shapes.md
new file mode 100644
index 0000000..58227ad
--- /dev/null
+++ b/frontend/.agents/skills/migrate-radix-to-base/wrapper-shapes.md
@@ -0,0 +1,110 @@
+# Target wrapper shapes (golden-derived specifics)
+
+Facts learned by diffing hand migrations against the shadcn base registry
+wrappers. These close gaps the mapping tables cannot express: exact classes,
+defaults, and composition shapes. When migrating shadcn-style wrappers,
+prefer these shapes.
+
+## Conventions
+
+- Positioner parts get NO `data-slot` attribute; keep data-slot on the parts
+  the radix wrapper already had.
+- Menu-family Positioner: `className="isolate z-50 outline-none"`; the Popup
+  KEEPS `z-50` and `outline-none` too. Tooltip: Popup keeps `z-50`,
+  Positioner gets `isolate z-50`. Select: `isolate z-50` lives on the Popup,
+  Positioner gets no class.
+- The base registry adds `cn-<comp>-content-logical` (and for tooltip also
+  `cn-tooltip-arrow-logical`) companion classes next to the existing
+  `cn-<comp>-content` hooks on popover, tooltip, hover-card, dropdown,
+  context-menu, select, menubar popups. Add them when the source uses cn-*
+  hooks; skip for plain-Tailwind projects.
+
+## Button
+
+Base UI HAS a Button primitive: `import { Button as ButtonPrimitive } from
+"@base-ui/react/button"`. A shadcn button.tsx with the Slot/asChild idiom
+migrates to `<ButtonPrimitive>` directly (which supports `render`), NOT to a
+hand-rolled useRender wrapper. Reserve useRender + mergeProps for
+non-button polymorphic components (breadcrumb link, marker).
+
+## Tooltip Arrow (literal classes)
+
+```tsx
+<TooltipPrimitive.Arrow
+  className={cn(
+    "cn-tooltip-arrow cn-tooltip-arrow-logical",
+    "data-[side=bottom]:top-1 data-[side=left]:right-[-13px] data-[side=left]:top-1/2! data-[side=left]:-translate-y-1/2 data-[side=right]:left-[-13px] data-[side=right]:top-1/2! data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5",
+    className
+  )}
+/>
+```
+
+Verify against the current base registry tooltip before relying on the exact
+pixel values; the shape (per-side offsets + translate, no rotation) is the
+stable part. Golden default: `alignOffset = 0`, `sideOffset = 4`.
+
+## DropdownMenu / ContextMenu SubContent
+
+Compose the PUBLIC Content wrapper, do not rebuild from primitives:
+
+```tsx
+function DropdownMenuSubContent(props) {
+  return (
+    <DropdownMenuContent
+      align="start"
+      alignOffset={-3}
+      side="right"
+      sideOffset={0}
+      className={cn("w-auto", props.className)}
+      {...props}
+    />
+  )
+}
+```
+
+The `-3` / `0` defaults are load-bearing (visual alignment with the parent
+menu). NOTE: the live registry shapes SubContent differently per menu:
+context-menu is a true minimal compose (as above), while dropdown-menu's
+SubContent duplicates the full content class list (including translucent menu
+styling) rather than composing. When a golden pair exists, copy the golden
+shape; this example is the fallback.
+
+DANGER — do not confuse SubContent defaults with main-Content defaults. The
+values above are ONLY for the *submenu* wrappers (DropdownMenuSubContent /
+ContextMenuSubContent). The MAIN ContextMenuContent (the pointer-anchored
+right-click menu) keeps its own positioning — do NOT apply
+`side="right"`/`alignOffset` to it, or every right-click menu mispositions.
+- ContextMenu SUBContent defaults: `align="start" alignOffset={4} side="right" sideOffset={0}`.
+- DropdownMenu SUBContent defaults: `align="start" alignOffset={-3} side="right" sideOffset={0}`.
+- Main Content (either): keep the wrapper's existing align/sideOffset; do not add a side.
+
+## SubTrigger open styling
+
+Base wrappers ADD `data-popup-open:bg-accent
+data-popup-open:text-accent-foreground` to SubTrigger (no radix equivalent
+class existed; the open styling was previously data-[state=open]).
+
+## Select
+
+- Bare re-export: `const Select = SelectPrimitive.Root` (no wrapper function,
+  no data-slot on Root). `SelectPrimitive.Root.Props` is GENERIC
+  (<Value, Multiple>), which breaks the usual ComponentProps pattern; the
+  bare re-export sidesteps it.
+- Drop the radix `position` prop entirely; expose `alignItemWithTrigger`
+  (default true) picked from Positioner.Props, `sideOffset = 4`.
+- Item anatomy: `ItemText` FIRST with `cn-select-item-text shrink-0
+  whitespace-nowrap`, then `ItemIndicator render={<span
+  className="cn-select-item-indicator" />}`.
+- Scroll arrows get `top-0 w-full` / `bottom-0 w-full`; List has no classes.
+
+## Accordion animation placement
+
+`h-(--accordion-panel-height)`, `data-starting-style:h-0`, and
+`data-ending-style:h-0` all go on the INNER div of the Panel (the element
+that previously carried the radix height animation), not on the Panel itself.
+
+## Tabs
+
+The base registry accepts Base UI's manual-activation default (no
+`activateOnFocus`), and does not forward `orientation` beyond what the radix
+wrapper did. Match it: flag the behavior delta, do not patch it.
diff --git a/frontend/.agents/skills/shadcn/SKILL.md b/frontend/.agents/skills/shadcn/SKILL.md
new file mode 100644
index 0000000..1b4c414
--- /dev/null
+++ b/frontend/.agents/skills/shadcn/SKILL.md
@@ -0,0 +1,277 @@
+---
+name: shadcn
+description: Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".
+user-invocable: false
+allowed-tools: Bash(npx shadcn@latest *), Bash(pnpm dlx shadcn@latest *), Bash(bunx --bun shadcn@latest *)
+---
+
+# shadcn/ui
+
+A framework for building ui, components and design systems. Components are added as source code to the user's project via the CLI.
+
+> **IMPORTANT:** Run all CLI commands using the project's package runner: `npx shadcn@latest`, `pnpm dlx shadcn@latest`, or `bunx --bun shadcn@latest` — based on the project's `packageManager`. Examples below use `npx shadcn@latest` but substitute the correct runner for the project.
+
+## Current Project Context
+
+```json
+!`npx shadcn@latest info --json`
+```
+
+The JSON above contains the project config and installed components. Use `npx shadcn@latest docs <component>` to get documentation and example URLs for any component.
+
+## Principles
+
+1. **Use existing components first.** Use `npx shadcn@latest search` to check registries before writing custom UI. Check community registries too.
+2. **Compose, don't reinvent.** Settings page = Tabs + Card + form controls. Dashboard = Sidebar + Card + Chart + Table.
+3. **Use built-in variants before custom styles.** `variant="outline"`, `size="sm"`, etc.
+4. **Use semantic colors.** `bg-primary`, `text-muted-foreground` — never raw values like `bg-blue-500`.
+
+## Critical Rules
+
+These rules are **always enforced**. Each links to a file with Incorrect/Correct code pairs.
+
+### Styling & Tailwind → [styling.md](./rules/styling.md)
+
+- **`className` for layout, not styling.** Never override component colors or typography.
+- **No `space-x-*` or `space-y-*`.** Use `flex` with `gap-*`. For vertical stacks, `flex flex-col gap-*`.
+- **Use `size-*` when width and height are equal.** `size-10` not `w-10 h-10`.
+- **Use `truncate` shorthand.** Not `overflow-hidden text-ellipsis whitespace-nowrap`.
+- **No manual `dark:` color overrides.** Use semantic tokens (`bg-background`, `text-muted-foreground`).
+- **Use `cn()` for conditional classes.** Don't write manual template literal ternaries.
+- **No manual `z-index` on overlay components.** Dialog, Sheet, Popover, etc. handle their own stacking.
+
+### Forms & Inputs → [forms.md](./rules/forms.md)
+
+- **Forms use `FieldGroup` + `Field`.** Never use raw `div` with `space-y-*` or `grid gap-*` for form layout.
+- **`InputGroup` uses `InputGroupInput`/`InputGroupTextarea`.** Never raw `Input`/`Textarea` inside `InputGroup`.
+- **Buttons inside inputs use `InputGroup` + `InputGroupAddon`.**
+- **Option sets (2–7 choices) use `ToggleGroup`.** Don't loop `Button` with manual active state.
+- **`FieldSet` + `FieldLegend` for grouping related checkboxes/radios.** Don't use a `div` with a heading.
+- **Field validation uses `data-invalid` + `aria-invalid`.** `data-invalid` on `Field`, `aria-invalid` on the control. For disabled: `data-disabled` on `Field`, `disabled` on the control.
+
+### Component Structure → [composition.md](./rules/composition.md)
+
+- **Items always inside their Group.** `SelectItem` → `SelectGroup`. `DropdownMenuItem` → `DropdownMenuGroup`. `CommandItem` → `CommandGroup`.
+- **Use `asChild` (radix) or `render` (base) for custom triggers.** Check `base` field from `npx shadcn@latest info`. → [base-vs-radix.md](./rules/base-vs-radix.md)
+- **Dialog, Sheet, and Drawer always need a Title.** `DialogTitle`, `SheetTitle`, `DrawerTitle` required for accessibility. Use `className="sr-only"` if visually hidden.
+- **Use full Card composition.** `CardHeader`/`CardTitle`/`CardDescription`/`CardContent`/`CardFooter`. Don't dump everything in `CardContent`.
+- **Button has no `isPending`/`isLoading`.** Compose with `Spinner` + `data-icon` + `disabled`.
+- **`TabsTrigger` must be inside `TabsList`.** Never render triggers directly in `Tabs`.
+- **`Avatar` always needs `AvatarFallback`.** For when the image fails to load.
+
+### Use Components, Not Custom Markup → [composition.md](./rules/composition.md)
+
+- **Use existing components before custom markup.** Check if a component exists before writing a styled `div`.
+- **Callouts use `Alert`.** Don't build custom styled divs.
+- **Empty states use `Empty`.** Don't build custom empty state markup.
+- **Toast follows the project base.** Use `toast` from the `toast` component for
+  Base UI projects. Use `toast()` from `sonner` for Radix and React Aria
+  projects.
+- **Use `Separator`** instead of `<hr>` or `<div className="border-t">`.
+- **Use `Skeleton`** for loading placeholders. No custom `animate-pulse` divs.
+- **Use `Badge`** instead of custom styled spans.
+
+### Icons → [icons.md](./rules/icons.md)
+
+- **Icons in `Button` use `data-icon`.** `data-icon="inline-start"` or `data-icon="inline-end"` on the icon.
+- **No sizing classes on icons inside components.** Components handle icon sizing via CSS. No `size-4` or `w-4 h-4`.
+- **Pass icons as objects, not string keys.** `icon={CheckIcon}`, not a string lookup.
+
+### Chat & Messaging → [chat.md](./rules/chat.md)
+
+- **Chat UI composes the chat primitives.** Conversations use `MessageScroller`, rows use `Message`, surfaces use `Bubble`. Never hand-rolled bubble `div`s or a raw scroll container.
+- **`MessageScroller` owns scroll behavior.** Streaming follow, anchoring, and jump-to-latest (`MessageScrollerButton`) are built in. Don't write a `useStickToBottom`/`ResizeObserver` hook.
+- **Attachments use `Attachment`; system notes and dividers use `Marker`.** Not `Item` cards or `Separator` + a label.
+
+### CLI
+
+- **Never decode preset codes or build preset URLs manually.** Use `npx shadcn@latest preset decode <code>`, `preset url <code>`, or `preset open <code>`. For project-aware preset detection, use `npx shadcn@latest preset resolve`.
+- **Apply preset codes directly with the CLI.** Use `npx shadcn@latest apply <code>` for existing projects, or `npx shadcn@latest init --preset <code>` when initializing.
+
+## Key Patterns
+
+These are the most common patterns that differentiate correct shadcn/ui code. For edge cases, see the linked rule files above.
+
+```tsx
+// Form layout: FieldGroup + Field, not div + Label.
+<FieldGroup>
+  <Field>
+    <FieldLabel htmlFor="email">Email</FieldLabel>
+    <Input id="email" />
+  </Field>
+</FieldGroup>
+
+// Validation: data-invalid on Field, aria-invalid on the control.
+<Field data-invalid>
+  <FieldLabel>Email</FieldLabel>
+  <Input aria-invalid />
+  <FieldDescription>Invalid email.</FieldDescription>
+</Field>
+
+// Icons in buttons: data-icon, no sizing classes.
+<Button>
+  <SearchIcon data-icon="inline-start" />
+  Search
+</Button>
+
+// Spacing: gap-*, not space-y-*.
+<div className="flex flex-col gap-4">  // correct
+<div className="space-y-4">           // wrong
+
+// Equal dimensions: size-*, not w-* h-*.
+<Avatar className="size-10">   // correct
+<Avatar className="w-10 h-10"> // wrong
+
+// Status colors: Badge variants or semantic tokens, not raw colors.
+<Badge variant="secondary">+20.1%</Badge>    // correct
+<span className="text-emerald-600">+20.1%</span> // wrong
+```
+
+## Component Selection
+
+| Need                       | Use                                                                                                 |
+| -------------------------- | --------------------------------------------------------------------------------------------------- |
+| Button/action              | `Button` with appropriate variant                                                                   |
+| Form inputs                | `Input`, `Select`, `Combobox`, `Switch`, `Checkbox`, `RadioGroup`, `Textarea`, `InputOTP`, `Slider` |
+| Toggle between 2–5 options | `ToggleGroup` + `ToggleGroupItem`                                                                   |
+| Data display               | `Table`, `Card`, `Badge`, `Avatar`                                                                  |
+| Navigation                 | `Sidebar`, `NavigationMenu`, `Breadcrumb`, `Tabs`, `Pagination`                                     |
+| Overlays                   | `Dialog` (modal), `Sheet` (side panel), `Drawer` (bottom sheet), `AlertDialog` (confirmation)       |
+| Feedback                   | `toast` (Base UI), `sonner` (Radix/Aria), `Alert`, `Progress`, `Skeleton`, `Spinner`                 |
+| Command palette            | `Command` inside `Dialog`                                                                           |
+| Charts                     | `Chart` (wraps Recharts)                                                                            |
+| Layout                     | `Card`, `Separator`, `Resizable`, `ScrollArea`, `Accordion`, `Collapsible`                          |
+| Empty states               | `Empty`                                                                                             |
+| Menus                      | `DropdownMenu`, `ContextMenu`, `Menubar`                                                            |
+| Tooltips/info              | `Tooltip`, `HoverCard`, `Popover`                                                                   |
+| Chat / conversation UI     | `MessageScroller`, `Message`, `Bubble`, `Attachment`, `Marker`                                      |
+
+## Key Fields
+
+The injected project context contains these key fields:
+
+- **`aliases`** → use the actual alias prefix for imports (e.g. `@/`, `~/`), never hardcode.
+- **`isRSC`** → when `true`, components using `useState`, `useEffect`, event handlers, or browser APIs need `"use client"` at the top of the file. Always reference this field when advising on the directive.
+- **`tailwindVersion`** → `"v4"` uses `@theme inline` blocks; `"v3"` uses `tailwind.config.js`.
+- **`tailwindCssFile`** → the global CSS file where custom CSS variables are defined. Always edit this file, never create a new one.
+- **`style`** → component visual treatment (e.g. `nova`, `vega`).
+- **`base`** → primitive library (`radix` or `base`). Affects component APIs and available props.
+- **`iconLibrary`** → determines icon imports. Use `lucide-react` for `lucide`, `@tabler/icons-react` for `tabler`, etc. Never assume `lucide-react`.
+- **`resolvedPaths`** → exact file-system destinations for components, utils, hooks, etc.
+- **`framework`** → routing and file conventions (e.g. Next.js App Router vs Vite SPA).
+- **`packageManager`** → use this for any non-shadcn dependency installs (e.g. `pnpm add date-fns` vs `npm install date-fns`).
+- **`preset`** → resolved preset code and values for the current project. Use `npx shadcn@latest preset resolve --json` when you only need preset information.
+
+See [cli.md — `info` command](./cli.md) for the full field reference.
+
+## Component Docs, Examples, and Usage
+
+Run `npx shadcn@latest docs <component>` to get the URLs for a component's documentation, examples, and API reference. Fetch these URLs to get the actual content.
+
+```bash
+npx shadcn@latest docs button dialog select
+```
+
+**When creating, fixing, debugging, or using a component, always run `npx shadcn@latest docs` and fetch the URLs first.** This ensures you're working with the correct API and usage patterns rather than guessing.
+
+## Workflow
+
+1. **Get project context** — already injected above. Run `npx shadcn@latest info` again if you need to refresh.
+2. **Check installed components first** — before running `add`, always check the `components` list from project context or list the `resolvedPaths.ui` directory. Don't import components that haven't been added, and don't re-add ones already installed.
+3. **Find components** — `npx shadcn@latest search`.
+4. **Get docs and examples** — run `npx shadcn@latest docs <component>` to get URLs, then fetch them. Use `npx shadcn@latest view` to browse registry items you haven't installed. To preview changes to installed components, use `npx shadcn@latest add --diff`.
+5. **Install or update** — `npx shadcn@latest add`. When updating existing components, use `--dry-run` and `--diff` to preview changes first (see [Updating Components](#updating-components) below).
+6. **Fix imports in third-party components** — After adding components from community registries (e.g. `@bundui`, `@magicui`), check the added non-UI files for hardcoded import paths like `@/components/ui/...`. These won't match the project's actual aliases. Use `npx shadcn@latest info` to get the correct `ui` alias (e.g. `@workspace/ui/components`) and rewrite the imports accordingly. The CLI rewrites imports for its own UI files, but third-party registry components may use default paths that don't match the project.
+7. **Review added components** — After adding a component or block from any registry, **always read the added files and verify they are correct**. Check for missing sub-components (e.g. `SelectItem` without `SelectGroup`), missing imports, incorrect composition, or violations of the [Critical Rules](#critical-rules). Also replace any icon imports with the project's `iconLibrary` from the project context (e.g. if the registry item uses `lucide-react` but the project uses `hugeicons`, swap the imports and icon names accordingly). Fix all issues before moving on.
+8. **Registry must be explicit** — When the user asks to add a block or component, **do not guess the registry**. If no registry is specified (e.g. user says "add a login block" without specifying `@shadcn`, `@tailark`, `owner/repo`, etc.), ask which registry to use. Never default to a registry on behalf of the user.
+9. **Switching presets** — Ask the user first: **overwrite**, **partial**, **merge**, or **skip**?
+   - **Inspect current preset**: `npx shadcn@latest preset resolve`. Use `--json` when you need structured values.
+   - **Inspect incoming preset**: `npx shadcn@latest preset decode <code>`. Use `preset url <code>` or `preset open <code>` to share or open the preset builder.
+   - **Overwrite**: `npx shadcn@latest apply <code>`. Overwrites detected components, fonts, and CSS variables.
+   - **Partial**: `npx shadcn@latest apply <code> --only theme,font`. Updates only the selected preset parts without reinstalling UI components. Supported values are `theme` and `font`; comma-separated combinations are allowed. `icon` is intentionally not supported, because icon changes may require full component reinstall and transforms.
+   - **Merge**: `npx shadcn@latest init --preset <code> --force --no-reinstall`, then run `npx shadcn@latest info` to list installed components, then for each installed component use `--dry-run` and `--diff` to [smart merge](#updating-components) it individually.
+   - **Skip**: `npx shadcn@latest init --preset <code> --force --no-reinstall`. Only updates config and CSS, leaves components as-is.
+   - **Important**: Always run preset commands inside the user's project directory. `apply` only works in an existing project with a `components.json` file. The CLI automatically preserves the current base (`base` vs `radix`) from `components.json`. If you must use a scratch/temp directory (e.g. for `--dry-run` comparisons), pass `--base <current-base>` explicitly — preset codes do not encode the base.
+
+## Updating Components
+
+When the user asks to update a component from upstream while keeping their local changes, use `--dry-run` and `--diff` to intelligently merge. **NEVER fetch raw files from GitHub manually — always use the CLI.**
+
+1. Run `npx shadcn@latest add <component> --dry-run` to see all files that would be affected.
+2. For each file, run `npx shadcn@latest add <component> --diff <file>` to see what changed upstream vs local.
+3. Decide per file based on the diff:
+   - No local changes → safe to overwrite.
+   - Has local changes → read the local file, analyze the diff, and apply upstream updates while preserving local modifications.
+   - User says "just update everything" → use `--overwrite`, but confirm first.
+4. **Never use `--overwrite` without the user's explicit approval.**
+
+## Quick Reference
+
+```bash
+# Create a new project.
+npx shadcn@latest init --name my-app --preset base-nova
+npx shadcn@latest init --name my-app --preset a2r6bw --template vite
+
+# Create a monorepo project.
+npx shadcn@latest init --name my-app --preset base-nova --monorepo
+npx shadcn@latest init --name my-app --preset base-nova --template next --monorepo
+
+# Initialize existing project.
+npx shadcn@latest init --preset base-nova
+npx shadcn@latest init --defaults  # shortcut: --template=next --preset=nova (base style implied)
+
+# Apply a preset to an existing project.
+npx shadcn@latest apply a2r6bw
+npx shadcn@latest apply a2r6bw --only theme
+npx shadcn@latest apply a2r6bw --only font
+npx shadcn@latest apply a2r6bw --only theme,font
+
+# Inspect preset codes and project preset state.
+npx shadcn@latest preset decode a2r6bw
+npx shadcn@latest preset url a2r6bw
+npx shadcn@latest preset open a2r6bw
+npx shadcn@latest preset resolve
+npx shadcn@latest preset resolve --json
+
+# Add components.
+npx shadcn@latest add button card dialog
+npx shadcn@latest add @magicui/shimmer-button
+npx shadcn@latest add owner/repo/item
+npx shadcn@latest add --all
+
+# Preview changes before adding/updating.
+npx shadcn@latest add button --dry-run
+npx shadcn@latest add button --diff button.tsx
+npx shadcn@latest add @acme/form --view button.tsx
+npx shadcn@latest add owner/repo/item --dry-run
+
+# Search registries.
+npx shadcn@latest search @shadcn -q "sidebar"
+npx shadcn@latest search @tailark -q "stats"
+npx shadcn@latest search owner/repo -q "login"
+npx shadcn@latest search                          # all configured registries
+npx shadcn@latest search @shadcn -q "menu" -t ui  # filter by item type
+
+# Get component docs and example URLs.
+npx shadcn@latest docs button dialog select
+
+# View registry item details (for items not yet installed).
+npx shadcn@latest view @shadcn/button
+npx shadcn@latest view owner/repo/item
+```
+
+**Named presets:** `nova`, `vega`, `maia`, `lyra`, `mira`, `luma`
+**Templates:** `next`, `vite`, `start`, `react-router`, `astro` (all support `--monorepo`) and `laravel` (not supported for monorepo)
+**Preset codes:** Version-prefixed base62 strings (e.g. `a2r6bw` or `b0`), from [ui.shadcn.com](https://ui.shadcn.com).
+
+## Detailed References
+
+- [rules/forms.md](./rules/forms.md) — FieldGroup, Field, InputGroup, ToggleGroup, FieldSet, validation states
+- [rules/composition.md](./rules/composition.md) — Groups, overlays, Card, Tabs, Avatar, Alert, Empty, Toast, Separator, Skeleton, Badge, Button loading
+- [rules/chat.md](./rules/chat.md) — MessageScroller, Message, Bubble, Attachment, Marker; streaming, anchoring, jump-to-latest
+- [rules/icons.md](./rules/icons.md) — data-icon, icon sizing, passing icons as objects
+- [rules/styling.md](./rules/styling.md) — Semantic colors, variants, className, spacing, size, truncate, dark mode, cn(), z-index
+- [rules/base-vs-radix.md](./rules/base-vs-radix.md) — asChild vs render, Select, ToggleGroup, Slider, Accordion
+- [cli.md](./cli.md) — Commands, flags, presets, templates
+- [registry.md](./registry.md) — Authoring source registries, `include`, item definitions, dependencies, GitHub registry rules
+- [customization.md](./customization.md) — Theming, CSS variables, extending components
diff --git a/frontend/.agents/skills/shadcn/agents/openai.yml b/frontend/.agents/skills/shadcn/agents/openai.yml
new file mode 100644
index 0000000..ab636da
--- /dev/null
+++ b/frontend/.agents/skills/shadcn/agents/openai.yml
@@ -0,0 +1,5 @@
+interface:
+  display_name: "shadcn/ui"
+  short_description: "Manages shadcn/ui components — adding, searching, fixing, debugging, styling, and composing UI."
+  icon_small: "./assets/shadcn-small.png"
+  icon_large: "./assets/shadcn.png"
diff --git a/frontend/.agents/skills/shadcn/assets/shadcn-small.png b/frontend/.agents/skills/shadcn/assets/shadcn-small.png
new file mode 100644
index 0000000000000000000000000000000000000000..547154b97f2298335159c23eec1dac0d147a1246
GIT binary patch
literal 1049
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Ea{HEjtmSN`?>!lvI6-E$sR$z
z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBDAAG{;hE;^%b*2hb1<+n
z3NbJPS&Tr)z$nE4G7ZRL@M4sPvx68lplX;H7}_%#SfFa6fHVkr05M1pgl1mAh%j*h
z6I`{x0%imor0saV%ts)_S>O>_%)r1c48n{Iv*t(uO^eJ7i71Ki^|4CM&(%vz$xlkv
ztH><?>0+>{umUo3Q%e#RDspr3imfVamB1>jfNYSkzLEl1NlCV?QiN}Sf^&XRs)CuG
zfu4bq9hZWFf=y9MnpKdC8&o@xXRDM^Qc_^0uU}qXu2*iXmtT~wZ)j<0sc&GUZ)Btk
zRH0j3nOBlnp_^B%3^4>|j!SBBa#3bMNoIbY0?6FNr2NtnTO}osMQ{LdXGvxn!lt}p
zsJDO~)CbAv8|oS8!_5Y2wE>A*`4?rT0&NDFZ)a!&R*518wZ}#uWI2*!AU*|)0=;U-
zWup%dHajlKxQFb(K%V94;uvBfm>Yb$>yU#$kCbgiC(9RwrlwA(rsW(``(6H=zq@!*
zUB_~Trk_lTdxPh$yxDTsVY&L;b+6{tRm^+d+gl^OQcCIBok=%y)Vhx@dR1ceL3r{0
z9=2<T8PCbDj&`^)?ex;kU#n~lo#I)_5>nMXx8DxEkhL{v?(>~8{qDBkfB!u-iDB`|
z-5d%Ae82YI%n8Zg9$mRN?o-|V)V*=5b-R>a>}P2{=pcK^B(&B-W{C#Z!Q%b*ueK>n
zK6ymYLRneebCKDSzcqHEHFopo-mkH{zIkt2Z0^086Tko7%N)NxoZYSDM1jSUwPpuS
zSeq*wzrC2D(tq4pZ#s9QP@Cd8Q^wW3*2cL_519?*;#4`B;+ei#o;C{Kkamm3Jooa;
zE$3K-+c<XL^^3mRb7)KA?z?$<rN$GhuI);+aV)T!yF}-7*y?}XGRHSI)!uJkXLGpe
zXPB}zgA)hWG3&>(6ShTjelW_B*W<jDG@o&iK`yu3wXb#(3Sv$UO&_-iKl{~_wK>5o
zcS6z34IR5C-SIF8m(lui^IOy!-~We?b1?PSGniCYR=ZyR^%<1lJzf1=);T3K0RU@N
BSy=!8

literal 0
HcmV?d00001

diff --git a/frontend/.agents/skills/shadcn/assets/shadcn.png b/frontend/.agents/skills/shadcn/assets/shadcn.png
new file mode 100644
index 0000000000000000000000000000000000000000..b7b6814acc25073e5f48099b1fd3f70c47bfb1c3
GIT binary patch
literal 3852
zcmY*c2{@Ep*nY=Y1|x&SAZEs{m}!)<%wS9yONAB@M)rMZgo-eODf<#aqEe(qiK0X#
zjeV<7Sz@e_J-dH=Uw_~KpZ7ZNbD!tj&;6X|T<3bv^<F!1%t(Mwf)4-y0g^G%l5L%L
zI)t13ru?{Zl5IHM^v(4F;8`O7h9ehyjBqlxGzWl73IGsJ2Y@xUD|{RP0x<wENd^F|
zOaKt0<WySduqWs))+ASRb3lcSApjRh7yz>oi2VQ{31CN!jQ|sn<X>zFQu@Q;0Du?|
zfb$Q>hHZD6F}v@?{A<B^p#K!}IR3Jo^T7Y%ov?2ar3AL&r5K;R008_VI~@dM<%qM@
z&U&1*rdpeuX*v1%s5v_Oop(_S_Mz-V0Xo52Z0O@cbwmXFc>7+^3dW)SVQ8`OjvI|a
z{6nF7;ZWA*ClCgH0WJs)HH;bth37*c5IO<Qu3DBv!$0Bd5f0@}rBbxe=%An=wIFph
zzW_J%0ZmO!GzN>tVpZ7;)e9lMRL5Xd-wU$;iu|t*(dB|ufCq)@;pdCk(RDoU7f8jS
zP&<kKwtv@2^>F<!lkbH;Ww8rH@64bNsA155wb`LMJ6^5h0Uj>w%scw{13LdO|DW$q
z9v$>f^8d4#e=GgR%Ptkqr-S~xZFoMo{SXfTK;ub7{gc6<X*&`_)O3$|Ou+uJklY8)
zcT0454lN`*#7o+(9=@Yw;wLGkw>41VugDjPn7=AJBO!*mUKucc{7ey~li!vybaIkF
z8OboYVX%y|2%P`k*m&i}s=eW8)0q&YJ<-thLrc)HZ?6uc7Fd!$(lWSvH;?Y^+|N2q
z(lz!>Ip|<{_a4CnLN%GIxW|*Sl|;4c3?=Q>z5fWEEtp(&BzeAccRS{zf9!64+SAA{
zhe+CT7U8Ox1UUnilJqweOM{d}_w6-|yz}dA=-R7yHrxs|(MLR_`U=AC%0V#PpIuxs
z`__xodV3Bl2ayP^m8isMu4iD<`=4UURtHBPsaLp81r-f3$(4vZbRPd}*>wTo@@?zp
zjl1KkifF5p%-V<}MTk3`()wm7qcMd8<14WE>Y_YwjB;{Zt!@vJbH&pu!Ye!p{1kAj
zlRg2pkl)WBbyj>3e<$)@mP?WW<fV<KEpqLiUQ)biEt@hetL@Amjucjkez;ZBJ84#v
zl^$7<E5@_ER}$4j8uL}TE?5i!yu?8xGAnvq=>}W-c;_(UQ(}=MJLED9F^U*P1KWxu
z1h@&s1?M0%ax_P5Qb><iRxB)$RS+oLQsSAN*b~`PtDv9cPkXS1k7>kkPKEH=OKGZn
z&-@5MD^|kk?Hzkfz8h$8#{$$OjAyr!+uGtp>ns1^oS7Nlv6k$^tzTdIb%jUtI8F3t
zL;LuqJ<IKowdZUN3}~+@L$x(iIod%_w0-&xmL@iQeGlCOa-kh_7aeX$3`(+p6Fjuv
z{!LGB)#aC^mzF%omZrY6#!DW~xiHoW_a1G&IsE3zYA4jOJk*rjmQ-B$_0sa<H4(+i
zQnxmZfraiOtC`n9zc{B-K9;chD+8PCs>7-@4UI|Q)HN=Ap;dAmuZY4c&XphavC{kl
z)mMY6L)S-94;V|YT3TA7<CLxL_b9l`!U$Le^Q@6%|A|idAHIxPjeCIQ+bgT*ANuyc
z@nB@?UVY2#Jq?>U^;uvS0W!$W`JIb@kNAm0@IKVWJ@R_jgX6wlUd5V%pHIn;=Z~px
z-B_MFLx+ldzTQUp5C<RDxxCyggw1(u`!Wly8XVJln4;#qINs5E-#ptaWPXIHForKp
zZa4ZaLcrcTqwUm?5U8c4g-RW25Fay$7Hr^%+57Cv^IKE#pH!GIBk%pgs|#bIsmO%>
zkXaznhH18TytzOgD%$iMnLiAtjvnHLkM;?P*3ZFb#cbY&ZF*|R;4V4$85DZMQ#T@|
zxuMMPg?cl|hNJ$2S&%fLErMQSzCnzc_QGh3x@I8V&Omf&=_n+EaC}tft^`)^W5-=1
z0bbJ#wK8+=zNaz-V{U?NtJp&%IDd9-xIut--<c-|L->L}@gU{E>B&ym$vT2@wEZq-
zzDqmDf)Cr-aZ-5KIYF!Elcq_X%?qXsg}Yhp=^bebcZ-Ucd$p+US;P}(@VrR4_<ix~
zed6~E6}jAU9S9Ih%lyaXai@w;!^wrRM^W=6NW^oYz8|?fU)#bN8$yH<imt53ZBP?=
zy;&V4FN3Een47<du7j5{J5%wKOa|1NG%Z3%8o|@c+S9c>fy6!qx?X)%SIi+LRsDR`
zQ8+xRd{In4WLlVjoy5ElKt%?Ykr)cH*G}0^tE=$(#0W?l)_9MV89|sem>Y}t&?fGt
zo3o0sdsG9?JhC1-KM}e*&zeb*H$7Jo<z?K_AU}TDGZq#`Ix@STU_03`T<~Ulh{raU
zvM7x%8>D&0z#=2sH725JmGV`WoVb86exi5p^Lm{B5BlZRd6(bKH`QmJ*u8#(j6IH1
zFf;Li5iqsV=V^irlzzwVJ$xXwz?I8y`i+t-g0?n77Ie}-fBp1{)&Dm1Yk^Fb=7rI4
zAD)SQRv9=Xr%G{qI!<cqI%|3PVv9j_gQ<*e*w4mNn`o$w6+8)7e4S!ePEUe<4O%N~
z5QOk%9`Z`(k=PG#6w~WFw321#NNL4qo@QNeSKTV#_pLPn7D<;*r@9x18j54O+Z=fs
zlA-2A8LMQ0U9rCgs)KB8Y@o_<+;!CY!nSC3iQ1tXSkm{l!PH5XUS8Pba_W$xzF*gQ
zz2>)}>rf;lzG))%89I~zF)R~&_Ur)%0>4+7bxbBknHT`^+jNFe%p=t<=q}3W1Y-u+
zi-cN{V#+HsEEB8UQsUt1uE991MvN%&V?(0Mcb~82H!ori&rLm~Xyf>i#u_t=rzHA3
zu?NRljnv7YU;T&V#(OVE$+=^@kaXvs%C3f78E(k$IyZ`)N$NYtLMfphBkV|oSI}7N
zEpFrKnA*jL!k5P(%)+Sl^e>hI@Y}jqmvb~@RD`9$!9Jpu-Wf2Cq?hfV{ghuo&AG>9
zcvC><e+m(>&o43J*WfyXuRWV)Y0~9;i68pPyv&~-%Y<I0!{TfpK1Olkjx}A*@0Z{u
zahvPEvoC&rbk-@r^p<7_|IV2opH0bHoPZx$T8VIc8m|rhZObT!rX<%67chkhN#68w
zsnVjl<DBIcXm=kzkqVRjv{L^kK+-H?leb&m2=cB(wD0+53EDi5d_za0$niR!HXUte
zz_G-H)$+GYA~jMX*5RaP^%re<E^@%d-2+xQq+H!acT-##+1jBc0J0IY441k;u5SFw
z;bqkHBm^n0afSO`UP2zaEmVVGYiOmM0^)y|0Lww6H|F~vrk*?~%0g;zaNV|GK2*J{
z;scMnZ)_;M^4|My0HIxb&KPQ7yKNh|64k`gHyx)TUZ{?ls>sp}xCY)|oF5?x{w~aS
zfx&5VFU)gcnMk*q%=jkB9w_qQ)x=v#1Q^_3`uyEfKiD4y$vaOR4n4IpvQmyNXK%#R
zU|XV~4Bq=Kr7Zp3#hdF5_MgA#yL-jJ4E5*j2?mhMq17{mD#6f?!#-b>@HA&~uECub
zF2reQA9f>OHLzqeZhi$%7fW!n^Y3_Y{C0vfQs0?a(Pcz7Opuz;(9n>$6)c9L`((v~
z@R1+M2kRN}mDuKCk=od(UwR?y%hUbEv$dC0BD&Ir<X;r1jl6LS8>;03<NBaoV`GM?
z7U2BHZmhNSrSyHW^wYIRb-p=75AKZ$OM*lz$TngM(CHmg_N8BXdp)Sh&ZQQkw6!wu
z7^OI{+qeQt2%ei)aIe#_FHreaCJ@CnxL5mPvs5vYtPN(pNO(0=ra;5fysQo#H1mip
zN`L`O81;K)ps%g1?QNbk&`0*wQ#F>Mf&|A#ZFtn&*mnkH8>2w0+imbwLLU77q!A=W
ztt$OR$b#$dkIAwM*ZWG{5*zUPkBN$42Kxe)AYe9DV+?(A^_|<XDjm0fXnqok<d;{b
z%;#i}qr=A;r|(S-r)8+xx-!1AZ`p7VeMdW#`{|*CnY6^mxv*_6CzhBl7wssSl!L(h
zmXUFhyqEG*J7`AS37Cz0;eJ5hxtr`h6)yoAz?~)3>IoJLzRGKlbpb%n=PVmB`nxX<
z)_}Tpg&IoX;4<0!ksDY9f>*dl`c}zSl!(+ujG#<&yu3AEKR)zVKTaK88*+ma)}3)G
zx460(7TNMTz(t&DUv)`7lj(r=`!?>~Q}XW3w-sipV!{Trr8`zsvu9NEK9)zO0>v3D
zOs=r|`OyjAS{Ea@UIRrr2Y7A?5+5}R4RpF)ee5^F-dhvP6MKyO`kNB4jGC{-$x}`x
zXmpAxVV=WR{>!zDxoq7#DN+_BWG_PRr?$Sa(XT@zUL`HuM{I4bZSuo97aF&7tL@4P
zO59)SaLA2ZMU3dO5>=P)GiqcIBUy4A2h_IC-7+IROG<+Qqczgo-JyHw-!h2%h8#$y
zr;y4>z2<GzwHX@hBQv*o!|4Dn%<ok4St4LPe7h34{gY{O+sE=f=zEoB<I(4_pl7~f
zk8tl+xK@khgv00JSg4n@s1L!i5ST}JMSBs|xWcq^K+f@89VPna6(mzO{Mar+`1aG3
zEqUJP2;IuV9D}@DzbrrSVia4>J1R4+`7o>#OWA2iiS1m8)q6A}u3d7VBk<Gjr%_L#
z{N|h(V#5RXpJ&|yE?x27KwTSjg49t?TbuEUoL4`wt9hfxG4qal^Vu(oU*3XSxrM?{
z^Tq0OkfK<N_1s55B4mS{gBKajwsQIyvnZQrO+x4(+0db|A32dFr_{-JeZD5R#=;?E
zu~d$)q@d0978AVhlTfHmb@yS@HBx6{N|szpYPV8Rk}$`sTOCN=*m7%-zR?FyNPVL6
bl=;?Gl_4rhKv9*v^N&Y5dW`slK#u$$5&4lY

literal 0
HcmV?d00001

diff --git a/frontend/.agents/skills/shadcn/cli.md b/frontend/.agents/skills/shadcn/cli.md
new file mode 100644
index 0000000..8a1d195
--- /dev/null
+++ b/frontend/.agents/skills/shadcn/cli.md
@@ -0,0 +1,290 @@
+# shadcn CLI Reference
+
+Configuration is read from `components.json`.
+
+> **IMPORTANT:** Always run commands using the project's package runner: `npx shadcn@latest`, `pnpm dlx shadcn@latest`, or `bunx --bun shadcn@latest`. Check `packageManager` from project context to choose the right one. Examples below use `npx shadcn@latest` but substitute the correct runner for the project.
+
+> **IMPORTANT:** Only use the flags documented below. Do not invent or guess flags — if a flag isn't listed here, it doesn't exist. The CLI auto-detects the package manager from the project's lockfile; there is no `--package-manager` flag.
+
+## Contents
+
+- Commands: init, apply, add (dry-run, smart merge), search, view, docs, info, build
+- Templates: next, vite, start, react-router, astro
+- Presets: named, code, URL formats and fields
+- Switching presets
+
+---
+
+## Commands
+
+### `init` — Initialize or create a project
+
+```bash
+npx shadcn@latest init [components...] [options]
+```
+
+Initializes shadcn/ui in an existing project or creates a new project (when `--name` is provided). Optionally installs components in the same step.
+
+| Flag                    | Short | Description                                               | Default |
+| ----------------------- | ----- | --------------------------------------------------------- | ------- |
+| `--template <template>` | `-t`  | Template (next, start, vite, next-monorepo, react-router) | —       |
+| `--preset [name]`       | `-p`  | Preset configuration (named, code, or URL)                | —       |
+| `--yes`                 | `-y`  | Skip confirmation prompt                                  | `true`  |
+| `--defaults`            | `-d`  | Use defaults (`--template=next --preset=base-nova`)       | `false` |
+| `--force`               | `-f`  | Force overwrite existing configuration                    | `false` |
+| `--cwd <cwd>`           | `-c`  | Working directory                                         | current |
+| `--name <name>`         | `-n`  | Name for new project                                      | —       |
+| `--silent`              | `-s`  | Mute output                                               | `false` |
+| `--rtl`                 |       | Enable RTL support                                        | —       |
+| `--reinstall`           |       | Re-install existing UI components                         | `false` |
+| `--monorepo`            |       | Scaffold a monorepo project                               | —       |
+| `--no-monorepo`         |       | Skip the monorepo prompt                                  | —       |
+
+`npx shadcn@latest create` is an alias for `npx shadcn@latest init`.
+
+### `apply` — Apply a preset to an existing project
+
+```bash
+npx shadcn@latest apply [preset] [options]
+```
+
+Applies a preset to an existing project, overwriting preset-driven config, fonts, CSS variables, and detected UI components.
+
+| Flag                | Short | Description                                | Default |
+| ------------------- | ----- | ------------------------------------------ | ------- |
+| `--preset <preset>` | —     | Preset configuration (named, code, or URL) | —       |
+| `--yes`             | `-y`  | Skip confirmation prompt                   | `false` |
+| `--cwd <cwd>`       | `-c`  | Working directory                          | current |
+| `--silent`          | `-s`  | Mute output                                | `false` |
+
+`[preset]` is a shorthand for `--preset <preset>`. If both are provided, they must match.
+If no preset is provided, the CLI offers to open the custom preset builder on `ui.shadcn.com/create`.
+
+### `add` — Add components
+
+> **IMPORTANT:** To compare local components against upstream or to preview changes, ALWAYS use `npx shadcn@latest add <component> --dry-run`, `--diff`, or `--view`. NEVER fetch raw files from GitHub or other sources manually. The CLI handles registry resolution, file paths, and CSS diffing automatically.
+
+```bash
+npx shadcn@latest add [components...] [options]
+```
+
+Accepts component names, registry-prefixed names (`@magicui/shimmer-button`),
+GitHub item addresses (`owner/repo/item`), URLs, or local paths.
+
+| Flag            | Short | Description                                                                                                          | Default |
+| --------------- | ----- | -------------------------------------------------------------------------------------------------------------------- | ------- |
+| `--yes`         | `-y`  | Skip confirmation prompt                                                                                             | `false` |
+| `--overwrite`   | `-o`  | Overwrite existing files                                                                                             | `false` |
+| `--cwd <cwd>`   | `-c`  | Working directory                                                                                                    | current |
+| `--all`         | `-a`  | Add all available components                                                                                         | `false` |
+| `--path <path>` | `-p`  | Target path for the component                                                                                        | —       |
+| `--silent`      | `-s`  | Mute output                                                                                                          | `false` |
+| `--dry-run`     |       | Preview all changes without writing files                                                                            | `false` |
+| `--diff [path]` |       | Show diffs. Without a path, shows the first 5 files. With a path, shows that file only (implies `--dry-run`)         | —       |
+| `--view [path]` |       | Show file contents. Without a path, shows the first 5 files. With a path, shows that file only (implies `--dry-run`) | —       |
+
+#### Dry-Run Mode
+
+Use `--dry-run` to preview what `add` would do without writing any files. `--diff` and `--view` both imply `--dry-run`.
+
+```bash
+# Preview all changes.
+npx shadcn@latest add button --dry-run
+
+# Show diffs for all files (top 5).
+npx shadcn@latest add button --diff
+
+# Show the diff for a specific file.
+npx shadcn@latest add button --diff button.tsx
+
+# Show contents for all files (top 5).
+npx shadcn@latest add button --view
+
+# Show the full content of a specific file.
+npx shadcn@latest add button --view button.tsx
+
+# Works with URLs too.
+npx shadcn@latest add https://api.npoint.io/abc123 --dry-run
+
+# Works with public GitHub registries too.
+npx shadcn@latest add owner/repo/item --dry-run
+
+# CSS diffs.
+npx shadcn@latest add button --diff globals.css
+```
+
+**When to use dry-run:**
+
+- When the user asks "what files will this add?" or "what will this change?" — use `--dry-run`.
+- Before overwriting existing components — use `--diff` to preview the changes first.
+- When the user wants to inspect component source code without installing — use `--view`.
+- When checking what CSS changes would be made to `globals.css` — use `--diff globals.css`.
+- When the user asks to review or audit third-party registry code before installing — use `--view` to inspect the source.
+
+> **`npx shadcn@latest add --dry-run` vs `npx shadcn@latest view`:** Prefer `npx shadcn@latest add --dry-run/--diff/--view` over `npx shadcn@latest view` when the user wants to preview changes to their project. `npx shadcn@latest view` only shows raw registry metadata. `npx shadcn@latest add --dry-run` shows exactly what would happen in the user's project: resolved file paths, diffs against existing files, and CSS updates. Use `npx shadcn@latest view` only when the user wants to browse registry info without a project context.
+
+#### Smart Merge from Upstream
+
+See [Updating Components in SKILL.md](./SKILL.md#updating-components) for the full workflow.
+
+### `search` — Search registries
+
+```bash
+npx shadcn@latest search [registries...] [options]
+```
+
+Fuzzy search across registries. Also aliased as `npx shadcn@latest list`.
+Supports namespaces (`@acme`), public GitHub registry sources (`owner/repo`),
+and registry catalog URLs. Without `-q`, lists all items. When no registries are
+passed, searches every registry configured in `components.json`.
+
+| Flag                | Short | Description                                       | Default |
+| ------------------- | ----- | ------------------------------------------------- | ------- |
+| `--query <query>`   | `-q`  | Search query                                      | —       |
+| `--type <type>`     | `-t`  | Filter by item type (e.g. `ui`, `block`, `hook`); comma-separated | —       |
+| `--limit <number>`  | `-l`  | Max items to display                              | `100`   |
+| `--offset <number>` | `-o`  | Items to skip                                     | `0`     |
+| `--json`            |       | Output as JSON                                    | `false` |
+| `--cwd <cwd>`       | `-c`  | Working directory                                 | current |
+
+### `view` — View item details
+
+```bash
+npx shadcn@latest view <items...> [options]
+```
+
+Displays item info including file contents. Examples:
+`npx shadcn@latest view @shadcn/button`,
+`npx shadcn@latest view owner/repo/item`.
+
+### `docs` — Get component documentation URLs
+
+```bash
+npx shadcn@latest docs <components...> [options]
+```
+
+Outputs resolved URLs for component documentation, examples, and API references. Accepts one or more component names. Fetch the URLs to get the actual content.
+
+Example output for `npx shadcn@latest docs input button`:
+
+```
+base  radix
+
+input
+  docs      https://ui.shadcn.com/docs/components/radix/input
+  examples  https://raw.githubusercontent.com/.../examples/input-example.tsx
+
+button
+  docs      https://ui.shadcn.com/docs/components/radix/button
+  examples  https://raw.githubusercontent.com/.../examples/button-example.tsx
+```
+
+Some components include an `api` link to the underlying library (e.g. `cmdk` for the command component).
+
+### `diff` — Check for updates
+
+Do not use this command. Use `npx shadcn@latest add --diff` instead.
+
+### `info` — Project information
+
+```bash
+npx shadcn@latest info [options]
+```
+
+Displays project info and `components.json` configuration. Run this first to discover the project's framework, aliases, Tailwind version, and resolved paths.
+
+| Flag          | Short | Description       | Default |
+| ------------- | ----- | ----------------- | ------- |
+| `--cwd <cwd>` | `-c`  | Working directory | current |
+
+**Project Info fields:**
+
+| Field                | Type      | Meaning                                                            |
+| -------------------- | --------- | ------------------------------------------------------------------ |
+| `framework`          | `string`  | Detected framework (`next`, `vite`, `react-router`, `start`, etc.) |
+| `frameworkVersion`   | `string`  | Framework version (e.g. `15.2.4`)                                  |
+| `isSrcDir`           | `boolean` | Whether the project uses a `src/` directory                        |
+| `isRSC`              | `boolean` | Whether React Server Components are enabled                        |
+| `isTsx`              | `boolean` | Whether the project uses TypeScript                                |
+| `tailwindVersion`    | `string`  | `"v3"` or `"v4"`                                                   |
+| `tailwindConfigFile` | `string`  | Path to the Tailwind config file                                   |
+| `tailwindCssFile`    | `string`  | Path to the global CSS file                                        |
+| `aliasPrefix`        | `string`  | Import alias prefix (e.g. `@`, `~`, `@/`)                          |
+| `packageManager`     | `string`  | Detected package manager (`npm`, `pnpm`, `yarn`, `bun`)            |
+
+**Components.json fields:**
+
+| Field                | Type      | Meaning                                                                                    |
+| -------------------- | --------- | ------------------------------------------------------------------------------------------ |
+| `base`               | `string`  | Primitive library (`radix` or `base`) — determines component APIs and available props      |
+| `style`              | `string`  | Visual style (e.g. `nova`, `vega`)                                                         |
+| `rsc`                | `boolean` | RSC flag from config                                                                       |
+| `tsx`                | `boolean` | TypeScript flag                                                                            |
+| `tailwind.config`    | `string`  | Tailwind config path                                                                       |
+| `tailwind.css`       | `string`  | Global CSS path — this is where custom CSS variables go                                    |
+| `iconLibrary`        | `string`  | Icon library — determines icon import package (e.g. `lucide-react`, `@tabler/icons-react`) |
+| `aliases.components` | `string`  | Component import alias (e.g. `@/components`)                                               |
+| `aliases.utils`      | `string`  | Utils import alias (e.g. `@/lib/utils`)                                                    |
+| `aliases.ui`         | `string`  | UI component alias (e.g. `@/components/ui`)                                                |
+| `aliases.lib`        | `string`  | Lib alias (e.g. `@/lib`)                                                                   |
+| `aliases.hooks`      | `string`  | Hooks alias (e.g. `@/hooks`)                                                               |
+| `resolvedPaths`      | `object`  | Absolute file-system paths for each alias                                                  |
+| `registries`         | `object`  | Configured custom registries                                                               |
+
+**Links fields:**
+
+The `info` output includes a **Links** section with templated URLs for component docs, source, and examples. For resolved URLs, use `npx shadcn@latest docs <component>` instead.
+
+### `build` — Build a custom registry
+
+```bash
+npx shadcn@latest build [registry] [options]
+```
+
+Builds `registry.json` into individual JSON files for distribution. Default input: `./registry.json`, default output: `./public/r`.
+
+For authoring rules, `include`, item definitions, `registryDependencies`, and
+GitHub registry behavior, see [registry.md](./registry.md).
+
+| Flag              | Short | Description       | Default      |
+| ----------------- | ----- | ----------------- | ------------ |
+| `--output <path>` | `-o`  | Output directory  | `./public/r` |
+| `--cwd <cwd>`     | `-c`  | Working directory | current      |
+
+---
+
+## Templates
+
+| Value          | Framework      | Monorepo support |
+| -------------- | -------------- | ---------------- |
+| `next`         | Next.js        | Yes              |
+| `vite`         | Vite           | Yes              |
+| `start`        | TanStack Start | Yes              |
+| `react-router` | React Router   | Yes              |
+| `astro`        | Astro          | Yes              |
+| `laravel`      | Laravel        | No               |
+
+All templates support monorepo scaffolding via the `--monorepo` flag. When passed, the CLI uses a monorepo-specific template directory (e.g. `next-monorepo`, `vite-monorepo`). When neither `--monorepo` nor `--no-monorepo` is passed, the CLI prompts interactively. Laravel does not support monorepo scaffolding.
+
+---
+
+## Presets
+
+Three ways to specify a preset via `--preset`:
+
+1. **Named:** `--preset nova` or `--preset lyra`
+2. **Code:** `--preset a2r6bw` (version-prefixed base62 string, e.g. `a2r6bw` or `b0`)
+3. **URL:** `--preset "https://ui.shadcn.com/init?base=radix&style=nova&..."`
+
+> **IMPORTANT:** Never try to decode, fetch, or resolve preset codes manually. Preset codes are opaque — pass them directly to `npx shadcn@latest init --preset <code>` and let the CLI handle resolution.
+> Use `npx shadcn@latest apply --preset <code>` when overwriting an existing project's preset.
+
+## Switching Presets
+
+Ask the user first: **overwrite**, **merge**, or **skip** existing components?
+
+- **Overwrite / Re-install** → `npx shadcn@latest apply --preset <code>`. Overwrites all detected component files with the new preset styles. Use when the user hasn't customized components.
+- **Merge** → `npx shadcn@latest init --preset <code> --force --no-reinstall`, then run `npx shadcn@latest info` to get the list of installed components and use the [smart merge workflow](./SKILL.md#updating-components) to update them one by one, preserving local changes. Use when the user has customized components.
+- **Skip** → `npx shadcn@latest init --preset <code> --force --no-reinstall`. Only updates config and CSS variables, leaves existing components as-is.
+
+Always run preset commands inside the user's project directory. `apply` only works in an existing project with a `components.json` file. The CLI automatically preserves the current base (`base` vs `radix`) from `components.json`. If you must use a scratch/temp directory (e.g. for `--dry-run` comparisons), pass `--base <current-base>` explicitly — preset codes do not encode the base.
diff --git a/frontend/.agents/skills/shadcn/customization.md b/frontend/.agents/skills/shadcn/customization.md
new file mode 100644
index 0000000..16954f5
--- /dev/null
+++ b/frontend/.agents/skills/shadcn/customization.md
@@ -0,0 +1,209 @@
+# Customization & Theming
+
+Components reference semantic CSS variable tokens. Change the variables to change every component.
+
+## Contents
+
+- How it works (CSS variables → Tailwind utilities → components)
+- Color variables and OKLCH format
+- Dark mode setup
+- Changing the theme (presets, CSS variables)
+- Adding custom colors (Tailwind v3 and v4)
+- Border radius
+- Customizing components (variants, className, wrappers)
+- Checking for updates
+
+---
+
+## How It Works
+
+1. CSS variables defined in `:root` (light) and `.dark` (dark mode).
+2. Tailwind maps them to utilities: `bg-primary`, `text-muted-foreground`, etc.
+3. Components use these utilities — changing a variable changes all components that reference it.
+
+---
+
+## Color Variables
+
+Every color follows the `name` / `name-foreground` convention. The base variable is for backgrounds, `-foreground` is for text/icons on that background.
+
+| Variable                                     | Purpose                          |
+| -------------------------------------------- | -------------------------------- |
+| `--background` / `--foreground`              | Page background and default text |
+| `--card` / `--card-foreground`               | Card surfaces                    |
+| `--primary` / `--primary-foreground`         | Primary buttons and actions      |
+| `--secondary` / `--secondary-foreground`     | Secondary actions                |
+| `--muted` / `--muted-foreground`             | Muted/disabled states            |
+| `--accent` / `--accent-foreground`           | Hover and accent states          |
+| `--destructive` / `--destructive-foreground` | Error and destructive actions    |
+| `--border`                                   | Default border color             |
+| `--input`                                    | Form input borders               |
+| `--ring`                                     | Focus ring color                 |
+| `--chart-1` through `--chart-5`              | Chart/data visualization         |
+| `--sidebar-*`                                | Sidebar-specific colors          |
+| `--surface` / `--surface-foreground`         | Secondary surface                |
+
+Colors use OKLCH: `--primary: oklch(0.205 0 0)` where values are lightness (0–1), chroma (0 = gray), and hue (0–360).
+
+---
+
+## Dark Mode
+
+Class-based toggle via `.dark` on the root element. In Next.js, use `next-themes`:
+
+```tsx
+import { ThemeProvider } from "next-themes"
+
+<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
+  {children}
+</ThemeProvider>
+```
+
+---
+
+## Changing the Theme
+
+```bash
+# Apply a preset code from ui.shadcn.com.
+npx shadcn@latest apply --preset a2r6bw
+
+# Positional shorthand also works.
+npx shadcn@latest apply a2r6bw
+
+# Switch to a named preset and overwrite existing components.
+npx shadcn@latest apply --preset nova
+
+# Preserve existing components instead.
+npx shadcn@latest init --preset nova --force --no-reinstall
+
+# Use a custom theme URL.
+npx shadcn@latest apply --preset "https://ui.shadcn.com/init?base=radix&style=nova&theme=blue&..."
+```
+
+Or edit CSS variables directly in `globals.css`.
+
+---
+
+## Adding Custom Colors
+
+Add variables to the file at `tailwindCssFile` from `npx shadcn@latest info` (typically `globals.css`). Never create a new CSS file for this.
+
+```css
+/* 1. Define in the global CSS file. */
+:root {
+  --warning: oklch(0.84 0.16 84);
+  --warning-foreground: oklch(0.28 0.07 46);
+}
+.dark {
+  --warning: oklch(0.41 0.11 46);
+  --warning-foreground: oklch(0.99 0.02 95);
+}
+```
+
+```css
+/* 2a. Register with Tailwind v4 (@theme inline). */
+@theme inline {
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+}
+```
+
+When `tailwindVersion` is `"v3"` (check via `npx shadcn@latest info`), register in `tailwind.config.js` instead:
+
+```js
+// 2b. Register with Tailwind v3 (tailwind.config.js).
+module.exports = {
+  theme: {
+    extend: {
+      colors: {
+        warning: "oklch(var(--warning) / <alpha-value>)",
+        "warning-foreground":
+          "oklch(var(--warning-foreground) / <alpha-value>)",
+      },
+    },
+  },
+}
+```
+
+```tsx
+// 3. Use in components.
+<div className="bg-warning text-warning-foreground">Warning</div>
+```
+
+---
+
+## Border Radius
+
+`--radius` controls border radius globally. Components derive values from it (`rounded-lg` = `var(--radius)`, `rounded-md` = `calc(var(--radius) - 2px)`).
+
+---
+
+## Customizing Components
+
+See also: [rules/styling.md](./rules/styling.md) for Incorrect/Correct examples.
+
+Prefer these approaches in order:
+
+### 1. Built-in variants
+
+```tsx
+<Button variant="outline" size="sm">
+  Click
+</Button>
+```
+
+### 2. Tailwind classes via `className`
+
+```tsx
+<Card className="mx-auto max-w-md">...</Card>
+```
+
+### 3. Add a new variant
+
+Edit the component source to add a variant via `cva`:
+
+```tsx
+// components/ui/button.tsx
+warning: "bg-warning text-warning-foreground hover:bg-warning/90",
+```
+
+### 4. Wrapper components
+
+Compose shadcn/ui primitives into higher-level components:
+
+```tsx
+export function ConfirmDialog({ title, description, onConfirm, children }) {
+  return (
+    <AlertDialog>
+      <AlertDialogTrigger asChild>{children}</AlertDialogTrigger>
+      <AlertDialogContent>
+        <AlertDialogHeader>
+          <AlertDialogTitle>{title}</AlertDialogTitle>
+          <AlertDialogDescription>{description}</AlertDialogDescription>
+        </AlertDialogHeader>
+        <AlertDialogFooter>
+          <AlertDialogCancel>Cancel</AlertDialogCancel>
+          <AlertDialogAction onClick={onConfirm}>Confirm</AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  )
+}
+```
+
+---
+
+## Checking for Updates
+
+```bash
+npx shadcn@latest add button --diff
+```
+
+To preview exactly what would change before updating, use `--dry-run` and `--diff`:
+
+```bash
+npx shadcn@latest add button --dry-run        # see all affected files
+npx shadcn@latest add button --diff button.tsx # see the diff for a specific file
+```
+
+See [Updating Components in SKILL.md](./SKILL.md#updating-components) for the full smart merge workflow.
diff --git a/frontend/.agents/skills/shadcn/evals/evals.json b/frontend/.agents/skills/shadcn/evals/evals.json
new file mode 100644
index 0000000..c1b7bdd
--- /dev/null
+++ b/frontend/.agents/skills/shadcn/evals/evals.json
@@ -0,0 +1,77 @@
+{
+  "skill_name": "shadcn",
+  "evals": [
+    {
+      "id": 1,
+      "prompt": "I'm building a Next.js app with shadcn/ui (base-nova preset, lucide icons). Create a settings form component with fields for: full name, email address, and notification preferences (email, SMS, push notifications as toggle options). Add validation states for required fields.",
+      "expected_output": "A React component using FieldGroup, Field, ToggleGroup, data-invalid/aria-invalid validation, gap-* spacing, and semantic colors.",
+      "files": [],
+      "expectations": [
+        "Uses FieldGroup and Field components for form layout instead of raw div with space-y",
+        "Uses Switch for independent on/off notification toggles (not looping Button with manual active state)",
+        "Uses data-invalid on Field and aria-invalid on the input control for validation states",
+        "Uses gap-* (e.g. gap-4, gap-6) instead of space-y-* or space-x-* for spacing",
+        "Uses semantic color tokens (e.g. bg-background, text-muted-foreground, text-destructive) instead of raw colors like bg-red-500",
+        "No manual dark: color overrides"
+      ]
+    },
+    {
+      "id": 2,
+      "prompt": "Create a dialog component for editing a user profile. It should have the user's avatar at the top, input fields for name and bio, and Save/Cancel buttons with appropriate icons. Using shadcn/ui with radix-nova preset and tabler icons.",
+      "expected_output": "A React component with DialogTitle, Avatar+AvatarFallback, data-icon on icon buttons, no icon sizing classes, tabler icon imports.",
+      "files": [],
+      "expectations": [
+        "Includes DialogTitle for accessibility (visible or with sr-only class)",
+        "Avatar component includes AvatarFallback",
+        "Icons on buttons use the data-icon attribute (data-icon=\"inline-start\" or data-icon=\"inline-end\")",
+        "No sizing classes on icons inside components (no size-4, w-4, h-4, etc.)",
+        "Uses tabler icons (@tabler/icons-react) instead of lucide-react",
+        "Uses asChild for custom triggers (radix preset)"
+      ]
+    },
+    {
+      "id": 3,
+      "prompt": "Create a dashboard component that shows 4 stat cards in a grid. Each card has a title, large number, percentage change badge, and a loading skeleton state. Using shadcn/ui with base-nova preset and lucide icons.",
+      "expected_output": "A React component with full Card composition, Skeleton for loading, Badge for changes, semantic colors, gap-* spacing.",
+      "files": [],
+      "expectations": [
+        "Uses full Card composition with CardHeader, CardTitle, CardContent (not dumping everything into CardContent)",
+        "Uses Skeleton component for loading placeholders instead of custom animate-pulse divs",
+        "Uses Badge component for percentage change instead of custom styled spans",
+        "Uses semantic color tokens instead of raw color values like bg-green-500 or text-red-600",
+        "Uses gap-* instead of space-y-* or space-x-* for spacing",
+        "Uses size-* when width and height are equal instead of separate w-* h-*"
+      ]
+    },
+    {
+      "id": 4,
+      "prompt": "I'm building a Next.js app with shadcn/ui (base-nova preset, lucide icons). Build a chat conversation view: a scrollable thread of messages from two different people, each with an avatar, sender name, timestamp, and message bubble. A couple of messages include an image attachment and a PDF file attachment, and there's a 'Today' divider separating the days.",
+      "expected_output": "A React component composing MessageScroller, Message, Bubble, Attachment, and Marker from the registry instead of hand-rolled bubble/divider/attachment markup.",
+      "files": [],
+      "expectations": [
+        "Uses MessageScroller (MessageScrollerProvider, MessageScrollerViewport, MessageScrollerContent, MessageScrollerItem) for the scrollable thread instead of a raw overflow-y-auto div or ScrollArea",
+        "Wraps each row in MessageScrollerItem inside MessageScrollerContent",
+        "Uses Message with MessageAvatar/MessageContent/MessageHeader for row layout instead of custom flex divs",
+        "Uses Bubble + BubbleContent for the message surface instead of a styled div with bg-muted/bg-primary",
+        "Uses Attachment (AttachmentMedia, AttachmentContent, AttachmentTitle, AttachmentDescription) for the file and image attachments instead of Item or a custom card",
+        "Uses Marker (variant=\"separator\") for the 'Today' divider instead of Separator plus a centered label",
+        "Uses semantic color tokens and gap-* spacing; no raw colors like bg-emerald-500 and no space-y-*",
+        "Includes \"use client\" when the component uses state or event handlers (isRSC)"
+      ]
+    },
+    {
+      "id": 5,
+      "prompt": "Using shadcn/ui (base-nova preset, lucide icons), build a streaming AI chat UI. The assistant's reply streams in while it generates, the view auto-scrolls to follow the latest content but stops following if the user scrolls up to read earlier messages, a 'jump to latest' button appears when the user has scrolled away from the bottom, and a subtle 'thinking…' shimmer shows while the model is generating.",
+      "expected_output": "A React component that delegates scroll/anchor behavior to MessageScroller and uses MessageScrollerButton for jump-to-latest and the shimmer utility for the thinking indicator — no hand-rolled scroll logic or custom shimmer keyframes.",
+      "files": [],
+      "expectations": [
+        "Uses MessageScroller with MessageScrollerProvider (autoScroll) and scrollAnchor on message items for the stick-to-bottom/follow behavior instead of a custom useStickToBottom hook or ResizeObserver/scrollTop wiring",
+        "Uses MessageScrollerButton for the jump-to-latest control instead of a hand-built conditional button driven by manual scroll-position state",
+        "Uses the shimmer utility class for the 'thinking…' indicator instead of a custom @keyframes or bg-clip-text gradient animation",
+        "Wraps each message row in MessageScrollerItem inside MessageScrollerContent",
+        "Uses Message + Bubble + BubbleContent for the conversation rows instead of hand-rolled bubble divs",
+        "Uses semantic color tokens and gap-* spacing; includes \"use client\" (isRSC)"
+      ]
+    }
+  ]
+}
diff --git a/frontend/.agents/skills/shadcn/mcp.md b/frontend/.agents/skills/shadcn/mcp.md
new file mode 100644
index 0000000..6539dda
--- /dev/null
+++ b/frontend/.agents/skills/shadcn/mcp.md
@@ -0,0 +1,105 @@
+# shadcn MCP Server
+
+The CLI includes an MCP server that lets AI assistants search, browse, view, and install items from registries.
+
+---
+
+## Setup
+
+```bash
+shadcn mcp        # start the MCP server (stdio)
+shadcn mcp init   # write config for your editor
+```
+
+Editor config files:
+
+| Editor      | Config file                     |
+| ----------- | ------------------------------- |
+| Claude Code | `.mcp.json`                     |
+| Cursor      | `.cursor/mcp.json`              |
+| VS Code     | `.vscode/mcp.json`              |
+| OpenCode    | `opencode.json`                 |
+| Codex       | `~/.codex/config.toml` (manual) |
+
+---
+
+## Tools
+
+> **Tip:** MCP tools handle registry operations (search, view, install). For project configuration (aliases, framework, Tailwind version), use `npx shadcn@latest info` — there is no MCP equivalent.
+
+### `shadcn:get_project_registries`
+
+Returns registry names from `components.json`. Errors if no `components.json` exists.
+
+**Input:** none
+
+### `shadcn:list_items_in_registries`
+
+Lists all items from one or more registries. Registries can be configured
+namespaces such as `@acme`, public GitHub sources such as `owner/repo`, or
+registry catalog URLs. Omit `registries` to list from every registry configured
+in `components.json`.
+
+**Input:** `registries` (string[], optional — omit for all configured), `types` (string[], optional — e.g. `["ui", "block"]`), `limit` (number, optional, defaults to 100), `offset` (number, optional)
+
+### `shadcn:search_items_in_registries`
+
+Fuzzy search across registries. Registries can be configured namespaces, public
+GitHub sources, or registry catalog URLs. Omit `registries` to search every
+registry configured in `components.json` — e.g. "find me a hero" across all
+configured registries.
+
+**Input:** `registries` (string[], optional — omit for all configured), `query` (string), `types` (string[], optional — e.g. `["ui", "block"]`), `limit` (number, optional, defaults to 100), `offset` (number, optional)
+
+### `shadcn:view_items_in_registries`
+
+View item details including full file contents.
+
+**Input:** `items` (string[]) — e.g.
+`["@shadcn/button", "@shadcn/card", "owner/repo/item"]`
+
+### `shadcn:get_item_examples_from_registries`
+
+Find usage examples and demos with source code. Omit `registries` to search
+every registry configured in `components.json`.
+
+**Input:** `registries` (string[], optional — omit for all configured), `query` (string) — e.g. `"accordion-demo"`, `"button example"`
+
+### `shadcn:get_add_command_for_items`
+
+Returns the CLI install command.
+
+**Input:** `items` (string[]) — e.g. `["@shadcn/button"]`
+
+### `shadcn:get_audit_checklist`
+
+Returns a checklist for verifying components (imports, deps, lint, TypeScript).
+
+**Input:** none
+
+---
+
+## Configuring Registries
+
+Namespaced and authenticated registries are set in `components.json`. The
+`@shadcn` registry is always built-in. Public GitHub registries can also be used
+directly as `owner/repo` registry sources when the repository has a root
+`registry.json`; they do not need `components.json` configuration.
+
+```json
+{
+  "registries": {
+    "@acme": "https://acme.com/r/{name}.json",
+    "@private": {
+      "url": "https://private.com/r/{name}.json",
+      "headers": { "Authorization": "Bearer ${MY_TOKEN}" }
+    }
+  }
+}
+```
+
+- Names must start with `@`.
+- URLs must contain `{name}`.
+- `${VAR}` references are resolved from environment variables.
+
+Community registry index: `https://ui.shadcn.com/r/registries.json`
diff --git a/frontend/.agents/skills/shadcn/registry.md b/frontend/.agents/skills/shadcn/registry.md
new file mode 100644
index 0000000..5369468
--- /dev/null
+++ b/frontend/.agents/skills/shadcn/registry.md
@@ -0,0 +1,277 @@
+# Registry Authoring and Addresses
+
+Use this reference when the user wants to create, fix, publish, or reason about
+a shadcn registry.
+
+## Mental Model
+
+A registry has two forms:
+
+- **Source registry**: an authored `registry.json` in a project or repository.
+  It may use `include` and file paths that point at source files.
+- **Built registry**: generated JSON files served to CLI consumers, usually
+  from `public/r`. Use `npx shadcn@latest build` to create this form.
+
+The CLI installer consumes registry item payloads. A source registry is a way to
+author those payloads from real files.
+
+Registry items are not limited to React components. They can distribute
+components, hooks, utilities, design tokens, pages, config files, docs, rules,
+workflows, templates, MCP files, and other project files.
+
+## Root `registry.json`
+
+The root registry file should define registry metadata and either `items` or
+`include`.
+
+```json
+{
+  "$schema": "https://ui.shadcn.com/schema/registry.json",
+  "name": "acme",
+  "homepage": "https://acme.com",
+  "items": [
+    {
+      "name": "absolute-url",
+      "type": "registry:lib",
+      "title": "Absolute URL",
+      "description": "A utility to turn any path into an absolute URL.",
+      "files": [
+        {
+          "path": "lib/absolute-url.ts",
+          "type": "registry:lib"
+        }
+      ]
+    }
+  ]
+}
+```
+
+Root registry rules:
+
+- Root `registry.json` must include `name` and `homepage`.
+- `items` is an array of registry item definitions.
+- `include` may be used to split the source registry into multiple files.
+- Included registry files may omit `name` and `homepage`.
+
+## Include
+
+Use `include` to keep large registries modular.
+
+```json
+{
+  "$schema": "https://ui.shadcn.com/schema/registry.json",
+  "name": "acme",
+  "homepage": "https://acme.com",
+  "include": ["registry/ui/registry.json", "registry/blocks/registry.json"]
+}
+```
+
+Include rules:
+
+- Include paths are relative to the `registry.json` that declares them.
+- Include paths must explicitly point to a `registry.json` file.
+- Do not use remote URLs, absolute paths, or parent traversal (`..`).
+- Item file paths are relative to the registry file that declares the item.
+- Duplicate item names fail across the resolved registry.
+
+Example included file:
+
+```json
+{
+  "items": [
+    {
+      "name": "button",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "button.tsx",
+          "type": "registry:ui"
+        }
+      ]
+    }
+  ]
+}
+```
+
+If this file is at `registry/ui/registry.json`, then `button.tsx` is read from
+`registry/ui/button.tsx`, and the built item path is emitted relative to the
+root registry.
+
+## Item Definitions
+
+Common item fields:
+
+```json
+{
+  "name": "login-form",
+  "type": "registry:block",
+  "title": "Login Form",
+  "description": "A login form with email and password fields.",
+  "dependencies": ["zod"],
+  "registryDependencies": ["button", "input", "label"],
+  "files": [
+    {
+      "path": "blocks/login-form.tsx",
+      "type": "registry:block"
+    }
+  ],
+  "cssVars": {
+    "light": {
+      "brand": "oklch(0.62 0.18 250)"
+    },
+    "dark": {
+      "brand": "oklch(0.72 0.16 250)"
+    }
+  }
+}
+```
+
+Important fields:
+
+- `name`: the installable item name. It is not necessarily a file path.
+- `type`: one of the registry item types, such as `registry:ui`,
+  `registry:block`, `registry:lib`, `registry:hook`, `registry:file`,
+  `registry:page`, `registry:theme`, `registry:style`, `registry:font`, or
+  `registry:item`.
+- `files`: source files copied or generated by the item.
+- `dependencies`: npm runtime dependencies.
+- `devDependencies`: npm development dependencies.
+- `registryDependencies`: other registry items required by this item.
+- `cssVars`, `css`, `tailwind`, `envVars`, and `docs`: optional install-time
+  additions.
+
+File rules:
+
+- File paths are relative to the declaring `registry.json`.
+- `registry:file` and `registry:page` files require a `target`.
+- Do not use remote file URLs in source registry file paths.
+- Keep source files copy-pasteable: no hidden app-only imports.
+
+## Registry Dependencies
+
+`registryDependencies` entries are item addresses, not file paths.
+
+```json
+{
+  "name": "login-form",
+  "type": "registry:block",
+  "registryDependencies": ["button", "@acme/input", "acme/ui/card#v1.2.0"],
+  "files": [
+    {
+      "path": "blocks/login-form.tsx",
+      "type": "registry:block"
+    }
+  ]
+}
+```
+
+Dependency rules:
+
+- Bare names such as `"button"` mean official shadcn items.
+- Bare names never mean same-registry or same-repository items.
+- Namespaced dependencies use `@namespace/item-name`.
+- GitHub dependencies use `owner/repo/item-name`.
+- Pin GitHub dependencies with `owner/repo/item-name#ref` when needed.
+- Refs are not inherited. If `owner/repo/foo#v2` depends on `bar` from the same
+  repo at `v2`, write `owner/repo/bar#v2`.
+- Do not use relative dependencies such as `"./bar"`.
+
+## Address Schemes
+
+When reasoning about a registry item string, classify it first.
+
+| Address                             | Scheme    | Meaning                                                      |
+| ----------------------------------- | --------- | ------------------------------------------------------------ |
+| `button`                            | shadcn    | Official shadcn item named `button`.                         |
+| `@acme/button`                      | namespace | Item `button` from configured registry `@acme`.              |
+| `@acme/ui/button`                   | namespace | Item `ui/button` from configured registry `@acme`.           |
+| `https://example.com/r/button.json` | url       | Built registry item JSON at that URL.                        |
+| `./button.json`                     | file      | Built registry item JSON on disk.                            |
+| `acme/ui/button`                    | github    | Item `button` from GitHub repo `acme/ui`.                    |
+| `acme/ui/forms/login#main`          | github    | Item `forms/login` from GitHub repo `acme/ui` at ref `main`. |
+
+For namespace and GitHub addresses, slashful item names are allowed and are item
+names, not file paths. Addresses ending in `.json` keep file-address
+precedence, so `acme/ui/data/schema.json` is treated as a file path, not a
+GitHub item address.
+
+## GitHub Registries
+
+A public GitHub repository can act as a source registry when it has a root
+`registry.json`.
+
+```txt
+owner/repo/item-name[#ref]
+```
+
+Rules:
+
+- The first two path segments are GitHub owner and repo.
+- All remaining path segments are the registry item name.
+- The source entrypoint is always root `registry.json`.
+- GitHub registries are source registries consumed directly by the CLI. They do
+  not require `shadcn build` or generated item JSON files.
+- `include` follows the same source-registry rules as local registries.
+- Currently, GitHub addresses support public `github.com` repositories only.
+- Private repos and GitHub Enterprise require explicit product decisions.
+
+When implementing GitHub registry fetching, resolve refs to a commit SHA before
+reading source files. Do not read moving refs directly from
+`raw.githubusercontent.com`, because branch-like refs can be cached for several
+minutes.
+
+Preferred flow:
+
+```txt
+owner/repo[#ref]
+  -> resolve ref with git ls-remote
+  -> commit SHA
+  -> read https://raw.githubusercontent.com/{owner}/{repo}/{sha}/registry.json
+  -> read includes and item files from the same SHA
+```
+
+This keeps a command on one consistent repository snapshot.
+
+Full 40-character commit SHAs are already stable and can be used directly.
+Branches, tags, and short refs require Git so the CLI can resolve them to a
+commit SHA first.
+
+## Build and Verify
+
+Use the CLI to build source registries:
+
+```bash
+npx shadcn@latest build
+npx shadcn@latest build registry.json --output public/r
+```
+
+Use CLI commands to inspect the result:
+
+```bash
+npx shadcn@latest list @acme
+npx shadcn@latest search @acme -q "login"
+npx shadcn@latest view @acme/login-form
+npx shadcn@latest add @acme/login-form --dry-run
+npx shadcn@latest registry validate ./registry.json
+```
+
+Use GitHub addresses directly for public GitHub registries:
+
+```bash
+npx shadcn@latest list owner/repo
+npx shadcn@latest search owner/repo -q "login"
+npx shadcn@latest view owner/repo/item
+npx shadcn@latest add owner/repo/item --dry-run
+npx shadcn@latest registry validate owner/repo
+```
+
+When working on registry implementation in the shadcn/ui codebase:
+
+- Keep address parsing pure and testable.
+- Do not add side effects to validators.
+- Preserve existing behavior for official shadcn, namespace, URL, and file
+  schemes.
+- Add tests for address parsing, source loading, dependency resolution, list,
+  search, view, and add paths.
+- Prefer small source-reader abstractions over a plugin system until there are
+  multiple real providers.
diff --git a/frontend/.agents/skills/shadcn/rules/base-vs-radix.md b/frontend/.agents/skills/shadcn/rules/base-vs-radix.md
new file mode 100644
index 0000000..c1ed7d1
--- /dev/null
+++ b/frontend/.agents/skills/shadcn/rules/base-vs-radix.md
@@ -0,0 +1,306 @@
+# Base vs Radix
+
+API differences between `base` and `radix`. Check the `base` field from `npx shadcn@latest info`.
+
+## Contents
+
+- Composition: asChild vs render
+- Button / trigger as non-button element
+- Select (items prop, placeholder, positioning, multiple, object values)
+- ToggleGroup (type vs multiple)
+- Slider (scalar vs array)
+- Accordion (type and defaultValue)
+
+---
+
+## Composition: asChild (radix) vs render (base)
+
+Radix uses `asChild` to replace the default element. Base uses `render`. Don't wrap triggers in extra elements.
+
+**Incorrect:**
+
+```tsx
+<DialogTrigger>
+  <div>
+    <Button>Open</Button>
+  </div>
+</DialogTrigger>
+```
+
+**Correct (radix):**
+
+```tsx
+<DialogTrigger asChild>
+  <Button>Open</Button>
+</DialogTrigger>
+```
+
+**Correct (base):**
+
+```tsx
+<DialogTrigger render={<Button />}>Open</DialogTrigger>
+```
+
+This applies to all trigger and close components: `DialogTrigger`, `SheetTrigger`, `AlertDialogTrigger`, `DropdownMenuTrigger`, `PopoverTrigger`, `TooltipTrigger`, `CollapsibleTrigger`, `DialogClose`, `SheetClose`, `NavigationMenuLink`, `BreadcrumbLink`, `SidebarMenuButton`, `Badge`, `Item`.
+
+---
+
+## Button / trigger as non-button element (base only)
+
+When `render` changes an element to a non-button (`<a>`, `<span>`), add `nativeButton={false}`.
+
+**Incorrect (base):** missing `nativeButton={false}`.
+
+```tsx
+<Button render={<a href="/docs" />}>Read the docs</Button>
+```
+
+**Correct (base):**
+
+```tsx
+<Button render={<a href="/docs" />} nativeButton={false}>
+  Read the docs
+</Button>
+```
+
+**Correct (radix):**
+
+```tsx
+<Button asChild>
+  <a href="/docs">Read the docs</a>
+</Button>
+```
+
+Same for triggers whose `render` is not a `Button`:
+
+```tsx
+// base.
+<PopoverTrigger render={<InputGroupAddon />} nativeButton={false}>
+  Pick date
+</PopoverTrigger>
+```
+
+---
+
+## Select
+
+**items prop (base only).** Base requires an `items` prop on the root. Radix uses inline JSX only.
+
+**Incorrect (base):**
+
+```tsx
+<Select>
+  <SelectTrigger><SelectValue placeholder="Select a fruit" /></SelectTrigger>
+</Select>
+```
+
+**Correct (base):**
+
+```tsx
+const items = [
+  { label: "Select a fruit", value: null },
+  { label: "Apple", value: "apple" },
+  { label: "Banana", value: "banana" },
+]
+
+<Select items={items}>
+  <SelectTrigger>
+    <SelectValue />
+  </SelectTrigger>
+  <SelectContent>
+    <SelectGroup>
+      {items.map((item) => (
+        <SelectItem key={item.value} value={item.value}>{item.label}</SelectItem>
+      ))}
+    </SelectGroup>
+  </SelectContent>
+</Select>
+```
+
+**Correct (radix):**
+
+```tsx
+<Select>
+  <SelectTrigger>
+    <SelectValue placeholder="Select a fruit" />
+  </SelectTrigger>
+  <SelectContent>
+    <SelectGroup>
+      <SelectItem value="apple">Apple</SelectItem>
+      <SelectItem value="banana">Banana</SelectItem>
+    </SelectGroup>
+  </SelectContent>
+</Select>
+```
+
+**Placeholder.** Base uses a `{ value: null }` item in the items array. Radix uses `<SelectValue placeholder="...">`.
+
+**Content positioning.** Base uses `alignItemWithTrigger`. Radix uses `position`.
+
+```tsx
+// base.
+<SelectContent alignItemWithTrigger={false} side="bottom">
+
+// radix.
+<SelectContent position="popper">
+```
+
+---
+
+## Select — multiple selection and object values (base only)
+
+Base supports `multiple`, render-function children on `SelectValue`, and object values with `itemToStringValue`. Radix is single-select with string values only.
+
+**Correct (base — multiple selection):**
+
+```tsx
+<Select items={items} multiple defaultValue={[]}>
+  <SelectTrigger>
+    <SelectValue>
+      {(value: string[]) => value.length === 0 ? "Select fruits" : `${value.length} selected`}
+    </SelectValue>
+  </SelectTrigger>
+  ...
+</Select>
+```
+
+**Correct (base — object values):**
+
+```tsx
+<Select defaultValue={plans[0]} itemToStringValue={(plan) => plan.name}>
+  <SelectTrigger>
+    <SelectValue>{(value) => value.name}</SelectValue>
+  </SelectTrigger>
+  ...
+</Select>
+```
+
+---
+
+## ToggleGroup
+
+Base uses a `multiple` boolean prop. Radix uses `type="single"` or `type="multiple"`.
+
+**Incorrect (base):**
+
+```tsx
+<ToggleGroup type="single" defaultValue="daily">
+  <ToggleGroupItem value="daily">Daily</ToggleGroupItem>
+</ToggleGroup>
+```
+
+**Correct (base):**
+
+```tsx
+// Single (no prop needed), defaultValue is always an array.
+<ToggleGroup defaultValue={["daily"]} spacing={2}>
+  <ToggleGroupItem value="daily">Daily</ToggleGroupItem>
+  <ToggleGroupItem value="weekly">Weekly</ToggleGroupItem>
+</ToggleGroup>
+
+// Multi-selection.
+<ToggleGroup multiple>
+  <ToggleGroupItem value="bold">Bold</ToggleGroupItem>
+  <ToggleGroupItem value="italic">Italic</ToggleGroupItem>
+</ToggleGroup>
+```
+
+**Correct (radix):**
+
+```tsx
+// Single, defaultValue is a string.
+<ToggleGroup type="single" defaultValue="daily" spacing={2}>
+  <ToggleGroupItem value="daily">Daily</ToggleGroupItem>
+  <ToggleGroupItem value="weekly">Weekly</ToggleGroupItem>
+</ToggleGroup>
+
+// Multi-selection.
+<ToggleGroup type="multiple">
+  <ToggleGroupItem value="bold">Bold</ToggleGroupItem>
+  <ToggleGroupItem value="italic">Italic</ToggleGroupItem>
+</ToggleGroup>
+```
+
+**Controlled single value:**
+
+```tsx
+// base — wrap/unwrap arrays.
+const [value, setValue] = React.useState("normal")
+<ToggleGroup value={[value]} onValueChange={(v) => setValue(v[0])}>
+
+// radix — plain string.
+const [value, setValue] = React.useState("normal")
+<ToggleGroup type="single" value={value} onValueChange={setValue}>
+```
+
+---
+
+## Slider
+
+Base accepts a plain number for a single thumb. Radix always requires an array.
+
+**Incorrect (base):**
+
+```tsx
+<Slider defaultValue={[50]} max={100} step={1} />
+```
+
+**Correct (base):**
+
+```tsx
+<Slider defaultValue={50} max={100} step={1} />
+```
+
+**Correct (radix):**
+
+```tsx
+<Slider defaultValue={[50]} max={100} step={1} />
+```
+
+Both use arrays for range sliders. Controlled `onValueChange` in base may need a cast:
+
+```tsx
+// base.
+const [value, setValue] = React.useState([0.3, 0.7])
+<Slider value={value} onValueChange={(v) => setValue(v as number[])} />
+
+// radix.
+const [value, setValue] = React.useState([0.3, 0.7])
+<Slider value={value} onValueChange={setValue} />
+```
+
+---
+
+## Accordion
+
+Radix requires `type="single"` or `type="multiple"` and supports `collapsible`. `defaultValue` is a string. Base uses no `type` prop, uses `multiple` boolean, and `defaultValue` is always an array.
+
+**Incorrect (base):**
+
+```tsx
+<Accordion type="single" collapsible defaultValue="item-1">
+  <AccordionItem value="item-1">...</AccordionItem>
+</Accordion>
+```
+
+**Correct (base):**
+
+```tsx
+<Accordion defaultValue={["item-1"]}>
+  <AccordionItem value="item-1">...</AccordionItem>
+</Accordion>
+
+// Multi-select.
+<Accordion multiple defaultValue={["item-1", "item-2"]}>
+  <AccordionItem value="item-1">...</AccordionItem>
+  <AccordionItem value="item-2">...</AccordionItem>
+</Accordion>
+```
+
+**Correct (radix):**
+
+```tsx
+<Accordion type="single" collapsible defaultValue="item-1">
+  <AccordionItem value="item-1">...</AccordionItem>
+</Accordion>
+```
diff --git a/frontend/.agents/skills/shadcn/rules/chat.md b/frontend/.agents/skills/shadcn/rules/chat.md
new file mode 100644
index 0000000..8ce62fe
--- /dev/null
+++ b/frontend/.agents/skills/shadcn/rules/chat.md
@@ -0,0 +1,224 @@
+# Chat & Messaging
+
+Components for conversation and chat UI. Compose these instead of hand-rolling
+bubbles, scroll containers, dividers, or attachment cards.
+
+Install: `npx shadcn@latest add message-scroller message bubble attachment marker`
+
+The same component names and props ship for both `base` and `radix`; only
+composition differs (`render` vs `asChild`). See [base-vs-radix.md](./base-vs-radix.md).
+
+## Contents
+
+- Scrollable threads use MessageScroller
+- Message rows use Message
+- Message surfaces use Bubble
+- Attachments use Attachment
+- System notes and dividers use Marker
+- Streaming, anchoring, and jump-to-latest are built in
+- Escape hatch: the scroller hooks
+
+---
+
+## Scrollable threads use MessageScroller
+
+A conversation that scrolls, follows new messages, restores position, or jumps
+to a message uses `MessageScroller`. Don't build a raw overflow container with
+manual scroll wiring, and don't reach for `ScrollArea`.
+
+The parts nest in a fixed order. Every direct child of the content is wrapped in
+a `MessageScrollerItem` so the scroller can measure, anchor, preserve position,
+track visibility, and jump to it. `MessageScrollerButton` sits inside
+`MessageScroller`, after the viewport.
+
+**Incorrect:**
+
+```tsx
+// Hand-rolled scroll container with manual stick-to-bottom logic.
+<div ref={scrollRef} onScroll={handleScroll} className="flex-1 overflow-y-auto">
+  <div className="flex flex-col gap-6 p-4">
+    {messages.map((m) => (
+      <ChatMessage key={m.id} message={m} />
+    ))}
+  </div>
+</div>
+```
+
+**Correct:**
+
+```tsx
+<MessageScrollerProvider autoScroll>
+  <MessageScroller>
+    <MessageScrollerViewport>
+      <MessageScrollerContent>
+        {messages.map((message) => (
+          <MessageScrollerItem
+            key={message.id}
+            messageId={message.id}
+            scrollAnchor={message.role === "user"}
+          >
+            <Message align={message.role === "user" ? "end" : "start"}>
+              {/* ...message content... */}
+            </Message>
+          </MessageScrollerItem>
+        ))}
+      </MessageScrollerContent>
+    </MessageScrollerViewport>
+    <MessageScrollerButton />
+  </MessageScroller>
+</MessageScrollerProvider>
+```
+
+---
+
+## Message rows use Message
+
+`Message` lays out a single row: avatar, header, content, footer, with
+alignment. Group consecutive rows from one sender with `MessageGroup`. Don't
+rebuild the row from flex divs.
+
+`align="end"` is the current user's side; `align="start"` is everyone else.
+
+```tsx
+<Message align="start">
+  <MessageAvatar>
+    <Avatar>
+      <AvatarImage src={sender.avatar} alt={sender.name} />
+      <AvatarFallback>{initials}</AvatarFallback>
+    </Avatar>
+  </MessageAvatar>
+  <MessageContent>
+    <MessageHeader>{sender.name}</MessageHeader>
+    <Bubble>
+      <BubbleContent>{text}</BubbleContent>
+    </Bubble>
+    <MessageFooter>{time}</MessageFooter>
+  </MessageContent>
+</Message>
+```
+
+---
+
+## Message surfaces use Bubble
+
+The colored message surface is `Bubble` + `BubbleContent`, never a styled `div`
+with `bg-muted` / `bg-primary` and hand-managed corners.
+
+- `variant`: `default`, `secondary`, `muted`, `tinted`, `outline`, `ghost`, `destructive`.
+- `align`: `start` or `end` (matches the `Message` side).
+
+`BubbleReactions` renders the reaction cluster. `side` (`top` | `bottom`) and
+`align` (`start` | `end`) position it against the bubble. Don't lay reactions out
+with absolutely-positioned `Badge`s.
+
+**Incorrect:**
+
+```tsx
+<div className="w-fit rounded-2xl bg-primary px-3 py-2 text-primary-foreground">
+  {text}
+</div>
+```
+
+**Correct:**
+
+```tsx
+<Bubble variant="default" align="end">
+  <BubbleContent>{text}</BubbleContent>
+  <BubbleReactions side="bottom" align="end">
+    <Badge variant="secondary">👍 2</Badge>
+  </BubbleReactions>
+</Bubble>
+```
+
+---
+
+## Attachments use Attachment
+
+File and image attachments use `Attachment`, not `Item` or a custom card. It
+carries upload state, so wire `state` to the real status rather than rendering a
+separate spinner.
+
+- `state`: `idle`, `uploading`, `processing`, `error`, `done`. `uploading` and
+  `processing` apply the `shimmer` animation to the title automatically.
+- `size`: `default`, `sm`, `xs`. `orientation`: `horizontal`, `vertical`.
+- Use `AttachmentGroup` to lay out several attachments in a scrolling row.
+
+```tsx
+<Attachment state="done">
+  <AttachmentMedia variant="icon">
+    <FileTextIcon />
+  </AttachmentMedia>
+  <AttachmentContent>
+    <AttachmentTitle>homepage-feedback.pdf</AttachmentTitle>
+    <AttachmentDescription>PDF · 2.4 MB</AttachmentDescription>
+  </AttachmentContent>
+  <AttachmentActions>
+    <AttachmentAction>
+      <DownloadIcon />
+    </AttachmentAction>
+  </AttachmentActions>
+</Attachment>
+```
+
+For an image, use `<AttachmentMedia variant="image">` with an `img` child.
+
+---
+
+## System notes and dividers use Marker
+
+Status lines ("Sarah joined the conversation"), date dividers ("Today"), and
+labeled separators are `Marker`, not a `Separator` plus a centered span.
+
+- `variant`: `default` (plain row), `separator` (centered label with rules on
+  each side), `border` (bottom-bordered row).
+- `MarkerIcon` holds a leading icon; `MarkerContent` holds the label.
+
+**Incorrect:**
+
+```tsx
+<div className="flex items-center gap-3 py-2">
+  <Separator className="flex-1" />
+  <span className="text-xs text-muted-foreground">Today</span>
+  <Separator className="flex-1" />
+</div>
+```
+
+**Correct:**
+
+```tsx
+<Marker variant="separator">
+  <MarkerContent>Today</MarkerContent>
+</Marker>
+```
+
+---
+
+## Streaming, anchoring, and jump-to-latest are built in
+
+`MessageScroller` handles the behavior that chat UIs usually reinvent. Don't
+write a `useStickToBottom` hook, a `ResizeObserver`, or manual `scrollTop` math.
+
+- **Follow the live edge while streaming.** `MessageScrollerProvider` with
+  `autoScroll` keeps the view pinned to new content and yields the moment the
+  user scrolls up. Streaming token updates that grow the last message are
+  followed automatically.
+- **Anchor a turn.** `scrollAnchor` on a `MessageScrollerItem` marks the row to
+  hold in view (typically the user's message that started the turn).
+- **Jump to latest.** `MessageScrollerButton` appears when the user scrolls away
+  and scrolls back on click. `direction="end"` (default) or `direction="start"`.
+  It is a self-managing control, so don't gate it behind your own scroll-position
+  state.
+
+For a "thinking…" indicator while the model generates, apply the `shimmer`
+utility to text. Don't author a custom keyframe animation. See
+[styling.md](./styling.md).
+
+---
+
+## Escape hatch: the scroller hooks
+
+For behavior the parts don't expose, read state from the hooks rather than
+re-implementing the scroller: `useMessageScroller`,
+`useMessageScrollerVisibility`, and `useMessageScrollerScrollable`. They come
+from the auto-installed `@shadcn/react` dependency, so there's nothing extra to
+install. Reach for them only when composition can't express what you need.
diff --git a/frontend/.agents/skills/shadcn/rules/composition.md b/frontend/.agents/skills/shadcn/rules/composition.md
new file mode 100644
index 0000000..a8aa427
--- /dev/null
+++ b/frontend/.agents/skills/shadcn/rules/composition.md
@@ -0,0 +1,213 @@
+# Component Composition
+
+## Contents
+
+- Items always inside their Group component
+- Callouts use Alert
+- Empty states use Empty component
+- Toast notifications follow the project base
+- Choosing between overlay components
+- Dialog, Sheet, and Drawer always need a Title
+- Card structure
+- Button has no isPending or isLoading prop
+- TabsTrigger must be inside TabsList
+- Avatar always needs AvatarFallback
+- Use Separator instead of raw hr or border divs
+- Use Skeleton for loading placeholders
+- Use Badge instead of custom styled spans
+
+---
+
+## Items always inside their Group component
+
+Never render items directly inside the content container.
+
+**Incorrect:**
+
+```tsx
+<SelectContent>
+  <SelectItem value="apple">Apple</SelectItem>
+  <SelectItem value="banana">Banana</SelectItem>
+</SelectContent>
+```
+
+**Correct:**
+
+```tsx
+<SelectContent>
+  <SelectGroup>
+    <SelectItem value="apple">Apple</SelectItem>
+    <SelectItem value="banana">Banana</SelectItem>
+  </SelectGroup>
+</SelectContent>
+```
+
+This applies to all group-based components:
+
+| Item | Group |
+|------|-------|
+| `SelectItem`, `SelectLabel` | `SelectGroup` |
+| `DropdownMenuItem`, `DropdownMenuLabel`, `DropdownMenuSub` | `DropdownMenuGroup` |
+| `MenubarItem` | `MenubarGroup` |
+| `ContextMenuItem` | `ContextMenuGroup` |
+| `CommandItem` | `CommandGroup` |
+| `MessageScrollerItem` | `MessageScrollerContent` |
+| `Message` (consecutive, same sender) | `MessageGroup` |
+| `Bubble` (stacked) | `BubbleGroup` |
+| `Attachment` (in a row) | `AttachmentGroup` |
+
+Chat components nest in a fixed order (`MessageScrollerProvider` → `MessageScroller` → `MessageScrollerViewport` → `MessageScrollerContent` → `MessageScrollerItem`). See [chat.md](./chat.md).
+
+---
+
+## Callouts use Alert
+
+```tsx
+<Alert>
+  <AlertTitle>Warning</AlertTitle>
+  <AlertDescription>Something needs attention.</AlertDescription>
+</Alert>
+```
+
+---
+
+## Empty states use Empty component
+
+```tsx
+<Empty>
+  <EmptyHeader>
+    <EmptyMedia variant="icon"><FolderIcon /></EmptyMedia>
+    <EmptyTitle>No projects yet</EmptyTitle>
+    <EmptyDescription>Get started by creating a new project.</EmptyDescription>
+  </EmptyHeader>
+  <EmptyContent>
+    <Button>Create Project</Button>
+  </EmptyContent>
+</Empty>
+```
+
+---
+
+## Toast notifications follow the project base
+
+For Base UI projects, use the `toast` component:
+
+```tsx
+import { toast } from "@/components/ui/toast"
+
+toast.add({
+  title: "Changes saved.",
+})
+```
+
+For Radix and React Aria projects, use Sonner:
+
+```tsx
+import { toast } from "sonner"
+
+toast.success("Changes saved.")
+toast.error("Something went wrong.")
+toast("File deleted.", {
+  action: { label: "Undo", onClick: () => undoDelete() },
+})
+```
+
+---
+
+## Choosing between overlay components
+
+| Use case | Component |
+|----------|-----------|
+| Focused task that requires input | `Dialog` |
+| Destructive action confirmation | `AlertDialog` |
+| Side panel with details or filters | `Sheet` |
+| Mobile-first bottom panel | `Drawer` |
+| Quick info on hover | `HoverCard` |
+| Small contextual content on click | `Popover` |
+
+---
+
+## Dialog, Sheet, and Drawer always need a Title
+
+`DialogTitle`, `SheetTitle`, `DrawerTitle` are required for accessibility. Use `className="sr-only"` if visually hidden.
+
+```tsx
+<DialogContent>
+  <DialogHeader>
+    <DialogTitle>Edit Profile</DialogTitle>
+    <DialogDescription>Update your profile.</DialogDescription>
+  </DialogHeader>
+  ...
+</DialogContent>
+```
+
+---
+
+## Card structure
+
+Use full composition — don't dump everything into `CardContent`:
+
+```tsx
+<Card>
+  <CardHeader>
+    <CardTitle>Team Members</CardTitle>
+    <CardDescription>Manage your team.</CardDescription>
+  </CardHeader>
+  <CardContent>...</CardContent>
+  <CardFooter>
+    <Button>Invite</Button>
+  </CardFooter>
+</Card>
+```
+
+---
+
+## Button has no isPending or isLoading prop
+
+Compose with `Spinner` + `data-icon` + `disabled`:
+
+```tsx
+<Button disabled>
+  <Spinner data-icon="inline-start" />
+  Saving...
+</Button>
+```
+
+---
+
+## TabsTrigger must be inside TabsList
+
+Never render `TabsTrigger` directly inside `Tabs` — always wrap in `TabsList`:
+
+```tsx
+<Tabs defaultValue="account">
+  <TabsList>
+    <TabsTrigger value="account">Account</TabsTrigger>
+    <TabsTrigger value="password">Password</TabsTrigger>
+  </TabsList>
+  <TabsContent value="account">...</TabsContent>
+</Tabs>
+```
+
+---
+
+## Avatar always needs AvatarFallback
+
+Always include `AvatarFallback` for when the image fails to load:
+
+```tsx
+<Avatar>
+  <AvatarImage src="/avatar.png" alt="User" />
+  <AvatarFallback>JD</AvatarFallback>
+</Avatar>
+```
+
+---
+
+## Use existing components instead of custom markup
+
+| Instead of | Use |
+|---|---|
+| `<hr>` or `<div className="border-t">` | `<Separator />` |
+| `<div className="animate-pulse">` with styled divs | `<Skeleton className="h-4 w-3/4" />` |
+| `<span className="rounded-full bg-green-100 ...">` | `<Badge variant="secondary">` |
diff --git a/frontend/.agents/skills/shadcn/rules/forms.md b/frontend/.agents/skills/shadcn/rules/forms.md
new file mode 100644
index 0000000..f451e2f
--- /dev/null
+++ b/frontend/.agents/skills/shadcn/rules/forms.md
@@ -0,0 +1,192 @@
+# Forms & Inputs
+
+## Contents
+
+- Forms use FieldGroup + Field
+- InputGroup requires InputGroupInput/InputGroupTextarea
+- Buttons inside inputs use InputGroup + InputGroupAddon
+- Option sets (2–7 choices) use ToggleGroup
+- FieldSet + FieldLegend for grouping related fields
+- Field validation and disabled states
+
+---
+
+## Forms use FieldGroup + Field
+
+Always use `FieldGroup` + `Field` — never raw `div` with `space-y-*`:
+
+```tsx
+<FieldGroup>
+  <Field>
+    <FieldLabel htmlFor="email">Email</FieldLabel>
+    <Input id="email" type="email" />
+  </Field>
+  <Field>
+    <FieldLabel htmlFor="password">Password</FieldLabel>
+    <Input id="password" type="password" />
+  </Field>
+</FieldGroup>
+```
+
+Use `Field orientation="horizontal"` for settings pages. Use `FieldLabel className="sr-only"` for visually hidden labels.
+
+**Choosing form controls:**
+
+- Simple text input → `Input`
+- Dropdown with predefined options → `Select`
+- Searchable dropdown → `Combobox`
+- Native HTML select (no JS) → `native-select`
+- Boolean toggle → `Switch` (for settings) or `Checkbox` (for forms)
+- Single choice from few options → `RadioGroup`
+- Toggle between 2–5 options → `ToggleGroup` + `ToggleGroupItem`
+- OTP/verification code → `InputOTP`
+- Multi-line text → `Textarea`
+
+---
+
+## InputGroup requires InputGroupInput/InputGroupTextarea
+
+Never use raw `Input` or `Textarea` inside an `InputGroup`.
+
+**Incorrect:**
+
+```tsx
+<InputGroup>
+  <Input placeholder="Search..." />
+</InputGroup>
+```
+
+**Correct:**
+
+```tsx
+import { InputGroup, InputGroupInput } from "@/components/ui/input-group"
+
+<InputGroup>
+  <InputGroupInput placeholder="Search..." />
+</InputGroup>
+```
+
+---
+
+## Buttons inside inputs use InputGroup + InputGroupAddon
+
+Never place a `Button` directly inside or adjacent to an `Input` with custom positioning.
+
+**Incorrect:**
+
+```tsx
+<div className="relative">
+  <Input placeholder="Search..." className="pr-10" />
+  <Button className="absolute right-0 top-0" size="icon">
+    <SearchIcon />
+  </Button>
+</div>
+```
+
+**Correct:**
+
+```tsx
+import { InputGroup, InputGroupInput, InputGroupAddon } from "@/components/ui/input-group"
+
+<InputGroup>
+  <InputGroupInput placeholder="Search..." />
+  <InputGroupAddon>
+    <Button size="icon">
+      <SearchIcon data-icon="inline-start" />
+    </Button>
+  </InputGroupAddon>
+</InputGroup>
+```
+
+---
+
+## Option sets (2–7 choices) use ToggleGroup
+
+Don't manually loop `Button` components with active state.
+
+**Incorrect:**
+
+```tsx
+const [selected, setSelected] = useState("daily")
+
+<div className="flex gap-2">
+  {["daily", "weekly", "monthly"].map((option) => (
+    <Button
+      key={option}
+      variant={selected === option ? "default" : "outline"}
+      onClick={() => setSelected(option)}
+    >
+      {option}
+    </Button>
+  ))}
+</div>
+```
+
+**Correct:**
+
+```tsx
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group"
+
+<ToggleGroup spacing={2}>
+  <ToggleGroupItem value="daily">Daily</ToggleGroupItem>
+  <ToggleGroupItem value="weekly">Weekly</ToggleGroupItem>
+  <ToggleGroupItem value="monthly">Monthly</ToggleGroupItem>
+</ToggleGroup>
+```
+
+Combine with `Field` for labelled toggle groups:
+
+```tsx
+<Field orientation="horizontal">
+  <FieldTitle id="theme-label">Theme</FieldTitle>
+  <ToggleGroup aria-labelledby="theme-label" spacing={2}>
+    <ToggleGroupItem value="light">Light</ToggleGroupItem>
+    <ToggleGroupItem value="dark">Dark</ToggleGroupItem>
+    <ToggleGroupItem value="system">System</ToggleGroupItem>
+  </ToggleGroup>
+</Field>
+```
+
+> **Note:** `defaultValue` and `type`/`multiple` props differ between base and radix. See [base-vs-radix.md](./base-vs-radix.md#togglegroup).
+
+---
+
+## FieldSet + FieldLegend for grouping related fields
+
+Use `FieldSet` + `FieldLegend` for related checkboxes, radios, or switches — not `div` with a heading:
+
+```tsx
+<FieldSet>
+  <FieldLegend variant="label">Preferences</FieldLegend>
+  <FieldDescription>Select all that apply.</FieldDescription>
+  <FieldGroup className="gap-3">
+    <Field orientation="horizontal">
+      <Checkbox id="dark" />
+      <FieldLabel htmlFor="dark" className="font-normal">Dark mode</FieldLabel>
+    </Field>
+  </FieldGroup>
+</FieldSet>
+```
+
+---
+
+## Field validation and disabled states
+
+Both attributes are needed — `data-invalid`/`data-disabled` styles the field (label, description), while `aria-invalid`/`disabled` styles the control.
+
+```tsx
+// Invalid.
+<Field data-invalid>
+  <FieldLabel htmlFor="email">Email</FieldLabel>
+  <Input id="email" aria-invalid />
+  <FieldDescription>Invalid email address.</FieldDescription>
+</Field>
+
+// Disabled.
+<Field data-disabled>
+  <FieldLabel htmlFor="email">Email</FieldLabel>
+  <Input id="email" disabled />
+</Field>
+```
+
+Works for all controls: `Input`, `Textarea`, `Select`, `Checkbox`, `RadioGroupItem`, `Switch`, `Slider`, `NativeSelect`, `InputOTP`.
diff --git a/frontend/.agents/skills/shadcn/rules/icons.md b/frontend/.agents/skills/shadcn/rules/icons.md
new file mode 100644
index 0000000..bba8102
--- /dev/null
+++ b/frontend/.agents/skills/shadcn/rules/icons.md
@@ -0,0 +1,101 @@
+# Icons
+
+**Always use the project's configured `iconLibrary` for imports.** Check the `iconLibrary` field from project context: `lucide` → `lucide-react`, `tabler` → `@tabler/icons-react`, etc. Never assume `lucide-react`.
+
+---
+
+## Icons in Button use data-icon attribute
+
+Add `data-icon="inline-start"` (prefix) or `data-icon="inline-end"` (suffix) to the icon. No sizing classes on the icon.
+
+**Incorrect:**
+
+```tsx
+<Button>
+  <SearchIcon className="mr-2 size-4" />
+  Search
+</Button>
+```
+
+**Correct:**
+
+```tsx
+<Button>
+  <SearchIcon data-icon="inline-start"/>
+  Search
+</Button>
+
+<Button>
+  Next
+  <ArrowRightIcon data-icon="inline-end"/>
+</Button>
+```
+
+---
+
+## No sizing classes on icons inside components
+
+Components handle icon sizing via CSS. Don't add `size-4`, `w-4 h-4`, or other sizing classes to icons inside `Button`, `DropdownMenuItem`, `Alert`, `Sidebar*`, or other shadcn components. Unless the user explicitly asks for custom icon sizes.
+
+**Incorrect:**
+
+```tsx
+<Button>
+  <SearchIcon className="size-4" data-icon="inline-start" />
+  Search
+</Button>
+
+<DropdownMenuItem>
+  <SettingsIcon className="mr-2 size-4" />
+  Settings
+</DropdownMenuItem>
+```
+
+**Correct:**
+
+```tsx
+<Button>
+  <SearchIcon data-icon="inline-start" />
+  Search
+</Button>
+
+<DropdownMenuItem>
+  <SettingsIcon />
+  Settings
+</DropdownMenuItem>
+```
+
+---
+
+## Pass icons as component objects, not string keys
+
+Use `icon={CheckIcon}`, not a string key to a lookup map.
+
+**Incorrect:**
+
+```tsx
+const iconMap = {
+  check: CheckIcon,
+  alert: AlertIcon,
+}
+
+function StatusBadge({ icon }: { icon: string }) {
+  const Icon = iconMap[icon]
+  return <Icon />
+}
+
+<StatusBadge icon="check" />
+```
+
+**Correct:**
+
+```tsx
+// Import from the project's configured iconLibrary (e.g. lucide-react, @tabler/icons-react).
+import { CheckIcon } from "lucide-react"
+
+function StatusBadge({ icon: Icon }: { icon: React.ComponentType }) {
+  return <Icon />
+}
+
+<StatusBadge icon={CheckIcon} />
+```
diff --git a/frontend/.agents/skills/shadcn/rules/styling.md b/frontend/.agents/skills/shadcn/rules/styling.md
new file mode 100644
index 0000000..fe75197
--- /dev/null
+++ b/frontend/.agents/skills/shadcn/rules/styling.md
@@ -0,0 +1,185 @@
+# Styling & Customization
+
+See [customization.md](../customization.md) for theming, CSS variables, and adding custom colors.
+
+## Contents
+
+- Semantic colors
+- Built-in variants first
+- className for layout only
+- No space-x-* / space-y-*
+- Prefer size-* over w-* h-* when equal
+- Prefer truncate shorthand
+- No manual dark: color overrides
+- Use cn() for conditional classes
+- No manual z-index on overlay components
+- Use shimmer / scroll-fade utilities, not custom animations
+
+---
+
+## Semantic colors
+
+**Incorrect:**
+
+```tsx
+<div className="bg-blue-500 text-white">
+  <p className="text-gray-600">Secondary text</p>
+</div>
+```
+
+**Correct:**
+
+```tsx
+<div className="bg-primary text-primary-foreground">
+  <p className="text-muted-foreground">Secondary text</p>
+</div>
+```
+
+---
+
+## No raw color values for status/state indicators
+
+For positive, negative, or status indicators, use Badge variants, semantic tokens like `text-destructive`, or define custom CSS variables — don't reach for raw Tailwind colors.
+
+**Incorrect:**
+
+```tsx
+<span className="text-emerald-600">+20.1%</span>
+<span className="text-green-500">Active</span>
+<span className="text-red-600">-3.2%</span>
+```
+
+**Correct:**
+
+```tsx
+<Badge variant="secondary">+20.1%</Badge>
+<Badge>Active</Badge>
+<span className="text-destructive">-3.2%</span>
+```
+
+If you need a success/positive color that doesn't exist as a semantic token, use a Badge variant or ask the user about adding a custom CSS variable to the theme (see [customization.md](../customization.md)).
+
+---
+
+## Built-in variants first
+
+**Incorrect:**
+
+```tsx
+<Button className="border border-input bg-transparent hover:bg-accent">
+  Click me
+</Button>
+```
+
+**Correct:**
+
+```tsx
+<Button variant="outline">Click me</Button>
+```
+
+---
+
+## className for layout only
+
+Use `className` for layout (e.g. `max-w-md`, `mx-auto`, `mt-4`), **not** for overriding component colors or typography. To change colors, use semantic tokens, built-in variants, or CSS variables.
+
+**Incorrect:**
+
+```tsx
+<Card className="bg-blue-100 text-blue-900 font-bold">
+  <CardContent>Dashboard</CardContent>
+</Card>
+```
+
+**Correct:**
+
+```tsx
+<Card className="max-w-md mx-auto">
+  <CardContent>Dashboard</CardContent>
+</Card>
+```
+
+To customize a component's appearance, prefer these approaches in order:
+1. **Built-in variants** — `variant="outline"`, `variant="destructive"`, etc.
+2. **Semantic color tokens** — `bg-primary`, `text-muted-foreground`.
+3. **CSS variables** — define custom colors in the global CSS file (see [customization.md](../customization.md)).
+
+---
+
+## No space-x-* / space-y-*
+
+Use `gap-*` instead. `space-y-4` → `flex flex-col gap-4`. `space-x-2` → `flex gap-2`.
+
+```tsx
+<div className="flex flex-col gap-4">
+  <Input />
+  <Input />
+  <Button>Submit</Button>
+</div>
+```
+
+---
+
+## Prefer size-* over w-* h-* when equal
+
+`size-10` not `w-10 h-10`. Applies to icons, avatars, skeletons, etc.
+
+---
+
+## Prefer truncate shorthand
+
+`truncate` not `overflow-hidden text-ellipsis whitespace-nowrap`.
+
+---
+
+## No manual dark: color overrides
+
+Use semantic tokens — they handle light/dark via CSS variables. `bg-background text-foreground` not `bg-white dark:bg-gray-950`.
+
+---
+
+## Use cn() for conditional classes
+
+Use the `cn()` utility from the project for conditional or merged class names. Don't write manual ternaries in className strings.
+
+**Incorrect:**
+
+```tsx
+<div className={`flex items-center ${isActive ? "bg-primary text-primary-foreground" : "bg-muted"}`}>
+```
+
+**Correct:**
+
+```tsx
+import { cn } from "@/lib/utils"
+
+<div className={cn("flex items-center", isActive ? "bg-primary text-primary-foreground" : "bg-muted")}>
+```
+
+---
+
+## No manual z-index on overlay components
+
+`Dialog`, `Sheet`, `Drawer`, `AlertDialog`, `DropdownMenu`, `Popover`, `Tooltip`, `HoverCard` handle their own stacking. Never add `z-50` or `z-[999]`.
+
+---
+
+## Use shimmer / scroll-fade utilities, not custom animations
+
+For a live "thinking…" or loading-text shimmer, apply the `shimmer` utility. Don't author a custom `@keyframes` or a `bg-clip-text` gradient sweep.
+
+For scroll-aware edge fading on a scroll container, use `scroll-fade` (and the axis variants `scroll-fade-x` / `scroll-fade-b`). Don't hand-roll mask gradients. The chat components already apply these internally: `Attachment` shimmers its title during upload, and `MessageScrollerViewport` fades its edges.
+
+**Incorrect:**
+
+```tsx
+<span className="animate-pulse bg-gradient-to-r from-muted-foreground/40 via-foreground/70 to-muted-foreground/40 bg-clip-text text-transparent [animation:shimmer_1.6s_infinite]">
+  Thinking…
+</span>
+```
+
+**Correct:**
+
+```tsx
+<span className="shimmer">Thinking…</span>
+```
diff --git a/frontend/.gitignore b/frontend/.gitignore
new file mode 100644
index 0000000..a46e550
--- /dev/null
+++ b/frontend/.gitignore
@@ -0,0 +1,44 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+*storybook.log
+storybook-static
diff --git a/frontend/.npmrc b/frontend/.npmrc
new file mode 100644
index 0000000..4fb73c8
--- /dev/null
+++ b/frontend/.npmrc
@@ -0,0 +1 @@
+use-node-version=24.19.0
\ No newline at end of file
diff --git a/frontend/.prettierignore b/frontend/.prettierignore
new file mode 100644
index 0000000..a9d1f62
--- /dev/null
+++ b/frontend/.prettierignore
@@ -0,0 +1,20 @@
+# Ignore artifacts:
+build
+coverage
+.next
+node_modules
+out
+storybook-static
+pnpm-lock.yaml
+
+# Documentation
+**/docs/
+
+# Markdown is left to its own formatting (skill docs, READMEs, etc.)
+**/*.md
+**/*.mdx
+
+# /design-sync generated entry barrels — hand-ordered imports (the process shim
+# MUST stay first); keep import-sort from reordering them.
+packages/components/src/_ds-components-entry.ts
+console/src/_ds-console-entry.ts
diff --git a/frontend/.prettierrc.json b/frontend/.prettierrc.json
new file mode 100644
index 0000000..e9719ce
--- /dev/null
+++ b/frontend/.prettierrc.json
@@ -0,0 +1,22 @@
+{
+  "trailingComma": "all",
+  "singleQuote": false,
+  "arrowParens": "always",
+  "semi": true,
+  "importOrder": [
+    "server-only",
+    "next/(.*)$",
+    "^react$",
+    "^react-dom$",
+    "<THIRD_PARTY_MODULES>",
+    "^@/(.*)$",
+    "^[./]"
+  ],
+  "importOrderSortSpecifiers": true,
+  "tailwindStylesheet": "app/globals.css",
+  "tailwindFunctions": ["cn", "cva"],
+  "plugins": [
+    "@trivago/prettier-plugin-sort-imports",
+    "prettier-plugin-tailwindcss"
+  ]
+}
diff --git a/frontend/.storybook/main.ts b/frontend/.storybook/main.ts
new file mode 100644
index 0000000..a25e518
--- /dev/null
+++ b/frontend/.storybook/main.ts
@@ -0,0 +1,18 @@
+import type { StorybookConfig } from "@storybook/nextjs-vite";
+
+const config: StorybookConfig = {
+  stories: [
+    "../stories/**/*.mdx",
+    "../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
+  ],
+  addons: [
+    "@chromatic-com/storybook",
+    "@storybook/addon-vitest",
+    "@storybook/addon-a11y",
+    "@storybook/addon-docs",
+    "@storybook/addon-mcp",
+  ],
+  framework: "@storybook/nextjs-vite",
+  staticDirs: ["../public"],
+};
+export default config;
diff --git a/frontend/.storybook/preview.tsx b/frontend/.storybook/preview.tsx
new file mode 100644
index 0000000..d700ba2
--- /dev/null
+++ b/frontend/.storybook/preview.tsx
@@ -0,0 +1,22 @@
+import type { Preview } from "@storybook/nextjs-vite";
+import "../app/globals.css";
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+
+    a11y: {
+      // 'todo' - show a11y violations in the test UI only
+      // 'error' - fail CI on a11y violations
+      // 'off' - skip a11y checks entirely
+      test: "todo",
+    },
+  },
+};
+
+export default preview;
diff --git a/frontend/.vscode/mcp.json b/frontend/.vscode/mcp.json
new file mode 100644
index 0000000..c76702d
--- /dev/null
+++ b/frontend/.vscode/mcp.json
@@ -0,0 +1,8 @@
+{
+  "servers": {
+    "next-devtools": {
+      "command": "npx",
+      "args": ["-y", "next-devtools-mcp@latest"]
+    }
+  }
+}
diff --git a/frontend/.vscode/settings.json b/frontend/.vscode/settings.json
new file mode 100644
index 0000000..9b9a67f
--- /dev/null
+++ b/frontend/.vscode/settings.json
@@ -0,0 +1,7 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}
diff --git a/frontend/README.md b/frontend/README.md
new file mode 100644
index 0000000..e215bc4
--- /dev/null
+++ b/frontend/README.md
@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
diff --git a/frontend/app/favicon.ico b/frontend/app/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..718d6fea4835ec2d246af9800eddb7ffb276240c
GIT binary patch
literal 25931
zcmeHv30#a{`}aL_*G&7qml|y<+KVaDM2m#dVr!KsA!#An?kSQM(q<_dDNCpjEux83
zLb9Z^XxbDl(w>%i@8hT6>)&Gu{h#Oeyszu?xtw#Zb1mO<?sK2}EE5RAKnxHU7lft+
zNRAPL3?T?25I&drAjl1ssi=G|D?(7bFsgtO(2o>{pgX9699l+Qppw7jXaYf~-84xW
z)w4x8?=youko|}Vr~(D$UX<xm7|19n6Hxvd5m6xx<*9a4%RmR{en}E&p$X-wy5A}T
zU0^dwXVA>IbiXABHh`p1?nn8Po~fxRJv}|0e(BPs|G`(TT%kKVJAdg5*Z|x0leQq0
zkdUBvb#>9F()jo|T~kx@OM8$9wzs~t2l;K=woNssA3l6|sx2r3+kdfVW@e^8e*E}v
zA1y5{bRi+3Z`uD3{F7LgFJDdvm;nJilkzDku>BwXH(8ItVCXk*-lSJnR?-2UN%<G)
zWdETe=&R39RaKR)udn|#TOgZ!e!yM=<=+`Uz{l^5UtkZ2fHDQ;UwMB}v%l$A-`~F-
z{Qr^x^CSUf63Sry{6y#+`<sMA?dPFvg)$lC_RkFRKnCi7&P<a6>hJ){&rlvg`CDTj
z)Bzo!3v7Ou#83zEDEFcKt(f1E0~=rqeEbTnMvWR#{+9pg%7G8y>u1OVRUSoox-ovF
z2Ydma(;=YuBY(eI|04{hXzZD6_f(v~H;C~y5=DhAC{MMS>2fm~1H_t2$56pc$NH8(
z5bH|<)71dV-_oCHIrzrT`2s-5w_+2CM0$95I6X8p^r!gHp+j_gd;9O<1~CEQQGS8)
zS9Qh3#p&JM-G8rHekNmKVewU;pJRcTAog68KYo^dRo}(M<!8cv(gkb9@A>>36U4Us
zfgYWSiHZL3;lpWT=<n~R&zm>zNAW>Dh#mB!_@Lg%$ms8N-;aPqMn+C2HqZgz&9~Eu
z4|Kp<`$q)Uw1R?y(~S>ePdonHxpV1#eSP1B;Ogo+-Pk}6#0GsZZ5!||ev2MGdh}_m
z{DeR7?0-1^zVs&`AV6<!ZvGbtU{7FdY&`9DeD(=q|M30$GCs(E?S0J1$e@G0#Z=wz
zl)*a>Vt;r3`I`OI_wgs*w=eO%_#7Kepl{B<UyBc9U%rn&@xFZ-e{%i>@xiyCANc(l
zzIyd4y|c6PXWq9-|KM8(zIk8LPk(>a)zyFWjhT!$HJ$qX1vo@d25W<<x-(q{Yn-pG
zKTz?fwGmh&&2-F3f57**)?Xk#p#S9h^DhK{VVKE&0KR^-_MMD9nf@pDACnmVll!kp
z3?Tha?LWW70P;AL{}cP~sW|?W|MbA09{7Kt2f!i(y>fvZQ2zUz5WRc(UnFMKHwe1|
zWmlB1qdbiA(C0jmnV<}GfbKtmcu^2*P^O?<jWWPHxu*D53Uq)j1!ZtH3Vi&#Nd^rV
zj`B>MBLZKt|As~ge8&AAO~2K@zbXelK|4T<{|y4`raF{=72kC2Kn(L4YyenWgrPiv
z@^mr$t{#X5VuIMeL!7Ab6_kG$&#&5p*Z{+?5U|TZ`B!7llpVmp@skYz&n^8QfPJzL
z0G6K_OJM9x+Wu2gfN45phANGt{7=C>i34CV{Xqlx(fWpeAoj^N0Biu`w+MVcCUyU*
zDZuzO0>4Z6fbu^T_arWW5n!E45vX8N=bxTVeFoep_G#VmNlQzAI_KTIc{6>c+04vr
zx@W}zE5JNSU>!THJ{J=cqjz+4{L4A{Ob9$ZJ*S1?Ggg3klFp!+Y1@K+pK1DqI|_gq
z5ZDXVpge8-cs!o|;K73#YXZ3AShj50wBvuq3NTOZ`M&qtjj#GOFfgExjg8Gn8>Vq5
z`85n+9|!iLCZF5$HJ$Iu($dm?8~-ofu}tEc+-pyke=3!im#6pk_Wo8IA|fJwD&~~F
zc16osQ)EBo58U7XDuMexaPRjU@h8tXe%S{fA0NH3vGJFhuyyO!Uyl2^&EOpX{9As0
zWj+P>{@}jxH)8|r;2HdupP!vie{sJ28b&bo!8`D^x}TE$%zXNb^X1p@0PJ86`dZyj
z%ce7*{^oo+6%&~I!8hQy-vQ7E)0t0ybH4l%KltWOo~8cO`T=157JqL(oq_rC%ea&4
z2NcTJe-HgFjNg-gZ$6!Y`SMHrlj}Etf7<Kk?_r;;``Uc^3+u}-v3@Q8<@$Nr`<F?K
z-%F>?r!zQTPPSv}{so2e>Fjs1{<qUF=hGRSFDG$<z3x<+@%{Vd%a`e+qodRP&D<om
zAEn>gzk~LGeesX%r(Lh6rbhSo_n)@@G-FTQy93;l#E)hgP@d_SGvyCp0~o(Y;Ee8{
zdVUDbHm5`2taPUOY^MAGOw*<R_VaVlPH<<CgYr!E->>=s7=Gst=D+p+2yON!0%Hk`
zz5mAhyT4lS*T3LS^WSxUy86q&GnoHxzQ6vm8)VS}_zuqG?+3td68_x;etQAdu@sc6
zQJ&5|4(I?~3d-QOAODHpZ=hlSg(lBZ!JZWCtHHSj`0Wh93-Uk)_S%zsJ~aD>{`A0~
z9{AG(e|q3g5B%wYKRxiL2Y$8(4w<boVrLOyLG9R$m+7N>6bzchKuloQW#e&S3n+P-
z8!ds-%f;TJ1>)v)##>gd{PdS2Oc3VaR`fr=`O8QIO(6(N!A?pr5C#6fc~Ge@N%Vvu
zaoAX2&(a6eWy_q&UwOhU)|P3J0Qc%OdhzW=F4D|pt0E4osw;%<%Dn58hAWD^XnZD=
z>9~H(3bmLtxpF?a7su6J7M*x1By7YSUbxGi)Ot0P77`}P<HJ;%@cvfCkvm6xcMjdY
zed_u6xK)F%|1Hy`)`e~K(f*MqTJ?92I+4lga{A5`-U@Cab35G6unNk<*dpB|Rtkp;
z?32o^yBlJsuA-^abQ~7;%<oa^k<DbKc{lOW2!yM#nEALvv)IhY7b|Wfg(UhtiurTM
zY-B6L26$JQo&Kt3nh3JTJ)garEgw^{uEM3__%b$U5{~+aMO*k)6R#grkER2`U6KS-
z=j1=QhCkuy%iiHWrqH8CeGNw*C?epTpl2Bo@ugUPKRFeiVHOpL7PHu-SAgX@qmTGH
z_%ePz1`io8XDfwLmip;Rn;1yo+3>3{)&5Un{KD?`-e?r21!4vTTnN(4Y6Lin?UkSM
z`MXCTC1@4A4~mvz%Rh2&EwY))LeoT=*`tMoqcEXI>TZU9WTP#l?uFv+@Dn~b(>xh2
z;>B?;Tz2SR&KVb>vGiBSB`@U7VIWFSo=LDSb9F{GF^DbmWAfpms8Sx9OX4CnBJca3
zlj9(x!dIjN?OG1X4l*imJNvRCk}F%!?SOfiOq5y^mZW)jFL@<gIi}tCXee1<sGV$i
z4r_`X#mEQbiDh!Efji0GjM9z-0bF}p0(*s(OzMJ|;K&OJBar<ARLp}T>a|r-@d#f7
z2gmU8L3IZq0ynIws=}~m^#@&C%J6QFo~Mo4V`>v7MI-_!EBMMtb%_M&kvAaN)@ZVw
z+`toz&WG#HkWDjnZE!6nk{e-oFdL^$YnbOCN}JC&{$#$O27@|Tn-skXr)2ml2~O!5
zX+gYoxhoc7qoU?C^3~&!U?kRFtnSEecWuH0B0OvLodgUAi}8p1<ZO0#U-k07ifx!>
zrO6RSXHH}D<I*>Mc$&|?D004<Y&c6)m74d`LOLU@ruR+Um4>DiOVMHV8kXCP@7NKB
zgaZq^^O<7PoKEp72kby@W0Z!Y*A<g|TlOeriuPP`vK2IntATvs?Iv|J14j&;NFSFo
zyJ+sca?G+8C%!b{Sq=6cJJqS>y{&vfg#C&gG@YVR9g?FEocMUi1gSN$+V+ayF45{a
zuDZDT<?u;)RfLQwg>N}mS|;BO%gEf}pjBfN2-gIrU#G5~cucA;dokXW89%>AyXJJI
z9X4Ul<x{xc_m~`mWBP0<g-{#wm}Vv~Ef3pKWC&N_<~88zSbEk;;+{DnJ9-u&Zc74s
zJ6TCQyl_^|5cY;wmDdrU@LTL-3v0H#Ui?8ICQV{imof1MHuM$`e*ux>IWA|ZYHgbI
z5?oFk@A=Ik7lrEQPDH!H+b`7_Y~aDb_qa=B2^Y&Ow41cU=4WDd40dp5(QS-WMN-=Y
z9g;6_-JdNU;|6cPwf$ak*aJIcwL@1n$#l~zi{c{EW?T;DaW*E8DYq?Umtz{nJ&w-M
zEMyT<MDk{HKbd#ckg5-pS_?QUVhZv?&Q-ioBS}$nvBd)nE7YO0deN~G(#zCJAbY$E
z!)g3Ytl=_NDUV%pykcE+Q<{EoZ_4FR@&#d<hqs%N>DrC&9K$d|kZe2#ws6)L=7K+{
zQw{XnV6UC$6-rW0emqm8wJoeZK)wJIcV?dST}Z;G0Arq{dVDu0&4kd%N!3F1*;*pW
zR&qUiFzK=@44#QGw7k1`3t_d8&*kBV->O##t|tonFc2YWrL7_eqg+=+k;!F-`^b8>
z#KWCE8%u4k@EprxqiV$VmmtiWxDLgnGu$Vs<8rppV5E<MCr+anDo)-{XRlCJ;D#M(
zT=3WgR02;Nm!54biUb^FtzPh8iGrf412epnki-k+G4mdkzC|lJqaRMbb0~Jjp-{}I
z5Do5afZi>ajBXL4nyyZM$SWVm!wnCj-B!Wjqj5-5dNXukI2$$|Bu3Lrw}z65Lc=1G
z^-#WuQOj$hwNGG?*CM_TO8Bg-1+qc>J7k5c51U8g?ZU5n?HYor;~JIjoWH-G>AoUP
ztrWWLbRNqIjW#RT*WqZgPJXU7C)VaW5}MiijYbABmzoru6EmQ*N8cVK7a3|aOB#O&
zBl8JY2WKfmj;h#Q!pN%9o@VNLv{OUL?rixHwOZuvX7{IJ{(EdPpuVFoQqIOa7gi<U
zTpbX&UCeYeNu>LVkBOKL@^smUA!tZ1CKRK}#SSM)iQHk)*R~?M!qkCruaS!#oIL1c
z<cK@1=jX>?J<BS8bpdt^R+}%A_DEhF^%o}8e!!lc`Y!qU>;U~&FfH#*98^G?i}pA{
z9Jg36t4=%6mhY(quYq*vSxptes9qy|7xSlH?G=S@>u>Ebe;|LVhs~@+06N<4CViBk
zUiY$thvX;>Tby6z9Y1e<Q<iIG*|o$r?OTFp`s)@_nHs4LeWbGvg7^}NK)>dAMQaiH
zm^r3v#$Q#2T=X>bsY#D%s!bhs^M9PMAcHbCc0FMHV{u-dwlL;a1eJ63v5U*?Q_8JO
zT#50!RD619#j_Uf))0ooADz~*9&lN!bBDRUgE>Vud-i5ck%vT=r^yD*^?Mp@Q^v+V
zG#-?gKlr}Eeqifb{|So?HM&g91<J5P5=Ly{?(NNY{6`O~L5r@sJe3rNZn06%SLk);
z9?hvE^Hr{!*G$<_doyzGn#*z*#}?)8dH=eYTgvc)T~}Jw!kCv68<+KL5{5?EXtDAZ
zWeNqp8%KIuBi&icn5s815Vho<+99VW1~m@L8l0=$c`t-L{q))~<!p*~vCdUcBcPz`
zyUi}!-k_`G{>P8|av8hQoCmQXkd?7wIJw<dY^{|7OQJUHKB~nksN_|Xy;DL?xjxU^
zbMa`WdfTBnr<wTd$mY&SgJ4U|X``k`#`gN@M+0x2W{YgC3kbLk<uYFJWglkx_)2#b
ztRiuA!EK9o)f`I2k)l;Of%E`ff91WlZh8yfRi6#N-mC`Ma(yr~U82SyAhc9B+ur!f
zP-3igg*KeYs9mGOAw@OaXYy9DnGjn0<m`JH&Q^h}^!h+uS9Ct*o-oEy(?iT6Yco>b
z_^v8bbg`<ZOL)a;i=IdfK0Zvw4nXsoC?eTOMpY)_ptiORm%J(1CD3dE0Z%Vy<2iHp
zcp>SAn{I*4bH$u(RZ6*x<DqKJ+5;a6Jq~=Y8V&c?Vsyq88!2nD?H?Eww58Mqt$7R8
z5BMjmKx>UhuA~hc=8czK8SHEKTzSxgbwi~9(OqJB&gwb^l4+m`k*Q;_?>Y-APi1{k
zAHQ)P)G)f|AyjSgcCFps)Fh6Bca*Xznq3<?y%xNvu0N78_R?~<RDFQx0ynlRG(E|j
zvEGN3bF<E_9p-I!UwQXFqcSGV#e^98tgFqLp+z9eP}y!jNA{)r*a+%M-_20xg?94<
zzmM{}syi0cd&P)zywMdS&Y_9k5JDtOM!L)b^2WP!+fHYGv>6!pV6Az&m{O8$wGFD?
zY&O*3*J0;_EqM#jh6^gMQKpXV?#1?>$ml1xvh8nSN>-?H=V;nJIwB07YX$e6vLxH(
zqYwQ>qxwR(i4f)DLd)-$P>T-no_c!LsN@)8`e;W@)-Hj0>nJ-}Kla4-ZdPJzI&Mce
zv)V_j;(3ERN3_@I$N<^|4Lf`B;8n+bX@bHbcZTopEmDI*Jfl)-pFDvo6svPRoo@(x
z);_{lY<;);XzT`dBFpRmGrr}z5u1=p<K1~3>C^<jVp}L(pzgMB_Vs-O?{Z?y$8M;)
zi@7zwpzV9#m72%En~(9@E)GWV^(~J*@^*K*TE0mynAnGJ5YSLCEnC42H-`tr4L=oW
zI}N{xQ$HT8Q6CVHf%RY&xw7!Zj(0xmg(K#UQ4u!ej95z7V4phlcTJ2&AR}$)zV-s!
zO7bqY6(=?1t+JCOW_z%HRE>S-{ce6iXQlLGcItwJ^mZx{m$&DA_oEZ)B{_bYPq-HA
zcH8WGoBG(aBU_j)vEy+_71T34@4dmSg!|M8Vf92Zj6WH7Q7t#OHQqWgFE3ARt+%!T
z?oLovLVlnf?2c7pTc)~cc^($_8nyKwsN`RA-23ed3sdj(ys%pjjM+9JrctL;dy8a(
z@en&CQmnV(()bu|Y%G1-4a(6x{aLytn$T-;(&{QIJB9vMox11U-1HpD@d(QkaJdEb
zG{)+6Dos_L+O3NpWo^=gR?evp|CqEG?L&Ut#D*KLaRFOgOEK(Kq1@!EGcTfo+%A&I
z=dLbB+d$u{sh?u)xP{PF8L%;YPPW53+@{>5W=Jt#wQpN;0_HYdw1{ksf_XhO4#2F=
zyPx6Lx2<92L-;L5PD`zn6zwIH`Jk(<gsVPionpJ-imI56$j4P0!br@ny3=!{x2TY^
zCD=)8_PgmN)E!^nczcDGc9Wm7oo5O3@fh=k=kh8J?_3KqEp7JHdv8z_iZ5#KmbiPt
z2Bt8Ro^p$7pS!xL3mtj<iN3f}#r6_&$Es0PnJTE?c;0#$%cGdu`T%~`gW;c^VD-S=
zrAatMf^%Lzr*wQ4kHSOb?WOUuEsJQ3xr{Imf1t{~iNmRwb_SP9!?FFN=b-E){!8P2
ztWCT~262O8`%?3<W4Wg+ovWY<re)?^kZ|Yi>$?Qw({erA$^bC;q33hv!d!>%wRhj#
zal^hk+WGNg;rJtb-EB(?czvOM=H7dl=vblBwAv>}%1@{}mnpUznfq1cE^sgsL0*4I
zJ##!*B?=vI_OEVis5o+_IwMIRrpQyT_Sq~ZU%oY7c5JMIADzpD!Upz9h@iWg_>>~j
zOLS;wp^i$-E?4<_cp?RiS%Rd?i;f*mOz=~(&3lo<=@(nR!_Rqiprh@weZlL!t#NCc
zO!QTcInq|%#>OVgobj{~ixEUec`E25zJ~*DofsQdzIa@5^nOXj2T;8O`l--(QyU<o
zeu8G~Z>^$t?TGY^7#&FQ+2SS3B#qK*k3`ye?8jUYSajE5iBbJls75CCc(m3dk{t?-
zopcER9{Z?TC)mk~gpi^kbbu>b-+a{m#8-y2^p$ka4n60w;Sc2}HMf<8JUvh<G@KZw
z+<GL!lpeahq2+nO{>CL0B&Btk)T`ctE$*qNW8L$`7!r^9T+>=<=2qaq-;ll2{`{Rg
zc5a0ZUI$oG&j-qVOuKa=*v4aY#IsoM+1|c4Z)<}lEDvy;5huB@1RJPquU2U*U-;gu
z=En2m+qjBzR#DEJDO`WU)hdd{Vj%^0V*KoyZ|5lzV87&g_j~NCjwv0uQVqXOb*QrQ
zy|Qn`hxx(58c<SELWpDAg~83oY-J_WoDiI6d7>70$E;L(X0uZZ72M1!6oeg)(cdKO
ze0gDaTz+ohR-#d)NbAH4x{I(21yjwvBQfmpLu$)|m{XolbgF!pmsqJ#D}(ylp6uC>
z{bqtcI#hT#HW=wl7>p!38sKsJ`r8}lt-q%Keqy%u(xk=yiIJiUw6|5IvkS+#?JTBl
z8H5(Q?l#wzazujH!8o>1xtn8#_w+397*<wp?Ryt$UFh41$qd}LyNJ7Oao(Aw2g|wy
zH_nZ+R#~EUME^#j4$@^5&>_cy8!pQGP%K(Ga3pAjsaTbbXJlQF_+m+-UpUUent@xM
zg%jqLUExj~o^vQ3Gl*>wh=_gOr2*|U64_iXb+-111a<qXXnUI&{l`dM&{4Gw)jZn;
zlj{VxW@#OcVE1Y%J*u^Z@H+XSqL6SwA|^jv2RU_+d;O!mk)dw7-m9B4{6*G1zRdR6
zQ}6v&Xt7R2h3Xp}EQk4nF2TULG{Ri=D|JC<a+K7dldN1}CY_f!vK#u}K3`g#TpO&W
z;!;64`0$d9raD!VbYP`kuFUasaMh!;&81y}LHS(SuGRxwEn4LZb4DS1j9iAq$MXd@
z(Ebka7_Gc(ljGaJqtI-OzmA@c@sYB$)Vg!RP4~``vaVyRq$rJXRjIPwtepN;(B%wy
zmU>H}$TjeajM+I20xw(((>fej-@CIz4S1pi$(#}P7`4({6QS2CaQS4NPENDp>sAqD
z$bH4KGzXGffkJ7R>V>)>tC)uax{UsN*dbeNC*v}#8Y#OWYwL4t$ePR?VTyIs!wea+
z5Urmc)X|^`MG~*dS6pGSbU+gPJoq*^a=_>$n4|P^w$sMBBy@f*Z^Jg6?n5?oId6f{
z$LW4M|4m502z0t7g<#Bx%X;9<=)smFolV&(V^(7Cv2-sxbxopQ!)*#ZRhTBpx1)Fc
zNm1T%bONzv6@#|dz(w02AH8OXe>kQ#1FMCzO}2J_mST)+ExmBr9cva-@?;wnmWMOk
z{3_~EX_xadgJGv&H@zK_8{(x84`}+c?oSBX*Ge3VdfTt&F}yCpFP?CpW+BE^cWY0^
zb&uBN!Ja3UzYHK-CTyA5=L<c0d<h!DNBIa<xax8W3(Ru8L0cVXQ18|Y^|*S%)R96z
zBT$(=zQ}2vmt6LzN~Oyf_Y92%P@QOx{7~}5!UIqCdfu?VwC0Nb!2@iiit8-5zUWFG
z*G&+GLIU#J;}hvowNJWnglvb^<2q~lS#?ixVtYT@(O3{TC|4kFJYLB*jni-4YZi0>
zEMW{l3Usky#ly=7px648W31UNV@K)&Ub&zP1c7%)`{);I4b0Q<)B}3;NMG2JH=X$U
zfIW4)4n9ZM`-yRj67I)YSLDK)qfUJ_ij}a#aZN~9EXrh8eZY2&=uY%2N0UFF7<~%M
zsB8=erOWZ>Ct_#^tHZ|*q`H;A)5;ycw*I<Cd*bZlOJ9YmRUK2<qXkpRR3nr6r~%Jz
z*(8tA&DYO)etdgVmoonqD{*<5Fog4ClIs-~_uhjuZOI}#Wy+ce${%#oyHloXelqfz
z8)?D3Y_>cmVxi8_0Xk}aJA^ath+E;xg!x+As(M#0=)3!NJR6H&9+zd#iP(m0PIW8$
z1Y^VX`>jm`W!=WpF*{ioM?C9`yOR>@0q=u7o>BP-eSHqCgMDj!2anwH?s%i2p+Q7D
zzszIf5XJpE)IG4;d_(La-xenmF(tgAxK`Y4sQ}BSJEPs6N_U2vI{8=0C_F?@7<(G;
zo$~G=8p+076G;`}>{MQ>t>7cm=zGtfbdDXm6||jUU|?X?CaE?(<6bKDYKeHlz}DA8
zXT={X=yp_R;HfJ9h%?eWvQ!dRgz&Su*JfNt!Wu>|XfU<MM~gB&J0gc}IH}?|B4WRK
zWPL0FhctFGdMucOFdhrVunIe5)4K^H9IjB#eA)p5w?c#v7kp8jx^~bxxJB{;hPFL9
zkR9Dbpj+T5ZMgHQg|oj*DS;x&jK}1rn&}Shp9sgOI*7puQD-w?3H*cg72;5H(_zW*
zApJBIM-p2~F;qWDj!n|Kd=5|T8OPkQ_G;ujgvKybr5@~eci2{8WAz+%NUSp-&eoG!
zOGLNLJewWl&1*NT467W3god~fYgX?!f0?NCFnjD$qE-fyQ)|Q_DLc*{olmXSVl$g_
z$vj}o?RatMy(o*j8?q1Mgw{OUOgVR6_qvS<Co*&!cR`ROi|*I`ajyG5s@L8agnX2J
zF=DLkMG`z{RP&996y0yAtvJcb<cba?TV#j4VYFPC>&68iRikRrHRW|ZxzRR^`eIGt
zIeiDgVS>IeExKVRWW8-=<xUfo0v~z=RA=cFWKXgcMECd}xHp7iqkBanH}TZ0h0rA=
zqxUZ>A=<k-RjTtwbJkkep{8z*173wY^e%-U0{Ue!n@wbg^2q)Vx5c(_RfvuR4}XXn
z+JE>yA`}`)ZkWBrZD`hpWIxBGkh&f#ijr449~m`j6{4jiJ*C!oVA8ZC?$1RM#K(_b
zL9TW)kN*Y4%^-qPpMP7d4)o?Nk#>aoYHT(*g)qmRUb?**F@pnNiy6Fv9rEiUqD(^O
zzyS?nBrX63BTRYduaG(0VVG2yJRe%o&rVrLjbxTaAFTd8s;<<@Qs>u(<193R8>}2_
zuwp{7;H2a*X7_jryzriZXMg?bTuegABb^87@SsKkr2)0Gyiax8KQWstw^v<oS3Xw7
zu51m`3~hoyxErcHymdFTZd#AO59{EkuFTcpAR33(3xc{zRnn1~1Ei(i*^HdCvM~;;
za&}Uip|u>#ix45EVrcEhr>!NMhprl<CqZuKa#zuI&@zymVzIicetS0bq#u?m(r_@S
zJ79bl%4EyHCQ3fK@en+A1@)e}HWLP|gr_zuoA{}Z<(-*53Zu@k+=^%~5F(z$EFLI;
z-TQTS8$W|GRbZq93Ha1?lu+`O;rn>$InQMzjSFH54x5k9qHc`@9uKQzvL4ihcq{^B
zPrVR=o_ic%Y>6&rMN)hTZsI7I<3&`#(nl+3y3ys9A~<Ao%ZuW})CJ)6^(aRV(gGxR
z89#(FDW;GZEAf;rI$+PU)rEV|rASrwP0_mr^Ldv)IuUf1M>&^=4?PL&nd8)`OfG#n
zwAMN$1&>K++c{^|7<<q5KGu)u(OEfEJJw2aEi(;x-i=Y=j3ram9H2n-Fuqv0dVlXJ
z&WgG5X({!vJFDrEbm+CWDca^zIe2@s1@a;;Y3!U9Q)&P0UXFmCP51_!wvTfAIyR^M
z7^R*O@yz1b-s4VC>4P=2y(B{jJsQ0a#U;HTo4ZmWZYvI{+s;Td{Yzem%0*k#)vjpB
zia;J&>}ICate44SFYY3vEelqStQWFihx%^vQ@Do(sOy7yR2@WNv7Y9I^yL=nZr3mb
zXKV5t@=?-Sk|b{XMhA7ZGB@2hqsx}4xwCW!in#C<kr{U&JG{9FhoZ<aTve_lLz39>
zI@}sc<h3gsW}hp-`WUywKA>Zlr3-NFJ@NFaJlhyfcw{k^vvtGl`N9xSo**rDW4S}i
zM9{fMPWo%4wYDG~BZ18BD+}h|GQKc-g^{++3MY>}W_uq7jGHx{mwE9fZiPCoxN$+7
zrODGGJrOkcPQUB(FD5aoS4g~7#6NR^ma7-!>mHuJfY5kTe6PpNNKC9GGRiu^L31uG
z$7v`*JknQHsYB!Tm_W{a32TM099djW%5e+j0Ve_ct}IM>XLF1Ap+YvcrLV=|CKo6S
zb+<Td{{5RWR}u2f(q<b(D$9JsF0OOzJ*+z0P5kc1t}CXlYgua%x*2lSgp|*WS3H-#
zdYr7?GQOL18zUS<2|;+vi4|4sQBM2Gs&WVS!D`q5Lz;XR@5rEfa{uG-!q?R8Ncz%(
z5K6~LQ@d2wp#)5q4u<ENlFbS)U4o1t9{-d>9Nl3_YdKP6%Cxy@6TxZ>;4&nTneadr
z_ES90ydCev)LV!dN=#(*f}|ZORFdvkYBni^aLbUk>BajeWIOcmHP#8S)*2U~QKI%S
zyrLmtPqb&TphJ;>yAxri#;{uyk`JJqODDw%(Z=2<VfJZemI(PFAD{6Sm|uE%BTbkl
zROsg*MOh20YgGs3H7?@pmQ>`1uc}br^V%>j!gS)D*q*f_-qf8&D;W1dJgQMlaH5er
zN2U<%Smb7==vE}dDI8K7cKz!vs^73o9f>2sgiTzWcwY|BMYHH5%Vn7#kiw&eItCqa
zIkR2~Q}>X=Ar8W|^Ms41Fm8o6IB2_j60eOeBB1Br!boW7JnoeX6Gs)?7rW0^5psc-
zjS16yb>dFn>KPOF;imD}e!enuIniFzv}n$m2#gCCv4jM#ArwlzZ$7@9&XkFxZ4n!V
zj3dyiwW4Ki2QG{@i>yuZXQizw_OkZI^-3otXC{!(lUpJF33gI60ak;Uqitp74|B6I
zgg{b=Iz}WkhCGj1M<xTd?60J5qsr1Cg7F~~U2N!(@lC<>=hu4#Aw173YxIVbISaoc
z-nLZC*6Tgivd5V`K%GxhBsp@SUU60-rfc$=wb>zdJzXS&-5(NRRodFk;Kxk!S(<ov
z$YXcI9;^grAyiJ4dWTv3b}K~Ww09(;mLY4+kj|$A?IMr}`7q?mIS1>O(a0e7oY=E(
zAyS;Ow?6Q&XA+cnkCb{28_1N8H#?J!*$MmIwLq^*T_9-z^&UE@A(z9oGYtFy6EZef
LrJugUA?W`A8`#=m

literal 0
HcmV?d00001

diff --git a/frontend/app/globals.css b/frontend/app/globals.css
new file mode 100644
index 0000000..0104c3e
--- /dev/null
+++ b/frontend/app/globals.css
@@ -0,0 +1,135 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  /* Breakpoints */
+  --breakpoint-tablet: 640px;
+  --breakpoint-desktop: 1024px;
+
+  /* shadcn/ui */
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-geist-mono);
+  --font-heading: var(--font-sans);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) * 0.6);
+  --radius-md: calc(var(--radius) * 0.8);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.4);
+  --radius-2xl: calc(var(--radius) * 1.8);
+  --radius-3xl: calc(var(--radius) * 2.2);
+  --radius-4xl: calc(var(--radius) * 2.6);
+}
+
+:root {
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.148 0.004 228.8);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.148 0.004 228.8);
+  --primary: oklch(0.218 0.008 223.9);
+  --primary-foreground: oklch(0.987 0.002 197.1);
+  --secondary: oklch(0.963 0.002 197.1);
+  --secondary-foreground: oklch(0.218 0.008 223.9);
+  --muted: oklch(0.963 0.002 197.1);
+  --muted-foreground: oklch(0.56 0.021 213.5);
+  --accent: oklch(0.963 0.002 197.1);
+  --accent-foreground: oklch(0.218 0.008 223.9);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.925 0.005 214.3);
+  --input: oklch(0.925 0.005 214.3);
+  --ring: oklch(0.723 0.014 214.4);
+  --chart-1: oklch(0.872 0.007 219.6);
+  --chart-2: oklch(0.56 0.021 213.5);
+  --chart-3: oklch(0.45 0.017 213.2);
+  --chart-4: oklch(0.378 0.015 216);
+  --chart-5: oklch(0.275 0.011 216.9);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.987 0.002 197.1);
+  --sidebar-foreground: oklch(0.148 0.004 228.8);
+  --sidebar-primary: oklch(0.218 0.008 223.9);
+  --sidebar-primary-foreground: oklch(0.987 0.002 197.1);
+  --sidebar-accent: oklch(0.963 0.002 197.1);
+  --sidebar-accent-foreground: oklch(0.218 0.008 223.9);
+  --sidebar-border: oklch(0.925 0.005 214.3);
+  --sidebar-ring: oklch(0.723 0.014 214.4);
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.148 0.004 228.8);
+}
+
+.dark {
+  --background: oklch(0.148 0.004 228.8);
+  --foreground: oklch(0.987 0.002 197.1);
+  --card: oklch(0.218 0.008 223.9);
+  --card-foreground: oklch(0.987 0.002 197.1);
+  --popover: oklch(0.218 0.008 223.9);
+  --popover-foreground: oklch(0.987 0.002 197.1);
+  --primary: oklch(0.925 0.005 214.3);
+  --primary-foreground: oklch(0.218 0.008 223.9);
+  --secondary: oklch(0.275 0.011 216.9);
+  --secondary-foreground: oklch(0.987 0.002 197.1);
+  --muted: oklch(0.275 0.011 216.9);
+  --muted-foreground: oklch(0.723 0.014 214.4);
+  --accent: oklch(0.275 0.011 216.9);
+  --accent-foreground: oklch(0.987 0.002 197.1);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.56 0.021 213.5);
+  --chart-1: oklch(0.872 0.007 219.6);
+  --chart-2: oklch(0.56 0.021 213.5);
+  --chart-3: oklch(0.45 0.017 213.2);
+  --chart-4: oklch(0.378 0.015 216);
+  --chart-5: oklch(0.275 0.011 216.9);
+  --sidebar: oklch(0.218 0.008 223.9);
+  --sidebar-foreground: oklch(0.987 0.002 197.1);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.987 0.002 197.1);
+  --sidebar-accent: oklch(0.275 0.011 216.9);
+  --sidebar-accent-foreground: oklch(0.987 0.002 197.1);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.56 0.021 213.5);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+  html {
+    @apply font-sans;
+  }
+}
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
new file mode 100644
index 0000000..60c8751
--- /dev/null
+++ b/frontend/app/layout.tsx
@@ -0,0 +1,45 @@
+import { Geist, Geist_Mono, Inter, Playfair_Display } from "next/font/google";
+import type { Metadata } from "next";
+import { cn } from "@/lib/utils";
+import "./globals.css";
+
+const playfairDisplayHeading = Playfair_Display({
+  subsets: ["latin"],
+  variable: "--font-heading",
+});
+
+const inter = Inter({ subsets: ["latin"], variable: "--font-sans" });
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({ children }: LayoutProps<"/">) {
+  return (
+    <html
+      lang="en"
+      className={cn(
+        "h-full",
+        "antialiased",
+        geistSans.variable,
+        geistMono.variable,
+        "font-sans",
+        inter.variable,
+        playfairDisplayHeading.variable,
+      )}
+    >
+      <body className="flex min-h-full flex-col">{children}</body>
+    </html>
+  );
+}
diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
new file mode 100644
index 0000000..d40116c
--- /dev/null
+++ b/frontend/app/page.tsx
@@ -0,0 +1,69 @@
+import Image from "next/image";
+
+export default function Home() {
+  return (
+    <div className="flex flex-1 flex-col items-center justify-center bg-zinc-50 font-sans dark:bg-black">
+      <main className="flex w-full max-w-3xl flex-1 flex-col items-center justify-between bg-white px-16 py-32 sm:items-start dark:bg-black">
+        <Image
+          className="h-5 w-[100px] dark:invert"
+          src="/next.svg"
+          alt="Next.js logo"
+          width={100}
+          height={20}
+          priority
+        />
+        <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
+          <h1 className="max-w-xs text-3xl leading-10 font-semibold tracking-tight text-black dark:text-zinc-50">
+            To get started, edit the{" "}
+            <code className="rounded bg-black/[.06] px-1.5 py-0.5 font-mono text-[0.9em] dark:bg-white/[.08]">
+              page.tsx
+            </code>{" "}
+            file.
+          </h1>
+          <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
+            Looking for a starting point or more instructions? Head over to{" "}
+            <a
+              href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+              className="font-medium text-zinc-950 dark:text-zinc-50"
+            >
+              Templates
+            </a>{" "}
+            or the{" "}
+            <a
+              href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+              className="font-medium text-zinc-950 dark:text-zinc-50"
+            >
+              Learning
+            </a>{" "}
+            center.
+          </p>
+        </div>
+        <div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
+          <a
+            className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] md:w-[158px] dark:hover:bg-[#ccc]"
+            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <Image
+              className="h-[14px] w-4 dark:invert"
+              src="/vercel.svg"
+              alt="Vercel logomark"
+              width={16}
+              height={14}
+            />
+            Deploy Now
+          </a>
+          <a
+            className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] md:w-[158px] dark:border-white/[.145] dark:hover:bg-[#1a1a1a]"
+            href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Documentation
+          </a>
+        </div>
+      </main>
+    </div>
+  );
+}
diff --git a/frontend/components.json b/frontend/components.json
new file mode 100644
index 0000000..5ee4cdf
--- /dev/null
+++ b/frontend/components.json
@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "base-sera",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "app/globals.css",
+    "baseColor": "mist",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "rtl": false,
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "menuColor": "default",
+  "menuAccent": "subtle",
+  "registries": {}
+}
diff --git a/frontend/components/ui/button.tsx b/frontend/components/ui/button.tsx
new file mode 100644
index 0000000..918f373
--- /dev/null
+++ b/frontend/components/ui/button.tsx
@@ -0,0 +1,55 @@
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { type VariantProps, cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+
+const buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-none border border-transparent bg-clip-padding text-xs font-semibold tracking-widest whitespace-nowrap uppercase transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline:
+          "border-border bg-transparent hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-input/30",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost:
+          "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive:
+          "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline underline-offset-4 hover:underline",
+      },
+      size: {
+        default:
+          "h-10 gap-1.5 px-6 has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4",
+        xs: "h-7 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-9 gap-1 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        lg: "h-11 gap-1.5 px-8 has-data-[icon=inline-end]:pr-5 has-data-[icon=inline-start]:pl-5",
+        icon: "size-10",
+        "icon-xs": "size-7 [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-9",
+        "icon-lg": "size-11",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  },
+);
+
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {
+  return (
+    <ButtonPrimitive
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  );
+}
+
+export { Button, buttonVariants };
diff --git a/frontend/eslint.config.mjs b/frontend/eslint.config.mjs
new file mode 100644
index 0000000..793022c
--- /dev/null
+++ b/frontend/eslint.config.mjs
@@ -0,0 +1,22 @@
+// For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
+import storybook from "eslint-plugin-storybook";
+
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+import { defineConfig, globalIgnores } from "eslint/config";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+  ...storybook.configs["flat/recommended"]
+]);
+
+export default eslintConfig;
diff --git a/frontend/lib/utils.ts b/frontend/lib/utils.ts
new file mode 100644
index 0000000..365058c
--- /dev/null
+++ b/frontend/lib/utils.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
diff --git a/frontend/next.config.ts b/frontend/next.config.ts
new file mode 100644
index 0000000..82495c5
--- /dev/null
+++ b/frontend/next.config.ts
@@ -0,0 +1,11 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  output: "export",
+  // next/image's default loader needs a server; serve images as-is instead.
+  images: {
+    unoptimized: true,
+  },
+};
+
+export default nextConfig;
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000..adc969a
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,53 @@
+{
+  "name": "argus-dashboard",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.7.0",
+    "axios": "^1.19.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.31.0",
+    "next": "16.3.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "shadcn": "^4.18.0",
+    "tailwind-merge": "^3.6.0",
+    "tw-animate-css": "^1.4.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.3.1",
+    "prettier": "3.9.6",
+    "prettier-plugin-tailwindcss": "^0.8.1",
+    "tailwindcss": "^4",
+    "typescript": "^5",
+    "storybook": "^10.5.8",
+    "@storybook/nextjs-vite": "^10.5.8",
+    "@chromatic-com/storybook": "latest",
+    "@storybook/addon-vitest": "^10.5.8",
+    "@storybook/addon-a11y": "^10.5.8",
+    "@storybook/addon-docs": "^10.5.8",
+    "@storybook/addon-mcp": "latest",
+    "vite": "latest",
+    "eslint-plugin-storybook": "^10.5.8",
+    "vitest": "latest",
+    "playwright": "latest",
+    "@vitest/browser-playwright": "latest",
+    "@vitest/coverage-v8": "latest"
+  },
+  "packageManager": "pnpm@10.33.0"
+}
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
new file mode 100644
index 0000000..d8c7a1e
--- /dev/null
+++ b/frontend/pnpm-lock.yaml
@@ -0,0 +1,8910 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@base-ui/react':
+        specifier: ^1.7.0
+        version: 1.7.0(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      axios:
+        specifier: ^1.19.0
+        version: 1.19.0
+      class-variance-authority:
+        specifier: ^0.7.1
+        version: 0.7.1
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
+      lucide-react:
+        specifier: ^1.31.0
+        version: 1.31.0(react@19.2.8)
+      next:
+        specifier: 16.3.1
+        version: 16.3.1(@babel/core@7.29.7)(@types/node@20.19.43)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      react:
+        specifier: 19.2.8
+        version: 19.2.8
+      react-dom:
+        specifier: 19.2.8
+        version: 19.2.8(react@19.2.8)
+      shadcn:
+        specifier: ^4.18.0
+        version: 4.18.0(typescript@5.9.3)
+      tailwind-merge:
+        specifier: ^3.6.0
+        version: 3.6.0
+      tw-animate-css:
+        specifier: ^1.4.0
+        version: 1.4.0
+    devDependencies:
+      '@chromatic-com/storybook':
+        specifier: latest
+        version: 5.3.0(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))
+      '@storybook/addon-a11y':
+        specifier: ^10.5.8
+        version: 10.5.8(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))
+      '@storybook/addon-docs':
+        specifier: ^10.5.8
+        version: 10.5.8(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(esbuild@0.28.2)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      '@storybook/addon-mcp':
+        specifier: latest
+        version: 0.7.0(@storybook/addon-vitest@10.5.8(@vitest/browser-playwright@4.1.10)(@vitest/browser@4.1.10)(@vitest/runner@4.1.10)(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(vitest@4.1.10))(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)
+      '@storybook/addon-vitest':
+        specifier: ^10.5.8
+        version: 10.5.8(@vitest/browser-playwright@4.1.10)(@vitest/browser@4.1.10)(@vitest/runner@4.1.10)(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(vitest@4.1.10)
+      '@storybook/nextjs-vite':
+        specifier: ^10.5.8
+        version: 10.5.8(@babel/core@7.29.7)(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(esbuild@0.28.2)(next@16.3.1(@babel/core@7.29.7)(@types/node@20.19.43)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      '@tailwindcss/postcss':
+        specifier: ^4
+        version: 4.3.3
+      '@trivago/prettier-plugin-sort-imports':
+        specifier: ^6.0.2
+        version: 6.0.2(prettier@3.9.6)
+      '@types/node':
+        specifier: ^20
+        version: 20.19.43
+      '@types/react':
+        specifier: ^19
+        version: 19.2.18
+      '@types/react-dom':
+        specifier: ^19
+        version: 19.2.4(@types/react@19.2.18)
+      '@vitest/browser-playwright':
+        specifier: latest
+        version: 4.1.10(playwright@1.62.1)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))(vitest@4.1.10)
+      '@vitest/coverage-v8':
+        specifier: latest
+        version: 4.1.10(@vitest/browser@4.1.10)(vitest@4.1.10)
+      eslint:
+        specifier: ^9
+        version: 9.39.5(jiti@2.7.0)
+      eslint-config-next:
+        specifier: 16.3.1
+        version: 16.3.1(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)
+      eslint-plugin-storybook:
+        specifier: ^10.5.8
+        version: 10.5.8(eslint@9.39.5(jiti@2.7.0))(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)
+      playwright:
+        specifier: latest
+        version: 1.62.1
+      prettier:
+        specifier: 3.9.6
+        version: 3.9.6
+      prettier-plugin-tailwindcss:
+        specifier: ^0.8.1
+        version: 0.8.1(@trivago/prettier-plugin-sort-imports@6.0.2(prettier@3.9.6))(prettier@3.9.6)
+      storybook:
+        specifier: ^10.5.8
+        version: 10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
+      tailwindcss:
+        specifier: ^4
+        version: 4.3.3
+      typescript:
+        specifier: ^5
+        version: 5.9.3
+      vite:
+        specifier: latest
+        version: 8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)
+      vitest:
+        specifier: latest
+        version: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+
+packages:
+
+  '@adobe/css-tools@4.5.0':
+    resolution: {integrity: sha512-6OzddxPio9UiWTCemp4N8cYLV2ZN1ncRnV1cVGtve7dhPOtRkleRyx32GQCYSwDYgaHU3USMm84tNsvKzRCa1Q==}
+
+  '@alloc/quick-lru@5.2.0':
+    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+    engines: {node: '>=10'}
+
+  '@babel/code-frame@7.29.7':
+    resolution: {integrity: sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.29.7':
+    resolution: {integrity: sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.29.7':
+    resolution: {integrity: sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.29.8':
+    resolution: {integrity: sha512-gZbepsdh3WDtgZKWL+vTPh71LSBrm/Y4/QDZBVCcYfmeTEEuoOYwlSy+G1StfJg+/Zy550u/3TATbm7qDbbMtg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-annotate-as-pure@7.29.7':
+    resolution: {integrity: sha512-OoK6239jHPuSQOoS0kfTVKn0b/rVTk0seKq4Gd2UMLtmOVLjDC0ki3e+c90Trqv2gMfvJFqkiljrr568+qddiw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.29.7':
+    resolution: {integrity: sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-create-class-features-plugin@7.29.7':
+    resolution: {integrity: sha512-IY3ZD9Tmooqr3TUhc3DUWxiuo8xx1DWLhd5M7hQ+ZWJamqM2BbalrBJb2MisSLoYorOj75U03qULCxQTY9r3hg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-globals@7.29.7':
+    resolution: {integrity: sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-member-expression-to-functions@7.29.7':
+    resolution: {integrity: sha512-j+7JYmk1JYDtACIGj0QJqqWZjoUpMoEikQGADMaHgCMCSDqd2+P32rfcibUNrGOMWrlzK1WJBdxrB3JJQZwWtg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.29.7':
+    resolution: {integrity: sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.29.7':
+    resolution: {integrity: sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-optimise-call-expression@7.29.7':
+    resolution: {integrity: sha512-+kmGVjcT9RGYzoDwdwEqEvGgKe3BYq+O1iGzjFubaNgZHwYHP6lsF2Yghf4kEuv9BV7tYDZ913aBW9am6YKong==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-plugin-utils@7.29.7':
+    resolution: {integrity: sha512-G7sHYigPY17oO5SYWnfD/0MTBwVR781S/JI643e/JhUYgVgWE/61SoW3NH9KWUKyKq5LVh3npif99Wkt6j86Jw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-replace-supers@7.29.7':
+    resolution: {integrity: sha512-atfGXWSeCiF4DnKZIfmJfQRkSw9b9gNNXR1kqKjbhG4pGYCOnkp8OcTB8E3NXjBu8NpheSnOeNKz8KT7UNFTmQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.29.7':
+    resolution: {integrity: sha512-brcMGQaVzIeUb+6/bs1Av0f8YuNNjKY2JyvfRCsFuFsdKccEQ5Ges2y74D74NZ1Rz8lKJ9ksJkfqwQFJ/iNEyQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.29.7':
+    resolution: {integrity: sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.29.7':
+    resolution: {integrity: sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.29.7':
+    resolution: {integrity: sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.29.7':
+    resolution: {integrity: sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.29.8':
+    resolution: {integrity: sha512-E8lTAYNB1KW+FH+VGJuZM1ioAx2E6oVlvQFRrf5P8ZZmsiJXYAD9vTFV7yyEURNzgh1dFqMZuO6tUwcARbqFCA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/plugin-syntax-jsx@7.29.7':
+    resolution: {integrity: sha512-TSu8+mHCoEaaCDEZ0I3+6mvTBYR4PCxQwf2z9/r5Tbztv6NaLR3B9thGTTxX2WGuGHJqRiAbKPeGTJ5XWXVg6A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-typescript@7.29.7':
+    resolution: {integrity: sha512-ngr+82Sh0xMz25TPCZi+nC2iTzjfCdWS2ONXTp/PtSCHCgaCNBpdMqgvJ2ccdLlClVZ7sisIgB914j/JFe+RZA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-modules-commonjs@7.29.7':
+    resolution: {integrity: sha512-j0vCldybPC5b5dwCQOJ21uKtHzt7hxLygJTg9eF1ScfaikEDNfzn94XoW5Fi+seBR0nCyL23xaBFFkq7dTM8XQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-typescript@7.29.7':
+    resolution: {integrity: sha512-jK52h8LaLc7JarhQV2ofeFMts4H7vnOXnqZNA6fYglBTZewRBE51KWt3BUltW1P+KoPsYkHoJeXePuz4zo2LMw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/preset-typescript@7.29.7':
+    resolution: {integrity: sha512-/Foi8vKY2EVbed/1eZx0gJEEwHAIxogrySI7rULcRIvhZzbvoE/b5qG5Ghc0WKAFKOHA9SD1x7RsFlOYdutIiQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/runtime@7.29.7':
+    resolution: {integrity: sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/template@7.29.7':
+    resolution: {integrity: sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.29.8':
+    resolution: {integrity: sha512-I5z7H3bf/41ktsNVLtpN0wAa336HkqIHQ5BuPLEhTkt1jVSyZpeNKIzTgEWmlxjdg81R0IgUCcaE+Ok3NvrfZg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.29.8':
+    resolution: {integrity: sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==}
+    engines: {node: '>=6.9.0'}
+
+  '@base-ui/react@1.7.0':
+    resolution: {integrity: sha512-j+8QjX44C32jrXD/qyEAGpFr70FRpGL2CY61mQd9nBPWN737CK0xxD1ceJ055rW4RtdvFDT1e7otzdlfxvsYug==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      '@date-fns/tz': ^1.2.0
+      '@types/react': ^17 || ^18 || ^19
+      date-fns: ^4.0.0
+      react: ^17 || ^18 || ^19
+      react-dom: ^17 || ^18 || ^19
+    peerDependenciesMeta:
+      '@date-fns/tz':
+        optional: true
+      '@types/react':
+        optional: true
+      date-fns:
+        optional: true
+
+  '@base-ui/utils@0.3.2':
+    resolution: {integrity: sha512-oWy1aq/I2GmYjpl4PhEAhzflF8VPGKgZeq0xAWTbfD5KBWyxcN0ZP2+WHSUm/5Z6lVMBDLReLcoXwSYoRc/zNQ==}
+    peerDependencies:
+      '@types/react': ^17 || ^18 || ^19
+      react: ^17 || ^18 || ^19
+      react-dom: ^17 || ^18 || ^19
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@bcoe/v8-coverage@1.0.2':
+    resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==}
+    engines: {node: '>=18'}
+
+  '@blazediff/core@1.9.1':
+    resolution: {integrity: sha512-ehg3jIkYKulZh+8om/O25vkvSsXXwC+skXmyA87FFx6A/45eqOkZsBltMw/TVteb0mloiGT8oGRTcjRAz66zaA==}
+
+  '@chromatic-com/storybook@5.3.0':
+    resolution: {integrity: sha512-gMAfVYJnF/tjdY8C3Q54KYz/low2NFjPIZMpCqSFuMUiTJ2DNWCTb7mFhuuzZ1iduWFDhewlJyilFmvKcEDYRA==}
+    engines: {node: '>=20.0.0', yarn: '>=1.22.18'}
+    peerDependencies:
+      storybook: ^0.0.0-0 || ^10.1.0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0 || ^10.4.0-0 || ^10.5.0-0 || ^10.6.0-0
+
+  '@dotenvx/dotenvx@1.75.1':
+    resolution: {integrity: sha512-/BITOC9dmS/edY2zQwZNicQ059O6RKabtQfyEafV0nGtfYRNHYy1DIPiYVcov40+tob9hfmBnbR963dS+EQ1DQ==}
+    hasBin: true
+
+  '@dotenvx/primitives@0.8.0':
+    resolution: {integrity: sha512-VYJy0uhFm9zTJ1TxBaW/pA8bjbOM/OttaNMwZ1RHG4JKyRG7DhSdiqD1ipQoAyoD22olUtxbP78W9xY3Wd11bg==}
+
+  '@emnapi/core@1.10.0':
+    resolution: {integrity: sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==}
+
+  '@emnapi/core@1.11.2':
+    resolution: {integrity: sha512-TC8MkTuZUtcTSiFeuC0ksCh9QIJ5+F21MvZ4Wn4ORfYaFJ/0dsiudv5tVkejgwZlwQ39jL9WWDe2lz8x0WglOA==}
+
+  '@emnapi/core@1.9.2':
+    resolution: {integrity: sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==}
+
+  '@emnapi/runtime@1.10.0':
+    resolution: {integrity: sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==}
+
+  '@emnapi/runtime@1.11.2':
+    resolution: {integrity: sha512-kyOl3X0DuTiT1h2ft8r2fYO8JYtU9a9Xis/zBSiGArNaagCOWx90N1k2wxp18czFDH+OgcWGb5ZP/XMt3dcyPA==}
+
+  '@emnapi/runtime@1.11.3':
+    resolution: {integrity: sha512-Xz4Tpyki7XyrpbUK1jR1AhdAdaXyhhY4lZ3neLodmhpuWfy2PAQN5B46sAiU4liOXGLkHypn/qU+jvfWSCYYLA==}
+
+  '@emnapi/runtime@1.9.2':
+    resolution: {integrity: sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==}
+
+  '@emnapi/wasi-threads@1.2.1':
+    resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}
+
+  '@emnapi/wasi-threads@1.2.2':
+    resolution: {integrity: sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==}
+
+  '@esbuild/aix-ppc64@0.28.2':
+    resolution: {integrity: sha512-XExcO+dvLKvVtNTibSTBej1NCAbaGhWn9Ww1ZPx80qsahhPFe/8jgWP0IchNe0F3HwkU7n8ejhH8bjonqht8mQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.28.2':
+    resolution: {integrity: sha512-5YfKeeI8qWfBZIX+u2xZC3Zlb3Os/gLS2sbEKM+I4ZOcsWmHS2WLysCcQZDAFRslDUU5Oiq44gf6PYN1vGwG5A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.28.2':
+    resolution: {integrity: sha512-kXXoiPVVGQcnIYGOeaovwOURpniDBpSq4A03qkQ+BMQqtGG6HYap3xne9C1O1yo4TR3qxlCX5IqqmX6fFo2Lqg==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.28.2':
+    resolution: {integrity: sha512-O387ite7SzUyCcy3JQX4P4bLtEA7bLLkx+esve5JHnyYfNTxcVpXZo9jhdB0lTKN44gztELTdU7nS8Nr16Fs1Q==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.28.2':
+    resolution: {integrity: sha512-n4KqkOQrraxHJcgjM1RvwbigfQKIKJVpM7xp+KsxiyUSrRdIXnt73VhrPAx0fV44hgfmIVKjxMN9J1t5jySVkw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.28.2':
+    resolution: {integrity: sha512-uq6suIWYP37qzGddBKPw5QEQPi6HiLGsO7UmkpfyaYNQ3D+rN6w6WfwH+nuqcGXWvawGwxOEroO4YGnFh95azw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.28.2':
+    resolution: {integrity: sha512-n+I0BTSRIoy+d6RPKnEVwql5UwBJolytvY4mAOIEJorKlqgPII8ix6slVVrfZ5Tnj7glIZvloylbB/EJPMWEXw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.28.2':
+    resolution: {integrity: sha512-78XJTJkvPs0kz2w61301PJjXl4g7q3JqiYMZ/M/yVI73EHBrCRTgkhu9oqG7vPqq+a/yadEW8aD+agKlk5xrmg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.28.2':
+    resolution: {integrity: sha512-pW4AC0P3it8c7do9MVM4p51FzHzdM/TZrerurgRcHJ2WTa1VQ1CIq18xncfpBJw4ojkiZZrKW2yIBWBP92j6Ug==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.28.2':
+    resolution: {integrity: sha512-XlDnu2q5yoqems+xay6wSAcg9DDD7K9RLKZEBOMZm3ckNpJBvOX20tSfby8KfrrhINDyv9V2YVZKY/SpoGJI8w==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.28.2':
+    resolution: {integrity: sha512-CYbnj78HsIeA+DhgUKgFCfvNsTHFhMMrinUrMZpDXJXKN8T3XViTZ/+wtHeVxEWY8ewSzTFN+nRmSwO2tZaLUQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.28.2':
+    resolution: {integrity: sha512-buwkd8nsph4R+ajRvw0qM5Hja/TXQow3ptzWO2EbG/cqcIkHloRrdlBtQlshyYGTNFvfkfJ5tpPLVkY4DtsPfQ==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.28.2':
+    resolution: {integrity: sha512-ZVykbDyk7519VwiNb9Lcj9m8XM6v5V9uKPvrEMkkEedVewf+0itkhahp4HDpgERXhwLRpWFypsGbG/J8s0QjJA==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.28.2':
+    resolution: {integrity: sha512-CAXl+Dtd9UUuJd8pKKdwh6MLm3MUMiqMPmhZ3tTSXPqfyQ3vDl6R5hZdZ/kYojK4ofXtdfSv1tFq8XzWx3heNQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.28.2':
+    resolution: {integrity: sha512-GeXCej4IQtU1B+QlDV8W/RRvbzI3O/Stss+/bCXv4lZls5WGRtu2a+3JkA3i4qIUlMXpcHebWpF8AkJhATowuA==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.28.2':
+    resolution: {integrity: sha512-3H1weTYZPxt/WOhByszQZybS9w5lKzUn1FDMsgEChbHWQwHYQQRfBxgCcZvPhjHfKyJjIievvMmEUawJrdY9Dg==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.28.2':
+    resolution: {integrity: sha512-4xTZr1FUmSoQW4XIWmit3tzQrUTZM+N3P0XV8xROKYF50XfI7xeO90+1bZvNwxIufQ9hDQVRJH5YhgPVF8A/HQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.28.2':
+    resolution: {integrity: sha512-sSATRjPeDBg3pdgHoQfoYBob11Kk1FGa9lui5RIHZCoCkJa9QKlvl3/vKz2usCmYYjs7ymJR/2Nnsqe+Hjt5nw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.28.2':
+    resolution: {integrity: sha512-lqnzCV+mM0gIADaKihiCg6ifgfU2L3h5E33rNQBN1Y4MaVGnzryzmvvf7UHxprpQdE8hpqLolJ9Rl+SkIRDpyw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.28.2':
+    resolution: {integrity: sha512-AL2qJILH7lNjrDmCQDvdxMfAUIv8KMNZOvrwAQ8i8//ntL9FflhOyMJ8OZSMBb8/AWXe3/5v5S20y3zCoZWKoQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.28.2':
+    resolution: {integrity: sha512-QtiuPytchRyC4rwUKhexJdQKvDuZ6hWloi3igqPQNUJCS1/v9EiO3UTOXR6A3FoMo4fnAKbWJdqaIwhOzh8qEw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.28.2':
+    resolution: {integrity: sha512-WkhYDmpTjLvGlScA1rwjRUmhl4k8oXR3cIbtqWmELgU/dFeHHlEllxDvdWcNJV9rbzCexB5vz8gtNewWLgCT7Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/sunos-x64@0.28.2':
+    resolution: {integrity: sha512-GPMSkTOtMnv2U2F8gxe4Io6qmVs+YKyp832Etqqxr0hFngmXQ3rzwytelm3GIn7T4VviRUlf3sOgBOiTdvaf7g==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.28.2':
+    resolution: {integrity: sha512-PIhhEkE9uPBleRBrQEJpUn7MBnibZzbGzYWPmY3x+YoVg/95zbjB4CxPPOQ8l5tYYM4mMaCthF8/1DIfBQQyWQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.28.2':
+    resolution: {integrity: sha512-YmJbfTlvU7Sdn9BB+4PRES4oB6pxgS37MAONj+hBr/cpXS1aBPKXxNnDbu+QCWPj0o9dgyxeq79g6c5P8KeuYA==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.28.2':
+    resolution: {integrity: sha512-5ebpxr3nWMzrL/rnUI755Jkuee0bHL/Gq0WTF9lvcpv73wAp5eu8MfBUgWK9bhWvZjj7yX8etf/8tI8Ney695g==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@eslint-community/eslint-utils@4.10.1':
+    resolution: {integrity: sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/config-array@0.21.2':
+    resolution: {integrity: sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/eslintrc@3.3.6':
+    resolution: {integrity: sha512-l2Ul9PrHsPCKcEY/ac7VgFj9D80C7S68sOKc618SyHDPK36s1XcFebXY0iTzUVn4Yq+YbwvSnDmCz9yxjX+QrA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.39.5':
+    resolution: {integrity: sha512-QywQuszQh77pIXCsq998c8hbhSTI/azTty1Z6N53dmAudKHhy573j3yvRLsX2BSp8YpLtoCEG8E9DJe+8zUh4A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@floating-ui/core@1.8.0':
+    resolution: {integrity: sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==}
+
+  '@floating-ui/dom@1.8.0':
+    resolution: {integrity: sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==}
+
+  '@floating-ui/react-dom@2.1.9':
+    resolution: {integrity: sha512-JDjEFGCpImxDCA7JJKviA0M9+RtmJdj0m/NVU5IMgBK+AmZouAQQ7/+2GLH0GXXY0YMw9oXPB8hKdbPYg5QLYg==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@floating-ui/utils@0.2.12':
+    resolution: {integrity: sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==}
+
+  '@hono/node-server@2.1.1':
+    resolution: {integrity: sha512-ELuehkj5VCBdgEw9zs+ivkKwyzzUCSQuE96YmiPvn1ECBoZCczbFXJLeEGMTYjphP6gydh4pHMqEYPVMYUVgQg==}
+    engines: {node: '>=20'}
+    peerDependencies:
+      hono: ^4
+
+  '@humanfs/core@0.19.2':
+    resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.8':
+    resolution: {integrity: sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/types@0.15.0':
+    resolution: {integrity: sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
+
+  '@img/colour@1.1.0':
+    resolution: {integrity: sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==}
+    engines: {node: '>=18'}
+
+  '@img/sharp-darwin-arm64@0.35.3':
+    resolution: {integrity: sha512-RMnFX7YQsMoh7lWfcM4NEHHymBX/rLuKNPVM84XE9ONPcaSCDgE7CHIHpSgPcO2xcRthgBy1HfNO319mwhIAkg==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-darwin-x64@0.35.3':
+    resolution: {integrity: sha512-Xo+5uFBtLN0BKqieTxiFzFPQAUlBbbH5iBKyRX/z1JrbnYsHTfKJnUfL8+p2TPXr1pXqao4eeL4Rl144uDpK9w==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-freebsd-wasm32@0.35.3':
+    resolution: {integrity: sha512-lUxcqWIj2wMQ9BrwNjngcr1gWUr5xgaGThBRqPPalIC2n67Cqj1uPh8NnA/ZhAg8hUbKl+kVHKwgUIwe6ZYPrg==}
+    engines: {node: '>=20.9.0'}
+    os: [freebsd]
+
+  '@img/sharp-libvips-darwin-arm64@1.3.2':
+    resolution: {integrity: sha512-9J6ypZFpQBj4YnePGoq/S38w6nz+vqg5WZLrLGY4YuSemdMq47GMLBPO42MzwdGwpg/agZ7xzZcFHa48xlywfg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-x64@1.3.2':
+    resolution: {integrity: sha512-m2pW1n6cns9VaubNwsZ+c3CRYjxNQWgJ5gPlnL1nbBcpkBvFm6SCFN5o0psFHI8w9n11NKhFkeEDns98tiqbEw==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-linux-arm64@1.3.2':
+    resolution: {integrity: sha512-dqVSFynCox4C/J8kT16V7SIFAns0IjgLwkvYT7p8LQVmJ5OS5b6tI9IGflxTeuBS//zXeFIUbwt5dwxyZ17cnA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-arm@1.3.2':
+    resolution: {integrity: sha512-1eMLzy92I4J6rmi4mAT8yC3HxOtniyGELlzGbNMLLeqe052ahFQ0h6LFq+lh5DsDIdYViIDst08abvSbcEdLXQ==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-ppc64@1.3.2':
+    resolution: {integrity: sha512-3z0NHDxD6n5I9gc05U1eW1AyRm+Gznzq3naMrthPNqE6oYykcogW0l/jfpJdjYnuNl8R7yI9pNbE1XiUeyq0Aw==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-riscv64@1.3.2':
+    resolution: {integrity: sha512-bsb4rI+NldGOsXuej2r8OdSS8+zXDVaCWxyWrcv6kneTOlgAHtZABRzBBCwdsPiD90J4myNJuHpg6kA20ImW/w==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-s390x@1.3.2':
+    resolution: {integrity: sha512-/ABshyj8gCpyIrNXnHn4LorDJ0HHm1VhXPBlxZ8zAtfVPAaSafXPGn+sUSIRiwaSBy0mmFjSjiXI5mkcwdChKQ==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-x64@1.3.2':
+    resolution: {integrity: sha512-ITPEtgffGJ0S6G9dRyw/366tJQqFRcHWPHhC+Stpg3Z8AEMrDrTr2lhdz4f/Y/HMbRh//7Z5mBzEpVdi62Oc3w==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.3.2':
+    resolution: {integrity: sha512-zE9EdiUzUmg5mDT5a1rk5fYJ6GWPloTwWBYDS14naqHsL+EaMpDj1AWnpLgh3u0YCORv2Tt50wrcrpYqkP97Kw==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-libvips-linuxmusl-x64@1.3.2':
+    resolution: {integrity: sha512-m0lrLiUt+lBYnCFr8qV/65yMR4E/c7/wf78I5eKTdkEakFAlZ9QlzEM3QIhhAwVeUhLAHLcCq7a7Vszq/oFNZQ==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-linux-arm64@0.35.3':
+    resolution: {integrity: sha512-QgKDspHPnrU+GQ55XPhGwyhC8acLVOOSyAvo1oVfFmrIXLkDNmGWzAfDZ4xK8oSA1qBQrALcHX0G5UZni/SuFQ==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-arm@0.35.3':
+    resolution: {integrity: sha512-affVWCTLooy8TSxbDx2qkzuDeaWLNVBA+P//FNBirHsXpP2fuBhk5AuboYUnrDnzoXes8GFjpTx0SBFOCRg+FA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-ppc64@0.35.3':
+    resolution: {integrity: sha512-sMd8rDxmpLOwv/7N44klFjOD5DUO7FLdjiXDI0hoxYaf7Ar262dQIEkosE98bps+5HPLtp/EvNqeqQtOycP/IA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-riscv64@0.35.3':
+    resolution: {integrity: sha512-0Eob78yjlYPfL5vMNWAW55l3R9Y6BQS/gOfe0ZcP9mEz9ohhKSt4im1hayiknXgf8AWrFqMvJcKIdmLmEe7yeQ==}
+    engines: {node: '>=20.9.0'}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-s390x@0.35.3':
+    resolution: {integrity: sha512-KgAxQ0DxpNOq1rG2t5cgTgShJFGSuU7XO45cqC+1NVOuZnP6tlgZRuSYOfNupGkHID0o3cJOsw4DVeJpMovcGw==}
+    engines: {node: '>=20.9.0'}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-x64@0.35.3':
+    resolution: {integrity: sha512-8pqvxubL2PGdhlPy6GLqzDYMUjyRmKAwKHYKixpdJYBUK7PJ0C029XdsnpFIdgRZG68fZiGdHVWcKPvtiPB4cA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linuxmusl-arm64@0.35.3':
+    resolution: {integrity: sha512-Vz0iQjzzcSX3HCbfwFfCSG/9SCIqyO0mH2sXyiHaAYfBk0cRsCWXRyQYX0ovCK/PAQBbTzQ0dsPQHh5MAFL59w==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-linuxmusl-x64@0.35.3':
+    resolution: {integrity: sha512-6O1NPKcDVj9QEdg7Hx549EX8U0rp6yXQERqru6yRN7fGBn32UvIRJUlWnk+8xDCiG76hXVBbX82NZ/ZKr0euIg==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-wasm32@0.35.3':
+    resolution: {integrity: sha512-cZ0XkcYGpHZkqW6iCkqTcmUC0CD9DhD5d/qeZlZkfRBn6GnHniZXLUo5+9xw8Iv76YE6LQFN9YNBlKREcCG76w==}
+    engines: {node: '>=20.9.0'}
+
+  '@img/sharp-webcontainers-wasm32@0.35.3':
+    resolution: {integrity: sha512-2rnq7bX3NzeR2T4YWgz8qiG4h3TSdMe+vN1iQXpJleSJ3SM5zQ8Fy2SyyXAWlbxpEZ2Y+Z4u1BePgJEYbSy80Q==}
+    engines: {node: '>=20.9.0'}
+    cpu: [wasm32]
+
+  '@img/sharp-win32-arm64@0.35.3':
+    resolution: {integrity: sha512-4bPwFdMbeC4JQ8L8LOyWp6nsHcboP5fxkp6iPOXz2Vg49R42TuMs2whkJ5OAP4/Ul035qOzy0AecOF9VOscn4w==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@img/sharp-win32-ia32@0.35.3':
+    resolution: {integrity: sha512-r53mXsBN6lFUDiST764SvgwUdHAqM4rPAiDzAmf4fLoB6X/rkfyTrLCg6+g17wJJiCmB3JYgHuUldCWUIRFSXw==}
+    engines: {node: ^20.9.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@img/sharp-win32-x64@0.35.3':
+    resolution: {integrity: sha512-D4y1vNeZrIIJCN+uHaWVtH86B+aCrdMYYjicy9pXHvbGZeGYLLSd3wdVuC37FxVXlU1ARsk84eKWfWMXGYEqvA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.7.0':
+    resolution: {integrity: sha512-qvsTEwEFefhdirGOPnu9Wp6ChfIwy2dBCRuETU3uE+4cC+PFoxMSiiEhxk4lOluA34eARHA0OxqsEUYDqRMgeQ==}
+    peerDependencies:
+      typescript: '>= 4.3.x'
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@mdx-js/react@3.1.1':
+    resolution: {integrity: sha512-f++rKLQgUVYDAtECQ6fn/is15GkEH9+nZPM3MS0RcxVqoTfawHvDlSCH7JbMhAM6uJ32v3eXLvLmLvjGu7PTQw==}
+    peerDependencies:
+      '@types/react': '>=16'
+      react: '>=16'
+
+  '@modelcontextprotocol/sdk@1.30.0':
+    resolution: {integrity: sha512-xKd8OIzlqNzcqcNumGAa6g+PW2kjD5vrpcKOnfldAUPP3j7lnqMPwlTXQm8gF+UwH72z0lqaRbjr9hqGz0eITA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@cfworker/json-schema': ^4.1.1
+      zod: ^3.25 || ^4.0
+    peerDependenciesMeta:
+      '@cfworker/json-schema':
+        optional: true
+
+  '@napi-rs/wasm-runtime@1.2.3':
+    resolution: {integrity: sha512-UMduMbqO5s5zF2NkNacMT/yK5Y5QiKvWr2+50bzIIxFDwVJ2h49b+oyjaCGPhJxd2/gC2x39EHv/gHVuu36x2Q==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=23.5.0}
+    peerDependencies:
+      '@emnapi/core': ^1.7.1 || ^2.0.0-alpha.4
+      '@emnapi/runtime': ^1.7.1 || ^2.0.0-alpha.4
+
+  '@neoconfetti/react@1.0.0':
+    resolution: {integrity: sha512-klcSooChXXOzIm+SE5IISIAn3bYzYfPjbX7D7HoqZL84oAfgREeSg5vSIaSFH+DaGzzvImTyWe1OyrJ67vik4A==}
+
+  '@next/env@16.3.0-preview.5':
+    resolution: {integrity: sha512-XqdVR0utAWMsVc1OIyO48D32vrdmC4/uAgI3Ds088YlOO4vfGKXXVyvkGFkOZkOK0xg7bNYNfJAarX4A0tYqGg==}
+
+  '@next/env@16.3.1':
+    resolution: {integrity: sha512-35G3xwkQUb2oETSDjFXGrVugknoayLFBh7vSE+yAcl9IP2zT9wyGwq7297AYHR11kJld807t5f8AJBs6WBzXsQ==}
+
+  '@next/eslint-plugin-next@16.3.1':
+    resolution: {integrity: sha512-B4SznlXwVpaLDa7Tbi6zLuueria2d/PmFDhXyDymPGrk2r1n/RMJmcn5FZq1L64k+Jsyte1lKvOr7lP9Xo80mQ==}
+
+  '@next/swc-darwin-arm64@16.3.1':
+    resolution: {integrity: sha512-ABMIu2zQ7cnNIHm5ivKGwZwUrm0pAai3yiJ/gK/rF1c1VP9UOnj7XECbMKFdVKp9I9eMYq9NoDs1WXOoowxzJw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@next/swc-darwin-x64@16.3.1':
+    resolution: {integrity: sha512-gNG21e/UnrroeScbY/QndUEdl0mF1FRibW7BBeYUz/5ABCepjqDdEdgr592vpzMtCn/m7FTjYq3TN4TpyDnutw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@next/swc-linux-arm64-gnu@16.3.1':
+    resolution: {integrity: sha512-6B6Lw016iwNUQuaJoraMMTLh6TwHzFUtxipSScD1F3YyymcrRWkobodRS2ftIOkF5vrs4zNlyUrTC5YZQ9Lz5w==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@next/swc-linux-arm64-musl@16.3.1':
+    resolution: {integrity: sha512-JUiPXZKK9wOhjf4MgDiH29GZLxfqOesbLtHq2pDxwH/WwscTRV2ToymnOTh1egzaZf0ueUf8T2+CeYTGHjW0Iw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@next/swc-linux-x64-gnu@16.3.1':
+    resolution: {integrity: sha512-Uog9jsrmIRIL/lfvIp9htmskSNC7JcQsMVucXL2V2YY1y/D9IUN3LPEafqy0zRJ2cIU1SQ0V6F6TlffQ+pLAGg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@next/swc-linux-x64-musl@16.3.1':
+    resolution: {integrity: sha512-6yy3FT13KgUFOj5H8bl8w/6nKiJwHIvbtwh1V+1acsu+7y4tJjnemSa6mhsh53BeoVrlozE+fMgZhXH46WmjMA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@next/swc-win32-arm64-msvc@16.3.1':
+    resolution: {integrity: sha512-iOoN1QecUoGNZik536U/vtK43YwgyrCsGIkth52yIkl612n+0C9MjSnJbQAikISpb+WYRooBVhaDlUW7iZoKog==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@next/swc-win32-x64-msvc@16.3.1':
+    resolution: {integrity: sha512-d/k+PpAriUPaeMJJOG7HUSdqfEX46FEPWU1p3/nm2ACmXhj9hFEWdFODUBIpkuijXYkfL90qZzTqVPRp4BW/hw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@nodelib/fs.scandir@2.1.5':
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.stat@2.0.5':
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.walk@1.2.8':
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+
+  '@nolyfill/is-core-module@1.0.39':
+    resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
+    engines: {node: '>=12.4.0'}
+
+  '@oxc-parser/binding-android-arm-eabi@0.127.0':
+    resolution: {integrity: sha512-0LC7ye4hvqbIKxAzThzvswgHLFu2AURKzYLeSVvLdu2TBOYWQDmHnTqPLeA597BcUCxiLqLsS4CJ5uoI5WYWCQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxc-parser/binding-android-arm64@0.127.0':
+    resolution: {integrity: sha512-b5jtVTH6AU5CJXHNdj7Jj9IEiR9yVjjnwHzPJhGyHGPdcsZSzBCkS9GBbV33niRMvKthDwQRFRJfI4a+k4PvYg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxc-parser/binding-darwin-arm64@0.127.0':
+    resolution: {integrity: sha512-obCE8B7ISKkJidjlhv9xRGJPOSDG2Yu6PRga9Ruaz35uintHxbp1Ki/Yc71wx4rj3Edrm0a1kzG1TAwit0wFpg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxc-parser/binding-darwin-x64@0.127.0':
+    resolution: {integrity: sha512-JL6Xb5IwPQT8rUzlpsX7E+AgfcdNklXNPFp8pjCQQ5MQOQo5rtEB2ui+3Hgg9Sn7Y9Egj6YOLLiHhLpdAe12Aw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxc-parser/binding-freebsd-x64@0.127.0':
+    resolution: {integrity: sha512-SDQ/3MQFw58fqQz3Z1PhSKFF3JoCF4gmlNjziDm8X02tTahCw0qJbd7FGPDKw1i4VTBZene9JPyC3mHtSvi+wA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.127.0':
+    resolution: {integrity: sha512-Av+D1MIqzV0YMGPT9we2SIZaMKD7Cxs4CvXSx/yxaWHewZjYEjScpOf5igc8IILASViw4WTnjlwUdI1KzVtDHQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm-musleabihf@0.127.0':
+    resolution: {integrity: sha512-Cs2fdJ8cPpFdeebj6p4dag8A4+56hPvZ0AhQQzlaLswGz1tz7bXt1nETLeorrM9+AMcWFFkqxcXwDGfTVidY8g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm64-gnu@0.127.0':
+    resolution: {integrity: sha512-qdOfTcT6SY8gsJrrV92uyEUyjqMGPpIB5JZUG6QN5dukYd+7/j0kX6MwK1DgQj39jtUYixxPiaRUiEN1+0CXgQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-arm64-musl@0.127.0':
+    resolution: {integrity: sha512-EoTCZneNFU/P2qrpEM+RHmQwt+CvDkyGESG6qhr7KaegXLZwePfbrkCDfAk8/rhxbDUVGsZILX+2tqPzFtoFWA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-parser/binding-linux-ppc64-gnu@0.127.0':
+    resolution: {integrity: sha512-zALjmZYgxFLHjXeudcDF0xFGNydTAtkAeXAr2EuC17ywCyFxcmQra4w0BMde0Yi/re4Bi4iwEoEXtYN7l6eBLQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-riscv64-gnu@0.127.0':
+    resolution: {integrity: sha512-fPP8M6zQLS7Jz7o9d5ArUSuAuSK3e+WCYVrCpdzeCOejidtZExJ9tjhDrAd3HEPqARBCPmdpqxESPFqy44vkBQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-riscv64-musl@0.127.0':
+    resolution: {integrity: sha512-7IcC4Ao02oGpfnjt+X/oF4U2mllo2qoSkw5xxiXNKL9MCTsTiAC6616beOuehdxGcnz1bRoPC1RQ2f1GQDdN+g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-parser/binding-linux-s390x-gnu@0.127.0':
+    resolution: {integrity: sha512-pbXIhiNFHoqWeqDNLiJ9JkpHz1IM9k4DXa66x+1GTWMG7iLxtkXgE53iiuKSXwmk3zIYmaPVfBvgcAhS583K4Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-x64-gnu@0.127.0':
+    resolution: {integrity: sha512-MYCguB9RvBvlSd6gbuNI7QwiLoCCAlGnlRJFPrzLI6U1/9wkC/WK6LtBAUln55H1Ctqw45PWmqrobKoMhsYQzQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-x64-musl@0.127.0':
+    resolution: {integrity: sha512-5eY0B/bxf1xIUxb4NOTvOI3KWtBQfPWYyKAzgcrCt0mDibSZygVpO1Pz8bkeiSZ5Jj9+M09dkggG3H8I5d0Uyg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-parser/binding-openharmony-arm64@0.127.0':
+    resolution: {integrity: sha512-Gld0ajrFTUXNtdw20fVBuTQx66FA75nIVg+//pPfR3sXkuABB4mTBhl3r9JNzrJpgW//qiwxf0nWXUWGJSL3UQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxc-parser/binding-wasm32-wasi@0.127.0':
+    resolution: {integrity: sha512-T6KVD7rhLzFlwGRXMnxUFfkCZD8FHnb968wVXW1mXzgRFc5RNXOBY2mPPDZ77x5Ln76ltLMgtPg0cOkU1NSrEQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [wasm32]
+
+  '@oxc-parser/binding-win32-arm64-msvc@0.127.0':
+    resolution: {integrity: sha512-Ujvw4X+LD1CCGULcsQcvb4YNVoBGqt+JHgNNzGGaCImELiZLk477ifUH53gIbE7EKd933NdTi25JWEr9K2HwXw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxc-parser/binding-win32-ia32-msvc@0.127.0':
+    resolution: {integrity: sha512-0cwxKO7KHQQQfo4Uf4B2SQrhgm+cJaP9OvFFhx52Tkg4bezsacu83GB2/In5bC415Ueeym+kXdnge/57rbSfTw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxc-parser/binding-win32-x64-msvc@0.127.0':
+    resolution: {integrity: sha512-rOrnSQSCbhI2kowr9XxE7m9a8oQXnBHjnS6j95LxxAnEZ0+Fz20WlRXG4ondQb+ejjt2KOsa65sE6++L6kUd+w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@oxc-project/types@0.127.0':
+    resolution: {integrity: sha512-aIYXQBo4lCbO4z0R3FHeucQHpF46l2LbMdxRvqvuRuW2OxdnSkcng5B8+K12spgLDj93rtN3+J2Vac/TIO+ciQ==}
+
+  '@oxc-project/types@0.144.0':
+    resolution: {integrity: sha512-nuhZIOLuI6TFQ32I/WnUx+SCPY7SdSKwgnFHydAuoS1+Z4BRcaP+RRJmGzl9lw+0OFF7UmaESf7KQRXaNLHypg==}
+
+  '@oxc-resolver/binding-android-arm-eabi@11.24.2':
+    resolution: {integrity: sha512-y09e0L0SRI2OA2tUIrjBgoV3eH5hvUKXNkJqXmNo5V2WxIjyC7I7aJfRLMEVpA8yi95f90gFDvO0VMgrDw+vwA==}
+    cpu: [arm]
+    os: [android]
+
+  '@oxc-resolver/binding-android-arm64@11.24.2':
+    resolution: {integrity: sha512-cl4icWaZFnLdg8m6qtnh5rBMuGbxc/ptStFHLeCNwr+2cZjkjNwQu/jYRS0CHlnPecOJMpuS5M6/BH+0J/YkEg==}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxc-resolver/binding-darwin-arm64@11.24.2':
+    resolution: {integrity: sha512-At29QEMF6HajbQvgY8K6OXnHD1x9rad74xBEfmCB6ZqCGsdq75aK7tOYcTbOanMy8qdIBrfL3SMr3p/lfSlb9w==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxc-resolver/binding-darwin-x64@11.24.2':
+    resolution: {integrity: sha512-A5Kqr1EUj4oIL5CF4WRssq/o5P0Y11cwoFouMRmQ7YnC/A8V93nv1nb7aSU8HwcgmXropjLNkVTl4MN87cu28Q==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxc-resolver/binding-freebsd-x64@11.24.2':
+    resolution: {integrity: sha512-R5xkRBRRz7ceH/P5Jrc6G7FmdUdgpLYyESFAUDVTNQ9K0sGPxcp4ljiwEwEqsvNcQ4sYbMRrWcHHBCu7ksAJVw==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxc-resolver/binding-linux-arm-gnueabihf@11.24.2':
+    resolution: {integrity: sha512-k/RuYL4L/R58IBn3wT5ma3Wh4k62bp1eYCFRWCmMsasUOqL+H6sW0VGFadEzKWXFFlz+2uIMoeMk9ySSZJHgbg==}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-arm-musleabihf@11.24.2':
+    resolution: {integrity: sha512-bnHAak3ujYfH5pKk4NieFNbvYvernfoQDgwLddbZ3OtMYrem87/qjlA+u+aKG0oZcqSLGCful/6/CEA+aeAgaA==}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-arm64-gnu@11.24.2':
+    resolution: {integrity: sha512-vDT3KHgzYp47gmtNOqL2VNhCyl5Zv643eyxm//A68J8DeUGXrvD1pZFiaT4jSfe+RInfnn1R2yVHye4enx6RnA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-arm64-musl@11.24.2':
+    resolution: {integrity: sha512-+kMlQvbzfyEYtu5FcjE4p+ttBLpKW4d/AsAsuE69BxV6V4twZJeIQZFfD8gh/wqglY0MkPSezWXQH0jBV13MUw==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-resolver/binding-linux-ppc64-gnu@11.24.2':
+    resolution: {integrity: sha512-shjfMhmZ3gq9fv/w7bi3PnZlgOPG+2QAOFf0BJF0EgBSIGZ6PMLN2zbGEblTUYB/NKVDRyYhE2ff3dJ1QqNPkA==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-riscv64-gnu@11.24.2':
+    resolution: {integrity: sha512-zGelwFR5oRo+b69k8Lrzun86DyUHzfKN6cnjbR9l7Z7NIRznOE/2ZvPa1IUKqAL2PzAXOdwkfVqNvO1H2RlpAw==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-riscv64-musl@11.24.2':
+    resolution: {integrity: sha512-qxZ1SWCXJY0eyhAlP6Lmo9F2Nrtx7EkYj9oCgL8apDPCwXwCEDA2U697bbT81JIc2IrVjxO4KX6WU2N+oN9Z4w==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-resolver/binding-linux-s390x-gnu@11.24.2':
+    resolution: {integrity: sha512-sGCecF3cx2DFlH4t/z7ApnOnXqN48p5p5mlHDEnHTAukQa2P+qMVE4CwyWE9W+q/m3QJ7kKfGrIjax31f44oFQ==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-x64-gnu@11.24.2':
+    resolution: {integrity: sha512-k/VlMMcSzMlahb3/fENM4rTlsJ0s3fFROA0KXPBmKggqmTSaE383sl8F3KCOXPLmVsYfW6hCitMhXCEtNeZxxg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-x64-musl@11.24.2':
+    resolution: {integrity: sha512-8hbnZyNi97b/8wapYaIF9+t9GmZKBW2vunaOc3h9HGJptH7b7XpvZqOTBSm/MpTjr7H497BlgOaSfLUdhmy2bw==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-resolver/binding-openharmony-arm64@11.24.2':
+    resolution: {integrity: sha512-MvyGik3a6pVgZ0t/kWlbmFxFLmXQJwgLsY2eYFHLpy0wGwRbfzeIGgDwQ3kXqE30z+kSXennRkCrT7TUvkptNg==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxc-resolver/binding-wasm32-wasi@11.24.2':
+    resolution: {integrity: sha512-vHcssMPwO08RTvj/c0iOBz90attxyG3wQJ0dTcyEQK43LRpcdLWZlV5feBhv6Isn6ahbQIzHbCgfa81+RiML0Q==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@oxc-resolver/binding-win32-arm64-msvc@11.24.2':
+    resolution: {integrity: sha512-uokJqro2iBqkFvJdKQLP7d8/BUmFwESQFVmIJUQKj1Xn1a/LysJoe1vmeECLF5b3jsV8CAL5sEMJXX6SdK9Nhg==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxc-resolver/binding-win32-x64-msvc@11.24.2':
+    resolution: {integrity: sha512-UqGPmo56KDfLlfXFAFIrNflHT8tFxWGEivWg3Zeyp4Uy2NlKN1FGPr6/BxcLGG3+kZ6Wp14g5Uj+n71boqZfiw==}
+    cpu: [x64]
+    os: [win32]
+
+  '@polka/url@1.0.0-next.29':
+    resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
+
+  '@rolldown/binding-android-arm64@1.2.4':
+    resolution: {integrity: sha512-jHC2cnyKz5xU2fhECtFl8OZ83cYNt13GZQD+0uMJ/X3o+ijmd56okHhTUwxVSHPx1IRVIJEZ1/1pPzeLCU6XKA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@rolldown/binding-darwin-arm64@1.2.4':
+    resolution: {integrity: sha512-Dc5mPD8F5F/FS8i01syd7FTF6yB2fVthH/TRkjwJkzUK6EpoxHtqvZQP5Zwq80/5z19TWYHIg1KOHboCgVx/aQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rolldown/binding-darwin-x64@1.2.4':
+    resolution: {integrity: sha512-fpDm4oBo6SqLvWUYCmFhdde3U9KH2fRNNMeAnAPAIwxRL345xutL0EtEUcuoxsoazdJGv/MuDBQHlCDrtbvqOg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rolldown/binding-freebsd-x64@1.2.4':
+    resolution: {integrity: sha512-rSJoreDE/HoIzoaib6MTp5jQtCTdMHKIvItAKT/ImS6Y6Ww76oUaeMyp4Vc/fAgd/ehji068IxetHXAnqUwN9A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.4':
+    resolution: {integrity: sha512-/jm8OGHgn7oGaJu3i/qZI9spUGcJ+y/lk43ttQ/iO1tOd9NissG6o97bighBCiL+BKRngmcDuR6ikfwYdJmVuQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-gnu@1.2.4':
+    resolution: {integrity: sha512-tIP06BeD9EqvECBrPZ+sqdPlYrT+aYaAiu1wYziVx5elRK/ftm33JxVDy2bXGbr6J0CrtirCkR87/X5a2euEng==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-arm64-musl@1.2.4':
+    resolution: {integrity: sha512-Ql1Q0EQqVThvn9VAVlwNzsUvbSFtCMGjLpRRi4pk5i7NZZ4n5ISiLMjHYtus4VQ2PvkSw24zyaCVsiS+sXPj1w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-linux-ppc64-gnu@1.2.4':
+    resolution: {integrity: sha512-GjbjXD4XXfN19D0LZNbmiCBUoDiRACsYHr0yaIbbn8aFsXjHZifcYqu/W5Er5X2X990WjHXFrxarn5chzItorQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-s390x-gnu@1.2.4':
+    resolution: {integrity: sha512-p5WR0NOwaRmJ/B1b6IjEFLLivwEsf3PrdBIhRbhTCQisbo2SvHHpG4ELB/+FgQNnB88LTOF86upmJmbvZdQ2lw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-gnu@1.2.4':
+    resolution: {integrity: sha512-4/GyVjmhR+Tc6HLJvwc1sOhPqAZtySiSMesOZyX6JQ5XBxoTDEMKQzvo07NIK6nTon/SivlZqvhzvuVBNQhObQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-musl@1.2.4':
+    resolution: {integrity: sha512-l9eeLsCNvPpmSXUej0etw/J1eqV0Jj1D5G/xG6YTijmE6dkv6E2QezgWbTfQk63v952DPqrjOCoiqxq7Bw0YUQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-openharmony-arm64@1.2.4':
+    resolution: {integrity: sha512-e0F355MSTMm3+UOqtV3L24gFUp2N5m1f8L/7d56deik6va+AXdrt9F8LbzGpeWGWRbZEDq4m8NVnJDeBtf9DZg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rolldown/binding-win32-arm64-msvc@1.2.4':
+    resolution: {integrity: sha512-AWLi0uBRYh6QlE7OKhiz+phZC0qwtij2QZmhmOdsLdFn64m7oMpooE9ICE3lhm9xMb4SpDo2WbHcxX1iFLFtqw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rolldown/binding-win32-x64-msvc@1.2.4':
+    resolution: {integrity: sha512-UwSDJOg3dqCAejWdxclJjCsh3Qq4vLYMDxmyHqo1btz3stK2VqgwNd3mm5tuIwzSlGIQ/1H9Hr+Zn09mrezNqQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@rolldown/pluginutils@1.0.1':
+    resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
+
+  '@rollup/pluginutils@5.4.0':
+    resolution: {integrity: sha512-MfPp06CjRLfXQ3wY0R8vJDYBy/MvVcc9OulEfR0B8Iv9ko+GCNaRZ+EpJYFl27LhKsZK0o420sYCRHCjfCgeUg==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rtsao/scc@1.1.0':
+    resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
+
+  '@sec-ant/readable-stream@0.4.1':
+    resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
+
+  '@sindresorhus/merge-streams@4.0.0':
+    resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
+    engines: {node: '>=18'}
+
+  '@standard-schema/spec@1.1.0':
+    resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
+
+  '@storybook/addon-a11y@10.5.8':
+    resolution: {integrity: sha512-yunl+sKa29NaUC3I4yjESwk6ED8waEgmmvIJzNAJvdhb7thFzZYYEld68RzKmOVcGBkD3snK5eZ/Xf0l4VWliQ==}
+    peerDependencies:
+      storybook: ^10.5.8
+
+  '@storybook/addon-docs@10.5.8':
+    resolution: {integrity: sha512-NlHiMKW/UvW/uL8HXFDCEVwoH3qZeGYZ/qlWax4d7H471b/T54MBq2KcB4ZrdA785FfIH3numAJdBb5jwn00Mg==}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      storybook: ^10.5.8
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@storybook/addon-mcp@0.7.0':
+    resolution: {integrity: sha512-f/IWGRMzWynBg5kDJ3DYvvnafuSX88kykGNFzzLOlkLVpfxEZoAmQF6AS47tw25GuH6EFIqSo6ZDBLHLVyZ/IQ==}
+    peerDependencies:
+      '@storybook/addon-vitest': ^0.0.0-0 || ^9.1.16 || ^10.0.0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0 || ^10.4.0-0 || ^10.5.0-0
+      storybook: ^0.0.0-0 || ^9.1.16 || ^10.0.0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0 || ^10.4.0-0 || ^10.5.0-0
+    peerDependenciesMeta:
+      '@storybook/addon-vitest':
+        optional: true
+
+  '@storybook/addon-vitest@10.5.8':
+    resolution: {integrity: sha512-/2K6JXncyHEM8v7UfOeR0KGd7s46Q2XlfaBJUnBoGsEG6JF46la8sh43b+kIOG7JGPUqlyfA6uOMewUmG6S17w==}
+    peerDependencies:
+      '@vitest/browser': ^3.0.0 || ^4.0.0
+      '@vitest/browser-playwright': ^4.0.0
+      '@vitest/runner': ^3.0.0 || ^4.0.0
+      storybook: ^10.5.8
+      vitest: ^3.0.0 || ^4.0.0
+    peerDependenciesMeta:
+      '@vitest/browser':
+        optional: true
+      '@vitest/browser-playwright':
+        optional: true
+      '@vitest/runner':
+        optional: true
+      vitest:
+        optional: true
+
+  '@storybook/builder-vite@10.5.8':
+    resolution: {integrity: sha512-UeRnn7yT55WmBlHNOQzLrvN7vsHEvVgIukhKDO+4cMbGXN87wZkbxhx6NstpuXRH8OxGqwKS0SZNVp+SC1ftLQ==}
+    peerDependencies:
+      storybook: ^10.5.8
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  '@storybook/csf-plugin@10.5.8':
+    resolution: {integrity: sha512-/FHiMyOWWEXfwK/lM0WxmkP9GLzbSJJuzGtfeuNWSOVDnvAMbjavitxfHb5wSbWKIQo0XYC1EJ2Y7x91XNYP4w==}
+    peerDependencies:
+      esbuild: '*'
+      rollup: '*'
+      storybook: ^10.5.8
+      vite: '*'
+      webpack: '*'
+    peerDependenciesMeta:
+      esbuild:
+        optional: true
+      rollup:
+        optional: true
+      vite:
+        optional: true
+      webpack:
+        optional: true
+
+  '@storybook/global@5.0.0':
+    resolution: {integrity: sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==}
+
+  '@storybook/icons@2.1.0':
+    resolution: {integrity: sha512-Fxh9vYpX9bQqFeHRiY8h2ApeRGDzRSMLwJwNZ/AIRqnyOKHxRKL+yFe+ctEkVJmuptRE9u1Hrn8ZZNHyfDKKNg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@storybook/mcp@0.8.0':
+    resolution: {integrity: sha512-G+XDgoWGrE98moXqKSee8fQyMQxoIWxRAbPG8r/HQ95pKodratevDqNyOgW+t6ZigM6AAVN1WHiFc5MI+hc8sg==}
+
+  '@storybook/nextjs-vite@10.5.8':
+    resolution: {integrity: sha512-xNei/+PbNXSs5NVWy0vDzSGESeLq+BgHxLsVqEHqm52I8Up+O40wFtmpfVLVhHZvUeoq4khon8TLldC7PDAoUA==}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      '@types/react-dom': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      next: ^14.1.0 || ^15.0.0 || ^16.0.0
+      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
+      storybook: ^10.5.8
+      typescript: '*'
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+      typescript:
+        optional: true
+
+  '@storybook/react-dom-shim@10.5.8':
+    resolution: {integrity: sha512-N8D13/Xny+V3kfe1KBgsAHS0nKWXLLdgOOXS9poKdYzVwVCN+CGEGBxWX0zMMtdCptqa6/57em9coPlZMoO+bg==}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      '@types/react-dom': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      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
+      storybook: ^10.5.8
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@storybook/react-vite@10.5.8':
+    resolution: {integrity: sha512-ioMJGi4YzueGsJBlYio+2+UhfCFB9QV5Bs1lOilkek+a4BZgKJl0D1mVSJl6k96stQBPZmLgI9/l0hLVcUL6Kg==}
+    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
+      storybook: ^10.5.8
+      typescript: '>= 4.9.x'
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@storybook/react@10.5.8':
+    resolution: {integrity: sha512-6qqkmqX6imtL+0Z9Uan2tIfYivOI0FiVmWr0zpqqQR15AkJ18JfNcNTQoyjeAlCO0Kei56SWqnu2qLq52TYplg==}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      '@types/react-dom': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      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
+      storybook: ^10.5.8
+      typescript: '>= 4.9.x'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+      typescript:
+        optional: true
+
+  '@swc/helpers@0.5.23':
+    resolution: {integrity: sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==}
+
+  '@tailwindcss/node@4.3.3':
+    resolution: {integrity: sha512-/T8IKEsf9VTU6tLjgC7+sv2mOPtQxzE2jMw7u4Tt40Tx+QSZxpzh95/H6cMKoja9XuW7iMdLJYBB0o9G1CaAgg==}
+
+  '@tailwindcss/oxide-android-arm64@4.3.3':
+    resolution: {integrity: sha512-Y85A2gmPSkl5Ve5qR86GL4HT509cFqQh1aes9p3sSkyTPwt0Pppf3GkwGe4JPACcRYjgJIEhQgM6dBClnr0NYw==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.3.3':
+    resolution: {integrity: sha512-BiaWatpBcERQFDlOjRDpIVXuFK5PJez5SA4JMg6VYZdBYU+qKfV/vqjcIs+IYmtitf1xYQZTwXvU/8y4lfZUGw==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.3.3':
+    resolution: {integrity: sha512-fAeUqfV5ndhxRwai8cXGzdLvul9utWOmeTkv69unv4ZXixjn61Z+p9lCWdwOwA3TYboG3BwdVuN/RDjhBRl0mw==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.3.3':
+    resolution: {integrity: sha512-iyf5bV6+wnAlflVeEy7R25dupxTNECZN5QMI0qNT6eT+EgaGdZcKhGkr5SdoaWiLJ3spLqIY9VCeSGrwmtg4kw==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.3':
+    resolution: {integrity: sha512-aAYUprJAJQWWbRrPvtjdroZ56Md+JM8pMiopS6xGEwDfLhqj+2ver2p4nU4Mb3CRqcMmNBjo8KkUgcxhkzVQGQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.3':
+    resolution: {integrity: sha512-nDxldcEENOxZRzC2uu9jrutZdAAQtb+8WWDCSnWL1zvBk1+FN+x6MtDViPB5AJMfttVCUhehGWus3XBPgatM/w==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.3':
+    resolution: {integrity: sha512-Md44bD6veX/PC5iyF8cDVnw4HBIANZepRZZ7a8DQOvkfo5WUBwcp6iAuCUz23u+4SUkhJlD3eL7hNdW8ezd/kA==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.3':
+    resolution: {integrity: sha512-tx7us1muwOKAKWao2v/GaafFeQboE6aj88vC6ziN2NCGcRm8gWUhwjzg+YdVB1e4boAtdtma4L43onunI6NS4w==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.3.3':
+    resolution: {integrity: sha512-SJxX60smvHgasZoBy11dX6YRjXJFovwWBoedhbQPOBzgFWBHGB+TVPWB9BxzR7TTxU8FQZAI2AyiNCMzFm8Img==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.3.3':
+    resolution: {integrity: sha512-jx1+rPhY/5Ympkktd656HBWEBLxP7dH06losBLjjf5vgCODXvi9KhtftWcMIwTFIDqBr7cRnQkdLnAG+IOlGvQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.3':
+    resolution: {integrity: sha512-3rc292Ca2ceK6Ulcc/bAVnTs/3nDtoPhyEKlgPv+yQJQi/JS/AMJlqzxvlDacL1nekbrcf6bTqp/jV4qgnPxNQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.3':
+    resolution: {integrity: sha512-yJ0pwIVc/nYeGoV02WtsN8KYyLQv7kyI2wDnkezyJlGGjkd4QLwDGAwl47YpPJeuI0M0ObaXGSPjvWDPeTPggw==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.3.3':
+    resolution: {integrity: sha512-krXjAikiaFSPaK/FkAQT5UTx3VormQaiZ5hBFlJZ9UFQGB/rwg1MZIhHAG9smMQRTdyJxP6Qt5MwMtdyU5FWrA==}
+    engines: {node: '>= 20'}
+
+  '@tailwindcss/postcss@4.3.3':
+    resolution: {integrity: sha512-JTSZZGQi1AyKirbLN3azmjVzef92tcX7h+iSqPdaeStyFpGpDlKvvpxeOE8njhbUanbRwr3z8DyzhICWnMtQeg==}
+
+  '@testing-library/dom@10.4.1':
+    resolution: {integrity: sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==}
+    engines: {node: '>=18'}
+
+  '@testing-library/jest-dom@6.9.1':
+    resolution: {integrity: sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==}
+    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
+
+  '@testing-library/user-event@14.6.4':
+    resolution: {integrity: sha512-QCGwP6QrjypBLwyj5cuyfVamkaIEy/XGY+1VDehbtbQqOggYmTFpFOdWR5mPz14vX8vXLMVjDHlRNBcClyO9ew==}
+    engines: {node: '>=12', npm: '>=6'}
+    peerDependencies:
+      '@testing-library/dom': '>=7.21.4'
+
+  '@tmcp/adapter-valibot@0.1.6':
+    resolution: {integrity: sha512-drirZeNinhYLiRSMksN+m//u0ImFxtGRk1Vp425Xp/7CbBXFQdjAG+f7grssyHAukbVTGzmWsMMP6ejrGVErUA==}
+    peerDependencies:
+      tmcp: ^1.17.0
+      valibot: ^1.1.0
+
+  '@tmcp/session-manager@0.2.2':
+    resolution: {integrity: sha512-UrCRpTsxh5XnMbplspvftEYboiZWgAiXqqAUbyFTHoHMJ0LoNDy8bQd0+7qtxtT4S5Qsnv650gvs/Nbec5NTCQ==}
+    peerDependencies:
+      tmcp: ^1.16.3
+
+  '@tmcp/transport-http@0.8.6':
+    resolution: {integrity: sha512-iLcxu+tEMbkVHbhFfyXQhxfPDDTfm+F0kEw8Xg/a1rm29s4cBg1vwcpbtk02XTxsdDh8RJ1AZkQwF9WDGeb/IA==}
+    peerDependencies:
+      '@tmcp/auth': ^0.3.3 || ^0.4.0
+      tmcp: ^1.18.0
+    peerDependenciesMeta:
+      '@tmcp/auth':
+        optional: true
+
+  '@trivago/prettier-plugin-sort-imports@6.0.2':
+    resolution: {integrity: sha512-3DgfkukFyC/sE/VuYjaUUWoFfuVjPK55vOFDsxD56XXynFMCZDYFogH2l/hDfOsQAm1myoU/1xByJ3tWqtulXA==}
+    engines: {node: '>= 20'}
+    peerDependencies:
+      '@vue/compiler-sfc': 3.x
+      prettier: 2.x - 3.x
+      prettier-plugin-ember-template-tag: '>= 2.0.0'
+      prettier-plugin-svelte: 3.x
+      svelte: 4.x || 5.x
+    peerDependenciesMeta:
+      '@vue/compiler-sfc':
+        optional: true
+      prettier-plugin-ember-template-tag:
+        optional: true
+      prettier-plugin-svelte:
+        optional: true
+      svelte:
+        optional: true
+
+  '@ts-morph/common@0.27.0':
+    resolution: {integrity: sha512-Wf29UqxWDpc+i61k3oIOzcUfQt79PIT9y/MWfAGlrkjg6lBC1hwDECLXPVJAhWjiGbfBCxZd65F/LIZF3+jeJQ==}
+
+  '@tybys/wasm-util@0.10.3':
+    resolution: {integrity: sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==}
+
+  '@types/aria-query@5.0.4':
+    resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
+
+  '@types/babel__core@7.20.5':
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+
+  '@types/babel__generator@7.27.0':
+    resolution: {integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==}
+
+  '@types/babel__template@7.4.4':
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
+
+  '@types/babel__traverse@7.28.0':
+    resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
+
+  '@types/chai@5.2.3':
+    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
+
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
+  '@types/doctrine@0.0.9':
+    resolution: {integrity: sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==}
+
+  '@types/estree@1.0.9':
+    resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/json5@0.0.29':
+    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
+
+  '@types/mdx@2.0.14':
+    resolution: {integrity: sha512-T48PeuJtvLosNTPVhfnIp3i/n3a4g4Bad7YCq5k64D4u7NwDrAotikQ+5+sjtUvBmxCMlbo3dVL+C2dP0rWHzg==}
+
+  '@types/node@20.19.43':
+    resolution: {integrity: sha512-6oYBAi5ikg4Pl+kGsoYtawUMBT2zZMCvPNF7pVLnHZfd1zf38DRiWn/gT01RYCdUqkv7Fhr+C9ot4/tb+2sVvA==}
+
+  '@types/react-dom@19.2.4':
+    resolution: {integrity: sha512-Bsc+QHgp+P/F02XDzNCY9jnZNCUuLki36KT7VKrTXXLdHf+vHMNZnW1rVu5DNW/rCK+fya3DATySbLM4yhtKUw==}
+    peerDependencies:
+      '@types/react': ^19.2.0
+
+  '@types/react@19.2.18':
+    resolution: {integrity: sha512-AnzbBERsrLKtk2XSfTbYRLjQPdy116Sty4q+T+Bp3IC4l6jNBvreVPAHmpq9qhXQM7CXZPjLVmGMw9sy+hxQ3w==}
+
+  '@types/resolve@1.20.6':
+    resolution: {integrity: sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==}
+
+  '@types/validate-npm-package-name@4.0.2':
+    resolution: {integrity: sha512-lrpDziQipxCEeK5kWxvljWYhUvOiB2A9izZd9B2AFarYAkqZshb4lPbRs7zKEic6eGtH8V/2qJW+dPp9OtF6bw==}
+
+  '@typescript-eslint/eslint-plugin@8.67.0':
+    resolution: {integrity: sha512-Un7Heoyj65NREbKAyIrFxeM143NZpExWmy1Nep4DLeQOeLlTeumPjoNKnBrU5D5moWXbPJgRa5Uwcdu0faVNGQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.67.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/parser@8.67.0':
+    resolution: {integrity: sha512-fUBfTuuEulWqX6V8+O3PtScV01tzYYRUDTAirHFKoRAt7nOzoGiPt0M/bB47wWNy0coOOcgEwAMUtBpykMxl6w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/project-service@8.67.0':
+    resolution: {integrity: sha512-cvE8c7ulYeXN9fYuszhCeCsbzyVEXuhrRCybnBre7TUmqb5nRmBfQAwCj0O3WJFDeyAZt4VYv51vMCC9LHSdYw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/scope-manager@8.67.0':
+    resolution: {integrity: sha512-EgvsleTwS4E+WzzSvem8fAUubLwatMNF1B5hHSLQxcvs7q2dtRhGyujHwLJSYlG41niJ7GP24Aha2+0mb1b2kg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/tsconfig-utils@8.67.0':
+    resolution: {integrity: sha512-vV+LUSv5njUWsknE71fqKTlXUva+R76SaeORd6Zojcunk/6DvKFXONU3BrAs2H49mbygUXt6gbYunzwqNwlhdg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/type-utils@8.67.0':
+    resolution: {integrity: sha512-aVWDXbRmdXO9siTfX4ditQI1T9+zVcNazT48EJCD0v40/9RIFoUgZ05CmGEq9H2gixRpjUn/iplwvlcvutJW/Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/types@8.67.0':
+    resolution: {integrity: sha512-sBtgslww8nsMYUjhdPBiSyUqSzT8uR6g93A2QXnQC8+cGdjz0CyaOdqHDRJb1AtORbZCNUJBBeFA/tNR2uQmww==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.67.0':
+    resolution: {integrity: sha512-EKQBCE9yNlRJYm7jdTW5AhDacDUmSwQb0FAJAmK2EKYrNXIsa2vxcSZx6PvJ/dEdI6lS+Y9W+EXckLj0iPFGcw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/utils@8.67.0':
+    resolution: {integrity: sha512-U9D1FdwEWBwok3hxxSdhclMb0twvt9QnjIQ0VfQ1AiX2epnpSgv2ubVDsayOFyY8K6FX+AQ7E0FKWVG3iKsj1A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/visitor-keys@8.67.0':
+    resolution: {integrity: sha512-fkv8dHRDqfGtTHuJeebdrQ7cX6Ad4WAS00rgHh9UGvMycF1mjBfsxry1XsLIFhWZ6Judlh6UdzK+TYlbpCXgnA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@unrs/resolver-binding-android-arm-eabi@1.12.2':
+    resolution: {integrity: sha512-g5T90pqg1bo/7mytQx6F4iBNC0Wsh9cu+z9veDbFjc7HjpesJFWD7QMS0NGStXM075+7dJPPVvBbpZlnrdpi/w==}
+    cpu: [arm]
+    os: [android]
+
+  '@unrs/resolver-binding-android-arm64@1.12.2':
+    resolution: {integrity: sha512-YGCRZv/9GLhwmz6mYDeTsm/92BAyR28l6c2ReweVW5pWgfsitWLY8upvfRlGdoyD8HjeTHSYJWyZGD4KJA/nFQ==}
+    cpu: [arm64]
+    os: [android]
+
+  '@unrs/resolver-binding-darwin-arm64@1.12.2':
+    resolution: {integrity: sha512-u9DiNT1auQMO20A9SyTuG3wUgQWB9Z7KjAg0uFuCDR1FsAY8A0CG2S6JpHS1xwm/w1G08bjXZDcyOCjv1WAm2w==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@unrs/resolver-binding-darwin-x64@1.12.2':
+    resolution: {integrity: sha512-f7rPLi/T1HVKZu/u6t87lroib16n8vrSzcyxI7lg4BGO9UF26KhQL44sd9eOUgrTYhvRXtWOIZT5PejdPyJfUA==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@unrs/resolver-binding-freebsd-x64@1.12.2':
+    resolution: {integrity: sha512-BpcOjWCJub6nRZUS2zA20pmLvjtqAtGejETaIyRLiZiQf++cbrjltLA5NN/xaXfqeOBOSlMFbemIl5/S5tljmg==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@unrs/resolver-binding-linux-arm-gnueabihf@1.12.2':
+    resolution: {integrity: sha512-vZTDvdSISZjJx66OzJqtsOhzifbqRjbmI1Mnu49fQDwog5GtDI4QidRiEAYbZCRj9C8YZEW+3ZjqsyS9GR4k2A==}
+    cpu: [arm]
+    os: [linux]
+
+  '@unrs/resolver-binding-linux-arm-musleabihf@1.12.2':
+    resolution: {integrity: sha512-BiPI+IrIlwcW4nLLMM21+B1dFPzd55yAVgVGrdgDjNef+ch03GdxrcyaIz8X9SsQirh/kCQ7mviyWlMxdh2D7g==}
+    cpu: [arm]
+    os: [linux]
+
+  '@unrs/resolver-binding-linux-arm64-gnu@1.12.2':
+    resolution: {integrity: sha512-zJc0H99FEPoFfSrNpa91HYfxzfAJCr502oxNK1cfdC9hlaFI43RT+JFCann9JUgZmLzzntChHyn13Sgn9ljHNg==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-arm64-musl@1.12.2':
+    resolution: {integrity: sha512-KQ3Lki6l+Pz1k/eBipN41ES+YUK30beLGb9YqcB1O542cyLCNE6GaxrfcY3T6EezmGGk84wb5XyO9loTM9tkcA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-linux-loong64-gnu@1.12.2':
+    resolution: {integrity: sha512-3SJGEh1DborhG6pyxvhPzCT4bbSIVihsvgJc13P1bHG7KLdNDaF9T3gsTwFc7Jw/5Y5/iWOjkEx7Zy0NvCGX3Q==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-loong64-musl@1.12.2':
+    resolution: {integrity: sha512-jiuG/Obbel7uw1PwHNFfrkiKhLAF6mnyZ6aWlOAVN9WqKm8v0OFGnciJIHu8+CMvXLQ8AD51LPzAoUfT21D5Ew==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-linux-ppc64-gnu@1.12.2':
+    resolution: {integrity: sha512-q7xRvVpmcfeL+LlZg8Pbbo6QaTZwDU5BaGZbwfhkEsXJn3Was8xYfE0RBH266xZt0rM6B7i8xAYIvjthuUIWHg==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-riscv64-gnu@1.12.2':
+    resolution: {integrity: sha512-0CVdx6lcnT3Q9inOH8tsMIOJ6ImndllMjqJHg8RLVdB7Vq4SfkEXl9mCSsVNuNA4MCYycRicCUxPCabVHJRr6A==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-riscv64-musl@1.12.2':
+    resolution: {integrity: sha512-iOwlRo9vnp6R6ohHQS11n0NnfdXx/omhkocmIfaPRpQhKZ+3BDMkkdRVh53qjkFkpPddf+FETA28NwGN7l5l+w==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-linux-s390x-gnu@1.12.2':
+    resolution: {integrity: sha512-HYJtLfXq94q8iZNFT1lknx258wlkkWhZeUXJRqzKBBUJ00CvZ+N33zgbCqimLjsyw5Va6uUxhVa12mI+kaveEw==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-x64-gnu@1.12.2':
+    resolution: {integrity: sha512-mPsUhunKKDih5O96Y6enDQyHc1SqBPlY1E/SfMWDM3EdJ95Z9CArPeCVwCCqbP45ljvivdEk8Fxn+SIb1rDAJQ==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-x64-musl@1.12.2':
+    resolution: {integrity: sha512-azrt6+5ydLd8Vt210AAFis/lZevSfPw93EJRIJG+xPu4WCJ8K0kppCTpMyLPcKT7H15M4Jnt2tMp5bOvCkRC6A==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-openharmony-arm64@1.12.2':
+    resolution: {integrity: sha512-YZ9hP4O0X9PQb8eO980qmLNGH4zT3I9+SZTdt0Pr0YyuGQhYKoOZkV02VzrzyOZJ5xIJ3UFIenKkUkGg8GjgWQ==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@unrs/resolver-binding-wasm32-wasi@1.12.2':
+    resolution: {integrity: sha512-tYFDIkMxSflfEc/h92ZWNsZlHSwgimbNHSO3PL2JWQHfCuC2q316jMyYU9TIWZsFK2bQwyK5VAdYgn8ygPj69A==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@unrs/resolver-binding-win32-arm64-msvc@1.12.2':
+    resolution: {integrity: sha512-qzNyg3xL0VPQmCaUh+N5jSitce6k+uCBfMDesWRnlULOZaqUkaJ0ybdT+UqlAWJoQjuqfIU/0Ptx9bteN4D82g==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@unrs/resolver-binding-win32-ia32-msvc@1.12.2':
+    resolution: {integrity: sha512-WD9sY00OfpHVGfsnHZoA8jVT+esS/Bg8z8jzxp5BnDCjjwsuKsPQrzswwpFy4J1AUJbXPRfkpcX0mXrzeXW79g==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@unrs/resolver-binding-win32-x64-msvc@1.12.2':
+    resolution: {integrity: sha512-nAB74NfSNKknqQ1RrYj6uz8FcXEomu/MATJZxh/x+BArzN2U3JbOYC0APYzUIGhVY3m5hRxA8VPNdPBoG8txlA==}
+    cpu: [x64]
+    os: [win32]
+
+  '@valibot/to-json-schema@1.7.1':
+    resolution: {integrity: sha512-3qkmU6KXWh8GIThEAW3kuRHPQBMjWkKy+Ppz3WkUucx53DTpOa6siMn4xDGSOhlVyMrDaJTCTMLYPZVAIk1P0A==}
+    peerDependencies:
+      valibot: ^1.4.0
+
+  '@vitest/browser-playwright@4.1.10':
+    resolution: {integrity: sha512-nMoXGEiRpT7m3W7NsbvrM2aKNwiNHZf+zEpUCvMteGjZFvfT96Q9fh7QyB98dvDWXiKvrLxA7bJ1mCOOv+JQPw==}
+    peerDependencies:
+      playwright: '*'
+      vitest: 4.1.10
+
+  '@vitest/browser@4.1.10':
+    resolution: {integrity: sha512-UDwuWGwXj646CBx/bQHOaJSX7np0I8JL/UKQYa1e4QrVHH8VdWtx8eaOuf8sy0ShwDgR6NjJAsp5eF6vjF6qng==}
+    peerDependencies:
+      vitest: 4.1.10
+
+  '@vitest/coverage-v8@4.1.10':
+    resolution: {integrity: sha512-IM49HmthevbgAO4anp1hwtoT9wYe59w0LR00gr+eagHE+ZJ5lK4sLPeO0ubgoJcwLk6dehU3R24N+FbEEKDc8g==}
+    peerDependencies:
+      '@vitest/browser': 4.1.10
+      vitest: 4.1.10
+    peerDependenciesMeta:
+      '@vitest/browser':
+        optional: true
+
+  '@vitest/expect@3.2.4':
+    resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==}
+
+  '@vitest/expect@4.1.10':
+    resolution: {integrity: sha512-YsCn+qAk1GWjQOWFEsEcL2gNQ0zmVmQu3T03qP6UyjhtmdtwtbuI+DASn/7iQB3HGTXkdBwGddzxPlmiql5vlA==}
+
+  '@vitest/mocker@4.1.10':
+    resolution: {integrity: sha512-v0xaezt+DKEmKfaxg133ldzADrwLGd7Ze1MfQQTYfvs8OqZIwbxyxaYURivwV7sWy5fqn3rH5uOrSp07bp44Ow==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/pretty-format@3.2.4':
+    resolution: {integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==}
+
+  '@vitest/pretty-format@4.1.10':
+    resolution: {integrity: sha512-W1HsjSH4MXQ9YfmmhLAoIYf1HRfekQCGngeIgcei6MP5QQGWUe0gkopdZQaVCFO+JDJMrAJGwa5pRpNpvy4P8Q==}
+
+  '@vitest/runner@4.1.10':
+    resolution: {integrity: sha512-IKI6kpIH+LmpROplyLwBBaCfMgOZOMsygVa6BARD6ahA04VRuJSa6OaVG7kRvSEMD870Vd91rSSw0eegtWyLGg==}
+
+  '@vitest/snapshot@4.1.10':
+    resolution: {integrity: sha512-xRkfOT1qpTAi/Ti4Y1LtfRc3kEuqxGw59eN2jN9pRWMtS/XDevekhcFSqvQqjUNGksfjMJu3Y+oJ+4Ypn2OaJw==}
+
+  '@vitest/spy@3.2.4':
+    resolution: {integrity: sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==}
+
+  '@vitest/spy@4.1.10':
+    resolution: {integrity: sha512-PLf/Ugvoq5wO/b4rwYCR1h2PSIdXz7wnkQFMiUpLdtM7l6pqVFcQIBEHyT1+l+cj7mNwAfZHzqXqDyjvOuwbDw==}
+
+  '@vitest/utils@3.2.4':
+    resolution: {integrity: sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==}
+
+  '@vitest/utils@4.1.10':
+    resolution: {integrity: sha512-fy9am/HWxbaGt/Sawrp90vt6Y6jQwf1RX77cz3uwoJwJVMli/e1IEwRPnMNJ7vKfPTwo0diXifkpPvwH9v7nGA==}
+
+  '@webcontainer/env@1.1.1':
+    resolution: {integrity: sha512-6aN99yL695Hi9SuIk1oC88l9o0gmxL1nGWWQ/kNy81HigJ0FoaoTXpytCj6ItzgyCEwA9kF1wixsTuv5cjsgng==}
+
+  accepts@2.0.0:
+    resolution: {integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==}
+    engines: {node: '>= 0.6'}
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.18.0:
+    resolution: {integrity: sha512-lGq+9yr1/GuAWaVYIHRjvvySG5/4VfKIvC8EWxStPdcDh/Ka7FG3twP6v4d5BkravUilhIAsG4Qj83t02LWUPQ==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  agent-base@6.0.2:
+    resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
+    engines: {node: '>= 6.0.0'}
+
+  ajv-formats@2.1.1:
+    resolution: {integrity: sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==}
+    peerDependencies:
+      ajv: ^8.0.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
+  ajv-formats@3.0.1:
+    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
+    peerDependencies:
+      ajv: ^8.0.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
+  ajv@6.15.0:
+    resolution: {integrity: sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==}
+
+  ajv@8.20.0:
+    resolution: {integrity: sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==}
+
+  ansi-colors@4.1.3:
+    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
+    engines: {node: '>=6'}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.3.0:
+    resolution: {integrity: sha512-WpDfL7NO6j7tH88IDBNVdUJxDh9nmCteAVW9dsep846XdwF4naCBK+/tGLX3KJgcpgMRXCFlTM2hKGoK9FsdrQ==}
+    engines: {node: '>=12'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansi-styles@5.2.0:
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
+    engines: {node: '>=10'}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
+
+  array-buffer-byte-length@1.0.2:
+    resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
+    engines: {node: '>= 0.4'}
+
+  array-includes@3.1.9:
+    resolution: {integrity: sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.findlast@1.2.5:
+    resolution: {integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.findlastindex@1.2.6:
+    resolution: {integrity: sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.flat@1.3.3:
+    resolution: {integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.flatmap@1.3.3:
+    resolution: {integrity: sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.tosorted@1.1.4:
+    resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
+    engines: {node: '>= 0.4'}
+
+  arraybuffer.prototype.slice@1.0.4:
+    resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
+    engines: {node: '>= 0.4'}
+
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
+  ast-types-flow@0.0.8:
+    resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
+
+  ast-types@0.16.1:
+    resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
+    engines: {node: '>=4'}
+
+  ast-v8-to-istanbul@1.0.5:
+    resolution: {integrity: sha512-UPAgKJFSEGMWSDr3LX4tqnAb4f7KGT8O40Tyx8wbYmmZ/yn58lNCm8h3svs3eXgiGd5AXxz8NDOvXWvicq+rJA==}
+
+  async-function@1.0.0:
+    resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
+    engines: {node: '>= 0.4'}
+
+  asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
+  atomically@1.7.0:
+    resolution: {integrity: sha512-Xcz9l0z7y9yQ9rdDaxlmaI4uJHf/T8g9hOEzJcsEqX2SjCj4J20uK7+ldkDHMbpJDK76wF7xEIgxc/vSlsfw5w==}
+    engines: {node: '>=10.12.0'}
+
+  available-typed-arrays@1.0.7:
+    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
+    engines: {node: '>= 0.4'}
+
+  axe-core@4.13.0:
+    resolution: {integrity: sha512-UzGt8zg7Ny8djbYMhxl2zuEevVa7r2gJjYY5Lwr1xM7+XU2nd6CkIWFTVcCIbAP63vSz71NaVyyuSk9lHKcy0A==}
+    engines: {node: '>=4'}
+
+  axios@1.19.0:
+    resolution: {integrity: sha512-ht/iuYZXEjFxLH/Hkezgd7m6JKlHHXEUSneaDz8uZe1Gj5QZtCnpyDsckvAiEnT89OEbCLmnte4R4sn7P0EKFw==}
+
+  axobject-query@4.1.0:
+    resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
+    engines: {node: '>= 0.4'}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  balanced-match@4.0.4:
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
+
+  baseline-browser-mapping@2.11.14:
+    resolution: {integrity: sha512-JyJ954WzuIR8/FFzX0o5krdSTrBAkcCSRfWSleRsIHSWV+cZe2FI1PKggVkFke1hBldRs+LRxUczzE9iPmgZww==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  body-parser@2.3.0:
+    resolution: {integrity: sha512-2cGmJupaNgg+QUwVLAucDuWuoMZ6EX9iHDRswZ5lsNYEmwPaRknMPCLZz07yTzVq/83p4o/wzbDZbBrTvGGTIw==}
+    engines: {node: '>=18'}
+
+  brace-expansion@1.1.18:
+    resolution: {integrity: sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==}
+
+  brace-expansion@2.1.4:
+    resolution: {integrity: sha512-hGfVzPxthbf3+2yjg/RBs60cB0FhqBS/zvdV/4wn4/BmN0bNMMHPc4V/BbFieqf1TKAGGAHnY4eSjajCl0f2Xg==}
+
+  brace-expansion@5.0.9:
+    resolution: {integrity: sha512-ScQ4IuvIEF1TMlP7Zt+vjJ//9zlPb2SDcxWxM3bk8s6t6GGdJ7KO1dCcTidOPJKePW30LE/2cT7wCyPho9/Wxg==}
+    engines: {node: 20 || >=22}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  browserslist@4.28.8:
+    resolution: {integrity: sha512-V2NpofLblG64mfOtSgDhOJESZEGogzDMBv/q+W6oc4LXWP/q75eOXoOaaOu1EOadB9U4Bwx/e0yzbvwKH8zalA==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  bundle-name@4.1.0:
+    resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
+    engines: {node: '>=18'}
+
+  bytes@3.1.2:
+    resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
+    engines: {node: '>= 0.8'}
+
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
+  call-bind@1.0.9:
+    resolution: {integrity: sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==}
+    engines: {node: '>= 0.4'}
+
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  caniuse-lite@1.0.30001809:
+    resolution: {integrity: sha512-xxWVywk6a6Arlk+hymeycyn/VgqEfLDxupvhH/xiY5SJ/18kmi9o6MiO320DCUzypORHLtvh0I4i04tUhCNHNQ==}
+
+  chai@5.3.3:
+    resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
+    engines: {node: '>=18'}
+
+  chai@6.2.2:
+    resolution: {integrity: sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==}
+    engines: {node: '>=18'}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  chalk@5.6.2:
+    resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
+  check-error@2.1.3:
+    resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
+    engines: {node: '>= 16'}
+
+  chromatic@18.2.0:
+    resolution: {integrity: sha512-xyTKDhBQPDd4qrsXhJK7GAJyIStpRoSTs4b7EtPyliSL0luej3DcqkeCZ9osHxbiLXiViNyWfMxo5Xgzejex8A==}
+    engines: {node: '>=22.0.0'}
+    hasBin: true
+    peerDependencies:
+      '@chromatic-com/cypress': ^0.*.* || ^1.0.0
+      '@chromatic-com/playwright': ^0.*.* || ^1.0.0
+      '@chromatic-com/vitest': ^0.*.* || ^1.0.0
+    peerDependenciesMeta:
+      '@chromatic-com/cypress':
+        optional: true
+      '@chromatic-com/playwright':
+        optional: true
+      '@chromatic-com/vitest':
+        optional: true
+
+  class-variance-authority@0.7.1:
+    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
+
+  cli-cursor@5.0.0:
+    resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
+    engines: {node: '>=18'}
+
+  cli-spinners@2.9.2:
+    resolution: {integrity: sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==}
+    engines: {node: '>=6'}
+
+  client-only@0.0.1:
+    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
+  code-block-writer@13.0.3:
+    resolution: {integrity: sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+
+  commander@11.1.0:
+    resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
+    engines: {node: '>=16'}
+
+  commander@14.0.3:
+    resolution: {integrity: sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==}
+    engines: {node: '>=20'}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  conf@10.2.0:
+    resolution: {integrity: sha512-8fLl9F04EJqjSqH+QjITQfJF8BrOVaYr1jewVgSRAEWePfxT0sku4w2hrGQ60BC/TNLGQ2pgxNlTbWQmMPFvXg==}
+    engines: {node: '>=12'}
+
+  content-disposition@1.1.0:
+    resolution: {integrity: sha512-5jRCH9Z/+DRP7rkvY83B+yGIGX96OYdJmzngqnw2SBSxqCFPd0w2km3s5iawpGX8krnwSGmF0FW5Nhr0Hfai3g==}
+    engines: {node: '>=18'}
+
+  content-type@1.0.5:
+    resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
+    engines: {node: '>= 0.6'}
+
+  content-type@2.1.0:
+    resolution: {integrity: sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==}
+    engines: {node: '>=18'}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  cookie-signature@1.2.2:
+    resolution: {integrity: sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==}
+    engines: {node: '>=6.6.0'}
+
+  cookie@0.7.2:
+    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
+    engines: {node: '>= 0.6'}
+
+  cors@2.8.6:
+    resolution: {integrity: sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==}
+    engines: {node: '>= 0.10'}
+
+  cosmiconfig@9.0.2:
+    resolution: {integrity: sha512-gtTZxTDau1wL7Y7zifc2dd8jHSK/k6BTx/2Xp/BpdlAdnlYWFVt7qhJqgwi7637yRwRQ3qL4ZidbB4I8tA5VOg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  css.escape@1.5.1:
+    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  damerau-levenshtein@1.0.8:
+    resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
+
+  data-view-buffer@1.0.2:
+    resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
+    engines: {node: '>= 0.4'}
+
+  data-view-byte-length@1.0.2:
+    resolution: {integrity: sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==}
+    engines: {node: '>= 0.4'}
+
+  data-view-byte-offset@1.0.1:
+    resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
+    engines: {node: '>= 0.4'}
+
+  debounce-fn@4.0.0:
+    resolution: {integrity: sha512-8pYCQiL9Xdcg0UPSD3d+0KMlOjp+KGU5EPwYddgzQ7DATsg4fuUDjQtsYLmWjnk2obnNHgV3vE2Y4jejSOJVBQ==}
+    engines: {node: '>=10'}
+
+  debug@3.2.7:
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  dedent@1.7.2:
+    resolution: {integrity: sha512-WzMx3mW98SN+zn3hgemf4OzdmyNhhhKz5Ay0pUfQiMQ3e1g+xmTJWp/pKdwKVXhdSkAEGIIzqeuWrL3mV/AXbA==}
+    peerDependencies:
+      babel-plugin-macros: ^3.1.0
+    peerDependenciesMeta:
+      babel-plugin-macros:
+        optional: true
+
+  deep-eql@5.0.2:
+    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
+    engines: {node: '>=6'}
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+
+  default-browser-id@5.0.1:
+    resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==}
+    engines: {node: '>=18'}
+
+  default-browser@5.5.0:
+    resolution: {integrity: sha512-H9LMLr5zwIbSxrmvikGuI/5KGhZ8E2zH3stkMgM5LpOWDutGM2JZaj460Udnf1a+946zc7YBgrqEWwbk7zHvGw==}
+    engines: {node: '>=18'}
+
+  define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
+    engines: {node: '>= 0.4'}
+
+  define-lazy-prop@2.0.0:
+    resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
+    engines: {node: '>=8'}
+
+  define-lazy-prop@3.0.0:
+    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
+    engines: {node: '>=12'}
+
+  define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
+    engines: {node: '>= 0.4'}
+
+  delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+
+  depd@2.0.0:
+    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
+    engines: {node: '>= 0.8'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  diff@8.0.4:
+    resolution: {integrity: sha512-DPi0FmjiSU5EvQV0++GFDOJ9ASQUVFh5kD+OzOnYdi7n3Wpm9hWWGfB/O2blfHcMVTL5WkQXSnRiK9makhrcnw==}
+    engines: {node: '>=0.3.1'}
+
+  doctrine@2.1.0:
+    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
+    engines: {node: '>=0.10.0'}
+
+  doctrine@3.0.0:
+    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
+    engines: {node: '>=6.0.0'}
+
+  dom-accessibility-api@0.5.16:
+    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
+
+  dom-accessibility-api@0.6.3:
+    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
+
+  dot-prop@6.0.1:
+    resolution: {integrity: sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==}
+    engines: {node: '>=10'}
+
+  dotenv@17.4.2:
+    resolution: {integrity: sha512-nI4U3TottKAcAD9LLud4Cb7b2QztQMUEfHbvhTH09bqXTxnSie8WnjPALV/WMCrJZ6UV/qHJ6L03OqO3LcdYZw==}
+    engines: {node: '>=12'}
+
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
+  ee-first@1.1.1:
+    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
+
+  electron-to-chromium@1.5.406:
+    resolution: {integrity: sha512-hWH5ORBi3d0IipnMh7BN5GDTaAmrSSSWmznwt2zltdiRNEWoEQyTwF0FFSBxzHO7hLSRT6loQu3IQGV0wg/Tvg==}
+
+  emoji-regex@10.6.0:
+    resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==}
+
+  emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
+  empathic@2.0.1:
+    resolution: {integrity: sha512-YGRs8knHhKHVShLkFET/rWAU8kmHbOV5LwN938RHI0pljAJ1Gf6SzXsSmRaEzcXTtOOmVqJ5+WtQPL5uigY50Q==}
+    engines: {node: '>=14'}
+
+  encodeurl@2.0.0:
+    resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
+    engines: {node: '>= 0.8'}
+
+  enhanced-resolve@5.24.5:
+    resolution: {integrity: sha512-L1l8TNvomm6UVW5B253AGxQagSQr+vGwhMlrrfRS2qmhx46AMpMVJKQYLvWYbysTMY8VoicOvzHzoHMbyzB+4A==}
+    engines: {node: '>=10.13.0'}
+
+  enquirer@2.4.1:
+    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
+    engines: {node: '>=8.6'}
+
+  env-paths@2.2.1:
+    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
+    engines: {node: '>=6'}
+
+  error-ex@1.3.4:
+    resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
+
+  es-abstract-get@1.0.0:
+    resolution: {integrity: sha512-6PMWXpdhshVvFp+FoWYs1EvG1Nj0tvk0dZM+XcK0xMEM1czRVcP6ohqPWHy6qPagSpC8j4+p89WXlT+xXJs/fg==}
+    engines: {node: '>= 0.4'}
+
+  es-abstract@1.24.2:
+    resolution: {integrity: sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==}
+    engines: {node: '>= 0.4'}
+
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+
+  es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
+  es-iterator-helpers@1.4.0:
+    resolution: {integrity: sha512-c/A0P0oxkACDc+cKWw8evLXK83oBKgn0qPOqCYT4x9uolpCIJAcYvJC9QYKNDRPsTeGyCrQ326jrvgZWdCdK5Q==}
+    engines: {node: '>= 0.4'}
+
+  es-module-lexer@2.3.1:
+    resolution: {integrity: sha512-shc1dbU90Yl/xq1QrC7QRtfcwURZuVRfPhZbDoldJ1cn1gzDvBaBWlv0eFolj5+0znnPJz5TXLxsN77X/12KTA==}
+
+  es-object-atoms@1.1.2:
+    resolution: {integrity: sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==}
+    engines: {node: '>= 0.4'}
+
+  es-set-tostringtag@2.1.0:
+    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
+    engines: {node: '>= 0.4'}
+
+  es-shim-unscopables@1.1.0:
+    resolution: {integrity: sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==}
+    engines: {node: '>= 0.4'}
+
+  es-to-primitive@1.3.4:
+    resolution: {integrity: sha512-yPDz7wqpg1/mmHLmS3tcfTfbw5f1eryXvyghYBffGdERwe+mV7ZcWzTR8LR17Kvqt3qfPurjlonmnq3MKXIOXw==}
+    engines: {node: '>= 0.4'}
+
+  esbuild@0.28.2:
+    resolution: {integrity: sha512-HKVLS8dvII+xoKW9kmqxbRKrnWEXfJJr/FZhhJmiqIB0e053QNYFqOBouTMO/k5sID4MvCiUCvv8b9M4h32wIA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  eslint-config-next@16.3.1:
+    resolution: {integrity: sha512-0vtrpwFVHFEkycUgV/DyrG29OS+HSRdah5Yu8YuZoiBMtlAT6NIiWzaLwDkJZxr2kGfx+9LIvfQ7KHAlEs0VsA==}
+    peerDependencies:
+      eslint: '>=9.0.0'
+      typescript: '>=3.3.1'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  eslint-import-resolver-node@0.3.10:
+    resolution: {integrity: sha512-tRrKqFyCaKict5hOd244sL6EQFNycnMQnBe+j8uqGNXYzsImGbGUU4ibtoaBmv5FLwJwcFJNeg1GeVjQfbMrDQ==}
+
+  eslint-import-resolver-typescript@3.10.1:
+    resolution: {integrity: sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      eslint-plugin-import: '*'
+      eslint-plugin-import-x: '*'
+    peerDependenciesMeta:
+      eslint-plugin-import:
+        optional: true
+      eslint-plugin-import-x:
+        optional: true
+
+  eslint-module-utils@2.14.0:
+    resolution: {integrity: sha512-W2WCRZ9Dqntd+2u8jJcVMV2PKulc6RdLgUUoh/yQr3uB6lo/ZOeGx11sv60/8S4QFFKNslAlWhr9u0Ef7ZW6Ig==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+
+  eslint-plugin-import@2.32.0:
+    resolution: {integrity: sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+
+  eslint-plugin-jsx-a11y@6.10.2:
+    resolution: {integrity: sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
+
+  eslint-plugin-react-hooks@7.1.1:
+    resolution: {integrity: sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==}
+    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
+
+  eslint-plugin-react@7.37.5:
+    resolution: {integrity: sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
+
+  eslint-plugin-storybook@10.5.8:
+    resolution: {integrity: sha512-bf9W5nZyWdIaCUZf4aEZnEeD1mn+csNYX8dYUQjAo6L7/DkSLtr65R4zFZ1xeS4m6dOXO6UtUySesCSw4e8w1g==}
+    peerDependencies:
+      eslint: '>=8'
+      storybook: ^10.5.8
+
+  eslint-scope@8.4.0:
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@5.0.1:
+    resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint@9.39.5:
+    resolution: {integrity: sha512-DgZS62aPLXKlnxILS/AYCoRvHaZeXceIzlXPkkGGzJWSow1aEk0lbTlxUSlyjC8jcaKxAdOnTDz+o1JFSBsyjw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  esm-env@1.2.2:
+    resolution: {integrity: sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==}
+
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  esprima@4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  etag@1.8.1:
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
+
+  eventsource-parser@3.1.1:
+    resolution: {integrity: sha512-EKN1vKAMcZ8MlYMpaNuxN6R9yakzH6uajHcHVTqWJzvu5pWw9DyhbP35HH8MVBQ+dZjAfDxk+A8NiR9KWaXiyQ==}
+    engines: {node: '>=18.0.0'}
+
+  eventsource@3.0.7:
+    resolution: {integrity: sha512-CRT1WTyuQoD771GW56XEZFQ/ZoSfWid1alKGDYMmkt2yl8UXrVR4pspqWNEcqKvVIzg6PAltWjxcSSPrboA4iA==}
+    engines: {node: '>=18.0.0'}
+
+  execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+
+  execa@9.6.1:
+    resolution: {integrity: sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==}
+    engines: {node: ^18.19.0 || >=20.5.0}
+
+  expect-type@1.4.0:
+    resolution: {integrity: sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==}
+    engines: {node: '>=12.0.0'}
+
+  express-rate-limit@8.6.2:
+    resolution: {integrity: sha512-YH4ru+eOJxQABscKFfRCy9R7x9QFGdezclVMwwgFFndzS2Xnm0uo6B0ABZsLhcpeptGv2qvuJVWlQr9gQZoC3A==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      express: '>= 4.11'
+
+  express@5.2.1:
+    resolution: {integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==}
+    engines: {node: '>= 18'}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-glob@3.3.1:
+    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
+    engines: {node: '>=8.6.0'}
+
+  fast-glob@3.3.3:
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
+    engines: {node: '>=8.6.0'}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fast-uri@3.1.5:
+    resolution: {integrity: sha512-gHwA1O9LDIcKunMKhObS/HimwtehO1nPUECKAu5TpKgaO19fcWEl4bliWe1jWxVFvIXztJjjQ4L8XQ1EU9f7Jw==}
+
+  fastq@1.20.1:
+    resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  figures@6.1.0:
+    resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
+    engines: {node: '>=18'}
+
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  finalhandler@2.1.1:
+    resolution: {integrity: sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==}
+    engines: {node: '>= 18.0.0'}
+
+  find-up@3.0.0:
+    resolution: {integrity: sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==}
+    engines: {node: '>=6'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
+  flatted@3.4.4:
+    resolution: {integrity: sha512-5+ybhBZANEJxaH3X5evAFatUxLfEHSr7n6kYJ+1Qd0mUqr4eu9gIf6GDbWHf8RJijHrjjO8G+la14SlL2SeS1Q==}
+
+  follow-redirects@1.16.0:
+    resolution: {integrity: sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+
+  for-each@0.3.5:
+    resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
+    engines: {node: '>= 0.4'}
+
+  form-data@4.0.6:
+    resolution: {integrity: sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==}
+    engines: {node: '>= 6'}
+
+  forwarded@0.2.0:
+    resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
+    engines: {node: '>= 0.6'}
+
+  fresh@2.0.0:
+    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
+    engines: {node: '>= 0.8'}
+
+  fs-extra@11.4.0:
+    resolution: {integrity: sha512-EQsFzMUJkCKGr1ePqlYADkIUmHW1s3ZXr5Yqy6wbGrfUCphpl2maM/kyOIRA2HpP3AaFQTZXD4ldjek+nccddA==}
+    engines: {node: '>=14.14'}
+
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  function.prototype.name@1.2.0:
+    resolution: {integrity: sha512-jObKIik1P2QjPHP5nz5BaOtUlfgS0fWo8IUByNXkM+o+02sJOi94em77GwJKQSJ3gfPHdgzLNrHc1uokV4P/ew==}
+    engines: {node: '>= 0.4'}
+
+  functions-have-names@1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+
+  fuzzysort@3.1.0:
+    resolution: {integrity: sha512-sR9BNCjBg6LNgwvxlBd0sBABvQitkLzoVY9MYYROQVX/FvfJ4Mai9LsGhDgd8qYdds0bY77VzYd5iuB+v5rwQQ==}
+
+  generator-function@2.0.1:
+    resolution: {integrity: sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==}
+    engines: {node: '>= 0.4'}
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-east-asian-width@1.6.0:
+    resolution: {integrity: sha512-QRbvDIbx6YklUe6RxeTeleMR0yv3cYH6PsPZHcnVn7xv7zO1BHN8r0XETu8n6Ye3Q+ahtSarc3WgtNWmehIBfA==}
+    engines: {node: '>=18'}
+
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+
+  get-own-enumerable-keys@1.0.0:
+    resolution: {integrity: sha512-PKsK2FSrQCyxcGHsGrLDcK0lx+0Ke+6e8KFFozA9/fIQLhQzPaRvJFdcz7+Axg3jUH/Mq+NI4xa5u/UT2tQskA==}
+    engines: {node: '>=14.16'}
+
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
+  get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+
+  get-stream@9.0.1:
+    resolution: {integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==}
+    engines: {node: '>=18'}
+
+  get-symbol-description@1.1.0:
+    resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
+    engines: {node: '>= 0.4'}
+
+  get-tsconfig@4.14.2:
+    resolution: {integrity: sha512-XpwZALwwl/BaKTAyC6+c5T8y6kCg2jk+XGqOVrKIQmW49pNypYLMRjCUXqa28tQgJlhS2RlzP7sc+Rx7W6qsfw==}
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  glob@13.0.6:
+    resolution: {integrity: sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==}
+    engines: {node: 18 || 20 || >=22}
+
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
+  globals@16.4.0:
+    resolution: {integrity: sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==}
+    engines: {node: '>=18'}
+
+  globalthis@1.0.4:
+    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
+    engines: {node: '>= 0.4'}
+
+  globrex@0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
+
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  has-bigints@1.1.0:
+    resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
+    engines: {node: '>= 0.4'}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+
+  has-proto@1.2.0:
+    resolution: {integrity: sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==}
+    engines: {node: '>= 0.4'}
+
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+
+  has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.4:
+    resolution: {integrity: sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==}
+    engines: {node: '>= 0.4'}
+
+  hermes-estree@0.25.1:
+    resolution: {integrity: sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==}
+
+  hermes-parser@0.25.1:
+    resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==}
+
+  hono@4.13.2:
+    resolution: {integrity: sha512-JydRilDRkYBQMt9qR9U92mXxmbGqsqSn/IKOrh4e7/gEbn+0zSr8igTu0obwJoNGN4sez28DIql7FBHWydoJpA==}
+    engines: {node: '>=16.9.0'}
+
+  html-escaper@2.0.2:
+    resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
+
+  http-errors@2.0.1:
+    resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
+    engines: {node: '>= 0.8'}
+
+  https-proxy-agent@5.0.1:
+    resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
+    engines: {node: '>= 6'}
+
+  human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+
+  human-signals@8.0.1:
+    resolution: {integrity: sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==}
+    engines: {node: '>=18.18.0'}
+
+  iconv-lite@0.7.3:
+    resolution: {integrity: sha512-IKXpvIzjnC9XTAUbVBcMfGS0EPaIXtW6v+zr+RRp+hqULEpo0owZax6wyRwPOJbWbzjYspQwusTsfVr0ifh4uQ==}
+    engines: {node: '>=0.10.0'}
+
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  ignore@7.0.6:
+    resolution: {integrity: sha512-BAg6QkE8W+TuQLrrw0Ugr7HegXduRuuj8/ti2kSOc+jz1dmx8/WNcjr6XGnq5YpDWxFwwaavqD0+jIUOKelTsw==}
+    engines: {node: '>= 4'}
+
+  image-size@2.0.2:
+    resolution: {integrity: sha512-IRqXKlaXwgSMAMtpNzZa1ZAe8m+Sa1770Dhk8VkSsP9LS+iHD62Zd8FQKs8fbPiagBE7BzoFX23cxFnwshpV6w==}
+    engines: {node: '>=16.x'}
+    hasBin: true
+
+  import-fresh@3.3.1:
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
+    engines: {node: '>=6'}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  internal-slot@1.1.0:
+    resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
+    engines: {node: '>= 0.4'}
+
+  ip-address@10.5.0:
+    resolution: {integrity: sha512-R5SnVLJmgYYvf2F2ZgwSBnelz5G4q5AxIC277GDfUaNbrZKNANcBC7RHqYYePlszf4kBolVkJauG0ZjHHFh55g==}
+    engines: {node: '>= 12'}
+
+  ipaddr.js@1.9.1:
+    resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
+    engines: {node: '>= 0.10'}
+
+  is-array-buffer@3.0.5:
+    resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
+    engines: {node: '>= 0.4'}
+
+  is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+
+  is-async-function@2.1.1:
+    resolution: {integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==}
+    engines: {node: '>= 0.4'}
+
+  is-bigint@1.1.0:
+    resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
+    engines: {node: '>= 0.4'}
+
+  is-boolean-object@1.2.2:
+    resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
+    engines: {node: '>= 0.4'}
+
+  is-bun-module@2.0.0:
+    resolution: {integrity: sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==}
+
+  is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+
+  is-core-module@2.16.2:
+    resolution: {integrity: sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==}
+    engines: {node: '>= 0.4'}
+
+  is-data-view@1.0.2:
+    resolution: {integrity: sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==}
+    engines: {node: '>= 0.4'}
+
+  is-date-object@1.1.0:
+    resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
+    engines: {node: '>= 0.4'}
+
+  is-docker@2.2.1:
+    resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+
+  is-document.all@1.0.0:
+    resolution: {integrity: sha512-+XSoyS05OdBbhFuELhgTCpFNHkpBOJqtsZfUFFpe5QTw+9Sjbh8zitxhQkYAo6wV7e1Vb8cAPvpCk9jGam/82g==}
+    engines: {node: '>= 0.4'}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-finalizationregistry@1.1.1:
+    resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
+    engines: {node: '>= 0.4'}
+
+  is-generator-function@1.1.2:
+    resolution: {integrity: sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==}
+    engines: {node: '>= 0.4'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-in-ssh@1.0.0:
+    resolution: {integrity: sha512-jYa6Q9rH90kR1vKB6NM7qqd1mge3Fx4Dhw5TVlK1MUBqhEOuCagrEHMevNuCcbECmXZ0ThXkRm+Ymr51HwEPAw==}
+    engines: {node: '>=20'}
+
+  is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
+  is-interactive@2.0.0:
+    resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
+    engines: {node: '>=12'}
+
+  is-map@2.0.3:
+    resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
+    engines: {node: '>= 0.4'}
+
+  is-negative-zero@2.0.3:
+    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
+    engines: {node: '>= 0.4'}
+
+  is-number-object@1.1.1:
+    resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
+    engines: {node: '>= 0.4'}
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-obj@2.0.0:
+    resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
+    engines: {node: '>=8'}
+
+  is-obj@3.0.0:
+    resolution: {integrity: sha512-IlsXEHOjtKhpN8r/tRFj2nDyTmHvcfNeu/nrRIcXE17ROeatXchkojffa1SpdqW4cr/Fj6QkEf/Gn4zf6KKvEQ==}
+    engines: {node: '>=12'}
+
+  is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
+
+  is-promise@4.0.0:
+    resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
+
+  is-regex@1.2.1:
+    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
+    engines: {node: '>= 0.4'}
+
+  is-regexp@3.1.0:
+    resolution: {integrity: sha512-rbku49cWloU5bSMI+zaRaXdQHXnthP6DZ/vLnfdSKyL4zUzuWnomtOEiZZOd+ioQ+avFo/qau3KPTc7Fjy1uPA==}
+    engines: {node: '>=12'}
+
+  is-set@2.0.3:
+    resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
+    engines: {node: '>= 0.4'}
+
+  is-shared-array-buffer@1.0.4:
+    resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
+    engines: {node: '>= 0.4'}
+
+  is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+
+  is-stream@4.0.1:
+    resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==}
+    engines: {node: '>=18'}
+
+  is-string@1.1.1:
+    resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
+    engines: {node: '>= 0.4'}
+
+  is-symbol@1.1.1:
+    resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
+    engines: {node: '>= 0.4'}
+
+  is-typed-array@1.1.15:
+    resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
+    engines: {node: '>= 0.4'}
+
+  is-unicode-supported@1.3.0:
+    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
+    engines: {node: '>=12'}
+
+  is-unicode-supported@2.1.0:
+    resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
+    engines: {node: '>=18'}
+
+  is-weakmap@2.0.2:
+    resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
+    engines: {node: '>= 0.4'}
+
+  is-weakref@1.1.1:
+    resolution: {integrity: sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==}
+    engines: {node: '>= 0.4'}
+
+  is-weakset@2.0.4:
+    resolution: {integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==}
+    engines: {node: '>= 0.4'}
+
+  is-wsl@2.2.0:
+    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
+    engines: {node: '>=8'}
+
+  is-wsl@3.1.1:
+    resolution: {integrity: sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==}
+    engines: {node: '>=16'}
+
+  isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  isexe@3.1.5:
+    resolution: {integrity: sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==}
+    engines: {node: '>=18'}
+
+  istanbul-lib-coverage@3.2.2:
+    resolution: {integrity: sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==}
+    engines: {node: '>=8'}
+
+  istanbul-lib-report@3.0.1:
+    resolution: {integrity: sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==}
+    engines: {node: '>=10'}
+
+  istanbul-reports@3.2.0:
+    resolution: {integrity: sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==}
+    engines: {node: '>=8'}
+
+  iterator.prototype@1.1.5:
+    resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
+    engines: {node: '>= 0.4'}
+
+  javascript-natural-sort@0.7.1:
+    resolution: {integrity: sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==}
+
+  jiti@2.7.0:
+    resolution: {integrity: sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==}
+    hasBin: true
+
+  jose@6.2.8:
+    resolution: {integrity: sha512-Bsdjwm3Qsd/P0jR+BHDe3LytDfY7WBq2HmCCLIwuVRHMuEC9ae7/R474GIUdF1NgCyZjzVo/A9DOiOBtXq8ZoQ==}
+
+  js-tokens@10.0.0:
+    resolution: {integrity: sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q==}
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-yaml@4.3.1:
+    resolution: {integrity: sha512-CY6crGq313MX8GkwvB7tzgp99vjQxY1++5y10/BKN/GUfHqWaOGQMNZkBvqSzsZKWk/ijwHlWzzkLulsGHhjWQ==}
+    hasBin: true
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+
+  json-rpc-2.0@1.7.1:
+    resolution: {integrity: sha512-JqZjhjAanbpkXIzFE7u8mE/iFblawwlXtONaCvRqI+pyABVz7B4M1EUNpyVW+dZjqgQ2L5HFmZCmOCgUKm00hg==}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+
+  json-schema-typed@7.0.3:
+    resolution: {integrity: sha512-7DE8mpG+/fVw+dTpjbxnx47TaMnDfOI1jwft9g1VybltZCduyRQPJPvc+zzKY9WPHxhPWczyFuYa6I8Mw4iU5A==}
+
+  json-schema-typed@8.0.2:
+    resolution: {integrity: sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json5@1.0.2:
+    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
+    hasBin: true
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  jsonc-parser@3.3.1:
+    resolution: {integrity: sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==}
+
+  jsonfile@6.2.1:
+    resolution: {integrity: sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==}
+
+  jsx-ast-utils@3.3.5:
+    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
+    engines: {node: '>=4.0'}
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  kleur@3.0.3:
+    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
+    engines: {node: '>=6'}
+
+  kleur@4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
+
+  language-subtag-registry@0.3.23:
+    resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
+
+  language-tags@1.0.9:
+    resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
+    engines: {node: '>=0.10'}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lightningcss-android-arm64@1.32.0:
+    resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-android-arm64@1.33.0:
+    resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.32.0:
+    resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-arm64@1.33.0:
+    resolution: {integrity: sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.32.0:
+    resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.33.0:
+    resolution: {integrity: sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.32.0:
+    resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-freebsd-x64@1.33.0:
+    resolution: {integrity: sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm-gnueabihf@1.33.0:
+    resolution: {integrity: sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-gnu@1.33.0:
+    resolution: {integrity: sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-arm64-musl@1.33.0:
+    resolution: {integrity: sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-gnu@1.33.0:
+    resolution: {integrity: sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.32.0:
+    resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-musl@1.33.0:
+    resolution: {integrity: sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-arm64-msvc@1.33.0:
+    resolution: {integrity: sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.33.0:
+    resolution: {integrity: sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.32.0:
+    resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
+    engines: {node: '>= 12.0.0'}
+
+  lightningcss@1.33.0:
+    resolution: {integrity: sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==}
+    engines: {node: '>= 12.0.0'}
+
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  locate-path@3.0.0:
+    resolution: {integrity: sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==}
+    engines: {node: '>=6'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash-es@4.18.1:
+    resolution: {integrity: sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  log-symbols@6.0.0:
+    resolution: {integrity: sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw==}
+    engines: {node: '>=18'}
+
+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
+  loupe@3.2.1:
+    resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
+
+  lru-cache@11.5.2:
+    resolution: {integrity: sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==}
+    engines: {node: 20 || >=22}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  lucide-react@1.31.0:
+    resolution: {integrity: sha512-G8u2eEtoHUnUa9f8lbvqDhCiORMnYLdUEo06EEG9MQvHQrInKcX3Pa2TH39MM5qyzRcWETxB0+aOwAPI1g1kEg==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  lz-string@1.5.0:
+    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+    hasBin: true
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  magicast@0.5.4:
+    resolution: {integrity: sha512-llBEhWm1SacoRwgHUoQJYtwp4PBLF4faQi5TCpIGyGs9n4y5+juI0tDgyKIfpqxckRHaHzouUEph3THklWh03w==}
+
+  make-dir@4.0.0:
+    resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
+    engines: {node: '>=10'}
+
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
+  media-typer@1.1.1:
+    resolution: {integrity: sha512-yz3xRaG20c6/BOzvYoDaGtPmGscs7YivItZEEqe6GbwNfHuxu9YNmvnEkMzKldAGY4/80pRcQRZSEnhquk9XuQ==}
+    engines: {node: '>= 0.8'}
+
+  merge-descriptors@2.0.0:
+    resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
+    engines: {node: '>=18'}
+
+  merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+
+  mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+
+  mime-db@1.54.0:
+    resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@3.0.2:
+    resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==}
+    engines: {node: '>=18'}
+
+  mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+
+  mimic-fn@3.1.0:
+    resolution: {integrity: sha512-Ysbi9uYW9hFyfrThdDEQuykN4Ey6BuwPD2kpI5ES/nFTDn/98yxYNLZJcgUAKPT/mcrLLKaGzJR9YVxJrIdASQ==}
+    engines: {node: '>=8'}
+
+  mimic-function@5.0.1:
+    resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
+    engines: {node: '>=18'}
+
+  min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+
+  minimatch@10.2.6:
+    resolution: {integrity: sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==}
+    engines: {node: 18 || 20 || >=22}
+
+  minimatch@3.1.5:
+    resolution: {integrity: sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==}
+
+  minimatch@9.0.9:
+    resolution: {integrity: sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  minipass@7.1.3:
+    resolution: {integrity: sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  module-alias@2.3.4:
+    resolution: {integrity: sha512-bOclZt8hkpuGgSSoG07PKmvzTizROilUTvLNyrMqvlC9snhs7y7GzjNWAVbISIOlhCP1T14rH1PDAV9iNyBq/w==}
+
+  mrmime@2.0.1:
+    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
+    engines: {node: '>=10'}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  nanoid@3.3.18:
+    resolution: {integrity: sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  napi-postinstall@0.3.4:
+    resolution: {integrity: sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+    hasBin: true
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  negotiator@1.0.0:
+    resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
+    engines: {node: '>= 0.6'}
+
+  next@16.3.1:
+    resolution: {integrity: sha512-hsAp0i7Rh+/dhe7DGIeN2YlpLM1DP4MNxti9EtDMtqcO612X81MvvEj388/oTce9U1EcEIOWDlGq0zRwrBKvuA==}
+    engines: {node: '>=20.9.0'}
+    hasBin: true
+    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-exports-info@1.6.2:
+    resolution: {integrity: sha512-kXs9Go0cah0qHVV2v389IXQLdLCeE1xfFtjOAF+iobu0OIoG1pje8At2vMHyaPMiPMnG/LWP50twML21eMcAag==}
+    engines: {node: '>= 0.4'}
+
+  node-releases@2.0.53:
+    resolution: {integrity: sha512-D9UOmYG3UH1V+ENW56t5QXBwJw1YEY18ruVeus89Rw+SyIgjPkCO84bRzO3uNIYosJbNwiabWVn48o3uJLjxFQ==}
+    engines: {node: '>=18'}
+
+  npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+
+  npm-run-path@6.0.0:
+    resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==}
+    engines: {node: '>=18'}
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  object-inspect@1.13.4:
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
+    engines: {node: '>= 0.4'}
+
+  object-keys@1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+
+  object-treeify@1.1.33:
+    resolution: {integrity: sha512-EFVjAYfzWqWsBMRHPMAXLCDIJnpMhdWAqR7xG6M6a2cs6PMFpl/+Z20w9zDW4vkxOFfddegBKq9Rehd0bxWE7A==}
+    engines: {node: '>= 10'}
+
+  object.assign@4.1.7:
+    resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
+    engines: {node: '>= 0.4'}
+
+  object.entries@1.1.9:
+    resolution: {integrity: sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==}
+    engines: {node: '>= 0.4'}
+
+  object.fromentries@2.0.8:
+    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
+    engines: {node: '>= 0.4'}
+
+  object.groupby@1.0.3:
+    resolution: {integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==}
+    engines: {node: '>= 0.4'}
+
+  object.values@1.2.1:
+    resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
+    engines: {node: '>= 0.4'}
+
+  obug@2.1.4:
+    resolution: {integrity: sha512-4a+OsYv9UktOJKE+l1A4OufDgdRF9PifWj+tJnHURo/P+WOxpG4GzUFL9qCalmWauao6ogiG+QvnCovwPoyAWA==}
+    engines: {node: '>=12.20.0'}
+
+  on-finished@2.4.1:
+    resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
+    engines: {node: '>= 0.8'}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+
+  onetime@7.0.0:
+    resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
+    engines: {node: '>=18'}
+
+  open@10.2.0:
+    resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==}
+    engines: {node: '>=18'}
+
+  open@11.0.1:
+    resolution: {integrity: sha512-NzwMUB6C1D0+Kd+9iMS/H4k+Ck3cTX6Ckyfr/gAGlmvSE1LUQZnEZvWBi4PYmMwH/S5SMeTXnE+9uAz8uF+pWw==}
+    engines: {node: '>=20'}
+
+  open@8.4.2:
+    resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
+    engines: {node: '>=12'}
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  ora@8.2.0:
+    resolution: {integrity: sha512-weP+BZ8MVNnlCm8c0Qdc1WSWq4Qn7I+9CJGm7Qali6g44e/PUzbjNqJX5NJ9ljlNMosfJvg1fKEGILklK9cwnw==}
+    engines: {node: '>=18'}
+
+  own-keys@1.0.2:
+    resolution: {integrity: sha512-19YVAg7T+WTrxggPukVq7DjTv6+PJ867TmhCvBsYwmbFCsZd344rq2Ld1p0wo8f8Qrrhgp82c6FJRqdXWtSEhg==}
+    engines: {node: '>= 0.4'}
+
+  oxc-parser@0.127.0:
+    resolution: {integrity: sha512-bkgD4qHlN7WxLdX8bLXdaU54TtQtAIg/ZBAfm0aje/mo3MRDo3P0hZSgr4U7O3xfX+fQmR5AP04JS/TGcZLcFA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  oxc-resolver@11.24.2:
+    resolution: {integrity: sha512-FY91FiDBj7ls5MsFS9jN3tjz2o0/zsdSsymlakySaBwVJZorHhkWyICLZMKxlu1R9vYo+sd3z1jwb4J8x7bNDw==}
+
+  p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@3.0.0:
+    resolution: {integrity: sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==}
+    engines: {node: '>=6'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parse-imports-exports@0.2.4:
+    resolution: {integrity: sha512-4s6vd6dx1AotCx/RCI2m7t7GCh5bDRUtGNvRfHSP2wbBQdMi67pPe7mtzmgwcaQ8VKK/6IB7Glfyu3qdZJPybQ==}
+
+  parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+
+  parse-ms@4.0.0:
+    resolution: {integrity: sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==}
+    engines: {node: '>=18'}
+
+  parse-statements@1.0.11:
+    resolution: {integrity: sha512-HlsyYdMBnbPQ9Jr/VgJ1YF4scnldvJpJxCVx6KgqPL4dxppsWrJHCIIxQXMJrqGnsRkNPATbeMJ8Yxu7JMsYcA==}
+
+  parseurl@1.3.3:
+    resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
+    engines: {node: '>= 0.8'}
+
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
+  path-exists@3.0.0:
+    resolution: {integrity: sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==}
+    engines: {node: '>=4'}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+
+  path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+
+  path-scurry@2.0.2:
+    resolution: {integrity: sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg==}
+    engines: {node: 18 || 20 || >=22}
+
+  path-to-regexp@8.4.2:
+    resolution: {integrity: sha512-qRcuIdP69NPm4qbACK+aDogI5CBDMi1jKe0ry5rSQJz8JVLsC7jV8XpiJjGRLLol3N+R5ihGYcrPLTno6pAdBA==}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
+  pathval@2.0.1:
+    resolution: {integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==}
+    engines: {node: '>= 14.16'}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.2:
+    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.5:
+    resolution: {integrity: sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==}
+    engines: {node: '>=12'}
+
+  picoquery@2.5.0:
+    resolution: {integrity: sha512-j1kgOFxtaCyoFCkpoYG2Oj3OdGakadO7HZ7o5CqyRazlmBekKhbDoUnNnXASE07xSY4nDImWZkrZv7toSxMi/g==}
+
+  pkce-challenge@5.0.1:
+    resolution: {integrity: sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ==}
+    engines: {node: '>=16.20.0'}
+
+  pkg-up@3.1.0:
+    resolution: {integrity: sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==}
+    engines: {node: '>=8'}
+
+  playwright-core@1.62.1:
+    resolution: {integrity: sha512-wPYSwEBJY9GHraISXqyqtx0na0LpO3XEX7jNDhntbex7tzUS7kLnZsOlFruFJB4Hi/rhDMjXGqHewDZ68nYZVw==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  playwright@1.62.1:
+    resolution: {integrity: sha512-0M+L3LAD8/nm554LOla9Ayx0j0tmFZ0FBcoQ7F1VuVHpM/XpiC8RcDzBQB8W5+hA8L22THxELzeF+2WcUzvcLg==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  pngjs@7.0.0:
+    resolution: {integrity: sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==}
+    engines: {node: '>=14.19.0'}
+
+  possible-typed-array-names@1.1.0:
+    resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
+    engines: {node: '>= 0.4'}
+
+  postcss-selector-parser@7.1.5:
+    resolution: {integrity: sha512-KvvtD7SrlBP7dlgkBghEE3r84CABm5SmV2aNcG4oCA+qDnJ/tvKonFVvwWAyyWUEwxuNawdfEAZKP9zM3oZ2Uw==}
+    engines: {node: '>=4'}
+
+  postcss@8.5.23:
+    resolution: {integrity: sha512-g50586zr4bZmwFiTlflMu8E0bDTb5I5gertgwAKmsdUlTQIhZtunzUlD1WSzwcVWPoAVpsrA6vlfCD7oXvRwgg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  postcss@8.5.26:
+    resolution: {integrity: sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  powershell-utils@0.1.0:
+    resolution: {integrity: sha512-dM0jVuXJPsDN6DvRpea484tCUaMiXWjuCn++HGTqUWzGDjv5tZkEZldAJ/UMlqRYGFrD/etByo4/xOuC/snX2A==}
+    engines: {node: '>=20'}
+
+  powershell-utils@0.2.0:
+    resolution: {integrity: sha512-ZlsFlG7MtSFCoc5xreOvBAozCJ6Pf06opgJjh9ONEv418xpZSAzNjstD36C6+JwOnfSqOW/9uDkqKjezTdxZhw==}
+    engines: {node: '>=20'}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier-plugin-tailwindcss@0.8.1:
+    resolution: {integrity: sha512-iaFMYqDsE4ffdDkn5qup0j5f2aCEBFZrdrZnvu9QKTlWx/iGPeQ4HHu7b7fCPMxeo9nwQBiOAh2nSypdFYWJkw==}
+    engines: {node: '>=20.19'}
+    peerDependencies:
+      '@ianvs/prettier-plugin-sort-imports': '*'
+      '@prettier/plugin-hermes': '*'
+      '@prettier/plugin-oxc': '*'
+      '@prettier/plugin-pug': '*'
+      '@shopify/prettier-plugin-liquid': '*'
+      '@trivago/prettier-plugin-sort-imports': '*'
+      '@zackad/prettier-plugin-twig': '*'
+      prettier: ^3.0
+      prettier-plugin-astro: '*'
+      prettier-plugin-css-order: '*'
+      prettier-plugin-jsdoc: '*'
+      prettier-plugin-marko: '*'
+      prettier-plugin-multiline-arrays: '*'
+      prettier-plugin-organize-attributes: '*'
+      prettier-plugin-organize-imports: '*'
+      prettier-plugin-sort-imports: '*'
+      prettier-plugin-svelte: '*'
+    peerDependenciesMeta:
+      '@ianvs/prettier-plugin-sort-imports':
+        optional: true
+      '@prettier/plugin-hermes':
+        optional: true
+      '@prettier/plugin-oxc':
+        optional: true
+      '@prettier/plugin-pug':
+        optional: true
+      '@shopify/prettier-plugin-liquid':
+        optional: true
+      '@trivago/prettier-plugin-sort-imports':
+        optional: true
+      '@zackad/prettier-plugin-twig':
+        optional: true
+      prettier-plugin-astro:
+        optional: true
+      prettier-plugin-css-order:
+        optional: true
+      prettier-plugin-jsdoc:
+        optional: true
+      prettier-plugin-marko:
+        optional: true
+      prettier-plugin-multiline-arrays:
+        optional: true
+      prettier-plugin-organize-attributes:
+        optional: true
+      prettier-plugin-organize-imports:
+        optional: true
+      prettier-plugin-sort-imports:
+        optional: true
+      prettier-plugin-svelte:
+        optional: true
+
+  prettier@3.9.6:
+    resolution: {integrity: sha512-OpN0zzVdiaiAhxpuuj5efpIS4sY9j7bY6uR5mnj5yPzGkdkjNKSJeUThPb60Jw29QuAZgA4o+/iB49kFiaBX6g==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  pretty-format@27.5.1:
+    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+
+  pretty-ms@9.3.0:
+    resolution: {integrity: sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==}
+    engines: {node: '>=18'}
+
+  prompts@2.4.2:
+    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
+    engines: {node: '>= 6'}
+
+  prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+
+  proxy-addr@2.0.7:
+    resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
+    engines: {node: '>= 0.10'}
+
+  proxy-from-env@2.1.0:
+    resolution: {integrity: sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==}
+    engines: {node: '>=10'}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  qs@6.15.3:
+    resolution: {integrity: sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==}
+    engines: {node: '>=0.6'}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  range-parser@1.3.0:
+    resolution: {integrity: sha512-hek2mFQpPuI4E1BBKrSto+BU3e3x4xuarsbiwr3+lf7p44juvFMV0XFWQAP3xUyqXA4RrXLIoaSUGbSt056ZMw==}
+    engines: {node: '>= 0.6'}
+
+  raw-body@3.0.2:
+    resolution: {integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==}
+    engines: {node: '>= 0.10'}
+
+  react-docgen-typescript@2.4.0:
+    resolution: {integrity: sha512-ZtAp5XTO5HRzQctjPU0ybY0RRCQO19X/8fxn3w7y2VVTUbGHDKULPTL4ky3vB05euSgG5NpALhEhDPvQ56wvXg==}
+    peerDependencies:
+      typescript: '>= 4.3.x'
+
+  react-docgen@8.0.3:
+    resolution: {integrity: sha512-aEZ9qP+/M+58x2qgfSFEWH1BxLyHe5+qkLNJOZQb5iGS017jpbRnoKhNRrXPeA6RfBrZO5wZrT9DMC1UqE1f1w==}
+    engines: {node: ^20.9.0 || >=22}
+
+  react-dom@19.2.8:
+    resolution: {integrity: sha512-rVprimfGBG3DR+Tq0IQG2DT5PxKth1WIGDmj5yPmlzr4YBe7uyE+Du4oVqTDXZSHGGGXRtTJEGSSePyQCMBglQ==}
+    peerDependencies:
+      react: ^19.2.8
+
+  react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+
+  react-is@17.0.2:
+    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
+
+  react@19.2.8:
+    resolution: {integrity: sha512-PWaYA1L/q9u2u7xYQi+Y3L3Yfnie7XyLeaJICV1MGD6LprsBxcAqGjYyr0eY3p+QdsA+x/Irkt4Qif8D63+Sbw==}
+    engines: {node: '>=0.10.0'}
+
+  recast@0.23.21:
+    resolution: {integrity: sha512-mFAyJq9vUbSTARLZUvAEf1z3YxlvAwswbmxMx2mPA/MSm4KmpwvwvhsH/NIrZhyOuwD60Lzyw2qh83uCbgTPYw==}
+    engines: {node: '>= 4'}
+
+  redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+
+  reflect.getprototypeof@1.0.10:
+    resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
+    engines: {node: '>= 0.4'}
+
+  regexp.prototype.flags@1.5.4:
+    resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
+    engines: {node: '>= 0.4'}
+
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
+  reselect@5.2.0:
+    resolution: {integrity: sha512-AgZ3UOZm3YndfrJ4OYjgrT7bmCm/1iqkjvEfH/oYjzh6PD2qw4QuT3jjnXIrpdt4MTpMXclMT3lXbmRY+XRakw==}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+
+  resolve@1.22.12:
+    resolution: {integrity: sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==}
+    engines: {node: '>= 0.4'}
+    hasBin: true
+
+  resolve@2.0.0-next.7:
+    resolution: {integrity: sha512-tqt+NBWwyaMgw3zDsnygx4CByWjQEJHOPMdslYhppaQSJUtL/D4JO9CcBBlhPoI8lz9oJIDXkwXfhF4aWqP8xQ==}
+    engines: {node: '>= 0.4'}
+    hasBin: true
+
+  restore-cursor@5.1.0:
+    resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
+    engines: {node: '>=18'}
+
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  rolldown@1.2.4:
+    resolution: {integrity: sha512-rSr7irW0K7QRWzjdJXqZowkcRdDtjRduh43rBltnVKd0VFq839l1lJoDvGJb6gl7+4rTTCrPWu+YfujUL8Ug7w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
+  router@2.2.0:
+    resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==}
+    engines: {node: '>= 18'}
+
+  run-applescript@7.1.0:
+    resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
+    engines: {node: '>=18'}
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  safe-array-concat@1.1.4:
+    resolution: {integrity: sha512-wtZlHyOje6OZTGqAoaDKxFkgRtkF9CnHAVnCHKfuj200wAgL+bSJhdsCD2l0Qx/2ekEXjPWcyKkfGb5CPboslg==}
+    engines: {node: '>=0.4'}
+
+  safe-push-apply@1.0.0:
+    resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
+    engines: {node: '>= 0.4'}
+
+  safe-regex-test@1.1.0:
+    resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
+    engines: {node: '>= 0.4'}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  scheduler@0.27.0:
+    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.8.5:
+    resolution: {integrity: sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  send@1.2.1:
+    resolution: {integrity: sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==}
+    engines: {node: '>= 18'}
+
+  serve-static@2.2.1:
+    resolution: {integrity: sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==}
+    engines: {node: '>= 18'}
+
+  set-function-length@1.2.2:
+    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
+    engines: {node: '>= 0.4'}
+
+  set-function-name@2.0.2:
+    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
+    engines: {node: '>= 0.4'}
+
+  set-proto@1.0.0:
+    resolution: {integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==}
+    engines: {node: '>= 0.4'}
+
+  setprototypeof@1.2.0:
+    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
+
+  shadcn@4.18.0:
+    resolution: {integrity: sha512-tUFZgkYmfVNQVm3xX7lhSzOvDsp+O14ac5dwgXIr5mIsr79ISueb/Mu+ZtWMz0DH6v77u4eYyvbQ9TTMpSn3aw==}
+    engines: {node: '>=20.18.1'}
+    hasBin: true
+
+  sharp@0.35.3:
+    resolution: {integrity: sha512-ej0zVHuZGHCiABXcNxeYhpRnPNPAcvbG8RMdBAhDAxLKkCRVSpK3Iyu7qbqw3JMzoj0REeM6f3tJLtVwl0023Q==}
+    engines: {node: '>=20.9.0'}
+    peerDependencies:
+      '@types/node': '*'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  side-channel-list@1.0.1:
+    resolution: {integrity: sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-map@1.0.1:
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-weakmap@1.0.2:
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
+
+  side-channel@1.1.1:
+    resolution: {integrity: sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==}
+    engines: {node: '>= 0.4'}
+
+  siginfo@2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+
+  signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  sirv@3.0.2:
+    resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==}
+    engines: {node: '>=18'}
+
+  sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+
+  smart-buffer@4.2.0:
+    resolution: {integrity: sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==}
+    engines: {node: '>= 6.0.0', npm: '>= 3.0.0'}
+
+  socks@2.8.9:
+    resolution: {integrity: sha512-LJhUYUvItdQ0LkJTmPeaEObWXAqFyfmP85x0tch/ez9cahmhlBBLbIqDFnvBnUJGagb0JbIQrkBs1wJ+yRYpEw==}
+    engines: {node: '>= 10.0.0', npm: '>= 3.0.0'}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  sqids@0.3.0:
+    resolution: {integrity: sha512-lOQK1ucVg+W6n3FhRwwSeUijxe93b51Bfz5PMRMihVf1iVkl82ePQG7V5vwrhzB11v0NtsR25PSZRGiSomJaJw==}
+
+  stable-hash@0.0.5:
+    resolution: {integrity: sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==}
+
+  stackback@0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+
+  statuses@2.0.2:
+    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
+    engines: {node: '>= 0.8'}
+
+  std-env@4.2.0:
+    resolution: {integrity: sha512-oCUKSupKTHX53EyjDtuZQ64pjLJ6yYCtpmEw0goYxtjG9KpbRe8KAsl2tBUGU9DyMcJ0RwJ8GqJAFzMXcXW1Rw==}
+
+  stdin-discarder@0.2.2:
+    resolution: {integrity: sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==}
+    engines: {node: '>=18'}
+
+  stop-iteration-iterator@1.1.0:
+    resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
+    engines: {node: '>= 0.4'}
+
+  storybook@10.5.8:
+    resolution: {integrity: sha512-rR4oFMSiWBSqI0lvsJPtcQUPj8+hzj3TkLu+Mw61Wo6YxPSb5FsLSHai0jZnuaIdKIlmu25KCfwlSQl4e1uvnA==}
+    hasBin: true
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      prettier: ^2 || ^3
+      vite-plus: ^0.1.15 || ^0.2.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      prettier:
+        optional: true
+      vite-plus:
+        optional: true
+
+  string-width@7.2.0:
+    resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
+    engines: {node: '>=18'}
+
+  string.prototype.includes@2.0.1:
+    resolution: {integrity: sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.matchall@4.0.12:
+    resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.repeat@1.0.0:
+    resolution: {integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==}
+
+  string.prototype.trim@1.2.11:
+    resolution: {integrity: sha512-PwvK7BU+CMTJGYQCTZb5RWXIML92lftJLhQz1tBzgKiqGxJaMlBAa48POXaNAC2s4y8jr3EFqrkF9+44neS46w==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.trimend@1.0.10:
+    resolution: {integrity: sha512-2+3aDAOmPTmuFwjDnmJG2ctEkQKVki7vOSqaxkv42Mowj1V6PnvuwFCRrR5lChUux1TBskPjfkeTOhqczDMxTw==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.trimstart@1.0.8:
+    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
+    engines: {node: '>= 0.4'}
+
+  stringify-object@5.0.0:
+    resolution: {integrity: sha512-zaJYxz2FtcMb4f+g60KsRNFOpVMUyuJgA51Zi5Z1DOTC3S59+OQiVOzE9GZt0x72uBGWKsQIuBKeF9iusmKFsg==}
+    engines: {node: '>=14.16'}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-ansi@7.2.0:
+    resolution: {integrity: sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==}
+    engines: {node: '>=12'}
+
+  strip-bom@3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
+
+  strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+
+  strip-final-newline@4.0.0:
+    resolution: {integrity: sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==}
+    engines: {node: '>=18'}
+
+  strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+
+  strip-indent@4.1.1:
+    resolution: {integrity: sha512-SlyRoSkdh1dYP0PzclLE7r0M9sgbFKKMFXpFRUMNuKhQSbC6VQIGzq3E0qsfvGJaUFJPGv6Ws1NZ/haTAjfbMA==}
+    engines: {node: '>=12'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  styled-jsx@5.1.6:
+    resolution: {integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==}
+    engines: {node: '>= 12.0.0'}
+    peerDependencies:
+      '@babel/core': '*'
+      babel-plugin-macros: '*'
+      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
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+
+  systeminformation@5.33.1:
+    resolution: {integrity: sha512-DEN6ICHk3Tk0Uf/hrAHh7xlt7iL5CJFBtPZinA0H62DrGG/KPKqq/Nzj6lCXPS4Ay/sf/14zNnk9LpqKzBIc+w==}
+    engines: {node: '>=10.0.0'}
+    os: [darwin, linux, win32, freebsd, openbsd, netbsd, sunos, android]
+    hasBin: true
+
+  tailwind-merge@3.6.0:
+    resolution: {integrity: sha512-uxL7qAVQriqRQPAyK3pj66VqskWqoZ37PW94jwOTwNfq/z9oyu1V+eqrZqtR2+fCiXdYOZe/Modt8GtvqNzu+w==}
+
+  tailwindcss@4.3.3:
+    resolution: {integrity: sha512-gOhV3P7ufE62QDGg1zVaTgCR+EtPv92k2nIhVcVKcLmxT1sUBsQGhnZj175j+MqRt4zLF7ic+sCYjfhxMxj7YQ==}
+
+  tapable@2.3.3:
+    resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
+    engines: {node: '>=6'}
+
+  tiny-invariant@1.3.3:
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
+
+  tinyexec@1.3.0:
+    resolution: {integrity: sha512-QKAl9m8gWWGHV8jZcPeym6j+XULi6tOf1mT83WYJ4Lk2ytW/uwAWkrP0uFsdoYMdueVJ0qs26wZ+23xeB4ibNQ==}
+    engines: {node: '>=18'}
+
+  tinyglobby@0.2.17:
+    resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
+    engines: {node: '>=12.0.0'}
+
+  tinyrainbow@2.0.0:
+    resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
+    engines: {node: '>=14.0.0'}
+
+  tinyrainbow@3.1.1:
+    resolution: {integrity: sha512-yau8yJdTt989Mm0Bd/236QnzEiPf2xLLTqUZRUJOo/3CB078LSwzei343DgtJVmfJKJE3TMINY1u42SQsP6mXw==}
+    engines: {node: '>=14.0.0'}
+
+  tinyspy@4.0.4:
+    resolution: {integrity: sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==}
+    engines: {node: '>=14.0.0'}
+
+  tmcp@1.20.0:
+    resolution: {integrity: sha512-dcDximKQBGqLP/aEAVA26HcWRHhKipstg1w0fbDDJ0HcFZ6lolLU1YYmStYEn/73f534i7WrDNcjRfRYdV9CoA==}
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  toidentifier@1.0.1:
+    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
+    engines: {node: '>=0.6'}
+
+  totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+
+  ts-api-utils@2.5.0:
+    resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
+
+  ts-dedent@2.3.0:
+    resolution: {integrity: sha512-JfJeIHke7y2egdGGgRAvpCwYFUsHlM2gPcrVOxFkznt/4uzQ7HFmvE63iFHVLBJNDuyDOQgijDK/tXH/f6Msjg==}
+    engines: {node: '>=6.10'}
+
+  ts-morph@26.0.0:
+    resolution: {integrity: sha512-ztMO++owQnz8c/gIENcM9XfCEzgoGphTv+nKpYNM1bgsdOVC/jRZuEBf6N+mLLDNg68Kl+GgUZfOySaRiG1/Ug==}
+
+  tsconfck@3.1.6:
+    resolution: {integrity: sha512-ks6Vjr/jEw0P1gmOVwutM3B7fWxoWBL2KRDb1JfqGVawBmO5UsvmWOQFGHBPl5yxYz4eERr19E6L7NMv+Fej4w==}
+    engines: {node: ^18 || >=20}
+    deprecated: unmaintained
+    hasBin: true
+    peerDependencies:
+      typescript: ^5.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  tsconfig-paths@3.15.0:
+    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
+
+  tsconfig-paths@4.2.0:
+    resolution: {integrity: sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==}
+    engines: {node: '>=6'}
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  tw-animate-css@1.4.0:
+    resolution: {integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==}
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  type-is@2.1.0:
+    resolution: {integrity: sha512-faYHw0anBbc/kWF3zFTEnxSFOAGUX9GFbOBthvDdLsIlEoWOFOtS0zgCiQYwIskL9iGXZL3kAXD8OoZ4GmMATA==}
+    engines: {node: '>= 18'}
+
+  typed-array-buffer@1.0.3:
+    resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-length@1.0.3:
+    resolution: {integrity: sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-offset@1.0.4:
+    resolution: {integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-length@1.0.8:
+    resolution: {integrity: sha512-phPGCwqr2+Qo0fwniCE8e4pKnGu/yFb5nD5Y8bf0EEeiI5GklnACYA9GFy/DrAeRrKHXvHn+1SUsOWgJp6RO+g==}
+    engines: {node: '>= 0.4'}
+
+  typescript-eslint@8.67.0:
+    resolution: {integrity: sha512-S2udFs8tCKEKffuJ4TB1idGUZiXdCPGi3IPBGWXarbLQ5UPXORV8QEVzJ4gCRduURMb5EkpNCdjbk0eDIuI8Yg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  unbox-primitive@1.1.0:
+    resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
+    engines: {node: '>= 0.4'}
+
+  undici-types@6.21.0:
+    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+
+  undici@7.29.0:
+    resolution: {integrity: sha512-IDxfleLmmbSskfWSUATiN1nfn2rDuvnMOqb5CWR92iIfojA0Ud+ulOAAEQ57LPr9rWmsreUyf5lwyao+7GNNVw==}
+    engines: {node: '>=20.18.1'}
+
+  unicorn-magic@0.3.0:
+    resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
+    engines: {node: '>=18'}
+
+  universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
+    engines: {node: '>= 10.0.0'}
+
+  unpipe@1.0.0:
+    resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
+    engines: {node: '>= 0.8'}
+
+  unplugin@2.3.11:
+    resolution: {integrity: sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==}
+    engines: {node: '>=18.12.0'}
+
+  unrs-resolver@1.12.2:
+    resolution: {integrity: sha512-dmlRxBJJayXjqTwC+JtF1HhJmgf3ftQ3YejFcZrf4+KKtJv0qDsK1pjqaaVjG7wJ5NJ6UVP1OqRMQ71Z4C3rxQ==}
+
+  update-browserslist-db@1.3.1:
+    resolution: {integrity: sha512-ZZ61DsRsOnakl74HAmp3oSN4aXUmEWXf+i/yv0h7tIBfICc3VdrFErQKUUKPgu3AMsTUMbcongALEN4l6GSUrQ==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  uri-template-matcher@1.1.2:
+    resolution: {integrity: sha512-uZc1h12jdO3m/R77SfTEOuo6VbMhgWznaawKpBjRGSJb7i91x5PgI37NQJtG+Cerxkk0yr1pylBY2qG1kQ+aEQ==}
+
+  use-sync-external-store@1.6.0:
+    resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  valibot@1.2.0:
+    resolution: {integrity: sha512-mm1rxUsmOxzrwnX5arGS+U4T25RdvpPjPN4yR0u9pUBov9+zGVtO84tif1eY4r6zWxVxu3KzIyknJy3rxfRZZg==}
+    peerDependencies:
+      typescript: '>=5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  validate-npm-package-name@7.0.2:
+    resolution: {integrity: sha512-hVDIBwsRruT73PbK7uP5ebUt+ezEtCmzZz3F59BSr2F6OVFnJ/6h8liuvdLrQ88Xmnk6/+xGGuq+pG9WwTuy3A==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  vary@1.1.2:
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
+
+  vite-plugin-storybook-nextjs@3.3.2:
+    resolution: {integrity: sha512-emY992wwyOfG5kDEmo7br/OWCz8YMOYhc/0YQo/vGdSqYQhTCRSvHHjjeysAr6co1F2cyoK50szd4nMitZ0k8w==}
+    peerDependencies:
+      next: ^14.1.0 || ^15.0.0 || ^16.0.0
+      storybook: ^0.0.0-0 || ^9.0.0 || ^10.0.0 || ^10.0.0-0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0 || ^10.4.0-0 || ^10.5.0-0 || ^10.6.0-0
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  vite-tsconfig-paths@5.1.4:
+    resolution: {integrity: sha512-cYj0LRuLV2c2sMqhqhGpaO3LretdtMn/BVX4cPLanIZuwwrkVl+lK84E/miEXkCHWXuq65rhNN4rXsBcOB3S4w==}
+    peerDependencies:
+      vite: '*'
+    peerDependenciesMeta:
+      vite:
+        optional: true
+
+  vite@8.2.1:
+    resolution: {integrity: sha512-EU/eS7BH3XROHh2YnBefjM6DBKA6ZeMZEYQbj7NLWg5wHYlhB8B/Mayd5XsgWq+NFYccDOTemRpdETWR6Ka/lw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      '@vitejs/devtools': ^0.4.0
+      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
+
+  vitest@4.1.10:
+    resolution: {integrity: sha512-R9jUTe5S4Qb0HCd4TNqpC7oGcrMssMRGXLW80ubjWsW9VH5GF8y1Y0SFLY9AbqSk6nt0PnOx4H4WNJYZ13GUPw==}
+    engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
+    hasBin: true
+    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.10
+      '@vitest/browser-preview': 4.1.10
+      '@vitest/browser-webdriverio': 4.1.10
+      '@vitest/coverage-istanbul': 4.1.10
+      '@vitest/coverage-v8': 4.1.10
+      '@vitest/ui': 4.1.10
+      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
+
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
+  which-boxed-primitive@1.1.1:
+    resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
+    engines: {node: '>= 0.4'}
+
+  which-builtin-type@1.2.1:
+    resolution: {integrity: sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==}
+    engines: {node: '>= 0.4'}
+
+  which-collection@1.0.2:
+    resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
+    engines: {node: '>= 0.4'}
+
+  which-typed-array@1.1.22:
+    resolution: {integrity: sha512-fvO4ExWMFsqyhG3AiPAObMuY1lxaqgYcxbc49CNdWDDECOJNgQyvsOWVwbZc+qf3rzRtxojBK+CMEv0Ld5CYpw==}
+    engines: {node: '>= 0.4'}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  which@4.0.0:
+    resolution: {integrity: sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==}
+    engines: {node: ^16.13.0 || >=18.0.0}
+    hasBin: true
+
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
+  ws@8.21.3:
+    resolution: {integrity: sha512-201TZ/kPWxoPr/OKWjquZR1SWKXcvxdH+e1xrx89b3YbmzLMFCLfnaG1HFIgWzJOEWZ7MvpK++odZufgYR50Rw==}
+    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
+
+  wsl-utils@0.1.0:
+    resolution: {integrity: sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==}
+    engines: {node: '>=18'}
+
+  wsl-utils@1.0.0:
+    resolution: {integrity: sha512-Hl0ZOAs672vg+06kfujwRhoS6/jehvULrlFkuF2dRu6pHgA8U06h3xqNIqNNU1LTXPcedxByAR4GS6pwQK0mgA==}
+    engines: {node: '>=20'}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  yocto-spinner@1.2.2:
+    resolution: {integrity: sha512-DODGl1wJjA/s5pnJFKau9lIYHT81lnhob1i3e1TjxZRxEhWRKl74nTbWE6H5KlkViQQTo/Z29YFdxzTZAMY3ng==}
+    engines: {node: '>=18.19'}
+
+  yoctocolors@2.2.0:
+    resolution: {integrity: sha512-xYqdZFUK/VYazNl/oCDYN+3WloWQwMfZxBoiNt6qNyk+xfOdi598muWE42rNZFp1kNOiqW936q5RhUdnpqElSg==}
+    engines: {node: '>=18'}
+
+  zod-to-json-schema@3.25.2:
+    resolution: {integrity: sha512-O/PgfnpT1xKSDeQYSCfRI5Gy3hPf91mKVDuYLUHZJMiDFptvP41MSnWofm8dnCm0256ZNfZIM7DSzuSMAFnjHA==}
+    peerDependencies:
+      zod: ^3.25.28 || ^4
+
+  zod-validation-error@4.0.2:
+    resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      zod: ^3.25.0 || ^4.0.0
+
+  zod@3.25.76:
+    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
+
+  zod@4.4.3:
+    resolution: {integrity: sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==}
+
+snapshots:
+
+  '@adobe/css-tools@4.5.0': {}
+
+  '@alloc/quick-lru@5.2.0': {}
+
+  '@babel/code-frame@7.29.7':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.29.7
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.29.7': {}
+
+  '@babel/core@7.29.7':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/generator': 7.29.8
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)
+      '@babel/helpers': 7.29.7
+      '@babel/parser': 7.29.8
+      '@babel/template': 7.29.7
+      '@babel/traverse': 7.29.8
+      '@babel/types': 7.29.8
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.4.3
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.29.8':
+    dependencies:
+      '@babel/parser': 7.29.8
+      '@babel/types': 7.29.8
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
+
+  '@babel/helper-annotate-as-pure@7.29.7':
+    dependencies:
+      '@babel/types': 7.29.8
+
+  '@babel/helper-compilation-targets@7.29.7':
+    dependencies:
+      '@babel/compat-data': 7.29.7
+      '@babel/helper-validator-option': 7.29.7
+      browserslist: 4.28.8
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-create-class-features-plugin@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-member-expression-to-functions': 7.29.7
+      '@babel/helper-optimise-call-expression': 7.29.7
+      '@babel/helper-replace-supers': 7.29.7(@babel/core@7.29.7)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7
+      '@babel/traverse': 7.29.8
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-globals@7.29.7': {}
+
+  '@babel/helper-member-expression-to-functions@7.29.7':
+    dependencies:
+      '@babel/traverse': 7.29.8
+      '@babel/types': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-imports@7.29.7':
+    dependencies:
+      '@babel/traverse': 7.29.8
+      '@babel/types': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/helper-module-imports': 7.29.7
+      '@babel/helper-validator-identifier': 7.29.7
+      '@babel/traverse': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-optimise-call-expression@7.29.7':
+    dependencies:
+      '@babel/types': 7.29.8
+
+  '@babel/helper-plugin-utils@7.29.7': {}
+
+  '@babel/helper-replace-supers@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/helper-member-expression-to-functions': 7.29.7
+      '@babel/helper-optimise-call-expression': 7.29.7
+      '@babel/traverse': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.29.7':
+    dependencies:
+      '@babel/traverse': 7.29.8
+      '@babel/types': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-string-parser@7.29.7': {}
+
+  '@babel/helper-validator-identifier@7.29.7': {}
+
+  '@babel/helper-validator-option@7.29.7': {}
+
+  '@babel/helpers@7.29.7':
+    dependencies:
+      '@babel/template': 7.29.7
+      '@babel/types': 7.29.8
+
+  '@babel/parser@7.29.8':
+    dependencies:
+      '@babel/types': 7.29.8
+
+  '@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-modules-commonjs@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-typescript@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-create-class-features-plugin': 7.29.7(@babel/core@7.29.7)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7
+      '@babel/plugin-syntax-typescript': 7.29.7(@babel/core@7.29.7)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/preset-typescript@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-validator-option': 7.29.7
+      '@babel/plugin-syntax-jsx': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-modules-commonjs': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-typescript': 7.29.7(@babel/core@7.29.7)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/runtime@7.29.7': {}
+
+  '@babel/template@7.29.7':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/parser': 7.29.8
+      '@babel/types': 7.29.8
+
+  '@babel/traverse@7.29.8':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/generator': 7.29.8
+      '@babel/helper-globals': 7.29.7
+      '@babel/parser': 7.29.8
+      '@babel/template': 7.29.7
+      '@babel/types': 7.29.8
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.29.8':
+    dependencies:
+      '@babel/helper-string-parser': 7.29.7
+      '@babel/helper-validator-identifier': 7.29.7
+
+  '@base-ui/react@1.7.0(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
+    dependencies:
+      '@babel/runtime': 7.29.7
+      '@base-ui/utils': 0.3.2(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      '@floating-ui/react-dom': 2.1.9(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      '@floating-ui/utils': 0.2.12
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      use-sync-external-store: 1.6.0(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@base-ui/utils@0.3.2(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
+    dependencies:
+      '@babel/runtime': 7.29.7
+      '@floating-ui/utils': 0.2.12
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      reselect: 5.2.0
+      use-sync-external-store: 1.6.0(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@bcoe/v8-coverage@1.0.2': {}
+
+  '@blazediff/core@1.9.1': {}
+
+  '@chromatic-com/storybook@5.3.0(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))':
+    dependencies:
+      '@neoconfetti/react': 1.0.0
+      chromatic: 18.2.0
+      jsonfile: 6.2.1
+      storybook: 10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
+      strip-ansi: 7.2.0
+    transitivePeerDependencies:
+      - '@chromatic-com/cypress'
+      - '@chromatic-com/playwright'
+      - '@chromatic-com/vitest'
+
+  '@dotenvx/dotenvx@1.75.1':
+    dependencies:
+      '@dotenvx/primitives': 0.8.0
+      commander: 11.1.0
+      conf: 10.2.0
+      dotenv: 17.4.2
+      enquirer: 2.4.1
+      env-paths: 2.2.1
+      execa: 5.1.1
+      fdir: 6.5.0(picomatch@4.0.5)
+      ignore: 5.3.2
+      object-treeify: 1.1.33
+      open: 8.4.2
+      picomatch: 4.0.5
+      systeminformation: 5.33.1
+      undici: 7.29.0
+      which: 4.0.0
+      yocto-spinner: 1.2.2
+
+  '@dotenvx/primitives@0.8.0': {}
+
+  '@emnapi/core@1.10.0':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.1
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/core@1.11.2':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.2
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/core@1.9.2':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.1
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.10.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.11.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.11.3':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.9.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.2.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.2.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@esbuild/aix-ppc64@0.28.2':
+    optional: true
+
+  '@esbuild/android-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/android-arm@0.28.2':
+    optional: true
+
+  '@esbuild/android-x64@0.28.2':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/darwin-x64@0.28.2':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.28.2':
+    optional: true
+
+  '@esbuild/linux-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/linux-arm@0.28.2':
+    optional: true
+
+  '@esbuild/linux-ia32@0.28.2':
+    optional: true
+
+  '@esbuild/linux-loong64@0.28.2':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.28.2':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.28.2':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.28.2':
+    optional: true
+
+  '@esbuild/linux-s390x@0.28.2':
+    optional: true
+
+  '@esbuild/linux-x64@0.28.2':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.28.2':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.28.2':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/sunos-x64@0.28.2':
+    optional: true
+
+  '@esbuild/win32-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/win32-ia32@0.28.2':
+    optional: true
+
+  '@esbuild/win32-x64@0.28.2':
+    optional: true
+
+  '@eslint-community/eslint-utils@4.10.1(eslint@9.39.5(jiti@2.7.0))':
+    dependencies:
+      eslint: 9.39.5(jiti@2.7.0)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.5(jiti@2.7.0))':
+    dependencies:
+      eslint: 9.39.5(jiti@2.7.0)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/config-array@0.21.2':
+    dependencies:
+      '@eslint/object-schema': 2.1.7
+      debug: 4.4.3
+      minimatch: 3.1.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.4.2':
+    dependencies:
+      '@eslint/core': 0.17.0
+
+  '@eslint/core@0.17.0':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/eslintrc@3.3.6':
+    dependencies:
+      ajv: 6.15.0
+      debug: 4.4.3
+      espree: 10.4.0
+      globals: 14.0.0
+      ignore: 5.3.2
+      import-fresh: 3.3.1
+      js-yaml: 4.3.1
+      minimatch: 3.1.5
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@9.39.5': {}
+
+  '@eslint/object-schema@2.1.7': {}
+
+  '@eslint/plugin-kit@0.4.1':
+    dependencies:
+      '@eslint/core': 0.17.0
+      levn: 0.4.1
+
+  '@floating-ui/core@1.8.0':
+    dependencies:
+      '@floating-ui/utils': 0.2.12
+
+  '@floating-ui/dom@1.8.0':
+    dependencies:
+      '@floating-ui/core': 1.8.0
+      '@floating-ui/utils': 0.2.12
+
+  '@floating-ui/react-dom@2.1.9(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
+    dependencies:
+      '@floating-ui/dom': 1.8.0
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+
+  '@floating-ui/utils@0.2.12': {}
+
+  '@hono/node-server@2.1.1(hono@4.13.2)':
+    dependencies:
+      hono: 4.13.2
+
+  '@humanfs/core@0.19.2':
+    dependencies:
+      '@humanfs/types': 0.15.0
+
+  '@humanfs/node@0.16.8':
+    dependencies:
+      '@humanfs/core': 0.19.2
+      '@humanfs/types': 0.15.0
+      '@humanwhocodes/retry': 0.4.3
+
+  '@humanfs/types@0.15.0': {}
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
+  '@img/colour@1.1.0':
+    optional: true
+
+  '@img/sharp-darwin-arm64@0.35.3':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-arm64': 1.3.2
+    optional: true
+
+  '@img/sharp-darwin-x64@0.35.3':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-x64': 1.3.2
+    optional: true
+
+  '@img/sharp-freebsd-wasm32@0.35.3':
+    dependencies:
+      '@img/sharp-wasm32': 0.35.3
+    optional: true
+
+  '@img/sharp-libvips-darwin-arm64@1.3.2':
+    optional: true
+
+  '@img/sharp-libvips-darwin-x64@1.3.2':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm64@1.3.2':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm@1.3.2':
+    optional: true
+
+  '@img/sharp-libvips-linux-ppc64@1.3.2':
+    optional: true
+
+  '@img/sharp-libvips-linux-riscv64@1.3.2':
+    optional: true
+
+  '@img/sharp-libvips-linux-s390x@1.3.2':
+    optional: true
+
+  '@img/sharp-libvips-linux-x64@1.3.2':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.3.2':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-x64@1.3.2':
+    optional: true
+
+  '@img/sharp-linux-arm64@0.35.3':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.3.2
+    optional: true
+
+  '@img/sharp-linux-arm@0.35.3':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm': 1.3.2
+    optional: true
+
+  '@img/sharp-linux-ppc64@0.35.3':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-ppc64': 1.3.2
+    optional: true
+
+  '@img/sharp-linux-riscv64@0.35.3':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-riscv64': 1.3.2
+    optional: true
+
+  '@img/sharp-linux-s390x@0.35.3':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.3.2
+    optional: true
+
+  '@img/sharp-linux-x64@0.35.3':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.3.2
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.35.3':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.3.2
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.35.3':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.3.2
+    optional: true
+
+  '@img/sharp-wasm32@0.35.3':
+    dependencies:
+      '@emnapi/runtime': 1.11.3
+    optional: true
+
+  '@img/sharp-webcontainers-wasm32@0.35.3':
+    dependencies:
+      '@img/sharp-wasm32': 0.35.3
+    optional: true
+
+  '@img/sharp-win32-arm64@0.35.3':
+    optional: true
+
+  '@img/sharp-win32-ia32@0.35.3':
+    optional: true
+
+  '@img/sharp-win32-x64@0.35.3':
+    optional: true
+
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.7.0(typescript@5.9.3)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))':
+    dependencies:
+      glob: 13.0.6
+      react-docgen-typescript: 2.4.0(typescript@5.9.3)
+      vite: 8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@types/mdx': 2.0.14
+      '@types/react': 19.2.18
+      react: 19.2.8
+
+  '@modelcontextprotocol/sdk@1.30.0(zod@3.25.76)':
+    dependencies:
+      '@hono/node-server': 2.1.1(hono@4.13.2)
+      ajv: 8.20.0
+      ajv-formats: 3.0.1(ajv@8.20.0)
+      content-type: 1.0.5
+      cors: 2.8.6
+      cross-spawn: 7.0.6
+      eventsource: 3.0.7
+      eventsource-parser: 3.1.1
+      express: 5.2.1
+      express-rate-limit: 8.6.2(express@5.2.1)
+      hono: 4.13.2
+      jose: 6.2.8
+      json-schema-typed: 8.0.2
+      pkce-challenge: 5.0.1
+      raw-body: 3.0.2
+      zod: 3.25.76
+      zod-to-json-schema: 3.25.2(zod@3.25.76)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@napi-rs/wasm-runtime@1.2.3(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)':
+    dependencies:
+      '@emnapi/core': 1.10.0
+      '@emnapi/runtime': 1.10.0
+      '@tybys/wasm-util': 0.10.3
+    optional: true
+
+  '@napi-rs/wasm-runtime@1.2.3(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)':
+    dependencies:
+      '@emnapi/core': 1.11.2
+      '@emnapi/runtime': 1.11.2
+      '@tybys/wasm-util': 0.10.3
+    optional: true
+
+  '@napi-rs/wasm-runtime@1.2.3(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)':
+    dependencies:
+      '@emnapi/core': 1.9.2
+      '@emnapi/runtime': 1.9.2
+      '@tybys/wasm-util': 0.10.3
+    optional: true
+
+  '@neoconfetti/react@1.0.0': {}
+
+  '@next/env@16.3.0-preview.5': {}
+
+  '@next/env@16.3.1': {}
+
+  '@next/eslint-plugin-next@16.3.1(eslint@9.39.5(jiti@2.7.0))':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.5(jiti@2.7.0))
+      fast-glob: 3.3.1
+    transitivePeerDependencies:
+      - eslint
+
+  '@next/swc-darwin-arm64@16.3.1':
+    optional: true
+
+  '@next/swc-darwin-x64@16.3.1':
+    optional: true
+
+  '@next/swc-linux-arm64-gnu@16.3.1':
+    optional: true
+
+  '@next/swc-linux-arm64-musl@16.3.1':
+    optional: true
+
+  '@next/swc-linux-x64-gnu@16.3.1':
+    optional: true
+
+  '@next/swc-linux-x64-musl@16.3.1':
+    optional: true
+
+  '@next/swc-win32-arm64-msvc@16.3.1':
+    optional: true
+
+  '@next/swc-win32-x64-msvc@16.3.1':
+    optional: true
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.20.1
+
+  '@nolyfill/is-core-module@1.0.39': {}
+
+  '@oxc-parser/binding-android-arm-eabi@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-android-arm64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-darwin-arm64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-darwin-x64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-freebsd-x64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm-musleabihf@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm64-musl@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-ppc64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-riscv64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-riscv64-musl@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-s390x-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-x64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-x64-musl@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-openharmony-arm64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-wasm32-wasi@0.127.0':
+    dependencies:
+      '@emnapi/core': 1.9.2
+      '@emnapi/runtime': 1.9.2
+      '@napi-rs/wasm-runtime': 1.2.3(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
+    optional: true
+
+  '@oxc-parser/binding-win32-arm64-msvc@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-win32-ia32-msvc@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-win32-x64-msvc@0.127.0':
+    optional: true
+
+  '@oxc-project/types@0.127.0': {}
+
+  '@oxc-project/types@0.144.0': {}
+
+  '@oxc-resolver/binding-android-arm-eabi@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-android-arm64@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-darwin-arm64@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-darwin-x64@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-freebsd-x64@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm-gnueabihf@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm-musleabihf@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm64-gnu@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm64-musl@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-ppc64-gnu@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-riscv64-gnu@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-riscv64-musl@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-s390x-gnu@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-x64-gnu@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-x64-musl@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-openharmony-arm64@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-wasm32-wasi@11.24.2':
+    dependencies:
+      '@emnapi/core': 1.11.2
+      '@emnapi/runtime': 1.11.2
+      '@napi-rs/wasm-runtime': 1.2.3(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)
+    optional: true
+
+  '@oxc-resolver/binding-win32-arm64-msvc@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-win32-x64-msvc@11.24.2':
+    optional: true
+
+  '@polka/url@1.0.0-next.29': {}
+
+  '@rolldown/binding-android-arm64@1.2.4':
+    optional: true
+
+  '@rolldown/binding-darwin-arm64@1.2.4':
+    optional: true
+
+  '@rolldown/binding-darwin-x64@1.2.4':
+    optional: true
+
+  '@rolldown/binding-freebsd-x64@1.2.4':
+    optional: true
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.4':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-gnu@1.2.4':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-musl@1.2.4':
+    optional: true
+
+  '@rolldown/binding-linux-ppc64-gnu@1.2.4':
+    optional: true
+
+  '@rolldown/binding-linux-s390x-gnu@1.2.4':
+    optional: true
+
+  '@rolldown/binding-linux-x64-gnu@1.2.4':
+    optional: true
+
+  '@rolldown/binding-linux-x64-musl@1.2.4':
+    optional: true
+
+  '@rolldown/binding-openharmony-arm64@1.2.4':
+    optional: true
+
+  '@rolldown/binding-win32-arm64-msvc@1.2.4':
+    optional: true
+
+  '@rolldown/binding-win32-x64-msvc@1.2.4':
+    optional: true
+
+  '@rolldown/pluginutils@1.0.1': {}
+
+  '@rollup/pluginutils@5.4.0':
+    dependencies:
+      '@types/estree': 1.0.9
+      estree-walker: 2.0.2
+      picomatch: 4.0.5
+
+  '@rtsao/scc@1.1.0': {}
+
+  '@sec-ant/readable-stream@0.4.1': {}
+
+  '@sindresorhus/merge-streams@4.0.0': {}
+
+  '@standard-schema/spec@1.1.0': {}
+
+  '@storybook/addon-a11y@10.5.8(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))':
+    dependencies:
+      '@storybook/global': 5.0.0
+      axe-core: 4.13.0
+      storybook: 10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
+
+  '@storybook/addon-docs@10.5.8(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(esbuild@0.28.2)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))':
+    dependencies:
+      '@mdx-js/react': 3.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@storybook/csf-plugin': 10.5.8(esbuild@0.28.2)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      '@storybook/icons': 2.1.0(react@19.2.8)
+      '@storybook/react-dom-shim': 10.5.8(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      storybook: 10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
+      ts-dedent: 2.3.0
+    optionalDependencies:
+      '@types/react': 19.2.18
+    transitivePeerDependencies:
+      - '@types/react-dom'
+      - esbuild
+      - rollup
+      - vite
+      - webpack
+
+  '@storybook/addon-mcp@0.7.0(@storybook/addon-vitest@10.5.8(@vitest/browser-playwright@4.1.10)(@vitest/browser@4.1.10)(@vitest/runner@4.1.10)(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(vitest@4.1.10))(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)':
+    dependencies:
+      '@storybook/mcp': 0.8.0(typescript@5.9.3)
+      '@tmcp/adapter-valibot': 0.1.6(tmcp@1.20.0(typescript@5.9.3))(valibot@1.2.0(typescript@5.9.3))
+      '@tmcp/transport-http': 0.8.6(tmcp@1.20.0(typescript@5.9.3))
+      picoquery: 2.5.0
+      storybook: 10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
+      tmcp: 1.20.0(typescript@5.9.3)
+      valibot: 1.2.0(typescript@5.9.3)
+    optionalDependencies:
+      '@storybook/addon-vitest': 10.5.8(@vitest/browser-playwright@4.1.10)(@vitest/browser@4.1.10)(@vitest/runner@4.1.10)(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(vitest@4.1.10)
+    transitivePeerDependencies:
+      - '@tmcp/auth'
+      - typescript
+
+  '@storybook/addon-vitest@10.5.8(@vitest/browser-playwright@4.1.10)(@vitest/browser@4.1.10)(@vitest/runner@4.1.10)(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(vitest@4.1.10)':
+    dependencies:
+      '@storybook/global': 5.0.0
+      '@storybook/icons': 2.1.0(react@19.2.8)
+      storybook: 10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
+    optionalDependencies:
+      '@vitest/browser': 4.1.10(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))(vitest@4.1.10)
+      '@vitest/browser-playwright': 4.1.10(playwright@1.62.1)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))(vitest@4.1.10)
+      '@vitest/runner': 4.1.10
+      vitest: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+    transitivePeerDependencies:
+      - react
+
+  '@storybook/builder-vite@10.5.8(esbuild@0.28.2)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))':
+    dependencies:
+      '@storybook/csf-plugin': 10.5.8(esbuild@0.28.2)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      storybook: 10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
+      ts-dedent: 2.3.0
+      vite: 8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)
+    transitivePeerDependencies:
+      - esbuild
+      - rollup
+      - webpack
+
+  '@storybook/csf-plugin@10.5.8(esbuild@0.28.2)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))':
+    dependencies:
+      storybook: 10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
+      unplugin: 2.3.11
+    optionalDependencies:
+      esbuild: 0.28.2
+      vite: 8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)
+
+  '@storybook/global@5.0.0': {}
+
+  '@storybook/icons@2.1.0(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+
+  '@storybook/mcp@0.8.0(typescript@5.9.3)':
+    dependencies:
+      '@tmcp/adapter-valibot': 0.1.6(tmcp@1.20.0(typescript@5.9.3))(valibot@1.2.0(typescript@5.9.3))
+      '@tmcp/transport-http': 0.8.6(tmcp@1.20.0(typescript@5.9.3))
+      tmcp: 1.20.0(typescript@5.9.3)
+      valibot: 1.2.0(typescript@5.9.3)
+    transitivePeerDependencies:
+      - '@tmcp/auth'
+      - typescript
+
+  '@storybook/nextjs-vite@10.5.8(@babel/core@7.29.7)(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(esbuild@0.28.2)(next@16.3.1(@babel/core@7.29.7)(@types/node@20.19.43)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))':
+    dependencies:
+      '@storybook/builder-vite': 10.5.8(esbuild@0.28.2)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      '@storybook/react': 10.5.8(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)
+      '@storybook/react-vite': 10.5.8(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(esbuild@0.28.2)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      next: 16.3.1(@babel/core@7.29.7)(@types/node@20.19.43)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      storybook: 10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
+      styled-jsx: 5.1.6(@babel/core@7.29.7)(react@19.2.8)
+      vite: 8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)
+      vite-plugin-storybook-nextjs: 3.3.2(next@16.3.1(@babel/core@7.29.7)(@types/node@20.19.43)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.4(@types/react@19.2.18)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+      - esbuild
+      - rollup
+      - supports-color
+      - webpack
+
+  '@storybook/react-dom-shim@10.5.8(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))':
+    dependencies:
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      storybook: 10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.4(@types/react@19.2.18)
+
+  '@storybook/react-vite@10.5.8(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(esbuild@0.28.2)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))':
+    dependencies:
+      '@joshwooding/vite-plugin-react-docgen-typescript': 0.7.0(typescript@5.9.3)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      '@rollup/pluginutils': 5.4.0
+      '@storybook/builder-vite': 10.5.8(esbuild@0.28.2)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      '@storybook/react': 10.5.8(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)
+      empathic: 2.0.1
+      magic-string: 0.30.21
+      react: 19.2.8
+      react-docgen: 8.0.3
+      react-dom: 19.2.8(react@19.2.8)
+      resolve: 1.22.12
+      storybook: 10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
+      tsconfig-paths: 4.2.0
+      vite: 8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+      - esbuild
+      - rollup
+      - supports-color
+      - webpack
+
+  '@storybook/react@10.5.8(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)':
+    dependencies:
+      '@storybook/global': 5.0.0
+      '@storybook/react-dom-shim': 10.5.8(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))
+      react: 19.2.8
+      react-docgen: 8.0.3
+      react-docgen-typescript: 2.4.0(typescript@5.9.3)
+      react-dom: 19.2.8(react@19.2.8)
+      storybook: 10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.4(@types/react@19.2.18)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@swc/helpers@0.5.23':
+    dependencies:
+      tslib: 2.8.1
+
+  '@tailwindcss/node@4.3.3':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.24.5
+      jiti: 2.7.0
+      lightningcss: 1.32.0
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.3.3
+
+  '@tailwindcss/oxide-android-arm64@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide@4.3.3':
+    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
+
+  '@tailwindcss/postcss@4.3.3':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.3.3
+      '@tailwindcss/oxide': 4.3.3
+      postcss: 8.5.26
+      tailwindcss: 4.3.3
+
+  '@testing-library/dom@10.4.1':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/runtime': 7.29.7
+      '@types/aria-query': 5.0.4
+      aria-query: 5.3.0
+      dom-accessibility-api: 0.5.16
+      lz-string: 1.5.0
+      picocolors: 1.1.1
+      pretty-format: 27.5.1
+
+  '@testing-library/jest-dom@6.9.1':
+    dependencies:
+      '@adobe/css-tools': 4.5.0
+      aria-query: 5.3.2
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.6.3
+      picocolors: 1.1.1
+      redent: 3.0.0
+
+  '@testing-library/user-event@14.6.4(@testing-library/dom@10.4.1)':
+    dependencies:
+      '@testing-library/dom': 10.4.1
+
+  '@tmcp/adapter-valibot@0.1.6(tmcp@1.20.0(typescript@5.9.3))(valibot@1.2.0(typescript@5.9.3))':
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      '@valibot/to-json-schema': 1.7.1(valibot@1.2.0(typescript@5.9.3))
+      tmcp: 1.20.0(typescript@5.9.3)
+      valibot: 1.2.0(typescript@5.9.3)
+
+  '@tmcp/session-manager@0.2.2(tmcp@1.20.0(typescript@5.9.3))':
+    dependencies:
+      tmcp: 1.20.0(typescript@5.9.3)
+
+  '@tmcp/transport-http@0.8.6(tmcp@1.20.0(typescript@5.9.3))':
+    dependencies:
+      '@tmcp/session-manager': 0.2.2(tmcp@1.20.0(typescript@5.9.3))
+      esm-env: 1.2.2
+      tmcp: 1.20.0(typescript@5.9.3)
+
+  '@trivago/prettier-plugin-sort-imports@6.0.2(prettier@3.9.6)':
+    dependencies:
+      '@babel/generator': 7.29.8
+      '@babel/parser': 7.29.8
+      '@babel/traverse': 7.29.8
+      '@babel/types': 7.29.8
+      javascript-natural-sort: 0.7.1
+      lodash-es: 4.18.1
+      minimatch: 9.0.9
+      parse-imports-exports: 0.2.4
+      prettier: 3.9.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@ts-morph/common@0.27.0':
+    dependencies:
+      fast-glob: 3.3.3
+      minimatch: 10.2.6
+      path-browserify: 1.0.1
+
+  '@tybys/wasm-util@0.10.3':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@types/aria-query@5.0.4': {}
+
+  '@types/babel__core@7.20.5':
+    dependencies:
+      '@babel/parser': 7.29.8
+      '@babel/types': 7.29.8
+      '@types/babel__generator': 7.27.0
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.28.0
+
+  '@types/babel__generator@7.27.0':
+    dependencies:
+      '@babel/types': 7.29.8
+
+  '@types/babel__template@7.4.4':
+    dependencies:
+      '@babel/parser': 7.29.8
+      '@babel/types': 7.29.8
+
+  '@types/babel__traverse@7.28.0':
+    dependencies:
+      '@babel/types': 7.29.8
+
+  '@types/chai@5.2.3':
+    dependencies:
+      '@types/deep-eql': 4.0.2
+      assertion-error: 2.0.1
+
+  '@types/deep-eql@4.0.2': {}
+
+  '@types/doctrine@0.0.9': {}
+
+  '@types/estree@1.0.9': {}
+
+  '@types/json-schema@7.0.15': {}
+
+  '@types/json5@0.0.29': {}
+
+  '@types/mdx@2.0.14': {}
+
+  '@types/node@20.19.43':
+    dependencies:
+      undici-types: 6.21.0
+
+  '@types/react-dom@19.2.4(@types/react@19.2.18)':
+    dependencies:
+      '@types/react': 19.2.18
+
+  '@types/react@19.2.18':
+    dependencies:
+      csstype: 3.2.3
+
+  '@types/resolve@1.20.6': {}
+
+  '@types/validate-npm-package-name@4.0.2': {}
+
+  '@typescript-eslint/eslint-plugin@8.67.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.67.0
+      '@typescript-eslint/type-utils': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.67.0
+      eslint: 9.39.5(jiti@2.7.0)
+      ignore: 7.0.6
+      natural-compare: 1.4.0
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.67.0
+      '@typescript-eslint/types': 8.67.0
+      '@typescript-eslint/typescript-estree': 8.67.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.67.0
+      debug: 4.4.3
+      eslint: 9.39.5(jiti@2.7.0)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/project-service@8.67.0(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.67.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.67.0
+      debug: 4.4.3
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@8.67.0':
+    dependencies:
+      '@typescript-eslint/types': 8.67.0
+      '@typescript-eslint/visitor-keys': 8.67.0
+
+  '@typescript-eslint/tsconfig-utils@8.67.0(typescript@5.9.3)':
+    dependencies:
+      typescript: 5.9.3
+
+  '@typescript-eslint/type-utils@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.67.0
+      '@typescript-eslint/typescript-estree': 8.67.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 9.39.5(jiti@2.7.0)
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/types@8.67.0': {}
+
+  '@typescript-eslint/typescript-estree@8.67.0(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.67.0(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.67.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.67.0
+      '@typescript-eslint/visitor-keys': 8.67.0
+      debug: 4.4.3
+      minimatch: 10.2.6
+      semver: 7.8.5
+      tinyglobby: 0.2.17
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.5(jiti@2.7.0))
+      '@typescript-eslint/scope-manager': 8.67.0
+      '@typescript-eslint/types': 8.67.0
+      '@typescript-eslint/typescript-estree': 8.67.0(typescript@5.9.3)
+      eslint: 9.39.5(jiti@2.7.0)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/visitor-keys@8.67.0':
+    dependencies:
+      '@typescript-eslint/types': 8.67.0
+      eslint-visitor-keys: 5.0.1
+
+  '@unrs/resolver-binding-android-arm-eabi@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-android-arm64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-darwin-arm64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-darwin-x64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-freebsd-x64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm-gnueabihf@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm-musleabihf@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm64-musl@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-loong64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-loong64-musl@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-ppc64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-riscv64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-riscv64-musl@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-s390x-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-x64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-x64-musl@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-openharmony-arm64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-wasm32-wasi@1.12.2':
+    dependencies:
+      '@emnapi/core': 1.10.0
+      '@emnapi/runtime': 1.10.0
+      '@napi-rs/wasm-runtime': 1.2.3(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)
+    optional: true
+
+  '@unrs/resolver-binding-win32-arm64-msvc@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-win32-ia32-msvc@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-win32-x64-msvc@1.12.2':
+    optional: true
+
+  '@valibot/to-json-schema@1.7.1(valibot@1.2.0(typescript@5.9.3))':
+    dependencies:
+      valibot: 1.2.0(typescript@5.9.3)
+
+  '@vitest/browser-playwright@4.1.10(playwright@1.62.1)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))(vitest@4.1.10)':
+    dependencies:
+      '@vitest/browser': 4.1.10(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))(vitest@4.1.10)
+      '@vitest/mocker': 4.1.10(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      playwright: 1.62.1
+      tinyrainbow: 3.1.1
+      vitest: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+    transitivePeerDependencies:
+      - bufferutil
+      - msw
+      - utf-8-validate
+      - vite
+
+  '@vitest/browser@4.1.10(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))(vitest@4.1.10)':
+    dependencies:
+      '@blazediff/core': 1.9.1
+      '@vitest/mocker': 4.1.10(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      '@vitest/utils': 4.1.10
+      magic-string: 0.30.21
+      pngjs: 7.0.0
+      sirv: 3.0.2
+      tinyrainbow: 3.1.1
+      vitest: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      ws: 8.21.3
+    transitivePeerDependencies:
+      - bufferutil
+      - msw
+      - utf-8-validate
+      - vite
+
+  '@vitest/coverage-v8@4.1.10(@vitest/browser@4.1.10)(vitest@4.1.10)':
+    dependencies:
+      '@bcoe/v8-coverage': 1.0.2
+      '@vitest/utils': 4.1.10
+      ast-v8-to-istanbul: 1.0.5
+      istanbul-lib-coverage: 3.2.2
+      istanbul-lib-report: 3.0.1
+      istanbul-reports: 3.2.0
+      magicast: 0.5.4
+      obug: 2.1.4
+      std-env: 4.2.0
+      tinyrainbow: 3.1.1
+      vitest: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+    optionalDependencies:
+      '@vitest/browser': 4.1.10(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))(vitest@4.1.10)
+
+  '@vitest/expect@3.2.4':
+    dependencies:
+      '@types/chai': 5.2.3
+      '@vitest/spy': 3.2.4
+      '@vitest/utils': 3.2.4
+      chai: 5.3.3
+      tinyrainbow: 2.0.0
+
+  '@vitest/expect@4.1.10':
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      '@types/chai': 5.2.3
+      '@vitest/spy': 4.1.10
+      '@vitest/utils': 4.1.10
+      chai: 6.2.2
+      tinyrainbow: 3.1.1
+
+  '@vitest/mocker@4.1.10(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))':
+    dependencies:
+      '@vitest/spy': 4.1.10
+      estree-walker: 3.0.3
+      magic-string: 0.30.21
+    optionalDependencies:
+      vite: 8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)
+
+  '@vitest/pretty-format@3.2.4':
+    dependencies:
+      tinyrainbow: 2.0.0
+
+  '@vitest/pretty-format@4.1.10':
+    dependencies:
+      tinyrainbow: 3.1.1
+
+  '@vitest/runner@4.1.10':
+    dependencies:
+      '@vitest/utils': 4.1.10
+      pathe: 2.0.3
+
+  '@vitest/snapshot@4.1.10':
+    dependencies:
+      '@vitest/pretty-format': 4.1.10
+      '@vitest/utils': 4.1.10
+      magic-string: 0.30.21
+      pathe: 2.0.3
+
+  '@vitest/spy@3.2.4':
+    dependencies:
+      tinyspy: 4.0.4
+
+  '@vitest/spy@4.1.10': {}
+
+  '@vitest/utils@3.2.4':
+    dependencies:
+      '@vitest/pretty-format': 3.2.4
+      loupe: 3.2.1
+      tinyrainbow: 2.0.0
+
+  '@vitest/utils@4.1.10':
+    dependencies:
+      '@vitest/pretty-format': 4.1.10
+      convert-source-map: 2.0.0
+      tinyrainbow: 3.1.1
+
+  '@webcontainer/env@1.1.1': {}
+
+  accepts@2.0.0:
+    dependencies:
+      mime-types: 3.0.2
+      negotiator: 1.0.0
+
+  acorn-jsx@5.3.2(acorn@8.18.0):
+    dependencies:
+      acorn: 8.18.0
+
+  acorn@8.18.0: {}
+
+  agent-base@6.0.2:
+    dependencies:
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  ajv-formats@2.1.1(ajv@8.20.0):
+    optionalDependencies:
+      ajv: 8.20.0
+
+  ajv-formats@3.0.1(ajv@8.20.0):
+    optionalDependencies:
+      ajv: 8.20.0
+
+  ajv@6.15.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  ajv@8.20.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.1.5
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
+  ansi-colors@4.1.3: {}
+
+  ansi-regex@5.0.1: {}
+
+  ansi-regex@6.3.0: {}
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansi-styles@5.2.0: {}
+
+  argparse@2.0.1: {}
+
+  aria-query@5.3.0:
+    dependencies:
+      dequal: 2.0.3
+
+  aria-query@5.3.2: {}
+
+  array-buffer-byte-length@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      is-array-buffer: 3.0.5
+
+  array-includes@3.1.9:
+    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
+      get-intrinsic: 1.3.0
+      is-string: 1.1.1
+      math-intrinsics: 1.1.0
+
+  array.prototype.findlast@1.2.5:
+    dependencies:
+      call-bind: 1.0.9
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.2
+      es-shim-unscopables: 1.1.0
+
+  array.prototype.findlastindex@1.2.6:
+    dependencies:
+      call-bind: 1.0.9
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.2
+      es-shim-unscopables: 1.1.0
+
+  array.prototype.flat@1.3.3:
+    dependencies:
+      call-bind: 1.0.9
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-shim-unscopables: 1.1.0
+
+  array.prototype.flatmap@1.3.3:
+    dependencies:
+      call-bind: 1.0.9
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-shim-unscopables: 1.1.0
+
+  array.prototype.tosorted@1.1.4:
+    dependencies:
+      call-bind: 1.0.9
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-errors: 1.3.0
+      es-shim-unscopables: 1.1.0
+
+  arraybuffer.prototype.slice@1.0.4:
+    dependencies:
+      array-buffer-byte-length: 1.0.2
+      call-bind: 1.0.9
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      is-array-buffer: 3.0.5
+
+  assertion-error@2.0.1: {}
+
+  ast-types-flow@0.0.8: {}
+
+  ast-types@0.16.1:
+    dependencies:
+      tslib: 2.8.1
+
+  ast-v8-to-istanbul@1.0.5:
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      estree-walker: 3.0.3
+      js-tokens: 10.0.0
+
+  async-function@1.0.0: {}
+
+  asynckit@0.4.0: {}
+
+  atomically@1.7.0: {}
+
+  available-typed-arrays@1.0.7:
+    dependencies:
+      possible-typed-array-names: 1.1.0
+
+  axe-core@4.13.0: {}
+
+  axios@1.19.0:
+    dependencies:
+      follow-redirects: 1.16.0
+      form-data: 4.0.6
+      https-proxy-agent: 5.0.1
+      proxy-from-env: 2.1.0
+    transitivePeerDependencies:
+      - debug
+      - supports-color
+
+  axobject-query@4.1.0: {}
+
+  balanced-match@1.0.2: {}
+
+  balanced-match@4.0.4: {}
+
+  baseline-browser-mapping@2.11.14: {}
+
+  body-parser@2.3.0:
+    dependencies:
+      bytes: 3.1.2
+      content-type: 2.1.0
+      debug: 4.4.3
+      http-errors: 2.0.1
+      iconv-lite: 0.7.3
+      on-finished: 2.4.1
+      qs: 6.15.3
+      raw-body: 3.0.2
+      type-is: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
+
+  brace-expansion@1.1.18:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
+  brace-expansion@2.1.4:
+    dependencies:
+      balanced-match: 1.0.2
+
+  brace-expansion@5.0.9:
+    dependencies:
+      balanced-match: 4.0.4
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  browserslist@4.28.8:
+    dependencies:
+      baseline-browser-mapping: 2.11.14
+      caniuse-lite: 1.0.30001809
+      electron-to-chromium: 1.5.406
+      node-releases: 2.0.53
+      update-browserslist-db: 1.3.1(browserslist@4.28.8)
+
+  bundle-name@4.1.0:
+    dependencies:
+      run-applescript: 7.1.0
+
+  bytes@3.1.2: {}
+
+  call-bind-apply-helpers@1.0.2:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+
+  call-bind@1.0.9:
+    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
+
+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
+
+  callsites@3.1.0: {}
+
+  caniuse-lite@1.0.30001809: {}
+
+  chai@5.3.3:
+    dependencies:
+      assertion-error: 2.0.1
+      check-error: 2.1.3
+      deep-eql: 5.0.2
+      loupe: 3.2.1
+      pathval: 2.0.1
+
+  chai@6.2.2: {}
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  chalk@5.6.2: {}
+
+  check-error@2.1.3: {}
+
+  chromatic@18.2.0:
+    dependencies:
+      semver: 7.8.5
+
+  class-variance-authority@0.7.1:
+    dependencies:
+      clsx: 2.1.1
+
+  cli-cursor@5.0.0:
+    dependencies:
+      restore-cursor: 5.1.0
+
+  cli-spinners@2.9.2: {}
+
+  client-only@0.0.1: {}
+
+  clsx@2.1.1: {}
+
+  code-block-writer@13.0.3: {}
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
+  combined-stream@1.0.8:
+    dependencies:
+      delayed-stream: 1.0.0
+
+  commander@11.1.0: {}
+
+  commander@14.0.3: {}
+
+  concat-map@0.0.1: {}
+
+  conf@10.2.0:
+    dependencies:
+      ajv: 8.20.0
+      ajv-formats: 2.1.1(ajv@8.20.0)
+      atomically: 1.7.0
+      debounce-fn: 4.0.0
+      dot-prop: 6.0.1
+      env-paths: 2.2.1
+      json-schema-typed: 7.0.3
+      onetime: 5.1.2
+      pkg-up: 3.1.0
+      semver: 7.8.5
+
+  content-disposition@1.1.0: {}
+
+  content-type@1.0.5: {}
+
+  content-type@2.1.0: {}
+
+  convert-source-map@2.0.0: {}
+
+  cookie-signature@1.2.2: {}
+
+  cookie@0.7.2: {}
+
+  cors@2.8.6:
+    dependencies:
+      object-assign: 4.1.1
+      vary: 1.1.2
+
+  cosmiconfig@9.0.2(typescript@5.9.3):
+    dependencies:
+      env-paths: 2.2.1
+      import-fresh: 3.3.1
+      js-yaml: 4.3.1
+      parse-json: 5.2.0
+    optionalDependencies:
+      typescript: 5.9.3
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  css.escape@1.5.1: {}
+
+  cssesc@3.0.0: {}
+
+  csstype@3.2.3: {}
+
+  damerau-levenshtein@1.0.8: {}
+
+  data-view-buffer@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-data-view: 1.0.2
+
+  data-view-byte-length@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-data-view: 1.0.2
+
+  data-view-byte-offset@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-data-view: 1.0.2
+
+  debounce-fn@4.0.0:
+    dependencies:
+      mimic-fn: 3.1.0
+
+  debug@3.2.7:
+    dependencies:
+      ms: 2.1.3
+
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  dedent@1.7.2: {}
+
+  deep-eql@5.0.2: {}
+
+  deep-is@0.1.4: {}
+
+  deepmerge@4.3.1: {}
+
+  default-browser-id@5.0.1: {}
+
+  default-browser@5.5.0:
+    dependencies:
+      bundle-name: 4.1.0
+      default-browser-id: 5.0.1
+
+  define-data-property@1.1.4:
+    dependencies:
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  define-lazy-prop@2.0.0: {}
+
+  define-lazy-prop@3.0.0: {}
+
+  define-properties@1.2.1:
+    dependencies:
+      define-data-property: 1.1.4
+      has-property-descriptors: 1.0.2
+      object-keys: 1.1.1
+
+  delayed-stream@1.0.0: {}
+
+  depd@2.0.0: {}
+
+  dequal@2.0.3: {}
+
+  detect-libc@2.1.2: {}
+
+  diff@8.0.4: {}
+
+  doctrine@2.1.0:
+    dependencies:
+      esutils: 2.0.3
+
+  doctrine@3.0.0:
+    dependencies:
+      esutils: 2.0.3
+
+  dom-accessibility-api@0.5.16: {}
+
+  dom-accessibility-api@0.6.3: {}
+
+  dot-prop@6.0.1:
+    dependencies:
+      is-obj: 2.0.0
+
+  dotenv@17.4.2: {}
+
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  ee-first@1.1.1: {}
+
+  electron-to-chromium@1.5.406: {}
+
+  emoji-regex@10.6.0: {}
+
+  emoji-regex@9.2.2: {}
+
+  empathic@2.0.1: {}
+
+  encodeurl@2.0.0: {}
+
+  enhanced-resolve@5.24.5:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.3
+
+  enquirer@2.4.1:
+    dependencies:
+      ansi-colors: 4.1.3
+      strip-ansi: 6.0.1
+
+  env-paths@2.2.1: {}
+
+  error-ex@1.3.4:
+    dependencies:
+      is-arrayish: 0.2.1
+
+  es-abstract-get@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.2
+      is-callable: 1.2.7
+      object-inspect: 1.13.4
+
+  es-abstract@1.24.2:
+    dependencies:
+      array-buffer-byte-length: 1.0.2
+      arraybuffer.prototype.slice: 1.0.4
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.9
+      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.2
+      es-set-tostringtag: 2.1.0
+      es-to-primitive: 1.3.4
+      function.prototype.name: 1.2.0
+      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.4
+      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.2
+      regexp.prototype.flags: 1.5.4
+      safe-array-concat: 1.1.4
+      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.11
+      string.prototype.trimend: 1.0.10
+      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.8
+      unbox-primitive: 1.1.0
+      which-typed-array: 1.1.22
+
+  es-define-property@1.0.1: {}
+
+  es-errors@1.3.0: {}
+
+  es-iterator-helpers@1.4.0:
+    dependencies:
+      call-bind: 1.0.9
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-errors: 1.3.0
+      es-set-tostringtag: 2.1.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.3.0
+      globalthis: 1.0.4
+      gopd: 1.2.0
+      has-property-descriptors: 1.0.2
+      has-proto: 1.2.0
+      has-symbols: 1.1.0
+      internal-slot: 1.1.0
+      iterator.prototype: 1.1.5
+      math-intrinsics: 1.1.0
+
+  es-module-lexer@2.3.1: {}
+
+  es-object-atoms@1.1.2:
+    dependencies:
+      es-errors: 1.3.0
+
+  es-set-tostringtag@2.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.4
+
+  es-shim-unscopables@1.1.0:
+    dependencies:
+      hasown: 2.0.4
+
+  es-to-primitive@1.3.4:
+    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
+
+  esbuild@0.28.2:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.28.2
+      '@esbuild/android-arm': 0.28.2
+      '@esbuild/android-arm64': 0.28.2
+      '@esbuild/android-x64': 0.28.2
+      '@esbuild/darwin-arm64': 0.28.2
+      '@esbuild/darwin-x64': 0.28.2
+      '@esbuild/freebsd-arm64': 0.28.2
+      '@esbuild/freebsd-x64': 0.28.2
+      '@esbuild/linux-arm': 0.28.2
+      '@esbuild/linux-arm64': 0.28.2
+      '@esbuild/linux-ia32': 0.28.2
+      '@esbuild/linux-loong64': 0.28.2
+      '@esbuild/linux-mips64el': 0.28.2
+      '@esbuild/linux-ppc64': 0.28.2
+      '@esbuild/linux-riscv64': 0.28.2
+      '@esbuild/linux-s390x': 0.28.2
+      '@esbuild/linux-x64': 0.28.2
+      '@esbuild/netbsd-arm64': 0.28.2
+      '@esbuild/netbsd-x64': 0.28.2
+      '@esbuild/openbsd-arm64': 0.28.2
+      '@esbuild/openbsd-x64': 0.28.2
+      '@esbuild/openharmony-arm64': 0.28.2
+      '@esbuild/sunos-x64': 0.28.2
+      '@esbuild/win32-arm64': 0.28.2
+      '@esbuild/win32-ia32': 0.28.2
+      '@esbuild/win32-x64': 0.28.2
+
+  escalade@3.2.0: {}
+
+  escape-html@1.0.3: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  eslint-config-next@16.3.1(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3):
+    dependencies:
+      '@next/eslint-plugin-next': 16.3.1(eslint@9.39.5(jiti@2.7.0))
+      eslint: 9.39.5(jiti@2.7.0)
+      eslint-import-resolver-node: 0.3.10
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.5(jiti@2.7.0))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@2.7.0))
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.5(jiti@2.7.0))
+      eslint-plugin-react: 7.37.5(eslint@9.39.5(jiti@2.7.0))
+      eslint-plugin-react-hooks: 7.1.1(eslint@9.39.5(jiti@2.7.0))
+      globals: 16.4.0
+      typescript-eslint: 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-webpack
+      - eslint-plugin-import-x
+      - supports-color
+
+  eslint-import-resolver-node@0.3.10:
+    dependencies:
+      debug: 3.2.7
+      is-core-module: 2.16.2
+      resolve: 2.0.0-next.7
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.5(jiti@2.7.0)):
+    dependencies:
+      '@nolyfill/is-core-module': 1.0.39
+      debug: 4.4.3
+      eslint: 9.39.5(jiti@2.7.0)
+      get-tsconfig: 4.14.2
+      is-bun-module: 2.0.0
+      stable-hash: 0.0.5
+      tinyglobby: 0.2.17
+      unrs-resolver: 1.12.2
+    optionalDependencies:
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@2.7.0))
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-module-utils@2.14.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3))(eslint-import-resolver-node@0.3.10)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@2.7.0)):
+    dependencies:
+      debug: 3.2.7
+    optionalDependencies:
+      '@typescript-eslint/parser': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)
+      eslint: 9.39.5(jiti@2.7.0)
+      eslint-import-resolver-node: 0.3.10
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.5(jiti@2.7.0))
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@2.7.0)):
+    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: 9.39.5(jiti@2.7.0)
+      eslint-import-resolver-node: 0.3.10
+      eslint-module-utils: 2.14.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3))(eslint-import-resolver-node@0.3.10)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@2.7.0))
+      hasown: 2.0.4
+      is-core-module: 2.16.2
+      is-glob: 4.0.3
+      minimatch: 3.1.5
+      object.fromentries: 2.0.8
+      object.groupby: 1.0.3
+      object.values: 1.2.1
+      semver: 6.3.1
+      string.prototype.trimend: 1.0.10
+      tsconfig-paths: 3.15.0
+    optionalDependencies:
+      '@typescript-eslint/parser': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+
+  eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.5(jiti@2.7.0)):
+    dependencies:
+      aria-query: 5.3.2
+      array-includes: 3.1.9
+      array.prototype.flatmap: 1.3.3
+      ast-types-flow: 0.0.8
+      axe-core: 4.13.0
+      axobject-query: 4.1.0
+      damerau-levenshtein: 1.0.8
+      emoji-regex: 9.2.2
+      eslint: 9.39.5(jiti@2.7.0)
+      hasown: 2.0.4
+      jsx-ast-utils: 3.3.5
+      language-tags: 1.0.9
+      minimatch: 3.1.5
+      object.fromentries: 2.0.8
+      safe-regex-test: 1.1.0
+      string.prototype.includes: 2.0.1
+
+  eslint-plugin-react-hooks@7.1.1(eslint@9.39.5(jiti@2.7.0)):
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/parser': 7.29.8
+      eslint: 9.39.5(jiti@2.7.0)
+      hermes-parser: 0.25.1
+      zod: 4.4.3
+      zod-validation-error: 4.0.2(zod@4.4.3)
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-react@7.37.5(eslint@9.39.5(jiti@2.7.0)):
+    dependencies:
+      array-includes: 3.1.9
+      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.4.0
+      eslint: 9.39.5(jiti@2.7.0)
+      estraverse: 5.3.0
+      hasown: 2.0.4
+      jsx-ast-utils: 3.3.5
+      minimatch: 3.1.5
+      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.7
+      semver: 6.3.1
+      string.prototype.matchall: 4.0.12
+      string.prototype.repeat: 1.0.0
+
+  eslint-plugin-storybook@10.5.8(eslint@9.39.5(jiti@2.7.0))(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3):
+    dependencies:
+      '@typescript-eslint/types': 8.67.0
+      '@typescript-eslint/utils': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)
+      eslint: 9.39.5(jiti@2.7.0)
+      storybook: 10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  eslint-scope@8.4.0:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@4.2.1: {}
+
+  eslint-visitor-keys@5.0.1: {}
+
+  eslint@9.39.5(jiti@2.7.0):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.5(jiti@2.7.0))
+      '@eslint-community/regexpp': 4.12.2
+      '@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.8
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.9
+      ajv: 6.15.0
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      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.4
+    optionalDependencies:
+      jiti: 2.7.0
+    transitivePeerDependencies:
+      - supports-color
+
+  esm-env@1.2.2: {}
+
+  espree@10.4.0:
+    dependencies:
+      acorn: 8.18.0
+      acorn-jsx: 5.3.2(acorn@8.18.0)
+      eslint-visitor-keys: 4.2.1
+
+  esprima@4.0.1: {}
+
+  esquery@1.7.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
+  estree-walker@2.0.2: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.9
+
+  esutils@2.0.3: {}
+
+  etag@1.8.1: {}
+
+  eventsource-parser@3.1.1: {}
+
+  eventsource@3.0.7:
+    dependencies:
+      eventsource-parser: 3.1.1
+
+  execa@5.1.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+
+  execa@9.6.1:
+    dependencies:
+      '@sindresorhus/merge-streams': 4.0.0
+      cross-spawn: 7.0.6
+      figures: 6.1.0
+      get-stream: 9.0.1
+      human-signals: 8.0.1
+      is-plain-obj: 4.1.0
+      is-stream: 4.0.1
+      npm-run-path: 6.0.0
+      pretty-ms: 9.3.0
+      signal-exit: 4.1.0
+      strip-final-newline: 4.0.0
+      yoctocolors: 2.2.0
+
+  expect-type@1.4.0: {}
+
+  express-rate-limit@8.6.2(express@5.2.1):
+    dependencies:
+      debug: 4.4.3
+      express: 5.2.1
+      ip-address: 10.5.0
+    transitivePeerDependencies:
+      - supports-color
+
+  express@5.2.1:
+    dependencies:
+      accepts: 2.0.0
+      body-parser: 2.3.0
+      content-disposition: 1.1.0
+      content-type: 1.0.5
+      cookie: 0.7.2
+      cookie-signature: 1.2.2
+      debug: 4.4.3
+      depd: 2.0.0
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      finalhandler: 2.1.1
+      fresh: 2.0.0
+      http-errors: 2.0.1
+      merge-descriptors: 2.0.0
+      mime-types: 3.0.2
+      on-finished: 2.4.1
+      once: 1.4.0
+      parseurl: 1.3.3
+      proxy-addr: 2.0.7
+      qs: 6.15.3
+      range-parser: 1.3.0
+      router: 2.2.0
+      send: 1.2.1
+      serve-static: 2.2.1
+      statuses: 2.0.2
+      type-is: 2.1.0
+      vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-glob@3.3.1:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
+  fast-glob@3.3.3:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
+  fast-uri@3.1.5: {}
+
+  fastq@1.20.1:
+    dependencies:
+      reusify: 1.1.0
+
+  fdir@6.5.0(picomatch@4.0.5):
+    optionalDependencies:
+      picomatch: 4.0.5
+
+  figures@6.1.0:
+    dependencies:
+      is-unicode-supported: 2.1.0
+
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  finalhandler@2.1.1:
+    dependencies:
+      debug: 4.4.3
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      on-finished: 2.4.1
+      parseurl: 1.3.3
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  find-up@3.0.0:
+    dependencies:
+      locate-path: 3.0.0
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@4.0.1:
+    dependencies:
+      flatted: 3.4.4
+      keyv: 4.5.4
+
+  flatted@3.4.4: {}
+
+  follow-redirects@1.16.0: {}
+
+  for-each@0.3.5:
+    dependencies:
+      is-callable: 1.2.7
+
+  form-data@4.0.6:
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
+      hasown: 2.0.4
+      mime-types: 2.1.35
+
+  forwarded@0.2.0: {}
+
+  fresh@2.0.0: {}
+
+  fs-extra@11.4.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.2.1
+      universalify: 2.0.1
+
+  fsevents@2.3.2:
+    optional: true
+
+  fsevents@2.3.3:
+    optional: true
+
+  function-bind@1.1.2: {}
+
+  function.prototype.name@1.2.0:
+    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
+
+  functions-have-names@1.2.3: {}
+
+  fuzzysort@3.1.0: {}
+
+  generator-function@2.0.1: {}
+
+  gensync@1.0.0-beta.2: {}
+
+  get-east-asian-width@1.6.0: {}
+
+  get-intrinsic@1.3.0:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.2
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.4
+      math-intrinsics: 1.1.0
+
+  get-own-enumerable-keys@1.0.0: {}
+
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.2
+
+  get-stream@6.0.1: {}
+
+  get-stream@9.0.1:
+    dependencies:
+      '@sec-ant/readable-stream': 0.4.1
+      is-stream: 4.0.1
+
+  get-symbol-description@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+
+  get-tsconfig@4.14.2:
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob@13.0.6:
+    dependencies:
+      minimatch: 10.2.6
+      minipass: 7.1.3
+      path-scurry: 2.0.2
+
+  globals@14.0.0: {}
+
+  globals@16.4.0: {}
+
+  globalthis@1.0.4:
+    dependencies:
+      define-properties: 1.2.1
+      gopd: 1.2.0
+
+  globrex@0.1.2: {}
+
+  gopd@1.2.0: {}
+
+  graceful-fs@4.2.11: {}
+
+  has-bigints@1.1.0: {}
+
+  has-flag@4.0.0: {}
+
+  has-property-descriptors@1.0.2:
+    dependencies:
+      es-define-property: 1.0.1
+
+  has-proto@1.2.0:
+    dependencies:
+      dunder-proto: 1.0.1
+
+  has-symbols@1.1.0: {}
+
+  has-tostringtag@1.0.2:
+    dependencies:
+      has-symbols: 1.1.0
+
+  hasown@2.0.4:
+    dependencies:
+      function-bind: 1.1.2
+
+  hermes-estree@0.25.1: {}
+
+  hermes-parser@0.25.1:
+    dependencies:
+      hermes-estree: 0.25.1
+
+  hono@4.13.2: {}
+
+  html-escaper@2.0.2: {}
+
+  http-errors@2.0.1:
+    dependencies:
+      depd: 2.0.0
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 2.0.2
+      toidentifier: 1.0.1
+
+  https-proxy-agent@5.0.1:
+    dependencies:
+      agent-base: 6.0.2
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  human-signals@2.1.0: {}
+
+  human-signals@8.0.1: {}
+
+  iconv-lite@0.7.3:
+    dependencies:
+      safer-buffer: 2.1.2
+
+  ignore@5.3.2: {}
+
+  ignore@7.0.6: {}
+
+  image-size@2.0.2: {}
+
+  import-fresh@3.3.1:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
+  imurmurhash@0.1.4: {}
+
+  indent-string@4.0.0: {}
+
+  inherits@2.0.4: {}
+
+  internal-slot@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      hasown: 2.0.4
+      side-channel: 1.1.1
+
+  ip-address@10.5.0: {}
+
+  ipaddr.js@1.9.1: {}
+
+  is-array-buffer@3.0.5:
+    dependencies:
+      call-bind: 1.0.9
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+
+  is-arrayish@0.2.1: {}
+
+  is-async-function@2.1.1:
+    dependencies:
+      async-function: 1.0.0
+      call-bound: 1.0.4
+      get-proto: 1.0.1
+      has-tostringtag: 1.0.2
+      safe-regex-test: 1.1.0
+
+  is-bigint@1.1.0:
+    dependencies:
+      has-bigints: 1.1.0
+
+  is-boolean-object@1.2.2:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-bun-module@2.0.0:
+    dependencies:
+      semver: 7.8.5
+
+  is-callable@1.2.7: {}
+
+  is-core-module@2.16.2:
+    dependencies:
+      hasown: 2.0.4
+
+  is-data-view@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+      is-typed-array: 1.1.15
+
+  is-date-object@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-docker@2.2.1: {}
+
+  is-docker@3.0.0: {}
+
+  is-document.all@1.0.0:
+    dependencies:
+      call-bound: 1.0.4
+
+  is-extglob@2.1.1: {}
+
+  is-finalizationregistry@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+
+  is-generator-function@1.1.2:
+    dependencies:
+      call-bound: 1.0.4
+      generator-function: 2.0.1
+      get-proto: 1.0.1
+      has-tostringtag: 1.0.2
+      safe-regex-test: 1.1.0
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-in-ssh@1.0.0: {}
+
+  is-inside-container@1.0.0:
+    dependencies:
+      is-docker: 3.0.0
+
+  is-interactive@2.0.0: {}
+
+  is-map@2.0.3: {}
+
+  is-negative-zero@2.0.3: {}
+
+  is-number-object@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-number@7.0.0: {}
+
+  is-obj@2.0.0: {}
+
+  is-obj@3.0.0: {}
+
+  is-plain-obj@4.1.0: {}
+
+  is-promise@4.0.0: {}
+
+  is-regex@1.2.1:
+    dependencies:
+      call-bound: 1.0.4
+      gopd: 1.2.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.4
+
+  is-regexp@3.1.0: {}
+
+  is-set@2.0.3: {}
+
+  is-shared-array-buffer@1.0.4:
+    dependencies:
+      call-bound: 1.0.4
+
+  is-stream@2.0.1: {}
+
+  is-stream@4.0.1: {}
+
+  is-string@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-symbol@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-symbols: 1.1.0
+      safe-regex-test: 1.1.0
+
+  is-typed-array@1.1.15:
+    dependencies:
+      which-typed-array: 1.1.22
+
+  is-unicode-supported@1.3.0: {}
+
+  is-unicode-supported@2.1.0: {}
+
+  is-weakmap@2.0.2: {}
+
+  is-weakref@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+
+  is-weakset@2.0.4:
+    dependencies:
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+
+  is-wsl@2.2.0:
+    dependencies:
+      is-docker: 2.2.1
+
+  is-wsl@3.1.1:
+    dependencies:
+      is-inside-container: 1.0.0
+
+  isarray@2.0.5: {}
+
+  isexe@2.0.0: {}
+
+  isexe@3.1.5: {}
+
+  istanbul-lib-coverage@3.2.2: {}
+
+  istanbul-lib-report@3.0.1:
+    dependencies:
+      istanbul-lib-coverage: 3.2.2
+      make-dir: 4.0.0
+      supports-color: 7.2.0
+
+  istanbul-reports@3.2.0:
+    dependencies:
+      html-escaper: 2.0.2
+      istanbul-lib-report: 3.0.1
+
+  iterator.prototype@1.1.5:
+    dependencies:
+      define-data-property: 1.1.4
+      es-object-atoms: 1.1.2
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      has-symbols: 1.1.0
+      set-function-name: 2.0.2
+
+  javascript-natural-sort@0.7.1: {}
+
+  jiti@2.7.0: {}
+
+  jose@6.2.8: {}
+
+  js-tokens@10.0.0: {}
+
+  js-tokens@4.0.0: {}
+
+  js-yaml@4.3.1:
+    dependencies:
+      argparse: 2.0.1
+
+  jsesc@3.1.0: {}
+
+  json-buffer@3.0.1: {}
+
+  json-parse-even-better-errors@2.3.1: {}
+
+  json-rpc-2.0@1.7.1: {}
+
+  json-schema-traverse@0.4.1: {}
+
+  json-schema-traverse@1.0.0: {}
+
+  json-schema-typed@7.0.3: {}
+
+  json-schema-typed@8.0.2: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  json5@1.0.2:
+    dependencies:
+      minimist: 1.2.8
+
+  json5@2.2.3: {}
+
+  jsonc-parser@3.3.1: {}
+
+  jsonfile@6.2.1:
+    dependencies:
+      universalify: 2.0.1
+    optionalDependencies:
+      graceful-fs: 4.2.11
+
+  jsx-ast-utils@3.3.5:
+    dependencies:
+      array-includes: 3.1.9
+      array.prototype.flat: 1.3.3
+      object.assign: 4.1.7
+      object.values: 1.2.1
+
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
+  kleur@3.0.3: {}
+
+  kleur@4.1.5: {}
+
+  language-subtag-registry@0.3.23: {}
+
+  language-tags@1.0.9:
+    dependencies:
+      language-subtag-registry: 0.3.23
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  lightningcss-android-arm64@1.32.0:
+    optional: true
+
+  lightningcss-android-arm64@1.33.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.33.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.33.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.32.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.33.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.33.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.33.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.33.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.33.0:
+    optional: true
+
+  lightningcss@1.32.0:
+    dependencies:
+      detect-libc: 2.1.2
+    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
+
+  lightningcss@1.33.0:
+    dependencies:
+      detect-libc: 2.1.2
+    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
+
+  lines-and-columns@1.2.4: {}
+
+  locate-path@3.0.0:
+    dependencies:
+      p-locate: 3.0.0
+      path-exists: 3.0.0
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lodash-es@4.18.1: {}
+
+  lodash.merge@4.6.2: {}
+
+  log-symbols@6.0.0:
+    dependencies:
+      chalk: 5.6.2
+      is-unicode-supported: 1.3.0
+
+  loose-envify@1.4.0:
+    dependencies:
+      js-tokens: 4.0.0
+
+  loupe@3.2.1: {}
+
+  lru-cache@11.5.2: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  lucide-react@1.31.0(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+
+  lz-string@1.5.0: {}
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  magicast@0.5.4:
+    dependencies:
+      '@babel/parser': 7.29.8
+      '@babel/types': 7.29.8
+      source-map-js: 1.2.1
+
+  make-dir@4.0.0:
+    dependencies:
+      semver: 7.8.5
+
+  math-intrinsics@1.1.0: {}
+
+  media-typer@1.1.1: {}
+
+  merge-descriptors@2.0.0: {}
+
+  merge-stream@2.0.0: {}
+
+  merge2@1.4.1: {}
+
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.2
+
+  mime-db@1.52.0: {}
+
+  mime-db@1.54.0: {}
+
+  mime-types@2.1.35:
+    dependencies:
+      mime-db: 1.52.0
+
+  mime-types@3.0.2:
+    dependencies:
+      mime-db: 1.54.0
+
+  mimic-fn@2.1.0: {}
+
+  mimic-fn@3.1.0: {}
+
+  mimic-function@5.0.1: {}
+
+  min-indent@1.0.1: {}
+
+  minimatch@10.2.6:
+    dependencies:
+      brace-expansion: 5.0.9
+
+  minimatch@3.1.5:
+    dependencies:
+      brace-expansion: 1.1.18
+
+  minimatch@9.0.9:
+    dependencies:
+      brace-expansion: 2.1.4
+
+  minimist@1.2.8: {}
+
+  minipass@7.1.3: {}
+
+  module-alias@2.3.4: {}
+
+  mrmime@2.0.1: {}
+
+  ms@2.1.3: {}
+
+  nanoid@3.3.18: {}
+
+  napi-postinstall@0.3.4: {}
+
+  natural-compare@1.4.0: {}
+
+  negotiator@1.0.0: {}
+
+  next@16.3.1(@babel/core@7.29.7)(@types/node@20.19.43)(react-dom@19.2.8(react@19.2.8))(react@19.2.8):
+    dependencies:
+      '@next/env': 16.3.1
+      '@swc/helpers': 0.5.23
+      baseline-browser-mapping: 2.11.14
+      caniuse-lite: 1.0.30001809
+      postcss: 8.5.23
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      styled-jsx: 5.1.6(@babel/core@7.29.7)(react@19.2.8)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 16.3.1
+      '@next/swc-darwin-x64': 16.3.1
+      '@next/swc-linux-arm64-gnu': 16.3.1
+      '@next/swc-linux-arm64-musl': 16.3.1
+      '@next/swc-linux-x64-gnu': 16.3.1
+      '@next/swc-linux-x64-musl': 16.3.1
+      '@next/swc-win32-arm64-msvc': 16.3.1
+      '@next/swc-win32-x64-msvc': 16.3.1
+      sharp: 0.35.3(@types/node@20.19.43)
+    transitivePeerDependencies:
+      - '@babel/core'
+      - '@types/node'
+      - babel-plugin-macros
+
+  node-exports-info@1.6.2:
+    dependencies:
+      array.prototype.flatmap: 1.3.3
+      es-errors: 1.3.0
+      object.entries: 1.1.9
+      semver: 6.3.1
+
+  node-releases@2.0.53: {}
+
+  npm-run-path@4.0.1:
+    dependencies:
+      path-key: 3.1.1
+
+  npm-run-path@6.0.0:
+    dependencies:
+      path-key: 4.0.0
+      unicorn-magic: 0.3.0
+
+  object-assign@4.1.1: {}
+
+  object-inspect@1.13.4: {}
+
+  object-keys@1.1.1: {}
+
+  object-treeify@1.1.33: {}
+
+  object.assign@4.1.7:
+    dependencies:
+      call-bind: 1.0.9
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.2
+      has-symbols: 1.1.0
+      object-keys: 1.1.1
+
+  object.entries@1.1.9:
+    dependencies:
+      call-bind: 1.0.9
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.2
+
+  object.fromentries@2.0.8:
+    dependencies:
+      call-bind: 1.0.9
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-object-atoms: 1.1.2
+
+  object.groupby@1.0.3:
+    dependencies:
+      call-bind: 1.0.9
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+
+  object.values@1.2.1:
+    dependencies:
+      call-bind: 1.0.9
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.2
+
+  obug@2.1.4: {}
+
+  on-finished@2.4.1:
+    dependencies:
+      ee-first: 1.1.1
+
+  once@1.4.0:
+    dependencies:
+      wrappy: 1.0.2
+
+  onetime@5.1.2:
+    dependencies:
+      mimic-fn: 2.1.0
+
+  onetime@7.0.0:
+    dependencies:
+      mimic-function: 5.0.1
+
+  open@10.2.0:
+    dependencies:
+      default-browser: 5.5.0
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      wsl-utils: 0.1.0
+
+  open@11.0.1:
+    dependencies:
+      default-browser: 5.5.0
+      define-lazy-prop: 3.0.0
+      is-in-ssh: 1.0.0
+      is-inside-container: 1.0.0
+      powershell-utils: 0.2.0
+      wsl-utils: 1.0.0
+
+  open@8.4.2:
+    dependencies:
+      define-lazy-prop: 2.0.0
+      is-docker: 2.2.1
+      is-wsl: 2.2.0
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  ora@8.2.0:
+    dependencies:
+      chalk: 5.6.2
+      cli-cursor: 5.0.0
+      cli-spinners: 2.9.2
+      is-interactive: 2.0.0
+      is-unicode-supported: 2.1.0
+      log-symbols: 6.0.0
+      stdin-discarder: 0.2.2
+      string-width: 7.2.0
+      strip-ansi: 7.2.0
+
+  own-keys@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+      object-keys: 1.1.1
+      safe-push-apply: 1.0.0
+
+  oxc-parser@0.127.0:
+    dependencies:
+      '@oxc-project/types': 0.127.0
+    optionalDependencies:
+      '@oxc-parser/binding-android-arm-eabi': 0.127.0
+      '@oxc-parser/binding-android-arm64': 0.127.0
+      '@oxc-parser/binding-darwin-arm64': 0.127.0
+      '@oxc-parser/binding-darwin-x64': 0.127.0
+      '@oxc-parser/binding-freebsd-x64': 0.127.0
+      '@oxc-parser/binding-linux-arm-gnueabihf': 0.127.0
+      '@oxc-parser/binding-linux-arm-musleabihf': 0.127.0
+      '@oxc-parser/binding-linux-arm64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-arm64-musl': 0.127.0
+      '@oxc-parser/binding-linux-ppc64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-riscv64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-riscv64-musl': 0.127.0
+      '@oxc-parser/binding-linux-s390x-gnu': 0.127.0
+      '@oxc-parser/binding-linux-x64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-x64-musl': 0.127.0
+      '@oxc-parser/binding-openharmony-arm64': 0.127.0
+      '@oxc-parser/binding-wasm32-wasi': 0.127.0
+      '@oxc-parser/binding-win32-arm64-msvc': 0.127.0
+      '@oxc-parser/binding-win32-ia32-msvc': 0.127.0
+      '@oxc-parser/binding-win32-x64-msvc': 0.127.0
+
+  oxc-resolver@11.24.2:
+    optionalDependencies:
+      '@oxc-resolver/binding-android-arm-eabi': 11.24.2
+      '@oxc-resolver/binding-android-arm64': 11.24.2
+      '@oxc-resolver/binding-darwin-arm64': 11.24.2
+      '@oxc-resolver/binding-darwin-x64': 11.24.2
+      '@oxc-resolver/binding-freebsd-x64': 11.24.2
+      '@oxc-resolver/binding-linux-arm-gnueabihf': 11.24.2
+      '@oxc-resolver/binding-linux-arm-musleabihf': 11.24.2
+      '@oxc-resolver/binding-linux-arm64-gnu': 11.24.2
+      '@oxc-resolver/binding-linux-arm64-musl': 11.24.2
+      '@oxc-resolver/binding-linux-ppc64-gnu': 11.24.2
+      '@oxc-resolver/binding-linux-riscv64-gnu': 11.24.2
+      '@oxc-resolver/binding-linux-riscv64-musl': 11.24.2
+      '@oxc-resolver/binding-linux-s390x-gnu': 11.24.2
+      '@oxc-resolver/binding-linux-x64-gnu': 11.24.2
+      '@oxc-resolver/binding-linux-x64-musl': 11.24.2
+      '@oxc-resolver/binding-openharmony-arm64': 11.24.2
+      '@oxc-resolver/binding-wasm32-wasi': 11.24.2
+      '@oxc-resolver/binding-win32-arm64-msvc': 11.24.2
+      '@oxc-resolver/binding-win32-x64-msvc': 11.24.2
+
+  p-limit@2.3.0:
+    dependencies:
+      p-try: 2.2.0
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@3.0.0:
+    dependencies:
+      p-limit: 2.3.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  p-try@2.2.0: {}
+
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
+  parse-imports-exports@0.2.4:
+    dependencies:
+      parse-statements: 1.0.11
+
+  parse-json@5.2.0:
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      error-ex: 1.3.4
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+
+  parse-ms@4.0.0: {}
+
+  parse-statements@1.0.11: {}
+
+  parseurl@1.3.3: {}
+
+  path-browserify@1.0.1: {}
+
+  path-exists@3.0.0: {}
+
+  path-exists@4.0.0: {}
+
+  path-key@3.1.1: {}
+
+  path-key@4.0.0: {}
+
+  path-parse@1.0.7: {}
+
+  path-scurry@2.0.2:
+    dependencies:
+      lru-cache: 11.5.2
+      minipass: 7.1.3
+
+  path-to-regexp@8.4.2: {}
+
+  pathe@2.0.3: {}
+
+  pathval@2.0.1: {}
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.2: {}
+
+  picomatch@4.0.5: {}
+
+  picoquery@2.5.0: {}
+
+  pkce-challenge@5.0.1: {}
+
+  pkg-up@3.1.0:
+    dependencies:
+      find-up: 3.0.0
+
+  playwright-core@1.62.1: {}
+
+  playwright@1.62.1:
+    dependencies:
+      playwright-core: 1.62.1
+    optionalDependencies:
+      fsevents: 2.3.2
+
+  pngjs@7.0.0: {}
+
+  possible-typed-array-names@1.1.0: {}
+
+  postcss-selector-parser@7.1.5:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss@8.5.23:
+    dependencies:
+      nanoid: 3.3.18
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  postcss@8.5.26:
+    dependencies:
+      nanoid: 3.3.18
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  powershell-utils@0.1.0: {}
+
+  powershell-utils@0.2.0: {}
+
+  prelude-ls@1.2.1: {}
+
+  prettier-plugin-tailwindcss@0.8.1(@trivago/prettier-plugin-sort-imports@6.0.2(prettier@3.9.6))(prettier@3.9.6):
+    dependencies:
+      prettier: 3.9.6
+    optionalDependencies:
+      '@trivago/prettier-plugin-sort-imports': 6.0.2(prettier@3.9.6)
+
+  prettier@3.9.6: {}
+
+  pretty-format@27.5.1:
+    dependencies:
+      ansi-regex: 5.0.1
+      ansi-styles: 5.2.0
+      react-is: 17.0.2
+
+  pretty-ms@9.3.0:
+    dependencies:
+      parse-ms: 4.0.0
+
+  prompts@2.4.2:
+    dependencies:
+      kleur: 3.0.3
+      sisteransi: 1.0.5
+
+  prop-types@15.8.1:
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react-is: 16.13.1
+
+  proxy-addr@2.0.7:
+    dependencies:
+      forwarded: 0.2.0
+      ipaddr.js: 1.9.1
+
+  proxy-from-env@2.1.0: {}
+
+  punycode@2.3.1: {}
+
+  qs@6.15.3:
+    dependencies:
+      es-define-property: 1.0.1
+      side-channel: 1.1.1
+
+  queue-microtask@1.2.3: {}
+
+  range-parser@1.3.0: {}
+
+  raw-body@3.0.2:
+    dependencies:
+      bytes: 3.1.2
+      http-errors: 2.0.1
+      iconv-lite: 0.7.3
+      unpipe: 1.0.0
+
+  react-docgen-typescript@2.4.0(typescript@5.9.3):
+    dependencies:
+      typescript: 5.9.3
+
+  react-docgen@8.0.3:
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/traverse': 7.29.8
+      '@babel/types': 7.29.8
+      '@types/babel__core': 7.20.5
+      '@types/babel__traverse': 7.28.0
+      '@types/doctrine': 0.0.9
+      '@types/resolve': 1.20.6
+      doctrine: 3.0.0
+      resolve: 1.22.12
+      strip-indent: 4.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  react-dom@19.2.8(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+      scheduler: 0.27.0
+
+  react-is@16.13.1: {}
+
+  react-is@17.0.2: {}
+
+  react@19.2.8: {}
+
+  recast@0.23.21:
+    dependencies:
+      ast-types: 0.16.1
+      esprima: 4.0.1
+      source-map: 0.6.1
+      tiny-invariant: 1.3.3
+      tslib: 2.8.1
+
+  redent@3.0.0:
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+
+  reflect.getprototypeof@1.0.10:
+    dependencies:
+      call-bind: 1.0.9
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.2
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      which-builtin-type: 1.2.1
+
+  regexp.prototype.flags@1.5.4:
+    dependencies:
+      call-bind: 1.0.9
+      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
+
+  require-from-string@2.0.2: {}
+
+  reselect@5.2.0: {}
+
+  resolve-from@4.0.0: {}
+
+  resolve-pkg-maps@1.0.0: {}
+
+  resolve@1.22.12:
+    dependencies:
+      es-errors: 1.3.0
+      is-core-module: 2.16.2
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
+  resolve@2.0.0-next.7:
+    dependencies:
+      es-errors: 1.3.0
+      is-core-module: 2.16.2
+      node-exports-info: 1.6.2
+      object-keys: 1.1.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
+  restore-cursor@5.1.0:
+    dependencies:
+      onetime: 7.0.0
+      signal-exit: 4.1.0
+
+  reusify@1.1.0: {}
+
+  rolldown@1.2.4:
+    dependencies:
+      '@oxc-project/types': 0.144.0
+      '@rolldown/pluginutils': 1.0.1
+    optionalDependencies:
+      '@rolldown/binding-android-arm64': 1.2.4
+      '@rolldown/binding-darwin-arm64': 1.2.4
+      '@rolldown/binding-darwin-x64': 1.2.4
+      '@rolldown/binding-freebsd-x64': 1.2.4
+      '@rolldown/binding-linux-arm-gnueabihf': 1.2.4
+      '@rolldown/binding-linux-arm64-gnu': 1.2.4
+      '@rolldown/binding-linux-arm64-musl': 1.2.4
+      '@rolldown/binding-linux-ppc64-gnu': 1.2.4
+      '@rolldown/binding-linux-s390x-gnu': 1.2.4
+      '@rolldown/binding-linux-x64-gnu': 1.2.4
+      '@rolldown/binding-linux-x64-musl': 1.2.4
+      '@rolldown/binding-openharmony-arm64': 1.2.4
+      '@rolldown/binding-win32-arm64-msvc': 1.2.4
+      '@rolldown/binding-win32-x64-msvc': 1.2.4
+
+  router@2.2.0:
+    dependencies:
+      debug: 4.4.3
+      depd: 2.0.0
+      is-promise: 4.0.0
+      parseurl: 1.3.3
+      path-to-regexp: 8.4.2
+    transitivePeerDependencies:
+      - supports-color
+
+  run-applescript@7.1.0: {}
+
+  run-parallel@1.2.0:
+    dependencies:
+      queue-microtask: 1.2.3
+
+  safe-array-concat@1.1.4:
+    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
+
+  safe-push-apply@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+      isarray: 2.0.5
+
+  safe-regex-test@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-regex: 1.2.1
+
+  safer-buffer@2.1.2: {}
+
+  scheduler@0.27.0: {}
+
+  semver@6.3.1: {}
+
+  semver@7.8.5: {}
+
+  send@1.2.1:
+    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.3.0
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  serve-static@2.2.1:
+    dependencies:
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      parseurl: 1.3.3
+      send: 1.2.1
+    transitivePeerDependencies:
+      - supports-color
+
+  set-function-length@1.2.2:
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.3.0
+      gopd: 1.2.0
+      has-property-descriptors: 1.0.2
+
+  set-function-name@2.0.2:
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      functions-have-names: 1.2.3
+      has-property-descriptors: 1.0.2
+
+  set-proto@1.0.0:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.2
+
+  setprototypeof@1.2.0: {}
+
+  shadcn@4.18.0(typescript@5.9.3):
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/parser': 7.29.8
+      '@babel/plugin-transform-typescript': 7.29.7(@babel/core@7.29.7)
+      '@babel/preset-typescript': 7.29.7(@babel/core@7.29.7)
+      '@dotenvx/dotenvx': 1.75.1
+      '@modelcontextprotocol/sdk': 1.30.0(zod@3.25.76)
+      '@types/validate-npm-package-name': 4.0.2
+      browserslist: 4.28.8
+      commander: 14.0.3
+      cosmiconfig: 9.0.2(typescript@5.9.3)
+      dedent: 1.7.2
+      deepmerge: 4.3.1
+      diff: 8.0.4
+      execa: 9.6.1
+      fast-glob: 3.3.3
+      fs-extra: 11.4.0
+      fuzzysort: 3.1.0
+      kleur: 4.1.5
+      open: 11.0.1
+      ora: 8.2.0
+      postcss: 8.5.26
+      postcss-selector-parser: 7.1.5
+      prompts: 2.4.2
+      recast: 0.23.21
+      socks: 2.8.9
+      stringify-object: 5.0.0
+      tailwind-merge: 3.6.0
+      ts-morph: 26.0.0
+      tsconfig-paths: 4.2.0
+      undici: 7.29.0
+      validate-npm-package-name: 7.0.2
+      zod: 3.25.76
+      zod-to-json-schema: 3.25.2(zod@3.25.76)
+    transitivePeerDependencies:
+      - '@cfworker/json-schema'
+      - babel-plugin-macros
+      - supports-color
+      - typescript
+
+  sharp@0.35.3(@types/node@20.19.43):
+    dependencies:
+      '@img/colour': 1.1.0
+      detect-libc: 2.1.2
+      semver: 7.8.5
+    optionalDependencies:
+      '@img/sharp-darwin-arm64': 0.35.3
+      '@img/sharp-darwin-x64': 0.35.3
+      '@img/sharp-freebsd-wasm32': 0.35.3
+      '@img/sharp-libvips-darwin-arm64': 1.3.2
+      '@img/sharp-libvips-darwin-x64': 1.3.2
+      '@img/sharp-libvips-linux-arm': 1.3.2
+      '@img/sharp-libvips-linux-arm64': 1.3.2
+      '@img/sharp-libvips-linux-ppc64': 1.3.2
+      '@img/sharp-libvips-linux-riscv64': 1.3.2
+      '@img/sharp-libvips-linux-s390x': 1.3.2
+      '@img/sharp-libvips-linux-x64': 1.3.2
+      '@img/sharp-libvips-linuxmusl-arm64': 1.3.2
+      '@img/sharp-libvips-linuxmusl-x64': 1.3.2
+      '@img/sharp-linux-arm': 0.35.3
+      '@img/sharp-linux-arm64': 0.35.3
+      '@img/sharp-linux-ppc64': 0.35.3
+      '@img/sharp-linux-riscv64': 0.35.3
+      '@img/sharp-linux-s390x': 0.35.3
+      '@img/sharp-linux-x64': 0.35.3
+      '@img/sharp-linuxmusl-arm64': 0.35.3
+      '@img/sharp-linuxmusl-x64': 0.35.3
+      '@img/sharp-webcontainers-wasm32': 0.35.3
+      '@img/sharp-win32-arm64': 0.35.3
+      '@img/sharp-win32-ia32': 0.35.3
+      '@img/sharp-win32-x64': 0.35.3
+      '@types/node': 20.19.43
+    optional: true
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  side-channel-list@1.0.1:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-map@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-weakmap@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-map: 1.0.1
+
+  side-channel@1.1.1:
+    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
+
+  siginfo@2.0.0: {}
+
+  signal-exit@3.0.7: {}
+
+  signal-exit@4.1.0: {}
+
+  sirv@3.0.2:
+    dependencies:
+      '@polka/url': 1.0.0-next.29
+      mrmime: 2.0.1
+      totalist: 3.0.1
+
+  sisteransi@1.0.5: {}
+
+  smart-buffer@4.2.0: {}
+
+  socks@2.8.9:
+    dependencies:
+      ip-address: 10.5.0
+      smart-buffer: 4.2.0
+
+  source-map-js@1.2.1: {}
+
+  source-map@0.6.1: {}
+
+  sqids@0.3.0: {}
+
+  stable-hash@0.0.5: {}
+
+  stackback@0.0.2: {}
+
+  statuses@2.0.2: {}
+
+  std-env@4.2.0: {}
+
+  stdin-discarder@0.2.2: {}
+
+  stop-iteration-iterator@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      internal-slot: 1.1.0
+
+  storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8):
+    dependencies:
+      '@storybook/global': 5.0.0
+      '@storybook/icons': 2.1.0(react@19.2.8)
+      '@testing-library/dom': 10.4.1
+      '@testing-library/jest-dom': 6.9.1
+      '@testing-library/user-event': 14.6.4(@testing-library/dom@10.4.1)
+      '@vitest/expect': 3.2.4
+      '@vitest/spy': 3.2.4
+      '@webcontainer/env': 1.1.1
+      esbuild: 0.28.2
+      jsonc-parser: 3.3.1
+      open: 10.2.0
+      oxc-parser: 0.127.0
+      oxc-resolver: 11.24.2
+      recast: 0.23.21
+      semver: 7.8.5
+      use-sync-external-store: 1.6.0(react@19.2.8)
+      ws: 8.21.3
+    optionalDependencies:
+      '@types/react': 19.2.18
+      prettier: 3.9.6
+    transitivePeerDependencies:
+      - bufferutil
+      - react
+      - utf-8-validate
+
+  string-width@7.2.0:
+    dependencies:
+      emoji-regex: 10.6.0
+      get-east-asian-width: 1.6.0
+      strip-ansi: 7.2.0
+
+  string.prototype.includes@2.0.1:
+    dependencies:
+      call-bind: 1.0.9
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+
+  string.prototype.matchall@4.0.12:
+    dependencies:
+      call-bind: 1.0.9
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.2
+      get-intrinsic: 1.3.0
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      internal-slot: 1.1.0
+      regexp.prototype.flags: 1.5.4
+      set-function-name: 2.0.2
+      side-channel: 1.1.1
+
+  string.prototype.repeat@1.0.0:
+    dependencies:
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+
+  string.prototype.trim@1.2.11:
+    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
+
+  string.prototype.trimend@1.0.10:
+    dependencies:
+      call-bind: 1.0.9
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.2
+
+  string.prototype.trimstart@1.0.8:
+    dependencies:
+      call-bind: 1.0.9
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.2
+
+  stringify-object@5.0.0:
+    dependencies:
+      get-own-enumerable-keys: 1.0.0
+      is-obj: 3.0.0
+      is-regexp: 3.1.0
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-ansi@7.2.0:
+    dependencies:
+      ansi-regex: 6.3.0
+
+  strip-bom@3.0.0: {}
+
+  strip-final-newline@2.0.0: {}
+
+  strip-final-newline@4.0.0: {}
+
+  strip-indent@3.0.0:
+    dependencies:
+      min-indent: 1.0.1
+
+  strip-indent@4.1.1: {}
+
+  strip-json-comments@3.1.1: {}
+
+  styled-jsx@5.1.6(@babel/core@7.29.7)(react@19.2.8):
+    dependencies:
+      client-only: 0.0.1
+      react: 19.2.8
+    optionalDependencies:
+      '@babel/core': 7.29.7
+
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  supports-preserve-symlinks-flag@1.0.0: {}
+
+  systeminformation@5.33.1: {}
+
+  tailwind-merge@3.6.0: {}
+
+  tailwindcss@4.3.3: {}
+
+  tapable@2.3.3: {}
+
+  tiny-invariant@1.3.3: {}
+
+  tinybench@2.9.0: {}
+
+  tinyexec@1.3.0: {}
+
+  tinyglobby@0.2.17:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.5)
+      picomatch: 4.0.5
+
+  tinyrainbow@2.0.0: {}
+
+  tinyrainbow@3.1.1: {}
+
+  tinyspy@4.0.4: {}
+
+  tmcp@1.20.0(typescript@5.9.3):
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      json-rpc-2.0: 1.7.1
+      sqids: 0.3.0
+      uri-template-matcher: 1.1.2
+      valibot: 1.2.0(typescript@5.9.3)
+    transitivePeerDependencies:
+      - typescript
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  toidentifier@1.0.1: {}
+
+  totalist@3.0.1: {}
+
+  ts-api-utils@2.5.0(typescript@5.9.3):
+    dependencies:
+      typescript: 5.9.3
+
+  ts-dedent@2.3.0: {}
+
+  ts-morph@26.0.0:
+    dependencies:
+      '@ts-morph/common': 0.27.0
+      code-block-writer: 13.0.3
+
+  tsconfck@3.1.6(typescript@5.9.3):
+    optionalDependencies:
+      typescript: 5.9.3
+
+  tsconfig-paths@3.15.0:
+    dependencies:
+      '@types/json5': 0.0.29
+      json5: 1.0.2
+      minimist: 1.2.8
+      strip-bom: 3.0.0
+
+  tsconfig-paths@4.2.0:
+    dependencies:
+      json5: 2.2.3
+      minimist: 1.2.8
+      strip-bom: 3.0.0
+
+  tslib@2.8.1: {}
+
+  tw-animate-css@1.4.0: {}
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  type-is@2.1.0:
+    dependencies:
+      content-type: 2.1.0
+      media-typer: 1.1.1
+      mime-types: 3.0.2
+
+  typed-array-buffer@1.0.3:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-typed-array: 1.1.15
+
+  typed-array-byte-length@1.0.3:
+    dependencies:
+      call-bind: 1.0.9
+      for-each: 0.3.5
+      gopd: 1.2.0
+      has-proto: 1.2.0
+      is-typed-array: 1.1.15
+
+  typed-array-byte-offset@1.0.4:
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.9
+      for-each: 0.3.5
+      gopd: 1.2.0
+      has-proto: 1.2.0
+      is-typed-array: 1.1.15
+      reflect.getprototypeof: 1.0.10
+
+  typed-array-length@1.0.8:
+    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
+
+  typescript-eslint@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.67.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.67.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)
+      eslint: 9.39.5(jiti@2.7.0)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  typescript@5.9.3: {}
+
+  unbox-primitive@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      has-bigints: 1.1.0
+      has-symbols: 1.1.0
+      which-boxed-primitive: 1.1.1
+
+  undici-types@6.21.0: {}
+
+  undici@7.29.0: {}
+
+  unicorn-magic@0.3.0: {}
+
+  universalify@2.0.1: {}
+
+  unpipe@1.0.0: {}
+
+  unplugin@2.3.11:
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      acorn: 8.18.0
+      picomatch: 4.0.5
+      webpack-virtual-modules: 0.6.2
+
+  unrs-resolver@1.12.2:
+    dependencies:
+      napi-postinstall: 0.3.4
+    optionalDependencies:
+      '@unrs/resolver-binding-android-arm-eabi': 1.12.2
+      '@unrs/resolver-binding-android-arm64': 1.12.2
+      '@unrs/resolver-binding-darwin-arm64': 1.12.2
+      '@unrs/resolver-binding-darwin-x64': 1.12.2
+      '@unrs/resolver-binding-freebsd-x64': 1.12.2
+      '@unrs/resolver-binding-linux-arm-gnueabihf': 1.12.2
+      '@unrs/resolver-binding-linux-arm-musleabihf': 1.12.2
+      '@unrs/resolver-binding-linux-arm64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-arm64-musl': 1.12.2
+      '@unrs/resolver-binding-linux-loong64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-loong64-musl': 1.12.2
+      '@unrs/resolver-binding-linux-ppc64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-riscv64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-riscv64-musl': 1.12.2
+      '@unrs/resolver-binding-linux-s390x-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-x64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-x64-musl': 1.12.2
+      '@unrs/resolver-binding-openharmony-arm64': 1.12.2
+      '@unrs/resolver-binding-wasm32-wasi': 1.12.2
+      '@unrs/resolver-binding-win32-arm64-msvc': 1.12.2
+      '@unrs/resolver-binding-win32-ia32-msvc': 1.12.2
+      '@unrs/resolver-binding-win32-x64-msvc': 1.12.2
+
+  update-browserslist-db@1.3.1(browserslist@4.28.8):
+    dependencies:
+      browserslist: 4.28.8
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  uri-template-matcher@1.1.2: {}
+
+  use-sync-external-store@1.6.0(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+
+  util-deprecate@1.0.2: {}
+
+  valibot@1.2.0(typescript@5.9.3):
+    optionalDependencies:
+      typescript: 5.9.3
+
+  validate-npm-package-name@7.0.2: {}
+
+  vary@1.1.2: {}
+
+  vite-plugin-storybook-nextjs@3.3.2(next@16.3.1(@babel/core@7.29.7)(@types/node@20.19.43)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)):
+    dependencies:
+      '@next/env': 16.3.0-preview.5
+      image-size: 2.0.2
+      magic-string: 0.30.21
+      module-alias: 2.3.4
+      next: 16.3.1(@babel/core@7.29.7)(@types/node@20.19.43)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      storybook: 10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
+      ts-dedent: 2.3.0
+      vite: 8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)
+      vite-tsconfig-paths: 5.1.4(typescript@5.9.3)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  vite-tsconfig-paths@5.1.4(typescript@5.9.3)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)):
+    dependencies:
+      debug: 4.4.3
+      globrex: 0.1.2
+      tsconfck: 3.1.6(typescript@5.9.3)
+    optionalDependencies:
+      vite: 8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0):
+    dependencies:
+      lightningcss: 1.33.0
+      picomatch: 4.0.5
+      postcss: 8.5.26
+      rolldown: 1.2.4
+      tinyglobby: 0.2.17
+    optionalDependencies:
+      '@types/node': 20.19.43
+      esbuild: 0.28.2
+      fsevents: 2.3.3
+      jiti: 2.7.0
+
+  vitest@4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)):
+    dependencies:
+      '@vitest/expect': 4.1.10
+      '@vitest/mocker': 4.1.10(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      '@vitest/pretty-format': 4.1.10
+      '@vitest/runner': 4.1.10
+      '@vitest/snapshot': 4.1.10
+      '@vitest/spy': 4.1.10
+      '@vitest/utils': 4.1.10
+      es-module-lexer: 2.3.1
+      expect-type: 1.4.0
+      magic-string: 0.30.21
+      obug: 2.1.4
+      pathe: 2.0.3
+      picomatch: 4.0.5
+      std-env: 4.2.0
+      tinybench: 2.9.0
+      tinyexec: 1.3.0
+      tinyglobby: 0.2.17
+      tinyrainbow: 3.1.1
+      vite: 8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)
+      why-is-node-running: 2.3.0
+    optionalDependencies:
+      '@types/node': 20.19.43
+      '@vitest/browser-playwright': 4.1.10(playwright@1.62.1)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))(vitest@4.1.10)
+      '@vitest/coverage-v8': 4.1.10(@vitest/browser@4.1.10)(vitest@4.1.10)
+    transitivePeerDependencies:
+      - msw
+
+  webpack-virtual-modules@0.6.2: {}
+
+  which-boxed-primitive@1.1.1:
+    dependencies:
+      is-bigint: 1.1.0
+      is-boolean-object: 1.2.2
+      is-number-object: 1.1.1
+      is-string: 1.1.1
+      is-symbol: 1.1.1
+
+  which-builtin-type@1.2.1:
+    dependencies:
+      call-bound: 1.0.4
+      function.prototype.name: 1.2.0
+      has-tostringtag: 1.0.2
+      is-async-function: 2.1.1
+      is-date-object: 1.1.0
+      is-finalizationregistry: 1.1.1
+      is-generator-function: 1.1.2
+      is-regex: 1.2.1
+      is-weakref: 1.1.1
+      isarray: 2.0.5
+      which-boxed-primitive: 1.1.1
+      which-collection: 1.0.2
+      which-typed-array: 1.1.22
+
+  which-collection@1.0.2:
+    dependencies:
+      is-map: 2.0.3
+      is-set: 2.0.3
+      is-weakmap: 2.0.2
+      is-weakset: 2.0.4
+
+  which-typed-array@1.1.22:
+    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
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  which@4.0.0:
+    dependencies:
+      isexe: 3.1.5
+
+  why-is-node-running@2.3.0:
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+
+  word-wrap@1.2.5: {}
+
+  wrappy@1.0.2: {}
+
+  ws@8.21.3: {}
+
+  wsl-utils@0.1.0:
+    dependencies:
+      is-wsl: 3.1.1
+
+  wsl-utils@1.0.0:
+    dependencies:
+      is-wsl: 3.1.1
+      powershell-utils: 0.1.0
+
+  yallist@3.1.1: {}
+
+  yocto-queue@0.1.0: {}
+
+  yocto-spinner@1.2.2:
+    dependencies:
+      yoctocolors: 2.2.0
+
+  yoctocolors@2.2.0: {}
+
+  zod-to-json-schema@3.25.2(zod@3.25.76):
+    dependencies:
+      zod: 3.25.76
+
+  zod-validation-error@4.0.2(zod@4.4.3):
+    dependencies:
+      zod: 4.4.3
+
+  zod@3.25.76: {}
+
+  zod@4.4.3: {}
diff --git a/frontend/pnpm-workspace.yaml b/frontend/pnpm-workspace.yaml
new file mode 100644
index 0000000..581a9d5
--- /dev/null
+++ b/frontend/pnpm-workspace.yaml
@@ -0,0 +1,3 @@
+ignoredBuiltDependencies:
+  - sharp
+  - unrs-resolver
diff --git a/frontend/postcss.config.mjs b/frontend/postcss.config.mjs
new file mode 100644
index 0000000..61e3684
--- /dev/null
+++ b/frontend/postcss.config.mjs
@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;
diff --git a/frontend/public/file.svg b/frontend/public/file.svg
new file mode 100644
index 0000000..004145c
--- /dev/null
+++ b/frontend/public/file.svg
@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/frontend/public/globe.svg b/frontend/public/globe.svg
new file mode 100644
index 0000000..567f17b
--- /dev/null
+++ b/frontend/public/globe.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/frontend/public/next.svg b/frontend/public/next.svg
new file mode 100644
index 0000000..5174b28
--- /dev/null
+++ b/frontend/public/next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/frontend/public/vercel.svg b/frontend/public/vercel.svg
new file mode 100644
index 0000000..7705396
--- /dev/null
+++ b/frontend/public/vercel.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/frontend/public/window.svg b/frontend/public/window.svg
new file mode 100644
index 0000000..b2b2a44
--- /dev/null
+++ b/frontend/public/window.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
\ No newline at end of file
diff --git a/frontend/skills-lock.json b/frontend/skills-lock.json
new file mode 100644
index 0000000..707e02e
--- /dev/null
+++ b/frontend/skills-lock.json
@@ -0,0 +1,17 @@
+{
+  "version": 1,
+  "skills": {
+    "migrate-radix-to-base": {
+      "source": "shadcn/ui",
+      "sourceType": "github",
+      "skillPath": "skills/migrate-radix-to-base/SKILL.md",
+      "computedHash": "e1f2030ee5059be3dff0812ca0e4b995ee9fa3132176f049ebe6c90346a6755e"
+    },
+    "shadcn": {
+      "source": "shadcn/ui",
+      "sourceType": "github",
+      "skillPath": "skills/shadcn/SKILL.md",
+      "computedHash": "c1a68ee06a668aced9ab2b5fbdea5f989864123794eb2e056b339a072dbb7f10"
+    }
+  }
+}
diff --git a/frontend/stories/components/ui/button.stories.tsx b/frontend/stories/components/ui/button.stories.tsx
new file mode 100644
index 0000000..6703801
--- /dev/null
+++ b/frontend/stories/components/ui/button.stories.tsx
@@ -0,0 +1,48 @@
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { expect } from "storybook/test";
+import { Button } from "@/components/ui/button";
+
+const meta = {
+  component: Button,
+  tags: ["ai-generated"],
+  args: {
+    children: "Button",
+  },
+} satisfies Meta<typeof Button>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// Smoke check — one is enough per file
+export const Default: Story = {
+  play: async ({ canvas }) => {
+    await expect(canvas.getByRole("button", { name: "Button" })).toBeVisible();
+  },
+};
+
+// Variant-only stories: no play needed
+export const Outline: Story = { args: { variant: "outline" } };
+export const Secondary: Story = { args: { variant: "secondary" } };
+export const Ghost: Story = { args: { variant: "ghost" } };
+export const Destructive: Story = { args: { variant: "destructive" } };
+export const Link: Story = { args: { variant: "link" } };
+export const Small: Story = { args: { size: "sm" } };
+export const Large: Story = { args: { size: "lg" } };
+
+export const Disabled: Story = {
+  args: { disabled: true },
+  play: async ({ canvas }) => {
+    await expect(canvas.getByRole("button", { name: "Button" })).toBeDisabled();
+  },
+};
+
+// The single CssCheck story for the whole project — proves the shared
+// preview actually loaded app/globals.css (default variant uses bg-primary).
+export const CssCheck: Story = {
+  play: async ({ canvas }) => {
+    const button = canvas.getByRole("button", { name: "Button" });
+    await expect(getComputedStyle(button).backgroundColor).toBe(
+      "oklch(0.218 0.008 223.9)",
+    );
+  },
+};
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
new file mode 100644
index 0000000..4d58b3d
--- /dev/null
+++ b/frontend/tsconfig.json
@@ -0,0 +1,35 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"],
+      "@/assets/*": ["./public/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}
diff --git a/frontend/vitest.config.ts b/frontend/vitest.config.ts
new file mode 100644
index 0000000..2c8c88d
--- /dev/null
+++ b/frontend/vitest.config.ts
@@ -0,0 +1,35 @@
+import { storybookTest } from "@storybook/addon-vitest/vitest-plugin";
+import { playwright } from "@vitest/browser-playwright";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { defineConfig } from "vitest/config";
+
+const dirname =
+  typeof __dirname !== "undefined"
+    ? __dirname
+    : path.dirname(fileURLToPath(import.meta.url));
+
+// More info at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon
+export default defineConfig({
+  test: {
+    projects: [
+      {
+        extends: true,
+        plugins: [
+          // The plugin will run tests for the stories defined in your Storybook config
+          // See options at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon#storybooktest
+          storybookTest({ configDir: path.join(dirname, ".storybook") }),
+        ],
+        test: {
+          name: "storybook",
+          browser: {
+            enabled: true,
+            headless: true,
+            provider: playwright({}),
+            instances: [{ browser: "chromium" }],
+          },
+        },
+      },
+    ],
+  },
+});
diff --git a/frontend/vitest.shims.d.ts b/frontend/vitest.shims.d.ts
new file mode 100644
index 0000000..7782f28
--- /dev/null
+++ b/frontend/vitest.shims.d.ts
@@ -0,0 +1 @@
+/// <reference types="@vitest/browser-playwright" />
\ No newline at end of file

From 577c57d7d8f2bab365829cc9e85040145c711aba Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 15 Aug 2026 22:17:43 +0800
Subject: [PATCH 04/34] feat: multi-stage Docker build for the frontend static
 export

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .dockerignore  |  3 +++
 Dockerfile     | 13 +++++++++++++
 pyproject.toml |  2 +-
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/.dockerignore b/.dockerignore
index e692198..8d994c2 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -7,3 +7,6 @@ __pycache__
 *.py[cod]
 argus.db
 *.db
+frontend/node_modules
+frontend/.next
+frontend/out
diff --git a/Dockerfile b/Dockerfile
index b1d48c7..aad8020 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,3 +1,15 @@
+FROM node:22-slim AS frontend-build
+
+WORKDIR /frontend
+RUN corepack enable && corepack prepare pnpm@10.33.0 --activate
+
+COPY frontend/package.json frontend/pnpm-lock.yaml frontend/pnpm-workspace.yaml ./
+RUN pnpm install --frozen-lockfile
+
+COPY frontend ./
+RUN pnpm build
+
+
 FROM python:3.12-slim-bookworm
 
 LABEL org.opencontainers.image.source="https://github.com/sciwork/argus"
@@ -9,6 +21,7 @@ WORKDIR /app
 
 COPY pyproject.toml README.md ./
 COPY src ./src
+COPY --from=frontend-build /frontend/out ./src/argus/dashboard/frontend
 
 RUN pip install --no-cache-dir .
 
diff --git a/pyproject.toml b/pyproject.toml
index 476ebaf..b3475f6 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -6,7 +6,7 @@ build-backend = "setuptools.build_meta"
 package-dir = { "" = "src" }
 
 [tool.setuptools.package-data]
-"argus.dashboard" = ["templates/*.html"]
+"argus.dashboard" = ["templates/*.html", "frontend/**/*"]
 "argus.kktix" = ["templates/*.j2"]
 
 [tool.setuptools.dynamic]

From d77f6bd569e055d35f4a97c2123f37dbf3aace12 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 15 Aug 2026 22:21:25 +0800
Subject: [PATCH 05/34] ci: add frontend lint/build job

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .github/workflows/ci.yml | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 2bbd117..8848a6a 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -37,3 +37,31 @@ jobs:
         uses: codecov/codecov-action@v7
         with:
           files: coverage.xml
+
+  frontend:
+    name: Frontend
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v7
+
+      - name: Enable corepack
+        run: corepack enable
+
+      - name: Set up Node
+        uses: actions/setup-node@v5
+        with:
+          node-version: "22"
+
+      - name: Install dependencies
+        working-directory: frontend
+        run: pnpm install --frozen-lockfile
+
+      - name: Lint
+        working-directory: frontend
+        run: pnpm lint
+
+      - name: Build
+        working-directory: frontend
+        run: pnpm build

From 9a9cdf168dc8c29982b5ecd3a0de9d2bd2ffd5d5 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 15 Aug 2026 22:24:03 +0800
Subject: [PATCH 06/34] feat: add GET /dashboard/api/me for frontend session
 bootstrap

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/argus/dashboard/router.py |  5 ++++
 tests/test_auth.py            | 43 +++++++++++++++++++++++++++++++++++
 2 files changed, 48 insertions(+)

diff --git a/src/argus/dashboard/router.py b/src/argus/dashboard/router.py
index 9229ee4..a238de0 100644
--- a/src/argus/dashboard/router.py
+++ b/src/argus/dashboard/router.py
@@ -116,6 +116,11 @@ async def dashboard_event(slug: str, request: Request):
 # Protected by `Depends(auth.require_login)`. Returns 401 if not authenticated.
 
 
+@router.get("/dashboard/api/me")
+async def api_me(email: str = Depends(auth.require_login)):
+    return {"email": email}
+
+
 @router.get("/dashboard/api/events")
 async def api_events(_email: str = Depends(auth.require_login)):
     return queries.list_events()
diff --git a/tests/test_auth.py b/tests/test_auth.py
index b9a3a02..8e35701 100644
--- a/tests/test_auth.py
+++ b/tests/test_auth.py
@@ -91,3 +91,46 @@ async def test_google_oauth_accepts_only_allowlisted_user(
                     ).status_code == 200
         finally:
             auth.reset_oauth()
+
+
+@pytest.mark.asyncio
+async def test_api_me_returns_authenticated_email(dashboard_app, monkeypatch):
+    """The frontend can look up who is currently logged in via the session cookie."""
+    email = "chester@example.com"
+    with run_server_in_thread(
+        user_claims=[User(sub=email, claims={"email": email})]
+    ) as server:
+        provider_url = f"http://localhost:{server.server_port}"
+        monkeypatch.setattr(
+            auth,
+            "_GOOGLE_SERVER_METADATA_URL",
+            f"{provider_url}/.well-known/openid-configuration",
+        )
+        auth.reset_oauth()
+
+        try:
+            transport = httpx.ASGITransport(app=dashboard_app)
+            async with httpx.AsyncClient(
+                transport=transport, base_url="http://test"
+            ) as client:
+                unauthenticated = await client.get("/dashboard/api/me")
+                assert unauthenticated.status_code == 401
+
+                login = await client.get("/dashboard/login", follow_redirects=False)
+
+                # The OIDC mock runs on a loopback HTTP server, outside the ASGI app.
+                async with httpx.AsyncClient() as provider_client:
+                    authorized = await provider_client.post(
+                        login.headers["location"], data={"sub": email}
+                    )
+
+                callback = urlsplit(authorized.headers["location"])
+                await client.get(
+                    f"{callback.path}?{callback.query}", follow_redirects=False
+                )
+
+                me = await client.get("/dashboard/api/me")
+                assert me.status_code == 200
+                assert me.json() == {"email": email}
+        finally:
+            auth.reset_oauth()

From c9ce6e3ca4111d3d0226da472c136a0a97a7431f Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 15 Aug 2026 22:32:45 +0800
Subject: [PATCH 07/34] feat: serve the built frontend at /dashboard, retire
 two Jinja2 routes

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/next.config.ts                       |   2 +
 src/argus/dashboard/router.py                 |  27 ---
 src/argus/dashboard/templates/index.html      | 101 -----------
 .../dashboard/templates/webhook_logs.html     | 166 ------------------
 src/argus/main.py                             |   9 +
 tests/test_docker_integration.py              |  14 ++
 6 files changed, 25 insertions(+), 294 deletions(-)
 delete mode 100644 src/argus/dashboard/templates/index.html
 delete mode 100644 src/argus/dashboard/templates/webhook_logs.html

diff --git a/frontend/next.config.ts b/frontend/next.config.ts
index 82495c5..7097b84 100644
--- a/frontend/next.config.ts
+++ b/frontend/next.config.ts
@@ -2,6 +2,8 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   output: "export",
+  basePath: "/dashboard",
+  trailingSlash: true,
   // next/image's default loader needs a server; serve images as-is instead.
   images: {
     unoptimized: true,
diff --git a/src/argus/dashboard/router.py b/src/argus/dashboard/router.py
index a238de0..47fcf8f 100644
--- a/src/argus/dashboard/router.py
+++ b/src/argus/dashboard/router.py
@@ -78,18 +78,6 @@ async def logout(request: Request):
     return RedirectResponse(url="/dashboard/login", status_code=status.HTTP_302_FOUND)
 
 
-@router.get("/dashboard")
-async def dashboard_home(request: Request):
-    result = _session_email_or_redirect(request)
-    if isinstance(result, RedirectResponse):
-        return result
-    return templates.TemplateResponse(
-        request=request,
-        name="index.html",
-        context={"events": queries.list_events(), "user_email": result},
-    )
-
-
 @router.get("/dashboard/events/{slug}")
 async def dashboard_event(slug: str, request: Request):
     result = _session_email_or_redirect(request)
@@ -134,21 +122,6 @@ async def api_event_timeseries(slug: str, _email: str = Depends(auth.require_log
     return result
 
 
-@router.get("/dashboard/webhook-logs")
-async def dashboard_webhook_logs(request: Request):
-    result = _session_email_or_redirect(request)
-    if isinstance(result, RedirectResponse):
-        return result
-    return templates.TemplateResponse(
-        request=request,
-        name="webhook_logs.html",
-        context={
-            "user_email": result,
-            "total": queries.count_webhook_logs(),
-        },
-    )
-
-
 @router.get("/dashboard/api/webhook-logs")
 async def api_webhook_logs(
     limit: int = 100,
diff --git a/src/argus/dashboard/templates/index.html b/src/argus/dashboard/templates/index.html
deleted file mode 100644
index a92e009..0000000
--- a/src/argus/dashboard/templates/index.html
+++ /dev/null
@@ -1,101 +0,0 @@
-{% extends "_base.html" %}
-{% block title %}Events — Argus Dashboard{% endblock %}
-{% block content %}
-<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:16px;">
-  <h1 style="margin:0;">Events</h1>
-  <button id="trigger-btn" type="button"
-          style="padding:8px 14px; background:#1d65a6; color:#fff; border:none; border-radius:6px; cursor:pointer; font-size:13px;">
-    Run report now
-  </button>
-</div>
-<div id="trigger-status" style="margin-bottom:16px; font-size:13px;"></div>
-
-<style>
-  .delete-btn {
-    padding: 4px 10px;
-    background: #fff;
-    border: 1px solid #E24B4A;
-    color: #E24B4A;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 12px;
-  }
-  .delete-btn:hover { background: #E24B4A; color: #fff; }
-</style>
-
-{% if events %}
-<table>
-  <thead>
-    <tr>
-      <th>Name</th>
-      <th>Channel</th>
-      <th>Start</th>
-      <th>Capacity</th>
-      <th></th>
-    </tr>
-  </thead>
-  <tbody>
-    {% for ev in events %}
-    <tr>
-      <td><a class="event-link" href="/dashboard/events/{{ ev.event_slug }}">{{ ev.event_name }}</a></td>
-      <td><span class="channel-badge">{{ ev.channel }}</span></td>
-      <td>{{ ev.start_at or "—" }}</td>
-      <td>{{ ev.capacity if ev.capacity is not none else "—" }}</td>
-      <td style="text-align: right;">
-        <button class="delete-btn" type="button"
-                data-slug="{{ ev.event_slug }}"
-                data-name="{{ ev.event_name }}">
-          Delete
-        </button>
-      </td>
-    </tr>
-    {% endfor %}
-  </tbody>
-</table>
-{% else %}
-<div class="empty">No events yet.</div>
-{% endif %}
-
-<script>
-async function triggerReport() {
-  const btn = document.getElementById('trigger-btn');
-  const status = document.getElementById('trigger-status');
-  btn.disabled = true;
-  btn.textContent = 'Running…';
-  status.textContent = '';
-  status.style.color = '';
-  try {
-    const resp = await fetch('/dashboard/api/report/trigger', { method: 'POST' });
-    if (resp.ok) {
-      status.style.color = '#1D9E75';
-      status.textContent = '✓ Report dispatched. Check Discord.';
-    } else {
-      status.style.color = '#E24B4A';
-      status.textContent = `✗ Failed (${resp.status}). See server logs.`;
-    }
-  } catch (e) {
-    status.style.color = '#E24B4A';
-    status.textContent = `✗ ${e.message}`;
-  } finally {
-    btn.disabled = false;
-    btn.textContent = 'Run report now';
-  }
-}
-
-async function deleteEvent(slug, name) {
-  if (!confirm(`Delete event "${name}"?\n\nThis will permanently remove the event and all of its tickets.\nThis cannot be undone.`)) return;
-  const resp = await fetch(`/dashboard/api/events/${encodeURIComponent(slug)}`, { method: 'DELETE' });
-  if (resp.ok) {
-    location.reload();
-  } else {
-    alert(`Failed to delete (${resp.status}). See server logs.`);
-  }
-}
-
-// Attach handlers via event listeners (more robust than inline onclick).
-document.getElementById('trigger-btn').addEventListener('click', triggerReport);
-document.querySelectorAll('.delete-btn').forEach(btn => {
-  btn.addEventListener('click', () => deleteEvent(btn.dataset.slug, btn.dataset.name));
-});
-</script>
-{% endblock %}
diff --git a/src/argus/dashboard/templates/webhook_logs.html b/src/argus/dashboard/templates/webhook_logs.html
deleted file mode 100644
index 3c22103..0000000
--- a/src/argus/dashboard/templates/webhook_logs.html
+++ /dev/null
@@ -1,166 +0,0 @@
-{% extends "_base.html" %}
-{% block title %}Webhook Logs — Argus Dashboard{% endblock %}
-{% block content %}
-<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:16px;">
-  <h1 style="margin:0;">Webhook Logs <span style="color:#888; font-size:14px; font-weight:400;">({{ total }} total)</span></h1>
-  <button id="clear-all-btn" type="button"
-          style="padding:8px 14px; background:#fff; border:1px solid #E24B4A; color:#E24B4A; border-radius:6px; cursor:pointer; font-size:13px;">
-    Clear all logs
-  </button>
-</div>
-<div id="status" style="margin-bottom:12px; font-size:13px;"></div>
-
-<style>
-  .log-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,0.04); }
-  .log-table th { background: #f8f8f8; font-weight: 500; font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 0.05em; padding: 10px 14px; text-align: left; border-bottom: 1px solid #f0f0f0; }
-  .log-table td { padding: 10px 14px; border-bottom: 1px solid #f5f5f5; font-size: 13px; vertical-align: top; }
-  .log-row { cursor: pointer; }
-  .log-row:hover { background: #fafafa; }
-  .detail-row td { padding: 0; background: #fafafa; }
-  .detail-content { padding: 12px 14px; }
-  .detail-content pre { margin: 4px 0 12px; padding: 10px; background: #fff; border: 1px solid #eee; border-radius: 4px; overflow-x: auto; font-size: 12px; line-height: 1.4; }
-  .detail-content h4 { margin: 0 0 4px; font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 0.05em; }
-  .row-delete-btn { padding: 3px 9px; background: #fff; border: 1px solid #E24B4A; color: #E24B4A; border-radius: 4px; cursor: pointer; font-size: 11px; }
-  .row-delete-btn:hover { background: #E24B4A; color: #fff; }
-  .mono { font-family: ui-monospace, "SF Mono", Menlo, monospace; }
-  .body-preview { color: #555; max-width: 380px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-  .empty { text-align: center; color: #888; padding: 48px; background: #fff; border-radius: 8px; }
-</style>
-
-<div id="logs-container">
-  <div class="empty">Loading…</div>
-</div>
-
-<script>
-const statusEl = document.getElementById('status');
-
-function setStatus(msg, color) {
-  statusEl.style.color = color || '';
-  statusEl.textContent = msg || '';
-}
-
-function escapeHtml(s) {
-  return String(s).replace(/[&<>"']/g, c => ({
-    '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'
-  }[c]));
-}
-
-function prettify(jsonStr) {
-  try {
-    return JSON.stringify(JSON.parse(jsonStr), null, 2);
-  } catch {
-    return jsonStr || '';
-  }
-}
-
-function bodyPreview(jsonStr) {
-  try {
-    const parsed = JSON.parse(jsonStr);
-    const notifs = parsed.notifications || [];
-    if (notifs.length) {
-      const types = notifs.map(n => n.type).filter(Boolean).join(', ');
-      const slugs = notifs.map(n => n.event && n.event.slug).filter(Boolean).join(', ');
-      return `${types}${slugs ? ' · ' + slugs : ''}`;
-    }
-    return JSON.stringify(parsed).slice(0, 100);
-  } catch {
-    return (jsonStr || '').slice(0, 100);
-  }
-}
-
-async function loadLogs() {
-  const resp = await fetch('/dashboard/api/webhook-logs?limit=200');
-  if (!resp.ok) {
-    document.getElementById('logs-container').innerHTML =
-      `<div class="empty">Failed to load (${resp.status})</div>`;
-    return;
-  }
-  const data = await resp.json();
-  renderLogs(data);
-}
-
-function renderLogs(data) {
-  const container = document.getElementById('logs-container');
-  if (!data.items.length) {
-    container.innerHTML = '<div class="empty">No webhook logs yet.</div>';
-    return;
-  }
-  const rows = data.items.map(item => `
-    <tr class="log-row" data-id="${item.id}">
-      <td class="mono">${item.id}</td>
-      <td class="mono">${escapeHtml(item.created_at)}</td>
-      <td>${escapeHtml(item.method)}</td>
-      <td>${item.channel ? `<span class="channel-badge">${escapeHtml(item.channel)}</span>` : '<span style="color:#aaa;">—</span>'}</td>
-      <td class="body-preview mono">${escapeHtml(bodyPreview(item.body))}</td>
-      <td style="text-align:right;">
-        <button class="row-delete-btn" data-id="${item.id}">Delete</button>
-      </td>
-    </tr>
-    <tr class="detail-row" id="detail-${item.id}" style="display:none;">
-      <td colspan="6">
-        <div class="detail-content">
-          <h4>Headers</h4><pre>${escapeHtml(prettify(item.headers))}</pre>
-          <h4>Body</h4><pre>${escapeHtml(prettify(item.body))}</pre>
-        </div>
-      </td>
-    </tr>
-  `).join('');
-  const totalShown = data.items.length;
-  const more = data.total > totalShown
-    ? `<div style="text-align:center; color:#888; font-size:12px; margin-top:12px;">Showing ${totalShown} of ${data.total}. Older entries truncated.</div>`
-    : '';
-  container.innerHTML = `
-    <table class="log-table">
-      <thead>
-        <tr>
-          <th>ID</th><th>Time (UTC)</th><th>Method</th><th>Channel</th><th>Body summary</th><th></th>
-        </tr>
-      </thead>
-      <tbody>${rows}</tbody>
-    </table>
-    ${more}
-  `;
-
-  // Wire row click → toggle detail row
-  container.querySelectorAll('.log-row').forEach(row => {
-    row.addEventListener('click', (ev) => {
-      // Don't toggle when clicking the delete button
-      if (ev.target.classList.contains('row-delete-btn')) return;
-      const id = row.dataset.id;
-      const detail = document.getElementById(`detail-${id}`);
-      detail.style.display = detail.style.display === 'none' ? 'table-row' : 'none';
-    });
-  });
-
-  // Wire per-row delete
-  container.querySelectorAll('.row-delete-btn').forEach(btn => {
-    btn.addEventListener('click', async (ev) => {
-      ev.stopPropagation();
-      const id = btn.dataset.id;
-      if (!confirm(`Delete webhook log #${id}?`)) return;
-      const resp = await fetch(`/dashboard/api/webhook-logs/${id}`, { method: 'DELETE' });
-      if (resp.ok) {
-        setStatus(`✓ Deleted log #${id}`, '#1D9E75');
-        loadLogs();
-      } else {
-        setStatus(`✗ Failed to delete (${resp.status})`, '#E24B4A');
-      }
-    });
-  });
-}
-
-document.getElementById('clear-all-btn').addEventListener('click', async () => {
-  if (!confirm(`Clear ALL {{ total }} webhook logs?\n\nThis cannot be undone.`)) return;
-  const resp = await fetch('/dashboard/api/webhook-logs', { method: 'DELETE' });
-  if (resp.ok) {
-    const data = await resp.json();
-    setStatus(`✓ Cleared ${data.deleted_count} log${data.deleted_count === 1 ? '' : 's'}`, '#1D9E75');
-    loadLogs();
-  } else {
-    setStatus(`✗ Failed (${resp.status})`, '#E24B4A');
-  }
-});
-
-loadLogs();
-</script>
-{% endblock %}
diff --git a/src/argus/main.py b/src/argus/main.py
index a1e11d0..4b28591 100644
--- a/src/argus/main.py
+++ b/src/argus/main.py
@@ -1,10 +1,12 @@
 from contextlib import asynccontextmanager
+from pathlib import Path
 import logging
 import os
 
 from fastapi import FastAPI
 from fastapi.responses import RedirectResponse
 from starlette.middleware.sessions import SessionMiddleware
+from starlette.staticfiles import StaticFiles
 
 from argus import config
 from argus.dashboard.router import router as dashboard_router
@@ -62,6 +64,13 @@ async def lifespan(_app: FastAPI):
 app.include_router(dashboard_router)
 app.include_router(health_router)
 
+_FRONTEND_DIR = Path(__file__).parent / "dashboard" / "frontend"
+
+if _FRONTEND_DIR.is_dir():
+    app.mount(
+        "/dashboard", StaticFiles(directory=_FRONTEND_DIR, html=True), name="dashboard-frontend"
+    )
+
 
 @app.get("/", include_in_schema=False)
 async def root() -> RedirectResponse:
diff --git a/tests/test_docker_integration.py b/tests/test_docker_integration.py
index 0708ecd..a2eeca1 100644
--- a/tests/test_docker_integration.py
+++ b/tests/test_docker_integration.py
@@ -111,6 +111,20 @@ def test_docker_image_api_flow(api_url: str) -> None:
         assert client.get("/dashboard/api/events").json() == []
 
 
+def test_docker_image_serves_frontend_shell(api_url: str) -> None:
+    """The built static frontend is served at /dashboard, same-origin.
+
+    `/dashboard` (no trailing slash) 307-redirects to `/dashboard/` — that's
+    Starlette's standard `redirect_slashes` behavior for a mount whose static
+    export uses Next's `trailingSlash: true`, and any browser follows it
+    transparently, so the client here does too.
+    """
+    with httpx.Client(base_url=api_url, timeout=5, follow_redirects=True) as client:
+        response = client.get("/dashboard")
+        assert response.status_code == 200
+        assert "text/html" in response.headers["content-type"]
+
+
 def _start_postgresql(container: str, network: str) -> None:
     _run(
         [

From 19420a2a0858f5c39624e3402793ca7f4aba7098 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 15 Aug 2026 22:43:07 +0800
Subject: [PATCH 08/34] feat(frontend): add API client and session auth-check
 hook

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/apis/auth.ts                         |  15 +
 frontend/apis/client.ts                       |   5 +
 frontend/apis/events.ts                       |  20 +
 frontend/apis/webhook-logs.ts                 |  20 +
 frontend/hooks/use-require-auth.ts            |  34 ++
 frontend/package.json                         |  26 +-
 frontend/pnpm-lock.yaml                       | 349 +++++++++++++++++-
 .../tests/hooks/use-require-auth.test.tsx     |  39 ++
 frontend/types/responses/auth.ts              |   3 +
 frontend/types/responses/events.ts            |  19 +
 frontend/types/responses/webhook-logs.ts      |  15 +
 frontend/vitest.config.ts                     |  13 +
 frontend/vitest.shims.d.ts                    |   2 +-
 13 files changed, 541 insertions(+), 19 deletions(-)
 create mode 100644 frontend/apis/auth.ts
 create mode 100644 frontend/apis/client.ts
 create mode 100644 frontend/apis/events.ts
 create mode 100644 frontend/apis/webhook-logs.ts
 create mode 100644 frontend/hooks/use-require-auth.ts
 create mode 100644 frontend/tests/hooks/use-require-auth.test.tsx
 create mode 100644 frontend/types/responses/auth.ts
 create mode 100644 frontend/types/responses/events.ts
 create mode 100644 frontend/types/responses/webhook-logs.ts

diff --git a/frontend/apis/auth.ts b/frontend/apis/auth.ts
new file mode 100644
index 0000000..3ae2ff2
--- /dev/null
+++ b/frontend/apis/auth.ts
@@ -0,0 +1,15 @@
+import { isAxiosError } from "axios";
+import { apiClient } from "@/apis/client";
+import type { CurrentUser } from "@/types/responses/auth";
+
+export async function getCurrentUser(): Promise<CurrentUser | null> {
+  try {
+    const response = await apiClient.get<CurrentUser>("/me");
+    return response.data;
+  } catch (error) {
+    if (isAxiosError(error) && error.response?.status === 401) {
+      return null;
+    }
+    throw error;
+  }
+}
diff --git a/frontend/apis/client.ts b/frontend/apis/client.ts
new file mode 100644
index 0000000..f69d290
--- /dev/null
+++ b/frontend/apis/client.ts
@@ -0,0 +1,5 @@
+import axios from "axios";
+
+export const apiClient = axios.create({
+  baseURL: "/dashboard/api",
+});
diff --git a/frontend/apis/events.ts b/frontend/apis/events.ts
new file mode 100644
index 0000000..b6565b5
--- /dev/null
+++ b/frontend/apis/events.ts
@@ -0,0 +1,20 @@
+import { apiClient } from "@/apis/client";
+import type { EventSummary, EventTimeseries } from "@/types/responses/events";
+
+export async function listEvents(): Promise<EventSummary[]> {
+  const response = await apiClient.get<EventSummary[]>("/events");
+  return response.data;
+}
+
+export async function getEventTimeseries(
+  slug: string,
+): Promise<EventTimeseries> {
+  const response = await apiClient.get<EventTimeseries>(
+    `/events/${encodeURIComponent(slug)}/timeseries`,
+  );
+  return response.data;
+}
+
+export async function deleteEvent(slug: string): Promise<void> {
+  await apiClient.delete(`/events/${encodeURIComponent(slug)}`);
+}
diff --git a/frontend/apis/webhook-logs.ts b/frontend/apis/webhook-logs.ts
new file mode 100644
index 0000000..03a565b
--- /dev/null
+++ b/frontend/apis/webhook-logs.ts
@@ -0,0 +1,20 @@
+import { apiClient } from "@/apis/client";
+import type { WebhookLogsPage } from "@/types/responses/webhook-logs";
+
+export async function listWebhookLogs(
+  limit: number,
+  offset: number,
+): Promise<WebhookLogsPage> {
+  const response = await apiClient.get<WebhookLogsPage>("/webhook-logs", {
+    params: { limit, offset },
+  });
+  return response.data;
+}
+
+export async function deleteWebhookLog(id: number): Promise<void> {
+  await apiClient.delete(`/webhook-logs/${id}`);
+}
+
+export async function clearWebhookLogs(): Promise<void> {
+  await apiClient.delete("/webhook-logs");
+}
diff --git a/frontend/hooks/use-require-auth.ts b/frontend/hooks/use-require-auth.ts
new file mode 100644
index 0000000..388e739
--- /dev/null
+++ b/frontend/hooks/use-require-auth.ts
@@ -0,0 +1,34 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { getCurrentUser } from "@/apis/auth";
+import type { CurrentUser } from "@/types/responses/auth";
+
+type AuthState =
+  | { status: "loading" }
+  | { status: "authenticated"; user: CurrentUser }
+  | { status: "unauthenticated" };
+
+export function useRequireAuth(): AuthState {
+  const [state, setState] = useState<AuthState>({ status: "loading" });
+
+  useEffect(() => {
+    let cancelled = false;
+
+    getCurrentUser().then((user) => {
+      if (cancelled) return;
+      if (user) {
+        setState({ status: "authenticated", user });
+      } else {
+        setState({ status: "unauthenticated" });
+        window.location.href = "/dashboard/login";
+      }
+    });
+
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  return state;
+}
diff --git a/frontend/package.json b/frontend/package.json
index adc969a..24b1ad3 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -24,30 +24,32 @@
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "latest",
+    "@storybook/addon-a11y": "^10.5.8",
+    "@storybook/addon-docs": "^10.5.8",
+    "@storybook/addon-mcp": "latest",
+    "@storybook/addon-vitest": "^10.5.8",
+    "@storybook/nextjs-vite": "^10.5.8",
     "@tailwindcss/postcss": "^4",
+    "@testing-library/react": "^16.3.2",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "@vitest/browser-playwright": "latest",
+    "@vitest/coverage-v8": "latest",
     "eslint": "^9",
     "eslint-config-next": "16.3.1",
+    "eslint-plugin-storybook": "^10.5.8",
+    "jsdom": "^30.0.1",
+    "playwright": "latest",
     "prettier": "3.9.6",
     "prettier-plugin-tailwindcss": "^0.8.1",
+    "storybook": "^10.5.8",
     "tailwindcss": "^4",
     "typescript": "^5",
-    "storybook": "^10.5.8",
-    "@storybook/nextjs-vite": "^10.5.8",
-    "@chromatic-com/storybook": "latest",
-    "@storybook/addon-vitest": "^10.5.8",
-    "@storybook/addon-a11y": "^10.5.8",
-    "@storybook/addon-docs": "^10.5.8",
-    "@storybook/addon-mcp": "latest",
     "vite": "latest",
-    "eslint-plugin-storybook": "^10.5.8",
-    "vitest": "latest",
-    "playwright": "latest",
-    "@vitest/browser-playwright": "latest",
-    "@vitest/coverage-v8": "latest"
+    "vitest": "latest"
   },
   "packageManager": "pnpm@10.33.0"
 }
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index d8c7a1e..2805156 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -63,6 +63,9 @@ importers:
       '@tailwindcss/postcss':
         specifier: ^4
         version: 4.3.3
+      '@testing-library/react':
+        specifier: ^16.3.2
+        version: 16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
       '@trivago/prettier-plugin-sort-imports':
         specifier: ^6.0.2
         version: 6.0.2(prettier@3.9.6)
@@ -90,6 +93,9 @@ importers:
       eslint-plugin-storybook:
         specifier: ^10.5.8
         version: 10.5.8(eslint@9.39.5(jiti@2.7.0))(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)
+      jsdom:
+        specifier: ^30.0.1
+        version: 30.0.1
       playwright:
         specifier: latest
         version: 1.62.1
@@ -113,7 +119,7 @@ importers:
         version: 8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)
       vitest:
         specifier: latest
-        version: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+        version: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(jsdom@30.0.1)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
 
 packages:
 
@@ -124,6 +130,14 @@ packages:
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
 
+  '@asamuzakjp/css-color@6.0.7':
+    resolution: {integrity: sha512-vC/bk1Lz7Tn/EfU9/apOTBk80/8dyGyWMowPoV1tJ52muDGsDqt2HPT2klrFUiY60MQmQv9q8yIht15JnBgDGw==}
+    engines: {node: ^22.13.0 || >=24.0.0}
+
+  '@asamuzakjp/dom-selector@8.3.2':
+    resolution: {integrity: sha512-93Z1N+BQNXysodoicpOIyNh2drHfz/CTf9nnT0FEx72GJcIiwgydD7tGAr78j41LsYn3hlRn+LdGPuBLn1Bl8Q==}
+    engines: {node: ^22.13.0 || >=24.0.0}
+
   '@babel/code-frame@7.29.7':
     resolution: {integrity: sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==}
     engines: {node: '>=6.9.0'}
@@ -291,12 +305,52 @@ packages:
   '@blazediff/core@1.9.1':
     resolution: {integrity: sha512-ehg3jIkYKulZh+8om/O25vkvSsXXwC+skXmyA87FFx6A/45eqOkZsBltMw/TVteb0mloiGT8oGRTcjRAz66zaA==}
 
+  '@bramus/specificity@2.4.2':
+    resolution: {integrity: sha512-ctxtJ/eA+t+6q2++vj5j7FYX3nRu311q1wfYH3xjlLOsczhlhxAg2FWNUXhpGvAw3BWo1xBcvOV6/YLc2r5FJw==}
+    hasBin: true
+
   '@chromatic-com/storybook@5.3.0':
     resolution: {integrity: sha512-gMAfVYJnF/tjdY8C3Q54KYz/low2NFjPIZMpCqSFuMUiTJ2DNWCTb7mFhuuzZ1iduWFDhewlJyilFmvKcEDYRA==}
     engines: {node: '>=20.0.0', yarn: '>=1.22.18'}
     peerDependencies:
       storybook: ^0.0.0-0 || ^10.1.0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0 || ^10.4.0-0 || ^10.5.0-0 || ^10.6.0-0
 
+  '@csstools/color-helpers@6.1.0':
+    resolution: {integrity: sha512-064IFJdjTfUqnjpCVpMOdbr8FLQBhinbZj6yRv2An2E41O/pLEXqfFRWqGq/SxlE5PEUYTlvWsG2r8MswAVvkg==}
+    engines: {node: '>=20.19.0'}
+
+  '@csstools/css-calc@3.3.0':
+    resolution: {integrity: sha512-c5ihYsPkdG6JCkU2zTMm4+k6r7RXuGxtWYhu5DHMIiF1FHzrfmHL5so11AoFpUv/tu61xfcmT4AmKoFfMPoqdQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.0
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/css-color-parser@4.1.10':
+    resolution: {integrity: sha512-UZhQLIUyJaaMepqehrCODwCg2KW25vFvLWBmqYFaPclYvvxzj/sG8LBOhBFCp11i9uE7t1EyS+RAoV9tztPFyw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.0
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/css-parser-algorithms@4.0.0':
+    resolution: {integrity: sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/css-syntax-patches-for-csstree@1.1.7':
+    resolution: {integrity: sha512-fQ+05118eQS1cofO3aJpB5efgpBZMvIzwr/sbC8kDLVA5XLG8q1kJV5yzrUAI1f7lvhPnm8fgIjzFB8/O/5Dig==}
+    peerDependencies:
+      css-tree: ^3.2.1
+    peerDependenciesMeta:
+      css-tree:
+        optional: true
+
+  '@csstools/css-tokenizer@4.0.0':
+    resolution: {integrity: sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==}
+    engines: {node: '>=20.19.0'}
+
   '@dotenvx/dotenvx@1.75.1':
     resolution: {integrity: sha512-/BITOC9dmS/edY2zQwZNicQ059O6RKabtQfyEafV0nGtfYRNHYy1DIPiYVcov40+tob9hfmBnbR963dS+EQ1DQ==}
     hasBin: true
@@ -531,6 +585,15 @@ packages:
     resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@exodus/bytes@1.15.1':
+    resolution: {integrity: sha512-S6mL0yNB/Abt9Ei4tq8gDhcczc4S3+vQ4ra7vxnAf+YHC02srtqxKKZghx2Dq6p0e66THKwR6r8N6P95wEty7Q==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+    peerDependencies:
+      '@noble/hashes': ^1.8.0 || ^2.0.0
+    peerDependenciesMeta:
+      '@noble/hashes':
+        optional: true
+
   '@floating-ui/core@1.8.0':
     resolution: {integrity: sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==}
 
@@ -1457,6 +1520,21 @@ packages:
     resolution: {integrity: sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==}
     engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
 
+  '@testing-library/react@16.3.2':
+    resolution: {integrity: sha512-XU5/SytQM+ykqMnAnvB2umaJNIOsLF3PVv//1Ew4CTcpz0/BRyy/af40qqrt7SjKpDdT1saBMc42CUok5gaw+g==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@testing-library/dom': ^10.0.0
+      '@types/react': ^18.0.0 || ^19.0.0
+      '@types/react-dom': ^18.0.0 || ^19.0.0
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@testing-library/user-event@14.6.4':
     resolution: {integrity: sha512-QCGwP6QrjypBLwyj5cuyfVamkaIEy/XGY+1VDehbtbQqOggYmTFpFOdWR5mPz14vX8vXLMVjDHlRNBcClyO9ew==}
     engines: {node: '>=12', npm: '>=6'}
@@ -1963,6 +2041,9 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
+  bidi-js@1.0.3:
+    resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}
+
   body-parser@2.3.0:
     resolution: {integrity: sha512-2cGmJupaNgg+QUwVLAucDuWuoMZ6EX9iHDRswZ5lsNYEmwPaRknMPCLZz07yTzVq/83p4o/wzbDZbBrTvGGTIw==}
     engines: {node: '>=18'}
@@ -2136,6 +2217,10 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
+  css-tree@3.2.1:
+    resolution: {integrity: sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
   css.escape@1.5.1:
     resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
 
@@ -2150,6 +2235,10 @@ packages:
   damerau-levenshtein@1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
 
+  data-urls@7.0.0:
+    resolution: {integrity: sha512-23XHcCF+coGYevirZceTVD7NdJOqVn+49IHyxgszm+JIiHLoB2TkmPtsYkNWT1pvRSGkc35L6NHs0yHkN2SumA==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
   data-view-buffer@1.0.2:
     resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
     engines: {node: '>= 0.4'}
@@ -2183,6 +2272,9 @@ packages:
       supports-color:
         optional: true
 
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+
   dedent@1.7.2:
     resolution: {integrity: sha512-WzMx3mW98SN+zn3hgemf4OzdmyNhhhKz5Ay0pUfQiMQ3e1g+xmTJWp/pKdwKVXhdSkAEGIIzqeuWrL3mV/AXbA==}
     peerDependencies:
@@ -2300,6 +2392,10 @@ packages:
     resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
     engines: {node: '>=8.6'}
 
+  entities@8.0.0:
+    resolution: {integrity: sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA==}
+    engines: {node: '>=20.19.0'}
+
   env-paths@2.2.1:
     resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
     engines: {node: '>=6'}
@@ -2761,6 +2857,10 @@ packages:
     resolution: {integrity: sha512-JydRilDRkYBQMt9qR9U92mXxmbGqsqSn/IKOrh4e7/gEbn+0zSr8igTu0obwJoNGN4sez28DIql7FBHWydoJpA==}
     engines: {node: '>=16.9.0'}
 
+  html-encoding-sniffer@6.0.0:
+    resolution: {integrity: sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
   html-escaper@2.0.2:
     resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
 
@@ -2933,6 +3033,9 @@ packages:
     resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
     engines: {node: '>=12'}
 
+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
   is-promise@4.0.0:
     resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
 
@@ -3046,6 +3149,15 @@ packages:
     resolution: {integrity: sha512-CY6crGq313MX8GkwvB7tzgp99vjQxY1++5y10/BKN/GUfHqWaOGQMNZkBvqSzsZKWk/ijwHlWzzkLulsGHhjWQ==}
     hasBin: true
 
+  jsdom@30.0.1:
+    resolution: {integrity: sha512-52v7mUVUfNQVYYqE1lcdaymWL0njO7lTLUog6ZvW2U5KsbiLk/GnZlVJ+qx0xfNJZ6Gn+KSpPNE52vurbxZwrA==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+    peerDependencies:
+      canvas: ^3.2.3
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
   jsesc@3.1.0:
     resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
     engines: {node: '>=6'}
@@ -3322,6 +3434,9 @@ packages:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
 
+  mdn-data@2.27.1:
+    resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==}
+
   media-typer@1.1.1:
     resolution: {integrity: sha512-yz3xRaG20c6/BOzvYoDaGtPmGscs7YivItZEEqe6GbwNfHuxu9YNmvnEkMzKldAGY4/80pRcQRZSEnhquk9XuQ==}
     engines: {node: '>= 0.8'}
@@ -3579,6 +3694,9 @@ packages:
   parse-statements@1.0.11:
     resolution: {integrity: sha512-HlsyYdMBnbPQ9Jr/VgJ1YF4scnldvJpJxCVx6KgqPL4dxppsWrJHCIIxQXMJrqGnsRkNPATbeMJ8Yxu7JMsYcA==}
 
+  parse5@8.0.1:
+    resolution: {integrity: sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw==}
+
   parseurl@1.3.3:
     resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
     engines: {node: '>= 0.8'}
@@ -3888,6 +4006,10 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+
   scheduler@0.27.0:
     resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
 
@@ -4117,6 +4239,9 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  symbol-tree@3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+
   systeminformation@5.33.1:
     resolution: {integrity: sha512-DEN6ICHk3Tk0Uf/hrAHh7xlt7iL5CJFBtPZinA0H62DrGG/KPKqq/Nzj6lCXPS4Ay/sf/14zNnk9LpqKzBIc+w==}
     engines: {node: '>=10.0.0'}
@@ -4159,6 +4284,13 @@ packages:
     resolution: {integrity: sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==}
     engines: {node: '>=14.0.0'}
 
+  tldts-core@7.4.10:
+    resolution: {integrity: sha512-KnQjp53ZekKgm/r3l+u8kJGGzYgrWdP8+Mql7a4vijh2WE0IrZWspQj/TpTxDho/YxO+AnOZnIjQcCD+q6iJsw==}
+
+  tldts@7.4.10:
+    resolution: {integrity: sha512-GgouD1B+sWwvkaEq8vXC15DjQitxbvs12oIXELpconwm+Tg3zfcEv4jgzq3vtKverDXsg3VI8aRgNL2Nra0Iog==}
+    hasBin: true
+
   tmcp@1.20.0:
     resolution: {integrity: sha512-dcDximKQBGqLP/aEAVA26HcWRHhKipstg1w0fbDDJ0HcFZ6lolLU1YYmStYEn/73f534i7WrDNcjRfRYdV9CoA==}
 
@@ -4174,6 +4306,14 @@ packages:
     resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
     engines: {node: '>=6'}
 
+  tough-cookie@6.0.2:
+    resolution: {integrity: sha512-exgYmnmL/sJpR3upZfXG5PoatXQii55xAiXGXzY+sROLZ/Y+SLcp9PgJNI9Vz37HpQ74WvDcLT8eqm+kV3FzrA==}
+    engines: {node: '>=16'}
+
+  tr46@6.0.0:
+    resolution: {integrity: sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==}
+    engines: {node: '>=20'}
+
   ts-api-utils@2.5.0:
     resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
     engines: {node: '>=18.12'}
@@ -4258,6 +4398,10 @@ packages:
     resolution: {integrity: sha512-IDxfleLmmbSskfWSUATiN1nfn2rDuvnMOqb5CWR92iIfojA0Ud+ulOAAEQ57LPr9rWmsreUyf5lwyao+7GNNVw==}
     engines: {node: '>=20.18.1'}
 
+  undici@8.10.0:
+    resolution: {integrity: sha512-HvltHd7avK13QIw/oLe4qoOLyoVSoafqJ2jYOrtMRBkbYT31eiBQ8O0ehRKZiEZCMEyLFQNIADpgCWC5fALvYQ==}
+    engines: {node: '>=22.19.0'}
+
   unicorn-magic@0.3.0:
     resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
     engines: {node: '>=18'}
@@ -4412,9 +4556,29 @@ packages:
       jsdom:
         optional: true
 
+  w3c-xmlserializer@5.0.0:
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
+
+  webidl-conversions@8.0.1:
+    resolution: {integrity: sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==}
+    engines: {node: '>=20'}
+
   webpack-virtual-modules@0.6.2:
     resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
 
+  whatwg-mimetype@5.0.0:
+    resolution: {integrity: sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==}
+    engines: {node: '>=20'}
+
+  whatwg-url@16.0.1:
+    resolution: {integrity: sha512-1to4zXBxmXHV3IiSSEInrreIlu02vUOvrhxJJH5vcxYTBDAx51cqZiKdyTxlecdKNSjj8EcxGBxNf6Vg+945gw==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
+  whatwg-url@17.1.0:
+    resolution: {integrity: sha512-3GeworPmc2ZfEEHP7lEbUfBX/L75wdEsi0rLNhXcXxnoN5jyq0SL5gCy06SGW2cyTIZdTvWIDQNQoza++vKeaw==}
+    engines: {node: ^22.14.0 || >=24.0.0}
+
   which-boxed-primitive@1.1.1:
     resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
     engines: {node: '>= 0.4'}
@@ -4473,6 +4637,13 @@ packages:
     resolution: {integrity: sha512-Hl0ZOAs672vg+06kfujwRhoS6/jehvULrlFkuF2dRu6pHgA8U06h3xqNIqNNU1LTXPcedxByAR4GS6pwQK0mgA==}
     engines: {node: '>=20'}
 
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
@@ -4511,6 +4682,21 @@ snapshots:
 
   '@alloc/quick-lru@5.2.0': {}
 
+  '@asamuzakjp/css-color@6.0.7':
+    dependencies:
+      '@csstools/css-calc': 3.3.0(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-color-parser': 4.1.10(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      lru-cache: 11.5.2
+
+  '@asamuzakjp/dom-selector@8.3.2':
+    dependencies:
+      bidi-js: 1.0.3
+      css-tree: 3.2.1
+      is-potential-custom-element-name: 1.0.1
+      lru-cache: 11.5.2
+
   '@babel/code-frame@7.29.7':
     dependencies:
       '@babel/helper-validator-identifier': 7.29.7
@@ -4726,6 +4912,10 @@ snapshots:
 
   '@blazediff/core@1.9.1': {}
 
+  '@bramus/specificity@2.4.2':
+    dependencies:
+      css-tree: 3.2.1
+
   '@chromatic-com/storybook@5.3.0(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))':
     dependencies:
       '@neoconfetti/react': 1.0.0
@@ -4738,6 +4928,30 @@ snapshots:
       - '@chromatic-com/playwright'
       - '@chromatic-com/vitest'
 
+  '@csstools/color-helpers@6.1.0': {}
+
+  '@csstools/css-calc@3.3.0(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/css-color-parser@4.1.10(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/color-helpers': 6.1.0
+      '@csstools/css-calc': 3.3.0(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/css-syntax-patches-for-csstree@1.1.7(css-tree@3.2.1)':
+    optionalDependencies:
+      css-tree: 3.2.1
+
+  '@csstools/css-tokenizer@4.0.0': {}
+
   '@dotenvx/dotenvx@1.75.1':
     dependencies:
       '@dotenvx/primitives': 0.8.0
@@ -4936,6 +5150,8 @@ snapshots:
       '@eslint/core': 0.17.0
       levn: 0.4.1
 
+  '@exodus/bytes@1.15.1': {}
+
   '@floating-ui/core@1.8.0':
     dependencies:
       '@floating-ui/utils': 0.2.12
@@ -5445,7 +5661,7 @@ snapshots:
       '@vitest/browser': 4.1.10(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))(vitest@4.1.10)
       '@vitest/browser-playwright': 4.1.10(playwright@1.62.1)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))(vitest@4.1.10)
       '@vitest/runner': 4.1.10
-      vitest: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      vitest: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(jsdom@30.0.1)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
     transitivePeerDependencies:
       - react
 
@@ -5651,6 +5867,16 @@ snapshots:
       picocolors: 1.1.1
       redent: 3.0.0
 
+  '@testing-library/react@16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
+    dependencies:
+      '@babel/runtime': 7.29.7
+      '@testing-library/dom': 10.4.1
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.4(@types/react@19.2.18)
+
   '@testing-library/user-event@14.6.4(@testing-library/dom@10.4.1)':
     dependencies:
       '@testing-library/dom': 10.4.1
@@ -5924,7 +6150,7 @@ snapshots:
       '@vitest/mocker': 4.1.10(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
       playwright: 1.62.1
       tinyrainbow: 3.1.1
-      vitest: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      vitest: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(jsdom@30.0.1)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
     transitivePeerDependencies:
       - bufferutil
       - msw
@@ -5940,7 +6166,7 @@ snapshots:
       pngjs: 7.0.0
       sirv: 3.0.2
       tinyrainbow: 3.1.1
-      vitest: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      vitest: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(jsdom@30.0.1)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
       ws: 8.21.3
     transitivePeerDependencies:
       - bufferutil
@@ -5960,7 +6186,7 @@ snapshots:
       obug: 2.1.4
       std-env: 4.2.0
       tinyrainbow: 3.1.1
-      vitest: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
+      vitest: 4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(jsdom@30.0.1)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
     optionalDependencies:
       '@vitest/browser': 4.1.10(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))(vitest@4.1.10)
 
@@ -6199,6 +6425,10 @@ snapshots:
 
   baseline-browser-mapping@2.11.14: {}
 
+  bidi-js@1.0.3:
+    dependencies:
+      require-from-string: 2.0.2
+
   body-parser@2.3.0:
     dependencies:
       bytes: 3.1.2
@@ -6365,6 +6595,11 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
+  css-tree@3.2.1:
+    dependencies:
+      mdn-data: 2.27.1
+      source-map-js: 1.2.1
+
   css.escape@1.5.1: {}
 
   cssesc@3.0.0: {}
@@ -6373,6 +6608,13 @@ snapshots:
 
   damerau-levenshtein@1.0.8: {}
 
+  data-urls@7.0.0:
+    dependencies:
+      whatwg-mimetype: 5.0.0
+      whatwg-url: 16.0.1
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
   data-view-buffer@1.0.2:
     dependencies:
       call-bound: 1.0.4
@@ -6403,6 +6645,8 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  decimal.js@10.6.0: {}
+
   dedent@1.7.2: {}
 
   deep-eql@5.0.2: {}
@@ -6490,6 +6734,8 @@ snapshots:
       ansi-colors: 4.1.3
       strip-ansi: 6.0.1
 
+  entities@8.0.0: {}
+
   env-paths@2.2.1: {}
 
   error-ex@1.3.4:
@@ -7168,6 +7414,12 @@ snapshots:
 
   hono@4.13.2: {}
 
+  html-encoding-sniffer@6.0.0:
+    dependencies:
+      '@exodus/bytes': 1.15.1
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
   html-escaper@2.0.2: {}
 
   http-errors@2.0.1:
@@ -7317,6 +7569,8 @@ snapshots:
 
   is-plain-obj@4.1.0: {}
 
+  is-potential-custom-element-name@1.0.1: {}
+
   is-promise@4.0.0: {}
 
   is-regex@1.2.1:
@@ -7418,6 +7672,32 @@ snapshots:
     dependencies:
       argparse: 2.0.1
 
+  jsdom@30.0.1:
+    dependencies:
+      '@asamuzakjp/css-color': 6.0.7
+      '@asamuzakjp/dom-selector': 8.3.2
+      '@bramus/specificity': 2.4.2
+      '@csstools/css-syntax-patches-for-csstree': 1.1.7(css-tree@3.2.1)
+      '@exodus/bytes': 1.15.1
+      css-tree: 3.2.1
+      data-urls: 7.0.0
+      decimal.js: 10.6.0
+      html-encoding-sniffer: 6.0.0
+      is-potential-custom-element-name: 1.0.1
+      lru-cache: 11.5.2
+      parse5: 8.0.1
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 6.0.2
+      undici: 8.10.0
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 8.0.1
+      whatwg-mimetype: 5.0.0
+      whatwg-url: 17.1.0
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
   jsesc@3.1.0: {}
 
   json-buffer@3.0.1: {}
@@ -7628,6 +7908,8 @@ snapshots:
 
   math-intrinsics@1.1.0: {}
 
+  mdn-data@2.27.1: {}
+
   media-typer@1.1.1: {}
 
   merge-descriptors@2.0.0: {}
@@ -7930,6 +8212,10 @@ snapshots:
 
   parse-statements@1.0.11: {}
 
+  parse5@8.0.1:
+    dependencies:
+      entities: 8.0.0
+
   parseurl@1.3.3: {}
 
   path-browserify@1.0.1: {}
@@ -8209,6 +8495,10 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
+  saxes@6.0.0:
+    dependencies:
+      xmlchars: 2.2.0
+
   scheduler@0.27.0: {}
 
   semver@6.3.1: {}
@@ -8540,6 +8830,8 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  symbol-tree@3.2.4: {}
+
   systeminformation@5.33.1: {}
 
   tailwind-merge@3.6.0: {}
@@ -8565,6 +8857,12 @@ snapshots:
 
   tinyspy@4.0.4: {}
 
+  tldts-core@7.4.10: {}
+
+  tldts@7.4.10:
+    dependencies:
+      tldts-core: 7.4.10
+
   tmcp@1.20.0(typescript@5.9.3):
     dependencies:
       '@standard-schema/spec': 1.1.0
@@ -8583,6 +8881,14 @@ snapshots:
 
   totalist@3.0.1: {}
 
+  tough-cookie@6.0.2:
+    dependencies:
+      tldts: 7.4.10
+
+  tr46@6.0.0:
+    dependencies:
+      punycode: 2.3.1
+
   ts-api-utils@2.5.0(typescript@5.9.3):
     dependencies:
       typescript: 5.9.3
@@ -8682,6 +8988,8 @@ snapshots:
 
   undici@7.29.0: {}
 
+  undici@8.10.0: {}
+
   unicorn-magic@0.3.0: {}
 
   universalify@2.0.1: {}
@@ -8787,7 +9095,7 @@ snapshots:
       fsevents: 2.3.3
       jiti: 2.7.0
 
-  vitest@4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)):
+  vitest@4.1.10(@types/node@20.19.43)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(jsdom@30.0.1)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)):
     dependencies:
       '@vitest/expect': 4.1.10
       '@vitest/mocker': 4.1.10(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))
@@ -8813,11 +9121,36 @@ snapshots:
       '@types/node': 20.19.43
       '@vitest/browser-playwright': 4.1.10(playwright@1.62.1)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0))(vitest@4.1.10)
       '@vitest/coverage-v8': 4.1.10(@vitest/browser@4.1.10)(vitest@4.1.10)
+      jsdom: 30.0.1
     transitivePeerDependencies:
       - msw
 
+  w3c-xmlserializer@5.0.0:
+    dependencies:
+      xml-name-validator: 5.0.0
+
+  webidl-conversions@8.0.1: {}
+
   webpack-virtual-modules@0.6.2: {}
 
+  whatwg-mimetype@5.0.0: {}
+
+  whatwg-url@16.0.1:
+    dependencies:
+      '@exodus/bytes': 1.15.1
+      tr46: 6.0.0
+      webidl-conversions: 8.0.1
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
+  whatwg-url@17.1.0:
+    dependencies:
+      '@exodus/bytes': 1.15.1
+      tr46: 6.0.0
+      webidl-conversions: 8.0.1
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
   which-boxed-primitive@1.1.1:
     dependencies:
       is-bigint: 1.1.0
@@ -8887,6 +9220,10 @@ snapshots:
       is-wsl: 3.1.1
       powershell-utils: 0.1.0
 
+  xml-name-validator@5.0.0: {}
+
+  xmlchars@2.2.0: {}
+
   yallist@3.1.1: {}
 
   yocto-queue@0.1.0: {}
diff --git a/frontend/tests/hooks/use-require-auth.test.tsx b/frontend/tests/hooks/use-require-auth.test.tsx
new file mode 100644
index 0000000..eab7c93
--- /dev/null
+++ b/frontend/tests/hooks/use-require-auth.test.tsx
@@ -0,0 +1,39 @@
+import { renderHook, waitFor } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import * as authApi from "@/apis/auth";
+import { useRequireAuth } from "@/hooks/use-require-auth";
+
+describe("useRequireAuth", () => {
+  afterEach(() => {
+    vi.restoreAllMocks();
+    // @ts-expect-error -- jsdom's location isn't reassignable by default; tests override it directly
+    delete window.location;
+    // @ts-expect-error -- window.location's setter type is narrower than Location in this TS/lib config
+    window.location = { href: "" } as Location;
+  });
+
+  it("returns the authenticated user when the session is valid", async () => {
+    vi.spyOn(authApi, "getCurrentUser").mockResolvedValue({
+      email: "chester@example.com",
+    });
+
+    const { result } = renderHook(() => useRequireAuth());
+
+    await waitFor(() =>
+      expect(result.current).toEqual({
+        status: "authenticated",
+        user: { email: "chester@example.com" },
+      }),
+    );
+  });
+
+  it("navigates to /dashboard/login when there is no session", async () => {
+    vi.spyOn(authApi, "getCurrentUser").mockResolvedValue(null);
+    // @ts-expect-error -- window.location's setter type is narrower than Location in this TS/lib config
+    window.location = { href: "" } as Location;
+
+    renderHook(() => useRequireAuth());
+
+    await waitFor(() => expect(window.location.href).toBe("/dashboard/login"));
+  });
+});
diff --git a/frontend/types/responses/auth.ts b/frontend/types/responses/auth.ts
new file mode 100644
index 0000000..da2be8c
--- /dev/null
+++ b/frontend/types/responses/auth.ts
@@ -0,0 +1,3 @@
+export interface CurrentUser {
+  email: string;
+}
diff --git a/frontend/types/responses/events.ts b/frontend/types/responses/events.ts
new file mode 100644
index 0000000..79c6a85
--- /dev/null
+++ b/frontend/types/responses/events.ts
@@ -0,0 +1,19 @@
+export interface EventSummary {
+  event_slug: string;
+  event_name: string;
+  channel: string | null;
+  start_at: string | null;
+  capacity: number | null;
+}
+
+export interface TimeseriesDataset {
+  name: string;
+  data: number[];
+}
+
+export interface EventTimeseries {
+  event: EventSummary;
+  labels: string[];
+  datasets: TimeseriesDataset[];
+  start_marker_label: string | null;
+}
diff --git a/frontend/types/responses/webhook-logs.ts b/frontend/types/responses/webhook-logs.ts
new file mode 100644
index 0000000..c5d8a40
--- /dev/null
+++ b/frontend/types/responses/webhook-logs.ts
@@ -0,0 +1,15 @@
+export interface WebhookLogEntry {
+  id: number;
+  method: string;
+  channel: string | null;
+  headers: string;
+  body: string | null;
+  created_at: string;
+}
+
+export interface WebhookLogsPage {
+  items: WebhookLogEntry[];
+  total: number;
+  limit: number;
+  offset: number;
+}
diff --git a/frontend/vitest.config.ts b/frontend/vitest.config.ts
index 2c8c88d..14de21c 100644
--- a/frontend/vitest.config.ts
+++ b/frontend/vitest.config.ts
@@ -11,6 +11,11 @@ const dirname =
 
 // More info at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon
 export default defineConfig({
+  resolve: {
+    alias: {
+      "@": path.resolve(dirname, "./"),
+    },
+  },
   test: {
     projects: [
       {
@@ -30,6 +35,14 @@ export default defineConfig({
           },
         },
       },
+      {
+        extends: true,
+        test: {
+          name: "unit",
+          environment: "jsdom",
+          include: ["tests/**/*.test.{ts,tsx}"],
+        },
+      },
     ],
   },
 });
diff --git a/frontend/vitest.shims.d.ts b/frontend/vitest.shims.d.ts
index 7782f28..03b1801 100644
--- a/frontend/vitest.shims.d.ts
+++ b/frontend/vitest.shims.d.ts
@@ -1 +1 @@
-/// <reference types="@vitest/browser-playwright" />
\ No newline at end of file
+/// <reference types="@vitest/browser-playwright" />

From 3bb160dd18d4522eea9409e135caf5c7ff94edb6 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 15 Aug 2026 22:50:57 +0800
Subject: [PATCH 09/34] feat(frontend): build the real event-list home page

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/layout.tsx |   4 +-
 frontend/app/page.tsx   | 109 +++++++++++++++++-----------------------
 2 files changed, 47 insertions(+), 66 deletions(-)

diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index 60c8751..0caeb5c 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -21,8 +21,8 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Argus Dashboard",
+  description: "Registration analytics dashboard for Argus",
 };
 
 export default function RootLayout({ children }: LayoutProps<"/">) {
diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
index d40116c..b8a3ab5 100644
--- a/frontend/app/page.tsx
+++ b/frontend/app/page.tsx
@@ -1,69 +1,50 @@
-import Image from "next/image";
+"use client";
+
+import Link from "next/link";
+import { useEffect, useState } from "react";
+import { listEvents } from "@/apis/events";
+import { useRequireAuth } from "@/hooks/use-require-auth";
+import type { EventSummary } from "@/types/responses/events";
+
+export default function DashboardHomePage() {
+  const auth = useRequireAuth();
+  const [events, setEvents] = useState<EventSummary[] | null>(null);
+
+  useEffect(() => {
+    if (auth.status !== "authenticated") return;
+    let cancelled = false;
+    listEvents().then((result) => {
+      if (!cancelled) setEvents(result);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [auth.status]);
+
+  if (auth.status !== "authenticated") {
+    return null;
+  }
 
-export default function Home() {
   return (
-    <div className="flex flex-1 flex-col items-center justify-center bg-zinc-50 font-sans dark:bg-black">
-      <main className="flex w-full max-w-3xl flex-1 flex-col items-center justify-between bg-white px-16 py-32 sm:items-start dark:bg-black">
-        <Image
-          className="h-5 w-[100px] dark:invert"
-          src="/next.svg"
-          alt="Next.js logo"
-          width={100}
-          height={20}
-          priority
-        />
-        <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
-          <h1 className="max-w-xs text-3xl leading-10 font-semibold tracking-tight text-black dark:text-zinc-50">
-            To get started, edit the{" "}
-            <code className="rounded bg-black/[.06] px-1.5 py-0.5 font-mono text-[0.9em] dark:bg-white/[.08]">
-              page.tsx
-            </code>{" "}
-            file.
-          </h1>
-          <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
-            Looking for a starting point or more instructions? Head over to{" "}
-            <a
-              href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-              className="font-medium text-zinc-950 dark:text-zinc-50"
-            >
-              Templates
-            </a>{" "}
-            or the{" "}
-            <a
-              href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-              className="font-medium text-zinc-950 dark:text-zinc-50"
+    <main className="mx-auto max-w-3xl p-6">
+      <div className="flex items-baseline justify-between">
+        <h1 className="font-heading text-2xl">Argus Dashboard</h1>
+        <span className="text-sm text-muted-foreground">{auth.user.email}</span>
+      </div>
+      <ul className="mt-6 flex flex-col gap-2">
+        {events === null && <li>Loading…</li>}
+        {events?.length === 0 && <li>No events yet.</li>}
+        {events?.map((event) => (
+          <li key={event.event_slug}>
+            <Link
+              href={`/events?slug=${encodeURIComponent(event.event_slug)}`}
+              className="text-primary underline underline-offset-4"
             >
-              Learning
-            </a>{" "}
-            center.
-          </p>
-        </div>
-        <div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
-          <a
-            className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] md:w-[158px] dark:hover:bg-[#ccc]"
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Image
-              className="h-[14px] w-4 dark:invert"
-              src="/vercel.svg"
-              alt="Vercel logomark"
-              width={16}
-              height={14}
-            />
-            Deploy Now
-          </a>
-          <a
-            className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] md:w-[158px] dark:border-white/[.145] dark:hover:bg-[#1a1a1a]"
-            href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Documentation
-          </a>
-        </div>
-      </main>
-    </div>
+              {event.event_name}
+            </Link>
+          </li>
+        ))}
+      </ul>
+    </main>
   );
 }

From c28f882d3d33219b8b28cc4eeb83213e9a6158a6 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 15 Aug 2026 23:06:08 +0800
Subject: [PATCH 10/34] feat(frontend): add event detail page with
 Recharts-based chart

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/events/page.tsx                  |  57 +++
 frontend/components/event-chart.tsx           |  89 +++++
 frontend/components/ui/card.tsx               | 102 +++++
 frontend/components/ui/chart.tsx              | 372 ++++++++++++++++++
 frontend/eslint.config.mjs                    |   5 +-
 frontend/package.json                         |   1 +
 frontend/pnpm-lock.yaml                       | 288 ++++++++++++++
 .../components/event-chart.stories.tsx        |  40 ++
 .../tests/components/event-chart.test.tsx     |  52 +++
 tests/test_docker_integration.py              |  13 +
 10 files changed, 1016 insertions(+), 3 deletions(-)
 create mode 100644 frontend/app/events/page.tsx
 create mode 100644 frontend/components/event-chart.tsx
 create mode 100644 frontend/components/ui/card.tsx
 create mode 100644 frontend/components/ui/chart.tsx
 create mode 100644 frontend/stories/components/event-chart.stories.tsx
 create mode 100644 frontend/tests/components/event-chart.test.tsx

diff --git a/frontend/app/events/page.tsx b/frontend/app/events/page.tsx
new file mode 100644
index 0000000..e6b75ff
--- /dev/null
+++ b/frontend/app/events/page.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import { useSearchParams } from "next/navigation";
+import { Suspense, useEffect, useState } from "react";
+import { getEventTimeseries } from "@/apis/events";
+import { EventChart } from "@/components/event-chart";
+import { useRequireAuth } from "@/hooks/use-require-auth";
+import type { EventTimeseries } from "@/types/responses/events";
+
+function EventDetailContent() {
+  const auth = useRequireAuth();
+  const searchParams = useSearchParams();
+  const slug = searchParams.get("slug");
+  const [timeseries, setTimeseries] = useState<EventTimeseries | null>(null);
+
+  useEffect(() => {
+    if (auth.status !== "authenticated" || !slug) return;
+    let cancelled = false;
+    getEventTimeseries(slug).then((result) => {
+      if (!cancelled) setTimeseries(result);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [auth.status, slug]);
+
+  if (auth.status !== "authenticated") {
+    return null;
+  }
+
+  if (!slug) {
+    return <p className="p-6">No event selected.</p>;
+  }
+
+  if (!timeseries) {
+    return <p className="p-6">Loading…</p>;
+  }
+
+  return (
+    <main className="mx-auto max-w-3xl p-6">
+      <h1 className="font-heading text-2xl">{timeseries.event.event_name}</h1>
+      <EventChart timeseries={timeseries} />
+    </main>
+  );
+}
+
+export default function EventDetailPage() {
+  // useSearchParams() opts the page out of static prerendering unless it's
+  // wrapped in Suspense — required even for a fully client-rendered,
+  // statically-exported route like this one (see next.config.ts's
+  // `output: "export"`).
+  return (
+    <Suspense fallback={<p className="p-6">Loading…</p>}>
+      <EventDetailContent />
+    </Suspense>
+  );
+}
diff --git a/frontend/components/event-chart.tsx b/frontend/components/event-chart.tsx
new file mode 100644
index 0000000..3ba4b56
--- /dev/null
+++ b/frontend/components/event-chart.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import {
+  CartesianGrid,
+  Line,
+  LineChart,
+  ReferenceLine,
+  XAxis,
+  YAxis,
+} from "recharts";
+import {
+  type ChartConfig,
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+} from "@/components/ui/chart";
+import type { EventTimeseries } from "@/types/responses/events";
+
+interface EventChartProps {
+  timeseries: EventTimeseries;
+}
+
+export function EventChart({ timeseries }: EventChartProps) {
+  // Recharts' category x-axis derives its domain purely from the plotted
+  // data, ignoring an explicit `domain` prop — so a ReferenceLine for a date
+  // outside `labels` (e.g. an upcoming event's start date) is silently
+  // discarded unless that date is itself a row in `data`. Add it as an
+  // otherwise-empty row so the axis includes it, connecting the surrounding
+  // line across the gap.
+  const labels =
+    timeseries.start_marker_label !== null &&
+    !timeseries.labels.includes(timeseries.start_marker_label)
+      ? [...timeseries.labels, timeseries.start_marker_label].sort()
+      : timeseries.labels;
+
+  const data = labels.map((label) => {
+    const point: Record<string, string | number> = { label };
+    const index = timeseries.labels.indexOf(label);
+    if (index !== -1) {
+      for (const dataset of timeseries.datasets) {
+        point[dataset.name] = dataset.data[index];
+      }
+    }
+    return point;
+  });
+
+  const config: ChartConfig = Object.fromEntries(
+    timeseries.datasets.map((dataset, index) => [
+      dataset.name,
+      { label: dataset.name, color: `var(--chart-${(index % 5) + 1})` },
+    ]),
+  );
+
+  return (
+    <ChartContainer config={config} className="h-80 w-full">
+      <LineChart data={data}>
+        <CartesianGrid vertical={false} />
+        <XAxis dataKey="label" tickLine={false} axisLine={false} />
+        <YAxis tickLine={false} axisLine={false} />
+        <ChartTooltip content={<ChartTooltipContent />} />
+        {timeseries.event.capacity !== null && (
+          <ReferenceLine
+            y={timeseries.event.capacity}
+            strokeDasharray="4 4"
+            label="Capacity"
+            ifOverflow="extendDomain"
+          />
+        )}
+        {timeseries.start_marker_label !== null && (
+          <ReferenceLine
+            x={timeseries.start_marker_label}
+            strokeDasharray="4 4"
+            label="Event start"
+          />
+        )}
+        {timeseries.datasets.map((dataset) => (
+          <Line
+            key={dataset.name}
+            dataKey={dataset.name}
+            stroke={`var(--color-${dataset.name})`}
+            strokeWidth={dataset.name === "Total" ? 2 : 1}
+            dot={false}
+            connectNulls
+          />
+        ))}
+      </LineChart>
+    </ChartContainer>
+  );
+}
diff --git a/frontend/components/ui/card.tsx b/frontend/components/ui/card.tsx
new file mode 100644
index 0000000..a4df405
--- /dev/null
+++ b/frontend/components/ui/card.tsx
@@ -0,0 +1,102 @@
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+function Card({
+  className,
+  size = "default",
+  ...props
+}: React.ComponentProps<"div"> & { size?: "default" | "sm" }) {
+  return (
+    <div
+      data-slot="card"
+      data-size={size}
+      className={cn(
+        "group/card flex flex-col gap-(--card-spacing) overflow-hidden bg-card py-(--card-spacing) text-sm text-card-foreground shadow-sm ring-1 ring-foreground/5 [--card-spacing:--spacing(8)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(5)] *:[img:first-child]:rounded-none *:[img:last-child]:rounded-none",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-header"
+      className={cn(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1.5 rounded-none px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-title"
+      className={cn(
+        "font-heading text-lg font-semibold tracking-wider uppercase",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-description"
+      className={cn("text-sm leading-relaxed text-muted-foreground", className)}
+      {...props}
+    />
+  );
+}
+
+function CardAction({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-action"
+      className={cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-content"
+      className={cn("px-(--card-spacing)", className)}
+      {...props}
+    />
+  );
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-footer"
+      className={cn(
+        "flex items-center px-(--card-spacing) [.border-t]:pt-(--card-spacing)",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardAction,
+  CardDescription,
+  CardContent,
+};
diff --git a/frontend/components/ui/chart.tsx b/frontend/components/ui/chart.tsx
new file mode 100644
index 0000000..b73118d
--- /dev/null
+++ b/frontend/components/ui/chart.tsx
@@ -0,0 +1,372 @@
+"use client";
+
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
+import type { TooltipValueType } from "recharts";
+import { cn } from "@/lib/utils";
+
+// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = { light: "", dark: ".dark" } as const;
+
+const INITIAL_DIMENSION = { width: 320, height: 200 } as const;
+type TooltipNameType = number | string;
+
+export type ChartConfig = Record<
+  string,
+  {
+    label?: React.ReactNode;
+    icon?: React.ComponentType;
+  } & (
+    | { color?: string; theme?: never }
+    | { color?: never; theme: Record<keyof typeof THEMES, string> }
+  )
+>;
+
+type ChartContextProps = {
+  config: ChartConfig;
+};
+
+const ChartContext = React.createContext<ChartContextProps | null>(null);
+
+function useChart() {
+  const context = React.useContext(ChartContext);
+
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />");
+  }
+
+  return context;
+}
+
+function ChartContainer({
+  id,
+  className,
+  children,
+  config,
+  initialDimension = INITIAL_DIMENSION,
+  ...props
+}: React.ComponentProps<"div"> & {
+  config: ChartConfig;
+  children: React.ComponentProps<
+    typeof RechartsPrimitive.ResponsiveContainer
+  >["children"];
+  initialDimension?: {
+    width: number;
+    height: number;
+  };
+}) {
+  const uniqueId = React.useId();
+  const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
+
+  return (
+    <ChartContext.Provider value={{ config }}>
+      <div
+        data-slot="chart"
+        data-chart={chartId}
+        className={cn(
+          "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
+          className,
+        )}
+        {...props}
+      >
+        <ChartStyle id={chartId} config={config} />
+        <RechartsPrimitive.ResponsiveContainer
+          initialDimension={initialDimension}
+        >
+          {children}
+        </RechartsPrimitive.ResponsiveContainer>
+      </div>
+    </ChartContext.Provider>
+  );
+}
+
+const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([, config]) => config.theme ?? config.color,
+  );
+
+  if (!colorConfig.length) {
+    return null;
+  }
+
+  return (
+    <style
+      dangerouslySetInnerHTML={{
+        __html: Object.entries(THEMES)
+          .map(
+            ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+  .map(([key, itemConfig]) => {
+    const color =
+      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ??
+      itemConfig.color;
+    return color ? `  --color-${key}: ${color};` : null;
+  })
+  .join("\n")}
+}
+`,
+          )
+          .join("\n"),
+      }}
+    />
+  );
+};
+
+const ChartTooltip = RechartsPrimitive.Tooltip;
+
+function ChartTooltipContent({
+  active,
+  payload,
+  className,
+  indicator = "dot",
+  hideLabel = false,
+  hideIndicator = false,
+  label,
+  labelFormatter,
+  labelClassName,
+  formatter,
+  color,
+  nameKey,
+  labelKey,
+}: React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
+  React.ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+  } & Omit<
+    RechartsPrimitive.DefaultTooltipContentProps<
+      TooltipValueType,
+      TooltipNameType
+    >,
+    "accessibilityLayer"
+  >) {
+  const { config } = useChart();
+
+  const tooltipLabel = React.useMemo(() => {
+    if (hideLabel || !payload?.length) {
+      return null;
+    }
+
+    const [item] = payload;
+    const key = `${labelKey ?? item?.dataKey ?? item?.name ?? "value"}`;
+    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+    const value =
+      !labelKey && typeof label === "string"
+        ? (config[label]?.label ?? label)
+        : itemConfig?.label;
+
+    if (labelFormatter) {
+      return (
+        <div className={cn("font-medium", labelClassName)}>
+          {labelFormatter(value, payload)}
+        </div>
+      );
+    }
+
+    if (!value) {
+      return null;
+    }
+
+    return <div className={cn("font-medium", labelClassName)}>{value}</div>;
+  }, [
+    label,
+    labelFormatter,
+    payload,
+    hideLabel,
+    labelClassName,
+    config,
+    labelKey,
+  ]);
+
+  if (!active || !payload?.length) {
+    return null;
+  }
+
+  const nestLabel = payload.length === 1 && indicator !== "dot";
+
+  return (
+    <div
+      className={cn(
+        "grid min-w-32 items-start gap-1.5 bg-popover px-2.5 py-1.5 text-xs text-popover-foreground shadow-sm ring-1 ring-foreground/10",
+        className,
+      )}
+    >
+      {!nestLabel ? tooltipLabel : null}
+      <div className="grid gap-1.5">
+        {payload
+          .filter((item) => item.type !== "none")
+          .map((item, index) => {
+            const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
+            const itemConfig = getPayloadConfigFromPayload(config, item, key);
+            const indicatorColor = color ?? item.payload?.fill ?? item.color;
+
+            return (
+              <div
+                key={index}
+                className={cn(
+                  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                  indicator === "dot" && "items-center",
+                )}
+              >
+                {formatter && item?.value !== undefined && item.name ? (
+                  formatter(item.value, item.name, item, index, item.payload)
+                ) : (
+                  <>
+                    {itemConfig?.icon ? (
+                      <itemConfig.icon />
+                    ) : (
+                      !hideIndicator && (
+                        <div
+                          className={cn(
+                            "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
+                            {
+                              "h-2.5 w-2.5": indicator === "dot",
+                              "w-1": indicator === "line",
+                              "w-0 border-[1.5px] border-dashed bg-transparent":
+                                indicator === "dashed",
+                              "my-0.5": nestLabel && indicator === "dashed",
+                            },
+                          )}
+                          style={
+                            {
+                              "--color-bg": indicatorColor,
+                              "--color-border": indicatorColor,
+                            } as React.CSSProperties
+                          }
+                        />
+                      )
+                    )}
+                    <div
+                      className={cn(
+                        "flex flex-1 justify-between leading-none",
+                        nestLabel ? "items-end" : "items-center",
+                      )}
+                    >
+                      <div className="grid gap-1.5">
+                        {nestLabel ? tooltipLabel : null}
+                        <span className="text-muted-foreground">
+                          {itemConfig?.label ?? item.name}
+                        </span>
+                      </div>
+                      {item.value != null && (
+                        <span className="font-mono font-medium text-foreground tabular-nums">
+                          {typeof item.value === "number"
+                            ? item.value.toLocaleString()
+                            : String(item.value)}
+                        </span>
+                      )}
+                    </div>
+                  </>
+                )}
+              </div>
+            );
+          })}
+      </div>
+    </div>
+  );
+}
+
+const ChartLegend = RechartsPrimitive.Legend;
+
+function ChartLegendContent({
+  className,
+  hideIcon = false,
+  payload,
+  verticalAlign = "bottom",
+  nameKey,
+}: React.ComponentProps<"div"> & {
+  hideIcon?: boolean;
+  nameKey?: string;
+} & RechartsPrimitive.DefaultLegendContentProps) {
+  const { config } = useChart();
+
+  if (!payload?.length) {
+    return null;
+  }
+
+  return (
+    <div
+      className={cn(
+        "flex items-center justify-center gap-4",
+        verticalAlign === "top" ? "pb-3" : "pt-3",
+        className,
+      )}
+    >
+      {payload
+        .filter((item) => item.type !== "none")
+        .map((item, index) => {
+          const key = `${nameKey ?? item.dataKey ?? "value"}`;
+          const itemConfig = getPayloadConfigFromPayload(config, item, key);
+
+          return (
+            <div
+              key={index}
+              className={cn(
+                "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground",
+              )}
+            >
+              {itemConfig?.icon && !hideIcon ? (
+                <itemConfig.icon />
+              ) : (
+                <div
+                  className="h-2 w-2 shrink-0 rounded-[2px]"
+                  style={{
+                    backgroundColor: item.color,
+                  }}
+                />
+              )}
+              {itemConfig?.label}
+            </div>
+          );
+        })}
+    </div>
+  );
+}
+
+function getPayloadConfigFromPayload(
+  config: ChartConfig,
+  payload: unknown,
+  key: string,
+) {
+  if (typeof payload !== "object" || payload === null) {
+    return undefined;
+  }
+
+  const payloadPayload =
+    "payload" in payload &&
+    typeof payload.payload === "object" &&
+    payload.payload !== null
+      ? payload.payload
+      : undefined;
+
+  let configLabelKey: string = key;
+
+  if (
+    key in payload &&
+    typeof payload[key as keyof typeof payload] === "string"
+  ) {
+    configLabelKey = payload[key as keyof typeof payload] as string;
+  } else if (
+    payloadPayload &&
+    key in payloadPayload &&
+    typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
+  ) {
+    configLabelKey = payloadPayload[
+      key as keyof typeof payloadPayload
+    ] as string;
+  }
+
+  return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+
+export {
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+};
diff --git a/frontend/eslint.config.mjs b/frontend/eslint.config.mjs
index 793022c..4600d10 100644
--- a/frontend/eslint.config.mjs
+++ b/frontend/eslint.config.mjs
@@ -1,8 +1,7 @@
 // For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
-import storybook from "eslint-plugin-storybook";
-
 import nextVitals from "eslint-config-next/core-web-vitals";
 import nextTs from "eslint-config-next/typescript";
+import storybook from "eslint-plugin-storybook";
 import { defineConfig, globalIgnores } from "eslint/config";
 
 const eslintConfig = defineConfig([
@@ -16,7 +15,7 @@ const eslintConfig = defineConfig([
     "build/**",
     "next-env.d.ts",
   ]),
-  ...storybook.configs["flat/recommended"]
+  ...storybook.configs["flat/recommended"],
 ]);
 
 export default eslintConfig;
diff --git a/frontend/package.json b/frontend/package.json
index 24b1ad3..36592cb 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -19,6 +19,7 @@
     "next": "16.3.1",
     "react": "19.2.8",
     "react-dom": "19.2.8",
+    "recharts": "3.8.0",
     "shadcn": "^4.18.0",
     "tailwind-merge": "^3.6.0",
     "tw-animate-css": "^1.4.0"
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index 2805156..bcb0d8d 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -32,6 +32,9 @@ importers:
       react-dom:
         specifier: 19.2.8
         version: 19.2.8(react@19.2.8)
+      recharts:
+        specifier: 3.8.0
+        version: 3.8.0(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@17.0.2)(react@19.2.8)(redux@5.0.1)
       shadcn:
         specifier: ^4.18.0
         version: 4.18.0(typescript@5.9.3)
@@ -1164,6 +1167,17 @@ packages:
   '@polka/url@1.0.0-next.29':
     resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
 
+  '@reduxjs/toolkit@2.12.0':
+    resolution: {integrity: sha512-KiT+RzZbp6mQET+Mg+h2c97+9j1sNflUxQkIHI7Yuzf6Peu+OYpmkn6nbHWmLLWj+1ZODUJFwGZ7gx3L9R9EOw==}
+    peerDependencies:
+      react: ^16.9.0 || ^17.0.0 || ^18 || ^19
+      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-redux:
+        optional: true
+
   '@rolldown/binding-android-arm64@1.2.4':
     resolution: {integrity: sha512-jHC2cnyKz5xU2fhECtFl8OZ83cYNt13GZQD+0uMJ/X3o+ijmd56okHhTUwxVSHPx1IRVIJEZ1/1pPzeLCU6XKA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1279,6 +1293,9 @@ packages:
   '@standard-schema/spec@1.1.0':
     resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
 
+  '@standard-schema/utils@0.3.0':
+    resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==}
+
   '@storybook/addon-a11y@10.5.8':
     resolution: {integrity: sha512-yunl+sKa29NaUC3I4yjESwk6ED8waEgmmvIJzNAJvdhb7thFzZYYEld68RzKmOVcGBkD3snK5eZ/Xf0l4VWliQ==}
     peerDependencies:
@@ -1604,6 +1621,33 @@ packages:
   '@types/chai@5.2.3':
     resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
 
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-shape@3.1.8':
+    resolution: {integrity: sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
   '@types/deep-eql@4.0.2':
     resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
 
@@ -1636,6 +1680,9 @@ packages:
   '@types/resolve@1.20.6':
     resolution: {integrity: sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==}
 
+  '@types/use-sync-external-store@0.0.6':
+    resolution: {integrity: sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==}
+
   '@types/validate-npm-package-name@4.0.2':
     resolution: {integrity: sha512-lrpDziQipxCEeK5kWxvljWYhUvOiB2A9izZd9B2AFarYAkqZshb4lPbRs7zKEic6eGtH8V/2qJW+dPp9OtF6bw==}
 
@@ -2232,6 +2279,50 @@ packages:
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
+  d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-format@3.1.2:
+    resolution: {integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-path@3.1.0:
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
+
+  d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+
+  d3-shape@3.2.0:
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
+
+  d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+
+  d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
   damerau-levenshtein@1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
 
@@ -2272,6 +2363,9 @@ packages:
       supports-color:
         optional: true
 
+  decimal.js-light@2.5.1:
+    resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
+
   decimal.js@10.6.0:
     resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
 
@@ -2442,6 +2536,9 @@ packages:
     resolution: {integrity: sha512-yPDz7wqpg1/mmHLmS3tcfTfbw5f1eryXvyghYBffGdERwe+mV7ZcWzTR8LR17Kvqt3qfPurjlonmnq3MKXIOXw==}
     engines: {node: '>= 0.4'}
 
+  es-toolkit@1.50.0:
+    resolution: {integrity: sha512-OyZKhUVvEep9ITEiwHn8GKnMRQIVqoSIX7WnRbkWgJkllCujilqP2rD0u979tkl8wqyc8ICwlc1UBVv/Sl1G6w==}
+
   esbuild@0.28.2:
     resolution: {integrity: sha512-HKVLS8dvII+xoKW9kmqxbRKrnWEXfJJr/FZhhJmiqIB0e053QNYFqOBouTMO/k5sID4MvCiUCvv8b9M4h32wIA==}
     engines: {node: '>=18'}
@@ -2602,6 +2699,9 @@ packages:
     resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
     engines: {node: '>= 0.6'}
 
+  eventemitter3@5.0.4:
+    resolution: {integrity: sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==}
+
   eventsource-parser@3.1.1:
     resolution: {integrity: sha512-EKN1vKAMcZ8MlYMpaNuxN6R9yakzH6uajHcHVTqWJzvu5pWw9DyhbP35HH8MVBQ+dZjAfDxk+A8NiR9KWaXiyQ==}
     engines: {node: '>=18.0.0'}
@@ -2897,6 +2997,12 @@ packages:
     engines: {node: '>=16.x'}
     hasBin: true
 
+  immer@10.2.0:
+    resolution: {integrity: sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==}
+
+  immer@11.1.16:
+    resolution: {integrity: sha512-Xs7H9rBc+kti1J6RueUvbEBkmOz7jqj11XYgf+YMXAYzu8EeE7hwZ9poLXdVfVnGmJu7QAf41T7H2KuF6QoK6Q==}
+
   import-fresh@3.3.1:
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
     engines: {node: '>=6'}
@@ -2916,6 +3022,10 @@ packages:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
 
+  internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+
   ip-address@10.5.0:
     resolution: {integrity: sha512-R5SnVLJmgYYvf2F2ZgwSBnelz5G4q5AxIC277GDfUaNbrZKNANcBC7RHqYYePlszf4kBolVkJauG0ZjHHFh55g==}
     engines: {node: '>= 12'}
@@ -3923,6 +4033,18 @@ packages:
   react-is@17.0.2:
     resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
 
+  react-redux@9.3.0:
+    resolution: {integrity: sha512-KQopgqFo/p/fgmAs5qz6p5RWaNAzq40WAu7fJIXnQpYxFPbJYtsJPWvGeF2rOBaY/kEuV77AVsX8TsQzKm+A/g==}
+    peerDependencies:
+      '@types/react': ^18.2.25 || ^19
+      react: ^18.0 || ^19
+      redux: ^5.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      redux:
+        optional: true
+
   react@19.2.8:
     resolution: {integrity: sha512-PWaYA1L/q9u2u7xYQi+Y3L3Yfnie7XyLeaJICV1MGD6LprsBxcAqGjYyr0eY3p+QdsA+x/Irkt4Qif8D63+Sbw==}
     engines: {node: '>=0.10.0'}
@@ -3931,10 +4053,26 @@ packages:
     resolution: {integrity: sha512-mFAyJq9vUbSTARLZUvAEf1z3YxlvAwswbmxMx2mPA/MSm4KmpwvwvhsH/NIrZhyOuwD60Lzyw2qh83uCbgTPYw==}
     engines: {node: '>= 4'}
 
+  recharts@3.8.0:
+    resolution: {integrity: sha512-Z/m38DX3L73ExO4Tpc9/iZWHmHnlzWG4njQbxsF5aSjwqmHNDDIm0rdEBArkwsBvR8U6EirlEHiQNYWCVh9sGQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-is: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   redent@3.0.0:
     resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
     engines: {node: '>=8'}
 
+  redux-thunk@3.1.0:
+    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
+    peerDependencies:
+      redux: ^5.0.0
+
+  redux@5.0.1:
+    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
+
   reflect.getprototypeof@1.0.10:
     resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
     engines: {node: '>= 0.4'}
@@ -3947,6 +4085,9 @@ packages:
     resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
     engines: {node: '>=0.10.0'}
 
+  reselect@5.1.1:
+    resolution: {integrity: sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==}
+
   reselect@5.2.0:
     resolution: {integrity: sha512-AgZ3UOZm3YndfrJ4OYjgrT7bmCm/1iqkjvEfH/oYjzh6PD2qw4QuT3jjnXIrpdt4MTpMXclMT3lXbmRY+XRakw==}
 
@@ -4457,6 +4598,9 @@ packages:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
+  victory-vendor@37.3.6:
+    resolution: {integrity: sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==}
+
   vite-plugin-storybook-nextjs@3.3.2:
     resolution: {integrity: sha512-emY992wwyOfG5kDEmo7br/OWCz8YMOYhc/0YQo/vGdSqYQhTCRSvHHjjeysAr6co1F2cyoK50szd4nMitZ0k8w==}
     peerDependencies:
@@ -5554,6 +5698,18 @@ snapshots:
 
   '@polka/url@1.0.0-next.29': {}
 
+  '@reduxjs/toolkit@2.12.0(react-redux@9.3.0(@types/react@19.2.18)(react@19.2.8)(redux@5.0.1))(react@19.2.8)':
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      '@standard-schema/utils': 0.3.0
+      immer: 11.1.16
+      redux: 5.0.1
+      redux-thunk: 3.1.0(redux@5.0.1)
+      reselect: 5.2.0
+    optionalDependencies:
+      react: 19.2.8
+      react-redux: 9.3.0(@types/react@19.2.18)(react@19.2.8)(redux@5.0.1)
+
   '@rolldown/binding-android-arm64@1.2.4':
     optional: true
 
@@ -5612,6 +5768,8 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
+  '@standard-schema/utils@0.3.0': {}
+
   '@storybook/addon-a11y@10.5.8(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))':
     dependencies:
       '@storybook/global': 5.0.0
@@ -5951,6 +6109,30 @@ snapshots:
       '@types/deep-eql': 4.0.2
       assertion-error: 2.0.1
 
+  '@types/d3-array@3.2.2': {}
+
+  '@types/d3-color@3.1.3': {}
+
+  '@types/d3-ease@3.0.2': {}
+
+  '@types/d3-interpolate@3.0.4':
+    dependencies:
+      '@types/d3-color': 3.1.3
+
+  '@types/d3-path@3.1.1': {}
+
+  '@types/d3-scale@4.0.9':
+    dependencies:
+      '@types/d3-time': 3.0.4
+
+  '@types/d3-shape@3.1.8':
+    dependencies:
+      '@types/d3-path': 3.1.1
+
+  '@types/d3-time@3.0.4': {}
+
+  '@types/d3-timer@3.0.2': {}
+
   '@types/deep-eql@4.0.2': {}
 
   '@types/doctrine@0.0.9': {}
@@ -5977,6 +6159,8 @@ snapshots:
 
   '@types/resolve@1.20.6': {}
 
+  '@types/use-sync-external-store@0.0.6': {}
+
   '@types/validate-npm-package-name@4.0.2': {}
 
   '@typescript-eslint/eslint-plugin@8.67.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.5(jiti@2.7.0))(typescript@5.9.3)':
@@ -6606,6 +6790,44 @@ snapshots:
 
   csstype@3.2.3: {}
 
+  d3-array@3.2.4:
+    dependencies:
+      internmap: 2.0.3
+
+  d3-color@3.1.0: {}
+
+  d3-ease@3.0.1: {}
+
+  d3-format@3.1.2: {}
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+
+  d3-path@3.1.0: {}
+
+  d3-scale@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+
+  d3-shape@3.2.0:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-time-format@4.1.0:
+    dependencies:
+      d3-time: 3.1.0
+
+  d3-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-timer@3.0.1: {}
+
   damerau-levenshtein@1.0.8: {}
 
   data-urls@7.0.0:
@@ -6645,6 +6867,8 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  decimal.js-light@2.5.1: {}
+
   decimal.js@10.6.0: {}
 
   dedent@1.7.2: {}
@@ -6855,6 +7079,8 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
+  es-toolkit@1.50.0: {}
+
   esbuild@0.28.2:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.28.2
@@ -7117,6 +7343,8 @@ snapshots:
 
   etag@1.8.1: {}
 
+  eventemitter3@5.0.4: {}
+
   eventsource-parser@3.1.1: {}
 
   eventsource@3.0.7:
@@ -7451,6 +7679,10 @@ snapshots:
 
   image-size@2.0.2: {}
 
+  immer@10.2.0: {}
+
+  immer@11.1.16: {}
+
   import-fresh@3.3.1:
     dependencies:
       parent-module: 1.0.1
@@ -7468,6 +7700,8 @@ snapshots:
       hasown: 2.0.4
       side-channel: 1.1.1
 
+  internmap@2.0.3: {}
+
   ip-address@10.5.0: {}
 
   ipaddr.js@1.9.1: {}
@@ -8372,6 +8606,15 @@ snapshots:
 
   react-is@17.0.2: {}
 
+  react-redux@9.3.0(@types/react@19.2.18)(react@19.2.8)(redux@5.0.1):
+    dependencies:
+      '@types/use-sync-external-store': 0.0.6
+      react: 19.2.8
+      use-sync-external-store: 1.6.0(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      redux: 5.0.1
+
   react@19.2.8: {}
 
   recast@0.23.21:
@@ -8382,11 +8625,37 @@ snapshots:
       tiny-invariant: 1.3.3
       tslib: 2.8.1
 
+  recharts@3.8.0(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@17.0.2)(react@19.2.8)(redux@5.0.1):
+    dependencies:
+      '@reduxjs/toolkit': 2.12.0(react-redux@9.3.0(@types/react@19.2.18)(react@19.2.8)(redux@5.0.1))(react@19.2.8)
+      clsx: 2.1.1
+      decimal.js-light: 2.5.1
+      es-toolkit: 1.50.0
+      eventemitter3: 5.0.4
+      immer: 10.2.0
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      react-is: 17.0.2
+      react-redux: 9.3.0(@types/react@19.2.18)(react@19.2.8)(redux@5.0.1)
+      reselect: 5.1.1
+      tiny-invariant: 1.3.3
+      use-sync-external-store: 1.6.0(react@19.2.8)
+      victory-vendor: 37.3.6
+    transitivePeerDependencies:
+      - '@types/react'
+      - redux
+
   redent@3.0.0:
     dependencies:
       indent-string: 4.0.0
       strip-indent: 3.0.0
 
+  redux-thunk@3.1.0(redux@5.0.1):
+    dependencies:
+      redux: 5.0.1
+
+  redux@5.0.1: {}
+
   reflect.getprototypeof@1.0.10:
     dependencies:
       call-bind: 1.0.9
@@ -8409,6 +8678,8 @@ snapshots:
 
   require-from-string@2.0.2: {}
 
+  reselect@5.1.1: {}
+
   reselect@5.2.0: {}
 
   resolve-from@4.0.0: {}
@@ -9056,6 +9327,23 @@ snapshots:
 
   vary@1.1.2: {}
 
+  victory-vendor@37.3.6:
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-ease': 3.0.2
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-scale': 4.0.9
+      '@types/d3-shape': 3.1.8
+      '@types/d3-time': 3.0.4
+      '@types/d3-timer': 3.0.2
+      d3-array: 3.2.4
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-scale: 4.0.2
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-timer: 3.0.1
+
   vite-plugin-storybook-nextjs@3.3.2(next@16.3.1(@babel/core@7.29.7)(@types/node@20.19.43)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(storybook@10.5.8(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)(vite@8.2.1(@types/node@20.19.43)(esbuild@0.28.2)(jiti@2.7.0)):
     dependencies:
       '@next/env': 16.3.0-preview.5
diff --git a/frontend/stories/components/event-chart.stories.tsx b/frontend/stories/components/event-chart.stories.tsx
new file mode 100644
index 0000000..d941420
--- /dev/null
+++ b/frontend/stories/components/event-chart.stories.tsx
@@ -0,0 +1,40 @@
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { expect } from "storybook/test";
+import { EventChart } from "@/components/event-chart";
+
+const meta = {
+  title: "Components/EventChart",
+  component: EventChart,
+  tags: ["ai-generated"],
+} satisfies Meta<typeof EventChart>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// Smoke check — one is enough per file
+export const Default: Story = {
+  args: {
+    timeseries: {
+      event: {
+        event_slug: "test-event",
+        event_name: "Test Event",
+        channel: "SPRINT",
+        start_at: "2026-04-25T01:00:00",
+        capacity: 30,
+      },
+      labels: ["2026-04-15", "2026-04-16", "2026-04-17"],
+      datasets: [
+        { name: "Total", data: [1, 3, 5] },
+        { name: "一般票", data: [1, 2, 3] },
+        { name: "早鳥票", data: [0, 1, 2] },
+      ],
+      start_marker_label: "2026-04-25",
+    },
+  },
+  play: async ({ canvasElement }) => {
+    // Recharts renders each `<Line>` as a `.recharts-line` group — assert
+    // one per dataset rather than just checking that something rendered.
+    const lines = canvasElement.querySelectorAll(".recharts-line");
+    await expect(lines).toHaveLength(3);
+  },
+};
diff --git a/frontend/tests/components/event-chart.test.tsx b/frontend/tests/components/event-chart.test.tsx
new file mode 100644
index 0000000..d70d22c
--- /dev/null
+++ b/frontend/tests/components/event-chart.test.tsx
@@ -0,0 +1,52 @@
+import { render } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { EventChart } from "@/components/event-chart";
+import type { EventTimeseries } from "@/types/responses/events";
+
+const sample: EventTimeseries = {
+  event: {
+    event_slug: "test-event",
+    event_name: "Test Event",
+    channel: "SPRINT",
+    start_at: "2026-04-25T01:00:00",
+    capacity: 30,
+  },
+  labels: ["2026-04-15", "2026-04-16"],
+  datasets: [
+    { name: "Total", data: [1, 3] },
+    { name: "一般票", data: [1, 2] },
+  ],
+  start_marker_label: "2026-04-25",
+};
+
+describe("EventChart", () => {
+  it("renders a line for every dataset", () => {
+    const { container } = render(<EventChart timeseries={sample} />);
+
+    const lines = container.querySelectorAll(".recharts-line");
+    expect(lines).toHaveLength(sample.datasets.length);
+  });
+
+  it("renders both the capacity and event-start reference lines when present", () => {
+    const { container } = render(<EventChart timeseries={sample} />);
+
+    const referenceLines = container.querySelectorAll(
+      ".recharts-reference-line",
+    );
+    expect(referenceLines).toHaveLength(2);
+  });
+
+  it("omits reference lines whose value is null", () => {
+    const timeseries: EventTimeseries = {
+      ...sample,
+      event: { ...sample.event, capacity: null },
+      start_marker_label: null,
+    };
+    const { container } = render(<EventChart timeseries={timeseries} />);
+
+    const referenceLines = container.querySelectorAll(
+      ".recharts-reference-line",
+    );
+    expect(referenceLines).toHaveLength(0);
+  });
+});
diff --git a/tests/test_docker_integration.py b/tests/test_docker_integration.py
index a2eeca1..ba52b95 100644
--- a/tests/test_docker_integration.py
+++ b/tests/test_docker_integration.py
@@ -125,6 +125,19 @@ def test_docker_image_serves_frontend_shell(api_url: str) -> None:
         assert "text/html" in response.headers["content-type"]
 
 
+def test_docker_image_serves_event_detail_page(api_url: str) -> None:
+    """The event-detail page (query-string based) is served at /dashboard/events.
+
+    Like `/dashboard`, `/dashboard/events` (no trailing slash) 307-redirects to
+    `/dashboard/events/` per Starlette's `redirect_slashes` mount behavior, so
+    the client here follows it just as a browser would.
+    """
+    with httpx.Client(base_url=api_url, timeout=5, follow_redirects=True) as client:
+        response = client.get("/dashboard/events", params={"slug": "anything"})
+        assert response.status_code == 200
+        assert "text/html" in response.headers["content-type"]
+
+
 def _start_postgresql(container: str, network: str) -> None:
     _run(
         [

From 7235f8d2e4d648268508baf855a4cdb89ac99b2b Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 15 Aug 2026 23:15:48 +0800
Subject: [PATCH 11/34] feat(frontend): add webhook logs page

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/webhook-logs/page.tsx | 117 +++++++++++++++++++++++++++++
 tests/test_docker_integration.py   |  14 ++++
 2 files changed, 131 insertions(+)
 create mode 100644 frontend/app/webhook-logs/page.tsx

diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
new file mode 100644
index 0000000..6f837f4
--- /dev/null
+++ b/frontend/app/webhook-logs/page.tsx
@@ -0,0 +1,117 @@
+"use client";
+
+import { useEffect, useState, useTransition } from "react";
+import {
+  clearWebhookLogs,
+  deleteWebhookLog,
+  listWebhookLogs,
+} from "@/apis/webhook-logs";
+import { useRequireAuth } from "@/hooks/use-require-auth";
+import type { WebhookLogsPage } from "@/types/responses/webhook-logs";
+
+const PAGE_SIZE = 50;
+
+export default function WebhookLogsPage() {
+  const auth = useRequireAuth();
+  const [offset, setOffset] = useState(0);
+  const [page, setPage] = useState<WebhookLogsPage | null>(null);
+  const [isPending, startTransition] = useTransition();
+
+  const reload = () => {
+    listWebhookLogs(PAGE_SIZE, offset).then(setPage);
+  };
+
+  useEffect(() => {
+    if (auth.status !== "authenticated") return;
+    reload();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [auth.status, offset]);
+
+  if (auth.status !== "authenticated") {
+    return null;
+  }
+
+  const handleDelete = (id: number) => {
+    startTransition(async () => {
+      await deleteWebhookLog(id);
+      reload();
+    });
+  };
+
+  const handleClearAll = () => {
+    startTransition(async () => {
+      await clearWebhookLogs();
+      reload();
+    });
+  };
+
+  return (
+    <main className="mx-auto max-w-4xl p-6">
+      <div className="flex items-baseline justify-between">
+        <h1 className="font-heading text-2xl">Webhook Logs</h1>
+        <button
+          type="button"
+          onClick={handleClearAll}
+          disabled={isPending}
+          className="text-sm text-destructive underline"
+        >
+          Clear all
+        </button>
+      </div>
+      {page === null && <p className="mt-4">Loading…</p>}
+      {page && (
+        <>
+          <table className="mt-4 w-full text-left text-sm">
+            <thead>
+              <tr>
+                <th>Method</th>
+                <th>Channel</th>
+                <th>Created</th>
+                <th />
+              </tr>
+            </thead>
+            <tbody>
+              {page.items.map((item) => (
+                <tr key={item.id}>
+                  <td>{item.method}</td>
+                  <td>{item.channel ?? "—"}</td>
+                  <td>{item.created_at}</td>
+                  <td>
+                    <button
+                      type="button"
+                      onClick={() => handleDelete(item.id)}
+                      disabled={isPending}
+                      className="text-destructive underline"
+                    >
+                      Delete
+                    </button>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+          <div className="mt-4 flex items-center gap-4">
+            <button
+              type="button"
+              disabled={offset === 0}
+              onClick={() => setOffset(Math.max(0, offset - PAGE_SIZE))}
+            >
+              Previous
+            </button>
+            <span>
+              {offset + 1}–{Math.min(offset + PAGE_SIZE, page.total)} of{" "}
+              {page.total}
+            </span>
+            <button
+              type="button"
+              disabled={offset + PAGE_SIZE >= page.total}
+              onClick={() => setOffset(offset + PAGE_SIZE)}
+            >
+              Next
+            </button>
+          </div>
+        </>
+      )}
+    </main>
+  );
+}
diff --git a/tests/test_docker_integration.py b/tests/test_docker_integration.py
index ba52b95..578855a 100644
--- a/tests/test_docker_integration.py
+++ b/tests/test_docker_integration.py
@@ -138,6 +138,20 @@ def test_docker_image_serves_event_detail_page(api_url: str) -> None:
         assert "text/html" in response.headers["content-type"]
 
 
+def test_docker_image_serves_webhook_logs_page(api_url: str) -> None:
+    """The webhook-logs page is served at /dashboard/webhook-logs.
+
+    Like `/dashboard`, `/dashboard/webhook-logs` (no trailing slash)
+    307-redirects to `/dashboard/webhook-logs/` per Starlette's
+    `redirect_slashes` mount behavior, so the client here follows it just as
+    a browser would.
+    """
+    with httpx.Client(base_url=api_url, timeout=5, follow_redirects=True) as client:
+        response = client.get("/dashboard/webhook-logs")
+        assert response.status_code == 200
+        assert "text/html" in response.headers["content-type"]
+
+
 def _start_postgresql(container: str, network: str) -> None:
     _run(
         [

From 17b985fb5dd82e09034a0abd36eaa9a9ebff9150 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 15 Aug 2026 23:22:10 +0800
Subject: [PATCH 12/34] fix(frontend): await reload() in webhook-logs handlers

isPending must stay true until the refetched page has landed in state,
not just until the mutation call returns, to actually prevent races
between overlapping delete/clear-all + reload cycles sharing one
useTransition.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/webhook-logs/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
index 6f837f4..f3f40fc 100644
--- a/frontend/app/webhook-logs/page.tsx
+++ b/frontend/app/webhook-logs/page.tsx
@@ -18,7 +18,7 @@ export default function WebhookLogsPage() {
   const [isPending, startTransition] = useTransition();
 
   const reload = () => {
-    listWebhookLogs(PAGE_SIZE, offset).then(setPage);
+    return listWebhookLogs(PAGE_SIZE, offset).then(setPage);
   };
 
   useEffect(() => {
@@ -34,14 +34,14 @@ export default function WebhookLogsPage() {
   const handleDelete = (id: number) => {
     startTransition(async () => {
       await deleteWebhookLog(id);
-      reload();
+      await reload();
     });
   };
 
   const handleClearAll = () => {
     startTransition(async () => {
       await clearWebhookLogs();
-      reload();
+      await reload();
     });
   };
 

From d80480a701e566d46062879ed5dc3044f392ada7 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 15 Aug 2026 23:33:08 +0800
Subject: [PATCH 13/34] feat(frontend): proxy API calls to the backend during
 next dev

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/next.config.ts | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/frontend/next.config.ts b/frontend/next.config.ts
index 7097b84..eeec1c5 100644
--- a/frontend/next.config.ts
+++ b/frontend/next.config.ts
@@ -8,6 +8,31 @@ const nextConfig: NextConfig = {
   images: {
     unoptimized: true,
   },
+  // `rewrites()` has no effect on `output: "export"` production builds
+  // (static export can't proxy at request time) — it only applies to
+  // `next dev`, which is exactly where it's needed: `next dev` and
+  // `uvicorn` run as separate processes on different ports locally, so
+  // without this the browser would see a cross-origin request.
+  //
+  // `source` is deliberately "/api/:path*/", not "/dashboard/api/:path*":
+  //   - `basePath: "/dashboard"` above is auto-prepended to internal
+  //     `rewrites()` sources, so writing "/dashboard" again here would
+  //     match "/dashboard/dashboard/api/*" and never fire.
+  //   - the trailing slash is required because `trailingSlash: true`
+  //     redirects "/dashboard/api/me" -> "/dashboard/api/me/" *before*
+  //     rewrites are matched; without it, that redirect round-trip lands
+  //     on a route with no match and 404s instead of proxying.
+  // Verified against a local backend: GET/DELETE and query strings all
+  // proxy correctly (via the extra, transparent 308 redirect that
+  // `trailingSlash: true` already adds for every route, not just this one).
+  async rewrites() {
+    return [
+      {
+        source: "/api/:path*/",
+        destination: "http://localhost:8000/dashboard/api/:path*",
+      },
+    ];
+  },
 };
 
 export default nextConfig;

From ee6d885473617cb2ff8744bb3627236df14ebab2 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 15 Aug 2026 23:49:56 +0800
Subject: [PATCH 14/34] chore: fix ruff format drift in main.py

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/argus/main.py | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/argus/main.py b/src/argus/main.py
index 4b28591..cb08ac5 100644
--- a/src/argus/main.py
+++ b/src/argus/main.py
@@ -68,7 +68,9 @@ async def lifespan(_app: FastAPI):
 
 if _FRONTEND_DIR.is_dir():
     app.mount(
-        "/dashboard", StaticFiles(directory=_FRONTEND_DIR, html=True), name="dashboard-frontend"
+        "/dashboard",
+        StaticFiles(directory=_FRONTEND_DIR, html=True),
+        name="dashboard-frontend",
     )
 
 

From ab8553c451d64a357c624d1b534aee9df62bff82 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sun, 16 Aug 2026 00:17:44 +0800
Subject: [PATCH 15/34] fix(dashboard): serve Next's static events/* payload
 files before the legacy route

Next's static export emits internal client-navigation payload files
(index.txt, __next._tree.txt, __next.events.__PAGE__.txt, ...) under
/dashboard/events/*, the same URL prefix as the legacy FastAPI route
GET /dashboard/events/{slug}. Since that route is registered before the
StaticFiles mount, it swallowed these payload requests as spurious
event-slug DB lookups, degrading Next's client-side prefetch/navigation
to a full page reload.

dashboard_event() now checks whether the requested slug corresponds to
a real file under the built frontend's events/ directory and serves it
directly via FileResponse before any session/DB logic. Falls through
unchanged (and safely, via Path.is_file() on a possibly-missing
directory) when it doesn't.

Adds real test coverage for this route for the first time: the fixed
collision, the legacy route still rendering end-to-end for a real
event slug, and the existing unauthenticated-redirect behavior.

Also corrects two test_docker_integration.py docstrings that
attributed the /dashboard/events and /dashboard/webhook-logs
no-trailing-slash 307 to Starlette Mount's redirect_slashes -- it's
actually StaticFiles' own directory-index redirect, a related but
distinct mechanism (redirect_slashes only applies to the bare mount
path, i.e. plain /dashboard).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/argus/dashboard/router.py    |  13 +++-
 tests/test_auth.py               | 105 +++++++++++++++++++++++++++++++
 tests/test_docker_integration.py |  22 ++++---
 3 files changed, 132 insertions(+), 8 deletions(-)

diff --git a/src/argus/dashboard/router.py b/src/argus/dashboard/router.py
index 47fcf8f..73b88d9 100644
--- a/src/argus/dashboard/router.py
+++ b/src/argus/dashboard/router.py
@@ -5,7 +5,7 @@
 import logging
 
 from fastapi import APIRouter, Depends, HTTPException, Request, status
-from fastapi.responses import HTMLResponse, RedirectResponse
+from fastapi.responses import FileResponse, HTMLResponse, RedirectResponse
 from fastapi.templating import Jinja2Templates
 
 from argus import auth, config
@@ -14,6 +14,7 @@
 
 
 _TEMPLATES_DIR = Path(__file__).parent / "templates"
+_EVENTS_STATIC_DIR = Path(__file__).parent / "frontend" / "events"
 _UTC = ZoneInfo("UTC")
 templates = Jinja2Templates(directory=str(_TEMPLATES_DIR))
 
@@ -80,6 +81,16 @@ async def logout(request: Request):
 
 @router.get("/dashboard/events/{slug}")
 async def dashboard_event(slug: str, request: Request):
+    # Next's static export emits internal client-navigation payload files
+    # (index.txt, __next._tree.txt, ...) under this same /dashboard/events/*
+    # prefix, and this route (registered before the StaticFiles mount in
+    # main.py) would otherwise swallow them as spurious event-slug lookups.
+    # Serve the real static file directly if the "slug" actually corresponds
+    # to one, before falling through to the legacy Jinja2/session logic.
+    static_file = _EVENTS_STATIC_DIR / slug
+    if static_file.is_file():
+        return FileResponse(static_file)
+
     result = _session_email_or_redirect(request)
     if isinstance(result, RedirectResponse):
         return result
diff --git a/tests/test_auth.py b/tests/test_auth.py
index 8e35701..24ade46 100644
--- a/tests/test_auth.py
+++ b/tests/test_auth.py
@@ -134,3 +134,108 @@ async def test_api_me_returns_authenticated_email(dashboard_app, monkeypatch):
                 assert me.json() == {"email": email}
         finally:
             auth.reset_oauth()
+
+
+@pytest.mark.asyncio
+async def test_dashboard_event_serves_static_file_when_slug_matches_one(
+    dashboard_app, monkeypatch, tmp_path
+):
+    """Next's static-export payload files (e.g. index.txt) live under the same
+    /dashboard/events/* prefix as the legacy {slug} route. When the requested
+    "slug" actually corresponds to a real file on disk, it must be served
+    directly instead of being treated as an event-slug DB lookup.
+    """
+    static_dir = tmp_path / "events"
+    static_dir.mkdir()
+    (static_dir / "index.txt").write_text("1:HL_JS\n")
+    monkeypatch.setattr(router, "_EVENTS_STATIC_DIR", static_dir)
+
+    transport = httpx.ASGITransport(app=dashboard_app)
+    async with httpx.AsyncClient(transport=transport, base_url="http://test") as client:
+        response = await client.get(
+            "/dashboard/events/index.txt", follow_redirects=False
+        )
+
+        assert response.status_code == 200
+        assert response.text == "1:HL_JS\n"
+
+
+@pytest.mark.asyncio
+async def test_dashboard_event_still_renders_for_real_event_slug(
+    dashboard_app, monkeypatch, tmp_path
+):
+    """The legacy Jinja2 per-event page still works end-to-end for an
+    authenticated user when the slug does NOT correspond to a static file.
+    """
+    # Ensure _EVENTS_STATIC_DIR points at an existing-but-empty directory, so
+    # `.is_file()` reliably returns False without depending on a real build.
+    static_dir = tmp_path / "events"
+    static_dir.mkdir()
+    monkeypatch.setattr(router, "_EVENTS_STATIC_DIR", static_dir)
+    monkeypatch.setattr(
+        router.queries,
+        "get_event",
+        lambda slug: {
+            "event_slug": slug,
+            "event_name": "Test Event",
+            "channel": "SPRINT",
+            "start_at": None,
+            "capacity": None,
+        },
+    )
+
+    email = "chester@example.com"
+    with run_server_in_thread(
+        user_claims=[User(sub=email, claims={"email": email})]
+    ) as server:
+        provider_url = f"http://localhost:{server.server_port}"
+        monkeypatch.setattr(
+            auth,
+            "_GOOGLE_SERVER_METADATA_URL",
+            f"{provider_url}/.well-known/openid-configuration",
+        )
+        auth.reset_oauth()
+
+        try:
+            transport = httpx.ASGITransport(app=dashboard_app)
+            async with httpx.AsyncClient(
+                transport=transport, base_url="http://test"
+            ) as client:
+                login = await client.get("/dashboard/login", follow_redirects=False)
+
+                async with httpx.AsyncClient() as provider_client:
+                    authorized = await provider_client.post(
+                        login.headers["location"], data={"sub": email}
+                    )
+
+                callback = urlsplit(authorized.headers["location"])
+                await client.get(
+                    f"{callback.path}?{callback.query}", follow_redirects=False
+                )
+
+                response = await client.get("/dashboard/events/test-event")
+                assert response.status_code == 200
+                assert "Test Event" in response.text
+        finally:
+            auth.reset_oauth()
+
+
+@pytest.mark.asyncio
+async def test_dashboard_event_redirects_unauthenticated_request_to_login(
+    dashboard_app, monkeypatch, tmp_path
+):
+    """An unauthenticated request to a real (non-static-file) event slug still
+    redirects to the login page — existing legacy-route behavior.
+    """
+    static_dir = tmp_path / "events"
+    static_dir.mkdir()
+    monkeypatch.setattr(router, "_EVENTS_STATIC_DIR", static_dir)
+
+    transport = httpx.ASGITransport(app=dashboard_app)
+    async with httpx.AsyncClient(transport=transport, base_url="http://test") as client:
+        response = await client.get(
+            "/dashboard/events/test-event", follow_redirects=False
+        )
+
+        assert response.status_code == 302
+        assert response.headers["location"] == "/dashboard/login"
diff --git a/tests/test_docker_integration.py b/tests/test_docker_integration.py
index 578855a..c074f56 100644
--- a/tests/test_docker_integration.py
+++ b/tests/test_docker_integration.py
@@ -128,9 +128,13 @@ def test_docker_image_serves_frontend_shell(api_url: str) -> None:
 def test_docker_image_serves_event_detail_page(api_url: str) -> None:
     """The event-detail page (query-string based) is served at /dashboard/events.
 
-    Like `/dashboard`, `/dashboard/events` (no trailing slash) 307-redirects to
-    `/dashboard/events/` per Starlette's `redirect_slashes` mount behavior, so
-    the client here follows it just as a browser would.
+    Unlike `/dashboard` itself, `/dashboard/events` (no trailing slash)
+    307-redirects to `/dashboard/events/` via `StaticFiles`' own
+    directory-index redirect behavior — it resolves "events" to a directory
+    within the mount and redirects to add the trailing slash before serving
+    its `index.html`. This is a related but distinct mechanism from `Mount`'s
+    `redirect_slashes`, which only applies to the bare mount path itself. The
+    client here follows the redirect just as a browser would.
     """
     with httpx.Client(base_url=api_url, timeout=5, follow_redirects=True) as client:
         response = client.get("/dashboard/events", params={"slug": "anything"})
@@ -141,10 +145,14 @@ def test_docker_image_serves_event_detail_page(api_url: str) -> None:
 def test_docker_image_serves_webhook_logs_page(api_url: str) -> None:
     """The webhook-logs page is served at /dashboard/webhook-logs.
 
-    Like `/dashboard`, `/dashboard/webhook-logs` (no trailing slash)
-    307-redirects to `/dashboard/webhook-logs/` per Starlette's
-    `redirect_slashes` mount behavior, so the client here follows it just as
-    a browser would.
+    Unlike `/dashboard` itself, `/dashboard/webhook-logs` (no trailing slash)
+    307-redirects to `/dashboard/webhook-logs/` via `StaticFiles`' own
+    directory-index redirect behavior — it resolves "webhook-logs" to a
+    directory within the mount and redirects to add the trailing slash
+    before serving its `index.html`. This is a related but distinct
+    mechanism from `Mount`'s `redirect_slashes`, which only applies to the
+    bare mount path itself. The client here follows the redirect just as a
+    browser would.
     """
     with httpx.Client(base_url=api_url, timeout=5, follow_redirects=True) as client:
         response = client.get("/dashboard/webhook-logs")

From 8cae131e3ed87aec32ca4d21ccf7a44edfad4e84 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sun, 16 Aug 2026 00:17:57 +0800
Subject: [PATCH 16/34] feat(frontend): nav/logout, report+delete actions,
 error handling, safe chart keys

- Add a nav bar (layout.tsx) with links home/webhook-logs and a raw
  /dashboard/logout link, since the new frontend previously had no way
  to navigate between pages or sign out.
- Wire up the previously-dead triggerReport()/deleteEvent() API calls:
  add a "Run report now" button and a per-event "Delete" (with
  confirm) button to the home page, using the same
  useTransition+confirm pattern as the webhook-logs page.
- Add an "error" AuthState to useRequireAuth() so a failed
  getCurrentUser() call surfaces a visible message instead of leaving
  every page stuck in an infinite unresolved "loading" state; add a
  matching error branch plus .catch() on every data-fetch call
  (listEvents, getEventTimeseries, listWebhookLogs) across all three
  pages.
- Add a confirm dialog to "Clear all" on the webhook-logs page (the
  bulk, irreversible action), fetching page 0 directly after clearing
  rather than via the stale-offset reload() closure.
- Key EventChart's per-line CSS custom properties, Recharts dataKeys,
  and chart config by series index instead of the raw ticket-type name
  -- KKTIX ticket names can contain spaces/parens, which produced
  invalid var() references and silently dropped that line's color.
  dataset.name is still used for the tooltip label and the "Total"
  strokeWidth check.
- Remove components/ui/card.tsx (confirmed unused, dead shadcn
  scaffolding).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/apis/events.ts                       |   4 +
 frontend/app/events/page.tsx                  |  27 ++++-
 frontend/app/layout.tsx                       |  14 ++-
 frontend/app/page.tsx                         |  80 ++++++++++++--
 frontend/app/webhook-logs/page.tsx            |  37 ++++++-
 frontend/components/event-chart.tsx           |  21 ++--
 frontend/components/ui/card.tsx               | 102 ------------------
 frontend/hooks/use-require-auth.ts            |  29 +++--
 .../tests/hooks/use-require-auth.test.tsx     |  15 +++
 9 files changed, 195 insertions(+), 134 deletions(-)
 delete mode 100644 frontend/components/ui/card.tsx

diff --git a/frontend/apis/events.ts b/frontend/apis/events.ts
index b6565b5..6b1a7eb 100644
--- a/frontend/apis/events.ts
+++ b/frontend/apis/events.ts
@@ -18,3 +18,7 @@ export async function getEventTimeseries(
 export async function deleteEvent(slug: string): Promise<void> {
   await apiClient.delete(`/events/${encodeURIComponent(slug)}`);
 }
+
+export async function triggerReport(): Promise<void> {
+  await apiClient.post("/report/trigger");
+}
diff --git a/frontend/app/events/page.tsx b/frontend/app/events/page.tsx
index e6b75ff..fe1f9a4 100644
--- a/frontend/app/events/page.tsx
+++ b/frontend/app/events/page.tsx
@@ -12,18 +12,35 @@ function EventDetailContent() {
   const searchParams = useSearchParams();
   const slug = searchParams.get("slug");
   const [timeseries, setTimeseries] = useState<EventTimeseries | null>(null);
+  const [error, setError] = useState<string | null>(null);
 
   useEffect(() => {
     if (auth.status !== "authenticated" || !slug) return;
     let cancelled = false;
-    getEventTimeseries(slug).then((result) => {
-      if (!cancelled) setTimeseries(result);
-    });
+    getEventTimeseries(slug)
+      .then((result) => {
+        if (!cancelled) setTimeseries(result);
+      })
+      .catch((err: unknown) => {
+        if (!cancelled) {
+          setError(
+            err instanceof Error ? err.message : "Failed to load event data",
+          );
+        }
+      });
     return () => {
       cancelled = true;
     };
   }, [auth.status, slug]);
 
+  if (auth.status === "loading") {
+    return null;
+  }
+  if (auth.status === "error") {
+    return (
+      <p className="p-6 text-destructive">Failed to load: {auth.message}</p>
+    );
+  }
   if (auth.status !== "authenticated") {
     return null;
   }
@@ -32,6 +49,10 @@ function EventDetailContent() {
     return <p className="p-6">No event selected.</p>;
   }
 
+  if (error) {
+    return <p className="p-6 text-destructive">{error}</p>;
+  }
+
   if (!timeseries) {
     return <p className="p-6">Loading…</p>;
   }
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index 0caeb5c..706114a 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -1,4 +1,5 @@
 import { Geist, Geist_Mono, Inter, Playfair_Display } from "next/font/google";
+import Link from "next/link";
 import type { Metadata } from "next";
 import { cn } from "@/lib/utils";
 import "./globals.css";
@@ -39,7 +40,18 @@ export default function RootLayout({ children }: LayoutProps<"/">) {
         playfairDisplayHeading.variable,
       )}
     >
-      <body className="flex min-h-full flex-col">{children}</body>
+      <body className="flex min-h-full flex-col">
+        <nav className="flex items-center gap-4 border-b p-4 text-sm">
+          <Link href="/" className="font-heading text-base">
+            Argus
+          </Link>
+          <Link href="/webhook-logs">Webhook Logs</Link>
+          <a href="/dashboard/logout" className="ml-auto text-muted-foreground">
+            Logout
+          </a>
+        </nav>
+        {children}
+      </body>
     </html>
   );
 }
diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
index b8a3ab5..0ce8f78 100644
--- a/frontend/app/page.tsx
+++ b/frontend/app/page.tsx
@@ -1,47 +1,113 @@
 "use client";
 
 import Link from "next/link";
-import { useEffect, useState } from "react";
-import { listEvents } from "@/apis/events";
+import { useEffect, useState, useTransition } from "react";
+import { deleteEvent, listEvents, triggerReport } from "@/apis/events";
 import { useRequireAuth } from "@/hooks/use-require-auth";
 import type { EventSummary } from "@/types/responses/events";
 
 export default function DashboardHomePage() {
   const auth = useRequireAuth();
   const [events, setEvents] = useState<EventSummary[] | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [isPending, startTransition] = useTransition();
 
   useEffect(() => {
     if (auth.status !== "authenticated") return;
     let cancelled = false;
-    listEvents().then((result) => {
-      if (!cancelled) setEvents(result);
-    });
+    listEvents()
+      .then((result) => {
+        if (!cancelled) setEvents(result);
+      })
+      .catch((err: unknown) => {
+        if (!cancelled) {
+          setError(
+            err instanceof Error ? err.message : "Failed to load events",
+          );
+        }
+      });
     return () => {
       cancelled = true;
     };
   }, [auth.status]);
 
+  if (auth.status === "loading") {
+    return null;
+  }
+  if (auth.status === "error") {
+    return (
+      <p className="p-6 text-destructive">Failed to load: {auth.message}</p>
+    );
+  }
   if (auth.status !== "authenticated") {
     return null;
   }
 
+  const handleTriggerReport = () => {
+    startTransition(async () => {
+      await triggerReport();
+    });
+  };
+
+  const handleDelete = (slug: string, name: string) => {
+    if (
+      !window.confirm(
+        `Delete event "${name}"?\n\nThis will permanently remove the event and all of its tickets.\nThis cannot be undone.`,
+      )
+    ) {
+      return;
+    }
+    startTransition(async () => {
+      await deleteEvent(slug);
+      await listEvents()
+        .then(setEvents)
+        .catch((err: unknown) => {
+          setError(
+            err instanceof Error ? err.message : "Failed to load events",
+          );
+        });
+    });
+  };
+
   return (
     <main className="mx-auto max-w-3xl p-6">
       <div className="flex items-baseline justify-between">
         <h1 className="font-heading text-2xl">Argus Dashboard</h1>
         <span className="text-sm text-muted-foreground">{auth.user.email}</span>
       </div>
+      <div className="mt-4">
+        <button
+          type="button"
+          onClick={handleTriggerReport}
+          disabled={isPending}
+          className="text-sm text-primary underline underline-offset-4"
+        >
+          Run report now
+        </button>
+      </div>
+      {error && <p className="mt-4 text-destructive">{error}</p>}
       <ul className="mt-6 flex flex-col gap-2">
-        {events === null && <li>Loading…</li>}
+        {events === null && !error && <li>Loading…</li>}
         {events?.length === 0 && <li>No events yet.</li>}
         {events?.map((event) => (
-          <li key={event.event_slug}>
+          <li
+            key={event.event_slug}
+            className="flex items-center justify-between gap-4"
+          >
             <Link
               href={`/events?slug=${encodeURIComponent(event.event_slug)}`}
               className="text-primary underline underline-offset-4"
             >
               {event.event_name}
             </Link>
+            <button
+              type="button"
+              onClick={() => handleDelete(event.event_slug, event.event_name)}
+              disabled={isPending}
+              className="text-sm text-destructive underline"
+            >
+              Delete
+            </button>
           </li>
         ))}
       </ul>
diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
index f3f40fc..5522661 100644
--- a/frontend/app/webhook-logs/page.tsx
+++ b/frontend/app/webhook-logs/page.tsx
@@ -15,10 +15,15 @@ export default function WebhookLogsPage() {
   const auth = useRequireAuth();
   const [offset, setOffset] = useState(0);
   const [page, setPage] = useState<WebhookLogsPage | null>(null);
+  const [error, setError] = useState<string | null>(null);
   const [isPending, startTransition] = useTransition();
 
   const reload = () => {
-    return listWebhookLogs(PAGE_SIZE, offset).then(setPage);
+    return listWebhookLogs(PAGE_SIZE, offset)
+      .then(setPage)
+      .catch((err: unknown) => {
+        setError(err instanceof Error ? err.message : "Failed to load logs");
+      });
   };
 
   useEffect(() => {
@@ -27,6 +32,14 @@ export default function WebhookLogsPage() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [auth.status, offset]);
 
+  if (auth.status === "loading") {
+    return null;
+  }
+  if (auth.status === "error") {
+    return (
+      <p className="p-6 text-destructive">Failed to load: {auth.message}</p>
+    );
+  }
   if (auth.status !== "authenticated") {
     return null;
   }
@@ -39,9 +52,26 @@ export default function WebhookLogsPage() {
   };
 
   const handleClearAll = () => {
+    if (
+      !window.confirm(
+        `Clear ALL ${page?.total ?? 0} webhook logs? This cannot be undone.`,
+      )
+    ) {
+      return;
+    }
     startTransition(async () => {
       await clearWebhookLogs();
-      await reload();
+      setOffset(0);
+      // Fetch page 0 directly rather than calling reload() here — reload()'s
+      // closure was created with the OLD offset value at render time, and
+      // setOffset(0) above doesn't take effect until the next render, so
+      // calling reload() synchronously in this same handler would still
+      // request the stale offset.
+      await listWebhookLogs(PAGE_SIZE, 0)
+        .then(setPage)
+        .catch((err: unknown) => {
+          setError(err instanceof Error ? err.message : "Failed to load logs");
+        });
     });
   };
 
@@ -58,7 +88,8 @@ export default function WebhookLogsPage() {
           Clear all
         </button>
       </div>
-      {page === null && <p className="mt-4">Loading…</p>}
+      {error && <p className="mt-4 text-destructive">{error}</p>}
+      {page === null && !error && <p className="mt-4">Loading…</p>}
       {page && (
         <>
           <table className="mt-4 w-full text-left text-sm">
diff --git a/frontend/components/event-chart.tsx b/frontend/components/event-chart.tsx
index 3ba4b56..5cd2b13 100644
--- a/frontend/components/event-chart.tsx
+++ b/frontend/components/event-chart.tsx
@@ -37,16 +37,21 @@ export function EventChart({ timeseries }: EventChartProps) {
     const point: Record<string, string | number> = { label };
     const index = timeseries.labels.indexOf(label);
     if (index !== -1) {
-      for (const dataset of timeseries.datasets) {
-        point[dataset.name] = dataset.data[index];
-      }
+      timeseries.datasets.forEach((dataset, datasetIndex) => {
+        point[`series-${datasetIndex}`] = dataset.data[index];
+      });
     }
     return point;
   });
 
+  // Ticket-type names come from arbitrary KKTIX strings (spaces, parens,
+  // etc.) and are unsafe to interpolate directly into a CSS custom-property
+  // name (`var(--color-${name})`) or a Recharts dataKey — key everything by
+  // index instead. `dataset.name` is still used as the human-readable
+  // `label` (shown in the tooltip) and for the `strokeWidth` check below.
   const config: ChartConfig = Object.fromEntries(
     timeseries.datasets.map((dataset, index) => [
-      dataset.name,
+      `series-${index}`,
       { label: dataset.name, color: `var(--chart-${(index % 5) + 1})` },
     ]),
   );
@@ -73,11 +78,11 @@ export function EventChart({ timeseries }: EventChartProps) {
             label="Event start"
           />
         )}
-        {timeseries.datasets.map((dataset) => (
+        {timeseries.datasets.map((dataset, index) => (
           <Line
-            key={dataset.name}
-            dataKey={dataset.name}
-            stroke={`var(--color-${dataset.name})`}
+            key={`series-${index}`}
+            dataKey={`series-${index}`}
+            stroke={`var(--color-series-${index})`}
             strokeWidth={dataset.name === "Total" ? 2 : 1}
             dot={false}
             connectNulls
diff --git a/frontend/components/ui/card.tsx b/frontend/components/ui/card.tsx
deleted file mode 100644
index a4df405..0000000
--- a/frontend/components/ui/card.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import * as React from "react";
-import { cn } from "@/lib/utils";
-
-function Card({
-  className,
-  size = "default",
-  ...props
-}: React.ComponentProps<"div"> & { size?: "default" | "sm" }) {
-  return (
-    <div
-      data-slot="card"
-      data-size={size}
-      className={cn(
-        "group/card flex flex-col gap-(--card-spacing) overflow-hidden bg-card py-(--card-spacing) text-sm text-card-foreground shadow-sm ring-1 ring-foreground/5 [--card-spacing:--spacing(8)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(5)] *:[img:first-child]:rounded-none *:[img:last-child]:rounded-none",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-header"
-      className={cn(
-        "group/card-header @container/card-header grid auto-rows-min items-start gap-1.5 rounded-none px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-title"
-      className={cn(
-        "font-heading text-lg font-semibold tracking-wider uppercase",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-description"
-      className={cn("text-sm leading-relaxed text-muted-foreground", className)}
-      {...props}
-    />
-  );
-}
-
-function CardAction({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-action"
-      className={cn(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-function CardContent({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-content"
-      className={cn("px-(--card-spacing)", className)}
-      {...props}
-    />
-  );
-}
-
-function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-footer"
-      className={cn(
-        "flex items-center px-(--card-spacing) [.border-t]:pt-(--card-spacing)",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-export {
-  Card,
-  CardHeader,
-  CardFooter,
-  CardTitle,
-  CardAction,
-  CardDescription,
-  CardContent,
-};
diff --git a/frontend/hooks/use-require-auth.ts b/frontend/hooks/use-require-auth.ts
index 388e739..8fa7043 100644
--- a/frontend/hooks/use-require-auth.ts
+++ b/frontend/hooks/use-require-auth.ts
@@ -7,7 +7,8 @@ import type { CurrentUser } from "@/types/responses/auth";
 type AuthState =
   | { status: "loading" }
   | { status: "authenticated"; user: CurrentUser }
-  | { status: "unauthenticated" };
+  | { status: "unauthenticated" }
+  | { status: "error"; message: string };
 
 export function useRequireAuth(): AuthState {
   const [state, setState] = useState<AuthState>({ status: "loading" });
@@ -15,15 +16,23 @@ export function useRequireAuth(): AuthState {
   useEffect(() => {
     let cancelled = false;
 
-    getCurrentUser().then((user) => {
-      if (cancelled) return;
-      if (user) {
-        setState({ status: "authenticated", user });
-      } else {
-        setState({ status: "unauthenticated" });
-        window.location.href = "/dashboard/login";
-      }
-    });
+    getCurrentUser()
+      .then((user) => {
+        if (cancelled) return;
+        if (user) {
+          setState({ status: "authenticated", user });
+        } else {
+          setState({ status: "unauthenticated" });
+          window.location.href = "/dashboard/login";
+        }
+      })
+      .catch((error: unknown) => {
+        if (cancelled) return;
+        setState({
+          status: "error",
+          message: error instanceof Error ? error.message : "Unknown error",
+        });
+      });
 
     return () => {
       cancelled = true;
diff --git a/frontend/tests/hooks/use-require-auth.test.tsx b/frontend/tests/hooks/use-require-auth.test.tsx
index eab7c93..3d9699a 100644
--- a/frontend/tests/hooks/use-require-auth.test.tsx
+++ b/frontend/tests/hooks/use-require-auth.test.tsx
@@ -36,4 +36,19 @@ describe("useRequireAuth", () => {
 
     await waitFor(() => expect(window.location.href).toBe("/dashboard/login"));
   });
+
+  it("returns an error state when getCurrentUser rejects", async () => {
+    vi.spyOn(authApi, "getCurrentUser").mockRejectedValue(
+      new Error("network down"),
+    );
+
+    const { result } = renderHook(() => useRequireAuth());
+
+    await waitFor(() =>
+      expect(result.current).toEqual({
+        status: "error",
+        message: "network down",
+      }),
+    );
+  });
 });

From 4fc82bc7f9d4142bb8bc0e68cce3c0e400062eed Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sun, 16 Aug 2026 00:18:12 +0800
Subject: [PATCH 17/34] chore: run frontend unit tests in CI, refresh docs,
 ignore built frontend

- Add "pnpm test" (vitest --project unit) to frontend/package.json and
  wire it into the CI frontend job, so the 6+ frontend tests actually
  run on every push/PR. Deliberately scoped to the unit project only;
  Storybook/Playwright-browser component tests stay a local-only check
  for now (avoids adding browser installation to CI in this pass).
- Ignore src/argus/dashboard/frontend/, the build output copied in by
  the Docker multi-stage build / local `pnpm build`, which was
  previously untracked-but-not-ignored.
- Update SPEC.md's API reference and auth-model description: /dashboard,
  /dashboard/webhook-logs, and the new /dashboard/events are public
  static shells gated client-side via /dashboard/api/me, not
  session-checked HTML routes; only the legacy /dashboard/events/{slug}
  route still redirects server-side. Also refreshes the repo-structure
  diagram to include frontend/ and dashboard/frontend/.
- Update README.md's dev instructions: a fresh checkout needs
  `cd frontend && pnpm install && pnpm build` before `/dashboard` will
  serve anything (the StaticFiles mount is skipped when nothing's been
  built), document the next-dev-plus-proxy workflow as an alternative,
  and note that Docker/Railway builds the frontend automatically.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .github/workflows/ci.yml |  7 +++++++
 .gitignore               |  3 +++
 README.md                | 28 ++++++++++++++++++++++++++++
 SPEC.md                  | 28 ++++++++++++++++++----------
 frontend/package.json    |  1 +
 5 files changed, 57 insertions(+), 10 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 8848a6a..022e52b 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -62,6 +62,13 @@ jobs:
         working-directory: frontend
         run: pnpm lint
 
+      # Scoped to the "unit" vitest project only — the Storybook/Playwright
+      # browser-based component tests require installing a browser and are
+      # deliberately left as a local-only check for now.
+      - name: Test
+        working-directory: frontend
+        run: pnpm test
+
       - name: Build
         working-directory: frontend
         run: pnpm build
diff --git a/.gitignore b/.gitignore
index 00582e2..1bb813d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -14,3 +14,6 @@ dist/
 .claude/
 CLAUDE.md
 AGENTS.md
+
+# Built frontend, copied into the backend package at build time
+src/argus/dashboard/frontend/
diff --git a/README.md b/README.md
index 1c26f73..1a1b952 100644
--- a/README.md
+++ b/README.md
@@ -87,8 +87,11 @@ A Google-OAuth-protected web UI for viewing per-event registration time series.
 
 ### Try it locally
 
+The dashboard UI is a Next.js app (`frontend/`) built to static files and served same-origin by the backend. `uvicorn` alone won't serve it in a fresh checkout — build the frontend first (or use the `next dev` proxy workflow), see [Development](#development) below.
+
 ```bash
 set -a && source .env && set +a
+cd frontend && pnpm install && pnpm build && cd ..   # one-time (or after frontend changes)
 uv run uvicorn argus.main:app --host 0.0.0.0 --port 8000
 # open http://localhost:8000/dashboard
 ```
@@ -100,6 +103,7 @@ You will be redirected to Google to sign in. Only emails in `ALLOWED_EMAILS` are
 When deploying (e.g. to Railway):
 
 - **Railway builds the Dockerfile** using `python:3.12-slim-bookworm`, installs the package with `pip install .`, and starts uvicorn via `railway.json` `startCommand`. Railway injects `$PORT` and the start command binds to it.
+- **The frontend build is automatic** — the Dockerfile's first stage builds `frontend/` (`pnpm install && pnpm build`) and copies its static export into `src/argus/dashboard/frontend/` before the Python stage installs the package. No manual frontend build step is needed for Docker/Railway deploys.
 - **For SQLite, mount a persistent volume** at `/data` and set `DATABASE_URL=sqlite:////data/argus.db`. SQLite written to the container's local filesystem will be wiped on every redeploy.
 - **`SESSION_SECRET` is required** — the app refuses to boot without it. Generate with `python -c "import secrets; print(secrets.token_hex(32))"`.
 - **Port:** the Dockerfile's `CMD` binds to a fixed port 8000. Railway overrides this via `railway.json`'s `startCommand`, which substitutes its injected `$PORT`. To change the port in non-Railway environments, override the container command (e.g. `docker run … argus-image uvicorn argus.main:app --host 0.0.0.0 --port 9000`).
@@ -124,3 +128,27 @@ uv run ruff format src tests      # format
 # Visual inspection of Discord report (sends a real webhook):
 ARGUS_MANUAL_TEST=1 uv run pytest tests/test_discord_format_manual.py -v -s
 ```
+
+### Frontend (`frontend/`)
+
+The dashboard UI lives in `frontend/` — a Next.js app using `pnpm` (not `npm`), statically exported (`next build`) into `src/argus/dashboard/frontend/`, and served same-origin by the backend under `/dashboard` (no separate frontend server or CORS setup in production). This copy step happens automatically in Docker's multi-stage build; locally you have two options:
+
+1. **Build once, run `uvicorn` normally** — full same-origin experience, matches production:
+   ```bash
+   cd frontend && pnpm install && pnpm build && cd ..
+   uv run uvicorn argus.main:app --host 0.0.0.0 --port 8000
+   # open http://localhost:8000/dashboard
+   ```
+   Re-run `pnpm build` after frontend changes to see them.
+
+2. **`next dev` + dev proxy** — for active frontend development with hot reload, run both processes side by side:
+   ```bash
+   # terminal 1
+   uv run uvicorn argus.main:app --host 0.0.0.0 --port 8000
+   # terminal 2
+   cd frontend && pnpm install && pnpm dev
+   # open http://localhost:3000/dashboard
+   ```
+   `frontend/next.config.ts` proxies `/dashboard/api/*` calls from the `next dev` server (port 3000) to `uvicorn` (port 8000), so no CORS configuration is needed.
+
+Other frontend commands (run from `frontend/`): `pnpm lint`, `pnpm test` (vitest unit/component tests), `pnpm exec tsc --noEmit`.
diff --git a/SPEC.md b/SPEC.md
index bc8d94b..8aabc93 100644
--- a/SPEC.md
+++ b/SPEC.md
@@ -53,9 +53,11 @@ Argus uses a **vertical slice** layout: each feature owns its full stack (HTTP r
 | `GET` | `/dashboard/login` | — | Start Google OAuth flow | [Dashboard](#dashboard) |
 | `GET` | `/dashboard/oauth/callback` | — | OAuth redirect target | [Dashboard](#dashboard) |
 | `GET` | `/dashboard/logout` | — | Clear session, redirect to login | [Dashboard](#dashboard) |
-| `GET` | `/dashboard` | session (HTML) | Event list page | [Dashboard](#dashboard) |
-| `GET` | `/dashboard/events/{slug}` | session (HTML) | Per-event chart page | [Dashboard](#dashboard) |
-| `GET` | `/dashboard/webhook-logs` | session (HTML) | Webhook log viewer page | [Dashboard](#dashboard) |
+| `GET` | `/dashboard` | public (shell) | Event list page (static Next.js export) | [Dashboard](#dashboard) |
+| `GET` | `/dashboard/events` | public (shell) | Per-event chart page, `?slug=<slug>` (static Next.js export) | [Dashboard](#dashboard) |
+| `GET` | `/dashboard/events/{slug}` | session (HTML) | Legacy per-event chart page (server-rendered Jinja2; retained for old bookmarks/links) | [Dashboard](#dashboard) |
+| `GET` | `/dashboard/webhook-logs` | public (shell) | Webhook log viewer page (static Next.js export) | [Dashboard](#dashboard) |
+| `GET` | `/dashboard/api/me` | session (401) | JSON: currently authenticated user | [Dashboard](#dashboard) |
 | `GET` | `/dashboard/api/events` | session (401) | JSON: event list | [Dashboard](#dashboard) |
 | `GET` | `/dashboard/api/events/{slug}/timeseries` | session (401) | JSON: per-event time series | [Dashboard](#dashboard) |
 | `DELETE` | `/dashboard/api/events/{slug}` | session (401) | Permanently delete event + its tickets | [Dashboard](#dashboard) |
@@ -66,6 +68,7 @@ Argus uses a **vertical slice** layout: each feature owns its full stack (HTTP r
 
 **Auth column legend:**
 - `x-kktix-secret header` — request must include header matching `WEBHOOK_SECRET` (constant-time compared)
+- `public (shell)` — served with no server-side session check at all; the page itself is a public static shell, and it protects its own data by calling `/dashboard/api/*` routes, which each require the session cookie client-side (a request without a valid session gets a 401 from those API calls, not from the page)
 - `session (HTML)` — protected by signed session cookie; missing/invalid → 302 to `/dashboard/login`
 - `session (401)` — same protection but JSON routes return 401 instead of redirecting
 
@@ -91,10 +94,13 @@ argus/
 │       │   ├── __init__.py
 │       │   ├── router.py         # /dashboard/* routes
 │       │   ├── queries.py        # time series queries
-│       │   └── templates/
-│       │       ├── _base.html    # shared layout
-│       │       ├── index.html    # event list
-│       │       └── event.html    # per-event chart
+│       │   ├── templates/
+│       │   │   ├── _base.html    # shared layout
+│       │   │   ├── index.html    # event list
+│       │   │   └── event.html    # per-event chart (legacy, retained route)
+│       │   └── frontend/         # built Next.js static export, copied in at
+│       │                         # build time (gitignored); served by main.py's
+│       │                         # StaticFiles mount at /dashboard
 │       │
 │       │   # ── shared infrastructure ──
 │       ├── auth.py               # OAuth client + require_login dependency (reusable)
@@ -113,6 +119,8 @@ argus/
 │   ├── conftest.py
 │   ├── test_*.py                 # automated tests
 │   └── test_discord_format_manual.py  # opt-in test that sends real Discord webhooks
+├── frontend/                     # Next.js dashboard UI (source); builds into
+│                                  # src/argus/dashboard/frontend/ (see above)
 ├── .env.example
 ├── pyproject.toml
 ├── railway.json
@@ -391,7 +399,7 @@ A web UI that visualizes registration trends per event over time. Implemented as
 
 ### Routes
 
-See [API Reference](#api-reference) for the canonical list. All routes under `/dashboard/*` (except `login` and `oauth/callback`) require an authenticated session. HTML routes redirect to `/dashboard/login` on failure; JSON API routes return `401`.
+See [API Reference](#api-reference) for the canonical list. The dashboard UI itself is a statically-exported Next.js app served same-origin under `/dashboard`, `/dashboard/events`, and `/dashboard/webhook-logs` — these three pages are public shells with no server-side session check; each gates its own content client-side by calling `/dashboard/api/me` (and other `/dashboard/api/*` routes) and redirecting to `/dashboard/login` in the browser if that call 401s. The one exception is the legacy, server-rendered `/dashboard/events/{slug}` route (kept for old bookmarks/links), which still checks the session server-side and 302-redirects to `/dashboard/login` on failure. Every `/dashboard/api/*` route requires the session cookie and returns `401` if it's missing or invalid.
 
 ### Authentication
 
@@ -399,11 +407,11 @@ Server-side OAuth 2.0 with Google as the identity provider. After successful OAu
 
 **Flow:**
 
-1. Visit `/dashboard` (or any protected route) without session → 302 to `/dashboard/login`
+1. Visit `/dashboard` without a session → the static shell loads, its client-side `/dashboard/api/me` call 401s, and the browser is redirected to `/dashboard/login` (or visit the legacy `/dashboard/events/{slug}` route directly without a session → server-side 302 to `/dashboard/login`)
 2. `/dashboard/login` → 302 to Google consent screen
 3. Google → `/dashboard/oauth/callback?code=...`
 4. Backend exchanges code for `id_token`, verifies email is in `ALLOWED_EMAILS`
-5. On success: session cookie written, 302 to original destination (or `/dashboard`)
+5. On success: session cookie written, 302 to `/dashboard`
 6. On rejection: 403 page
 
 Session is signed using `SESSION_SECRET` via Starlette's `SessionMiddleware`.
diff --git a/frontend/package.json b/frontend/package.json
index 36592cb..2258d22 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -7,6 +7,7 @@
     "build": "next build",
     "start": "next start",
     "lint": "eslint",
+    "test": "vitest run --project unit",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },

From 61ea4c9fa72d27b767af8cd0c858b62bc82a525d Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sun, 16 Aug 2026 01:01:23 +0800
Subject: [PATCH 18/34] fix(frontend): target the backend origin for auth
 navigations in dev
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

next dev (:3000) and uvicorn (:8000) are different origins in local
development, even though production serves both from the same FastAPI
process at the same origin. The dev-only proxy in next.config.ts only
rewrites /dashboard/api/* data calls, not full-page navigations — so
window.location.href = "/dashboard/login" (and the logout link) resolved
against the wrong origin (:3000, which has no such route) and 404'd.

Add configurations/backend.ts (BACKEND_ORIGIN, inlined by Next.js at build
time via process.env.NODE_ENV — empty string in production, unchanged
behavior there) and use it for both the login redirect and logout link.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/layout.tsx                        |  6 +++++-
 frontend/configurations/backend.ts             | 12 ++++++++++++
 frontend/hooks/use-require-auth.ts             |  3 ++-
 frontend/tests/hooks/use-require-auth.test.tsx |  9 ++++++++-
 4 files changed, 27 insertions(+), 3 deletions(-)
 create mode 100644 frontend/configurations/backend.ts

diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index 706114a..b3b131f 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -1,6 +1,7 @@
 import { Geist, Geist_Mono, Inter, Playfair_Display } from "next/font/google";
 import Link from "next/link";
 import type { Metadata } from "next";
+import { BACKEND_ORIGIN } from "@/configurations/backend";
 import { cn } from "@/lib/utils";
 import "./globals.css";
 
@@ -46,7 +47,10 @@ export default function RootLayout({ children }: LayoutProps<"/">) {
             Argus
           </Link>
           <Link href="/webhook-logs">Webhook Logs</Link>
-          <a href="/dashboard/logout" className="ml-auto text-muted-foreground">
+          <a
+            href={`${BACKEND_ORIGIN}/dashboard/logout`}
+            className="ml-auto text-muted-foreground"
+          >
             Logout
           </a>
         </nav>
diff --git a/frontend/configurations/backend.ts b/frontend/configurations/backend.ts
new file mode 100644
index 0000000..4940a84
--- /dev/null
+++ b/frontend/configurations/backend.ts
@@ -0,0 +1,12 @@
+// In production this app is served by the same FastAPI process as the
+// backend, at the same origin — relative paths just work. In local dev,
+// `next dev` (:3000) and `uvicorn` (:8000) are different origins, and the
+// dev-only proxy in next.config.ts only rewrites `/dashboard/api/*` data
+// calls, not full-page navigations. Auth routes (`/dashboard/login`,
+// `/dashboard/logout`, `/dashboard/oauth/callback`) only exist on the
+// backend, so full-page navigations to them need to target it explicitly
+// during dev. `process.env.NODE_ENV` is inlined by Next.js at build time
+// ("development" for `next dev`, "production" for the static export
+// build), so this has zero runtime cost and no effect on production.
+export const BACKEND_ORIGIN =
+  process.env.NODE_ENV === "development" ? "http://localhost:8000" : "";
diff --git a/frontend/hooks/use-require-auth.ts b/frontend/hooks/use-require-auth.ts
index 8fa7043..bdbe0ab 100644
--- a/frontend/hooks/use-require-auth.ts
+++ b/frontend/hooks/use-require-auth.ts
@@ -2,6 +2,7 @@
 
 import { useEffect, useState } from "react";
 import { getCurrentUser } from "@/apis/auth";
+import { BACKEND_ORIGIN } from "@/configurations/backend";
 import type { CurrentUser } from "@/types/responses/auth";
 
 type AuthState =
@@ -23,7 +24,7 @@ export function useRequireAuth(): AuthState {
           setState({ status: "authenticated", user });
         } else {
           setState({ status: "unauthenticated" });
-          window.location.href = "/dashboard/login";
+          window.location.href = `${BACKEND_ORIGIN}/dashboard/login`;
         }
       })
       .catch((error: unknown) => {
diff --git a/frontend/tests/hooks/use-require-auth.test.tsx b/frontend/tests/hooks/use-require-auth.test.tsx
index 3d9699a..e331d80 100644
--- a/frontend/tests/hooks/use-require-auth.test.tsx
+++ b/frontend/tests/hooks/use-require-auth.test.tsx
@@ -34,7 +34,14 @@ describe("useRequireAuth", () => {
 
     renderHook(() => useRequireAuth());
 
-    await waitFor(() => expect(window.location.href).toBe("/dashboard/login"));
+    // In production this is a bare "/dashboard/login" (same-origin); in dev
+    // it's prefixed with the backend's own origin (see
+    // configurations/backend.ts) since next dev/uvicorn are different
+    // origins — assert on the path, not the exact origin prefix, so this
+    // test doesn't depend on which environment it happens to run under.
+    await waitFor(() =>
+      expect(window.location.href).toMatch(/\/dashboard\/login$/),
+    );
   });
 
   it("returns an error state when getCurrentUser rejects", async () => {

From d897715014789a9c5299df3c9cfcdb2cbb31388a Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sun, 16 Aug 2026 02:20:12 +0800
Subject: [PATCH 19/34] feat(frontend): dark OLED theme with indigo accent,
 card-based layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Redesign following a UI/UX brainstorming pass (visual companion mockups,
iterated on color palette, layout density, chart label rendering, type
scale, and interactive states):

- Replace the hueless grayscale 'mist' preset with a permanent dark theme
  (near-black #0a0a0a background, indigo #818cf8 accent) — force via a
  'dark' class on <html> rather than a light/dark toggle, per request.
- Card-based event list (badge for channel, capacity/start metadata) in
  place of bare underlined links; consistent border/card treatment across
  all three pages and the nav.
- Larger, more legible type scale (28px page titles, 16px body, 13px
  meta/nav) — badges stay at text-xs (12px) by design.
- Interactive elements (Run report, Delete, Clear all, pagination) now use
  the existing shadcn Button component instead of hand-styled <button>s,
  inheriting its hover/active/disabled treatment for free; plain nav/back
  links get an explicit hover color transition.
- Add the shadcn Badge component via the CLI (matching the project's
  established 'let the CLI generate real component code' convention).
- Add .superpowers/ to .gitignore (local-only scratch workspaces).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .gitignore                         |   3 +
 frontend/app/events/page.tsx       |  46 ++++++++++-
 frontend/app/globals.css           |  66 ++++++++--------
 frontend/app/layout.tsx            |  14 +++-
 frontend/app/page.tsx              | 119 ++++++++++++++++++++---------
 frontend/app/webhook-logs/page.tsx | 109 ++++++++++++++++----------
 frontend/components/ui/badge.tsx   |  48 ++++++++++++
 7 files changed, 290 insertions(+), 115 deletions(-)
 create mode 100644 frontend/components/ui/badge.tsx

diff --git a/.gitignore b/.gitignore
index 1bb813d..caffc4a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -17,3 +17,6 @@ AGENTS.md
 
 # Built frontend, copied into the backend package at build time
 src/argus/dashboard/frontend/
+
+# Superpowers scratch workspaces (SDD ledgers, brainstorm mockups) — local only
+.superpowers/
diff --git a/frontend/app/events/page.tsx b/frontend/app/events/page.tsx
index fe1f9a4..715b566 100644
--- a/frontend/app/events/page.tsx
+++ b/frontend/app/events/page.tsx
@@ -1,12 +1,23 @@
 "use client";
 
+import Link from "next/link";
 import { useSearchParams } from "next/navigation";
 import { Suspense, useEffect, useState } from "react";
+import { ChevronLeft } from "lucide-react";
 import { getEventTimeseries } from "@/apis/events";
 import { EventChart } from "@/components/event-chart";
+import { Badge } from "@/components/ui/badge";
 import { useRequireAuth } from "@/hooks/use-require-auth";
 import type { EventTimeseries } from "@/types/responses/events";
 
+function formatStartDate(startAt: string | null): string | null {
+  if (!startAt) return null;
+  return new Date(`${startAt}Z`).toLocaleDateString(undefined, {
+    month: "short",
+    day: "numeric",
+  });
+}
+
 function EventDetailContent() {
   const auth = useRequireAuth();
   const searchParams = useSearchParams();
@@ -57,10 +68,39 @@ function EventDetailContent() {
     return <p className="p-6">Loading…</p>;
   }
 
+  const startLabel = formatStartDate(timeseries.event.start_at);
+
   return (
-    <main className="mx-auto max-w-3xl p-6">
-      <h1 className="font-heading text-2xl">{timeseries.event.event_name}</h1>
-      <EventChart timeseries={timeseries} />
+    <main className="mx-auto max-w-3xl p-8">
+      <Link
+        href="/"
+        className="inline-flex items-center gap-1.5 text-sm text-muted-foreground transition-colors hover:text-foreground"
+      >
+        <ChevronLeft className="size-3.5" />
+        Back to events
+      </Link>
+      <h1 className="mt-3 font-heading text-3xl font-semibold">
+        {timeseries.event.event_name}
+      </h1>
+      <div className="mt-2 flex items-center gap-2 text-xs text-muted-foreground">
+        {timeseries.event.channel && (
+          <Badge className="rounded-full bg-primary/15 px-2.5 py-0.5 text-xs text-primary">
+            {timeseries.event.channel}
+          </Badge>
+        )}
+        {timeseries.event.capacity !== null && (
+          <span>Capacity {timeseries.event.capacity}</span>
+        )}
+        {startLabel && (
+          <>
+            <span className="text-border">·</span>
+            <span>Starts {startLabel}</span>
+          </>
+        )}
+      </div>
+      <div className="mt-6 rounded-lg border border-border bg-card p-5">
+        <EventChart timeseries={timeseries} />
+      </div>
     </main>
   );
 }
diff --git a/frontend/app/globals.css b/frontend/app/globals.css
index 0104c3e..15c88c1 100644
--- a/frontend/app/globals.css
+++ b/frontend/app/globals.css
@@ -89,37 +89,41 @@
 }
 
 .dark {
-  --background: oklch(0.148 0.004 228.8);
-  --foreground: oklch(0.987 0.002 197.1);
-  --card: oklch(0.218 0.008 223.9);
-  --card-foreground: oklch(0.987 0.002 197.1);
-  --popover: oklch(0.218 0.008 223.9);
-  --popover-foreground: oklch(0.987 0.002 197.1);
-  --primary: oklch(0.925 0.005 214.3);
-  --primary-foreground: oklch(0.218 0.008 223.9);
-  --secondary: oklch(0.275 0.011 216.9);
-  --secondary-foreground: oklch(0.987 0.002 197.1);
-  --muted: oklch(0.275 0.011 216.9);
-  --muted-foreground: oklch(0.723 0.014 214.4);
-  --accent: oklch(0.275 0.011 216.9);
-  --accent-foreground: oklch(0.987 0.002 197.1);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.56 0.021 213.5);
-  --chart-1: oklch(0.872 0.007 219.6);
-  --chart-2: oklch(0.56 0.021 213.5);
-  --chart-3: oklch(0.45 0.017 213.2);
-  --chart-4: oklch(0.378 0.015 216);
-  --chart-5: oklch(0.275 0.011 216.9);
-  --sidebar: oklch(0.218 0.008 223.9);
-  --sidebar-foreground: oklch(0.987 0.002 197.1);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.987 0.002 197.1);
-  --sidebar-accent: oklch(0.275 0.011 216.9);
-  --sidebar-accent-foreground: oklch(0.987 0.002 197.1);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.56 0.021 213.5);
+  /* Argus dashboard palette: near-black OLED background + an indigo accent
+     (chosen deliberately in a design pass — replaces the previous hueless
+     "mist" grayscale preset). See docs/superpowers/specs/ for context if a
+     design spec exists; otherwise this is the source of truth. */
+  --background: #0a0a0a;
+  --foreground: #fafafa;
+  --card: #111113;
+  --card-foreground: #fafafa;
+  --popover: #111113;
+  --popover-foreground: #fafafa;
+  --primary: #818cf8;
+  --primary-foreground: #0a0a0a;
+  --secondary: #1c1c1f;
+  --secondary-foreground: #fafafa;
+  --muted: #1c1c1f;
+  --muted-foreground: #a1a1aa;
+  --accent: #1c1c1f;
+  --accent-foreground: #fafafa;
+  --destructive: #f87171;
+  --border: oklch(1 0 0 / 8%);
+  --input: oklch(1 0 0 / 10%);
+  --ring: #818cf8;
+  --chart-1: #818cf8;
+  --chart-2: #f59e0b;
+  --chart-3: #34d399;
+  --chart-4: #f87171;
+  --chart-5: #38bdf8;
+  --sidebar: #111113;
+  --sidebar-foreground: #fafafa;
+  --sidebar-primary: #818cf8;
+  --sidebar-primary-foreground: #0a0a0a;
+  --sidebar-accent: #1c1c1f;
+  --sidebar-accent-foreground: #fafafa;
+  --sidebar-border: oklch(1 0 0 / 8%);
+  --sidebar-ring: #818cf8;
 }
 
 @layer base {
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index b3b131f..3d05d7d 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -32,6 +32,7 @@ export default function RootLayout({ children }: LayoutProps<"/">) {
     <html
       lang="en"
       className={cn(
+        "dark",
         "h-full",
         "antialiased",
         geistSans.variable,
@@ -42,14 +43,19 @@ export default function RootLayout({ children }: LayoutProps<"/">) {
       )}
     >
       <body className="flex min-h-full flex-col">
-        <nav className="flex items-center gap-4 border-b p-4 text-sm">
-          <Link href="/" className="font-heading text-base">
+        <nav className="flex items-center gap-6 border-b border-border px-6 py-4 text-sm">
+          <Link href="/" className="font-heading text-base font-semibold">
             Argus
           </Link>
-          <Link href="/webhook-logs">Webhook Logs</Link>
+          <Link
+            href="/webhook-logs"
+            className="text-muted-foreground transition-colors hover:text-foreground"
+          >
+            Webhook Logs
+          </Link>
           <a
             href={`${BACKEND_ORIGIN}/dashboard/logout`}
-            className="ml-auto text-muted-foreground"
+            className="ml-auto text-muted-foreground transition-colors hover:text-foreground"
           >
             Logout
           </a>
diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
index 0ce8f78..d364b10 100644
--- a/frontend/app/page.tsx
+++ b/frontend/app/page.tsx
@@ -2,10 +2,23 @@
 
 import Link from "next/link";
 import { useEffect, useState, useTransition } from "react";
+import { ChevronRight, RefreshCw } from "lucide-react";
 import { deleteEvent, listEvents, triggerReport } from "@/apis/events";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
 import { useRequireAuth } from "@/hooks/use-require-auth";
 import type { EventSummary } from "@/types/responses/events";
 
+function formatStartDate(startAt: string | null): string | null {
+  if (!startAt) return null;
+  // Stored as a UTC ISO string with no offset (see SPEC.md); append "Z" so
+  // Date parses it as UTC rather than the browser's local time zone.
+  return new Date(`${startAt}Z`).toLocaleDateString(undefined, {
+    month: "short",
+    day: "numeric",
+  });
+}
+
 export default function DashboardHomePage() {
   const auth = useRequireAuth();
   const [events, setEvents] = useState<EventSummary[] | null>(null);
@@ -36,7 +49,9 @@ export default function DashboardHomePage() {
   }
   if (auth.status === "error") {
     return (
-      <p className="p-6 text-destructive">Failed to load: {auth.message}</p>
+      <p className="p-8 text-base text-destructive">
+        Failed to load: {auth.message}
+      </p>
     );
   }
   if (auth.status !== "authenticated") {
@@ -70,47 +85,81 @@ export default function DashboardHomePage() {
   };
 
   return (
-    <main className="mx-auto max-w-3xl p-6">
-      <div className="flex items-baseline justify-between">
-        <h1 className="font-heading text-2xl">Argus Dashboard</h1>
-        <span className="text-sm text-muted-foreground">{auth.user.email}</span>
-      </div>
-      <div className="mt-4">
-        <button
+    <main className="mx-auto max-w-3xl p-8">
+      <div className="flex items-start justify-between gap-4">
+        <div>
+          <h1 className="font-heading text-3xl font-semibold">Events</h1>
+          <p className="mt-1 text-sm text-muted-foreground">
+            {auth.user.email}
+          </p>
+        </div>
+        <Button
           type="button"
+          variant="secondary"
+          size="sm"
           onClick={handleTriggerReport}
           disabled={isPending}
-          className="text-sm text-primary underline underline-offset-4"
         >
+          <RefreshCw className="size-3.5" />
           Run report now
-        </button>
+        </Button>
       </div>
-      {error && <p className="mt-4 text-destructive">{error}</p>}
-      <ul className="mt-6 flex flex-col gap-2">
-        {events === null && !error && <li>Loading…</li>}
-        {events?.length === 0 && <li>No events yet.</li>}
-        {events?.map((event) => (
-          <li
-            key={event.event_slug}
-            className="flex items-center justify-between gap-4"
-          >
-            <Link
-              href={`/events?slug=${encodeURIComponent(event.event_slug)}`}
-              className="text-primary underline underline-offset-4"
+      {error && <p className="mt-4 text-base text-destructive">{error}</p>}
+      <div className="mt-8 flex flex-col gap-3">
+        {events === null && !error && (
+          <p className="text-base text-muted-foreground">Loading…</p>
+        )}
+        {events?.length === 0 && (
+          <p className="text-base text-muted-foreground">No events yet.</p>
+        )}
+        {events?.map((event) => {
+          const startLabel = formatStartDate(event.start_at);
+          return (
+            <div
+              key={event.event_slug}
+              className="flex items-center justify-between gap-4 rounded-lg border border-border bg-card p-5 transition-colors hover:border-primary/40"
             >
-              {event.event_name}
-            </Link>
-            <button
-              type="button"
-              onClick={() => handleDelete(event.event_slug, event.event_name)}
-              disabled={isPending}
-              className="text-sm text-destructive underline"
-            >
-              Delete
-            </button>
-          </li>
-        ))}
-      </ul>
+              <Link
+                href={`/events?slug=${encodeURIComponent(event.event_slug)}`}
+                className="min-w-0 flex-1"
+              >
+                <div className="text-base font-medium">{event.event_name}</div>
+                <div className="mt-2 flex items-center gap-2 text-xs text-muted-foreground">
+                  {event.channel && (
+                    <Badge className="rounded-full bg-primary/15 px-2.5 py-0.5 text-xs text-primary">
+                      {event.channel}
+                    </Badge>
+                  )}
+                  {event.capacity !== null && (
+                    <span>Capacity {event.capacity}</span>
+                  )}
+                  {startLabel && (
+                    <>
+                      <span className="text-border">·</span>
+                      <span>Starts {startLabel}</span>
+                    </>
+                  )}
+                </div>
+              </Link>
+              <div className="flex items-center gap-1">
+                <Button
+                  type="button"
+                  variant="ghost"
+                  size="sm"
+                  className="text-destructive hover:text-destructive"
+                  onClick={() =>
+                    handleDelete(event.event_slug, event.event_name)
+                  }
+                  disabled={isPending}
+                >
+                  Delete
+                </Button>
+                <ChevronRight className="size-4 text-muted-foreground" />
+              </div>
+            </div>
+          );
+        })}
+      </div>
     </main>
   );
 }
diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
index 5522661..800d74c 100644
--- a/frontend/app/webhook-logs/page.tsx
+++ b/frontend/app/webhook-logs/page.tsx
@@ -6,6 +6,8 @@ import {
   deleteWebhookLog,
   listWebhookLogs,
 } from "@/apis/webhook-logs";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
 import { useRequireAuth } from "@/hooks/use-require-auth";
 import type { WebhookLogsPage } from "@/types/responses/webhook-logs";
 
@@ -76,70 +78,93 @@ export default function WebhookLogsPage() {
   };
 
   return (
-    <main className="mx-auto max-w-4xl p-6">
-      <div className="flex items-baseline justify-between">
-        <h1 className="font-heading text-2xl">Webhook Logs</h1>
-        <button
+    <main className="mx-auto max-w-4xl p-8">
+      <div className="flex items-center justify-between">
+        <h1 className="font-heading text-3xl font-semibold">Webhook Logs</h1>
+        <Button
           type="button"
+          variant="ghost"
+          size="sm"
+          className="text-destructive hover:text-destructive"
           onClick={handleClearAll}
           disabled={isPending}
-          className="text-sm text-destructive underline"
         >
           Clear all
-        </button>
+        </Button>
       </div>
-      {error && <p className="mt-4 text-destructive">{error}</p>}
-      {page === null && !error && <p className="mt-4">Loading…</p>}
+      {error && <p className="mt-4 text-base text-destructive">{error}</p>}
+      {page === null && !error && (
+        <p className="mt-4 text-base text-muted-foreground">Loading…</p>
+      )}
       {page && (
         <>
-          <table className="mt-4 w-full text-left text-sm">
-            <thead>
-              <tr>
-                <th>Method</th>
-                <th>Channel</th>
-                <th>Created</th>
-                <th />
-              </tr>
-            </thead>
-            <tbody>
-              {page.items.map((item) => (
-                <tr key={item.id}>
-                  <td>{item.method}</td>
-                  <td>{item.channel ?? "—"}</td>
-                  <td>{item.created_at}</td>
-                  <td>
-                    <button
-                      type="button"
-                      onClick={() => handleDelete(item.id)}
-                      disabled={isPending}
-                      className="text-destructive underline"
-                    >
-                      Delete
-                    </button>
-                  </td>
+          <div className="mt-6 overflow-hidden rounded-lg border border-border bg-card">
+            <table className="w-full text-left text-sm">
+              <thead>
+                <tr className="border-b border-border text-xs text-muted-foreground">
+                  <th className="px-4 py-2.5 font-medium">Method</th>
+                  <th className="px-4 py-2.5 font-medium">Channel</th>
+                  <th className="px-4 py-2.5 font-medium">Created</th>
+                  <th className="px-4 py-2.5" />
                 </tr>
-              ))}
-            </tbody>
-          </table>
-          <div className="mt-4 flex items-center gap-4">
-            <button
+              </thead>
+              <tbody>
+                {page.items.map((item) => (
+                  <tr
+                    key={item.id}
+                    className="border-b border-border last:border-b-0"
+                  >
+                    <td className="px-4 py-2.5">
+                      <Badge className="rounded bg-chart-3/15 px-2 py-0.5 font-mono text-xs text-chart-3">
+                        {item.method}
+                      </Badge>
+                    </td>
+                    <td className="px-4 py-2.5 text-foreground">
+                      {item.channel ?? "—"}
+                    </td>
+                    <td className="px-4 py-2.5 text-muted-foreground">
+                      {item.created_at}
+                    </td>
+                    <td className="px-4 py-2.5 text-right">
+                      <Button
+                        type="button"
+                        variant="ghost"
+                        size="sm"
+                        className="text-destructive hover:text-destructive"
+                        onClick={() => handleDelete(item.id)}
+                        disabled={isPending}
+                      >
+                        Delete
+                      </Button>
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+          <div className="mt-4 flex items-center gap-4 text-sm">
+            <Button
               type="button"
+              variant="outline"
+              size="sm"
               disabled={offset === 0}
               onClick={() => setOffset(Math.max(0, offset - PAGE_SIZE))}
             >
               Previous
-            </button>
-            <span>
+            </Button>
+            <span className="text-muted-foreground">
               {offset + 1}–{Math.min(offset + PAGE_SIZE, page.total)} of{" "}
               {page.total}
             </span>
-            <button
+            <Button
               type="button"
+              variant="outline"
+              size="sm"
               disabled={offset + PAGE_SIZE >= page.total}
               onClick={() => setOffset(offset + PAGE_SIZE)}
             >
               Next
-            </button>
+            </Button>
           </div>
         </>
       )}
diff --git a/frontend/components/ui/badge.tsx b/frontend/components/ui/badge.tsx
new file mode 100644
index 0000000..2bed4fb
--- /dev/null
+++ b/frontend/components/ui/badge.tsx
@@ -0,0 +1,48 @@
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { type VariantProps, cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+
+const badgeVariants = cva(
+  "group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1.5 overflow-hidden rounded-none border-0 bg-transparent px-0 py-0 text-[0.625rem] font-semibold tracking-widest whitespace-nowrap uppercase transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-0 has-data-[icon=inline-start]:pl-0 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "text-foreground [a]:hover:text-foreground/70",
+        secondary: "text-muted-foreground [a]:hover:text-foreground",
+        destructive:
+          "text-destructive focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:text-destructive/70",
+        outline: "text-foreground [a]:hover:text-foreground/70",
+        ghost: "text-muted-foreground hover:text-foreground",
+        link: "text-foreground underline-offset-4 hover:underline",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  },
+);
+
+function Badge({
+  className,
+  variant = "default",
+  render,
+  ...props
+}: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>) {
+  return useRender({
+    defaultTagName: "span",
+    props: mergeProps<"span">(
+      {
+        className: cn(badgeVariants({ variant }), className),
+      },
+      props,
+    ),
+    render,
+    state: {
+      slot: "badge",
+      variant,
+    },
+  });
+}
+
+export { Badge, badgeVariants };

From 9ca7e7e0e6c26c3bb0da9d0795f2cff9b9f717e8 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sun, 16 Aug 2026 12:07:44 +0800
Subject: [PATCH 20/34] refactor(frontend): hoist the shared <main> wrapper
 into the root layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Each page independently declared its own <main className="mx-auto max-w-Nxl p-8">
wrapper, with inconsistent max-widths (3xl vs 4xl) across pages — and,
combined with body's flex-col layout, content wasn't reliably filling the
available width. Move the wrapper into layout.tsx (one consistent max-w-4xl
for all three pages), leaving each page to render only its own content.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/events/page.tsx       | 16 +++++++---------
 frontend/app/layout.tsx            |  2 +-
 frontend/app/page.tsx              |  6 +++---
 frontend/app/webhook-logs/page.tsx |  8 +++-----
 4 files changed, 14 insertions(+), 18 deletions(-)

diff --git a/frontend/app/events/page.tsx b/frontend/app/events/page.tsx
index 715b566..0da6ef4 100644
--- a/frontend/app/events/page.tsx
+++ b/frontend/app/events/page.tsx
@@ -48,30 +48,28 @@ function EventDetailContent() {
     return null;
   }
   if (auth.status === "error") {
-    return (
-      <p className="p-6 text-destructive">Failed to load: {auth.message}</p>
-    );
+    return <p className="text-destructive">Failed to load: {auth.message}</p>;
   }
   if (auth.status !== "authenticated") {
     return null;
   }
 
   if (!slug) {
-    return <p className="p-6">No event selected.</p>;
+    return <p>No event selected.</p>;
   }
 
   if (error) {
-    return <p className="p-6 text-destructive">{error}</p>;
+    return <p className="text-destructive">{error}</p>;
   }
 
   if (!timeseries) {
-    return <p className="p-6">Loading…</p>;
+    return <p>Loading…</p>;
   }
 
   const startLabel = formatStartDate(timeseries.event.start_at);
 
   return (
-    <main className="mx-auto max-w-3xl p-8">
+    <>
       <Link
         href="/"
         className="inline-flex items-center gap-1.5 text-sm text-muted-foreground transition-colors hover:text-foreground"
@@ -101,7 +99,7 @@ function EventDetailContent() {
       <div className="mt-6 rounded-lg border border-border bg-card p-5">
         <EventChart timeseries={timeseries} />
       </div>
-    </main>
+    </>
   );
 }
 
@@ -111,7 +109,7 @@ export default function EventDetailPage() {
   // statically-exported route like this one (see next.config.ts's
   // `output: "export"`).
   return (
-    <Suspense fallback={<p className="p-6">Loading…</p>}>
+    <Suspense fallback={<p>Loading…</p>}>
       <EventDetailContent />
     </Suspense>
   );
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index 3d05d7d..6a51d57 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -60,7 +60,7 @@ export default function RootLayout({ children }: LayoutProps<"/">) {
             Logout
           </a>
         </nav>
-        {children}
+        <main className="mx-auto w-full max-w-4xl flex-1 p-8">{children}</main>
       </body>
     </html>
   );
diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
index d364b10..13b80d4 100644
--- a/frontend/app/page.tsx
+++ b/frontend/app/page.tsx
@@ -49,7 +49,7 @@ export default function DashboardHomePage() {
   }
   if (auth.status === "error") {
     return (
-      <p className="p-8 text-base text-destructive">
+      <p className="text-base text-destructive">
         Failed to load: {auth.message}
       </p>
     );
@@ -85,7 +85,7 @@ export default function DashboardHomePage() {
   };
 
   return (
-    <main className="mx-auto max-w-3xl p-8">
+    <>
       <div className="flex items-start justify-between gap-4">
         <div>
           <h1 className="font-heading text-3xl font-semibold">Events</h1>
@@ -160,6 +160,6 @@ export default function DashboardHomePage() {
           );
         })}
       </div>
-    </main>
+    </>
   );
 }
diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
index 800d74c..632488d 100644
--- a/frontend/app/webhook-logs/page.tsx
+++ b/frontend/app/webhook-logs/page.tsx
@@ -38,9 +38,7 @@ export default function WebhookLogsPage() {
     return null;
   }
   if (auth.status === "error") {
-    return (
-      <p className="p-6 text-destructive">Failed to load: {auth.message}</p>
-    );
+    return <p className="text-destructive">Failed to load: {auth.message}</p>;
   }
   if (auth.status !== "authenticated") {
     return null;
@@ -78,7 +76,7 @@ export default function WebhookLogsPage() {
   };
 
   return (
-    <main className="mx-auto max-w-4xl p-8">
+    <>
       <div className="flex items-center justify-between">
         <h1 className="font-heading text-3xl font-semibold">Webhook Logs</h1>
         <Button
@@ -168,6 +166,6 @@ export default function WebhookLogsPage() {
           </div>
         </>
       )}
-    </main>
+    </>
   );
 }

From 182904b5bbd34b66b42edd8b13e4efa0e1128201 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sun, 16 Aug 2026 13:05:01 +0800
Subject: [PATCH 21/34] feat(frontend): add a reusable EmptyState component
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaces the bare 'No events yet.' text and the sparse empty-table-with-
pagination look on Webhook Logs with a shared, centered empty state (icon
in a muted circle, title, optional description) — matches the project's
convention of a reusable component + Storybook story for anything used
more than once. Webhook Logs now shows this in place of the whole
table+pagination block when there are zero logs, rather than an empty
table with '1-0 of 0' pagination controls that have nothing to page
through.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/page.tsx                         |  9 +++--
 frontend/app/webhook-logs/page.tsx            | 13 ++++++-
 frontend/components/empty-state.tsx           | 25 ++++++++++++++
 .../components/empty-state.stories.tsx        | 34 +++++++++++++++++++
 4 files changed, 78 insertions(+), 3 deletions(-)
 create mode 100644 frontend/components/empty-state.tsx
 create mode 100644 frontend/stories/components/empty-state.stories.tsx

diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
index 13b80d4..c1a83b0 100644
--- a/frontend/app/page.tsx
+++ b/frontend/app/page.tsx
@@ -2,8 +2,9 @@
 
 import Link from "next/link";
 import { useEffect, useState, useTransition } from "react";
-import { ChevronRight, RefreshCw } from "lucide-react";
+import { CalendarX, ChevronRight, RefreshCw } from "lucide-react";
 import { deleteEvent, listEvents, triggerReport } from "@/apis/events";
+import { EmptyState } from "@/components/empty-state";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { useRequireAuth } from "@/hooks/use-require-auth";
@@ -110,7 +111,11 @@ export default function DashboardHomePage() {
           <p className="text-base text-muted-foreground">Loading…</p>
         )}
         {events?.length === 0 && (
-          <p className="text-base text-muted-foreground">No events yet.</p>
+          <EmptyState
+            icon={CalendarX}
+            title="No events yet"
+            description="Events appear automatically once KKTIX sends a registration webhook."
+          />
         )}
         {events?.map((event) => {
           const startLabel = formatStartDate(event.start_at);
diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
index 632488d..92627e9 100644
--- a/frontend/app/webhook-logs/page.tsx
+++ b/frontend/app/webhook-logs/page.tsx
@@ -1,11 +1,13 @@
 "use client";
 
 import { useEffect, useState, useTransition } from "react";
+import { Inbox } from "lucide-react";
 import {
   clearWebhookLogs,
   deleteWebhookLog,
   listWebhookLogs,
 } from "@/apis/webhook-logs";
+import { EmptyState } from "@/components/empty-state";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { useRequireAuth } from "@/hooks/use-require-auth";
@@ -94,7 +96,16 @@ export default function WebhookLogsPage() {
       {page === null && !error && (
         <p className="mt-4 text-base text-muted-foreground">Loading…</p>
       )}
-      {page && (
+      {page && page.total === 0 && (
+        <div className="mt-6">
+          <EmptyState
+            icon={Inbox}
+            title="No webhook events yet"
+            description="Registration and cancellation webhooks from KKTIX will show up here."
+          />
+        </div>
+      )}
+      {page && page.total > 0 && (
         <>
           <div className="mt-6 overflow-hidden rounded-lg border border-border bg-card">
             <table className="w-full text-left text-sm">
diff --git a/frontend/components/empty-state.tsx b/frontend/components/empty-state.tsx
new file mode 100644
index 0000000..6af8d42
--- /dev/null
+++ b/frontend/components/empty-state.tsx
@@ -0,0 +1,25 @@
+import type { LucideIcon } from "lucide-react";
+
+interface EmptyStateProps {
+  icon: LucideIcon;
+  title: string;
+  description?: string;
+}
+
+export function EmptyState({
+  icon: Icon,
+  title,
+  description,
+}: EmptyStateProps) {
+  return (
+    <div className="flex flex-col items-center justify-center gap-3 rounded-lg border border-border bg-card px-6 py-20 text-center">
+      <div className="flex size-12 items-center justify-center rounded-full bg-muted">
+        <Icon className="size-6 text-muted-foreground" />
+      </div>
+      <p className="text-base font-medium">{title}</p>
+      {description && (
+        <p className="max-w-sm text-sm text-muted-foreground">{description}</p>
+      )}
+    </div>
+  );
+}
diff --git a/frontend/stories/components/empty-state.stories.tsx b/frontend/stories/components/empty-state.stories.tsx
new file mode 100644
index 0000000..698242d
--- /dev/null
+++ b/frontend/stories/components/empty-state.stories.tsx
@@ -0,0 +1,34 @@
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { Inbox } from "lucide-react";
+import { expect } from "storybook/test";
+import { EmptyState } from "@/components/empty-state";
+
+const meta = {
+  component: EmptyState,
+  tags: ["ai-generated"],
+  args: {
+    icon: Inbox,
+    title: "No webhook events yet",
+    description:
+      "Registration and cancellation webhooks from KKTIX will show up here.",
+  },
+} satisfies Meta<typeof EmptyState>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// Smoke check — one is enough per file
+export const Default: Story = {
+  play: async ({ canvas }) => {
+    await expect(canvas.getByText("No webhook events yet")).toBeVisible();
+    await expect(
+      canvas.getByText(
+        "Registration and cancellation webhooks from KKTIX will show up here.",
+      ),
+    ).toBeVisible();
+  },
+};
+
+export const WithoutDescription: Story = {
+  args: { description: undefined },
+};

From a4ccae684e504008f920e6771777262a8d4d271a Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sun, 16 Aug 2026 14:29:28 +0800
Subject: [PATCH 22/34] feat(frontend): add expandable header/body view to
 webhook logs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Restore the ability to inspect a webhook's raw headers and body, dropped
during the dashboard redesign. Each row expands inline via Collapsible
(chosen over Dialog so multiple entries can be compared side-by-side,
like a devtools network inspector) to reveal pretty-printed, syntax
highlighted JSON via a new JsonViewer component.

Also adds back the ID column and a Body Summary column (notification
type · event slug) that the table lost in the same redesign.

JsonViewer is hand-rolled rather than pulling in shiki/prismjs — JSON's
grammar is simple enough for a single regex pass, and this ships in a
static-exported bundle where every dependency counts. HTML-escaping
happens before span-wrapping since webhook bodies contain arbitrary
attacker-influenceable strings.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/webhook-logs/page.tsx     | 156 ++++++++++++++++++-------
 frontend/components/json-viewer.tsx    |  51 ++++++++
 frontend/components/ui/collapsible.tsx |  21 ++++
 3 files changed, 186 insertions(+), 42 deletions(-)
 create mode 100644 frontend/components/json-viewer.tsx
 create mode 100644 frontend/components/ui/collapsible.tsx

diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
index 92627e9..732e4f1 100644
--- a/frontend/app/webhook-logs/page.tsx
+++ b/frontend/app/webhook-logs/page.tsx
@@ -1,26 +1,53 @@
 "use client";
 
 import { useEffect, useState, useTransition } from "react";
-import { Inbox } from "lucide-react";
+import { ChevronRight, Inbox } from "lucide-react";
 import {
   clearWebhookLogs,
   deleteWebhookLog,
   listWebhookLogs,
 } from "@/apis/webhook-logs";
 import { EmptyState } from "@/components/empty-state";
+import { JsonViewer } from "@/components/json-viewer";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
 import { useRequireAuth } from "@/hooks/use-require-auth";
-import type { WebhookLogsPage } from "@/types/responses/webhook-logs";
+import { cn } from "@/lib/utils";
+import type {
+  WebhookLogEntry,
+  WebhookLogsPage,
+} from "@/types/responses/webhook-logs";
 
 const PAGE_SIZE = 50;
 
+function summarizeBody(body: string | null): string {
+  if (!body) return "—";
+  try {
+    const parsed = JSON.parse(body) as {
+      notifications?: Array<{ type?: string; event?: { slug?: string } }>;
+    };
+    const notification = parsed.notifications?.[0];
+    if (notification?.type && notification.event?.slug) {
+      return `${notification.type} · ${notification.event.slug}`;
+    }
+  } catch {
+    // Not JSON, or not the shape we expect — show the placeholder below.
+  }
+  return "—";
+}
+
 export default function WebhookLogsPage() {
   const auth = useRequireAuth();
   const [offset, setOffset] = useState(0);
   const [page, setPage] = useState<WebhookLogsPage | null>(null);
   const [error, setError] = useState<string | null>(null);
   const [isPending, startTransition] = useTransition();
+  const [openIds, setOpenIds] = useState<Set<number>>(new Set());
 
   const reload = () => {
     return listWebhookLogs(PAGE_SIZE, offset)
@@ -46,6 +73,18 @@ export default function WebhookLogsPage() {
     return null;
   }
 
+  const toggleOpen = (id: number) => {
+    setOpenIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) {
+        next.delete(id);
+      } else {
+        next.add(id);
+      }
+      return next;
+    });
+  };
+
   const handleDelete = (id: number) => {
     startTransition(async () => {
       await deleteWebhookLog(id);
@@ -108,48 +147,81 @@ export default function WebhookLogsPage() {
       {page && page.total > 0 && (
         <>
           <div className="mt-6 overflow-hidden rounded-lg border border-border bg-card">
-            <table className="w-full text-left text-sm">
-              <thead>
-                <tr className="border-b border-border text-xs text-muted-foreground">
-                  <th className="px-4 py-2.5 font-medium">Method</th>
-                  <th className="px-4 py-2.5 font-medium">Channel</th>
-                  <th className="px-4 py-2.5 font-medium">Created</th>
-                  <th className="px-4 py-2.5" />
-                </tr>
-              </thead>
-              <tbody>
-                {page.items.map((item) => (
-                  <tr
-                    key={item.id}
-                    className="border-b border-border last:border-b-0"
-                  >
-                    <td className="px-4 py-2.5">
-                      <Badge className="rounded bg-chart-3/15 px-2 py-0.5 font-mono text-xs text-chart-3">
-                        {item.method}
-                      </Badge>
-                    </td>
-                    <td className="px-4 py-2.5 text-foreground">
+            <div className="grid grid-cols-[2rem_4rem_5rem_6rem_1fr_5rem] items-center gap-3 border-b border-border px-4 py-2.5 text-xs text-muted-foreground">
+              <span />
+              <span>ID</span>
+              <span>Method</span>
+              <span>Channel</span>
+              <span>Body</span>
+              <span />
+            </div>
+            {page.items.map((item: WebhookLogEntry) => {
+              const isOpen = openIds.has(item.id);
+              return (
+                <Collapsible
+                  key={item.id}
+                  open={isOpen}
+                  onOpenChange={() => toggleOpen(item.id)}
+                  className="border-b border-border last:border-b-0"
+                >
+                  <CollapsibleTrigger className="grid w-full grid-cols-[2rem_4rem_5rem_6rem_1fr_5rem] items-center gap-3 px-4 py-2.5 text-left text-sm transition-colors hover:bg-muted/50">
+                    <ChevronRight
+                      className={cn(
+                        "size-4 text-muted-foreground transition-transform",
+                        isOpen && "rotate-90",
+                      )}
+                    />
+                    <span className="text-muted-foreground">{item.id}</span>
+                    <Badge className="w-fit rounded bg-chart-3/15 px-2 py-0.5 font-mono text-xs text-chart-3">
+                      {item.method}
+                    </Badge>
+                    <span className="text-foreground">
                       {item.channel ?? "—"}
-                    </td>
-                    <td className="px-4 py-2.5 text-muted-foreground">
+                    </span>
+                    <span className="truncate text-muted-foreground">
+                      {summarizeBody(item.body)}
+                    </span>
+                    <span className="text-muted-foreground">
                       {item.created_at}
-                    </td>
-                    <td className="px-4 py-2.5 text-right">
-                      <Button
-                        type="button"
-                        variant="ghost"
-                        size="sm"
-                        className="text-destructive hover:text-destructive"
-                        onClick={() => handleDelete(item.id)}
-                        disabled={isPending}
-                      >
-                        Delete
-                      </Button>
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
+                    </span>
+                  </CollapsibleTrigger>
+                  <CollapsibleContent>
+                    <div className="flex flex-col gap-4 border-t border-border p-4">
+                      <div>
+                        <p className="mb-2 text-xs font-medium tracking-wide text-muted-foreground uppercase">
+                          Headers
+                        </p>
+                        <JsonViewer value={item.headers} />
+                      </div>
+                      <div>
+                        <p className="mb-2 text-xs font-medium tracking-wide text-muted-foreground uppercase">
+                          Body
+                        </p>
+                        {item.body ? (
+                          <JsonViewer value={item.body} />
+                        ) : (
+                          <p className="text-sm text-muted-foreground">
+                            No body.
+                          </p>
+                        )}
+                      </div>
+                      <div>
+                        <Button
+                          type="button"
+                          variant="ghost"
+                          size="sm"
+                          className="text-destructive hover:text-destructive"
+                          onClick={() => handleDelete(item.id)}
+                          disabled={isPending}
+                        >
+                          Delete
+                        </Button>
+                      </div>
+                    </div>
+                  </CollapsibleContent>
+                </Collapsible>
+              );
+            })}
           </div>
           <div className="mt-4 flex items-center gap-4 text-sm">
             <Button
diff --git a/frontend/components/json-viewer.tsx b/frontend/components/json-viewer.tsx
new file mode 100644
index 0000000..330a266
--- /dev/null
+++ b/frontend/components/json-viewer.tsx
@@ -0,0 +1,51 @@
+// Minimal JSON syntax highlighter. Deliberately hand-rolled instead of
+// pulling in a full highlighting library (shiki, prismjs, ...) — JSON's
+// grammar is simple enough that a single regex pass covers it, and this
+// ships as part of a static-exported bundle where every dependency counts.
+function highlightJson(json: string): string {
+  // Escape HTML first — the JSON can contain arbitrary strings from
+  // webhook payloads (ticket names, etc.), so this must not be
+  // injectable before we wrap tokens in <span>s below.
+  const escaped = json
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;");
+
+  return escaped.replace(
+    /("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\btrue\b|\bfalse\b|\bnull\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)/g,
+    (match) => {
+      let className = "text-chart-3"; // number
+      if (/^"/.test(match)) {
+        className = /:$/.test(match) ? "text-chart-1" : "text-chart-2"; // key : string
+      } else if (match === "true" || match === "false") {
+        className = "text-chart-4";
+      } else if (match === "null") {
+        className = "text-muted-foreground";
+      }
+      return `<span class="${className}">${match}</span>`;
+    },
+  );
+}
+
+function formatJson(raw: string): string {
+  try {
+    return JSON.stringify(JSON.parse(raw), null, 2);
+  } catch {
+    // Not valid JSON (or already redacted/truncated) — show it verbatim
+    // rather than failing to render at all.
+    return raw;
+  }
+}
+
+interface JsonViewerProps {
+  value: string;
+}
+
+export function JsonViewer({ value }: JsonViewerProps) {
+  const formatted = formatJson(value);
+  return (
+    <pre className="overflow-x-auto rounded-md bg-background p-4 font-mono text-xs leading-relaxed">
+      <code dangerouslySetInnerHTML={{ __html: highlightJson(formatted) }} />
+    </pre>
+  );
+}
diff --git a/frontend/components/ui/collapsible.tsx b/frontend/components/ui/collapsible.tsx
new file mode 100644
index 0000000..2e44190
--- /dev/null
+++ b/frontend/components/ui/collapsible.tsx
@@ -0,0 +1,21 @@
+"use client";
+
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+
+function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {
+  return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />;
+}
+
+function CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props) {
+  return (
+    <CollapsiblePrimitive.Trigger data-slot="collapsible-trigger" {...props} />
+  );
+}
+
+function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props) {
+  return (
+    <CollapsiblePrimitive.Panel data-slot="collapsible-content" {...props} />
+  );
+}
+
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

From 425462a905c8f24b179f306286b465cb2e2f1c56 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sun, 16 Aug 2026 14:40:34 +0800
Subject: [PATCH 23/34] feat(frontend): show webhook log timestamps in Taipei
 time next to ID
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Move the Created column to sit right after ID (was previously the
rightmost column), and convert it from the raw UTC DB value to
Asia/Taipei local time — the dashboard's users are all in that
timezone.

Adds a formatTaipeiDateTime() helper (lib/datetime.ts) using dayjs's
utc plugin. Taiwan never observes DST, so a fixed +8 offset is used
instead of the timezone plugin (which needs Intl tz-data support) to
keep the static-export bundle smaller. The DB timestamp format isn't
fully pinned down across backends (SQLite returns a naive
"YYYY-MM-DD HH:mm:ss" string, Postgres may include an offset), so the
helper normalizes both shapes before parsing.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/webhook-logs/page.tsx  | 13 +++++++------
 frontend/lib/datetime.ts            | 29 +++++++++++++++++++++++++++++
 frontend/package.json               |  1 +
 frontend/pnpm-lock.yaml             |  8 ++++++++
 frontend/tests/lib/datetime.test.ts | 28 ++++++++++++++++++++++++++++
 5 files changed, 73 insertions(+), 6 deletions(-)
 create mode 100644 frontend/lib/datetime.ts
 create mode 100644 frontend/tests/lib/datetime.test.ts

diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
index 732e4f1..4b4caeb 100644
--- a/frontend/app/webhook-logs/page.tsx
+++ b/frontend/app/webhook-logs/page.tsx
@@ -17,6 +17,7 @@ import {
   CollapsibleTrigger,
 } from "@/components/ui/collapsible";
 import { useRequireAuth } from "@/hooks/use-require-auth";
+import { formatTaipeiDateTime } from "@/lib/datetime";
 import { cn } from "@/lib/utils";
 import type {
   WebhookLogEntry,
@@ -147,13 +148,13 @@ export default function WebhookLogsPage() {
       {page && page.total > 0 && (
         <>
           <div className="mt-6 overflow-hidden rounded-lg border border-border bg-card">
-            <div className="grid grid-cols-[2rem_4rem_5rem_6rem_1fr_5rem] items-center gap-3 border-b border-border px-4 py-2.5 text-xs text-muted-foreground">
+            <div className="grid grid-cols-[2rem_4rem_9rem_5rem_6rem_1fr] items-center gap-3 border-b border-border px-4 py-2.5 text-xs text-muted-foreground">
               <span />
               <span>ID</span>
+              <span>Created</span>
               <span>Method</span>
               <span>Channel</span>
               <span>Body</span>
-              <span />
             </div>
             {page.items.map((item: WebhookLogEntry) => {
               const isOpen = openIds.has(item.id);
@@ -164,7 +165,7 @@ export default function WebhookLogsPage() {
                   onOpenChange={() => toggleOpen(item.id)}
                   className="border-b border-border last:border-b-0"
                 >
-                  <CollapsibleTrigger className="grid w-full grid-cols-[2rem_4rem_5rem_6rem_1fr_5rem] items-center gap-3 px-4 py-2.5 text-left text-sm transition-colors hover:bg-muted/50">
+                  <CollapsibleTrigger className="grid w-full grid-cols-[2rem_4rem_9rem_5rem_6rem_1fr] items-center gap-3 px-4 py-2.5 text-left text-sm transition-colors hover:bg-muted/50">
                     <ChevronRight
                       className={cn(
                         "size-4 text-muted-foreground transition-transform",
@@ -172,6 +173,9 @@ export default function WebhookLogsPage() {
                       )}
                     />
                     <span className="text-muted-foreground">{item.id}</span>
+                    <span className="text-muted-foreground">
+                      {formatTaipeiDateTime(item.created_at)}
+                    </span>
                     <Badge className="w-fit rounded bg-chart-3/15 px-2 py-0.5 font-mono text-xs text-chart-3">
                       {item.method}
                     </Badge>
@@ -181,9 +185,6 @@ export default function WebhookLogsPage() {
                     <span className="truncate text-muted-foreground">
                       {summarizeBody(item.body)}
                     </span>
-                    <span className="text-muted-foreground">
-                      {item.created_at}
-                    </span>
                   </CollapsibleTrigger>
                   <CollapsibleContent>
                     <div className="flex flex-col gap-4 border-t border-border p-4">
diff --git a/frontend/lib/datetime.ts b/frontend/lib/datetime.ts
new file mode 100644
index 0000000..d8a2382
--- /dev/null
+++ b/frontend/lib/datetime.ts
@@ -0,0 +1,29 @@
+import dayjs from "dayjs";
+import utc from "dayjs/plugin/utc";
+
+dayjs.extend(utc);
+
+const TAIPEI_UTC_OFFSET_HOURS = 8;
+
+// Timestamps with no offset/"Z" suffix (SQLite's shape, see
+// queries.py's docstring) parse as local time by default — treat them as
+// UTC explicitly by normalizing to an unambiguous ISO string first.
+// Timestamps that already carry an offset (Postgres may include one) are
+// passed through as-is.
+const HAS_OFFSET = /[Zz]$|[+-]\d\d:?\d\d$/;
+
+/**
+ * Format a DB timestamp (stored as UTC — see queries.py) as Taiwan local
+ * time. Dashboard users are all in Asia/Taipei, which never observes DST,
+ * so a fixed +8 offset is used rather than the timezone plugin.
+ */
+export function formatTaipeiDateTime(utcTimestamp: string): string {
+  const trimmed = utcTimestamp.trim();
+  const iso = HAS_OFFSET.test(trimmed)
+    ? trimmed
+    : `${trimmed.replace(" ", "T")}Z`;
+  return dayjs
+    .utc(iso)
+    .utcOffset(TAIPEI_UTC_OFFSET_HOURS)
+    .format("YYYY-MM-DD HH:mm:ss");
+}
diff --git a/frontend/package.json b/frontend/package.json
index 2258d22..78b1d15 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -16,6 +16,7 @@
     "axios": "^1.19.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "dayjs": "^1.11.21",
     "lucide-react": "^1.31.0",
     "next": "16.3.1",
     "react": "19.2.8",
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index bcb0d8d..c57722f 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -20,6 +20,9 @@ importers:
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
+      dayjs:
+        specifier: ^1.11.21
+        version: 1.11.21
       lucide-react:
         specifier: ^1.31.0
         version: 1.31.0(react@19.2.8)
@@ -2342,6 +2345,9 @@ packages:
     resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
     engines: {node: '>= 0.4'}
 
+  dayjs@1.11.21:
+    resolution: {integrity: sha512-98IT+HOahAisibz/yjKbzuOBwYcjJ7BCLPzARyHiyEBmRz4fatF+KPJszEHXsGYjUG234aH/cOjW1wwTbKUZlA==}
+
   debounce-fn@4.0.0:
     resolution: {integrity: sha512-8pYCQiL9Xdcg0UPSD3d+0KMlOjp+KGU5EPwYddgzQ7DATsg4fuUDjQtsYLmWjnk2obnNHgV3vE2Y4jejSOJVBQ==}
     engines: {node: '>=10'}
@@ -6855,6 +6861,8 @@ snapshots:
       es-errors: 1.3.0
       is-data-view: 1.0.2
 
+  dayjs@1.11.21: {}
+
   debounce-fn@4.0.0:
     dependencies:
       mimic-fn: 3.1.0
diff --git a/frontend/tests/lib/datetime.test.ts b/frontend/tests/lib/datetime.test.ts
new file mode 100644
index 0000000..3cf08e5
--- /dev/null
+++ b/frontend/tests/lib/datetime.test.ts
@@ -0,0 +1,28 @@
+import { describe, expect, it } from "vitest";
+import { formatTaipeiDateTime } from "@/lib/datetime";
+
+describe("formatTaipeiDateTime", () => {
+  it("converts a naive SQLite-shaped UTC timestamp to Taipei time (+8)", () => {
+    expect(formatTaipeiDateTime("2026-08-16 06:00:37")).toBe(
+      "2026-08-16 14:00:37",
+    );
+  });
+
+  it("rolls over into the next day when the UTC+8 offset crosses midnight", () => {
+    expect(formatTaipeiDateTime("2026-08-16 20:15:00")).toBe(
+      "2026-08-17 04:15:00",
+    );
+  });
+
+  it("accepts an ISO string with an explicit Z suffix", () => {
+    expect(formatTaipeiDateTime("2026-08-16T06:00:37Z")).toBe(
+      "2026-08-16 14:00:37",
+    );
+  });
+
+  it("accepts a timestamp with an explicit numeric offset", () => {
+    expect(formatTaipeiDateTime("2026-08-16T06:00:37+00:00")).toBe(
+      "2026-08-16 14:00:37",
+    );
+  });
+});

From c91aaf6422dd34151910b6660e639b8573ae694a Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sun, 16 Aug 2026 15:06:07 +0800
Subject: [PATCH 24/34] fix(frontend): move webhook log Delete button back to
 the row

Delete now lives in the table row itself (right side), not inside the
expanded Collapsible panel. This also fixes an implicit issue in the
prior layout: the whole row was one CollapsibleTrigger <button>, which
would have made Delete an invalid button-inside-a-button if placed
there. The trigger is now just the chevron icon, sized as its own
small hit target; the rest of the row (id, created, method, channel,
body, delete) are plain siblings in the same CSS grid row.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/webhook-logs/page.tsx | 48 +++++++++++++++++-------------
 1 file changed, 27 insertions(+), 21 deletions(-)

diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
index 4b4caeb..416f1c0 100644
--- a/frontend/app/webhook-logs/page.tsx
+++ b/frontend/app/webhook-logs/page.tsx
@@ -148,13 +148,14 @@ export default function WebhookLogsPage() {
       {page && page.total > 0 && (
         <>
           <div className="mt-6 overflow-hidden rounded-lg border border-border bg-card">
-            <div className="grid grid-cols-[2rem_4rem_9rem_5rem_6rem_1fr] items-center gap-3 border-b border-border px-4 py-2.5 text-xs text-muted-foreground">
+            <div className="grid grid-cols-[2rem_4rem_9rem_5rem_6rem_1fr_auto] items-center gap-3 border-b border-border px-4 py-2.5 text-xs text-muted-foreground">
               <span />
               <span>ID</span>
               <span>Created</span>
               <span>Method</span>
               <span>Channel</span>
               <span>Body</span>
+              <span />
             </div>
             {page.items.map((item: WebhookLogEntry) => {
               const isOpen = openIds.has(item.id);
@@ -165,13 +166,20 @@ export default function WebhookLogsPage() {
                   onOpenChange={() => toggleOpen(item.id)}
                   className="border-b border-border last:border-b-0"
                 >
-                  <CollapsibleTrigger className="grid w-full grid-cols-[2rem_4rem_9rem_5rem_6rem_1fr] items-center gap-3 px-4 py-2.5 text-left text-sm transition-colors hover:bg-muted/50">
-                    <ChevronRight
-                      className={cn(
-                        "size-4 text-muted-foreground transition-transform",
-                        isOpen && "rotate-90",
-                      )}
-                    />
+                  <div className="grid grid-cols-[2rem_4rem_9rem_5rem_6rem_1fr_auto] items-center gap-3 px-4 py-2.5 text-sm">
+                    <CollapsibleTrigger
+                      aria-label={
+                        isOpen ? "Collapse details" : "Expand details"
+                      }
+                      className="flex items-center justify-center rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+                    >
+                      <ChevronRight
+                        className={cn(
+                          "size-4 transition-transform",
+                          isOpen && "rotate-90",
+                        )}
+                      />
+                    </CollapsibleTrigger>
                     <span className="text-muted-foreground">{item.id}</span>
                     <span className="text-muted-foreground">
                       {formatTaipeiDateTime(item.created_at)}
@@ -185,7 +193,17 @@ export default function WebhookLogsPage() {
                     <span className="truncate text-muted-foreground">
                       {summarizeBody(item.body)}
                     </span>
-                  </CollapsibleTrigger>
+                    <Button
+                      type="button"
+                      variant="ghost"
+                      size="sm"
+                      className="text-destructive hover:text-destructive"
+                      onClick={() => handleDelete(item.id)}
+                      disabled={isPending}
+                    >
+                      Delete
+                    </Button>
+                  </div>
                   <CollapsibleContent>
                     <div className="flex flex-col gap-4 border-t border-border p-4">
                       <div>
@@ -206,18 +224,6 @@ export default function WebhookLogsPage() {
                           </p>
                         )}
                       </div>
-                      <div>
-                        <Button
-                          type="button"
-                          variant="ghost"
-                          size="sm"
-                          className="text-destructive hover:text-destructive"
-                          onClick={() => handleDelete(item.id)}
-                          disabled={isPending}
-                        >
-                          Delete
-                        </Button>
-                      </div>
                     </div>
                   </CollapsibleContent>
                 </Collapsible>

From 739ea7d2c423858210ae67ff112449d87b9592b0 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sun, 16 Aug 2026 15:12:59 +0800
Subject: [PATCH 25/34] style(frontend): pin webhook log pagination footer
 left/right

Result count on the far left, Previous/Next grouped on the far right,
instead of all three left-aligned as one group.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/webhook-logs/page.tsx | 40 ++++++++++++++++--------------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
index 416f1c0..ce7d32a 100644
--- a/frontend/app/webhook-logs/page.tsx
+++ b/frontend/app/webhook-logs/page.tsx
@@ -230,29 +230,31 @@ export default function WebhookLogsPage() {
               );
             })}
           </div>
-          <div className="mt-4 flex items-center gap-4 text-sm">
-            <Button
-              type="button"
-              variant="outline"
-              size="sm"
-              disabled={offset === 0}
-              onClick={() => setOffset(Math.max(0, offset - PAGE_SIZE))}
-            >
-              Previous
-            </Button>
+          <div className="mt-4 flex items-center justify-between text-sm">
             <span className="text-muted-foreground">
               {offset + 1}–{Math.min(offset + PAGE_SIZE, page.total)} of{" "}
               {page.total}
             </span>
-            <Button
-              type="button"
-              variant="outline"
-              size="sm"
-              disabled={offset + PAGE_SIZE >= page.total}
-              onClick={() => setOffset(offset + PAGE_SIZE)}
-            >
-              Next
-            </Button>
+            <div className="flex items-center gap-2">
+              <Button
+                type="button"
+                variant="outline"
+                size="sm"
+                disabled={offset === 0}
+                onClick={() => setOffset(Math.max(0, offset - PAGE_SIZE))}
+              >
+                Previous
+              </Button>
+              <Button
+                type="button"
+                variant="outline"
+                size="sm"
+                disabled={offset + PAGE_SIZE >= page.total}
+                onClick={() => setOffset(offset + PAGE_SIZE)}
+              >
+                Next
+              </Button>
+            </div>
           </div>
         </>
       )}

From 3bd03ca7083c7a589aa185d2203eb06ed8fb6e6a Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 22 Aug 2026 21:27:01 +0800
Subject: [PATCH 26/34] refactor(frontend): extract pagination footer into a
 shared component
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

New PaginationFooter (components/pagination-footer.tsx): a controlled,
list-agnostic offset/limit pagination bar (result count + Previous/Next).
It only renders the controls — how the paginated items themselves are
displayed stays entirely with the caller, since webhook logs and future
paginated views (e.g. events) don't share a rendering shape.

webhook-logs/page.tsx now uses it in place of its inline pagination
JSX; behavior is unchanged. Adds a Storybook story covering the middle,
first, and last page states.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/webhook-logs/page.tsx            | 33 +++--------
 frontend/components/pagination-footer.tsx     | 54 ++++++++++++++++++
 .../components/pagination-footer.stories.tsx  | 55 +++++++++++++++++++
 3 files changed, 117 insertions(+), 25 deletions(-)
 create mode 100644 frontend/components/pagination-footer.tsx
 create mode 100644 frontend/stories/components/pagination-footer.stories.tsx

diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
index ce7d32a..7f78167 100644
--- a/frontend/app/webhook-logs/page.tsx
+++ b/frontend/app/webhook-logs/page.tsx
@@ -9,6 +9,7 @@ import {
 } from "@/apis/webhook-logs";
 import { EmptyState } from "@/components/empty-state";
 import { JsonViewer } from "@/components/json-viewer";
+import { PaginationFooter } from "@/components/pagination-footer";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
@@ -230,31 +231,13 @@ export default function WebhookLogsPage() {
               );
             })}
           </div>
-          <div className="mt-4 flex items-center justify-between text-sm">
-            <span className="text-muted-foreground">
-              {offset + 1}–{Math.min(offset + PAGE_SIZE, page.total)} of{" "}
-              {page.total}
-            </span>
-            <div className="flex items-center gap-2">
-              <Button
-                type="button"
-                variant="outline"
-                size="sm"
-                disabled={offset === 0}
-                onClick={() => setOffset(Math.max(0, offset - PAGE_SIZE))}
-              >
-                Previous
-              </Button>
-              <Button
-                type="button"
-                variant="outline"
-                size="sm"
-                disabled={offset + PAGE_SIZE >= page.total}
-                onClick={() => setOffset(offset + PAGE_SIZE)}
-              >
-                Next
-              </Button>
-            </div>
+          <div className="mt-4">
+            <PaginationFooter
+              offset={offset}
+              limit={PAGE_SIZE}
+              total={page.total}
+              onOffsetChange={setOffset}
+            />
           </div>
         </>
       )}
diff --git a/frontend/components/pagination-footer.tsx b/frontend/components/pagination-footer.tsx
new file mode 100644
index 0000000..9eadf29
--- /dev/null
+++ b/frontend/components/pagination-footer.tsx
@@ -0,0 +1,54 @@
+import { Button } from "@/components/ui/button";
+
+interface PaginationFooterProps {
+  offset: number;
+  limit: number;
+  total: number;
+  onOffsetChange: (offset: number) => void;
+}
+
+/**
+ * Offset/limit pagination controls: result count + Previous/Next.
+ *
+ * Deliberately renders nothing but the controls — how the paginated items
+ * themselves are displayed (table, card list, ...) is entirely up to the
+ * caller. `offset` stays owned by the caller; this component only reports
+ * where to move via `onOffsetChange`.
+ */
+export function PaginationFooter({
+  offset,
+  limit,
+  total,
+  onOffsetChange,
+}: PaginationFooterProps) {
+  const rangeStart = total === 0 ? 0 : offset + 1;
+  const rangeEnd = Math.min(offset + limit, total);
+
+  return (
+    <div className="flex items-center justify-between text-sm">
+      <span className="text-muted-foreground">
+        {rangeStart}–{rangeEnd} of {total}
+      </span>
+      <div className="flex items-center gap-2">
+        <Button
+          type="button"
+          variant="outline"
+          size="sm"
+          disabled={offset === 0}
+          onClick={() => onOffsetChange(Math.max(0, offset - limit))}
+        >
+          Previous
+        </Button>
+        <Button
+          type="button"
+          variant="outline"
+          size="sm"
+          disabled={offset + limit >= total}
+          onClick={() => onOffsetChange(offset + limit)}
+        >
+          Next
+        </Button>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/stories/components/pagination-footer.stories.tsx b/frontend/stories/components/pagination-footer.stories.tsx
new file mode 100644
index 0000000..360bc97
--- /dev/null
+++ b/frontend/stories/components/pagination-footer.stories.tsx
@@ -0,0 +1,55 @@
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { expect, fn, userEvent } from "storybook/test";
+import { PaginationFooter } from "@/components/pagination-footer";
+
+const meta = {
+  component: PaginationFooter,
+  tags: ["ai-generated"],
+  args: {
+    offset: 50,
+    limit: 50,
+    total: 130,
+    onOffsetChange: fn(),
+  },
+} satisfies Meta<typeof PaginationFooter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// Middle page — both Previous and Next enabled, clicking each reports the
+// expected next offset.
+export const Default: Story = {
+  play: async ({ canvas, args }) => {
+    await expect(canvas.getByText("51–100 of 130")).toBeVisible();
+    const previous = canvas.getByRole("button", { name: "Previous" });
+    const next = canvas.getByRole("button", { name: "Next" });
+    await expect(previous).toBeEnabled();
+    await expect(next).toBeEnabled();
+
+    await userEvent.click(previous);
+    await expect(args.onOffsetChange).toHaveBeenLastCalledWith(0);
+
+    await userEvent.click(next);
+    await expect(args.onOffsetChange).toHaveBeenLastCalledWith(100);
+  },
+};
+
+export const FirstPage: Story = {
+  args: { offset: 0 },
+  play: async ({ canvas }) => {
+    await expect(
+      canvas.getByRole("button", { name: "Previous" }),
+    ).toBeDisabled();
+    await expect(canvas.getByRole("button", { name: "Next" })).toBeEnabled();
+  },
+};
+
+export const LastPage: Story = {
+  args: { offset: 100 },
+  play: async ({ canvas }) => {
+    await expect(
+      canvas.getByRole("button", { name: "Previous" }),
+    ).toBeEnabled();
+    await expect(canvas.getByRole("button", { name: "Next" })).toBeDisabled();
+  },
+};

From 254c697588fbecbea9f490f62e919bd5c8d8e811 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Thu, 27 Aug 2026 21:44:40 +0800
Subject: [PATCH 27/34] refactor(dashboard): remove the legacy
 /dashboard/events/{slug} route
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

No live caller reaches the Jinja2-render branch anymore: the frontend
links to event details via /dashboard/events?slug=<slug> (query
string), not the old path-segment shape, and nothing else in the repo
generates that legacy URL. The route's other job — keeping Next's
static-export client-navigation payload files (index.txt, __next.*)
from being swallowed as spurious slug lookups, since this dynamic
route was registered before the StaticFiles mount — is now handled
correctly by StaticFiles itself once the intercepting route is gone.

- Drop dashboard_event and its now-unused helpers
  (_session_email_or_redirect, _format_start_at_local) from
  src/argus/dashboard/router.py, along with the imports/module-level
  state (Jinja2Templates, _TEMPLATES_DIR, _EVENTS_STATIC_DIR, FileResponse)
  that only existed to support it.
- Delete the now-orphaned Jinja2 templates (event.html, _base.html)
  and their pyproject.toml package-data entry.
- Remove the three tests in tests/test_auth.py that covered this
  route's behavior; the static-file passthrough it used to hand-roll
  is now just Starlette's StaticFiles, which doesn't need its own
  test here.
- Update SPEC.md and README.md to drop references to the retired
  route and its "legacy bookmark" carve-out.

Verified: full backend + docker-integration test suite (32 passed),
ruff check/format, uv lock --check, and a rebuilt local Docker image —
confirmed the old path-style URL now 404s, Next's static payload files
under /dashboard/events/* still serve correctly via StaticFiles alone,
and the real /dashboard/events?slug=... page still renders end-to-end.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 README.md                                |   2 +-
 SPEC.md                                  |   9 +-
 pyproject.toml                           |   2 +-
 src/argus/dashboard/router.py            |  65 +-----------
 src/argus/dashboard/templates/_base.html |  47 --------
 src/argus/dashboard/templates/event.html | 130 -----------------------
 tests/test_auth.py                       | 105 ------------------
 7 files changed, 6 insertions(+), 354 deletions(-)
 delete mode 100644 src/argus/dashboard/templates/_base.html
 delete mode 100644 src/argus/dashboard/templates/event.html

diff --git a/README.md b/README.md
index 1a1b952..f474245 100644
--- a/README.md
+++ b/README.md
@@ -68,7 +68,7 @@ URL: `https://your-domain/webhook/kktix/sprint`, env var: `DISCORD_WEBHOOK_SPRIN
 A Google-OAuth-protected web UI for viewing per-event registration time series.
 
 - **Event list:** `/dashboard`
-- **Per-event chart:** `/dashboard/events/{slug}` — line chart of Total + each ticket type, with capacity (horizontal dashed) and event start (vertical dashed) reference lines.
+- **Per-event chart:** `/dashboard/events?slug=<slug>` — line chart of Total + each ticket type, with capacity (horizontal dashed) and event start (vertical dashed) reference lines.
 
 ### One-time Google OAuth setup
 
diff --git a/SPEC.md b/SPEC.md
index 8aabc93..85f79fb 100644
--- a/SPEC.md
+++ b/SPEC.md
@@ -55,7 +55,6 @@ Argus uses a **vertical slice** layout: each feature owns its full stack (HTTP r
 | `GET` | `/dashboard/logout` | — | Clear session, redirect to login | [Dashboard](#dashboard) |
 | `GET` | `/dashboard` | public (shell) | Event list page (static Next.js export) | [Dashboard](#dashboard) |
 | `GET` | `/dashboard/events` | public (shell) | Per-event chart page, `?slug=<slug>` (static Next.js export) | [Dashboard](#dashboard) |
-| `GET` | `/dashboard/events/{slug}` | session (HTML) | Legacy per-event chart page (server-rendered Jinja2; retained for old bookmarks/links) | [Dashboard](#dashboard) |
 | `GET` | `/dashboard/webhook-logs` | public (shell) | Webhook log viewer page (static Next.js export) | [Dashboard](#dashboard) |
 | `GET` | `/dashboard/api/me` | session (401) | JSON: currently authenticated user | [Dashboard](#dashboard) |
 | `GET` | `/dashboard/api/events` | session (401) | JSON: event list | [Dashboard](#dashboard) |
@@ -94,10 +93,6 @@ argus/
 │       │   ├── __init__.py
 │       │   ├── router.py         # /dashboard/* routes
 │       │   ├── queries.py        # time series queries
-│       │   ├── templates/
-│       │   │   ├── _base.html    # shared layout
-│       │   │   ├── index.html    # event list
-│       │   │   └── event.html    # per-event chart (legacy, retained route)
 │       │   └── frontend/         # built Next.js static export, copied in at
 │       │                         # build time (gitignored); served by main.py's
 │       │                         # StaticFiles mount at /dashboard
@@ -399,7 +394,7 @@ A web UI that visualizes registration trends per event over time. Implemented as
 
 ### Routes
 
-See [API Reference](#api-reference) for the canonical list. The dashboard UI itself is a statically-exported Next.js app served same-origin under `/dashboard`, `/dashboard/events`, and `/dashboard/webhook-logs` — these three pages are public shells with no server-side session check; each gates its own content client-side by calling `/dashboard/api/me` (and other `/dashboard/api/*` routes) and redirecting to `/dashboard/login` in the browser if that call 401s. The one exception is the legacy, server-rendered `/dashboard/events/{slug}` route (kept for old bookmarks/links), which still checks the session server-side and 302-redirects to `/dashboard/login` on failure. Every `/dashboard/api/*` route requires the session cookie and returns `401` if it's missing or invalid.
+See [API Reference](#api-reference) for the canonical list. The dashboard UI itself is a statically-exported Next.js app served same-origin under `/dashboard`, `/dashboard/events`, and `/dashboard/webhook-logs` — these three pages are public shells with no server-side session check; each gates its own content client-side by calling `/dashboard/api/me` (and other `/dashboard/api/*` routes) and redirecting to `/dashboard/login` in the browser if that call 401s. Every `/dashboard/api/*` route requires the session cookie and returns `401` if it's missing or invalid.
 
 ### Authentication
 
@@ -407,7 +402,7 @@ Server-side OAuth 2.0 with Google as the identity provider. After successful OAu
 
 **Flow:**
 
-1. Visit `/dashboard` without a session → the static shell loads, its client-side `/dashboard/api/me` call 401s, and the browser is redirected to `/dashboard/login` (or visit the legacy `/dashboard/events/{slug}` route directly without a session → server-side 302 to `/dashboard/login`)
+1. Visit `/dashboard` without a session → the static shell loads, its client-side `/dashboard/api/me` call 401s, and the browser is redirected to `/dashboard/login`
 2. `/dashboard/login` → 302 to Google consent screen
 3. Google → `/dashboard/oauth/callback?code=...`
 4. Backend exchanges code for `id_token`, verifies email is in `ALLOWED_EMAILS`
diff --git a/pyproject.toml b/pyproject.toml
index b3475f6..359ee71 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -6,7 +6,7 @@ build-backend = "setuptools.build_meta"
 package-dir = { "" = "src" }
 
 [tool.setuptools.package-data]
-"argus.dashboard" = ["templates/*.html", "frontend/**/*"]
+"argus.dashboard" = ["frontend/**/*"]
 "argus.kktix" = ["templates/*.j2"]
 
 [tool.setuptools.dynamic]
diff --git a/src/argus/dashboard/router.py b/src/argus/dashboard/router.py
index 73b88d9..10a624c 100644
--- a/src/argus/dashboard/router.py
+++ b/src/argus/dashboard/router.py
@@ -1,43 +1,14 @@
-from datetime import datetime
-from pathlib import Path
-from zoneinfo import ZoneInfo
 import asyncio
 import logging
 
 from fastapi import APIRouter, Depends, HTTPException, Request, status
-from fastapi.responses import FileResponse, HTMLResponse, RedirectResponse
-from fastapi.templating import Jinja2Templates
+from fastapi.responses import HTMLResponse, RedirectResponse
 
-from argus import auth, config
+from argus import auth
 from argus.dashboard import queries
 from argus.kktix.report import send_report
 
 
-_TEMPLATES_DIR = Path(__file__).parent / "templates"
-_EVENTS_STATIC_DIR = Path(__file__).parent / "frontend" / "events"
-_UTC = ZoneInfo("UTC")
-templates = Jinja2Templates(directory=str(_TEMPLATES_DIR))
-
-
-def _format_start_at_local(utc_iso: str | None) -> str | None:
-    """Render a stored UTC ISO 8601 timestamp in the configured display timezone."""
-    if not utc_iso:
-        return None
-    tz = ZoneInfo(config.settings.report_timezone)
-    dt = datetime.fromisoformat(utc_iso).replace(tzinfo=_UTC).astimezone(tz)
-    return dt.strftime(f"%Y-%m-%d %H:%M ({config.settings.report_timezone})")
-
-
-def _session_email_or_redirect(request: Request) -> str | RedirectResponse:
-    """Returns the authenticated email, or a RedirectResponse to /dashboard/login."""
-    user = request.session.get("user")
-    if not user or not user.get("email") or not auth.is_email_allowed(user["email"]):
-        return RedirectResponse(
-            url="/dashboard/login", status_code=status.HTTP_302_FOUND
-        )
-    return user["email"]
-
-
 logger = logging.getLogger(__name__)
 router = APIRouter()
 
@@ -79,38 +50,6 @@ async def logout(request: Request):
     return RedirectResponse(url="/dashboard/login", status_code=status.HTTP_302_FOUND)
 
 
-@router.get("/dashboard/events/{slug}")
-async def dashboard_event(slug: str, request: Request):
-    # Next's static export emits internal client-navigation payload files
-    # (index.txt, __next._tree.txt, ...) under this same /dashboard/events/*
-    # prefix, and this route (registered before the StaticFiles mount in
-    # main.py) would otherwise swallow them as spurious event-slug lookups.
-    # Serve the real static file directly if the "slug" actually corresponds
-    # to one, before falling through to the legacy Jinja2/session logic.
-    static_file = _EVENTS_STATIC_DIR / slug
-    if static_file.is_file():
-        return FileResponse(static_file)
-
-    result = _session_email_or_redirect(request)
-    if isinstance(result, RedirectResponse):
-        return result
-    event = queries.get_event(slug)
-    if event is None:
-        raise HTTPException(status_code=404, detail="event_not_found")
-    return templates.TemplateResponse(
-        request=request,
-        name="event.html",
-        context={
-            "user_email": result,
-            "slug": slug,
-            "event_name": event["event_name"],
-            "channel": event["channel"],
-            "start_at": _format_start_at_local(event["start_at"]),
-            "capacity": event["capacity"],
-        },
-    )
-
-
 # ── JSON API ────────────────────────────────────────────────────────────────
 # Protected by `Depends(auth.require_login)`. Returns 401 if not authenticated.
 
diff --git a/src/argus/dashboard/templates/_base.html b/src/argus/dashboard/templates/_base.html
deleted file mode 100644
index 2f1d52e..0000000
--- a/src/argus/dashboard/templates/_base.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>{% block title %}Argus Dashboard{% endblock %}</title>
-  <style>
-    * { box-sizing: border-box; }
-    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: 1024px; margin: 0 auto; padding: 24px; color: #222; background: #fafafa; }
-    header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 16px; border-bottom: 1px solid #e6e6e6; margin-bottom: 24px; }
-    header .left { font-weight: 600; font-size: 18px; }
-    header .left a { color: inherit; text-decoration: none; }
-    header .right { font-size: 13px; color: #666; }
-    header .right a { color: #1d65a6; text-decoration: none; }
-    header .right a:hover { text-decoration: underline; }
-    h1 { margin: 0 0 16px; font-size: 22px; }
-    .meta { color: #555; font-size: 13px; margin-bottom: 24px; }
-    .meta span { margin-right: 20px; }
-    table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,0.04); }
-    th, td { text-align: left; padding: 12px 16px; border-bottom: 1px solid #f0f0f0; }
-    tr:last-child td { border-bottom: none; }
-    th { background: #f8f8f8; font-weight: 500; font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 0.05em; }
-    a.event-link { color: #1d65a6; text-decoration: none; font-weight: 500; }
-    a.event-link:hover { text-decoration: underline; }
-    .chart-container { position: relative; height: 480px; padding: 16px; background: #fff; border-radius: 8px; box-shadow: 0 1px 2px rgba(0,0,0,0.04); }
-    .empty { text-align: center; color: #888; padding: 64px; background: #fff; border-radius: 8px; }
-    .channel-badge { display: inline-block; padding: 2px 10px; background: #eef2f7; color: #3a5a7a; border-radius: 12px; font-size: 12px; font-weight: 500; }
-    .back { display: inline-block; margin-bottom: 12px; color: #888; font-size: 13px; text-decoration: none; }
-    .back:hover { color: #555; }
-  </style>
-</head>
-<body>
-  <header>
-    <div class="left">
-      <a href="/dashboard">📊 Argus Dashboard</a>
-      <span style="margin-left: 20px; font-weight: 400; font-size: 14px;">
-        <a href="/dashboard" style="color: #888; margin-right: 12px;">Events</a>
-        <a href="/dashboard/webhook-logs" style="color: #888;">Webhook Logs</a>
-      </span>
-    </div>
-    <div class="right">{{ user_email }} · <a href="/dashboard/logout">Logout</a></div>
-  </header>
-  <main>
-    {% block content %}{% endblock %}
-  </main>
-</body>
-</html>
diff --git a/src/argus/dashboard/templates/event.html b/src/argus/dashboard/templates/event.html
deleted file mode 100644
index c920662..0000000
--- a/src/argus/dashboard/templates/event.html
+++ /dev/null
@@ -1,130 +0,0 @@
-{% extends "_base.html" %}
-{% block title %}{{ event_name }} — Argus Dashboard{% endblock %}
-{% block content %}
-<a class="back" href="/dashboard">← All events</a>
-<div style="display:flex; justify-content:space-between; align-items:flex-start; gap:16px;">
-  <h1 style="margin:0;">🎟️ {{ event_name }}</h1>
-  <button id="delete-event-btn" type="button"
-          data-slug="{{ slug }}"
-          data-name="{{ event_name }}"
-          style="padding:6px 12px; background:#fff; border:1px solid #E24B4A; color:#E24B4A; border-radius:4px; cursor:pointer; font-size:13px; flex-shrink:0;">
-    Delete event
-  </button>
-</div>
-<div class="meta" style="margin-top: 12px;">
-  <span><strong>Channel:</strong> <span class="channel-badge">{{ channel }}</span></span>
-  {% if start_at %}<span><strong>Start:</strong> {{ start_at }}</span>{% endif %}
-  {% if capacity is not none %}<span><strong>Capacity:</strong> {{ capacity }}</span>{% endif %}
-</div>
-
-<script>
-document.getElementById('delete-event-btn').addEventListener('click', async (ev) => {
-  const btn = ev.currentTarget;
-  const slug = btn.dataset.slug;
-  const name = btn.dataset.name;
-  if (!confirm(`Delete event "${name}"?\n\nThis will permanently remove the event and all of its tickets.\nThis cannot be undone.`)) return;
-  const resp = await fetch(`/dashboard/api/events/${encodeURIComponent(slug)}`, { method: 'DELETE' });
-  if (resp.ok) {
-    location.href = '/dashboard';
-  } else {
-    alert(`Failed to delete (${resp.status}). See server logs.`);
-  }
-});
-</script>
-<div class="chart-container">
-  <canvas id="chart"></canvas>
-</div>
-
-<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-annotation@3.0.1/dist/chartjs-plugin-annotation.min.js"></script>
-<script>
-(async () => {
-  const slug = {{ slug | tojson }};
-  const resp = await fetch(`/dashboard/api/events/${slug}/timeseries`);
-  if (!resp.ok) {
-    document.querySelector('.chart-container').innerHTML =
-      `<div style="padding:40px;text-align:center;color:#888;">Failed to load chart data (${resp.status}).</div>`;
-    return;
-  }
-  const data = await resp.json();
-
-  if (!data.labels || data.labels.length === 0) {
-    document.querySelector('.chart-container').innerHTML =
-      '<div style="padding:40px;text-align:center;color:#888;">No registration data yet.</div>';
-    return;
-  }
-
-  const event = data.event;
-  const palette = ['#1D9E75', '#E24B4A', '#5B68DA', '#E48634', '#A85ACE', '#888780'];
-
-  // Total: thicker, distinct color; ticket types use palette
-  let pIdx = 0;
-  const datasets = data.datasets.map(d => {
-    const isTotal = d.name === 'Total';
-    return {
-      label: d.name,
-      data: d.data,
-      borderColor: isTotal ? '#1D65A6' : palette[(pIdx++) % palette.length],
-      backgroundColor: 'transparent',
-      borderWidth: isTotal ? 3 : 2,
-      tension: 0.15,
-      pointRadius: 2,
-      pointHoverRadius: 4,
-    };
-  });
-
-  // Annotations: capacity (horizontal) + event start (vertical at last label)
-  const annotations = {};
-  if (event.capacity != null) {
-    annotations.capacity = {
-      type: 'line',
-      yMin: event.capacity,
-      yMax: event.capacity,
-      borderColor: '#999',
-      borderWidth: 1,
-      borderDash: [4, 4],
-      label: {
-        content: `Capacity ${event.capacity}`,
-        display: true, position: 'end',
-        backgroundColor: 'rgba(255,255,255,0.85)', color: '#666',
-        font: { size: 11 }, padding: 4,
-      },
-    };
-  }
-  if (data.start_marker_label) {
-    annotations.start = {
-      type: 'line',
-      xMin: data.start_marker_label, xMax: data.start_marker_label,
-      borderColor: '#aaa',
-      borderWidth: 1,
-      borderDash: [4, 4],
-      label: {
-        content: 'Event start',
-        display: true, position: 'start',
-        backgroundColor: 'rgba(255,255,255,0.85)', color: '#666',
-        font: { size: 11 }, padding: 4,
-      },
-    };
-  }
-
-  new Chart(document.getElementById('chart'), {
-    type: 'line',
-    data: { labels: data.labels, datasets },
-    options: {
-      responsive: true,
-      maintainAspectRatio: false,
-      interaction: { intersect: false, mode: 'index' },
-      plugins: {
-        legend: { position: 'bottom', labels: { padding: 16, font: { size: 12 } } },
-        annotation: { annotations },
-        tooltip: { callbacks: { title: items => items[0].label } },
-      },
-      scales: {
-        y: { beginAtZero: true, ticks: { precision: 0 }, grid: { color: '#f0f0f0' } },
-        x: { grid: { display: false } },
-      },
-    },
-  });
-})();
-</script>
-{% endblock %}
diff --git a/tests/test_auth.py b/tests/test_auth.py
index 24ade46..8e35701 100644
--- a/tests/test_auth.py
+++ b/tests/test_auth.py
@@ -134,108 +134,3 @@ async def test_api_me_returns_authenticated_email(dashboard_app, monkeypatch):
                 assert me.json() == {"email": email}
         finally:
             auth.reset_oauth()
-
-
-@pytest.mark.asyncio
-async def test_dashboard_event_serves_static_file_when_slug_matches_one(
-    dashboard_app, monkeypatch, tmp_path
-):
-    """Next's static-export payload files (e.g. index.txt) live under the same
-    /dashboard/events/* prefix as the legacy {slug} route. When the requested
-    "slug" actually corresponds to a real file on disk, it must be served
-    directly instead of being treated as an event-slug DB lookup.
-    """
-    static_dir = tmp_path / "events"
-    static_dir.mkdir()
-    (static_dir / "index.txt").write_text("1:HL_JS\n")
-    monkeypatch.setattr(router, "_EVENTS_STATIC_DIR", static_dir)
-
-    transport = httpx.ASGITransport(app=dashboard_app)
-    async with httpx.AsyncClient(transport=transport, base_url="http://test") as client:
-        response = await client.get(
-            "/dashboard/events/index.txt", follow_redirects=False
-        )
-
-        assert response.status_code == 200
-        assert response.text == "1:HL_JS\n"
-
-
-@pytest.mark.asyncio
-async def test_dashboard_event_still_renders_for_real_event_slug(
-    dashboard_app, monkeypatch, tmp_path
-):
-    """The legacy Jinja2 per-event page still works end-to-end for an
-    authenticated user when the slug does NOT correspond to a static file.
-    """
-    # Ensure _EVENTS_STATIC_DIR points at an existing-but-empty directory, so
-    # `.is_file()` reliably returns False without depending on a real build.
-    static_dir = tmp_path / "events"
-    static_dir.mkdir()
-    monkeypatch.setattr(router, "_EVENTS_STATIC_DIR", static_dir)
-    monkeypatch.setattr(
-        router.queries,
-        "get_event",
-        lambda slug: {
-            "event_slug": slug,
-            "event_name": "Test Event",
-            "channel": "SPRINT",
-            "start_at": None,
-            "capacity": None,
-        },
-    )
-
-    email = "chester@example.com"
-    with run_server_in_thread(
-        user_claims=[User(sub=email, claims={"email": email})]
-    ) as server:
-        provider_url = f"http://localhost:{server.server_port}"
-        monkeypatch.setattr(
-            auth,
-            "_GOOGLE_SERVER_METADATA_URL",
-            f"{provider_url}/.well-known/openid-configuration",
-        )
-        auth.reset_oauth()
-
-        try:
-            transport = httpx.ASGITransport(app=dashboard_app)
-            async with httpx.AsyncClient(
-                transport=transport, base_url="http://test"
-            ) as client:
-                login = await client.get("/dashboard/login", follow_redirects=False)
-
-                async with httpx.AsyncClient() as provider_client:
-                    authorized = await provider_client.post(
-                        login.headers["location"], data={"sub": email}
-                    )
-
-                callback = urlsplit(authorized.headers["location"])
-                await client.get(
-                    f"{callback.path}?{callback.query}", follow_redirects=False
-                )
-
-                response = await client.get("/dashboard/events/test-event")
-                assert response.status_code == 200
-                assert "Test Event" in response.text
-        finally:
-            auth.reset_oauth()
-
-
-@pytest.mark.asyncio
-async def test_dashboard_event_redirects_unauthenticated_request_to_login(
-    dashboard_app, monkeypatch, tmp_path
-):
-    """An unauthenticated request to a real (non-static-file) event slug still
-    redirects to the login page — existing legacy-route behavior.
-    """
-    static_dir = tmp_path / "events"
-    static_dir.mkdir()
-    monkeypatch.setattr(router, "_EVENTS_STATIC_DIR", static_dir)
-
-    transport = httpx.ASGITransport(app=dashboard_app)
-    async with httpx.AsyncClient(transport=transport, base_url="http://test") as client:
-        response = await client.get(
-            "/dashboard/events/test-event", follow_redirects=False
-        )
-
-        assert response.status_code == 302
-        assert response.headers["location"] == "/dashboard/login"

From 8de4c364d4052c192139e8fca619d0f65540e462 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Thu, 27 Aug 2026 21:58:10 +0800
Subject: [PATCH 28/34] fix(frontend): stack webhook log rows into cards below
 tablet width
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The grid row (ID/Created/Method/Channel/Body/Delete) doesn't fit a
narrow viewport — Channel, Body, and Delete were getting clipped by
the container's overflow-hidden. Below the tablet breakpoint (640px),
each row now renders as a labeled, vertically-stacked card instead;
the column header row is hidden at that width since it no longer
applies. The existing grid layout is unchanged from tablet: up.

Both layouts render in the DOM simultaneously, toggled via
tablet:hidden / hidden tablet:grid — the hidden one is display:none,
so it's excluded from the accessibility tree and tab order, and the
shared Collapsible state keeps them in sync regardless of which is
visible.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/webhook-logs/page.tsx | 63 +++++++++++++++++++++++++++++-
 1 file changed, 61 insertions(+), 2 deletions(-)

diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
index 7f78167..eb1b958 100644
--- a/frontend/app/webhook-logs/page.tsx
+++ b/frontend/app/webhook-logs/page.tsx
@@ -149,7 +149,7 @@ export default function WebhookLogsPage() {
       {page && page.total > 0 && (
         <>
           <div className="mt-6 overflow-hidden rounded-lg border border-border bg-card">
-            <div className="grid grid-cols-[2rem_4rem_9rem_5rem_6rem_1fr_auto] items-center gap-3 border-b border-border px-4 py-2.5 text-xs text-muted-foreground">
+            <div className="hidden items-center gap-3 border-b border-border px-4 py-2.5 text-xs text-muted-foreground tablet:grid tablet:grid-cols-[2rem_4rem_9rem_5rem_6rem_1fr_auto]">
               <span />
               <span>ID</span>
               <span>Created</span>
@@ -167,7 +167,66 @@ export default function WebhookLogsPage() {
                   onOpenChange={() => toggleOpen(item.id)}
                   className="border-b border-border last:border-b-0"
                 >
-                  <div className="grid grid-cols-[2rem_4rem_9rem_5rem_6rem_1fr_auto] items-center gap-3 px-4 py-2.5 text-sm">
+                  {/* Below `tablet:`, columns don't fit a single row — stack
+                      each field as its own labeled line instead. */}
+                  <div className="flex flex-col gap-2 p-4 tablet:hidden">
+                    <div className="flex items-center justify-between">
+                      <CollapsibleTrigger
+                        aria-label={
+                          isOpen ? "Collapse details" : "Expand details"
+                        }
+                        className="flex items-center gap-2 text-muted-foreground transition-colors hover:text-foreground"
+                      >
+                        <ChevronRight
+                          className={cn(
+                            "size-4 transition-transform",
+                            isOpen && "rotate-90",
+                          )}
+                        />
+                        <span className="text-sm font-medium text-foreground">
+                          #{item.id}
+                        </span>
+                      </CollapsibleTrigger>
+                      <Badge className="w-fit rounded bg-chart-3/15 px-2 py-0.5 font-mono text-xs text-chart-3">
+                        {item.method}
+                      </Badge>
+                    </div>
+                    <div className="flex items-center justify-between gap-3 text-sm">
+                      <span className="shrink-0 text-muted-foreground">
+                        Created
+                      </span>
+                      <span className="text-muted-foreground">
+                        {formatTaipeiDateTime(item.created_at)}
+                      </span>
+                    </div>
+                    <div className="flex items-center justify-between gap-3 text-sm">
+                      <span className="shrink-0 text-muted-foreground">
+                        Channel
+                      </span>
+                      <span className="text-foreground">
+                        {item.channel ?? "—"}
+                      </span>
+                    </div>
+                    <div className="flex items-center justify-between gap-3 text-sm">
+                      <span className="shrink-0 text-muted-foreground">
+                        Body
+                      </span>
+                      <span className="truncate text-right text-muted-foreground">
+                        {summarizeBody(item.body)}
+                      </span>
+                    </div>
+                    <Button
+                      type="button"
+                      variant="ghost"
+                      size="sm"
+                      className="self-end text-destructive hover:text-destructive"
+                      onClick={() => handleDelete(item.id)}
+                      disabled={isPending}
+                    >
+                      Delete
+                    </Button>
+                  </div>
+                  <div className="hidden items-center gap-3 px-4 py-2.5 text-sm tablet:grid tablet:grid-cols-[2rem_4rem_9rem_5rem_6rem_1fr_auto]">
                     <CollapsibleTrigger
                       aria-label={
                         isOpen ? "Collapse details" : "Expand details"

From 52e05b71b81e75859ea9fb06beeff3a5a5d6a878 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Thu, 27 Aug 2026 22:08:05 +0800
Subject: [PATCH 29/34] fix(frontend): wrap webhook log Body summary instead of
 truncating
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaces truncate (single-line ellipsis) with break-words so the full
summary text ("<type> · <slug>") is visible across multiple lines
instead of getting cut off with "...". Applies to both the tablet+
grid row and the mobile stacked card. min-w-0 is required alongside
break-words on both — without it, the flex/grid item's default
min-width: auto would let the intrinsic content width push past its
track/container before wrapping ever kicks in.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/webhook-logs/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
index eb1b958..65ea046 100644
--- a/frontend/app/webhook-logs/page.tsx
+++ b/frontend/app/webhook-logs/page.tsx
@@ -211,7 +211,7 @@ export default function WebhookLogsPage() {
                       <span className="shrink-0 text-muted-foreground">
                         Body
                       </span>
-                      <span className="truncate text-right text-muted-foreground">
+                      <span className="min-w-0 text-right break-words text-muted-foreground">
                         {summarizeBody(item.body)}
                       </span>
                     </div>
@@ -250,7 +250,7 @@ export default function WebhookLogsPage() {
                     <span className="text-foreground">
                       {item.channel ?? "—"}
                     </span>
-                    <span className="truncate text-muted-foreground">
+                    <span className="min-w-0 break-words text-muted-foreground">
                       {summarizeBody(item.body)}
                     </span>
                     <Button

From eac02a746e26c0a3fb451fe0f8d2307e8e5d3101 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Thu, 27 Aug 2026 22:14:57 +0800
Subject: [PATCH 30/34] fix(frontend): stack label above value in the mobile
 webhook log card
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaces the justify-between label/value rows (Created, Channel, Body)
with a stacked flex-col layout — smaller label on top, value below.
justify-between read as visually noisy with a right-aligned value
next to a left-aligned label, especially once Body started wrapping
to multiple lines. The ID/Method header line is unchanged, since it
reads as a card title rather than a labeled field.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/webhook-logs/page.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
index 65ea046..89de1da 100644
--- a/frontend/app/webhook-logs/page.tsx
+++ b/frontend/app/webhook-logs/page.tsx
@@ -191,27 +191,27 @@ export default function WebhookLogsPage() {
                         {item.method}
                       </Badge>
                     </div>
-                    <div className="flex items-center justify-between gap-3 text-sm">
-                      <span className="shrink-0 text-muted-foreground">
+                    <div className="flex flex-col gap-0.5">
+                      <span className="text-xs text-muted-foreground">
                         Created
                       </span>
-                      <span className="text-muted-foreground">
+                      <span className="text-sm text-muted-foreground">
                         {formatTaipeiDateTime(item.created_at)}
                       </span>
                     </div>
-                    <div className="flex items-center justify-between gap-3 text-sm">
-                      <span className="shrink-0 text-muted-foreground">
+                    <div className="flex flex-col gap-0.5">
+                      <span className="text-xs text-muted-foreground">
                         Channel
                       </span>
-                      <span className="text-foreground">
+                      <span className="text-sm text-foreground">
                         {item.channel ?? "—"}
                       </span>
                     </div>
-                    <div className="flex items-center justify-between gap-3 text-sm">
-                      <span className="shrink-0 text-muted-foreground">
+                    <div className="flex flex-col gap-0.5">
+                      <span className="text-xs text-muted-foreground">
                         Body
                       </span>
-                      <span className="min-w-0 text-right break-words text-muted-foreground">
+                      <span className="text-sm break-words text-muted-foreground">
                         {summarizeBody(item.body)}
                       </span>
                     </div>

From 32ad9562d936de5948cf3f55e686391a7fd77b80 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 5 Sep 2026 18:33:21 +0800
Subject: [PATCH 31/34] ci: add frontend LCOV coverage, uploaded to Codecov
 with a frontend flag
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Codecov's project-coverage number only ever reflected the backend
(coverage.xml) — the Frontend CI job ran vitest without coverage at
all, so a PR adding a lot of untested frontend code (as this one does)
wouldn't show it.

- frontend/vitest.config.ts: enable v8 coverage (text + lcov
  reporters), scoped via `include` to the real source directories
  (apis/, app/, components/, configurations/, hooks/, lib/) and
  excluding components/ui/** (shadcn-generated primitives, not
  hand-authored) and *.d.ts. Vitest 4's v8 provider reports every
  included file — even ones no test imports — as 0%, so an untested
  page or component shows up in the report instead of being silently
  absent from it, matching how the backend's `pytest --cov=argus`
  already surfaces untested modules.
- frontend/package.json: new `test:coverage` script
  (`vitest run --project unit --coverage`); `test` is left as-is for
  fast local iteration.
- .github/workflows/ci.yml: the Frontend job now runs `test:coverage`
  and uploads frontend/coverage/lcov.info to Codecov with the
  `frontend` flag, alongside the existing unflagged backend upload.
- frontend/eslint.config.mjs: ignore the generated coverage/ directory
  (was already gitignored, but lint was walking it directly).

Verified locally: `pnpm test:coverage` produces
frontend/coverage/lcov.info covering all 16 real source files (event-chart.tsx,
lib/datetime.ts, and hooks/use-require-auth.ts show real per-line hits from
their existing tests; untested pages/components correctly show 0%, not
absent). Full lint/tsc/vitest(unit+storybook)/build suite still green.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .github/workflows/ci.yml   |  8 +++++++-
 frontend/eslint.config.mjs |  1 +
 frontend/package.json      |  1 +
 frontend/vitest.config.ts  | 22 ++++++++++++++++++++++
 4 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 022e52b..89afb5e 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -67,7 +67,13 @@ jobs:
       # deliberately left as a local-only check for now.
       - name: Test
         working-directory: frontend
-        run: pnpm test
+        run: pnpm test:coverage
+
+      - name: Upload coverage report
+        uses: codecov/codecov-action@v7
+        with:
+          files: frontend/coverage/lcov.info
+          flags: frontend
 
       - name: Build
         working-directory: frontend
diff --git a/frontend/eslint.config.mjs b/frontend/eslint.config.mjs
index 4600d10..8c38c2a 100644
--- a/frontend/eslint.config.mjs
+++ b/frontend/eslint.config.mjs
@@ -14,6 +14,7 @@ const eslintConfig = defineConfig([
     "out/**",
     "build/**",
     "next-env.d.ts",
+    "coverage/**",
   ]),
   ...storybook.configs["flat/recommended"],
 ]);
diff --git a/frontend/package.json b/frontend/package.json
index 78b1d15..3782d98 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -8,6 +8,7 @@
     "start": "next start",
     "lint": "eslint",
     "test": "vitest run --project unit",
+    "test:coverage": "vitest run --project unit --coverage",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
diff --git a/frontend/vitest.config.ts b/frontend/vitest.config.ts
index 14de21c..1317361 100644
--- a/frontend/vitest.config.ts
+++ b/frontend/vitest.config.ts
@@ -17,6 +17,28 @@ export default defineConfig({
     },
   },
   test: {
+    coverage: {
+      provider: "v8",
+      reporter: ["text", "lcov"],
+      // Vitest 4's v8 provider reports every file matched by `include` (as
+      // 0% if untested), not just files a test happened to import — so an
+      // untested page/component still shows up instead of being silently
+      // absent from the report.
+      include: [
+        "apis/**/*.{ts,tsx}",
+        "app/**/*.{ts,tsx}",
+        "components/**/*.{ts,tsx}",
+        "configurations/**/*.{ts,tsx}",
+        "hooks/**/*.{ts,tsx}",
+        "lib/**/*.{ts,tsx}",
+      ],
+      exclude: [
+        // Generated via `pnpm dlx shadcn@latest add`, not hand-authored —
+        // same reasoning as excluding a vendored dependency.
+        "components/ui/**",
+        "**/*.d.ts",
+      ],
+    },
     projects: [
       {
         extends: true,

From 2f81ac23a696a8e1268552da160a69d5a3a5f5b9 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 5 Sep 2026 22:23:11 +0800
Subject: [PATCH 32/34] ci: run corepack enable after actions/setup-node
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

corepack writes its pnpm/yarn shims next to whichever node is first on
PATH at the time it runs. Enabling it before setup-node targeted
whatever Node the runner image happened to have preinstalled, not the
version setup-node switches PATH to — it only worked here because the
runner's default Node already matched the requested version 22.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .github/workflows/ci.yml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 89afb5e..91a2dfd 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -46,14 +46,14 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v7
 
-      - name: Enable corepack
-        run: corepack enable
-
       - name: Set up Node
         uses: actions/setup-node@v5
         with:
           node-version: "22"
 
+      - name: Enable corepack
+        run: corepack enable
+
       - name: Install dependencies
         working-directory: frontend
         run: pnpm install --frozen-lockfile

From 46b126c6d854de29b22650bb719bd65a48007efe Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sat, 5 Sep 2026 23:01:09 +0800
Subject: [PATCH 33/34] chore: drop docs/superpowers and the finished
 migrate-radix-to-base skill
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Per review feedback on PR #18:
- rockleona: docs/superpowers (the design spec + implementation plan
  for this monorepo migration) is done serving its purpose now that
  the migration has landed — remove it, and gitignore the directory
  so future superpowers-driven work doesn't recommit specs/plans here
  by default once they've shipped.
- rockleona: frontend/.agents/skills/migrate-radix-to-base was only
  ever needed for this repo's one-time Radix→Base UI migration, which
  is done. Removed and gitignored.

frontend/.agents/skills/shadcn stays tracked — chestercheng's comment
on it was "not sure we need all of it, but okay to tune afterward",
not a removal request, and it's still actively useful for any future
shadcn/ui component work in this repo.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .gitignore                                    |    4 +
 ...026-08-15-frontend-monorepo-integration.md | 1466 -----------------
 ...15-frontend-monorepo-integration-design.md |  204 ---
 .../skills/migrate-radix-to-base/SKILL.md     |  173 --
 .../migrate-radix-to-base/class-mapping.md    |   62 -
 .../migrate-radix-to-base/consumer-props.md   |   58 -
 .../migrate-radix-to-base/disclosure.md       |  353 ----
 .../migrate-radix-to-base/display-misc.md     |  410 -----
 .../migrate-radix-to-base/form-controls.md    |  390 -----
 .../skills/migrate-radix-to-base/menus.md     |  409 -----
 .../skills/migrate-radix-to-base/overlays.md  |  459 ------
 .../universal-patterns.md                     |  286 ----
 .../migrate-radix-to-base/wrapper-shapes.md   |  110 --
 frontend/.gitignore                           |    3 +
 14 files changed, 7 insertions(+), 4380 deletions(-)
 delete mode 100644 docs/superpowers/plans/2026-08-15-frontend-monorepo-integration.md
 delete mode 100644 docs/superpowers/specs/2026-08-15-frontend-monorepo-integration-design.md
 delete mode 100644 frontend/.agents/skills/migrate-radix-to-base/SKILL.md
 delete mode 100644 frontend/.agents/skills/migrate-radix-to-base/class-mapping.md
 delete mode 100644 frontend/.agents/skills/migrate-radix-to-base/consumer-props.md
 delete mode 100644 frontend/.agents/skills/migrate-radix-to-base/disclosure.md
 delete mode 100644 frontend/.agents/skills/migrate-radix-to-base/display-misc.md
 delete mode 100644 frontend/.agents/skills/migrate-radix-to-base/form-controls.md
 delete mode 100644 frontend/.agents/skills/migrate-radix-to-base/menus.md
 delete mode 100644 frontend/.agents/skills/migrate-radix-to-base/overlays.md
 delete mode 100644 frontend/.agents/skills/migrate-radix-to-base/universal-patterns.md
 delete mode 100644 frontend/.agents/skills/migrate-radix-to-base/wrapper-shapes.md

diff --git a/.gitignore b/.gitignore
index caffc4a..1c79f2d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -20,3 +20,7 @@ src/argus/dashboard/frontend/
 
 # Superpowers scratch workspaces (SDD ledgers, brainstorm mockups) — local only
 .superpowers/
+
+# Superpowers specs/plans — useful during active design/implementation,
+# not worth keeping once the work they describe has landed
+docs/superpowers/
diff --git a/docs/superpowers/plans/2026-08-15-frontend-monorepo-integration.md b/docs/superpowers/plans/2026-08-15-frontend-monorepo-integration.md
deleted file mode 100644
index d6c5a39..0000000
--- a/docs/superpowers/plans/2026-08-15-frontend-monorepo-integration.md
+++ /dev/null
@@ -1,1466 +0,0 @@
-# Frontend Monorepo Integration Implementation Plan
-
-> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
-
-**Goal:** Fold the separate `argus-dashboard` Next.js project into `argus` as `frontend/`, have FastAPI serve its static export at the same origin (replacing two of three legacy Jinja2 dashboard routes), and build the three real dashboard pages against the existing `/dashboard/api/*` JSON API — so the whole pipeline works end-to-end before it ever reaches `main`.
-
-**Architecture:** Same-origin static-file serving. `frontend/` (Next.js, `output: "export"`) builds to a directory Docker copies into `src/argus/dashboard/frontend/`, which FastAPI mounts via `StaticFiles(html=True)` under `/dashboard`, registered after the existing dashboard router so `/dashboard/login`, `/dashboard/api/*`, `/dashboard/oauth/callback`, and the retained legacy `/dashboard/events/{slug}` all take priority. No Bearer tokens, no CORS — the existing session-cookie `require_login` dependency is untouched and is what actually protects data; the static pages themselves are public shells.
-
-**Tech Stack:** Backend unchanged (FastAPI, SQLAlchemy, Starlette). Frontend: Next.js 16 (App Router, static export), TypeScript, Tailwind v4, shadcn/ui (Base UI primitives, `style: "base-sera"`), axios, Recharts (via shadcn's chart wrapper), pnpm, Vitest + Storybook (`@storybook/nextjs-vite`, Playwright browser provider).
-
-**Spec:** [docs/superpowers/specs/2026-08-15-frontend-monorepo-integration-design.md](../specs/2026-08-15-frontend-monorepo-integration-design.md)
-
-## Global Constraints
-
-- Nothing in this plan merges to `main` until Task 11 (end-to-end verification) passes — see the spec's "Sequencing & Merge Gate".
-- Backend: Python 3.11+, ruff (`I, N, E, W, F, UP`), double-quote strings, isort `from-first`, 2 blank lines after imports. Every commit ends with `Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>`.
-- Frontend: **pnpm only, never npm** (`packageManager: "pnpm@10.33.0"` in `frontend/package.json`). **Axios, not native `fetch`**, for all API calls (AGENTS.md: "Data Fetching: Axios"). Follow the folder convention from `frontend/AGENTS.md`: `apis/` (API calls), `types/responses/` (response shapes), `hooks/` (custom hooks) — create these directories as needed, they don't exist yet. TypeScript: prefer explicit types over inferred (`as const` where relevant); avoid `any`, use `unknown` + narrowing. Run `pnpm exec prettier . --write` before every frontend commit (double quotes, semicolons, trailing commas, the project's specific import order, Tailwind class sorting — all enforced by the configured Prettier plugins, not by hand).
-- **`basePath: "/dashboard"` gotcha:** once Task 5 sets this, Next's own `<Link href>` / `useRouter()` **automatically prepend** `/dashboard` to any app-internal path. Write internal hrefs *without* the `/dashboard` prefix (e.g. `href="/events?slug=..."`, which Next renders as `/dashboard/events?slug=...`). Paths Next does *not* own — `/dashboard/login`, `/dashboard/oauth/callback` — are FastAPI routes; navigate to them with a real browser navigation (`window.location.href = "/dashboard/login"`), never through Next's router, and write them with the full `/dashboard/...` path since nothing auto-prefixes a raw `window.location` assignment.
-- `cn()` convention (from `frontend/AGENTS.md`): static classes as a string argument, conditional classes in an object argument — `cn("static-class", { "conditional-class": isCondition })`.
-- Storybook stories + Vitest component tests are required by `frontend/AGENTS.md` for reusable `components/*`. This plan scopes that requirement to the one genuinely reusable extraction (`EventChart`, Task 8) — page-level route files (`app/*/page.tsx`) are composition/wiring, not reusable components, and are not given stories.
-- The original `argus-dashboard` directory is left untouched throughout this plan.
-
----
-
-## File Structure
-
-| File | Responsibility |
-|------|----------------|
-| `frontend/` | Copied Next.js source (from `argus-dashboard`) |
-| `AGENTS.md`, `CLAUDE.md` (repo root) | New — point Claude/agents at `frontend/AGENTS.md` for frontend conventions (see Task 1) |
-| `Dockerfile` | Modified — multi-stage: Node/pnpm build stage, then Python |
-| `.dockerignore`, `pyproject.toml` | Modified — frontend build artifacts ignored; static output packaged |
-| `.github/workflows/ci.yml` | Modified — new `frontend` job |
-| `src/argus/auth.py` | Modified — `require_login` gains no new logic; only a new route consumes it |
-| `src/argus/dashboard/router.py` | Modified — remove `dashboard_home`/`dashboard_webhook_logs` + their templates; add `api_me` |
-| `src/argus/dashboard/templates/index.html`, `webhook_logs.html` | Deleted |
-| `src/argus/main.py` | Modified — `StaticFiles` mount |
-| `frontend/next.config.ts` | Modified — `basePath`, `trailingSlash`, dev-only `rewrites()` |
-| `frontend/apis/*.ts`, `frontend/types/responses/*.ts`, `frontend/hooks/*.ts` | New — API client + auth-check hook |
-| `frontend/app/page.tsx` | Modified — event list |
-| `frontend/app/events/page.tsx`, `frontend/components/event-chart.tsx` | New — event detail + chart |
-| `frontend/app/webhook-logs/page.tsx` | New — webhook log viewer |
-
----
-
-### Task 1: Fold `argus-dashboard` into `frontend/`
-
-**Files:**
-- Create: `frontend/` (copied from `argus-dashboard`, files only — no git history)
-- Create: `AGENTS.md`, `CLAUDE.md` (repo root)
-
-**Interfaces:**
-- Produces: a working, standalone `frontend/` Next.js project (`pnpm install`/`pnpm build`/`pnpm lint` all succeed from within it) — every later task builds on this.
-
-- [ ] **Step 1: Copy tracked files only, no history**
-
-`argus-dashboard`'s working tree must be clean before this (`git -C /Users/zhangwuxian/Code/sciwork/argus-dashboard status --porcelain` should print nothing).
-
-```bash
-mkdir -p frontend
-git -C /Users/zhangwuxian/Code/sciwork/argus-dashboard archive HEAD | tar -x -C frontend
-```
-
-`git archive` exports exactly the tracked tree at `HEAD` — no `.git/`, no history, and (because it's a tracked file) `frontend/.gitignore` comes along automatically, so `node_modules/`, `.next/`, `out/`, etc. stay correctly ignored once you `pnpm install`/`pnpm build` below.
-
-- [ ] **Step 2: Verify the copy is self-contained**
-
-```bash
-cd frontend && pnpm install && pnpm build && pnpm lint
-cd ..
-```
-
-Expected: all three succeed. `pnpm build` produces `frontend/out/` (gitignored, don't commit it).
-
-- [ ] **Step 3: Root `AGENTS.md`/`CLAUDE.md` — point at the frontend's own conventions**
-
-`frontend/AGENTS.md` and `frontend/CLAUDE.md` came along in Step 1, but the repo root's existing `.gitignore` has:
-```
-# AI assistant configs (personal, not shared)
-.claude/
-CLAUDE.md
-AGENTS.md
-```
-No leading `/`, so this matches at *any* depth — `frontend/AGENTS.md` and `frontend/CLAUDE.md` will be silently excluded from git by this repo's existing, deliberate policy (agent-config files aren't shared via git here). Leave that policy alone. But a Claude session working from the repo root (not already `cd`'d into `frontend/`) needs *some* on-disk pointer to discover that `frontend/` has its own detailed conventions doc — so create root-level files whose job is only to point there:
-
-```markdown
-# AGENTS.md
-# Argus
-
-FastAPI backend (`src/argus/`) — see `SPEC.md` for the full API/architecture
-reference — plus a Next.js dashboard frontend (`frontend/`), served
-same-origin by the same FastAPI process. See
-`docs/superpowers/specs/2026-08-15-frontend-monorepo-integration-design.md`
-for how the two fit together.
-
-## Frontend (`frontend/`)
-
-A separate Next.js project with its own tech stack, folder conventions, and
-testing rules — see `frontend/AGENTS.md` (present on disk once `frontend/`
-exists in your working copy; not tracked in git, matching this repo's
-existing policy of not committing agent-config files). Key points if you
-don't have it handy:
-
-- Static export (`output: "export"`), served by FastAPI at the same origin
-  as the backend — no separate deployment, no CORS, no Bearer tokens.
-- Package manager: pnpm (not npm).
-- Data fetching: axios.
-- Component library: shadcn/ui on Base UI (not Radix) — see
-  `frontend/.agents/skills/shadcn/` and
-  `frontend/.agents/skills/migrate-radix-to-base/`.
-```
-
-```markdown
-# CLAUDE.md
-@AGENTS.md
-```
-
-(Mirrors `frontend/CLAUDE.md`'s own one-line-pointer pattern.) These two root files will *also* be excluded by the same gitignore rule — that's fine, they exist to help whoever's local working copy has `frontend/` present; they aren't meant to be the shared record of these conventions (the spec and this plan are).
-
-- [ ] **Step 4: Commit**
-
-```bash
-git add -A frontend
-git status --porcelain  # confirm AGENTS.md/CLAUDE.md (root and frontend/) do NOT appear — gitignored, as intended
-git commit -m "feat: fold argus-dashboard into frontend/
-
-Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
-```
-
-(The root/`frontend/` `AGENTS.md`/`CLAUDE.md` files from Step 3 stay on disk but aren't part of this commit, by design — see Step 3.)
-
----
-
-### Task 2: Docker multi-stage build + package data
-
-**Files:**
-- Modify: `Dockerfile`
-- Modify: `.dockerignore`
-- Modify: `pyproject.toml`
-
-**Interfaces:**
-- Consumes: `frontend/` (Task 1).
-- Produces: a Docker image whose Python package includes the built static frontend at `src/argus/dashboard/frontend/` at runtime — consumed by Task 5's `StaticFiles` mount.
-
-- [ ] **Step 1: Rewrite `Dockerfile` as multi-stage**
-
-```dockerfile
-FROM node:22-slim AS frontend-build
-
-WORKDIR /frontend
-RUN corepack enable && corepack prepare pnpm@10.33.0 --activate
-
-COPY frontend/package.json frontend/pnpm-lock.yaml frontend/pnpm-workspace.yaml ./
-RUN pnpm install --frozen-lockfile
-
-COPY frontend ./
-RUN pnpm build
-
-
-FROM python:3.12-slim-bookworm
-
-LABEL org.opencontainers.image.source="https://github.com/sciwork/argus"
-
-ENV PYTHONDONTWRITEBYTECODE=1
-ENV PYTHONUNBUFFERED=1
-
-WORKDIR /app
-
-COPY pyproject.toml README.md ./
-COPY src ./src
-COPY --from=frontend-build /frontend/out ./src/argus/dashboard/frontend
-
-RUN pip install --no-cache-dir .
-
-EXPOSE 8000
-
-CMD ["uvicorn", "argus.main:app", "--host", "0.0.0.0", "--port", "8000"]
-```
-
-Do not reintroduce `apt-get install sqlite3` — the current single-stage `Dockerfile` already has it removed (past change #13); this rewrite must preserve that.
-
-- [ ] **Step 2: Update `.dockerignore`**
-
-Add:
-```
-frontend/node_modules
-frontend/.next
-frontend/out
-```
-
-- [ ] **Step 3: Update `pyproject.toml` package data**
-
-```toml
-[tool.setuptools.package-data]
-"argus.dashboard" = ["templates/*.html", "frontend/**/*"]
-"argus.kktix" = ["templates/*.j2"]
-```
-
-- [ ] **Step 4: Build the image and verify the static files actually land in the installed package**
-
-Don't just trust the `**` glob — check the built wheel directly:
-
-```bash
-docker build --tag argus-frontend-check .
-docker run --rm argus-frontend-check python -c "
-import pathlib
-p = pathlib.Path('/usr/local/lib/python3.12/site-packages/argus/dashboard/frontend')
-assert p.is_dir(), f'{p} missing'
-assert (p / 'index.html').exists(), 'index.html missing from installed package'
-print('OK:', sorted(str(f.relative_to(p)) for f in p.rglob('*'))[:10], '...')
-"
-docker image rm argus-frontend-check
-```
-
-Expected: `OK: [...]` printing at least `index.html` and something under `_next/`. If the assertion fails, the `package-data` glob isn't matching recursively as written — the `[tool.setuptools.package-data]` glob or a `MANIFEST.in`/`include_package_data` setting needs adjusting; don't guess which without seeing the actual failure.
-
-- [ ] **Step 5: Commit**
-
-```bash
-git add Dockerfile .dockerignore pyproject.toml
-git commit -m "feat: multi-stage Docker build for the frontend static export
-
-Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
-```
-
----
-
-### Task 3: CI frontend job
-
-**Files:**
-- Modify: `.github/workflows/ci.yml`
-
-**Interfaces:**
-- Consumes: `frontend/` (Task 1).
-- Produces: CI coverage that `pnpm install`/`pnpm lint`/`pnpm build` keep working on every push/PR.
-
-- [ ] **Step 1: Add a `frontend` job**
-
-```yaml
-  frontend:
-    name: Frontend
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v7
-
-      - name: Enable corepack
-        run: corepack enable
-
-      - name: Set up Node
-        uses: actions/setup-node@v5
-        with:
-          node-version: "22"
-
-      - name: Install dependencies
-        working-directory: frontend
-        run: pnpm install --frozen-lockfile
-
-      - name: Lint
-        working-directory: frontend
-        run: pnpm lint
-
-      - name: Build
-        working-directory: frontend
-        run: pnpm build
-```
-
-Add this as a sibling to the existing `test:` job (same `jobs:` level), not nested inside it. No test step — `frontend/package.json` has no `test` script yet (the Storybook/Vitest scaffolding isn't wired to one); add it once real component tests exist (Task 8 adds the first one, at which point revisit).
-
-- [ ] **Step 2: Verify locally as far as possible**
-
-```bash
-cd frontend && pnpm install --frozen-lockfile && pnpm lint && pnpm build
-cd ..
-```
-
-(Full CI verification happens when this branch's commits actually run in GitHub Actions — note that in your PR description/final check rather than trying to fully simulate it locally.)
-
-- [ ] **Step 3: Commit**
-
-```bash
-git add .github/workflows/ci.yml
-git commit -m "ci: add frontend lint/build job
-
-Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
-```
-
----
-
-### Task 4: `GET /dashboard/api/me`
-
-**Files:**
-- Modify: `src/argus/dashboard/router.py`
-- Test: `tests/test_auth.py`
-
-**Interfaces:**
-- Consumes: `auth.require_login` (existing, unchanged — session-cookie only, no Bearer).
-- Produces: `GET /dashboard/api/me` → `{"email": str}` — consumed by Task 6's frontend auth-check hook.
-
-- [ ] **Step 1: Write the failing test**
-
-```python
-# tests/test_auth.py — reuse the existing dashboard_app fixture and its
-# session-cookie login pattern (this file already has a real OIDC-mock
-# OAuth flow test to model from; a simpler direct-session-set test suffices
-# here since api_me has no logic beyond require_login)
-@pytest.mark.asyncio
-async def test_api_me_returns_authenticated_email(dashboard_app):
-    """The frontend can look up who is currently logged in via the session cookie."""
-    transport = httpx.ASGITransport(app=dashboard_app)
-    async with httpx.AsyncClient(
-        transport=transport, base_url="http://test"
-    ) as client:
-        # Log in by hitting the real OAuth flow, or set the session directly
-        # via the test client's cookie jar if this file already has a helper
-        # for that — check tests/test_auth.py's existing fixtures/imports
-        # before adding a new one.
-        login_response = await client.get(
-            "/dashboard/api/me"
-        )
-        assert login_response.status_code == 401  # no session yet
-
-        # (Use whichever session-establishing approach the existing test file
-        # already relies on — e.g. driving the real OIDC-mock flow like
-        # test_google_oauth_accepts_only_allowlisted_user does — to then
-        # assert a 200 with {"email": "chester@example.com"}.)
-```
-
-Read `tests/test_auth.py` in full before writing this — the file already has a working pattern for establishing an authenticated session via the real (mocked) Google OAuth flow (`run_server_in_thread`, `client.get("/dashboard/login", ...)`, following the redirect chain). Reuse that pattern rather than inventing a new one; the test above is a starting sketch, not the literal final code — fill in the actual login step using the existing pattern in the same file.
-
-- [ ] **Step 2: Run test to verify it fails**
-
-Run: `uv run pytest tests/test_auth.py -v -k api_me`
-Expected: FAIL — route doesn't exist yet (404, or the test itself won't even reach a meaningful assertion).
-
-- [ ] **Step 3: Implement**
-
-```python
-# src/argus/dashboard/router.py — add to the "── JSON API ──" section,
-# as the first route, right before api_events
-@router.get("/dashboard/api/me")
-async def api_me(email: str = Depends(auth.require_login)):
-    return {"email": email}
-```
-
-- [ ] **Step 4: Run test to verify it passes**
-
-Run: `uv run pytest tests/test_auth.py -v`
-Expected: PASS (whole file — confirms this addition didn't disturb the existing OAuth cookie-flow test)
-
-- [ ] **Step 5: Commit**
-
-```bash
-git add src/argus/dashboard/router.py tests/test_auth.py
-git commit -m "feat: add GET /dashboard/api/me for frontend session bootstrap
-
-Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
-```
-
----
-
-### Task 5: Next.js config + FastAPI static serving + remove two legacy routes
-
-**Files:**
-- Modify: `frontend/next.config.ts`
-- Modify: `src/argus/main.py`
-- Modify: `src/argus/dashboard/router.py`
-- Delete: `src/argus/dashboard/templates/index.html`, `src/argus/dashboard/templates/webhook_logs.html`
-- Modify: `tests/test_docker_integration.py`
-
-**Interfaces:**
-- Consumes: `src/argus/dashboard/frontend/` existing at runtime (Task 2's Docker copy).
-- Produces: `GET /dashboard` resolves to the built static frontend (still just the default scaffold page at this point — Task 7 replaces its content); `/dashboard/webhook-logs` and `/dashboard/events` will 404 until Tasks 8–9 add those pages, which is expected and fine at this stage. `/dashboard/events/{slug}` (legacy Jinja2) and all `/dashboard/api/*`, `/dashboard/login`, `/dashboard/oauth/callback` routes are unaffected.
-
-- [ ] **Step 1: Next.js config**
-
-```typescript
-// frontend/next.config.ts
-import type { NextConfig } from "next";
-
-const nextConfig: NextConfig = {
-  output: "export",
-  basePath: "/dashboard",
-  trailingSlash: true,
-  // next/image's default loader needs a server; serve images as-is instead.
-  images: {
-    unoptimized: true,
-  },
-};
-
-export default nextConfig;
-```
-
-- [ ] **Step 2: Remove the two legacy Jinja2 routes and templates**
-
-```python
-# src/argus/dashboard/router.py — DELETE these two route functions entirely:
-#   @router.get("/dashboard")
-#   async def dashboard_home(request: Request): ...
-#
-#   @router.get("/dashboard/webhook-logs")
-#   async def dashboard_webhook_logs(request: Request): ...
-#
-# Keep `dashboard_event` (the /dashboard/events/{slug} handler), the
-# `templates` Jinja2Templates instance (event.html still needs it),
-# `_session_email_or_redirect`, and `_format_start_at_local` exactly as they are.
-```
-
-```bash
-rm src/argus/dashboard/templates/index.html
-rm src/argus/dashboard/templates/webhook_logs.html
-```
-
-- [ ] **Step 3: Mount the static frontend in `main.py`**
-
-```python
-# src/argus/main.py — imports: add
-from pathlib import Path
-
-from starlette.staticfiles import StaticFiles
-```
-
-```python
-# src/argus/main.py — add right after app.include_router(health_router)
-_FRONTEND_DIR = Path(__file__).parent / "dashboard" / "frontend"
-
-if _FRONTEND_DIR.is_dir():
-    app.mount(
-        "/dashboard", StaticFiles(directory=_FRONTEND_DIR, html=True), name="dashboard-frontend"
-    )
-```
-
-The `is_dir()` guard matters: in local development (no Docker build), `src/argus/dashboard/frontend/` won't exist, and `StaticFiles(directory=...)` raises at construction time if its directory is missing — without the guard, the app would fail to start at all for anyone running `uvicorn` directly against a source checkout without having built the frontend first.
-
-Mounting *after* `app.include_router(dashboard_router)` (already the case — this is appended after the last `include_router` call) means the more specific routes (`/dashboard/login`, `/dashboard/api/*`, `/dashboard/events/{slug}`, `/dashboard/oauth/callback`) are matched first; only paths under `/dashboard/*` that don't match any of those fall through to the static mount.
-
-- [ ] **Step 4: Extend the Docker integration test**
-
-```python
-# tests/test_docker_integration.py — new test function, using the existing
-# api_url fixture (already builds the real image and runs it)
-def test_docker_image_serves_frontend_shell(api_url: str) -> None:
-    """The built static frontend is served at /dashboard, same-origin."""
-    with httpx.Client(base_url=api_url, timeout=5) as client:
-        response = client.get("/dashboard")
-        assert response.status_code == 200
-        assert "text/html" in response.headers["content-type"]
-```
-
-Do **not** add assertions for `/dashboard/webhook-logs` or `/dashboard/events` here — those pages don't exist in the Next app until Tasks 8–9, so a request for them would 404 at this point in the sequence; those tasks add their own equivalent assertions once their pages exist. Do **not** remove or alter `test_docker_image_api_flow` or `test_docker_image_cors_and_bearer_token_auth` — wait, the latter is from the abandoned PR #16 and shouldn't exist on `main` at all; if you find it while reading this file, that means you're working from the wrong base — confirm you branched from current `main`, not the old `worktree-frontend-api-extraction` branch.
-
-- [ ] **Step 5: Run the full suite, including Docker**
-
-Run: `uv run pytest tests/ -v` (this rebuilds the image — expect ~30-60s)
-Expected: PASS, including the new frontend-shell test and the retained legacy-`/dashboard/events/{slug}` coverage in the existing suite.
-
-- [ ] **Step 6: Commit**
-
-```bash
-git add frontend/next.config.ts src/argus/main.py src/argus/dashboard/router.py \
-        tests/test_docker_integration.py
-git rm src/argus/dashboard/templates/index.html src/argus/dashboard/templates/webhook_logs.html
-git commit -m "feat: serve the built frontend at /dashboard, retire two Jinja2 routes
-
-Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
-```
-
----
-
-### Task 6: Frontend API client + auth-check hook
-
-**Files:**
-- Create: `frontend/apis/client.ts`, `frontend/apis/auth.ts`, `frontend/apis/events.ts`, `frontend/apis/webhook-logs.ts`
-- Create: `frontend/types/responses/auth.ts`, `frontend/types/responses/events.ts`, `frontend/types/responses/webhook-logs.ts`
-- Create: `frontend/hooks/use-require-auth.ts`
-- Test: `frontend/tests/hooks/use-require-auth.test.tsx`
-
-**Interfaces:**
-- Consumes: `GET /dashboard/api/me`, `/events`, `/events/{slug}/timeseries`, `/events/{slug}` (DELETE), `/webhook-logs`, `/webhook-logs/{id}` (DELETE) — all documented in `SPEC.md`, unchanged by this plan.
-- Produces: `getCurrentUser(): Promise<CurrentUser | null>`, `listEvents()`, `getEventTimeseries(slug)`, `deleteEvent(slug)`, `listWebhookLogs(limit, offset)`, `deleteWebhookLog(id)`, `clearWebhookLogs()`, and the `useRequireAuth()` hook — consumed by Tasks 7–9's pages.
-
-- [ ] **Step 1: Response types**
-
-```typescript
-// frontend/types/responses/auth.ts
-export interface CurrentUser {
-  email: string;
-}
-```
-
-```typescript
-// frontend/types/responses/events.ts
-export interface EventSummary {
-  event_slug: string;
-  event_name: string;
-  channel: string | null;
-  start_at: string | null;
-  capacity: number | null;
-}
-
-export interface TimeseriesDataset {
-  name: string;
-  data: number[];
-}
-
-export interface EventTimeseries {
-  event: EventSummary;
-  labels: string[];
-  datasets: TimeseriesDataset[];
-  start_marker_label: string | null;
-}
-```
-
-```typescript
-// frontend/types/responses/webhook-logs.ts
-export interface WebhookLogEntry {
-  id: number;
-  method: string;
-  channel: string | null;
-  headers: string;
-  body: string | null;
-  created_at: string;
-}
-
-export interface WebhookLogsPage {
-  items: WebhookLogEntry[];
-  total: number;
-  limit: number;
-  offset: number;
-}
-```
-
-- [ ] **Step 2: Axios client + API functions**
-
-```typescript
-// frontend/apis/client.ts
-import axios from "axios";
-
-export const apiClient = axios.create({
-  baseURL: "/dashboard/api",
-});
-```
-
-Same-origin by design (see the spec) — no `withCredentials` needed; the browser sends the session cookie automatically for same-origin requests.
-
-```typescript
-// frontend/apis/auth.ts
-import { isAxiosError } from "axios";
-import { apiClient } from "@/apis/client";
-import type { CurrentUser } from "@/types/responses/auth";
-
-export async function getCurrentUser(): Promise<CurrentUser | null> {
-  try {
-    const response = await apiClient.get<CurrentUser>("/me");
-    return response.data;
-  } catch (error) {
-    if (isAxiosError(error) && error.response?.status === 401) {
-      return null;
-    }
-    throw error;
-  }
-}
-```
-
-```typescript
-// frontend/apis/events.ts
-import { apiClient } from "@/apis/client";
-import type { EventSummary, EventTimeseries } from "@/types/responses/events";
-
-export async function listEvents(): Promise<EventSummary[]> {
-  const response = await apiClient.get<EventSummary[]>("/events");
-  return response.data;
-}
-
-export async function getEventTimeseries(
-  slug: string,
-): Promise<EventTimeseries> {
-  const response = await apiClient.get<EventTimeseries>(
-    `/events/${encodeURIComponent(slug)}/timeseries`,
-  );
-  return response.data;
-}
-
-export async function deleteEvent(slug: string): Promise<void> {
-  await apiClient.delete(`/events/${encodeURIComponent(slug)}`);
-}
-```
-
-```typescript
-// frontend/apis/webhook-logs.ts
-import { apiClient } from "@/apis/client";
-import type { WebhookLogsPage } from "@/types/responses/webhook-logs";
-
-export async function listWebhookLogs(
-  limit: number,
-  offset: number,
-): Promise<WebhookLogsPage> {
-  const response = await apiClient.get<WebhookLogsPage>("/webhook-logs", {
-    params: { limit, offset },
-  });
-  return response.data;
-}
-
-export async function deleteWebhookLog(id: number): Promise<void> {
-  await apiClient.delete(`/webhook-logs/${id}`);
-}
-
-export async function clearWebhookLogs(): Promise<void> {
-  await apiClient.delete("/webhook-logs");
-}
-```
-
-- [ ] **Step 3: Write the failing test for the auth-check hook**
-
-```tsx
-// frontend/tests/hooks/use-require-auth.test.tsx
-import { renderHook, waitFor } from "@testing-library/react";
-import { afterEach, describe, expect, it, vi } from "vitest";
-import * as authApi from "@/apis/auth";
-import { useRequireAuth } from "@/hooks/use-require-auth";
-
-describe("useRequireAuth", () => {
-  afterEach(() => {
-    vi.restoreAllMocks();
-    // @ts-expect-error -- jsdom's location isn't reassignable by default; tests override it directly
-    delete window.location;
-    window.location = { href: "" } as Location;
-  });
-
-  it("returns the authenticated user when the session is valid", async () => {
-    vi.spyOn(authApi, "getCurrentUser").mockResolvedValue({
-      email: "chester@example.com",
-    });
-
-    const { result } = renderHook(() => useRequireAuth());
-
-    await waitFor(() =>
-      expect(result.current).toEqual({
-        status: "authenticated",
-        user: { email: "chester@example.com" },
-      }),
-    );
-  });
-
-  it("navigates to /dashboard/login when there is no session", async () => {
-    vi.spyOn(authApi, "getCurrentUser").mockResolvedValue(null);
-    window.location = { href: "" } as Location;
-
-    renderHook(() => useRequireAuth());
-
-    await waitFor(() => expect(window.location.href).toBe("/dashboard/login"));
-  });
-});
-```
-
-This needs `@testing-library/react` — check whether it's already a devDependency (the Storybook/Vitest setup may have pulled it in transitively); if not, add it: `pnpm add -D @testing-library/react`.
-
-- [ ] **Step 4: Run test to verify it fails**
-
-Run: `pnpm exec vitest run tests/hooks/use-require-auth.test.tsx`
-Expected: FAIL — `@/hooks/use-require-auth` doesn't exist yet.
-
-- [ ] **Step 5: Implement the hook**
-
-```typescript
-// frontend/hooks/use-require-auth.ts
-"use client";
-
-import { useEffect, useState } from "react";
-import { getCurrentUser } from "@/apis/auth";
-import type { CurrentUser } from "@/types/responses/auth";
-
-type AuthState =
-  | { status: "loading" }
-  | { status: "authenticated"; user: CurrentUser }
-  | { status: "unauthenticated" };
-
-export function useRequireAuth(): AuthState {
-  const [state, setState] = useState<AuthState>({ status: "loading" });
-
-  useEffect(() => {
-    let cancelled = false;
-
-    getCurrentUser().then((user) => {
-      if (cancelled) return;
-      if (user) {
-        setState({ status: "authenticated", user });
-      } else {
-        setState({ status: "unauthenticated" });
-        window.location.href = "/dashboard/login";
-      }
-    });
-
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-
-  return state;
-}
-```
-
-Note this deliberately does **not** use `useTransition` — that's for marking user-triggered updates (button clicks, pagination, deletes — see Tasks 8–9) as non-urgent; this is a passive on-mount fetch, a different pattern.
-
-Also note: the redirect target is `window.location.href`, not Next's router — `/dashboard/login` is a FastAPI route the Next app doesn't own, so this must be a real browser navigation, not a client-side route transition (see Global Constraints).
-
-- [ ] **Step 6: Run test to verify it passes**
-
-Run: `pnpm exec vitest run tests/hooks/use-require-auth.test.tsx`
-Expected: PASS (2/2)
-
-- [ ] **Step 7: Format, lint, typecheck**
-
-```bash
-cd frontend
-pnpm exec prettier . --write
-pnpm lint
-pnpm exec tsc --noEmit
-cd ..
-```
-
-- [ ] **Step 8: Commit**
-
-```bash
-git add frontend/apis frontend/types frontend/hooks frontend/tests frontend/package.json frontend/pnpm-lock.yaml
-git commit -m "feat(frontend): add API client and session auth-check hook
-
-Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
-```
-
----
-
-### Task 7: Home / event list page
-
-**Files:**
-- Modify: `frontend/app/page.tsx`
-
-**Interfaces:**
-- Consumes: `useRequireAuth()`, `listEvents()` (Task 6).
-- Produces: the real `/dashboard` home page, replacing the `create-next-app` scaffold.
-
-- [ ] **Step 1: Replace the scaffold page**
-
-```tsx
-// frontend/app/page.tsx
-"use client";
-
-import Link from "next/link";
-import { useEffect, useState } from "react";
-import { listEvents } from "@/apis/events";
-import { useRequireAuth } from "@/hooks/use-require-auth";
-import type { EventSummary } from "@/types/responses/events";
-
-export default function DashboardHomePage() {
-  const auth = useRequireAuth();
-  const [events, setEvents] = useState<EventSummary[] | null>(null);
-
-  useEffect(() => {
-    if (auth.status !== "authenticated") return;
-    let cancelled = false;
-    listEvents().then((result) => {
-      if (!cancelled) setEvents(result);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [auth.status]);
-
-  if (auth.status !== "authenticated") {
-    return null;
-  }
-
-  return (
-    <main className="mx-auto max-w-3xl p-6">
-      <div className="flex items-baseline justify-between">
-        <h1 className="font-heading text-2xl">Argus Dashboard</h1>
-        <span className="text-muted-foreground text-sm">{auth.user.email}</span>
-      </div>
-      <ul className="mt-6 flex flex-col gap-2">
-        {events === null && <li>Loading…</li>}
-        {events?.length === 0 && <li>No events yet.</li>}
-        {events?.map((event) => (
-          <li key={event.event_slug}>
-            <Link
-              href={`/events?slug=${encodeURIComponent(event.event_slug)}`}
-              className="text-primary underline underline-offset-4"
-            >
-              {event.event_name}
-            </Link>
-          </li>
-        ))}
-      </ul>
-    </main>
-  );
-}
-```
-
-Note the `Link href` is `/events?slug=...`, **not** `/dashboard/events?slug=...` — `basePath` (set in Task 5) auto-prepends `/dashboard` to Next-owned internal links; writing the prefix explicitly here would double it (see Global Constraints).
-
-- [ ] **Step 2: Update the metadata title** (still says "Create Next App" from the scaffold)
-
-```tsx
-// frontend/app/layout.tsx — change only the metadata export
-export const metadata: Metadata = {
-  title: "Argus Dashboard",
-  description: "Registration analytics dashboard for Argus",
-};
-```
-
-- [ ] **Step 3: Format, lint, typecheck, build**
-
-```bash
-cd frontend
-pnpm exec prettier . --write
-pnpm lint
-pnpm exec tsc --noEmit
-pnpm build
-cd ..
-```
-
-- [ ] **Step 4: End-to-end check against the real backend**
-
-```bash
-uv run pytest tests/test_docker_integration.py -v -k serves_frontend_shell
-```
-
-Expected: still passes (the shell test from Task 5 now serves this real page instead of the scaffold — confirm the response still comes back 200 `text/html`; it doesn't assert on content, so no change needed there, but this is a good moment to also manually check the built `frontend/out/index.html` contains `Argus Dashboard` somewhere, confirming the real page — not a stale cached scaffold — is what actually got built).
-
-- [ ] **Step 5: Commit**
-
-```bash
-git add frontend/app/page.tsx frontend/app/layout.tsx
-git commit -m "feat(frontend): build the real event-list home page
-
-Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
-```
-
----
-
-### Task 8: shadcn chart + event detail page
-
-**Files:**
-- Modify: `frontend/package.json`, `frontend/components.json`-managed additions (via CLI)
-- Create: `frontend/components/ui/chart.tsx` (generated), `frontend/components/event-chart.tsx`
-- Create: `frontend/app/events/page.tsx`
-- Create: `frontend/stories/components/event-chart.stories.tsx`
-- Test: `frontend/tests/components/event-chart.test.tsx`
-
-**Interfaces:**
-- Consumes: `getEventTimeseries(slug)` (Task 6), `EventTimeseries` type.
-- Produces: `/dashboard/events?slug=<slug>` — the event-detail page with a line chart.
-
-- [ ] **Step 1: Add the chart component via the shadcn CLI**
-
-```bash
-cd frontend && pnpm dlx shadcn@latest add chart
-cd ..
-```
-
-This respects the project's existing `components.json` (`style: "base-sera"`, Base UI primitives, `@/` aliases) and adds `recharts` to `package.json` plus `components/ui/chart.tsx`. Don't hand-author this file — let the CLI generate it, then read what it produced before writing `EventChart` below, since the exact `ChartContainer`/`ChartConfig`/`ChartTooltip` API surface should be read from the real generated file, not assumed. If the CLI's output differs meaningfully from the usage shown in Step 3 below, adapt Step 3 to match what was actually generated rather than forcing the assumed API.
-
-- [ ] **Step 2: Write the failing component test**
-
-```tsx
-// frontend/tests/components/event-chart.test.tsx
-import { render, screen } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
-import { EventChart } from "@/components/event-chart";
-import type { EventTimeseries } from "@/types/responses/events";
-
-const sample: EventTimeseries = {
-  event: {
-    event_slug: "test-event",
-    event_name: "Test Event",
-    channel: "SPRINT",
-    start_at: "2026-04-25T01:00:00",
-    capacity: 30,
-  },
-  labels: ["2026-04-15", "2026-04-16"],
-  datasets: [
-    { name: "Total", data: [1, 3] },
-    { name: "一般票", data: [1, 2] },
-  ],
-  start_marker_label: "2026-04-25",
-};
-
-describe("EventChart", () => {
-  it("renders a line for every dataset", () => {
-    render(<EventChart timeseries={sample} />);
-    // Recharts renders each Line as an SVG <path>; assert one exists per dataset
-    // by checking the chart container rendered at all — refine this assertion
-    // once you can see the actual DOM shape ChartContainer produces.
-    expect(screen.getByRole("img", { hidden: true })).toBeTruthy();
-  });
-});
-```
-
-This is a starting sketch — Recharts' exact rendered DOM (SVG structure) should be inspected once `EventChart` exists to write a real, specific assertion (e.g. counting rendered `.recharts-line` elements equals `sample.datasets.length`) rather than the placeholder role-based check above. Do not leave a test that merely asserts the component didn't crash — assert on the *dataset count* actually rendering as lines, since that's the behavior this component exists to provide.
-
-- [ ] **Step 2: Run test to verify it fails**
-
-Run: `pnpm exec vitest run tests/components/event-chart.test.tsx`
-Expected: FAIL — `@/components/event-chart` doesn't exist yet.
-
-- [ ] **Step 3: Implement `EventChart`**
-
-```tsx
-// frontend/components/event-chart.tsx
-"use client";
-
-import {
-  CartesianGrid,
-  Line,
-  LineChart,
-  ReferenceLine,
-  XAxis,
-  YAxis,
-} from "recharts";
-import {
-  ChartContainer,
-  ChartTooltip,
-  ChartTooltipContent,
-  type ChartConfig,
-} from "@/components/ui/chart";
-import type { EventTimeseries } from "@/types/responses/events";
-
-interface EventChartProps {
-  timeseries: EventTimeseries;
-}
-
-export function EventChart({ timeseries }: EventChartProps) {
-  const data = timeseries.labels.map((label, index) => {
-    const point: Record<string, string | number> = { label };
-    for (const dataset of timeseries.datasets) {
-      point[dataset.name] = dataset.data[index];
-    }
-    return point;
-  });
-
-  const config: ChartConfig = Object.fromEntries(
-    timeseries.datasets.map((dataset, index) => [
-      dataset.name,
-      { label: dataset.name, color: `var(--chart-${(index % 5) + 1})` },
-    ]),
-  );
-
-  return (
-    <ChartContainer config={config} className="h-80 w-full">
-      <LineChart data={data}>
-        <CartesianGrid vertical={false} />
-        <XAxis dataKey="label" tickLine={false} axisLine={false} />
-        <YAxis tickLine={false} axisLine={false} />
-        <ChartTooltip content={<ChartTooltipContent />} />
-        {timeseries.event.capacity !== null && (
-          <ReferenceLine
-            y={timeseries.event.capacity}
-            strokeDasharray="4 4"
-            label="Capacity"
-          />
-        )}
-        {timeseries.start_marker_label !== null && (
-          <ReferenceLine
-            x={timeseries.start_marker_label}
-            strokeDasharray="4 4"
-            label="Event start"
-          />
-        )}
-        {timeseries.datasets.map((dataset, index) => (
-          <Line
-            key={dataset.name}
-            dataKey={dataset.name}
-            stroke={`var(--color-${dataset.name})`}
-            strokeWidth={dataset.name === "Total" ? 2 : 1}
-            dot={false}
-          />
-        ))}
-      </LineChart>
-    </ChartContainer>
-  );
-}
-```
-
-Verify this against the actual generated `components/ui/chart.tsx` from Step 1 — adjust prop names/`ChartConfig` shape if the real generated file differs from what's assumed here.
-
-- [ ] **Step 4: Storybook story** (required by `frontend/AGENTS.md` for reusable components)
-
-```tsx
-// frontend/stories/components/event-chart.stories.tsx
-import type { Meta, StoryObj } from "@storybook/nextjs-vite";
-import { expect, within } from "storybook/test";
-import { EventChart } from "@/components/event-chart";
-
-const meta: Meta<typeof EventChart> = {
-  title: "Components/EventChart",
-  component: EventChart,
-  tags: ["ai-generated"],
-};
-
-export default meta;
-type Story = StoryObj<typeof EventChart>;
-
-export const Default: Story = {
-  args: {
-    timeseries: {
-      event: {
-        event_slug: "test-event",
-        event_name: "Test Event",
-        channel: "SPRINT",
-        start_at: "2026-04-25T01:00:00",
-        capacity: 30,
-      },
-      labels: ["2026-04-15", "2026-04-16", "2026-04-17"],
-      datasets: [
-        { name: "Total", data: [1, 3, 5] },
-        { name: "一般票", data: [1, 2, 3] },
-        { name: "早鳥票", data: [0, 1, 2] },
-      ],
-      start_marker_label: "2026-04-25",
-    },
-  },
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    await expect(canvas.getByRole("img", { hidden: true })).toBeTruthy();
-  },
-};
-```
-
-Match `stories/components/ui/button.stories.tsx`'s established pattern (`tags: ["ai-generated"]`, a smoke-check `play` function) rather than inventing a new story convention.
-
-- [ ] **Step 5: Run test to verify it passes**
-
-Run: `pnpm exec vitest run tests/components/event-chart.test.tsx`
-Expected: PASS
-
-- [ ] **Step 6: Event detail page**
-
-```tsx
-// frontend/app/events/page.tsx
-"use client";
-
-import { useSearchParams } from "next/navigation";
-import { useEffect, useState } from "react";
-import { getEventTimeseries } from "@/apis/events";
-import { EventChart } from "@/components/event-chart";
-import { useRequireAuth } from "@/hooks/use-require-auth";
-import type { EventTimeseries } from "@/types/responses/events";
-
-export default function EventDetailPage() {
-  const auth = useRequireAuth();
-  const searchParams = useSearchParams();
-  const slug = searchParams.get("slug");
-  const [timeseries, setTimeseries] = useState<EventTimeseries | null>(null);
-
-  useEffect(() => {
-    if (auth.status !== "authenticated" || !slug) return;
-    let cancelled = false;
-    getEventTimeseries(slug).then((result) => {
-      if (!cancelled) setTimeseries(result);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [auth.status, slug]);
-
-  if (auth.status !== "authenticated") {
-    return null;
-  }
-
-  if (!slug) {
-    return <p className="p-6">No event selected.</p>;
-  }
-
-  if (!timeseries) {
-    return <p className="p-6">Loading…</p>;
-  }
-
-  return (
-    <main className="mx-auto max-w-3xl p-6">
-      <h1 className="font-heading text-2xl">{timeseries.event.event_name}</h1>
-      <EventChart timeseries={timeseries} />
-    </main>
-  );
-}
-```
-
-`useSearchParams()` in a static-export app is fine at runtime (client-side reads `window.location.search`) — this is exactly why the query-string approach was chosen over a dynamic path segment (see the spec's "Routing" section).
-
-- [ ] **Step 7: Format, lint, typecheck, build**
-
-```bash
-cd frontend
-pnpm exec prettier . --write
-pnpm lint
-pnpm exec tsc --noEmit
-pnpm build
-cd ..
-```
-
-- [ ] **Step 8: Extend the Docker integration test**
-
-```python
-# tests/test_docker_integration.py — extend test_docker_image_serves_frontend_shell
-# or add a sibling assertion
-def test_docker_image_serves_event_detail_page(api_url: str) -> None:
-    """The event-detail page (query-string based) is served at /dashboard/events."""
-    with httpx.Client(base_url=api_url, timeout=5) as client:
-        response = client.get("/dashboard/events", params={"slug": "anything"})
-        assert response.status_code == 200
-        assert "text/html" in response.headers["content-type"]
-```
-
-- [ ] **Step 9: Run the full suite**
-
-Run: `uv run pytest tests/ -v` and `cd frontend && pnpm exec vitest run && cd ..`
-Expected: all PASS.
-
-- [ ] **Step 10: Commit**
-
-```bash
-git add frontend/package.json frontend/pnpm-lock.yaml frontend/components.json \
-        frontend/components/ui/chart.tsx frontend/components/event-chart.tsx \
-        frontend/app/events frontend/stories/components/event-chart.stories.tsx \
-        frontend/tests/components/event-chart.test.tsx \
-        tests/test_docker_integration.py
-git commit -m "feat(frontend): add event detail page with Recharts-based chart
-
-Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
-```
-
----
-
-### Task 9: Webhook logs page
-
-**Files:**
-- Create: `frontend/app/webhook-logs/page.tsx`
-- Modify: `tests/test_docker_integration.py`
-
-**Interfaces:**
-- Consumes: `listWebhookLogs`, `deleteWebhookLog`, `clearWebhookLogs` (Task 6).
-- Produces: `/dashboard/webhook-logs` — paginated log viewer with per-row and bulk delete.
-
-- [ ] **Step 1: Implement the page**
-
-```tsx
-// frontend/app/webhook-logs/page.tsx
-"use client";
-
-import { useEffect, useState, useTransition } from "react";
-import {
-  clearWebhookLogs,
-  deleteWebhookLog,
-  listWebhookLogs,
-} from "@/apis/webhook-logs";
-import { useRequireAuth } from "@/hooks/use-require-auth";
-import type { WebhookLogsPage } from "@/types/responses/webhook-logs";
-
-const PAGE_SIZE = 50;
-
-export default function WebhookLogsPage() {
-  const auth = useRequireAuth();
-  const [offset, setOffset] = useState(0);
-  const [page, setPage] = useState<WebhookLogsPage | null>(null);
-  const [isPending, startTransition] = useTransition();
-
-  const reload = () => {
-    listWebhookLogs(PAGE_SIZE, offset).then(setPage);
-  };
-
-  useEffect(() => {
-    if (auth.status !== "authenticated") return;
-    reload();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [auth.status, offset]);
-
-  if (auth.status !== "authenticated") {
-    return null;
-  }
-
-  const handleDelete = (id: number) => {
-    startTransition(async () => {
-      await deleteWebhookLog(id);
-      reload();
-    });
-  };
-
-  const handleClearAll = () => {
-    startTransition(async () => {
-      await clearWebhookLogs();
-      reload();
-    });
-  };
-
-  return (
-    <main className="mx-auto max-w-4xl p-6">
-      <div className="flex items-baseline justify-between">
-        <h1 className="font-heading text-2xl">Webhook Logs</h1>
-        <button
-          type="button"
-          onClick={handleClearAll}
-          disabled={isPending}
-          className="text-destructive text-sm underline"
-        >
-          Clear all
-        </button>
-      </div>
-      {page === null && <p className="mt-4">Loading…</p>}
-      {page && (
-        <>
-          <table className="mt-4 w-full text-left text-sm">
-            <thead>
-              <tr>
-                <th>Method</th>
-                <th>Channel</th>
-                <th>Created</th>
-                <th />
-              </tr>
-            </thead>
-            <tbody>
-              {page.items.map((item) => (
-                <tr key={item.id}>
-                  <td>{item.method}</td>
-                  <td>{item.channel ?? "—"}</td>
-                  <td>{item.created_at}</td>
-                  <td>
-                    <button
-                      type="button"
-                      onClick={() => handleDelete(item.id)}
-                      disabled={isPending}
-                      className="text-destructive underline"
-                    >
-                      Delete
-                    </button>
-                  </td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-          <div className="mt-4 flex items-center gap-4">
-            <button
-              type="button"
-              disabled={offset === 0}
-              onClick={() => setOffset(Math.max(0, offset - PAGE_SIZE))}
-            >
-              Previous
-            </button>
-            <span>
-              {offset + 1}–{Math.min(offset + PAGE_SIZE, page.total)} of{" "}
-              {page.total}
-            </span>
-            <button
-              type="button"
-              disabled={offset + PAGE_SIZE >= page.total}
-              onClick={() => setOffset(offset + PAGE_SIZE)}
-            >
-              Next
-            </button>
-          </div>
-        </>
-      )}
-    </main>
-  );
-}
-```
-
-Per-row delete and clear-all each get their own `useTransition` call site sharing one `isPending`/`startTransition` pair here since they're mutually exclusive user actions on the same page (not two *independent* concurrent operations) — this matches the spirit of `frontend/AGENTS.md`'s "each independent async operation gets its own `useTransition`" rule without over-splitting a single page's sequential actions into unnecessary separate transitions. If reviewing this, judge whether that reading holds; split into separate `useTransition` pairs if delete and clear-all ever need to be triggerable concurrently.
-
-- [ ] **Step 2: Format, lint, typecheck, build**
-
-```bash
-cd frontend
-pnpm exec prettier . --write
-pnpm lint
-pnpm exec tsc --noEmit
-pnpm build
-cd ..
-```
-
-- [ ] **Step 3: Extend the Docker integration test**
-
-```python
-# tests/test_docker_integration.py
-def test_docker_image_serves_webhook_logs_page(api_url: str) -> None:
-    """The webhook-logs page is served at /dashboard/webhook-logs."""
-    with httpx.Client(base_url=api_url, timeout=5) as client:
-        response = client.get("/dashboard/webhook-logs")
-        assert response.status_code == 200
-        assert "text/html" in response.headers["content-type"]
-```
-
-- [ ] **Step 4: Run the full suite**
-
-Run: `uv run pytest tests/ -v`
-Expected: PASS.
-
-- [ ] **Step 5: Commit**
-
-```bash
-git add frontend/app/webhook-logs tests/test_docker_integration.py
-git commit -m "feat(frontend): add webhook logs page
-
-Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
-```
-
----
-
-### Task 10: Local-dev proxy
-
-**Files:**
-- Modify: `frontend/next.config.ts`
-
-**Interfaces:**
-- Consumes: nothing new.
-- Produces: `next dev` (typically `localhost:3000`) transparently proxies `/dashboard/api/*` to a locally-running backend (`localhost:8000`), so the browser only ever talks to one origin, in dev exactly as in prod.
-
-- [ ] **Step 1: Add dev-only rewrites**
-
-```typescript
-// frontend/next.config.ts
-import type { NextConfig } from "next";
-
-const nextConfig: NextConfig = {
-  output: "export",
-  basePath: "/dashboard",
-  trailingSlash: true,
-  images: {
-    unoptimized: true,
-  },
-  // `rewrites()` has no effect on `output: "export"` production builds
-  // (static export can't proxy at request time) — it only applies to
-  // `next dev`, which is exactly where it's needed: `next dev` and
-  // `uvicorn` run as separate processes on different ports locally, so
-  // without this the browser would see a cross-origin request.
-  async rewrites() {
-    return [
-      {
-        source: "/dashboard/api/:path*",
-        destination: "http://localhost:8000/dashboard/api/:path*",
-      },
-    ];
-  },
-};
-
-export default nextConfig;
-```
-
-- [ ] **Step 2: Verify manually**
-
-```bash
-# Terminal 1
-uv run uvicorn argus.main:app --host 0.0.0.0 --port 8000
-# Terminal 2
-cd frontend && pnpm dev
-```
-
-Visit `http://localhost:3000/dashboard` — confirm the page loads and, once logged in, its `/dashboard/api/*` calls succeed (check the browser network tab shows requests to `localhost:3000/dashboard/api/*`, proxied server-side to `localhost:8000`, not a direct cross-origin browser request).
-
-- [ ] **Step 3: Format, lint, build** (confirm the dev-only `rewrites()` doesn't affect the static export build)
-
-```bash
-cd frontend
-pnpm exec prettier . --write
-pnpm lint
-pnpm build
-cd ..
-```
-
-- [ ] **Step 4: Commit**
-
-```bash
-git add frontend/next.config.ts
-git commit -m "feat(frontend): proxy API calls to the backend during next dev
-
-Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>"
-```
-
----
-
-### Task 11: End-to-end verification (merge gate)
-
-**Files:** none — verification only.
-
-**Interfaces:** none.
-
-- [ ] **Step 1: Full test suite**
-
-```bash
-uv run ruff check src tests
-uv run ruff format --check src tests
-uv run pytest tests/ -v
-cd frontend
-pnpm exec prettier --check .
-pnpm lint
-pnpm exec tsc --noEmit
-pnpm exec vitest run
-pnpm build
-cd ..
-```
-
-Expected: everything clean/passing.
-
-- [ ] **Step 2: Fresh-clone, real-container smoke test**
-
-```bash
-docker build --tag argus-e2e-check .
-docker run --rm -d --name argus-e2e \
-  -p 18000:8000 \
-  -e SESSION_SECRET=e2e-check-secret \
-  -e WEBHOOK_SECRET=e2e-check-webhook \
-  -e ALLOWED_EMAILS=e2e@example.com \
-  -e DATABASE_URL=sqlite:////tmp/e2e.db \
-  argus-e2e-check
-
-sleep 2
-curl -sf http://localhost:18000/health
-curl -sf http://localhost:18000/dashboard | grep -qi "argus dashboard" && echo "home OK"
-curl -sf "http://localhost:18000/dashboard/events?slug=anything" | grep -qi "html" && echo "event detail OK"
-curl -sf http://localhost:18000/dashboard/webhook-logs | grep -qi "webhook logs" && echo "webhook logs OK"
-
-docker stop argus-e2e
-docker image rm argus-e2e-check
-```
-
-Expected: `/health` returns 200, and each grep prints its "OK" line — confirming the real built image serves all three new/swapped pages correctly, not just that the test suite's mocked assertions pass.
-
-- [ ] **Step 3: Confirm nothing else regressed**
-
-Re-read `tests/test_kktix_handler.py`, `tests/test_report.py`, `tests/test_health.py` results from Step 1's full suite run — webhook ingestion and the Discord report feature must be untouched by anything in this plan (nothing in Tasks 1–10 touches `kktix/` or `report.py`). If the full suite passed, this is already confirmed; this step is a sanity re-read, not new test-writing.
-
-- [ ] **Step 4: This is the merge gate**
-
-Only once Steps 1–3 all pass does this branch merge to `main` (per the spec's "Sequencing & Merge Gate"). No commit is made in this task — it's a verification gate, not a code change.
-
----
-
-## Self-Review
-
-**1. Spec coverage:**
-- Repository layout (Task 1) ✓, including the `AGENTS.md`/`CLAUDE.md` discoverability fix agreed on after the spec was written (not in the spec file itself — a refinement made during plan-writing; worth back-porting a note into the spec, but not blocking).
-- Docker/CI/package-data (Tasks 2–3) ✓
-- `/dashboard/api/me` (Task 4) — the spec left this as "a call for whoever implements the plan"; this plan makes the call to add it, since Task 6's auth-check hook needs *some* endpoint and this is the smallest, most direct one. ✓
-- FastAPI static serving + route retirement (Task 5) ✓
-- Frontend pages + auth check (Tasks 6–9) ✓
-- Local-dev proxy (Task 10) ✓
-- Sequencing & merge gate (Task 11) ✓
-- Explicitly deferred in the spec (git history preservation, frontend test-suite CI step beyond build/lint, deleting the old `argus-dashboard` dir) — correctly not present anywhere in this plan.
-
-**2. Placeholder scan:** The one intentionally-loose spot is Task 8 Step 1 (shadcn CLI generates `chart.tsx` — its exact contents aren't hand-specified, by design, since it's a real generated file to be read rather than guessed) and the sketch-quality test assertions flagged explicitly as such in Tasks 4 and 8 (both call out, in their own text, exactly what needs filling in once the real API/DOM shape is visible, rather than silently leaving something vague). Every other step has literal, complete code.
-
-**3. Type consistency check:**
-- `EventSummary`, `EventTimeseries`, `TimeseriesDataset` (Task 6) match their usage in Tasks 7–8 exactly (same field names, same nullability).
-- `CurrentUser` (Task 6) matches `useRequireAuth`'s `AuthState` union and both pages' `auth.user.email` access.
-- `WebhookLogsPage`/`WebhookLogEntry` (Task 6) match Task 9's usage (`page.items`, `page.total`, `item.id`/`.method`/`.channel`/`.created_at`).
-- `getCurrentUser`, `listEvents`, `getEventTimeseries`, `deleteEvent`, `listWebhookLogs`, `deleteWebhookLog`, `clearWebhookLogs` — every call site in Tasks 7–9 matches the signature defined in Task 6.
-- `useRequireAuth()`'s returned `AuthState` shape (`{status: "loading"|"authenticated"|"unauthenticated"}`) is destructured identically in Tasks 7, 8, 9.
-- The `basePath` gotcha (Global Constraints) is applied consistently: Task 7's `Link href` and Task 8's route path both omit the `/dashboard` prefix; `useRequireAuth`'s redirect (Task 6) includes it, correctly, since it's a `window.location` navigation, not a Next `Link`.
-
----
-
-**Plan complete and saved to `docs/superpowers/plans/2026-08-15-frontend-monorepo-integration.md`. Two execution options:**
-
-**1. Subagent-Driven (recommended)** - I dispatch a fresh subagent per task, review between tasks, fast iteration
-
-**2. Inline Execution** - Execute tasks in this session using executing-plans, batch execution with checkpoints
-
-**Which approach?**
diff --git a/docs/superpowers/specs/2026-08-15-frontend-monorepo-integration-design.md b/docs/superpowers/specs/2026-08-15-frontend-monorepo-integration-design.md
deleted file mode 100644
index c5aa566..0000000
--- a/docs/superpowers/specs/2026-08-15-frontend-monorepo-integration-design.md
+++ /dev/null
@@ -1,204 +0,0 @@
-# Frontend Monorepo Integration — Design
-
-## Overview
-
-Argus's dashboard is currently a Google-OAuth-protected, server-rendered (Jinja2) web UI. A separate Next.js project, `argus-dashboard`, was started as an eventual replacement — originally planned as an independently-deployed, cross-origin single-page app.
-
-That direction is reversed by this spec. `argus-dashboard` moves **into** the `argus` repository as `frontend/`, and its build output is served by the **same** FastAPI process, at the **same** origin. Same-origin serving means the dashboard's existing session-cookie authentication continues to work unchanged — no Bearer tokens, no CORS, no separate SPA OAuth flow are needed. (An earlier plan and PR built exactly that cross-origin machinery; it is abandoned — see [Superseded work](#superseded-work).)
-
-This spec covers three things that must land together, in one branch, before merging to `main`:
-
-1. Folding `argus-dashboard`'s source into `argus/frontend/`, with a Docker multi-stage build and CI wired up.
-2. FastAPI serving the built static frontend, replacing two of the three legacy Jinja2 routes.
-3. The actual dashboard pages (event list, event detail, webhook logs, login-state handling) built against the existing `/dashboard/api/*` JSON API.
-
-The three are inseparable: shipping (1) alone — a Docker build that now requires a Node/pnpm toolchain but whose output nothing serves — adds a new deployment failure point for zero functional benefit. Nothing merges to `main` until the whole pipeline works end-to-end.
-
-## Superseded Work
-
-An earlier plan (`docs/superpowers/plans/2026-08-15-frontend-api-extraction.md`) and its PR (#16) added:
-- Bearer-token issue/verify (`auth.issue_api_token`/`verify_api_token`)
-- Bearer support in `require_login`
-- `GET /dashboard/login/spa` / `GET /dashboard/oauth/callback/spa`
-- `CORSMiddleware`
-- Config: `FRONTEND_ORIGINS`, `FRONTEND_REDIRECT_URL`, `AUTH_TOKEN_TTL_SECONDS`
-
-None of it is needed once the frontend is same-origin. PR #16 was closed without merging; none of its code exists on `main`, so there is nothing to revert. `GET /dashboard/api/me` is the one thing from that effort worth keeping conceptually — but it already works with the plain session cookie via the *existing* (pre-PR-#16) `require_login`, so it needs no Bearer-specific code either. It is not currently on `main`; whether to (re-)add it is a call for whoever implements the plan, based on whether the new frontend's client-side auth check (see [Client-side auth check](#client-side-auth-check)) needs it.
-
-## Repository Layout
-
-`argus-dashboard` (a local-only repo at `/Users/zhangwuxian/Code/sciwork/argus-dashboard`, no remote, 14 commits including shadcn/ui setup, Storybook+Vitest scaffolding, and `output: "export"` already configured) is copied — **files only, not git history** — into `argus/frontend/`:
-
-```
-argus/
-├── src/argus/...              # unchanged
-├── frontend/                  # new: Next.js source (this repo's copy of argus-dashboard)
-│   ├── app/
-│   ├── components/
-│   ├── package.json           # packageManager: pnpm@10.33.0
-│   ├── pnpm-lock.yaml
-│   ├── pnpm-workspace.yaml
-│   ├── next.config.ts
-│   └── .gitignore             # kept — frontend-specific ignores stay scoped here, not merged into root
-├── Dockerfile                 # modified — see below
-├── .dockerignore               # modified — see below
-├── pyproject.toml              # modified — see below
-└── .github/workflows/ci.yml    # modified — see below
-```
-
-The original `argus-dashboard` directory is left in place (not deleted) — it's out of scope for this spec to decide its fate.
-
-## Routing
-
-| Path | Before | After |
-|------|--------|-------|
-| `GET /dashboard` | Jinja2 `index.html` | **Swapped** — serves the built static frontend's home page |
-| `GET /dashboard/webhook-logs` | Jinja2 `webhook_logs.html` | **Swapped** — serves the built static frontend |
-| `GET /dashboard/events?slug=<slug>` | *(doesn't exist)* | **New** — serves the built static frontend's event-detail page |
-| `GET /dashboard/events/{slug}` | Jinja2 `event.html`, session-gated | **Unchanged** — kept because Next.js static export cannot pre-render a path segment for a slug that doesn't exist yet at build time (new events arrive via webhook after deploy) |
-| `GET /dashboard/login`, `GET /dashboard/oauth/callback`, `GET /dashboard/logout` | session-cookie OAuth flow | **Unchanged** |
-| `GET /dashboard/api/*` (events, timeseries, webhook-logs, report/trigger, event delete) | session-cookie protected via `Depends(auth.require_login)` | **Unchanged** |
-
-Consequences:
-- `dashboard/templates/index.html` and `dashboard/templates/webhook_logs.html`, and the `dashboard_home`/`dashboard_webhook_logs` route functions that render them, are deleted. `event.html` and `dashboard_event` stay exactly as they are.
-- The new frontend's event-detail page reads its identifier from a query string (`?slug=`), not a path segment — Next.js can pre-render this as a single static file (`app/events/page.tsx`, no dynamic route segment), sidestepping the pre-rendering problem entirely. The frontend's own links to this page (e.g. from the event list) point at `/dashboard/events?slug=<slug>`, not the legacy path.
-
-### Client-side auth check
-
-The three swapped/new pages (`/dashboard`, `/dashboard/webhook-logs`, `/dashboard/events`) are **public shells** — FastAPI serves the static HTML with no server-side session check, because a static file has no per-request logic to check anything with. Protection stays where it already lives: every `/dashboard/api/*` call still requires the session cookie. The frontend calls the dashboard's user-lookup endpoint on load; on 401 it redirects the browser to `/dashboard/login`. (Whether that's the existing-but-unused `/dashboard/api/me` or a route the implementer adds is their call — see [Superseded Work](#superseded-work).)
-
-This is a deliberate, accepted UX change from today's behavior: an unauthenticated visit to `/dashboard` currently gets an immediate server-side 302; after this change it will briefly render the shell before client-side JS redirects. For an internal admin tool this trade-off is acceptable.
-
-`/dashboard/events/{slug}` (the retained legacy route) is unaffected — it keeps its existing server-side `_session_email_or_redirect` gate, because it's still a real Jinja2 route with per-request logic.
-
-## Static File Serving
-
-A real `next build` with `output: "export"` (already configured in `argus-dashboard`) was run as a spike to see the actual output shape. It produces more than per-page `.html` files:
-
-```
-out/
-├── index.html, index.txt              # page + a lightweight client-nav prefetch payload
-├── 404.html, _not-found.html/.txt
-├── favicon.ico, *.svg                 # public/ assets, copied verbatim
-└── _next/static/
-    ├── chunks/*.js, *.css             # content-hashed, cacheable forever
-    ├── media/*.woff2
-    └── <build-id>/*.js                # build-id directory name changes every build
-```
-
-Because of the extra `.txt` companion files and the per-build hashed directory, **the whole output tree must be served as-is** — bespoke per-page route handlers (as originally sketched in the superseded plan) would miss files the client-side router needs for navigation. The recommended mechanism is a single `StaticFiles(directory=..., html=True)` mount covering the whole build directory, registered **after** `app.include_router(dashboard_router)` so the more specific routes (`/dashboard/login`, `/dashboard/api/*`, `/dashboard/events/{slug}`, `/dashboard/oauth/callback`) are matched first and only unmatched paths fall through to the static mount.
-
-Two Next.js config requirements this implies, both belonging in `frontend/next.config.ts`:
-
-- **`basePath: "/dashboard"`** — so every one of Next's own asset/script/link references resolves under the same prefix FastAPI mounts the files at. Without this, the built HTML's script tags would reference `/_next/static/...` (root-relative) instead of `/dashboard/_next/static/...`, and the assets would 404.
-- **`trailingSlash: true`** — so each page exports as `<page>/index.html` rather than a flat `<page>.html`. Static file servers (including Starlette's `StaticFiles(html=True)`) resolve directory-style paths (`/dashboard/webhook-logs/` → `webhook-logs/index.html`) far more predictably than they resolve an extensionless path to a same-named `.html` file. This is also the standard recommendation for serving a Next static export from a non-Next server.
-
-The build directory itself is `src/argus/dashboard/frontend/` — inside the `dashboard` feature package, alongside the existing `templates/` directory, following the same convention (see [Build & Packaging](#build--packaging)). This is a *build artifact location*, not source — it exists only inside the Docker image, populated by the multi-stage build below. It is unrelated to (and not a duplicate of) `argus/frontend/`, which is the Next.js *source*.
-
-**Left to implementation, not fully specified here:** the exact FastAPI mount call, and empirical verification that a request to `/dashboard/webhook-logs` actually resolves against the real Next export output once `trailingSlash`/`basePath` are set — this needs a real build-and-serve check, not just code review.
-
-## Build & Packaging
-
-### Dockerfile (multi-stage)
-
-```dockerfile
-FROM node:22-slim AS frontend-build
-
-WORKDIR /frontend
-RUN corepack enable && corepack prepare pnpm@10.33.0 --activate
-
-COPY frontend/package.json frontend/pnpm-lock.yaml frontend/pnpm-workspace.yaml ./
-RUN pnpm install --frozen-lockfile
-
-COPY frontend ./
-RUN pnpm build
-
-
-FROM python:3.12-slim-bookworm
-
-LABEL org.opencontainers.image.source="https://github.com/sciwork/argus"
-
-ENV PYTHONDONTWRITEBYTECODE=1
-ENV PYTHONUNBUFFERED=1
-
-WORKDIR /app
-
-COPY pyproject.toml README.md ./
-COPY src ./src
-COPY --from=frontend-build /frontend/out ./src/argus/dashboard/frontend
-
-RUN pip install --no-cache-dir .
-
-EXPOSE 8000
-
-CMD ["uvicorn", "argus.main:app", "--host", "0.0.0.0", "--port", "8000"]
-```
-
-Notes on deviations from the reference Dockerfile the design started from:
-- **pnpm, not npm** — matches `argus-dashboard`'s actual tooling (`pnpm-lock.yaml`, `packageManager` field); installed via corepack rather than a global `npm install -g pnpm`, so the exact pinned version is used.
-- **Copies from `/frontend/out`, not `/frontend/dist`** — matches Next.js's actual static-export output directory (confirmed by the spike), not the reference's assumption.
-- **No `sqlite3` CLI install** — the reference Dockerfile this design started from included `apt-get install sqlite3`; that was deliberately removed from `argus`'s Dockerfile in a past change (#13) and must **not** be reintroduced.
-
-### `pyproject.toml`
-
-Add the frontend build output to package data, alongside the existing `templates/*.html` entry:
-
-```toml
-[tool.setuptools.package-data]
-"argus.dashboard" = ["templates/*.html", "frontend/**/*"]
-"argus.kktix" = ["templates/*.j2"]
-```
-
-**Verify, don't assume:** confirm setuptools' glob actually picks up nested files recursively (build a wheel and inspect its contents) rather than trusting the `**` pattern works as written — this is an easy thing to get subtly wrong.
-
-### `.dockerignore`
-
-Add:
-```
-frontend/node_modules
-frontend/.next
-frontend/out
-```
-
-### CI (`.github/workflows/ci.yml`)
-
-Add a `frontend` job alongside the existing Python `test` job: corepack-installed pnpm (pinned via `packageManager`), `pnpm install --frozen-lockfile`, `pnpm lint`, `pnpm build`. No test step yet — `package.json` has no `test` script defined despite the Storybook/Vitest scaffolding commit; add one only once real component tests exist.
-
-## Local Development
-
-In production, FastAPI serves the built frontend, so both are same-origin by construction. In local development, `next dev` (typically `localhost:3000`) and `uvicorn` (`localhost:8000`) run as separate processes on different ports — still cross-origin.
-
-Rather than reintroducing CORS for dev only, `frontend/next.config.ts` gets a dev-only `rewrites()` entry forwarding `/dashboard/api/:path*` to `http://localhost:8000/dashboard/api/:path*`. The browser only ever talks to `localhost:3000`; Next's dev server proxies the API calls server-side. This keeps dev and prod auth behavior identical (session cookie, no CORS, ever) and preserves hot-reload.
-
-## Frontend Pages
-
-Built against the **existing, unchanged** `/dashboard/api/*` JSON shapes (documented in `SPEC.md`) — no backend API changes are needed to support them:
-
-- **Home / event list** (`/dashboard`) — replaces the Jinja2 event list. Consumes `GET /dashboard/api/events`. Links to each event point at `/dashboard/events?slug=<slug>`.
-- **Event detail** (`/dashboard/events`, reading `slug` from the query string) — replaces the Jinja2 per-event chart page. Consumes `GET /dashboard/api/events/{slug}/timeseries`. Feature parity with the current Chart.js rendering: one line per ticket type plus "Total", horizontal dashed capacity line, vertical dashed event-start line, daily granularity.
-- **Webhook logs** (`/dashboard/webhook-logs`) — replaces the Jinja2 log viewer. Consumes `GET /dashboard/api/webhook-logs` (paginated), `DELETE /dashboard/api/webhook-logs/{id}`, `DELETE /dashboard/api/webhook-logs`.
-- **Login-state handling** — see [Client-side auth check](#client-side-auth-check) above.
-
-Charting library: `argus-dashboard` already has shadcn/ui set up, which ships a chart component built on **Recharts**. Recommended over pulling in Chart.js again, for consistency with the rest of the design system already in place. This is a low-risk, easily-revisited implementation choice, not a hard requirement of this spec.
-
-Visual/component-level design (exact layout, spacing, styling) is intentionally not specified here — build to functional parity with the current dashboard, using the design system already scaffolded in `argus-dashboard` (shadcn/ui, breakpoint tokens), and use judgment for the rest. This is an internal admin tool, not a customer-facing product.
-
-## Sequencing & Merge Gate
-
-All of the above lands in one branch (fresh off `main` — PR #16 was closed unmerged first). Suggested order, each step kept independently testable:
-
-1. Copy `argus-dashboard` → `frontend/`, add `.gitignore`, confirm `pnpm install`/`pnpm build`/`pnpm lint` work standalone.
-2. Dockerfile + `.dockerignore` + `pyproject.toml` package-data — build the image, confirm the static files land in the installed package (inspect the built wheel/image, don't assume).
-3. CI `frontend` job.
-4. FastAPI static-serving wiring (`basePath`/`trailingSlash` config, the `StaticFiles` mount, removal of the two Jinja2 routes/templates) — verified against a real build, not just code review.
-5. The three pages + client-side auth check.
-6. Local-dev proxy (`next.config.ts` rewrites).
-7. End-to-end verification: fresh clone, `docker build`, run the container, confirm `/dashboard`, `/dashboard/webhook-logs`, `/dashboard/events?slug=...`, and `/dashboard/events/{slug}` (legacy) all work, login/logout still work, and nothing else (webhook ingestion, Discord reports, `/health`) regressed.
-
-Only after step 7 passes does this merge to `main`.
-
-## Open Questions / Explicitly Deferred
-
-- Preserving `argus-dashboard`'s original git history in the merge — explicitly decided against; a plain copy is used instead.
-- A frontend test suite / CI test step — deferred until real tests exist.
-- Deleting the original `argus-dashboard` directory — deferred, not this spec's call.
diff --git a/frontend/.agents/skills/migrate-radix-to-base/SKILL.md b/frontend/.agents/skills/migrate-radix-to-base/SKILL.md
deleted file mode 100644
index 5eb5dc5..0000000
--- a/frontend/.agents/skills/migrate-radix-to-base/SKILL.md
+++ /dev/null
@@ -1,173 +0,0 @@
----
-name: migrate-radix-to-base
-description: Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix primitives, or switch a shadcn project's base library. Handles single components ("migrate accordion") and whole projects.
----
-
-# Radix UI -> Base UI migration
-
-You migrate shadcn wrappers, hand-rolled radix compositions, and their
-consumers to `@base-ui/react`, keeping the project buildable at every step.
-Be precise; never guess a mapping. When a prop or part is not in these
-reference files, check `node_modules/@base-ui/react/**/*.d.ts` before
-transforming, and record gaps in the report.
-
-## Preflight (always)
-
-1. `npx shadcn@latest info --json` (or the project's runner): gives the
-   current base, STYLE (e.g. `radix-lyra`), tailwind version, aliases,
-   installed components, and package manager. Trust it over inference.
-2. Detect the package manager (packageManager field / lockfile:
-   pnpm-lock.yaml, bun.lock, yarn.lock, package-lock.json) and use IT for
-   every install. Never leave a stale lockfile.
-3. Require a clean git tree; work on a branch; one commit per component.
-4. Baseline check BEFORE touching dependencies: run the project's
-   typecheck/build so pre-existing failures are never attributed to you.
-5. Install `@base-ui/react` alongside radix. Radix packages are removed only
-   after the LAST component is migrated (both coexist fine).
-
-## Strategy: golden pair first, transformation engine second
-
-- **Golden pair via the CLI (preferred).** If the project is shadcn with a
-  known style (`radix-<style>`), the shadcn CLI itself is the golden-pair
-  executor:
-  1. Classify each ui wrapper FIRST: diff the user's file against its stock
-     origin, using the components.json style VERBATIM in the URL
-     (`https://ui.shadcn.com/r/styles/<style>/<component>.json`,
-     files[0].content). This works for prefixed styles (radix-nova) AND
-     legacy unprefixed ones (new-york, new-york-v4, default), which are all
-     still served.
-  2. WHOLE-PROJECT mode: flip `components.json` style `radix-<style>` ->
-     `base-<style>` now. PROGRESSIVE mode: do NOT flip yet (the project is
-     still mostly radix; the flip happens once, after the last component);
-     fetch base variants directly by URL instead
-     (`https://ui.shadcn.com/r/styles/base-<style>/<component>.json`).
-  3. PRISTINE wrappers, whole-project mode: `shadcn add <component>
-     --overwrite` delivers the base variant with the project's exact
-     icon/font/preset resolution. Never bulk `--all --overwrite`; go
-     component by component, or you drown in unrelated registry version
-     drift. PROGRESSIVE mode: never use `--overwrite` (it destroys the
-     original that consumers still import); write the fetched base variant
-     content to `<component>-base.tsx` instead.
-  4. CUSTOMIZED wrappers: fetch the base variant and replay the user's diff
-     onto it (their customizations must SURVIVE; `--overwrite` would destroy
-     them). Mechanical implementation that works at scale:
-     `git merge-file user.tsx radix-golden.tsx base-golden.tsx` (three-way
-     merge, radix golden as ancestor) auto-resolves most files; hand-resolve
-     conflicts with the reference tables.
-  5. MANDATORY leftover sweep on EVERY golden-pair file, including ones that
-     merged "clean": `grep -n "radix-ui\|@radix-ui\|IconPlaceholder"` per
-     file. The registry sometimes reorders functions between variants, which
-     makes three-way merges report zero conflicts while leaving stale radix
-     hunks in place. A clean merge is NOT proof of a clean file.
-  This is more reliable than reconstructing transforms; use it whenever the
-  pair exists. Consumer/app code has no CLI mechanism: always hand-migrate it
-  against `consumer-props.md`.
-- **Legacy styles (new-york, new-york-v4, default): classification only, no
-  replay.** These have no base counterpart (there is no base-new-york), and
-  retargeting onto a base-<style> variant would restyle the user's app. Use
-  the radix golden ONLY to detect customizations, then run the transformation
-  engine on the user's OWN file: rewire primitives, keep their exact classes,
-  apply class-mapping renames. Their look stays theirs. At the end of a
-  legacy whole-project migration, FLAG (do not fix): the style name still
-  reads as radix to the CLI, so future `shadcn add` will deliver radix
-  variants; the user decides whether to switch style or add manually.
-- **Transformation engine (fallback).** Hand-rolled radix code, non-shadcn
-  projects, unknown styles: transform using `universal-patterns.md` (imports
-  in BOTH forms: `radix-ui` and `@radix-ui/react-*`; asChild->render with the
-  worked example; Portal>Positioner>Popup; the positioner FORWARD rule; part
-  renames), the per-family props tables (`overlays.md`, `menus.md`,
-  `form-controls.md`, `disclosure.md`, `display-misc.md`), `class-mapping.md`
-  for data-attribute/CSS-var rewrites, and `wrapper-shapes.md` for exact
-  target shapes (tooltip arrow, SubContent defaults, select anatomy).
-
-## Modes
-
-**Progressive (default).** "Migrate accordion" = one component, strangler-fig:
-1. Detect in-progress state first: an existing `<component>-base.tsx`,
-   consumers split between old/new imports. The files ARE the state; resume,
-   never restart.
-2. If the component imports other ui wrappers still on radix (select ->
-   button), STOP and recommend migrating those first, bottom-up.
-3. Write the migrated version to `<component>-base.tsx` (original untouched;
-   golden-pair content fetched by URL, or transformed by hand, per the
-   strategy above); typecheck. Repoint consumers ONE AT A TIME (imports + the
-   call-site props in `consumer-props.md`); typecheck each. When no consumer
-   imports the original: delete it, rename `-base` -> original, flip imports
-   back, final check, commit. When the LAST radix wrapper in the project is
-   finalized, flip `components.json` to `base-<style>` and remove radix deps.
-
-**Whole project** (only when explicitly asked): same per-component work in
-dependency order (leaf/shared wrappers like button and label first). After
-wrappers, sweep ALL app code against `consumer-props.md` — the call-site
-break surface is much larger than asChild. Then remove radix deps, install,
-full build.
-
-## Hard rules
-
-- NEVER touch non-radix libraries or their wrappers: cmdk (command), vaul
-  (drawer), sonner, input-otp, react-day-picker (calendar), recharts (chart).
-  Report them as intentionally untouched.
-- No Base UI counterpart: AspectRatio -> CSS aspect-ratio div; Label ->
-  native `<label>`; VisuallyHidden -> `sr-only`; Direction -> Direction
-  Provider (`direction` prop, not `dir`). Popover Anchor and NavigationMenu
-  Indicator have no equivalent: inert passthrough + flag.
-- `button.tsx` migrates to the REAL `@base-ui/react/button` primitive, never
-  a hand-rolled useRender wrapper.
-- Behavior deltas are FLAGGED, never silently patched (tabs manual
-  activation, menu items not closing on click, nav-menu 50ms delay). The
-  target is idiomatic Base UI matching the shadcn base registry.
-- Honest reporting: skipped/reverted files are listed as flagged, never as
-  migrated. Pre-existing failures are named as pre-existing.
-
-## Verify and report
-
-Typecheck per file, build per batch, full build at the end vs the baseline.
-
-Reports live in a `.migration/` directory at the project root, ONE FILE PER
-COMPONENT: `.migration/<component>.md` (e.g. `.migration/accordion.md`).
-Rules:
-- Each run writes (or fully overwrites) the file for each component it
-  migrated. Re-running a component replaces its report; never touch other
-  components' files.
-- A multi-component run ("migrate alert-dialog and dropdown-menu") writes one
-  file per component, each self-contained; shared consumer-sweep notes are
-  repeated in every affected file.
-- Whole-project mode writes the per-component files plus
-  `.migration/project.md` (dependency swap, app-code sweep summary, final
-  build result).
-- There is NO index file. Migration status is derived from disk, not
-  maintained: scan the project's ui directory (the `ui` alias from shadcn
-  info, e.g. components/ui or src/components/ui) for remaining radix imports
-  when asked "what's left". End every run's summary with that derived count
-  ("N wrappers remain on Radix").
-
-Each `.migration/<component>.md` uses EXACTLY this structure (it is
-documented publicly; reports must match it):
-
-```md
-# <component>
-
-<date, strategy used (golden pair via CLI / merge / engine), one-line verdict>
-
-## Changed
-
-<every file touched, with what changed and why; include file:line for
-anything notable. Confirm the leftover scan is clean:
-grep -n "radix-ui\|@radix-ui" on this component's files>
-
-## Left alone
-
-<files that look related but were intentionally not touched, with the reason
-(cmdk/vaul/sonner are not radix; unrelated drift; etc.)>
-
-## Behavior changes
-
-<differences that compile fine but act differently; flagged, never patched
-(tabs activation, menu close-on-click, delays...). Empty section if none>
-
-## Verify by hand
-
-<short manual QA checklist for this primitive family: focus return on
-dialogs, keyboard nav + typeahead on menus/select, tooltip delay feel,
-slider commit events. Concrete steps, one minute of clicking>
-```
diff --git a/frontend/.agents/skills/migrate-radix-to-base/class-mapping.md b/frontend/.agents/skills/migrate-radix-to-base/class-mapping.md
deleted file mode 100644
index e6130b7..0000000
--- a/frontend/.agents/skills/migrate-radix-to-base/class-mapping.md
+++ /dev/null
@@ -1,62 +0,0 @@
-# Class-string rewrites (layer 2)
-
-Apply these across ALL class strings (className, cva definitions, cn calls),
-including app code. They are safe, mechanical rewrites.
-
-## Data-attribute selectors
-
-| Radix pattern | Base UI pattern |
-|---|---|
-| `data-[state=open]:` | `data-open:` |
-| `data-[state=closed]:` | `data-closed:` |
-| `data-[state=checked]:` | `data-checked:` |
-| `data-[state=unchecked]:` | `data-unchecked:` |
-| `data-[state=active]:` (tabs) | `data-active:` |
-| `data-[state=on]:` (toggle) | `data-pressed:` |
-| `data-[highlighted]:` | `data-highlighted:` (unchanged) |
-| `data-[disabled]:` | `data-disabled:` (unchanged) |
-| `data-[side=...]:` | `data-[side=...]:` (unchanged, still parameterized) |
-| `group-data-[state=open]` / `peer-data-[state=open]` | `group-data-open` / `peer-data-open` |
-| submenu trigger open marker `data-[state=open]:` | `data-popup-open:` |
-
-## Animation idiom
-
-Radix (tw-animate/keyframes):
-`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0`
-
-Base UI (transition + starting/ending styles):
-`transition-[opacity,transform] data-starting-style:opacity-0 data-ending-style:opacity-0` (plus translate/scale equivalents).
-
-Do not translate animate-in/out utilities 1:1; restate the intent with
-`data-starting-style:` / `data-ending-style:` transitions. When the original
-uses per-side slide classes, keep the `data-[side=...]` or
-`data-[swipe-direction=...]` parameterization.
-
-## CSS variables
-
-| Radix var | Base UI var |
-|---|---|
-| `--radix-<comp>-content-transform-origin` | `--transform-origin` |
-| `--radix-<comp>-content-available-height` | `--available-height` |
-| `--radix-<comp>-content-available-width` | `--available-width` |
-| `--radix-<comp>-trigger-width` | `--anchor-width` |
-| `--radix-<comp>-trigger-height` | `--anchor-height` |
-| `--radix-accordion-content-height` | `--accordion-panel-height` |
-| `--radix-collapsible-content-height` | `--collapsible-panel-height` |
-| `--radix-navigation-menu-viewport-height/width` | `--positioner-height` / `--positioner-width` |
-
-## Element changes kill pseudo-class variants
-
-When a part's rendered element changes from a form control to a generic
-element (checkbox/switch/radio Roots render `<span>` in Base UI), `disabled:`
-and `:disabled` Tailwind variants become dead code. Replace them with
-`data-disabled:` equivalents. (Note: the shadcn base registry's checkbox
-still carries the dead `disabled:*` classes; treat that as an upstream quirk,
-not a pattern to copy.)
-
-## Disabled-state hooks
-
-Some Base UI triggers surface disabled state as `aria-disabled` rather than
-the `disabled` attribute (accordion trigger, tabs tab). Where the radix code
-used `disabled:opacity-50`, add or substitute `aria-disabled:opacity-50`
-according to the wrapper's reference file.
diff --git a/frontend/.agents/skills/migrate-radix-to-base/consumer-props.md b/frontend/.agents/skills/migrate-radix-to-base/consumer-props.md
deleted file mode 100644
index 92e1d90..0000000
--- a/frontend/.agents/skills/migrate-radix-to-base/consumer-props.md
+++ /dev/null
@@ -1,58 +0,0 @@
-# Consumer-side prop changes (call sites, not wrappers)
-
-The shadcn wrapper NAMES survive a radix -> base-ui migration, but these props
-change or disappear at CALL SITES in app code. Sweep every consumer for this
-list after migrating the wrappers. All entries verified against
-@base-ui/react@1.6.0 type definitions during real migrations; when in doubt,
-check node_modules/@base-ui/react/**/*.d.ts, never guess.
-
-## Universal
-
-| Radix | Base UI | Call-site action |
-|---|---|---|
-| `asChild` (any wrapper) | `render` prop | `<Trigger asChild><Button/></Trigger>` -> `<Trigger render={<Button/>}>...` |
-
-## Per component
-
-| Component | Radix prop | Base UI fate | Call-site action |
-|---|---|---|---|
-| Accordion | `type="single"\|"multiple"` + `collapsible` | dropped; `value`/`defaultValue` are ALWAYS arrays; multiple-open via `multiple` | `type="single" collapsible` -> remove both; wrap values in arrays; `type="multiple"` -> `multiple` |
-| Tabs | `activationMode="manual"` | dropped; Base UI defaults to MANUAL activation | remove prop; near-equivalent opt-in is `Tabs.List activateOnFocus` (behavior delta: flag, do not auto-add) |
-| Select | `position="popper"\|"item-aligned"` | `alignItemWithTrigger` boolean (on Positioner; wrappers expose it) | `position="popper"` -> `alignItemWithTrigger={false}`; `item-aligned` -> `alignItemWithTrigger` (default) |
-| TooltipProvider | `delayDuration`, `skipDelayDuration` | `delay`; skip-delay concept dropped | rename / remove |
-| Tooltip | `disableHoverableContent` | NO equivalent | remove; FLAG the behavior change in the report |
-| Avatar.Image | `delayMs` | `delay` | rename |
-| ScrollArea | `type="always"\|"scroll"\|...` | dropped | remove |
-| Separator | `decorative` | dropped | remove |
-| Checkbox | `checked="indeterminate"` | `indeterminate` is a SEPARATE boolean prop | `checked="indeterminate"` -> `indeterminate` + boolean `checked` |
-| Slider | `onValueChange(value)` | signature gains event details; also `inverted` REMOVED | check handler arity; remove `inverted` (flag vertical-inverted usage) |
-| Select | `onValueChange(value: string)` | widens to `(value: Value \| null, eventDetails)` | `useState<string>` + `onValueChange={setState}` breaks: widen state to `string \| null` or wrap the setter |
-| Slider | `onValueCommit` | `onValueCommitted` | rename |
-| ToggleGroup | `type="single"\|"multiple"` | `multiple` boolean; value shape arrays | same treatment as Accordion |
-| ToggleGroup / Toolbar | `rovingFocus={false}` | dropped (roving focus always on); `loop` -> `loopFocus` | remove / rename |
-| Menubar | `value`/`onValueChange` (active menu) | dropped; control per Menu.Root `open` | restructure if used; usually unused |
-| Menubar | `loop` | `loopFocus` | rename |
-| ContextMenu.Root | `modal` | REMOVED | remove |
-| ContextMenu.Trigger | `disabled` | REMOVED | remove; gate the trigger yourself |
-| DropdownMenu/ContextMenu items | (Radix closed menu on select) | `closeOnClick` defaults FALSE on CheckboxItem/RadioItem | behavior delta: flag; add `closeOnClick` only if the user asks |
-| NavigationMenu | `delayDuration`(200), `skipDelayDuration`, `viewport` | `delay`(50) + `closeDelay`; viewport prop gone (Positioner handles it) | rename/remove; flag the 200->50 hover-delay feel change |
-| Popover / HoverCard | `openDelay`/`closeDelay` on Root | move to TRIGGER as `delay`/`closeDelay` | relocate props Root -> Trigger |
-| Dialog / AlertDialog | `onOpenAutoFocus` | `initialFocus` (element/ref-based, not event-based) | restructure: pass target instead of preventDefault handler |
-| Dialog / AlertDialog | `onCloseAutoFocus` | `finalFocus` | same restructure |
-| Dialog family | `onEscapeKeyDown`, `onPointerDownOutside`, `onInteractOutside` | consolidated; see the overlays reference for exact per-part signatures | consult overlays.md; do not guess |
-| DirectionProvider | `dir` | `direction` | rename |
-
-## Callback signature rule
-
-Base UI callbacks commonly gain an event-details argument:
-`onOpenChange(open, eventDetails)`, `onValueChange(value, eventDetails)`.
-Passing an existing single-arg handler stays type-safe; handlers that USED
-Radix's event parameter need review against the family reference file.
-
-## Sweep procedure
-
-1. grep app code (outside components/ui) for each LHS token above plus
-   `asChild`.
-2. Fix call sites file by file; typecheck after each file.
-3. Anything on this list marked FLAG goes into the migration report as a
-   behavior delta, never silently patched.
diff --git a/frontend/.agents/skills/migrate-radix-to-base/disclosure.md b/frontend/.agents/skills/migrate-radix-to-base/disclosure.md
deleted file mode 100644
index 2d40cdc..0000000
--- a/frontend/.agents/skills/migrate-radix-to-base/disclosure.md
+++ /dev/null
@@ -1,353 +0,0 @@
-# Radix → Base UI props mapping: disclosure + toggle family
-
-Scope: accordion, collapsible, tabs, toggle, toggle-group, toolbar.
-Sources: radix-ui.com primitives docs + base-ui.com `.md` docs, cross-checked against installed `@base-ui/react@1.6.0` `.d.ts` files (the published docs page for accordion lagged; types are authoritative here).
-
-Conventions that apply to every component below:
-
-- `asChild` (boolean, default `false`) → `render` (`ReactElement | (props: HTMLProps, state) => ReactElement`). Signature changed: instead of a lone child element, pass the element to `render`; Base UI merges props onto it. Button-rendering parts additionally accept `nativeButton` (default `true`), set it to `false` when `render` produces a non-`<button>` element.
-- Base UI `className` and `style` also accept a `(state) => value` function form.
-- Radix `data-[state=...]` value attributes become Base UI presence attributes (`data-open`, `data-closed`, `data-pressed`, `data-active`).
-- Base UI change callbacks all gained a second `eventDetails` argument (`{ reason, event, cancel(), ... }`).
-- Radix `dir` props are dropped everywhere; Base UI reads direction from the DOM `dir` attribute / `DirectionProvider`.
-
----
-
-# accordion
-
-Part mapping: `Root → Root`, `Item → Item`, `Header → Header`, `Trigger → Trigger`, `Content → Panel`.
-
-## Accordion.Root → Accordion.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` | Signature changed. Pass element to `render` instead of wrapping a child. |
-| `type` (required) | `"single" \| "multiple"` / — | `multiple` | Signature changed. `type="multiple"` → `multiple` (boolean, default `false`); `type="single"` → omit. |
-| `value` | `string` (single) or `string[]` (multiple) / — | `value` | Signature changed. Base UI is ALWAYS an array (`Value[]`, `Value = any`), even in single mode: `value="a"` → `value={["a"]}`. |
-| `defaultValue` | `string` or `string[]` / — | `defaultValue` | Same array caveat as `value`. |
-| `onValueChange` | `(value: string) => void` or `(value: string[]) => void` / — | `onValueChange` | Signature changed: `(value: Value[], eventDetails: Accordion.Root.ChangeEventDetails) => void`. Always receives an array; unwrap `value[0]` for single mode. |
-| `collapsible` | `boolean` / `false` | — dropped | Base UI single mode is always collapsible. To forbid closing the last open item (Radix `collapsible={false}` default), control `value` and ignore updates where the array is empty, or call `eventDetails.cancel()` when `value.length === 0`. |
-| `disabled` | `boolean` / `false` | `disabled` (default `false`) | Same. |
-| `dir` | `"ltr" \| "rtl"` / `"ltr"` | — dropped | Use DOM `dir` attribute / `DirectionProvider`. |
-| `orientation` | `"vertical" \| "horizontal"` / `"vertical"` | — dropped (prop exists but deprecated no-op) | Base UI removed roving arrow-key focus per the APG guidance update, so `orientation` (and `loopFocus`) no longer affect keyboard behavior. Do not carry it over. |
-
-## Accordion.Item → Accordion.Item
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `value` (required) | `string` / — | `value` | Renamed constraint: Base UI `value` is `any` and OPTIONAL (auto-generated from index when omitted). Keep passing strings for parity. |
-| `disabled` | `boolean` / `false` | `disabled` (default `false`) | Same. |
-
-## Accordion.Header → Accordion.Header
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` | Signature changed. Both render `<h3>` by default. |
-
-## Accordion.Trigger → Accordion.Trigger
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` (+ `nativeButton`, default `true`) | Signature changed. |
-
-## Accordion.Content → Accordion.Panel
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `forceMount` | `true \| undefined` / — | `keepMounted` (boolean, default `false`) | Renamed. `forceMount` → `keepMounted` (closed panel stays in DOM, hidden). Also available on `Root` to apply to all panels. |
-
-## Base UI only props worth knowing
-
-- `Root.hiddenUntilFound` / `Panel.hiddenUntilFound` (default `false`): uses `hidden="until-found"` so browser find-in-page can expand panels; overrides `keepMounted`. No Radix equivalent.
-- `Root.keepMounted`: root-level version of the per-panel prop.
-- `Item.onOpenChange`: `(open: boolean, eventDetails: Accordion.Item.ChangeEventDetails) => void`, per-item open callback. No Radix equivalent.
-- `Trigger.nativeButton` (default `true`).
-- `className` / `style` state-function forms on every part.
-
-## Data-attribute mapping
-
-| Radix | Base UI | Note |
-|---|---|---|
-| `Item/Header/Content [data-state="open" \| "closed"]` | `Item`, `Header`: `data-open` (presence); `Panel`: `data-open` (presence) | No `data-closed` on accordion parts (unlike collapsible); style closed state as the absence of `data-open`. |
-| `Trigger [data-state="open"]` | `Trigger [data-panel-open]` | Renamed. Trigger specifically uses `data-panel-open`, NOT `data-open`. |
-| `[data-disabled]` | `[data-disabled]` | Same (Root, Item, Header, Trigger, Panel). |
-| `[data-orientation]` (all parts) | `Root`, `Panel`: `data-orientation` | Deprecated along with orientation; avoid relying on it. |
-| — | `Item/Header/Panel [data-index]` | Base UI only: numeric item index. |
-| — | `Panel [data-starting-style]`, `[data-ending-style]` | Base UI only: CSS-transition animation hooks (replace Radix mount/unmount animation pattern). |
-
-## CSS var mapping
-
-| Radix | Base UI |
-|---|---|
-| `--radix-accordion-content-height` | `--accordion-panel-height` |
-| `--radix-accordion-content-width` | `--accordion-panel-width` |
-
----
-
-# collapsible
-
-Part mapping: `Root → Root`, `Trigger → Trigger`, `Content → Panel`.
-
-## Collapsible.Root → Collapsible.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `defaultOpen` | `boolean` / — | `defaultOpen` (default `false`) | Same. |
-| `open` | `boolean` / — | `open` | Same. |
-| `onOpenChange` | `(open: boolean) => void` / — | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: Collapsible.Root.ChangeEventDetails) => void`. |
-| `disabled` | `boolean` / — | `disabled` (default `false`) | Same. |
-
-## Collapsible.Trigger → Collapsible.Trigger
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` (+ `nativeButton`, default `true`) | Signature changed. |
-
-## Collapsible.Content → Collapsible.Panel
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `forceMount` | `true \| undefined` / — | `keepMounted` (boolean, default `false`) | Renamed. |
-
-## Base UI only props worth knowing
-
-- `Panel.hiddenUntilFound` (default `false`): find-in-page support via `hidden="until-found"`; overrides `keepMounted`.
-- `Trigger.nativeButton` (default `true`).
-- `className` / `style` state-function forms.
-
-## Data-attribute mapping
-
-| Radix | Base UI | Note |
-|---|---|---|
-| `Root/Content [data-state="open" \| "closed"]` | `Panel [data-open]` / `[data-closed]` | Renamed to presence attributes. Base UI Root renders a plain `<div>`; state attrs live on Panel/Trigger. |
-| `Trigger [data-state="open"]` | `Trigger [data-panel-open]` | Renamed; trigger-specific name. |
-| `[data-disabled]` | — (not emitted on collapsible parts) | Gate styles on the `disabled` prop / `:disabled` on the trigger instead. |
-| — | `Panel [data-starting-style]`, `[data-ending-style]` | Base UI only: animation hooks. |
-
-## CSS var mapping
-
-| Radix | Base UI |
-|---|---|
-| `--radix-collapsible-content-height` | `--collapsible-panel-height` |
-| `--radix-collapsible-content-width` | `--collapsible-panel-width` |
-
----
-
-# tabs
-
-Part mapping: `Root → Root`, `List → List`, `Trigger → Tab`, `Content → Panel`. Base UI adds an `Indicator` part with no Radix equivalent.
-
-## Tabs.Root → Tabs.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `defaultValue` | `string` / — | `defaultValue` | Signature changed: Base UI value type is `Tabs.Tab.Value` (`any`), default `0` (first tab active by default; Radix has no default active tab). Strings still work unchanged. |
-| `value` | `string` / — | `value` | Same shape for string values; type widened to `any`. |
-| `onValueChange` | `(value: string) => void` / — | `onValueChange` | Signature changed: `(value: Tabs.Tab.Value, eventDetails: Tabs.Root.ChangeEventDetails) => void`. |
-| `orientation` | `"horizontal" \| "vertical"` / `"horizontal"` | `orientation` (default `'horizontal'`) | Same. |
-| `dir` | `"ltr" \| "rtl"` / — | — dropped | Use DOM `dir` / `DirectionProvider`. |
-| `activationMode` | `"automatic" \| "manual"` / `"automatic"` | moved + renamed: `List.activateOnFocus` (boolean, default `false`) | Moved from Root to List and inverted DEFAULT: Radix defaults to automatic, Base UI 1.6.0 defaults to `false` (manual). To preserve Radix default behavior set `<Tabs.List activateOnFocus>`; `activationMode="manual"` → omit. |
-
-## Tabs.List → Tabs.List
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `loop` | `boolean` / `true` | `loopFocus` (default `true`) | Renamed. |
-
-## Tabs.Trigger → Tabs.Tab
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` (+ `nativeButton`, default `true`) | Signature changed. |
-| `value` (required) | `string` / — | `value` (required) | Type widened to `Tabs.Tab.Value` (`any`); strings unchanged. |
-| `disabled` | `boolean` / `false` | `disabled` | Same. |
-
-## Tabs.Content → Tabs.Panel
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `value` (required) | `string` / — | `value` (required) | Type widened; strings unchanged. |
-| `forceMount` | `true \| undefined` / — | `keepMounted` (boolean, default `false`) | Renamed. Hidden panels stay in DOM with `data-hidden`. |
-
-## Base UI only props worth knowing
-
-- `Tabs.Indicator`: new part, a `<span>` that tracks the active tab for sliding-highlight UIs; `renderBeforeHydration` (default `false`) for SSR-flash avoidance. Exposes the `--active-tab-*` CSS vars below.
-- `List.activateOnFocus` (see above).
-- `Tab.nativeButton`, state-function `className`/`style` on all parts.
-
-## Data-attribute mapping
-
-| Radix | Base UI | Note |
-|---|---|---|
-| `Trigger [data-state="active" \| "inactive"]` | `Tab [data-active]` (presence) | Renamed. Inactive = absence of `data-active`. |
-| `Content [data-state="active" \| "inactive"]` | `Panel [data-hidden]` (presence when hidden) | Inverted polarity: Radix marks the active state, Base UI marks the hidden state. |
-| `[data-orientation]` (all parts) | `[data-orientation]` (Root, List, Tab, Panel, Indicator) | Same. |
-| `Trigger [data-disabled]` | `Tab [data-disabled]` | Same. |
-| — | `[data-activation-direction]` (`'left' \| 'right' \| 'up' \| 'down' \| 'none'`, all parts) | Base UI only: direction of the last tab change, useful for directional animations. |
-| — | `Panel [data-index]`, `[data-starting-style]`, `[data-ending-style]` | Base UI only. |
-
-## CSS var mapping
-
-Radix Tabs exposes no CSS variables. Base UI only (on `Indicator`): `--active-tab-left`, `--active-tab-right`, `--active-tab-top`, `--active-tab-bottom`, `--active-tab-width`, `--active-tab-height`.
-
----
-
-# toggle
-
-Part mapping: `Toggle.Root → Toggle` (single-part; Base UI export is directly callable, no `.Root`).
-
-## Toggle.Root → Toggle
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` (+ `nativeButton`, default `true`) | Signature changed. |
-| `defaultPressed` | `boolean` / — | `defaultPressed` (default `false`) | Same. |
-| `pressed` | `boolean` / — | `pressed` | Same. |
-| `onPressedChange` | `(pressed: boolean) => void` / — | `onPressedChange` | Signature changed: `(pressed: boolean, eventDetails: Toggle.ChangeEventDetails) => void`. |
-| `disabled` | `boolean` / — | `disabled` (default `false`) | Same. |
-
-## Base UI only props worth knowing
-
-- `value?: string`: identifies the toggle inside a Base UI `ToggleGroup` (this replaces Radix `ToggleGroup.Item`'s `value`, see toggle-group below).
-- `nativeButton` (default `true`), state-function `className`/`style`.
-
-## Data-attribute mapping
-
-| Radix | Base UI | Note |
-|---|---|---|
-| `[data-state="on" \| "off"]` | `[data-pressed]` (presence) | Renamed. Off = absence of `data-pressed`. |
-| `[data-disabled]` | `[data-disabled]` | Same. |
-
-## CSS var mapping
-
-None on either side.
-
----
-
-# toggle-group
-
-Part mapping: `ToggleGroup.Root → ToggleGroup` (callable single export), `ToggleGroup.Item → Toggle` (Base UI reuses the Toggle primitive as group items).
-
-## ToggleGroup.Root → ToggleGroup
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `type` (required) | `"single" \| "multiple"` / — | `multiple` (boolean, default `false`) | Signature changed, same pattern as accordion. |
-| `value` | `string` (single) or `string[]` (multiple) / — | `value` | Signature changed: always `readonly Value[]` (array), even single mode. `value="bold"` → `value={["bold"]}`. |
-| `defaultValue` | `string` or `string[]` / — | `defaultValue` | Same array caveat. |
-| `onValueChange` | `(value: string) => void` or `(value: string[]) => void` / — | `onValueChange` | Signature changed: `(groupValue: Value[], eventDetails: ToggleGroup.ChangeEventDetails) => void`. Always an array; single mode with nothing pressed = `[]` (Radix single mode signals this as `""`). |
-| `disabled` | `boolean` / `false` | `disabled` (default `false`) | Same. |
-| `rovingFocus` | `boolean` / `true` | — dropped | Roving focus is always on in Base UI; no opt-out. If you relied on `rovingFocus={false}` (every item tabbable), there is no direct workaround. |
-| `orientation` | `"horizontal" \| "vertical"` / `undefined` | `orientation` (default `'horizontal'`) | Same name; Base UI has an explicit default. |
-| `dir` | `"ltr" \| "rtl"` / — | — dropped | Use DOM `dir` / `DirectionProvider`. |
-| `loop` | `boolean` / `true` | `loopFocus` (default `true`) | Renamed. |
-
-## ToggleGroup.Item → Toggle
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` (+ `nativeButton`, default `true`) | Signature changed. |
-| `value` (required) | `string` / — | `value` | Same meaning; on Base UI's `Toggle` it is optional in the type but required in practice for group membership. |
-| `disabled` | `boolean` / — | `disabled` (default `false`) | Same. |
-
-Note: the item also gains the full standalone `Toggle` API (`pressed`, `defaultPressed`, `onPressedChange` with `eventDetails`) since it IS the Toggle primitive; inside a group the group value normally drives pressed state.
-
-## Base UI only props worth knowing
-
-- `multiple` (covered above) and the always-array value model.
-- Items are plain `Toggle`s, so per-item `onPressedChange` is available.
-- State-function `className`/`style`.
-
-## Data-attribute mapping
-
-| Radix | Base UI | Note |
-|---|---|---|
-| `Item [data-state="on" \| "off"]` | `Toggle [data-pressed]` (presence) | Renamed. |
-| `Item [data-disabled]` | `Toggle [data-disabled]` | Same. |
-| `Root/Item [data-orientation]` | `ToggleGroup [data-orientation]` | On the group only; items (Toggles) do not emit it. |
-| — | `ToggleGroup [data-disabled]`, `[data-multiple]` | Base UI only. |
-
-## CSS var mapping
-
-None on either side.
-
----
-
-# toolbar
-
-Part mapping: `Root → Root`, `Button → Button`, `Link → Link`, `Separator → Separator`. `Toolbar.ToggleGroup`/`Toolbar.ToggleItem` are DROPPED as dedicated parts: compose the standalone `ToggleGroup` with `<Toolbar.Button render={<Toggle />} value="...">` as items (Base UI docs pattern). Base UI adds `Group` and `Input` parts with no Radix equivalent.
-
-## Toolbar.Root → Toolbar.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `orientation` | `"horizontal" \| "vertical"` / `"horizontal"` | `orientation` (default `'horizontal'`) | Same. |
-| `dir` | `"ltr" \| "rtl"` / — | — dropped | Use DOM `dir` / `DirectionProvider`. |
-| `loop` | `boolean` / `true` | `loopFocus` (default `true`) | Renamed. |
-
-## Toolbar.Button → Toolbar.Button
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` (+ `nativeButton`, default `true`) | Signature changed. |
-
-## Toolbar.Link → Toolbar.Link
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` | Signature changed. Both render `<a>`. |
-
-## Toolbar.ToggleGroup → ToggleGroup (standalone, composed)
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `type` (required) | `"single" \| "multiple"` / — | `multiple` (boolean, default `false`) | Moved: use the standalone `ToggleGroup` component inside `Toolbar.Root`; same mapping as toggle-group above. |
-| `value` / `defaultValue` | `string` or `string[]` / — | `value` / `defaultValue` on `ToggleGroup` | Always an array (see toggle-group). |
-| `onValueChange` | `(value: string \| string[]) => void` / — | `onValueChange` on `ToggleGroup` | `(groupValue: Value[], eventDetails) => void`. |
-| `disabled` | `boolean` / `false` | `disabled` on `ToggleGroup` | Same. |
-
-## Toolbar.ToggleItem → Toolbar.Button render={<Toggle />}
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | — | Moved: the composition IS the render prop: `<Toolbar.Button render={<Toggle />} value="bold" />`. Toolbar.Button supplies toolbar focus behavior, Toggle supplies pressed state. |
-| `value` (required) | `string` / — | `value` (on the composed element) | Same. |
-| `disabled` | `boolean` / — | `disabled` (on `Toolbar.Button`, default `false`) | Same; note `focusableWhenDisabled` defaults to `true` (disabled items stay focusable, Radix disabled items are not). |
-
-## Toolbar.Separator → Toolbar.Separator
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-|---|---|---|---|
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| — | — | `orientation` | Base UI only: defaults to the OPPOSITE of the toolbar's orientation (horizontal toolbar → vertical separator), which matches Radix's automatic behavior; usually omit. |
-
-## Base UI only props worth knowing
-
-- `Root.disabled`: disables the entire toolbar (no Radix equivalent).
-- `Toolbar.Group` (new part): groups related items, with a group-level `disabled` (default `false`).
-- `Toolbar.Input` (new part): `<input>` wired into toolbar arrow-key navigation; `defaultValue`, `disabled` (default `false`), `focusableWhenDisabled` (default `true`).
-- `Button.disabled` (default `false`) + `Button.focusableWhenDisabled` (default `true`): disabled buttons remain focusable for discoverability; set `focusableWhenDisabled={false}` for Radix-like behavior.
-- `Button.nativeButton` (default `true`), state-function `className`/`style` on all parts.
-
-## Data-attribute mapping
-
-| Radix | Base UI | Note |
-|---|---|---|
-| `[data-orientation]` (Root, Button, ToggleGroup, ToggleItem, Separator) | `[data-orientation]` (Root, Button, Link, Input, Group, Separator) | Same; Separator's value is perpendicular to the toolbar. |
-| `ToggleItem [data-state="on" \| "off"]` | `[data-pressed]` (presence, from the composed `Toggle`) | Renamed. |
-| `ToggleItem [data-disabled]` | `[data-disabled]` (Root, Button, Input, Group) | Same. |
-| — | `Button/Input [data-focusable]` | Base UI only: present when focusable-while-disabled. |
-
-## CSS var mapping
-
-None on either side.
diff --git a/frontend/.agents/skills/migrate-radix-to-base/display-misc.md b/frontend/.agents/skills/migrate-radix-to-base/display-misc.md
deleted file mode 100644
index 9623e44..0000000
--- a/frontend/.agents/skills/migrate-radix-to-base/display-misc.md
+++ /dev/null
@@ -1,410 +0,0 @@
-# Radix UI → Base UI props mapping: progress, scroll-area, separator, avatar, toast, form
-
-Sources: radix-ui/website `data/primitives/docs/components/*.mdx` (full inline prop tables) and base-ui.com `/react/components/{progress,scroll-area,separator,avatar,toast,form,field,fieldset}.md` (fetched 2026-07-02, `@base-ui/react`, formerly `@base-ui-components/react`).
-
-Universal conventions (apply to every part below, not repeated per table):
-
-- `asChild` (boolean) → `render` (`ReactElement | ((props: HTMLProps, state) => ReactElement)`). Signature changed: `<Part asChild><a/></Part>` → `<Part render={<a/>} />`.
-- Base UI `className` and `style` also accept a function of the part's `State` object.
-- Every Base part exposes `Part.Props` and `Part.State` types (e.g. `Progress.Root.Props`).
-
----
-
-# progress
-
-Part mapping: `Progress.Root` → `Progress.Root`, `Progress.Indicator` → `Progress.Indicator` (now MUST be nested in the new `Progress.Track`). Base UI adds `Track`, `Label`, `Value` parts. The primitive computes the Indicator fill width itself (inline style), so the Radix pattern `style={{ transform: translateX(-(100 - value)%) }}` on Indicator is deleted, not ported.
-
-## Progress.Root → Progress.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Signature changed (see header). |
-| `value` | `number \| null` / - | `value` | Same. Required in Base UI (default `null`). `null` = indeterminate in both. |
-| `max` | `number` / - | `max` | Same. Base UI default `100`; Base UI also adds `min` (default `0`). |
-| `getValueLabel` | `(value: number, max: number) => string` / - | `getAriaValueText` | Renamed + signature changed: Base UI is `(formattedValue: string \| null, value: number \| null) => string`. Percent math is gone; use `format`/`locale` for formatting instead. |
-
-## Progress.Indicator → Progress.Indicator
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Only prop. Nest inside `Progress.Track`; width is set by the primitive. |
-
-### Base UI only props worth knowing
-
-- Root: `min` (`0`), `format` (`Intl.NumberFormatOptions`), `locale` (`Intl.LocalesArgument`), `aria-valuetext`.
-- New parts: `Progress.Track` (contains Indicator), `Progress.Label` (accessible label, `<span>`), `Progress.Value` (formatted value text, `<span>`, `children` render fn `(formattedValue, value) => ReactNode`).
-
-### Data attributes
-
-| Radix | Base UI |
-| --- | --- |
-| `[data-state="loading"]` | `[data-progressing]` (boolean-presence attrs replace the enum) |
-| `[data-state="complete"]` | `[data-complete]` |
-| `[data-state="indeterminate"]` | `[data-indeterminate]` |
-| `[data-value]`, `[data-max]` | Dropped. Read `value` in a `className`/`style` state function or set your own attribute. |
-
-All Base attrs are present on Root, Track, Indicator, Label, and Value alike. State type: `{ status: 'indeterminate' | 'progressing' | 'complete' }`.
-
-### CSS variables
-
-None on either side.
-
----
-
-# scroll-area
-
-Part mapping: `ScrollArea.Root` → `ScrollArea.Root`, `ScrollArea.Viewport` → `ScrollArea.Viewport`, `ScrollAreaScrollbar` → `ScrollArea.Scrollbar`, `ScrollAreaThumb` → `ScrollArea.Thumb`, `ScrollArea.Corner` → `ScrollArea.Corner`. Base UI adds `ScrollArea.Content` (wraps content inside Viewport, needed for horizontal overflow measurement).
-
-## ScrollArea.Root → ScrollArea.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `type` | `"auto" \| "always" \| "scroll" \| "hover"` / `"hover"` | Dropped | Visibility is CSS-driven: style Scrollbar `opacity` against `[data-hovering]`/`[data-scrolling]` (hover/scroll behavior), or always-visible CSS for `"always"` (+ `keepMounted` on Scrollbar). `"auto"` is the default mount behavior (scrollbar only mounts when scrollable). |
-| `scrollHideDelay` | `number` / `600` | Dropped | Reproduce with a CSS `transition-delay` on the scrollbar's opacity transition. |
-| `dir` | `"ltr" \| "rtl"` / - | Dropped | Base UI reads direction from the DOM (`dir` attribute) / its DirectionProvider utility; no per-component prop. |
-| `nonce` | `string` / - | Dropped | No documented CSP nonce equivalent. |
-
-## ScrollArea.Viewport → ScrollArea.Viewport
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Same part role (the scrollable container). Wrap children in `ScrollArea.Content` when horizontal scrolling matters. |
-
-## ScrollAreaScrollbar → ScrollArea.Scrollbar
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `forceMount` | `boolean` / - | `keepMounted` | Renamed; `boolean`, default `false`. Keeps the element in the DOM when the viewport is not scrollable. |
-| `orientation` | `"horizontal" \| "vertical"` / `"vertical"` | `orientation` | Same, same default. |
-
-## ScrollAreaThumb → ScrollArea.Thumb
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Only prop on both sides. |
-
-## ScrollArea.Corner → ScrollArea.Corner
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Only prop on both sides. |
-
-### Base UI only props worth knowing
-
-- Root: `overflowEdgeThreshold` (`number | Partial<{ xStart; xEnd; yStart; yEnd }>`, default `0`), threshold before the overflow edge attributes flip.
-- New part: `ScrollArea.Content` (div inside Viewport; same overflow data attributes as Root).
-
-### Data attributes
-
-| Radix | Base UI |
-| --- | --- |
-| Scrollbar `[data-state="visible" \| "hidden"]` | Dropped. Use `[data-hovering]`, `[data-scrolling]`, and `[data-has-overflow-x/y]` on Scrollbar to drive visibility styles. |
-| Scrollbar/Thumb `[data-orientation]` | Same (`data-orientation` on Scrollbar and Thumb). |
-| - | New, on Root/Content/Viewport/Scrollbar: `data-has-overflow-x`, `data-has-overflow-y`, `data-overflow-x-start/end`, `data-overflow-y-start/end`, `data-scrolling`; Scrollbar also `data-hovering`. |
-
-### CSS variables
-
-Radix's scroll-area docs list no CSS variables (its implementation ships undocumented `--radix-scroll-area-thumb-*`/`corner-*` vars). Base UI documents:
-
-| Base UI variable | Where |
-| --- | --- |
-| `--scroll-area-corner-width`, `--scroll-area-corner-height` | Root |
-| `--scroll-area-thumb-width`, `--scroll-area-thumb-height` | Scrollbar |
-| `--scroll-area-overflow-x-start/end`, `--scroll-area-overflow-y-start/end` | Viewport (pixel distance from each edge, great for scroll fades) |
-
----
-
-# separator
-
-Part mapping: `Separator.Root` → `Separator` (callable single part, no `.Root`).
-
-## Separator.Root → Separator
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `orientation` | `"horizontal" \| "vertical"` / `"horizontal"` | `orientation` | Same, same default (`Orientation` type). |
-| `decorative` | `boolean` / - | Dropped | Base UI's separator is always semantic (`role="separator"`). For a purely visual rule, render a plain `<div aria-hidden="true">` or use a CSS border instead. |
-
-### Base UI only props worth knowing
-
-None beyond the universal `className`/`style`/`render`. Renders a `<div>`.
-
-### Data attributes
-
-`[data-orientation]` with values `horizontal | vertical`: identical on both sides.
-
-### CSS variables
-
-None on either side.
-
----
-
-# avatar
-
-Part mapping: `Avatar.Root` → `Avatar.Root`, `Avatar.Image` → `Avatar.Image`, `Avatar.Fallback` → `Avatar.Fallback`. Same anatomy. Base Root renders `<span>`, Image `<img>`, Fallback `<span>`.
-
-## Avatar.Root → Avatar.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Only prop on both sides. Base Root can also take plain children (e.g. initials) with no Image/Fallback. |
-
-## Avatar.Image → Avatar.Image
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `onLoadingStatusChange` | `(status: "idle" \| "loading" \| "loaded" \| "error") => void` / - | `onLoadingStatusChange` | Same name, same `ImageLoadingStatus` union. |
-
-## Avatar.Fallback → Avatar.Fallback
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `delayMs` | `number` / - | `delay` | Renamed, same meaning (ms to wait before showing the fallback). |
-
-### Base UI only props worth knowing
-
-Nothing beyond the universal trio. Part `State` exposes `imageLoadingStatus` (and `transitionStatus` on Image) for `className`/`style` functions.
-
-### Data attributes
-
-Radix documents none. Base UI Image adds `data-starting-style` / `data-ending-style` for enter/exit transitions.
-
-### CSS variables
-
-None on either side.
-
----
-
-# toast
-
-The mental model changes completely: Radix toast is declarative (you render `<Toast.Root open>` yourself), Base UI toast is manager-driven. Toasts are created imperatively via `Toast.useToastManager().add({ title, description, ... })` (or a global `Toast.createToastManager()` passed to `Provider toastManager`), and you render `useToastManager().toasts.map((toast) => <Toast.Root key={toast.id} toast={toast} />)` inside the Viewport.
-
-Part mapping:
-
-| Radix part | Base UI part |
-| --- | --- |
-| `Toast.Provider` | `Toast.Provider` (props differ heavily) |
-| `Toast.Viewport` | `Toast.Portal` + `Toast.Viewport` (Portal is new; appends to `<body>` by default) |
-| `Toast.Root` | `Toast.Root` (requires `toast` object; typically wraps new `Toast.Content`) |
-| `Toast.Title` | `Toast.Title` (renders `<h2>`) |
-| `Toast.Description` | `Toast.Description` (renders `<p>`) |
-| `Toast.Action` | `Toast.Action` (rendered per-toast; props can come from `toast.actionProps`) |
-| `Toast.Close` | `Toast.Close` |
-| - | New: `Toast.Content`, `Toast.Positioner` + `Toast.Arrow` (anchored toasts), `Toast.createToastManager`, `Toast.useToastManager` |
-
-## Toast.Provider → Toast.Provider
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `duration` | `number` / `5000` | `timeout` | Renamed. Same default (`5000`, `0` disables auto-dismiss). Per-toast override moved to `add({ timeout })`. |
-| `label` (required) | `string` / `"Notification"` | Dropped | Base UI handles screen reader announcements internally; per-toast urgency via `priority: 'low' \| 'high'` in `add()`. |
-| `swipeDirection` | `"right" \| "left" \| "up" \| "down"` / `"right"` | Moved | Now `swipeDirection` on `Toast.Root`; accepts a single value or an array, default `['down', 'right']`. |
-| `swipeThreshold` | `number` / `50` | Dropped | Not configurable. Opt elements out of swipe with the `data-base-ui-swipe-ignore` attribute. |
-| `announcerContainer` | `Element \| DocumentFragment` / `document.body` | Dropped | Closest analog is `Toast.Portal container` for where the viewport renders. |
-
-## Toast.Viewport → Toast.Portal + Toast.Viewport
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | On both Portal and Viewport. |
-| `hotkey` | `string[]` / `["F8"]` | Dropped | Base UI hard-wires F6 to focus the viewport landmark; not configurable. |
-| `label` | `string` / `"Notifications ({hotkey})"` | Dropped | Landmark labelling handled internally. |
-
-Base UI only: `Portal.container` (`HTMLElement | ShadowRoot | ref | null`).
-
-## Toast.Root → Toast.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `type` | `"foreground" \| "background"` / `"foreground"` | `priority` in `add()` options | Moved + renamed: `foreground` ≈ `priority: 'high'` (announced urgently), `background` ≈ `'low'` (default). Careful: Base UI's `toast.type` is a different concept (a free-form styling category like `'success'`, surfaced as `data-type`). |
-| `duration` | `number` / - | `timeout` in `add()` options | Moved + renamed; per-toast override of Provider `timeout`. |
-| `defaultOpen` | `boolean` / `true` | Dropped | Open state lives in the manager. Create with `add()`, remove with `close(id)`. |
-| `open` | `boolean` / - | Dropped | Same as above; there is no controlled-open mode. `add({ id })` upserts an existing toast in place. |
-| `onOpenChange` | `(open: boolean) => void` / - | Dropped (workaround) | Use `onClose` / `onRemove` callbacks in the toast object (`add()` options). |
-| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` / - | Dropped | Esc-to-close still works when focus is in the viewport, but is not interceptable. |
-| `onPause` / `onResume` | `() => void` / - | Dropped | Timers still pause on hover, focus, and window blur automatically, but there are no callbacks. |
-| `onSwipeStart` / `onSwipeMove` / `onSwipeEnd` / `onSwipeCancel` | `(event: SwipeEvent) => void` / - | Dropped (workaround) | Swiping is styled, not scripted: `[data-swiping]`, `[data-swipe-direction]` and `--toast-swipe-movement-x/y` replace the event hooks. |
-| `forceMount` | `boolean` / - | Dropped | Roots render from the `toasts` array; exit animations get `data-ending-style` + `toast.transitionStatus: 'ending'` before removal (`onRemove` fires after). |
-
-Base UI only on Root: `toast` (required `Toast.Root.ToastObject`: `id`, `title`, `description`, `type`, `timeout`, `priority`, `updateKey`, `limited`, `height`, `onClose`, `onRemove`, `actionProps`, `positionerProps`, `data`), `swipeDirection` (single or array).
-
-## Toast.Title → Toast.Title
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Only prop. Base renders `<h2>` (Radix rendered `<div>`); pass `render={<div />}` to keep a div. Content usually comes from `toast.title`. |
-
-## Toast.Description → Toast.Description
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Only prop. Base renders `<p>`. Content usually comes from `toast.description`. |
-
-## Toast.Action → Toast.Action
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `altText` (required) | `string` / - | Dropped | No equivalent prop. When creating toasts via the manager, pass the button's props (including handlers and aria attributes) through `add({ actionProps })`. |
-
-Base UI only: `nativeButton` (`boolean`, default `true`, set `false` when `render` is not a button).
-
-## Toast.Close → Toast.Close
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-
-Base UI only: `nativeButton` (as on Action).
-
-### Base UI only props worth knowing
-
-- Provider: `limit` (`number`, default `3`; overflowing toasts get `data-limited` + `inert` instead of being removed), `toastManager` (from `Toast.createToastManager()` for use outside React).
-- Manager API (`useToastManager()` return / `createToastManager()`): `toasts`, `add(options) => id`, `close(id?)`, `update(id, options)`, `promise(promise, { loading, success, error })`.
-- New parts: `Toast.Content` (clips overflow while the stack is collapsed; `data-behind`, `data-expanded`), `Toast.Positioner`/`Toast.Arrow` for anchored toasts (full popup positioning surface: `anchor`, `side` default `'top'`, `align`, `sideOffset`, `alignOffset`, `collisionAvoidance`, `collisionBoundary`, `collisionPadding`, `arrowPadding`, `sticky`, `positionMethod`, `disableAnchorTracking`).
-
-### Data attributes
-
-| Radix | Base UI |
-| --- | --- |
-| Root `[data-state="open" \| "closed"]` | `data-starting-style` / `data-ending-style` (CSS transition hooks) |
-| Root `[data-swipe="start" \| "move" \| "cancel" \| "end"]` | `[data-swiping]` while swiping; `"end"` ≈ `[data-ending-style][data-swipe-direction=...]` |
-| Root `[data-swipe-direction]` (`up/down/left/right`) | Same name and values |
-| - | New: Root `data-expanded`, `data-limited`, `data-type`; Viewport `data-expanded`; Content `data-behind`, `data-expanded`; Title/Description/Close/Action `data-type`; Positioner/Arrow `data-side`, `data-align`, `data-anchor-hidden`/`data-uncentered` |
-
-### CSS variables
-
-| Radix | Base UI |
-| --- | --- |
-| `--radix-toast-swipe-move-x` / `--radix-toast-swipe-move-y` | `--toast-swipe-movement-x` / `--toast-swipe-movement-y` |
-| `--radix-toast-swipe-end-x` / `--radix-toast-swipe-end-y` | Dropped; animate dismissal from `[data-ending-style][data-swipe-direction=...]` using the movement vars |
-| - | New on Root: `--toast-index`, `--toast-offset-y`, `--toast-height`; Viewport: `--toast-frontmost-height`; Positioner: `--anchor-width/height`, `--available-width/height`, `--transform-origin` |
-
----
-
-# form
-
-Base UI splits Radix Form across three components: `Form` (`@base-ui/react/form`, a callable single part rendering `<form>`), `Field` (`@base-ui/react/field`: `Root`, `Label`, `Control`, `Error`, `Description`, `Validity`, `Item`), and `Fieldset` (`@base-ui/react/fieldset`: `Root`, `Legend`).
-
-Part mapping:
-
-| Radix part | Base UI part |
-| --- | --- |
-| `Form.Root` | `Form` (callable, no `.Root`) |
-| `Form.Field` | `Field.Root` |
-| `Form.Label` | `Field.Label` |
-| `Form.Control` | `Field.Control` (or any Base UI input component: Input, Checkbox, Select, ... work inside Field out of the box) |
-| `Form.Message` | `Field.Error` (validation errors); `Field.Description` for plain hint text |
-| `Form.ValidityState` | `Field.Validity` |
-| `Form.Submit` | Dropped; use a plain `<button type="submit">` |
-| - | New: `Fieldset.Root` + `Fieldset.Legend`, `Field.Item` (per-item wrapper in checkbox/radio groups) |
-
-## Form.Root → Form
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `onClearServerErrors` | `() => void` / - | Dropped (workaround) | The server-error model changed: pass an `errors` object (keys = `Field.Root` `name`, values = message(s)) to `Form`; clear your own error state in `onFormSubmit` (Base calls `preventDefault()` for you) or in `onValueChange` per field. |
-
-Base UI only on Form: `errors` (`Errors`), `onFormSubmit` (`(formValues, eventDetails) => void`), `validationMode` (`'onSubmit' | 'onBlur' | 'onChange'`, default `'onSubmit'`), `actionsRef` (`{ validate(fieldName?) }`).
-
-## Form.Field → Field.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `name` (required) | `string` / - | `name` | Same purpose (submission identity + matching `Form errors` keys); optional in Base UI and takes precedence over `name` on `Field.Control`. |
-| `serverInvalid` | `boolean` / - | Dropped (workaround) | Either supply the message via `Form errors={{ [name]: message }}` (field becomes invalid and `Field.Error` shows it), or force state with the `invalid` boolean prop on `Field.Root`. |
-
-Base UI only on Field.Root: `validate` (`(value, formValues) => string | string[] | Promise<...> | null`, the custom-validation replacement for Radix function `match`), `validationMode`, `validationDebounceTime` (`0`), `disabled`, `invalid`, `dirty`, `touched`, `actionsRef` (`{ validate() }`).
-
-## Form.Label → Field.Label
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Signature changed. Auto-association with the control is preserved. |
-
-Base UI only: `nativeLabel` (`boolean`, default `true`; set `false` when `render` swaps in a non-label element, e.g. a `<div>` labelling a `<Select.Trigger>` button).
-
-## Form.Control → Field.Control
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Signature changed. For composite widgets, skip Control entirely: Base UI inputs (Input, Checkbox, Select, ...) wire into `Field.Root` directly, which Radix Form could not do. |
-
-Base UI only: `defaultValue` (`string | number | string[]`), `onValueChange` (`(value, eventDetails) => void`).
-
-## Form.Message → Field.Error
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Signature changed. |
-| `match` | `'badInput' \| 'patternMismatch' \| 'rangeOverflow' \| 'rangeUnderflow' \| 'stepMismatch' \| 'tooLong' \| 'tooShort' \| 'typeMismatch' \| 'valid' \| 'valueMissing' \| ((value, formData) => boolean \| Promise<boolean>)` / - | `match` | Signature changed: Base UI is `boolean \| 'valid' \| 'badInput' \| 'customError' \| 'patternMismatch' \| 'rangeOverflow' \| 'rangeUnderflow' \| 'stepMismatch' \| 'tooLong' \| 'tooShort' \| 'typeMismatch' \| 'valueMissing'`. The function form is gone: move custom rules to `validate` on `Field.Root` (returns error string(s)); an Error without `match` then displays them. `'customError'` matches `validate` failures. |
-| `forceMatch` | `boolean` / `false` | `match={true}` | Renamed/absorbed: `match` accepting `true` always shows the message (the documented hook for external libraries and server errors). |
-| `name` | `string` / - | Dropped | `Field.Error` cannot target a field from outside; it must be nested in the owning `Field.Root`. |
-
-Note: Radix rendered default English messages per `match` when `children` were omitted; Base UI renders the error string coming from `validate`/`Form errors`, otherwise provide `children`. `Field.Description` (className/style/render only) is the new home for non-error helper text. Error renders a `<div>`, Description a `<p>`.
-
-## Form.ValidityState → Field.Validity
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `children` | `(validity: ValidityState \| undefined) => React.ReactNode` / - | `children` (required) | Signature changed: `(state: Field.Validity.State) => React.ReactNode` where the native flags live at `state.validity.*` (plus `state.errors`, `state.error`, `state.value`, `state.initialValue`). |
-| `name` | `string` / - | Dropped | Must be nested inside `Field.Root`. |
-
-## Form.Submit → (none)
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | Dropped | No submit part; render a plain `<button type="submit">` (or the styled Button component). |
-
-## (new) Fieldset.Root and Fieldset.Legend
-
-No Radix counterpart. `Fieldset.Root` renders a native `<fieldset>` (props: `className`/`style`/`render`; state `{ disabled }`, `data-disabled`). `Fieldset.Legend` renders a `<div>` automatically associated as the accessible legend. Use to group related fields under one label.
-
-### Base UI only props worth knowing (form-wide)
-
-- Validation timing is configurable (`validationMode` on Form or per Field, `validationDebounceTime`).
-- `actionsRef` imperative `validate()` on both Form and Field.Root.
-- `Field.Item` groups a single checkbox/radio inside a group with its own label/description (`disabled` prop).
-- Focus is moved to the first invalid field on submit, matching Radix behavior.
-
-### Data attributes
-
-| Radix (Field/Label/Control/Message) | Base UI (all Field parts: Root, Item, Label, Control, Description, Error) |
-| --- | --- |
-| `[data-valid]` | `[data-valid]` (same) |
-| `[data-invalid]` | `[data-invalid]` (same) |
-| - | New: `data-dirty`, `data-touched`, `data-filled`, `data-focused`, `data-disabled`; Error also gets `data-starting-style`/`data-ending-style`. |
-
-### CSS variables
-
-None on either side.
-
----
-
-# No Base UI counterpart
-
-Radix utilities with no Base UI equivalent, and the recommended plain replacements:
-
-## Label (radix `Label.Root`: `asChild`, `htmlFor`)
-
-Use a native `<label htmlFor="...">`, or `Field.Label` when inside a `Field.Root` (which auto-wires the association, no `htmlFor` needed). Radix's only behavioral extra (preventing text selection on double click) is one line of CSS: `select-none` / `user-select: none`.
-
-## AspectRatio (radix `AspectRatio.Root`: `asChild`, `ratio` default `1`)
-
-Use the CSS `aspect-ratio` property, which is what the prop mapped to: `ratio={16 / 9}` → `aspect-video` or `aspect-[16/9]` (`aspect-ratio: 16 / 9`), plus `w-full` and `object-cover` on the media child.
-
-## VisuallyHidden (radix `VisuallyHidden.Root`: `asChild`)
-
-Use Tailwind's `sr-only` class on a `<span>` (the standard clip-rect pattern). Note: some Base UI popup components in other files still need hidden titles for a11y; `<span className="sr-only">` covers that too.
-
-## AccessibleIcon (radix `AccessibleIcon.Root`: `label` required)
-
-It was only VisuallyHidden + `aria-hidden` composed: render the icon with `aria-hidden="true"` (or `focusable="false"`) and add `<span className="sr-only">{label}</span>` next to it, or put `aria-label={label}` on the interactive parent (button/link) instead.
diff --git a/frontend/.agents/skills/migrate-radix-to-base/form-controls.md b/frontend/.agents/skills/migrate-radix-to-base/form-controls.md
deleted file mode 100644
index 829de39..0000000
--- a/frontend/.agents/skills/migrate-radix-to-base/form-controls.md
+++ /dev/null
@@ -1,390 +0,0 @@
-# Radix UI to Base UI props mapping: form controls
-
-Scope: select, checkbox, radio-group, switch, slider.
-Sources: radix-ui.com primitives docs and base-ui.com `/react/components/*.md` (fetched 2026-07-02).
-
-Global conventions that apply to every part below:
-
-- `asChild` (Radix, `boolean`, default `false`) -> `render` (Base UI, `ReactElement | ((props, state) => ReactElement)`). Every Base UI part accepts `render`, plus `className`/`style` as either plain values or state callbacks (`(state) => ...`).
-- Base UI parts that render interactive elements accept `nativeButton` (tells Base UI whether the `render` target is a native `<button>`), which has no Radix equivalent.
-- Callbacks fire with a second `eventDetails` argument (`{ reason, event, cancel(), allowPropagation(), isCanceled, isPropagationAllowed, trigger }`). `eventDetails.cancel()` replaces Radix's `event.preventDefault()` pattern for preventing default component behavior.
-- Radix `data-state="x"` tokens become presence attributes in Base UI (`data-checked`, `data-unchecked`, `data-open`, ...). Base UI adds Field-integration attributes everywhere (`data-valid`, `data-invalid`, `data-dirty`, `data-touched`, `data-filled`, `data-focused`) and animation attributes (`data-starting-style`, `data-ending-style`).
-- Radix `dir` props have no Base UI per-component equivalent, direction comes from `DirectionProvider` (or the `dir` HTML attribute).
-
----
-
-# select
-
-Part mapping: `Root -> Root`, `Trigger -> Trigger`, `Value -> Value`, `Icon -> Icon`, `Portal -> Portal`, `Content -> Portal > Positioner > Popup` (split into three parts), `Viewport -> List`, `Item -> Item`, `ItemText -> ItemText`, `ItemIndicator -> ItemIndicator`, `ScrollUpButton -> ScrollUpArrow`, `ScrollDownButton -> ScrollDownArrow`, `Group -> Group`, `Label -> GroupLabel` (Base UI's `Select.Label` is a NEW part that labels the trigger, not groups), `Separator -> Separator`, `Arrow -> Arrow`.
-
-## Select.Root → Select.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `defaultValue` | `string`, no default | `defaultValue: Value[] \| Value \| null` | Same name, widened type. Values can be any type (objects supported), arrays for `multiple`. |
-| `value` | `string`, no default | `value: Value[] \| Value \| null` | Same name, widened type. `null` means "no value" (placeholder shown). |
-| `onValueChange` | `(value: string) => void` | `onValueChange: (value: Value[] \| Value \| null, eventDetails: Select.Root.ChangeEventDetails) => void` | Signature changed: second `eventDetails` arg with `reason` (`'trigger-press' \| 'outside-press' \| 'escape-key' \| 'window-resize' \| 'item-press' \| 'focus-out' \| 'list-navigation' \| 'cancel-open' \| 'none'`) and `cancel()`. |
-| `defaultOpen` | `boolean`, no default | `defaultOpen: boolean`, default `false` | Same. |
-| `open` | `boolean`, no default | `open: boolean` | Same. |
-| `onOpenChange` | `(open: boolean) => void` | `onOpenChange: (open: boolean, eventDetails: Select.Root.ChangeEventDetails) => void` | Signature changed: added `eventDetails` (same reason union as above). Radix Content's `onEscapeKeyDown`/`onPointerDownOutside` interception moves here (check `eventDetails.reason === 'escape-key'` / `'outside-press'`, call `eventDetails.cancel()` to keep open). |
-| `dir` | `"ltr" \| "rtl"`, no default | dropped | Use Base UI `DirectionProvider` or the `dir` attribute on an ancestor. |
-| `name` | `string`, no default | `name: string` | Same (Base UI renders a hidden `<input>`). |
-| `disabled` | `boolean`, no default | `disabled: boolean`, default `false` | Same. |
-| `required` | `boolean`, no default | `required: boolean`, default `false` | Same. |
-
-Base UI `Select.Root` renders no HTML element (Radix Root doesn't either).
-
-## Select.Trigger → Select.Trigger
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | See global conventions. Base UI Trigger renders `<button>` by default; `nativeButton` defaults to `true` here, set it to `false` when rendering a non-button via `render`. |
-| (none) | - | `disabled: boolean` | Base UI allows disabling just the trigger. |
-
-## Select.Value → Select.Value
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern. |
-| `placeholder` | `ReactNode`, no default | `placeholder: React.ReactNode` | Same name. Behavior change: Radix `Value` renders the selected Item's `ItemText` content; Base UI renders the raw value string unless you pass `items` on Root or a `children` function (`(value) => ReactNode`). If your item labels differ from values, supply `items` on Root or format via `children`. |
-
-## Select.Icon → Select.Icon
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern. Base UI Icon exposes `data-popup-open` for rotate-when-open styling. |
-
-## Select.Portal → Select.Portal
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `container` | `HTMLElement`, default `document.body` | `container: HTMLElement \| ShadowRoot \| React.RefObject<...> \| null` | Same concept, type widened (accepts refs and ShadowRoot). Base UI Portal renders a `<div>` and accepts `className`/`style`/`render`. |
-
-## Select.Content → Select.Portal > Select.Positioner > Select.Popup (moved/split)
-
-Radix `Content` handled positioning, collision, and the panel in one part. In Base UI, positioning props live on `Positioner`, panel/focus props live on `Popup`, dismiss interception lives on `Root.onOpenChange` eventDetails.
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` (on Positioner and/or Popup) | Same pattern. |
-| `position` | `"item-aligned" \| "popper"`, default `"item-aligned"` | `alignItemWithTrigger: boolean` on Positioner, default `true` | Signature changed: enum becomes boolean. `"item-aligned"` -> `alignItemWithTrigger` (true, the default), `"popper"` -> `alignItemWithTrigger={false}`. Base UI auto-disables it when space is insufficient or on touch input. |
-| `side` | `"top" \| "right" \| "bottom" \| "left"`, default `"bottom"` | `side: Side` on Positioner, default `'bottom'` | Moved. Base UI adds `'inline-start' \| 'inline-end'` logical values. Only applies when `alignItemWithTrigger` is off (as with Radix popper mode). |
-| `sideOffset` | `number`, default `0` | `sideOffset: number \| OffsetFunction` on Positioner, default `0` | Moved, type widened (accepts a function of `{ side, align, anchor, positioner }`). |
-| `align` | `"start" \| "center" \| "end"`, default `"start"` | `align: Align` on Positioner, default `'center'` | Moved. Default differs: Radix `"start"` vs Base UI `'center'`. Pass `align="start"` explicitly to preserve Radix behavior. |
-| `alignOffset` | `number`, default `0` | `alignOffset: number \| OffsetFunction` on Positioner, default `0` | Moved, type widened. |
-| `avoidCollisions` | `boolean`, default `true` | `collisionAvoidance: CollisionAvoidance` on Positioner | Signature changed: boolean becomes a config object `{ side: 'flip' \| 'shift' \| 'none', align: 'flip' \| 'shift' \| 'none', fallbackAxisSide: 'start' \| 'end' \| 'none' }`. `avoidCollisions={false}` ~ `collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}`. |
-| `collisionBoundary` | `Boundary`, default `[]` | `collisionBoundary: Boundary` on Positioner, default `'clipping-ancestors'` | Moved, default differs (Radix default is the viewport, Base UI defaults to clipping ancestors). |
-| `collisionPadding` | `number \| Padding`, default `10` | `collisionPadding: Padding` on Positioner, default `5` | Moved, default differs (10 -> 5). |
-| `arrowPadding` | `number`, default `0` | `arrowPadding: number` on Positioner, default `5` | Moved, default differs (0 -> 5). |
-| `sticky` | `"partial" \| "always"`, default `"partial"` | `sticky: boolean` on Positioner, default `false` | Signature changed and semantics differ: Base UI `sticky` keeps the popup in the viewport after the anchor scrolls out of view. There is no `"always"` equivalent. |
-| `hideWhenDetached` | `boolean`, default `false` | dropped (workaround) | No prop. Style on `data-anchor-hidden` (present on Positioner when the anchor is hidden), e.g. `[data-anchor-hidden] { visibility: hidden }`. |
-| `onCloseAutoFocus` | `(event: Event) => void` | `finalFocus` on Popup | Signature changed: instead of preventing default in an event handler, pass `finalFocus` as `boolean \| RefObject \| ((closeType: InteractionType) => boolean \| void \| HTMLElement \| null)`. `false` = don't move focus (the `preventDefault()` equivalent), a ref/element = focus that. |
-| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` | moved to `Root.onOpenChange` | Check `eventDetails.reason === 'escape-key'`; call `eventDetails.cancel()` to prevent close. |
-| `onPointerDownOutside` | `(event: PointerEvent) => void` | moved to `Root.onOpenChange` | Check `eventDetails.reason === 'outside-press'`; call `eventDetails.cancel()` to prevent close. |
-
-## Select.Viewport → Select.List (renamed)
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Renamed part, no other props on either side. Radix required `<ScrollUpButton>`/`<Viewport>`/`<ScrollDownButton>` as siblings inside Content; in Base UI, `List` and the scroll arrows are children of `Popup`. |
-
-## Select.Item → Select.Item
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern. Also `nativeButton` (default `false`, Base UI Item renders a `<div>`). |
-| `value` | `string`, required | `value: any`, default `null` | Same name, widened type (objects allowed, see Root `isItemEqualToValue` / `itemToString*`). `null` value marks the placeholder item. |
-| `disabled` | `boolean`, no default | `disabled: boolean`, default `false` | Same. |
-| `textValue` | `string`, no default | `label: string` | Renamed. Both drive typeahead text matching, defaulting to the item's text content. |
-
-## Select.ItemText → Select.ItemText
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern. Note element change: Radix renders `<span>`, Base UI renders `<div>`. |
-
-## Select.ItemIndicator → Select.ItemIndicator
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern. |
-| (implicit conditional mount) | - | `keepMounted: boolean` | Base UI unmounts when unselected by default, same as Radix. `keepMounted` keeps it in the DOM (Radix had no `forceMount` on select's ItemIndicator). |
-
-## Select.ScrollUpButton / ScrollDownButton → Select.ScrollUpArrow / ScrollDownArrow (renamed)
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Renamed parts. Base UI adds `keepMounted: boolean` (default `false`) to keep the arrow in the DOM while the popup is not scrollable. Base UI arrows do not render on touch input. |
-
-## Select.Group → Select.Group
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same. |
-
-## Select.Label → Select.GroupLabel (renamed)
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Renamed. Do NOT map to Base UI `Select.Label`, which is a new part that labels the select trigger itself (rendered outside the popup). |
-
-## Select.Separator → Select.Separator
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same. Base UI adds `orientation: Orientation`, default `'horizontal'`. |
-
-## Select.Arrow → Select.Arrow
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern. |
-| `width` | `number`, default `10` | dropped | Size the arrow with CSS; Base UI Arrow renders a `<div>` you fill with your own SVG. |
-| `height` | `number`, default `5` | dropped | Same as above. |
-
-## Base UI only props worth knowing (select)
-
-- `Root.multiple: boolean` (default `false`): multi-select with `Value[]` values, no Radix equivalent.
-- `Root.items`: `Record<string, ReactNode> | { label, value }[] | Group[]`, lets `Select.Value` render labels instead of raw values.
-- `Root.isItemEqualToValue`, `Root.itemToStringLabel`, `Root.itemToStringValue`: object-value support.
-- `Root.modal: boolean` (default `true`): scroll lock + outside pointer blocking; Radix select was always modal-ish, set `modal={false}` for non-modal behavior.
-- `Root.readOnly`, `Root.autoComplete`, `Root.form`, `Root.inputRef`, `Root.id`, `Root.onOpenChangeComplete`, `Root.actionsRef` (`{ unmount() }` for externally controlled exit animations), `Root.highlightItemOnHover` (default `true`).
-- New parts: `Select.Backdrop` (overlay under the popup), `Select.Label` (trigger label), `Popup.finalFocus`.
-- `Positioner.anchor`, `Positioner.positionMethod` (`'absolute' | 'fixed'`), `Positioner.disableAnchorTracking`.
-
-## Data-attribute mapping (select)
-
-| Radix | Base UI |
-| --- | --- |
-| Trigger `data-state="open" \| "closed"` | Trigger `data-popup-open` (presence), plus `data-pressed`, `data-popup-side` |
-| Trigger `data-placeholder` | Trigger/Value `data-placeholder` (same) |
-| Trigger `data-disabled` | Trigger `data-disabled` (same), plus `data-readonly`, `data-required`, Field attrs |
-| Content `data-state="open" \| "closed"` | Positioner/Popup `data-open` / `data-closed` (presence) |
-| Content `data-side` (`left/right/bottom/top`) | Positioner/Popup `data-side` (`none/top/bottom/left/right/inline-start/inline-end`) |
-| Content `data-align` | Positioner/Popup `data-align` (same values) |
-| Item `data-state="checked" \| "unchecked"` | Item `data-selected` (presence, no unchecked token) |
-| Item `data-highlighted` | Item `data-highlighted` (same) |
-| Item `data-disabled` | Item `data-disabled` (same) |
-| (none) | Popup/Backdrop/ItemIndicator/ScrollArrows `data-starting-style` / `data-ending-style` (animation hooks) |
-| (none) | Positioner `data-anchor-hidden`, ScrollArrows `data-direction` / `data-visible` |
-
-## CSS variable mapping (select)
-
-All Base UI vars are set on `Select.Positioner` (Radix set them on Content, popper mode only):
-
-| Radix | Base UI |
-| --- | --- |
-| `--radix-select-trigger-width` | `--anchor-width` |
-| `--radix-select-trigger-height` | `--anchor-height` |
-| `--radix-select-content-available-width` | `--available-width` |
-| `--radix-select-content-available-height` | `--available-height` |
-| `--radix-select-content-transform-origin` | `--transform-origin` |
-
----
-
-# checkbox
-
-Part mapping: `Root -> Root`, `Indicator -> Indicator`. Element change: Radix Root renders a `<button>` plus hidden input inside a form; Base UI Root renders a `<span>` plus hidden `<input>` always (use `nativeButton` + `render` to render a real button).
-
-## Checkbox.Root → Checkbox.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | See global conventions, pair with `nativeButton` when rendering a `<button>`. |
-| `defaultChecked` | `boolean \| 'indeterminate'`, no default | `defaultChecked: boolean`, default `false` | Signature changed: `'indeterminate'` is no longer a checked value. Use the separate `indeterminate: boolean` prop. |
-| `checked` | `boolean \| 'indeterminate'`, no default | `checked: boolean` + `indeterminate: boolean` | Signature changed: split into two props. Radix `checked="indeterminate"` -> Base UI `indeterminate` (a checkbox can be indeterminate and unchecked/checked independently). |
-| `onCheckedChange` | `(checked: boolean \| 'indeterminate') => void` | `onCheckedChange: (checked: boolean, eventDetails: Checkbox.Root.ChangeEventDetails) => void` | Signature changed: `checked` is always boolean, `eventDetails` added (`reason: 'none'`). Indeterminate transitions are managed by you via the `indeterminate` prop (or `parent` in a CheckboxGroup). |
-| `disabled` | `boolean`, no default | `disabled: boolean`, default `false` | Same. |
-| `required` | `boolean`, no default | `required: boolean`, default `false` | Same. |
-| `name` | `string`, no default | `name: string` | Same. |
-| `value` | `string`, default `"on"` | `value: string` | Same name. Radix documents the default as `"on"`; Base UI docs list no default but hidden-input submission matches native checkbox behavior (`"on"` when unset). |
-
-## Checkbox.Indicator → Checkbox.Indicator
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern. |
-| `forceMount` | `boolean`, no default | `keepMounted: boolean`, default `false` | Renamed. Both keep the element in the DOM when unchecked (for animation). Base UI also renders the indicator when `indeterminate`. |
-
-## Base UI only props worth knowing (checkbox)
-
-- `Root.indeterminate: boolean` (default `false`): the mixed state, decoupled from `checked`.
-- `Root.parent: boolean` + `CheckboxGroup` (new component, `base-ui.com/react/components/checkbox-group`): `<CheckboxGroup value/defaultValue/onValueChange(string[], eventDetails)/allValues/disabled>` provides shared state for a set of checkboxes and enables a parent "select all" checkbox. No Radix equivalent, new capability.
-- `Root.readOnly: boolean`, `Root.uncheckedValue: string` (value submitted when unchecked), `Root.form: string`, `Root.inputRef`, `Root.id`, `Root.nativeButton`.
-
-## Data-attribute mapping (checkbox)
-
-| Radix | Base UI |
-| --- | --- |
-| `data-state="checked"` | `data-checked` |
-| `data-state="unchecked"` | `data-unchecked` |
-| `data-state="indeterminate"` | `data-indeterminate` |
-| `data-disabled` | `data-disabled` (same) |
-| (none) | `data-readonly`, `data-required`, `data-valid`, `data-invalid`, `data-dirty`, `data-touched`, `data-filled`, `data-focused` (Field integration) |
-| (none) | Indicator `data-starting-style` / `data-ending-style` |
-
-No CSS variables on either side.
-
----
-
-# radio-group
-
-Part mapping: Radix ships one `RadioGroup` namespace; Base UI splits it into `RadioGroup` (a single component, no sub-parts) and `Radio` (`Radio.Root`, `Radio.Indicator`). `RadioGroup.Root -> RadioGroup`, `RadioGroup.Item -> Radio.Root`, `RadioGroup.Indicator -> Radio.Indicator`. Element change: Radix Item renders `<button>`; Base UI `Radio.Root` renders `<span>` plus hidden `<input>` (use `nativeButton` + `render` for a real button).
-
-## RadioGroup.Root → RadioGroup
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern. |
-| `defaultValue` | `string`, no default | `defaultValue: Value` | Same name, widened type (any value type). |
-| `value` | `string`, no default | `value: Value` | Same name, widened type. |
-| `onValueChange` | `(value: string) => void` | `onValueChange: (value: Value, eventDetails: RadioGroup.ChangeEventDetails) => void` | Signature changed: added `eventDetails` (`reason: 'none'`). |
-| `disabled` | `boolean`, no default | `disabled: boolean`, default `false` | Same. |
-| `name` | `string`, no default | `name: string` | Same. |
-| `required` | `boolean`, no default | `required: boolean`, default `false` | Same. |
-| `orientation` | `enum`, default `undefined` | dropped | Base UI arrow-key navigation handles both axes automatically; there is no orientation prop (set `aria-orientation` yourself if needed for AT). |
-| `dir` | `"ltr" \| "rtl"`, no default | dropped | Use `DirectionProvider`. |
-| `loop` | `boolean`, default `true` | dropped | Focus wrapping is built in and not configurable. |
-
-## RadioGroup.Item → Radio.Root (moved to Radio namespace)
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern, plus `nativeButton` (default `false`). |
-| `value` | `string`, required | `value: Value`, required | Same name, widened type. |
-| `disabled` | `boolean`, no default | `disabled: boolean` | Same. |
-| `required` | `boolean`, no default | `required: boolean` | Same. |
-
-## RadioGroup.Indicator → Radio.Indicator (moved to Radio namespace)
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern. |
-| `forceMount` | `boolean`, no default | `keepMounted: boolean`, default `false` | Renamed. |
-
-## Base UI only props worth knowing (radio-group)
-
-- `RadioGroup.readOnly`, `RadioGroup.form`, `RadioGroup.inputRef` (the group owns one hidden input).
-- `Radio.Root.readOnly`, `Radio.Root.inputRef`, `Radio.Root.nativeButton`.
-
-## Data-attribute mapping (radio-group)
-
-| Radix | Base UI |
-| --- | --- |
-| Root `data-disabled` | RadioGroup `data-disabled` (same) |
-| Item/Indicator `data-state="checked"` | Radio.Root/Indicator `data-checked` |
-| Item/Indicator `data-state="unchecked"` | Radio.Root/Indicator `data-unchecked` |
-| Item/Indicator `data-disabled` | `data-disabled` (same) |
-| (none) | `data-readonly`, `data-required`, Field attrs (`data-valid`, `data-invalid`, `data-dirty`, `data-touched`, `data-filled`, `data-focused`) |
-| (none) | Indicator `data-starting-style` / `data-ending-style` |
-
-No CSS variables on either side.
-
----
-
-# switch
-
-Part mapping: `Root -> Root`, `Thumb -> Thumb`. Element change: Radix Root renders `<button>` + hidden input in forms; Base UI Root renders `<span>` plus hidden `<input>` always (use `nativeButton` + `render` for a real button).
-
-## Switch.Root → Switch.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern, pair with `nativeButton`. |
-| `defaultChecked` | `boolean`, no default | `defaultChecked: boolean`, default `false` | Same. |
-| `checked` | `boolean`, no default | `checked: boolean` | Same. |
-| `onCheckedChange` | `(checked: boolean) => void` | `onCheckedChange: (checked: boolean, eventDetails: Switch.Root.ChangeEventDetails) => void` | Signature changed: added `eventDetails` (`reason: 'none'`). |
-| `disabled` | `boolean`, no default | `disabled: boolean`, default `false` | Same. |
-| `required` | `boolean`, no default | `required: boolean`, default `false` | Same. |
-| `name` | `string`, no default | `name: string` | Same. |
-| `value` | `string`, default `"on"` | `value: string` | Same name. Base UI submits `"on"` by default, matching native checkbox behavior. |
-
-## Switch.Thumb → Switch.Thumb
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern, only prop on either side. |
-
-## Base UI only props worth knowing (switch)
-
-- `Root.readOnly: boolean`, `Root.uncheckedValue: string`, `Root.form: string`, `Root.inputRef`, `Root.id`, `Root.nativeButton` (default `false`).
-
-## Data-attribute mapping (switch)
-
-| Radix | Base UI |
-| --- | --- |
-| Root/Thumb `data-state="checked"` | `data-checked` |
-| Root/Thumb `data-state="unchecked"` | `data-unchecked` |
-| Root/Thumb `data-disabled` | `data-disabled` (same) |
-| (none) | `data-readonly`, `data-required`, Field attrs (`data-valid`, `data-invalid`, `data-dirty`, `data-touched`, `data-filled`, `data-focused`) |
-
-No CSS variables on either side.
-
----
-
-# slider
-
-Part mapping: `Root -> Root`, `Track -> Track`, `Range -> Indicator` (renamed), `Thumb -> Thumb`, plus a NEW required `Control` part: Base UI anatomy is `Root > Control > Track > (Indicator, Thumb)`. `Control` is the clickable/draggable surface (Radix Root handled pointer interaction itself). Base UI also adds `Value` and `Label` parts. Element change: Radix Thumb renders a plain element wrapped by an invisible span with a hidden input in forms; Base UI Thumb renders a `<div>` with a nested `<input type="range">`.
-
-## Slider.Root → Slider.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern. |
-| `defaultValue` | `number[]`, no default | `defaultValue: number \| number[]` | Same name, widened: a single `number` gives a single-thumb slider (no array wrapper needed). |
-| `value` | `number[]`, no default | `value: number \| number[]` | Same, widened. Ranged sliders still take an array. |
-| `onValueChange` | `(value: number[]) => void` | `onValueChange: (value: number \| number[], eventDetails: Slider.Root.ChangeEventDetails) => void` | Signature changed: value matches the shape you pass in (number for single), `eventDetails` added with `reason: 'input-change' \| 'track-press' \| 'drag' \| 'keyboard' \| 'none'` and `activeThumbIndex: number`. |
-| `onValueCommit` | `(value: number[]) => void` | `onValueCommitted: (value: number \| number[], eventDetails: Slider.Root.CommitEventDetails) => void` | Renamed (`Commit` -> `Committed`) and signature changed (same shape/eventDetails notes as above). Base UI does not fire it if the value did not change. |
-| `name` | `string`, no default | `name: string` | Same. |
-| `disabled` | `boolean`, default `false` | `disabled: boolean`, default `false` | Same. |
-| `orientation` | `"horizontal" \| "vertical"`, default `"horizontal"` | `orientation: Orientation`, default `'horizontal'` | Same. |
-| `dir` | `"ltr" \| "rtl"`, no default | dropped | Use `DirectionProvider`. |
-| `inverted` | `boolean`, default `false` | dropped (workaround) | No equivalent. For horizontal sliders, wrap in `DirectionProvider dir="rtl"` (direction-based inversion); there is no built-in way to invert a vertical slider. |
-| `min` | `number`, default `0` | `min: number`, default `0` | Same. |
-| `max` | `number`, default `100` | `max: number`, default `100` | Same. |
-| `step` | `number`, default `1` | `step: number`, default `1` | Same. |
-| `minStepsBetweenThumbs` | `number`, default `0` | `minStepsBetweenValues: number`, default `0` | Renamed (`Thumbs` -> `Values`). |
-| `form` | `string`, no default | `form: string` | Same. |
-
-## Slider.Track → Slider.Track (moved inside Control)
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern. Structural move: Track must now be nested in the new `Slider.Control` part, and `Thumb` moves inside `Track` (Radix had Thumb as a sibling of Track under Root). |
-
-## Slider.Range → Slider.Indicator (renamed)
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Renamed part, same role (visualizes the filled portion), still a child of Track. |
-
-## Slider.Thumb → Slider.Thumb
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean`, `false` | `render` | Same pattern. |
-| (per-thumb accessibility via aria props) | - | `index: number`, `getAriaLabel(index)`, `getAriaValueText(formattedValue, value, index)`, `aria-valuetext` | Base UI thumbs take `index` (required for SSR of multi-thumb range sliders) and a11y formatters. Also `disabled`, `inputRef`, `tabIndex`, `onFocus`/`onBlur`/`onKeyDown` forwarded to the nested `<input type="range">`. |
-
-## (new part) Slider.Control
-
-No Radix equivalent. The interactive surface that receives pointer events; wrap `Track` with it. Props: `className`/`style`/`render` only.
-
-## Base UI only props worth knowing (slider)
-
-- `Root.thumbAlignment: 'center' | 'edge' | 'edge-client-only'` (default `'center'`): whether the thumb center or edge aligns with the control edge at min/max. Radix always behaved like `'edge'`-ish via CSS; Base UI defaults to `'center'`, set `thumbAlignment="edge"` to keep the thumb inside the track bounds.
-- `Root.thumbCollisionBehavior: 'push' | 'swap' | 'none'` (default `'push'`): range-slider thumb collision handling (Radix behavior was closest to `'none'`).
-- `Root.largeStep: number` (default `10`): Page Up/Down and Shift+Arrow increment.
-- `Root.format: Intl.NumberFormatOptions` and `Root.locale: Intl.LocalesArgument`: value formatting for `Slider.Value` and `aria-valuetext`.
-- New parts: `Slider.Value` (renders `<output>`, `children: (formattedValues: string[], values: number[]) => ReactNode`), `Slider.Label` (auto-associated label).
-
-## Data-attribute mapping (slider)
-
-| Radix | Base UI |
-| --- | --- |
-| `data-disabled` (all parts) | `data-disabled` (same, all parts) |
-| `data-orientation` (`horizontal/vertical`, all parts) | `data-orientation` (same values, all parts) |
-| (none) | `data-dragging` (present on all parts while dragging) |
-| (none) | Thumb `data-index` (thumb index in range sliders) |
-| (none) | Field attrs on all parts (`data-valid`, `data-invalid`, `data-dirty`, `data-touched`, `data-focused`) |
-
-No CSS variables on either side (Radix slider positions thumbs via inline styles; Base UI does the same).
diff --git a/frontend/.agents/skills/migrate-radix-to-base/menus.md b/frontend/.agents/skills/migrate-radix-to-base/menus.md
deleted file mode 100644
index 128e13d..0000000
--- a/frontend/.agents/skills/migrate-radix-to-base/menus.md
+++ /dev/null
@@ -1,409 +0,0 @@
-# Radix → Base UI props mapping: menu family
-
-Sources: radix-ui.com primitives docs (dropdown-menu, context-menu, menubar, navigation-menu) and base-ui.com `/react/components/{menu,context-menu,menubar,navigation-menu}.md`, fetched 2026-07-02.
-
-Part-mapping ground truth (from our wrappers): `Content` → `Portal > Positioner > Popup` (side/sideOffset/align/alignOffset live on `Positioner`); `Label` → `GroupLabel`; `ItemIndicator` → `CheckboxItemIndicator`/`RadioItemIndicator`; `Sub` → `SubmenuRoot`; `SubTrigger` → `SubmenuTrigger`; navigation-menu `Viewport` → `Positioner > Popup > Viewport`, `Indicator` → `Icon`; `asChild` → `render`.
-
-Cross-cutting rules (apply to every part below):
-
-| Radix pattern | Base UI equivalent |
-| --- | --- |
-| `asChild` (`boolean`, `false`) | `render` (`ReactElement \| ((props: HTMLProps, state) => ReactElement)`). No merge-onto-child boolean; pass the element or a function. |
-| `dir` (`"ltr" \| "rtl"`) on roots | Dropped everywhere. Base UI reads direction from `<DirectionProvider>` (`@base-ui-components/react/direction-provider`) or the DOM `dir` attribute. |
-| `forceMount` (`boolean`) | `keepMounted` (`boolean`, `false`) on `Portal` / indicator parts. Same use case (animation/SEO), presence is CSS-driven via `data-starting-style` / `data-ending-style` instead of Radix `data-state` + forced mount. |
-| `onEscapeKeyDown` / `onPointerDownOutside` / `onFocusOutside` / `onInteractOutside` (content parts) | Dropped as separate props. Use `onOpenChange(open, eventDetails)` on the Root and branch on `eventDetails.reason` (`'escape-key'`, `'outside-press'`, `'focus-out'`, ...). Call `eventDetails.cancel()` to prevent the close (replaces `event.preventDefault()`). |
-| `onSelect` on items (`(event: Event) => void`; `event.preventDefault()` keeps menu open) | `onClick` (`(event: BaseUIEvent<React.MouseEvent<HTMLDivElement>>) => void`) plus `closeOnClick` (`boolean`) to control whether the menu closes. |
-| `textValue` on items (`string`, typeahead) | `label` (`string`). |
-| Controlled callbacks `(value) => void` | All Base UI change callbacks take a second `eventDetails` argument (`{ reason, event, cancel(), allowPropagation(), isCanceled, isPropagationAllowed, trigger }`). |
-
----
-
-# dropdown-menu (Radix `DropdownMenu` → Base UI `Menu`)
-
-## Root → Menu.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `defaultOpen` | `boolean` / – | `defaultOpen` (`boolean`, `false`) | Same. |
-| `open` | `boolean` / – | `open` (`boolean`) | Same. |
-| `onOpenChange` | `(open: boolean) => void` / – | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: Menu.Root.ChangeEventDetails) => void`. `eventDetails.reason` is one of `'trigger-hover' \| 'trigger-focus' \| 'trigger-press' \| 'outside-press' \| 'focus-out' \| 'list-navigation' \| 'escape-key' \| 'item-press' \| 'close-press' \| 'sibling-open' \| 'cancel-open' \| 'imperative-action' \| 'none'`; `eventDetails.cancel()` blocks the state change. |
-| `modal` | `boolean` / `true` | `modal` (`boolean`, `true`) | Same. |
-| `dir` | `"ltr" \| "rtl"` / – | – | Dropped. Use `DirectionProvider`. |
-
-## Trigger → Menu.Trigger
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | See cross-cutting rules. When rendering a non-button, also set `nativeButton={false}`. |
-
-## Portal → Menu.Portal
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `forceMount` | `boolean` / – | `keepMounted` (`boolean`, `false`) | Renamed; keeps portal in DOM while hidden. |
-| `container` | `HTMLElement` / `document.body` | `container` (`HTMLElement \| ShadowRoot \| React.RefObject<HTMLElement \| ShadowRoot \| null> \| null`) | Same, wider type (accepts refs and ShadowRoot). |
-
-## Content → Menu.Portal > Menu.Positioner > Menu.Popup
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` on `Popup` | See cross-cutting rules. |
-| `loop` | `boolean` / `false` | `loopFocus` on **Root** (`boolean`, `true`) | Moved + renamed. Default flips: Base UI loops by default. |
-| `onCloseAutoFocus` | `(event: Event) => void` / – | `finalFocus` on **Popup** | Signature changed: `boolean \| React.RefObject<HTMLElement \| null> \| ((closeType: InteractionType) => boolean \| void \| HTMLElement \| null)` where `InteractionType = 'mouse' \| 'touch' \| 'pen' \| 'keyboard'`. Return `false` to replicate `event.preventDefault()`; return an element to redirect focus. |
-| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` / – | – | Dropped → `onOpenChange` with `reason === 'escape-key'`. |
-| `onPointerDownOutside` | `(event: PointerDownOutsideEvent) => void` / – | – | Dropped → `onOpenChange` with `reason === 'outside-press'`. |
-| `onFocusOutside` | `(event: FocusOutsideEvent) => void` / – | – | Dropped → `onOpenChange` with `reason === 'focus-out'`. |
-| `onInteractOutside` | `(event: PointerDownOutsideEvent \| FocusOutsideEvent) => void` / – | – | Dropped → `onOpenChange` with `reason === 'outside-press' \|\| 'focus-out'`. |
-| `forceMount` | `boolean` / – | `keepMounted` on **Portal** | Moved; animate with `data-starting-style`/`data-ending-style`. |
-| `side` | `"top" \| "right" \| "bottom" \| "left"` / `"bottom"` | `side` on **Positioner** (`Side`, `'bottom'`) | Moved. Base adds logical values: `Side = 'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`. |
-| `sideOffset` | `number` / `0` | `sideOffset` on **Positioner** (`number \| OffsetFunction`, `0`) | Moved; also accepts `(data: { side, align, anchor: {width,height}, positioner: {width,height} }) => number`. |
-| `align` | `"start" \| "center" \| "end"` / `"center"` | `align` on **Positioner** (`Align`, `'center'`) | Moved, same values/default. |
-| `alignOffset` | `number` / `0` | `alignOffset` on **Positioner** (`number \| OffsetFunction`, `0`) | Moved; also accepts function form. |
-| `avoidCollisions` | `boolean` / `true` | `collisionAvoidance` on **Positioner** (`CollisionAvoidance`) | Signature changed: object `{ side?: 'flip' \| 'shift' \| 'none'; align?: 'flip' \| 'shift' \| 'none'; fallbackAxisSide?: 'start' \| 'end' \| 'none' }`. `avoidCollisions={false}` → `collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}`. |
-| `collisionBoundary` | `Element \| null \| Array<Element \| null>` / `[]` | `collisionBoundary` on **Positioner** (`Boundary`, `'clipping-ancestors'`) | Default changes: Radix `[]` means viewport/clipping ancestors; Base default `'clipping-ancestors'` is equivalent. Also accepts an element or rect. |
-| `collisionPadding` | `number \| Padding` / `0` | `collisionPadding` on **Positioner** (`Padding`, `5`) | Same shape; default changes 0 → 5. |
-| `arrowPadding` | `number` / `0` | `arrowPadding` on **Positioner** (`number`, `5`) | Same; default changes 0 → 5. |
-| `sticky` | `"partial" \| "always"` / `"partial"` | – (see note) | Different concept. Radix `sticky` controls align-axis sticking; closest Base knob is `collisionAvoidance.align` (`'shift'` ≈ partial). Base UI's own `sticky` (`boolean`, `false`) instead keeps the popup in the viewport after the anchor scrolls away, which has no Radix equivalent. |
-| `hideWhenDetached` | `boolean` / `false` | – | Dropped as behavior prop. Base always exposes `data-anchor-hidden` on Positioner/Popup; hide via CSS: `[data-anchor-hidden] { visibility: hidden }`. |
-
-## Arrow → Menu.Arrow
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Base Arrow renders a `<div>` you fill with an SVG (Radix renders the svg itself). Place inside `Popup`. |
-| `width` | `number` / `10` | – | Dropped; size the child SVG/element with CSS. |
-| `height` | `number` / `5` | – | Dropped; size with CSS. |
-
-## Item → Menu.Item
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | For links use `Menu.LinkItem` (renders `<a>`) instead of `render`. |
-| `disabled` | `boolean` / – | `disabled` (`boolean`, `false`) | Same. |
-| `onSelect` | `(event: Event) => void` / – | `onClick` (`(event: BaseUIEvent<React.MouseEvent<HTMLDivElement>>) => void`) | Renamed + signature changed. `event.preventDefault()` in `onSelect` (keep open) → `closeOnClick={false}` (`boolean`, default `true` on Item). |
-| `textValue` | `string` / – | `label` (`string`) | Renamed. |
-
-## Group → Menu.Group
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Same otherwise. |
-
-## Label → Menu.GroupLabel
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Part renamed. Base GroupLabel must be inside a `Group` (it wires `aria-labelledby`); Radix Label could float freely. |
-
-## CheckboxItem → Menu.CheckboxItem
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | – |
-| `checked` | `boolean \| 'indeterminate'` / – | `checked` (`boolean`) | `'indeterminate'` dropped. Base adds `defaultChecked` (`boolean`, `false`) for uncontrolled use. |
-| `onCheckedChange` | `(checked: boolean) => void` / – | `onCheckedChange` | Signature changed: `(checked: boolean, eventDetails: Menu.CheckboxItem.ChangeEventDetails) => void`. |
-| `disabled` | `boolean` / – | `disabled` (`boolean`, `false`) | Same. |
-| `onSelect` | `(event: Event) => void` / – | `onClick` + `closeOnClick` | Behavior default flips: Radix closes on select (unless prevented); Base `closeOnClick` defaults to `false` on CheckboxItem. Set `closeOnClick` explicitly to preserve Radix behavior. |
-| `textValue` | `string` / – | `label` | Renamed. |
-
-## RadioGroup → Menu.RadioGroup
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | – |
-| `value` | `string` / – | `value` (`any`) | Type widens to `any`. Base adds `defaultValue` (`any`) and `disabled` (`boolean`, `false`). |
-| `onValueChange` | `(value: string) => void` / – | `onValueChange` | Signature changed: `(value: any, eventDetails: Menu.RadioGroup.ChangeEventDetails) => void`. |
-
-## RadioItem → Menu.RadioItem
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | – |
-| `value`* | `string` / – | `value`* (`any`) | Same (required); type widens. |
-| `disabled` | `boolean` / – | `disabled` (`boolean`, `false`) | Same. |
-| `onSelect` | `(event: Event) => void` / – | `onClick` + `closeOnClick` | `closeOnClick` defaults to `false` on RadioItem (Radix closed by default). |
-| `textValue` | `string` / – | `label` | Renamed. |
-
-## ItemIndicator → Menu.CheckboxItemIndicator / Menu.RadioItemIndicator
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Part splits: use the indicator matching the parent item type. Renders `<span>`. |
-| `forceMount` | `boolean` / – | `keepMounted` (`boolean`, `false`) | Renamed. |
-
-## Separator → Menu.Separator
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Base adds `orientation` (`'horizontal' \| 'vertical'`, `'horizontal'`). |
-
-## Sub → Menu.SubmenuRoot
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `defaultOpen` | `boolean` / – | `defaultOpen` (`boolean`, `false`) | Same. |
-| `open` | `boolean` / – | `open` (`boolean`) | Same. |
-| `onOpenChange` | `(open: boolean) => void` / – | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: Menu.SubmenuRoot.ChangeEventDetails) => void` (same reason union as Root). |
-
-## SubTrigger → Menu.SubmenuTrigger
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Renders `<div>`; `nativeButton` defaults `false` here. |
-| `disabled` | `boolean` / – | `disabled` (`boolean`, `false`) | Same. |
-| `textValue` | `string` / – | `label` | Renamed. Base adds `openOnHover` / `delay` (`100`) / `closeDelay` (`0`) and `onClick`. |
-
-## SubContent → Menu.Portal > Menu.Positioner > Menu.Popup (inside SubmenuRoot)
-
-Same prop fates as **Content** above; Radix-specific defaults to be aware of: `align` default is `"start"` on SubContent (Base Positioner default is `'center'` — set `align="start"` explicitly if you relied on the Radix default; in practice submenu popups anchor to the trigger item and our wrappers set this). Radix SubContent has no `side` prop (side is implied); Base Positioner accepts `side` (use `'inline-end'` for RTL-aware submenus). All outside/escape callbacks, `forceMount`, `loop`, collision props map identically to Content.
-
-## Base UI only props worth knowing (Menu)
-
-- `Root`: `highlightItemOnHover` (`true`), `actionsRef` (`{ unmount(), close() }`), `onOpenChangeComplete(open)` (fires after close animation; replaces the Radix "wait for animation" dance), `closeParentOnEsc` (`false`), `disabled`, `orientation` (`'vertical'`), detached-trigger machinery: `handle` (`Menu.Handle` via `Menu.createHandle()`), `triggerId`/`defaultTriggerId`, payload-aware `children` render function.
-- `Trigger`: `openOnHover`, `delay` (`100`), `closeDelay` (`0`), `payload`, `handle`, `nativeButton` (`true`).
-- `Backdrop`: new part, overlay under the popup.
-- `Positioner`: `anchor`, `positionMethod` (`'absolute'`), `disableAnchorTracking`, `sticky` (boolean, viewport-keeping).
-- `Popup`: `finalFocus`.
-- `Viewport`: new part for animating content swaps with multiple/detached triggers.
-- `LinkItem`: new part, `<a>`-rendering menu item (`closeOnClick` default `false`).
-- All parts: `className`/`style` accept state-callback form `(state) => ...`.
-
-## Data-attribute mapping (dropdown/context/menubar menus)
-
-| Radix | Base UI |
-| --- | --- |
-| Trigger `[data-state="open" \| "closed"]` | `data-popup-open` (presence) + `data-pressed` |
-| Content `[data-state="open" \| "closed"]` | `data-open` / `data-closed` on Positioner and Popup |
-| – | `data-starting-style` / `data-ending-style` (CSS transition hooks, replace animating on `data-state`) |
-| Content `[data-side="left" \| "right" \| "bottom" \| "top"]` | `data-side` (`'top' \| 'bottom' \| 'left' \| 'right' \| 'inline-end' \| 'inline-start'`) on Positioner/Popup/Arrow |
-| Content `[data-align="start" \| "end" \| "center"]` | `data-align` (same values) on Positioner/Popup/Arrow |
-| Content/Item `[data-orientation]` | Dropped on menu parts |
-| Item `[data-highlighted]` | `data-highlighted` (same) |
-| Item `[data-disabled]` | `data-disabled` (same) |
-| Checkbox/RadioItem `[data-state="checked" \| "unchecked" \| "indeterminate"]` | `data-checked` / `data-unchecked` presence attrs; no indeterminate |
-| ItemIndicator `[data-state]` | `data-checked` / `data-unchecked` + `data-starting-style` / `data-ending-style` on the split indicators |
-| SubTrigger `[data-state="open" \| "closed"]` | `data-popup-open` on SubmenuTrigger |
-| – | Popup `data-instant` (`'click' \| 'dismiss' \| 'group' \| 'trigger-change'`), Positioner `data-anchor-hidden` |
-
-## CSS variable mapping (per menu flavor: `dropdown-menu` / `context-menu` / `menubar`)
-
-| Radix (on Content/SubContent) | Base UI (on Positioner) |
-| --- | --- |
-| `--radix-<name>-content-transform-origin` | `--transform-origin` |
-| `--radix-<name>-content-available-width` | `--available-width` |
-| `--radix-<name>-content-available-height` | `--available-height` |
-| `--radix-<name>-trigger-width` | `--anchor-width` |
-| `--radix-<name>-trigger-height` | `--anchor-height` |
-
-Base UI Menu.Viewport additionally exposes `--popup-width` / `--popup-height` (previous-content dimensions during transitions).
-
----
-
-# context-menu (Radix `ContextMenu` → Base UI `ContextMenu`)
-
-Base UI ContextMenu shares the Menu part set: `Root, Trigger, Portal, Backdrop, Positioner, Popup, Arrow, Item, Group, GroupLabel, Separator, SubmenuRoot, SubmenuTrigger, RadioGroup, RadioItem, RadioItemIndicator, CheckboxItem, CheckboxItemIndicator, LinkItem`. Everything not listed below maps exactly as in the dropdown-menu section.
-
-## Root → ContextMenu.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `dir` | `"ltr" \| "rtl"` / – | – | Dropped; `DirectionProvider`. |
-| `open` | `boolean` / – | `open` (`boolean`) | Same. Base also adds `defaultOpen` (`false`), which Radix ContextMenu lacked. |
-| `onOpenChange` | `(open: boolean) => void` / – | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: ContextMenu.Root.ChangeEventDetails) => void` (same reason union as Menu). |
-| `modal` | `boolean` / `true` | – | **Dropped.** Base UI ContextMenu.Root has no `modal` prop (behavior is fixed). If you relied on `modal={false}`, there is no direct equivalent. |
-
-## Trigger → ContextMenu.Trigger
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Base Trigger renders a `<div>` (also handles long-press on touch). |
-| `disabled` | `boolean` / `false` | – | **Dropped.** ContextMenu.Trigger has only `className`/`style`/`render`. Workaround: conditionally render content outside the Trigger, or intercept `onContextMenu` with `preventDefault` + `stopPropagation` on a child. |
-
-## Portal → ContextMenu.Portal
-
-Identical mapping to Menu.Portal (`forceMount` → `keepMounted`, `container` widened).
-
-## Content → ContextMenu.Portal > Positioner > Popup
-
-Same fates as dropdown-menu Content for: `asChild`, `loop` (→ Root `loopFocus`), `onCloseAutoFocus` (→ Popup `finalFocus`), `onEscapeKeyDown`/`onPointerDownOutside`/`onFocusOutside`/`onInteractOutside` (→ Root `onOpenChange` reasons), `forceMount` (→ Portal `keepMounted`), `avoidCollisions` (→ `collisionAvoidance`), `collisionBoundary` (default `[]` → `'clipping-ancestors'`), `collisionPadding` (`0` → `5`), `sticky` (dropped, see menu note), `hideWhenDetached` (→ CSS on `data-anchor-hidden`).
-
-Radix-specific deltas:
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `alignOffset` | `number` / `0` | `alignOffset` on Positioner (`number \| OffsetFunction`, `0`) | Radix ContextMenu.Content has no `side`/`sideOffset`/`align` props (anchored to pointer). Base Positioner still accepts `side`/`align`/`sideOffset` but anchors to the pointer position by default; usually leave them off. |
-| (no `arrowPadding` on Content) | – | `arrowPadding` (`5`) on Positioner | Available in Base if you add an Arrow. |
-
-## Arrow / Item / Group / Label / CheckboxItem / RadioGroup / RadioItem / ItemIndicator / Separator / Sub / SubTrigger / SubContent
-
-Identical fates to the dropdown-menu section (Label → `GroupLabel`, ItemIndicator → `CheckboxItemIndicator`/`RadioItemIndicator`, Sub → `SubmenuRoot`, SubTrigger → `SubmenuTrigger`, SubContent → `Portal > Positioner > Popup`). Menubar/ContextMenu submenus in Base are the same components with the same props (`onOpenChange` eventDetails, `label`, `onClick`/`closeOnClick`, `keepMounted`).
-
-## Base UI only, data attributes, CSS variables
-
-Same as the Menu lists above; ContextMenu.Root additionally supports `handle` (`MenuHandle<unknown>`), `triggerId`/`defaultTriggerId`, `actionsRef`, `onOpenChangeComplete`, `highlightItemOnHover`, `closeParentOnEsc`, `disabled`, `orientation`. Trigger data attributes: `data-popup-open`, `data-pressed` (replacing Radix Trigger `[data-state]`). CSS vars: `--radix-context-menu-*` → `--transform-origin`/`--available-*`/`--anchor-*` on Positioner.
-
----
-
-# menubar (Radix `Menubar` → Base UI `Menubar` + `Menu`)
-
-Base UI's menubar module exports a single `<Menubar>` container. Every menu inside it is built from `Menu.*` parts (`Menu.Root`, `Menu.Trigger`, `Menu.Portal`, `Menu.Positioner`, `Menu.Popup`, items, submenus...). So the Radix `Menubar.Menu/Trigger/Portal/Content/...` parts all map to the `Menu` component family from the dropdown-menu section.
-
-## Root → Menubar
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Same pattern. |
-| `defaultValue` | `string` / – | – | **Dropped.** Base Menubar has no controlled/uncontrolled active-menu value. To pre-open a menu, use `defaultOpen` on that `Menu.Root`. |
-| `value` | `string` / – | – | **Dropped.** Control individual `Menu.Root` `open` props instead. |
-| `onValueChange` | `(value: string) => void` / – | – | **Dropped.** Listen via each `Menu.Root` `onOpenChange`. |
-| `dir` | `"ltr" \| "rtl"` / – | – | Dropped; `DirectionProvider`. |
-| `loop` | `boolean` / `false` | `loopFocus` (`boolean`, `true`) | Renamed; default flips to `true`. |
-
-Base UI only on `Menubar`: `modal` (`boolean`, `true`), `disabled` (`boolean`, `false`), `orientation` (`'horizontal' \| 'vertical'`, `'horizontal'`).
-
-## Menu → Menu.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | – | Menu.Root renders no element; drop it. |
-| `value` | `string` / – | – | Dropped with the Menubar value system (see Root). |
-
-Note: `Menu.Root` inside a Menubar accepts all Menu.Root props (`open`, `defaultOpen`, `onOpenChange(open, eventDetails)`, `modal`, `loopFocus`, `orientation`, `disabled`, ...). Hover-switching between menubar menus is built in.
-
-## Trigger → Menu.Trigger
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` (+ `nativeButton={false}` for non-buttons) | Radix Menubar.Trigger data attrs `[data-state]`/`[data-highlighted]`/`[data-disabled]` → `data-popup-open`/`data-pressed` (no highlighted state on Base trigger). |
-
-## Portal / Content / Arrow / Item / Group / Label / CheckboxItem / RadioGroup / RadioItem / ItemIndicator / Separator / Sub / SubTrigger / SubContent
-
-All identical to the **dropdown-menu** section (they are literally the same Base UI `Menu` components):
-
-- `Portal.forceMount` → `keepMounted`; `container` widened.
-- `Content` (`loop`, `onCloseAutoFocus`, outside/escape callbacks, `forceMount`, `side`/`sideOffset`/`align`/`alignOffset`, `avoidCollisions`, `collisionBoundary`, `collisionPadding`, `arrowPadding`, `sticky`, `hideWhenDetached`) → `Menu.Portal > Menu.Positioner > Menu.Popup` with the exact fates listed for dropdown-menu Content.
-- `SubContent` `align` default `"start"` note applies as in dropdown-menu.
-- Items: `onSelect` → `onClick` + `closeOnClick`, `textValue` → `label`.
-- Radix Menubar CheckboxItem/RadioItem `[data-state="checked" \| "unchecked"]` → `data-checked`/`data-unchecked`.
-
-## Data attributes / CSS variables
-
-- Menubar container: Radix Root had none; Base `Menubar` exposes `data-orientation` (`'horizontal' \| 'vertical'`), `data-has-submenu-open`, `data-modal`.
-- Menu-part attributes and `--radix-menubar-*` CSS vars map exactly as in the dropdown-menu tables (`--transform-origin`, `--available-width/height`, `--anchor-width/height` on `Menu.Positioner`).
-
----
-
-# navigation-menu (Radix `NavigationMenu` → Base UI `NavigationMenu`)
-
-Base UI parts: `Root, List, Item, Trigger, Icon, Content, Portal, Backdrop, Positioner, Popup, Arrow, Viewport, Link`. Popup positioning is real anchored positioning (like Menu): the shared popup renders as `Portal > Positioner > Popup > Viewport`, and each `Item`'s `Content` is moved into the `Viewport` when active. Radix's "Viewport rendered below the list" model is replaced by this anchored Positioner model (our wrappers removed the `viewport` boolean prop accordingly).
-
-## Root → NavigationMenu.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `defaultValue` | `string` / – | `defaultValue` (`Value \| null`, `null`) | Type widens (`Value = any`); `null` = closed. |
-| `value` | `string` / – | `value` (`Value \| null`, `null`) | Same; non-nullish = open. |
-| `onValueChange` | `(value: string) => void` / – | `onValueChange` | Signature changed: `(value: Value \| null, eventDetails: NavigationMenu.Root.ChangeEventDetails) => void`; reasons: `'trigger-press' \| 'trigger-hover' \| 'outside-press' \| 'list-navigation' \| 'focus-out' \| 'escape-key' \| 'link-press' \| 'none'`. |
-| `delayDuration` | `number` / `200` | `delay` (`number`, `50`) | Renamed; default 200 → 50. |
-| `skipDelayDuration` | `number` / `300` | – | **Dropped.** No skip-delay window; Base instead has `closeDelay` (`number`, `50`). |
-| `dir` | `"ltr" \| "rtl"` / – | – | Dropped; `DirectionProvider`. |
-| `orientation` | `"horizontal" \| "vertical"` / `"horizontal"` | `orientation` (same values/default) | Same. |
-
-Base UI only on Root: `closeDelay` (`50`), `actionsRef` (`{ unmount() }`), `onOpenChangeComplete(open)`. Root renders a `<nav>` element (Radix Root also rendered `<nav>`; Base renders `<div>` when nested).
-
-## Sub → nested NavigationMenu.Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `defaultValue` / `value` / `onValueChange` / `orientation` | as Root | same props on the nested `Root` | Part dropped: nest a whole `NavigationMenu.Root` (with its own `List`/`Portal`/`Positioner`/`Popup`) inside a `Content`; it renders a `<div>` when nested. Unlike Radix Sub, a nested Base menu is closed by default (`null`), not required to always have an active item. |
-
-## List → NavigationMenu.List
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Base List renders `<ul>` (Radix also `<ul>`). Radix `[data-orientation]` attr dropped. |
-
-## Item → NavigationMenu.Item
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Base Item renders `<li>`. |
-| `value` | `string` / – | `value` (`any`) | Same; auto-generated if omitted. |
-
-## Trigger → NavigationMenu.Trigger
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` (+ `nativeButton`, default `true`) | `[data-state="open" \| "closed"]` → `data-popup-open`; `[data-disabled]` dropped (no disabled prop either — gate at the item level yourself). |
-
-## Content → NavigationMenu.Content
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | – |
-| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` / – | – | Dropped → Root `onValueChange` with `reason === 'escape-key'` + `eventDetails.cancel()`. |
-| `onPointerDownOutside` | `(event: PointerDownOutsideEvent) => void` / – | – | Dropped → `reason === 'outside-press'`. |
-| `onFocusOutside` | `(event: FocusOutsideEvent) => void` / – | – | Dropped → `reason === 'focus-out'`. |
-| `onInteractOutside` | `(event: PointerDownOutsideEvent \| FocusOutsideEvent) => void` / – | – | Dropped → `'outside-press' \| 'focus-out'`. |
-| `forceMount` | `boolean` / – | `keepMounted` (`boolean`, `false`) | Renamed, stays on Content (keeps content in DOM while closed, e.g. for SEO/SSR). |
-
-## Link → NavigationMenu.Link
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | For framework links: `render={<NextLink href=... />}`. |
-| `active` | `boolean` / `false` | `active` (`boolean`, `false`) | Same (sets `aria-current` + `data-active`). |
-| `onSelect` | `(event: Event) => void` / – | – | Dropped. Use `onClick` (plain DOM prop) and `closeOnClick` (`boolean`, `false`) — note Radix closed the menu on link select by default, Base does not; set `closeOnClick` for parity. |
-
-## Indicator → NavigationMenu.Icon (per wrapper ground truth)
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Different role: Radix Indicator tracked the active trigger below the List; Base `Icon` is a chevron inside the Trigger (`data-popup-open` when its menu is open). For a popup-anchored pointer, Base's `Arrow` (inside `Popup`, with `data-side`/`data-align`/`data-uncentered`) is the closest visual analogue. There is no Base part that tracks the active trigger along the list. |
-| `forceMount` | `boolean` / – | – | Dropped (Icon is always rendered). |
-| `[data-state="visible" \| "hidden"]`, `[data-orientation]` | – | – | Dropped; Icon exposes only `data-popup-open`. |
-
-## Viewport → NavigationMenu.Portal > Positioner > Popup > Viewport
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` on each new part | One Radix part becomes four: `Portal` (props: `container`, `keepMounted`), `Positioner` (full anchored-positioning prop set identical to Menu.Positioner: `side`/`sideOffset`/`align`/`alignOffset` (`number \| OffsetFunction`), `anchor`, `collisionAvoidance`, `collisionBoundary` `'clipping-ancestors'`, `collisionPadding` `5`, `arrowPadding` `5`, `sticky` boolean, `positionMethod`, `disableAnchorTracking`), `Popup` (renders `<nav>`), `Viewport` (clips/animates the active `Content`). |
-| `forceMount` | `boolean` / – | `keepMounted` on **Portal** | Renamed + moved. |
-
-## Base UI only props worth knowing (NavigationMenu)
-
-- Root: `closeDelay`, `actionsRef`, `onOpenChangeComplete`.
-- New parts: `Backdrop`, `Arrow`, `Positioner` (real collision-aware positioning — Radix nav-menu had none), `Icon`.
-- `Content.keepMounted` for crawler-visible SSR content.
-- `Link.closeOnClick`.
-- All parts accept `className`/`style` state-callback forms and `render`.
-
-## Data-attribute mapping (navigation-menu)
-
-| Radix | Base UI |
-| --- | --- |
-| Root/Sub/List/Item `[data-orientation]` | Dropped. |
-| Trigger `[data-state="open" \| "closed"]` | `data-popup-open` on Trigger (and on Icon). |
-| Trigger `[data-disabled]` | Dropped. |
-| Content `[data-state="open" \| "closed"]` | `data-open` / `data-closed` on Content (also on Positioner/Popup/Backdrop). |
-| Content `[data-motion="to-start" \| "to-end" \| "from-start" \| "from-end"]` | `data-activation-direction` (`'left' \| 'right' \| 'up' \| 'down'`) on Content — direction the newly-activated trigger is relative to the previous one; use for enter/exit animations. |
-| Link `[data-active]` | `data-active` (same). |
-| Indicator `[data-state="visible" \| "hidden"]` | No equivalent (see Indicator row). Arrow exposes `data-open`/`data-closed`/`data-uncentered`/`data-side`/`data-align`. |
-| Viewport `[data-state]`, `[data-orientation]` | `data-open`/`data-closed` + `data-starting-style`/`data-ending-style` on Popup/Positioner; Viewport itself exposes none. |
-| – | Positioner: `data-anchor-hidden`, `data-instant`; Popup: `data-side`, `data-align`. |
-
-## CSS variable mapping (navigation-menu)
-
-| Radix | Base UI |
-| --- | --- |
-| `--radix-navigation-menu-viewport-width` (on Viewport) | `--popup-width` (`number`, on **Popup**) — fixed width of the popup; animate `width: var(--popup-width)`. |
-| `--radix-navigation-menu-viewport-height` (on Viewport) | `--popup-height` (`number`, on **Popup**). |
-| – | Positioner also exposes `--anchor-width`, `--anchor-height`, `--available-width`, `--available-height`, `--positioner-width`, `--positioner-height`, `--transform-origin`. |
-
----
-
-## Gaps / caveats
-
-- Radix prop descriptions are rendered in JS popovers; types/defaults above were extracted from the pages' embedded type payloads (`(open: boolean) => void`, `(checked: boolean) => void`, `(value: string) => void`, `(event: KeyboardEvent) => void`, `(event: PointerDownOutsideEvent) => void`, `(event: FocusOutsideEvent) => void`, `(event: PointerDownOutsideEvent | FocusOutsideEvent) => void`, `(event: Event) => void` for `onSelect`/`onCloseAutoFocus`, `Boundary = Element | null | Array<Element | null>`, `sticky: "partial" | "always"`, `dir: "ltr" | "rtl"`) — all verified against the fetched HTML.
-- Base UI ContextMenu.Root genuinely lacks `modal`; Menubar lacks the value/onValueChange system; ContextMenu.Trigger lacks `disabled`. These are the three hard drops with no one-line workaround.
-- Base UI docs fetched from the `.md` endpoints reflect Base UI 1.x (repo currently pins 1.6.0).
diff --git a/frontend/.agents/skills/migrate-radix-to-base/overlays.md b/frontend/.agents/skills/migrate-radix-to-base/overlays.md
deleted file mode 100644
index ea950e1..0000000
--- a/frontend/.agents/skills/migrate-radix-to-base/overlays.md
+++ /dev/null
@@ -1,459 +0,0 @@
-# Radix UI → Base UI props migration mapping (overlays)
-
-Components covered: dialog, alert-dialog, popover, tooltip, hover-card (Base UI: preview-card).
-
-Sources: radix-ui.com primitives docs (fetched 2026-07-02) and base-ui.com `/react/components/*.md` endpoints (fetched 2026-07-02).
-
-Global conventions that apply to every component below:
-
-- `asChild` (Radix, every part) → `render` (Base UI, every part). Radix: `asChild?: boolean` merges props onto the single child. Base UI: `render?: ReactElement | ((props: HTMLProps, state: Part.State) => ReactElement)`. For buttons replaced with non-button elements, also set `nativeButton={false}`.
-- `onOpenChange` signature changed everywhere. Radix: `(open: boolean) => void`. Base UI: `(open: boolean, eventDetails: X.Root.ChangeEventDetails) => void` where `eventDetails` is `{ reason, event, trigger, cancel(), allowPropagation(), isCanceled, isPropagationAllowed, preventUnmountOnClose() }`.
-- Radix per-interaction dismiss callbacks (`onEscapeKeyDown`, `onPointerDownOutside`, `onFocusOutside`, `onInteractOutside`) have NO 1:1 Base UI props. They are replaced by `onOpenChange`'s `eventDetails.reason` (`'escape-key'`, `'outside-press'`, `'focus-out'`) + `eventDetails.cancel()` to prevent the close (the equivalent of Radix `event.preventDefault()`).
-- `forceMount` (Radix, Portal/Overlay/Content) → `keepMounted` on Base UI `Portal` only (`boolean`, default `false`). For exit animations Base UI does not need it: it holds the popup mounted itself and exposes `data-starting-style` / `data-ending-style`, `onOpenChangeComplete`, and `actionsRef.current.unmount()` for externally-controlled animations.
-- Base UI `className` and `style` accept state callbacks (`(state) => ...`) on every rendered part.
-- Radix `[data-state="open" | "closed"]` → Base UI presence attributes `data-open` / `data-closed`.
-
----
-
-# dialog
-
-Part mapping: Root→Root, Trigger→Trigger, Portal→Portal, Overlay→Backdrop, Content→Popup (centered modal: no Positioner), Title→Title, Description→Description, Close→Close.
-
-## Root → Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `defaultOpen` | `boolean` / - (Base default `false`) | `defaultOpen` | Same. |
-| `open` | `boolean` / - | `open` | Same. |
-| `onOpenChange` | `(open: boolean) => void` / - | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: Dialog.Root.ChangeEventDetails) => void`. Reasons: `'trigger-press' \| 'outside-press' \| 'escape-key' \| 'close-press' \| 'focus-out' \| 'imperative-action' \| 'none'`. |
-| `modal` | `boolean` / `true` | `modal` | Widened: `boolean \| 'trap-focus'`, default `true`. `'trap-focus'` traps focus without scroll lock / outside-pointer blocking. |
-
-## Trigger → Trigger
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | `render={<MyButton />}`; add `nativeButton={false}` if the rendered element is not a `<button>`. |
-
-## Portal → Portal
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `forceMount` | `boolean` / - | `keepMounted` | Renamed + inverted intent: `keepMounted?: boolean` (default `false`) keeps the portal in the DOM while hidden. Usually droppable; Base UI keeps the popup mounted during exit animations automatically. |
-| `container` | `HTMLElement` / `document.body` | `container` | Same name, wider type: `HTMLElement \| ShadowRoot \| React.RefObject<HTMLElement \| ShadowRoot \| null> \| null`. Note: Base UI Portal renders a `<div>` wrapper (Radix Portal renders nothing extra per child). |
-
-## Overlay → Backdrop
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Same pattern. |
-| `forceMount` | `boolean` / - | dropped | Backdrop stays mounted through exit animations natively; use `Portal keepMounted` if you need always-mounted DOM. Base-only: `forceRender` (`boolean`, default `false`) forces the backdrop to render even when the dialog is nested. |
-
-## Content → Popup
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Same pattern. |
-| `forceMount` | `boolean` / - | dropped | See Portal `keepMounted` + `Root actionsRef.unmount()` + `onOpenChangeComplete`. |
-| `onOpenAutoFocus` | `(event: Event) => void` / - | moved to Popup `initialFocus` | Signature changed. Radix: prevent via `event.preventDefault()`. Base: `initialFocus?: boolean \| RefObject<HTMLElement \| null> \| ((openType: InteractionType) => boolean \| void \| HTMLElement \| null)`. `false` = don't move focus; ref/element = focus target; function receives `'mouse' \| 'touch' \| 'pen' \| 'keyboard'`. |
-| `onCloseAutoFocus` | `(event: Event) => void` / - | moved to Popup `finalFocus` | Same shape as `initialFocus` but for close (`closeType: InteractionType`). |
-| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` / - | moved to Root `onOpenChange` | `if (eventDetails.reason === 'escape-key') eventDetails.cancel()` replaces `event.preventDefault()`. |
-| `onPointerDownOutside` | `(event: PointerDownOutsideEvent) => void` / - | moved to Root `onOpenChange` | Reason `'outside-press'`; cancel with `eventDetails.cancel()`. Declarative shortcut: Root `disablePointerDismissal` (`boolean`, default `false`). |
-| `onInteractOutside` | `(event: PointerDownOutsideEvent \| FocusOutsideEvent) => void` / - | moved to Root `onOpenChange` | Covers reasons `'outside-press'` and `'focus-out'` (focus-out applies to non-modal dialogs). |
-
-## Title → Title / Description → Description / Close → Close
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` (Title) | `boolean` / `false` | `render` | Base Title renders `<h2>`. |
-| `asChild` (Description) | `boolean` / `false` | `render` | Base Description renders `<p>`. |
-| `asChild` (Close) | `boolean` / `false` | `render` | Base Close renders `<button>`; `nativeButton` available. |
-
-## Base UI only props worth knowing (dialog)
-
-- Root: `actionsRef` (`RefObject<{ unmount(), close() }>`), `onOpenChangeComplete: (open: boolean) => void`, `disablePointerDismissal`, `modal: 'trap-focus'`, `handle` / `triggerId` / `defaultTriggerId` + `Dialog.createHandle()` (detached and multiple triggers), `children` as payload render function.
-- Trigger: `payload`, `handle`, `id`, `nativeButton`.
-- Popup: `initialFocus`, `finalFocus`.
-- Backdrop: `forceRender`.
-- New part: `Viewport` (scrollable positioning container for the popup, useful for outside-scroll dialogs).
-
-## Data attributes (dialog)
-
-| Radix | Base UI | Where |
-| --- | --- | --- |
-| `[data-state="open"]` | `data-open` | Backdrop, Popup, Viewport (presence attr). |
-| `[data-state="closed"]` | `data-closed` | Backdrop, Popup, Viewport. |
-| `[data-state]` on Trigger | `data-popup-open` | Trigger (presence attr). |
-| - | `data-disabled` | Trigger, Close. |
-| - | `data-starting-style` / `data-ending-style` | Backdrop, Popup, Viewport; hooks for enter/exit CSS transitions (replaces Radix animate-on-`data-state` idiom). |
-| - | `data-nested`, `data-nested-dialog-open` | Popup, Viewport. |
-
-## CSS variables (dialog)
-
-| Radix | Base UI |
-| --- | --- |
-| (none documented) | `--nested-dialogs` (`number`, on Popup): count of dialogs nested within. |
-
----
-
-# alert-dialog
-
-Part mapping: Root→Root, Trigger→Trigger, Portal→Portal, Overlay→Backdrop, Content→Popup, Title→Title, Description→Description, Cancel→Close, Action→NO primitive (render a plain button; close via controlled state, `Root actionsRef.close()`, or reuse `AlertDialog.Close` with action semantics in the wrapper). Base UI AlertDialog is always modal and never closes on outside press by default (no `modal` prop, reasons still include `'outside-press'`/`'focus-out'` in the type but pointer dismissal is disabled by design).
-
-## Root → Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `defaultOpen` | `boolean` / - (Base default `false`) | `defaultOpen` | Same. |
-| `open` | `boolean` / - | `open` | Same. |
-| `onOpenChange` | `(open: boolean) => void` / - | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: AlertDialog.Root.ChangeEventDetails) => void`. Same reason union as dialog. |
-
-(Radix AlertDialog.Root has no `modal` prop; Base UI AlertDialog.Root also has none. Parity.)
-
-## Trigger → Trigger
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Plus `nativeButton`, `payload`, `handle`, `id`. |
-
-## Portal → Portal
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `forceMount` | `boolean` / - | `keepMounted` | Same as dialog. |
-| `container` | `HTMLElement` / `document.body` | `container` | Same as dialog (wider type, renders a `<div>`). |
-
-## Overlay → Backdrop
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Same pattern. |
-| `forceMount` | `boolean` / - | dropped | Base-only `forceRender` exists for nested cases. |
-
-## Content → Popup
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Same pattern. |
-| `forceMount` | `boolean` / - | dropped | See dialog notes. |
-| `onOpenAutoFocus` | `(event: Event) => void` / - | moved to Popup `initialFocus` | Same semantics as dialog. Note: Radix alert-dialog focuses `Cancel` by default; Base UI focuses the first tabbable element. To preserve Radix behavior pass `initialFocus={cancelRef}`. |
-| `onCloseAutoFocus` | `(event: Event) => void` / - | moved to Popup `finalFocus` | Same as dialog. |
-| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` / - | moved to Root `onOpenChange` | Reason `'escape-key'` + `eventDetails.cancel()`. |
-
-(Radix AlertDialog.Content intentionally has no `onPointerDownOutside`/`onInteractOutside`; nothing to map.)
-
-## Title → Title / Description → Description
-
-Same as dialog: `asChild` → `render`. Title renders `<h2>`, Description renders `<p>`.
-
-## Cancel → Close
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` on `AlertDialog.Close` | Renamed part. `nativeButton` available. Radix's "Cancel receives focus on open" default must be recreated with Popup `initialFocus`. |
-
-## Action → (no primitive)
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | dropped | No Base UI part. Wrapper renders a styled `<button>`; close after the action via controlled `open`, `actionsRef.current.close()`, or by composing `AlertDialog.Close` and running the action in `onClick`. |
-
-## Base UI only props worth knowing (alert-dialog)
-
-- Root: `actionsRef`, `onOpenChangeComplete`, `handle` / `triggerId` / `defaultTriggerId` + `AlertDialog.createHandle()`, payload-render `children`.
-- Popup: `initialFocus`, `finalFocus`.
-- Backdrop: `forceRender`. New part: `Viewport`.
-
-## Data attributes (alert-dialog)
-
-Identical table to dialog: `data-state="open"/"closed"` → `data-open`/`data-closed` (Backdrop, Popup, Viewport); Trigger `data-state` → `data-popup-open`; Base-only `data-disabled` (Trigger, Close), `data-starting-style`, `data-ending-style`, `data-nested`, `data-nested-dialog-open`.
-
-## CSS variables (alert-dialog)
-
-| Radix | Base UI |
-| --- | --- |
-| (none documented) | `--nested-dialogs` (`number`, on Popup). |
-
----
-
-# popover
-
-Part mapping: Root→Root, Trigger→Trigger, Anchor→(Positioner `anchor` prop), Portal→Portal, Content→Portal>Positioner>Popup (positioning props move to Positioner; focus/dismiss concerns split between Popup and Root), Close→Close, Arrow→Arrow. Base UI also has Backdrop, Title, Description, Viewport parts with no Radix counterpart.
-
-## Root → Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `defaultOpen` | `boolean` / - (Base default `false`) | `defaultOpen` | Same. |
-| `open` | `boolean` / - | `open` | Same. |
-| `onOpenChange` | `(open: boolean) => void` / - | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: Popover.Root.ChangeEventDetails) => void`. Reasons add hover/focus: `'trigger-hover' \| 'trigger-focus' \| 'trigger-press' \| 'outside-press' \| 'escape-key' \| 'close-press' \| 'focus-out' \| 'imperative-action' \| 'none'`. |
-| `modal` | `boolean` / `false` | `modal` | Widened: `boolean \| 'trap-focus'`, default `false`. When `true`, focus trapping requires a `Popover.Close` inside the Popup (can be `sr-only`). |
-
-## Trigger → Trigger
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Plus `nativeButton`. Base-only on Trigger: `openOnHover` (`false`), `delay` (`300`), `closeDelay` (`0`), `payload`, `handle`, `id`. |
-
-## Anchor → Positioner `anchor` prop
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | dropped (part removed) | No Anchor part. Pass `anchor` to Positioner: `Element \| VirtualElement \| React.RefObject<Element \| null> \| (() => Element \| VirtualElement \| null) \| null`. Default anchor is the trigger. |
-
-## Portal → Portal
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `forceMount` | `boolean` / - | `keepMounted` | `boolean`, default `false`. |
-| `container` | `HTMLElement` / `document.body` | `container` | Wider type (adds ShadowRoot/RefObject); Portal renders a `<div>`. |
-
-## Content → Positioner + Popup
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` (Popup) | Same pattern. |
-| `onOpenAutoFocus` | `(event: Event) => void` / - | moved to Popup `initialFocus` | Same shape as dialog (`boolean \| RefObject \| (openType: InteractionType) => ...`). |
-| `onCloseAutoFocus` | `(event: Event) => void` / - | moved to Popup `finalFocus` | Same shape. |
-| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` / - | moved to Root `onOpenChange` | Reason `'escape-key'` + `eventDetails.cancel()`. |
-| `onPointerDownOutside` | `(event: PointerDownOutsideEvent) => void` / - | moved to Root `onOpenChange` | Reason `'outside-press'` + `eventDetails.cancel()`. |
-| `onFocusOutside` | `(event: FocusOutsideEvent) => void` / - | moved to Root `onOpenChange` | Reason `'focus-out'` + `eventDetails.cancel()`. |
-| `onInteractOutside` | `(event: PointerDownOutsideEvent \| FocusOutsideEvent) => void` / - | moved to Root `onOpenChange` | Handle both `'outside-press'` and `'focus-out'`. |
-| `forceMount` | `boolean` / - | dropped | Use Portal `keepMounted`, `onOpenChangeComplete`, `actionsRef.unmount()`. |
-| `side` | `"top" \| "right" \| "bottom" \| "left"` / `"bottom"` | moved to Positioner `side` | Type is `Side` which adds logical values `'inline-start' \| 'inline-end'`. Default `'bottom'` (same). |
-| `sideOffset` | `number` / `0` | moved to Positioner `sideOffset` | Widened: `number \| OffsetFunction` where the function receives `{ anchor, positioner, side, align }`. Default `0` (same). |
-| `align` | `"start" \| "center" \| "end"` / `"center"` | moved to Positioner `align` | Same values/default. |
-| `alignOffset` | `number` / `0` | moved to Positioner `alignOffset` | Widened: `number \| OffsetFunction`. Default `0` (same). |
-| `avoidCollisions` | `boolean` / `true` | moved to Positioner `collisionAvoidance` | Signature changed. Radix boolean → Base `CollisionAvoidance` object `{ side?: 'flip' \| 'shift' \| 'none'; align?: 'flip' \| 'shift' \| 'none'; fallbackAxisSide?: 'start' \| 'end' \| 'none' }`. `avoidCollisions={false}` → `collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}`. |
-| `collisionBoundary` | `Boundary (Element \| null \| Array<Element \| null>)` / `[]` | moved to Positioner `collisionBoundary` | Same name; Base `Boundary` defaults to `'clipping-ancestors'` (Radix default = viewport/clipping ancestors via `[]`). |
-| `collisionPadding` | `number \| Padding` / `0` | moved to Positioner `collisionPadding` | Same shape; default changes `0` → `5`. |
-| `arrowPadding` | `number` / `0` | moved to Positioner `arrowPadding` | Same; default changes `0` → `5`. |
-| `sticky` | `"partial" \| "always"` / `"partial"` | dropped (repurposed name) | Radix `sticky` governed alignment-axis sticking; Base equivalent is `collisionAvoidance.align` (`'shift'` ≈ sticky behavior). CAUTION: Base UI Positioner has a `sticky: boolean` (default `false`) prop with a DIFFERENT meaning: keep the popup in the viewport after the anchor scrolls out of view. Do not copy the Radix value across. |
-| `hideWhenDetached` | `boolean` / `false` | dropped (with workaround) | Positioner/Popup expose `data-anchor-hidden` when the anchor is hidden; recreate with CSS: `[data-anchor-hidden] { visibility: hidden }` on the Positioner. |
-
-## Close → Close
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Plus `nativeButton`. |
-
-## Arrow → Arrow
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Radix renders an `<svg>`; Base renders a `<div>` — supply your own SVG child. |
-| `width` | `number` / `10` | dropped | Size the arrow element/SVG via CSS. |
-| `height` | `number` / `5` | dropped | Size via CSS. Arrow must be a child of Popup (inside Positioner). |
-
-## Base UI only props worth knowing (popover)
-
-- Root: `actionsRef`, `onOpenChangeComplete`, `handle` / `triggerId` / `defaultTriggerId` + `Popover.createHandle()`, payload-render `children`, `modal: 'trap-focus'`.
-- Trigger: `openOnHover` + `delay` + `closeDelay` (hover-open popovers), `payload`, `nativeButton`, `id`.
-- Positioner: `positionMethod` (`'absolute' \| 'fixed'`), `disableAnchorTracking`, `anchor`, `collisionAvoidance`.
-- Popup: `initialFocus`, `finalFocus`.
-- New parts: `Backdrop`, `Title`, `Description`, `Viewport` (animated content swaps between multiple triggers).
-
-## Data attributes (popover)
-
-| Radix (on Content/Trigger/Arrow) | Base UI | Where |
-| --- | --- | --- |
-| `[data-state="open"/"closed"]` | `data-open` / `data-closed` | Backdrop, Positioner, Popup, Arrow. |
-| `[data-state]` on Trigger | `data-popup-open` | Trigger. Base also adds `data-pressed`. |
-| `[data-side]` `"left" \| "right" \| "bottom" \| "top"` | `data-side` | Positioner, Popup, Arrow; values extended with `'inline-start' \| 'inline-end'`. |
-| `[data-align]` `"start" \| "end" \| "center"` | `data-align` | Positioner, Popup, Arrow. |
-| - | `data-starting-style` / `data-ending-style` | Popup, Backdrop (enter/exit animation hooks). |
-| - | `data-anchor-hidden` | Positioner (replaces `hideWhenDetached`). |
-| - | `data-instant` (`'click' \| 'dismiss' \| 'focus' \| 'trigger-change'`) | Popup. |
-| - | `data-uncentered` | Arrow (arrow can't center on anchor). |
-
-## CSS variables (popover)
-
-| Radix (on Content) | Base UI (on Positioner unless noted) |
-| --- | --- |
-| `--radix-popover-content-transform-origin` | `--transform-origin` |
-| `--radix-popover-content-available-width` | `--available-width` |
-| `--radix-popover-content-available-height` | `--available-height` |
-| `--radix-popover-trigger-width` | `--anchor-width` |
-| `--radix-popover-trigger-height` | `--anchor-height` |
-| - | `--positioner-width` / `--positioner-height` (Positioner), `--popup-width` / `--popup-height` (Popup, and on Viewport's previous container) |
-
----
-
-# tooltip
-
-Part mapping: Provider→Provider, Root→Root, Trigger→Trigger, Portal→Portal, Content→Portal>Positioner>Popup, Arrow→Arrow. Delay control moves: Radix `delayDuration` lives on Provider/Root; Base UI open/close delays live on Provider (`delay`/`closeDelay`) and Trigger (`delay`/`closeDelay`).
-
-## Provider → Provider
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `delayDuration` | `number` / `700` | `delay` | Renamed. Base has no documented default on Provider (Trigger default is `600`). |
-| `skipDelayDuration` | `number` / `300` | `timeout` | Renamed + semantics kept: another tooltip opens instantly if the previous closed within `timeout` ms. Default `300` → `400`. |
-| `disableHoverableContent` | `boolean` / - | dropped at Provider; see Root `disableHoverablePopup` | Base UI equivalent exists only per-Root (renamed). |
-
-## Root → Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `defaultOpen` | `boolean` / - (Base default `false`) | `defaultOpen` | Same. |
-| `open` | `boolean` / - | `open` | Same. |
-| `onOpenChange` | `(open: boolean) => void` / - | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: Tooltip.Root.ChangeEventDetails) => void`. Reasons: `'trigger-hover' \| 'trigger-focus' \| 'trigger-press' \| 'outside-press' \| 'escape-key' \| 'disabled' \| 'imperative-action' \| 'none'`. |
-| `delayDuration` | `number` / `700` | moved to Trigger `delay` | `number`, default `600`. `closeDelay` (default `0`) is also on Trigger. |
-| `disableHoverableContent` | `boolean` / - | `disableHoverablePopup` | Renamed; `boolean`, default `false`. |
-
-## Trigger → Trigger
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Base-only on Trigger: `delay` (`600`), `closeDelay` (`0`), `closeOnClick` (`true`), `disabled` (`false`), `payload`, `handle`. |
-
-## Portal → Portal
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `forceMount` | `boolean` / - | `keepMounted` | `boolean`, default `false`. |
-| `container` | `HTMLElement` / `document.body` | `container` | Wider type; renders a `<div>`. |
-
-## Content → Positioner + Popup
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` (Popup) | Same pattern. |
-| `aria-label` | `string` / - | dropped (plain DOM attr) | Pass `aria-label` straight through to Popup if needed; no special prop. |
-| `onEscapeKeyDown` | `(event: KeyboardEvent) => void` / - | moved to Root `onOpenChange` | Reason `'escape-key'` + `eventDetails.cancel()`. |
-| `onPointerDownOutside` | `(event: PointerDownOutsideEvent) => void` / - | moved to Root `onOpenChange` | Reason `'outside-press'` + `eventDetails.cancel()`. |
-| `forceMount` | `boolean` / - | dropped | Portal `keepMounted` / `actionsRef.unmount()`. |
-| `side` | enum / `"top"` | moved to Positioner `side` | `Side` (adds `'inline-start' \| 'inline-end'`); default `'top'` (same). |
-| `sideOffset` | `number` / `0` | moved to Positioner `sideOffset` | `number \| OffsetFunction`; default `0`. |
-| `align` | enum / `"center"` | moved to Positioner `align` | Same values/default. |
-| `alignOffset` | `number` / `0` | moved to Positioner `alignOffset` | `number \| OffsetFunction`; default `0`. |
-| `avoidCollisions` | `boolean` / `true` | moved to Positioner `collisionAvoidance` | Same conversion as popover (`false` → all-`'none'` object). |
-| `collisionBoundary` | `Boundary` / `[]` | moved to Positioner `collisionBoundary` | Base default `'clipping-ancestors'`. |
-| `collisionPadding` | `number \| Padding` / `0` | moved to Positioner `collisionPadding` | Default `0` → `5`. |
-| `arrowPadding` | `number` / `0` | moved to Positioner `arrowPadding` | Default `0` → `5`. |
-| `sticky` | `"partial" \| "always"` / `"partial"` | dropped (repurposed name) | Same caveat as popover: Base `sticky: boolean` means "stay in viewport when anchor scrolls away"; alignment sticking is `collisionAvoidance.align`. |
-| `hideWhenDetached` | `boolean` / `false` | dropped (with workaround) | Style `[data-anchor-hidden]` on Positioner. |
-
-## Arrow → Arrow
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Base renders `<div>`; bring your own SVG. |
-| `width` | `number` / `10` | dropped | CSS sizing. |
-| `height` | `number` / `5` | dropped | CSS sizing. |
-
-## Base UI only props worth knowing (tooltip)
-
-- Root: `trackCursorAxis` (`'none' \| 'x' \| 'y' \| 'both'`, default `'none'`), `disabled`, `disableHoverablePopup`, `actionsRef`, `onOpenChangeComplete`, `handle` / `triggerId` / `defaultTriggerId` + `Tooltip.createHandle()`, payload-render `children`.
-- Provider: `closeDelay` (shared close delay, no Radix counterpart).
-- Trigger: `closeOnClick`, `disabled`, `delay`, `closeDelay`, `payload`.
-- Positioner: `positionMethod`, `disableAnchorTracking`, `anchor`, `collisionAvoidance`.
-- New part: `Viewport`.
-
-## Data attributes (tooltip)
-
-| Radix | Base UI | Where |
-| --- | --- | --- |
-| `[data-state]` `"closed" \| "delayed-open" \| "instant-open"` (Content) | `data-open` / `data-closed` + `data-instant` (`'delay' \| 'dismiss' \| 'focus'`) | Popup, Arrow, Positioner (open/closed). The delayed/instant distinction becomes the `data-instant` value. |
-| `[data-state]` (Trigger) | `data-popup-open` | Trigger. Base also adds `data-trigger-disabled`. |
-| `[data-side]` | `data-side` | Positioner, Popup, Arrow; adds `'inline-start' \| 'inline-end'`. |
-| `[data-align]` | `data-align` | Positioner, Popup, Arrow. |
-| - | `data-starting-style` / `data-ending-style` | Popup. |
-| - | `data-anchor-hidden` | Positioner. |
-| - | `data-uncentered` | Arrow. |
-
-## CSS variables (tooltip)
-
-| Radix (on Content) | Base UI (on Positioner) |
-| --- | --- |
-| `--radix-tooltip-content-transform-origin` | `--transform-origin` |
-| `--radix-tooltip-content-available-width` | `--available-width` |
-| `--radix-tooltip-content-available-height` | `--available-height` |
-| `--radix-tooltip-trigger-width` | `--anchor-width` |
-| `--radix-tooltip-trigger-height` | `--anchor-height` |
-| - | `--popup-width` / `--popup-height` (Viewport's previous container). |
-
----
-
-# hover-card → preview-card
-
-Part mapping: HoverCard.Root→PreviewCard.Root, Trigger→Trigger, Portal→Portal, Content→Portal>Positioner>Popup, Arrow→Arrow. Delays move from Root to Trigger. Both libraries render the trigger as an `<a>` element.
-
-## Root → Root
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `defaultOpen` | `boolean` / - (Base default `false`) | `defaultOpen` | Same. |
-| `open` | `boolean` / - | `open` | Same. |
-| `onOpenChange` | `(open: boolean) => void` / - | `onOpenChange` | Signature changed: `(open: boolean, eventDetails: PreviewCard.Root.ChangeEventDetails) => void`. Reasons: `'trigger-hover' \| 'trigger-focus' \| 'trigger-press' \| 'outside-press' \| 'escape-key' \| 'imperative-action' \| 'none'`. |
-| `openDelay` | `number` / `700` | moved to Trigger `delay` | Renamed + moved; default changes `700` → `600`. |
-| `closeDelay` | `number` / `300` | moved to Trigger `closeDelay` | Moved; default `300` (same). |
-
-## Trigger → Trigger
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Base Trigger renders `<a>`; Base-only: `delay` (`600`), `closeDelay` (`300`), `payload`, `handle`. No `nativeButton` (it is a link, not a button). |
-
-## Portal → Portal
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `forceMount` | `boolean` / - | `keepMounted` | `boolean`, default `false`. |
-| `container` | `HTMLElement` / `document.body` | `container` | Wider type; renders a `<div>`. |
-
-## Content → Positioner + Popup
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` (Popup) | Same pattern. |
-| `forceMount` | `boolean` / - | dropped | Portal `keepMounted` / `actionsRef.unmount()` / `onOpenChangeComplete`. |
-| `side` | enum / `"bottom"` | moved to Positioner `side` | `Side` (adds `'inline-start' \| 'inline-end'`); default `'bottom'` (same). |
-| `sideOffset` | `number` / `0` | moved to Positioner `sideOffset` | `number \| OffsetFunction`; default `0`. |
-| `align` | enum / `"center"` | moved to Positioner `align` | Same values/default. |
-| `alignOffset` | `number` / `0` | moved to Positioner `alignOffset` | `number \| OffsetFunction`; default `0`. |
-| `avoidCollisions` | `boolean` / `true` | moved to Positioner `collisionAvoidance` | Same conversion as popover. |
-| `collisionBoundary` | `Boundary` / `[]` | moved to Positioner `collisionBoundary` | Base default `'clipping-ancestors'`. |
-| `collisionPadding` | `number \| Padding` / `0` | moved to Positioner `collisionPadding` | Default `0` → `5`. |
-| `arrowPadding` | `number` / `0` | moved to Positioner `arrowPadding` | Default `0` → `5`. |
-| `sticky` | `"partial" \| "always"` / `"partial"` | dropped (repurposed name) | Same caveat as popover/tooltip. |
-| `hideWhenDetached` | `boolean` / `false` | dropped (with workaround) | Style `[data-anchor-hidden]` on Positioner. |
-
-(Radix HoverCard.Content documents no dismiss callbacks; escape/outside dismissal maps to Root `onOpenChange` reasons `'escape-key'` / `'outside-press'` if needed.)
-
-## Arrow → Arrow
-
-| Radix prop | Type / default | Base UI equivalent | Migration note |
-| --- | --- | --- | --- |
-| `asChild` | `boolean` / `false` | `render` | Base renders `<div>`. |
-| `width` | `number` / `10` | dropped | CSS sizing. |
-| `height` | `number` / `5` | dropped | CSS sizing. |
-
-## Base UI only props worth knowing (preview-card)
-
-- Root: `actionsRef`, `onOpenChangeComplete`, `handle` / `triggerId` / `defaultTriggerId` + `PreviewCard.createHandle()`, payload-render `children`.
-- Trigger: `payload`, `handle`, per-trigger `delay`/`closeDelay`.
-- Positioner: `positionMethod`, `disableAnchorTracking`, `anchor`, `collisionAvoidance`.
-- New parts: `Backdrop`, `Viewport`.
-
-## Data attributes (preview-card)
-
-| Radix | Base UI | Where |
-| --- | --- | --- |
-| `[data-state="open"/"closed"]` | `data-open` / `data-closed` | Backdrop, Positioner, Popup, Arrow. |
-| `[data-state]` (Trigger) | `data-popup-open` | Trigger. |
-| `[data-side]` | `data-side` | Positioner, Popup, Arrow; adds `'inline-start' \| 'inline-end'`. |
-| `[data-align]` | `data-align` | Positioner, Popup, Arrow. |
-| - | `data-starting-style` / `data-ending-style` | Popup, Backdrop. |
-| - | `data-anchor-hidden` | Positioner. |
-| - | `data-uncentered` | Arrow. |
-
-## CSS variables (preview-card)
-
-| Radix (on Content) | Base UI (on Positioner) |
-| --- | --- |
-| `--radix-hover-card-content-transform-origin` | `--transform-origin` |
-| `--radix-hover-card-content-available-width` | `--available-width` |
-| `--radix-hover-card-content-available-height` | `--available-height` |
-| `--radix-hover-card-trigger-width` | `--anchor-width` |
-| `--radix-hover-card-trigger-height` | `--anchor-height` |
-| - | `--popup-width` / `--popup-height` (Viewport's previous container). |
diff --git a/frontend/.agents/skills/migrate-radix-to-base/universal-patterns.md b/frontend/.agents/skills/migrate-radix-to-base/universal-patterns.md
deleted file mode 100644
index 424cf9e..0000000
--- a/frontend/.agents/skills/migrate-radix-to-base/universal-patterns.md
+++ /dev/null
@@ -1,286 +0,0 @@
-# Radix -> Base UI migration mapping
-
-Sources: (1) mechanical diff of the 61 component pairs in
-`apps/v4/registry/bases/{radix,base}/ui/` (ground truth, authored by us),
-(2) `radix-ui@1.4.3` package exports, (3) base-ui.com docs index for
-`@base-ui/react@1.6.0`. Built 2026-07-02 as the knowledge base for the
-migration agent's `primitives/` skills.
-
-## Coverage matrix
-
-All radix-ui exports, classified for migration:
-
-| Radix primitive | Base UI target | Class |
-|---|---|---|
-| Accordion | Accordion | direct (Content->Panel) |
-| AlertDialog | Alert Dialog | restructured (Overlay->Backdrop, Content->Popup, Cancel->Close, Action dropped) |
-| AspectRatio | none | missing: plain div + CSS `aspect-ratio` (`--ratio` var) |
-| Avatar | Avatar | direct |
-| Checkbox | Checkbox | direct (cleanest 1:1) |
-| Collapsible | Collapsible | direct (Content->Panel) |
-| ContextMenu | Context Menu | restructured (menu mapping) |
-| Dialog | Dialog | restructured (Overlay->Backdrop, Content->Popup) |
-| DropdownMenu | Menu | RENAMED + restructured (canonical menu mapping) |
-| Form | Form + Field + Fieldset | restructured (split into three) |
-| HoverCard | Preview Card | RENAMED + positioner model |
-| Label | none | missing: native `<label>` (Field.Label inside forms) |
-| Menubar | Menubar + Menu | restructured (menubar root only; menus delegate to Menu) |
-| NavigationMenu | Navigation Menu | heavily restructured (Viewport -> Positioner/Popup/Viewport, Indicator->Icon) |
-| Popover | Popover | positioner model (Anchor dropped; verify vs docs) |
-| Progress | Progress | restructured (new Track/Label/Value parts, no manual transform) |
-| RadioGroup | Radio Group + Radio | restructured (Item -> Radio.Root, two subpath imports) |
-| ScrollArea | Scroll Area | direct (Scrollbar/Thumb renames) |
-| Select | Select | restructured (Viewport->List, ScrollButtons->ScrollArrows, alignItemWithTrigger) |
-| Separator | Separator | direct (callable; `decorative` dropped) |
-| Slider | Slider | restructured (Range->Indicator, new Control, thumbAlignment) |
-| Switch | Switch | direct (1:1) |
-| Tabs | Tabs | direct (Trigger->Tab, Content->Panel) |
-| Toast | Toast | restructured (not in our registry pairs; spec from docs; shadcn users mostly use sonner) |
-| Toggle | Toggle | direct (callable) |
-| ToggleGroup | Toggle Group + Toggle | direct (items use Toggle primitive) |
-| Toolbar | Toolbar | direct-ish (not in our pairs; spec from docs) |
-| Tooltip | Tooltip | positioner model (delayDuration->delay on Provider) |
-| unstable_OneTimePasswordField | OTP Field | from docs (our registry uses input-otp instead) |
-| unstable_PasswordToggleField | none | missing: Input + custom toggle |
-
-Utilities:
-
-| Radix utility | Base UI equivalent |
-|---|---|
-| Slot / asChild | `render` prop; `useRender` + `mergeProps` for the manual Slot idiom |
-| Portal | none standalone; per-component `Portal` parts |
-| VisuallyHidden | none; `sr-only` class |
-| AccessibleIcon | none; aria-label + sr-only text |
-| Direction | Direction Provider |
-
-Base UI-only (new capabilities, NOT migration targets): Autocomplete, Combobox,
-Input, Number Field, Checkbox Group, Meter, Filter, CSP Provider.
-
-CORRECTION (dry-run finding): Base UI also ships a `Button` primitive
-(`@base-ui/react/button`) that supports `render`. A shadcn button.tsx using
-the Slot/asChild idiom migrates to `<ButtonPrimitive>` directly, NOT to a
-hand-rolled useRender wrapper. useRender + mergeProps remains correct for
-non-button polymorphic components (breadcrumb link, marker).
-
-Never touched by migration (third-party on both sides): cmdk (command), vaul*
-(drawer; see drawer section: our base drawer moved vaul -> @base-ui/react/drawer),
-sonner, input-otp, react-day-picker (calendar), recharts (chart).
-
-## Universal patterns (apply across all components)
-
-### Imports
-Radix appears in TWO import forms; both map to the same Base UI subpath:
-- Unified package (current shadcn):
-  `import { X as XPrimitive } from "radix-ui"` ->
-  `import { X as XPrimitive } from "@base-ui/react/<kebab-name>"`.
-- Individual packages (legacy/2024-era, e.g. fixture 03):
-  `import * as XPrimitive from "@radix-ui/react-<name>"` ->
-  `import { X as XPrimitive } from "@base-ui/react/<kebab-name>"`.
-  (The namespace `* as` import becomes a named import; remove the individual
-  `@radix-ui/react-*` package from package.json.)
-One subpath per component either way.
-- Types: `React.ComponentProps<typeof XPrimitive.Part>` -> `XPrimitive.Part.Props`.
-  Positioner props via `Pick<XPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">`.
-- Single-part primitives are callable: radix `XPrimitive.Root` -> `XPrimitive`
-  (separator, toggle, toggle-group root, radio-group root, menubar root).
-
-### asChild -> render
-- `<Primitive.Close asChild><Button/></Primitive.Close>` ->
-  `<Primitive.Close render={<Button/>}>...</Primitive.Close>`.
-- Manual Slot idiom (`const Comp = asChild ? Slot.Root : "a"`) ->
-  `useRender` + `mergeProps` from `@base-ui/react/use-render` /
-  `@base-ui/react/merge-props`; prop type `useRender.ComponentProps<"a">`.
-
-### Portal / positioning model (biggest structural change)
-- Radix: `Portal > Content`, positioning props on Content.
-- Base UI: `Portal > Positioner > Popup`. `side`, `sideOffset`, `align`,
-  `alignOffset` (and select's `alignItemWithTrigger`) move to Positioner;
-  Popup is the styled box. Positioner conventionally gets `isolate z-50`.
-- `Overlay` -> `Backdrop` (dialogs, sheets, drawers). Centered modals
-  (dialog/alert-dialog) use Popup WITHOUT a Positioner.
-
-### Data attributes / class hooks
-- `data-[state=open]` -> `data-open`; `data-[state=closed]` -> `data-closed`.
-- Enter/exit animations: `data-[state=open]:animate-in` /
-  `data-[state=closed]:animate-out` -> `data-starting-style:*` /
-  `data-ending-style:*` (transition-based, not keyframes).
-- New Base UI hook: `data-popup-open` (open-submenu/trigger marker).
-- Some triggers gain `aria-disabled:*` variants alongside `disabled:*`
-  (accordion, tabs).
-
-### CSS custom properties
-- `--radix-<comp>-content-transform-origin` -> `--transform-origin`
-- `--radix-<comp>-content-available-height` -> `--available-height`
-- `--radix-<comp>-trigger-width` -> `--anchor-width`
-- `--radix-accordion-content-height` -> `--accordion-panel-height`
-- nav-menu `--radix-navigation-menu-viewport-height/width` ->
-  `--positioner-height/width`, `--popup-height/width`, `--available-width`
-
-### Props
-- Tooltip Provider: `delayDuration` -> `delay`.
-- Select: `position="popper"|"item-aligned"` -> `alignItemWithTrigger` boolean.
-- Slider: gains `thumbAlignment` ("edge"); `Range` -> `Indicator` + new `Control`.
-- Navigation Menu: `viewport` boolean dropped; `align` forwarded to Positioner.
-- `value` / `defaultValue` / `onOpenChange` signatures pass through unchanged at
-  the wrapper level (verify per-primitive callback signatures against docs when
-  authoring specs; wrappers do not exercise them all).
-
-## Part-rename quick reference
-
-| radix part | Base UI part |
-|---|---|
-| `*.Root` (single-part comps) | callable `*Primitive` |
-| `Overlay` | `Backdrop` |
-| `Content` (overlay comps) | `Popup` (inside `Positioner`) |
-| `Content` (accordion/collapsible/tabs) | `Panel` |
-| tabs `Trigger` | `Tab` |
-| menu `Label` | `GroupLabel` |
-| menu `ItemIndicator` | `CheckboxItemIndicator` / `RadioItemIndicator` |
-| `Sub` / `SubTrigger` | `SubmenuRoot` / `SubmenuTrigger` |
-| slider `Range` | `Indicator` (+ new `Control`) |
-| select `Viewport` | `List` |
-| select `ScrollUp/DownButton` | `ScrollUp/DownArrow` |
-| scroll-area `ScrollAreaScrollbar` / `ScrollAreaThumb` | `Scrollbar` / `Thumb` |
-| nav-menu `Indicator` | `Icon` |
-| nav-menu `Viewport` | `Positioner > Popup > Viewport` |
-| hover-card `HoverCard*` | `PreviewCard*` |
-| radio-group `Item` / `Indicator` | `Radio.Root` / `Radio.Indicator` |
-| popover `Anchor` | dropped (verify against docs) |
-| alert-dialog `Cancel` / `Action` | `Close` / dropped (plain Button) |
-| separator `decorative` prop | dropped |
-| Label primitive | native `<label>` |
-
-## Per-component notes
-
-### accordion
-Root/Item/Header/Trigger same; Content -> Panel. Trigger `disabled:*` ->
-`aria-disabled:*`. Height var -> `--accordion-panel-height`; add
-`data-starting-style:h-0 data-ending-style:h-0`.
-
-### dialog / alert-dialog / sheet
-Overlay -> Backdrop, Content -> Popup, Close kept (`asChild` -> `render`).
-Alert-dialog: Cancel -> Close; Action has no primitive (plain Button).
-Sheet: slide animations rewritten from animate-in/out to
-`data-starting-style` / `data-ending-style` with explicit translate per
-`data-[side=...]`. Centered modals: no Positioner.
-
-### drawer (vaul -> Base UI) — OPT-IN ONLY, not part of a radix migration
-Vaul is NOT radix: during a radix -> base-ui migration, leave drawer.tsx
-untouched and report it (hard rule in SKILL.md). This mapping exists only for
-when the user EXPLICITLY asks to also move their drawer off vaul.
-Root gains `modal`, `snapPoints`, `swipeDirection` (default "down"),
-`showSwipeHandle`. Content (single) -> `Viewport > Popup > Content`.
-`data-[vaul-drawer-direction=...]` -> `data-[swipe-direction=...]` /
-`data-[swipe-axis=...]` + `--drawer-*` vars. New SwipeHandle part and a
-context provider in our wrapper. This is a vaul migration, not radix.
-
-### popover / tooltip / hover-card
-Portal > Positioner > Popup. Popover: Anchor dropped, Title is now a real
-primitive part. Tooltip: Provider `delayDuration` -> `delay`; Content gains
-side/align/alignOffset; default sideOffset 0 -> 4; Arrow gets explicit
-per-side positioning classes. HoverCard: primitive renamed PreviewCard
-(public wrapper names stay HoverCard*).
-
-### menus (dropdown-menu -> Menu; context-menu; menubar)
-Canonical mapping: Label -> GroupLabel, ItemIndicator ->
-CheckboxItemIndicator/RadioItemIndicator, Sub -> SubmenuRoot, SubTrigger ->
-SubmenuTrigger, Content -> Portal > Positioner > Popup, SubContent rebuilt
-from the Content component. Content hoists align/alignOffset/side/sideOffset.
-SubTrigger open marker: `data-popup-open`. Context-menu has its own subpath
-(`@base-ui/react/context-menu`), same anatomy. Menubar: only the root and
-checkbox/radio items are menubar/menu primitives; everything else delegates
-to the Menu wrappers (radix Menubar.Menu -> Menu.Root).
-
-### select
-Label -> GroupLabel, Viewport -> List, ScrollUp/DownButton ->
-ScrollUp/DownArrow. Icon/ItemIndicator go `asChild` -> `render`.
-`position` -> `alignItemWithTrigger` (default true) on Positioner. Vars ->
-`--available-height` / `--anchor-width` / `--transform-origin`.
-
-### form controls
-Checkbox: 1:1. Switch: 1:1. Radio group: group from
-`@base-ui/react/radio-group` (callable), items from `@base-ui/react/radio`
-(`Radio.Root` + `Radio.Indicator`). Slider: `Root > Control > Track >
-Indicator` + Thumbs, `thumbAlignment="edge"`; layout classes move Root ->
-Control. Toggle/toggle-group: callable primitives; group items reuse Toggle.
-
-### tabs / collapsible / progress / separator / scroll-area / label
-Tabs: Trigger -> Tab, Content -> Panel, `aria-disabled:*` added. Collapsible:
-Content -> Panel. Progress: new Track/Label/Value parts; primitive computes
-fill (drop the manual translateX). Separator: callable, `decorative` dropped.
-Scroll-area: Scrollbar/Thumb renames only. Label: no primitive; native
-`<label>`.
-
-### navigation-menu
-Viewport moves out of Root into `Portal > Positioner > Popup > Viewport`
-(our NavigationMenuPositioner). Indicator -> Icon. `viewport` boolean prop
-removed; `align` forwarded to Positioner. New `data-instant`,
-`data-activation-direction` hooks; vars -> `--positioner-height/width`,
-`--popup-height/width`.
-
-### breadcrumb / marker (Slot users)
-`Slot.Root` + `asChild` -> `useRender` + `mergeProps`
-(`useRender.ComponentProps<"a">`, `render` prop, `state.slot`).
-
-## Doc-validation TODOs (before specs are final)
-
-1. Popover Anchor: confirm Base UI has no anchor equivalent (Positioner may
-   accept an `anchor` prop; our wrapper simply dropped the part).
-2. Callback signatures: radix `onOpenChange(open)` vs Base UI
-   `onOpenChange(open, event, reason)` style differences; wrappers pass
-   through so the pair diff cannot see them. Check per primitive.
-3. Toast, Toolbar, Form/Field/Fieldset, OTP Field: not covered by our pairs;
-   author these specs from docs alone.
-4. Controlled-prop names on menus/select (`open`, `value`, `highlighted`)
-   and any `defaultChecked`/`checked` nuances.
-5. Focus/dismissal behavior knobs (`onInteractOutside`, `onEscapeKeyDown` ->
-   Base UI equivalents) which our wrappers do not surface.
-
-## Slot -> useRender: WORKED EXAMPLE (avoid the mergeProps pitfall)
-
-Radix:
-```tsx
-import { Slot } from "radix-ui"
-function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot.Root : "a"
-  return <Comp data-slot="breadcrumb-link" className={cn("...", className)} {...props} />
-}
-```
-
-Base UI:
-```tsx
-import { mergeProps } from "@base-ui/react/merge-props"
-import { useRender } from "@base-ui/react/use-render"
-
-function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<"a">) {
-  return useRender({
-    defaultTagName: "a",
-    render,
-    props: mergeProps<"a">(
-      // PITFALL: data-* attributes fail excess-property checking when passed
-      // as an object literal into mergeProps (they are only special-cased in
-      // JSX). Cast the literal:
-      { "data-slot": "breadcrumb-link", className: cn("...", className) } as React.ComponentProps<"a">,
-      props
-    ),
-  })
-}
-```
-
-Two rules:
-1. This pattern is ONLY for non-button polymorphic components (breadcrumb
-   link, marker, badge, item...). `button.tsx` migrates to the real
-   `@base-ui/react/button` primitive, which accepts `render` natively.
-2. Always cast object literals containing `data-*` keys passed to
-   `mergeProps` (`as React.ComponentProps<"tag">`), or tsc fails on every one.
-
-## Positioner props: Pick means FORWARD
-
-When a wrapper exposes positioning props via
-`Pick<XPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">`,
-you MUST destructure each of those props in the wrapper and pass them to
-`<XPrimitive.Positioner>` explicitly. If you forget, they fall through
-`...props` onto the Popup (wrong DOM node) and positioning silently breaks.
-No JSX-level type error catches this; only the wrapper's own destructuring
-discipline and a browser check do. Checklist per overlay wrapper:
-declare -> destructure -> forward. All three, every time.
diff --git a/frontend/.agents/skills/migrate-radix-to-base/wrapper-shapes.md b/frontend/.agents/skills/migrate-radix-to-base/wrapper-shapes.md
deleted file mode 100644
index 58227ad..0000000
--- a/frontend/.agents/skills/migrate-radix-to-base/wrapper-shapes.md
+++ /dev/null
@@ -1,110 +0,0 @@
-# Target wrapper shapes (golden-derived specifics)
-
-Facts learned by diffing hand migrations against the shadcn base registry
-wrappers. These close gaps the mapping tables cannot express: exact classes,
-defaults, and composition shapes. When migrating shadcn-style wrappers,
-prefer these shapes.
-
-## Conventions
-
-- Positioner parts get NO `data-slot` attribute; keep data-slot on the parts
-  the radix wrapper already had.
-- Menu-family Positioner: `className="isolate z-50 outline-none"`; the Popup
-  KEEPS `z-50` and `outline-none` too. Tooltip: Popup keeps `z-50`,
-  Positioner gets `isolate z-50`. Select: `isolate z-50` lives on the Popup,
-  Positioner gets no class.
-- The base registry adds `cn-<comp>-content-logical` (and for tooltip also
-  `cn-tooltip-arrow-logical`) companion classes next to the existing
-  `cn-<comp>-content` hooks on popover, tooltip, hover-card, dropdown,
-  context-menu, select, menubar popups. Add them when the source uses cn-*
-  hooks; skip for plain-Tailwind projects.
-
-## Button
-
-Base UI HAS a Button primitive: `import { Button as ButtonPrimitive } from
-"@base-ui/react/button"`. A shadcn button.tsx with the Slot/asChild idiom
-migrates to `<ButtonPrimitive>` directly (which supports `render`), NOT to a
-hand-rolled useRender wrapper. Reserve useRender + mergeProps for
-non-button polymorphic components (breadcrumb link, marker).
-
-## Tooltip Arrow (literal classes)
-
-```tsx
-<TooltipPrimitive.Arrow
-  className={cn(
-    "cn-tooltip-arrow cn-tooltip-arrow-logical",
-    "data-[side=bottom]:top-1 data-[side=left]:right-[-13px] data-[side=left]:top-1/2! data-[side=left]:-translate-y-1/2 data-[side=right]:left-[-13px] data-[side=right]:top-1/2! data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5",
-    className
-  )}
-/>
-```
-
-Verify against the current base registry tooltip before relying on the exact
-pixel values; the shape (per-side offsets + translate, no rotation) is the
-stable part. Golden default: `alignOffset = 0`, `sideOffset = 4`.
-
-## DropdownMenu / ContextMenu SubContent
-
-Compose the PUBLIC Content wrapper, do not rebuild from primitives:
-
-```tsx
-function DropdownMenuSubContent(props) {
-  return (
-    <DropdownMenuContent
-      align="start"
-      alignOffset={-3}
-      side="right"
-      sideOffset={0}
-      className={cn("w-auto", props.className)}
-      {...props}
-    />
-  )
-}
-```
-
-The `-3` / `0` defaults are load-bearing (visual alignment with the parent
-menu). NOTE: the live registry shapes SubContent differently per menu:
-context-menu is a true minimal compose (as above), while dropdown-menu's
-SubContent duplicates the full content class list (including translucent menu
-styling) rather than composing. When a golden pair exists, copy the golden
-shape; this example is the fallback.
-
-DANGER — do not confuse SubContent defaults with main-Content defaults. The
-values above are ONLY for the *submenu* wrappers (DropdownMenuSubContent /
-ContextMenuSubContent). The MAIN ContextMenuContent (the pointer-anchored
-right-click menu) keeps its own positioning — do NOT apply
-`side="right"`/`alignOffset` to it, or every right-click menu mispositions.
-- ContextMenu SUBContent defaults: `align="start" alignOffset={4} side="right" sideOffset={0}`.
-- DropdownMenu SUBContent defaults: `align="start" alignOffset={-3} side="right" sideOffset={0}`.
-- Main Content (either): keep the wrapper's existing align/sideOffset; do not add a side.
-
-## SubTrigger open styling
-
-Base wrappers ADD `data-popup-open:bg-accent
-data-popup-open:text-accent-foreground` to SubTrigger (no radix equivalent
-class existed; the open styling was previously data-[state=open]).
-
-## Select
-
-- Bare re-export: `const Select = SelectPrimitive.Root` (no wrapper function,
-  no data-slot on Root). `SelectPrimitive.Root.Props` is GENERIC
-  (<Value, Multiple>), which breaks the usual ComponentProps pattern; the
-  bare re-export sidesteps it.
-- Drop the radix `position` prop entirely; expose `alignItemWithTrigger`
-  (default true) picked from Positioner.Props, `sideOffset = 4`.
-- Item anatomy: `ItemText` FIRST with `cn-select-item-text shrink-0
-  whitespace-nowrap`, then `ItemIndicator render={<span
-  className="cn-select-item-indicator" />}`.
-- Scroll arrows get `top-0 w-full` / `bottom-0 w-full`; List has no classes.
-
-## Accordion animation placement
-
-`h-(--accordion-panel-height)`, `data-starting-style:h-0`, and
-`data-ending-style:h-0` all go on the INNER div of the Panel (the element
-that previously carried the radix height animation), not on the Panel itself.
-
-## Tabs
-
-The base registry accepts Base UI's manual-activation default (no
-`activateOnFocus`), and does not forward `orientation` beyond what the radix
-wrapper did. Match it: flag the behavior delta, do not patch it.
diff --git a/frontend/.gitignore b/frontend/.gitignore
index a46e550..d141124 100644
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -42,3 +42,6 @@ next-env.d.ts
 
 *storybook.log
 storybook-static
+
+# One-time-use skill: the Radix→Base UI migration it exists for is done
+.agents/skills/migrate-radix-to-base/

From 9f8ad2a16a8d98bf7734b52b8c0af0692cd29c78 Mon Sep 17 00:00:00 2001
From: 5x <longhorn482653@gmail.com>
Date: Sun, 6 Sep 2026 18:45:44 +0800
Subject: [PATCH 34/34] feat(frontend): surface all API errors via
 react-hot-toast

Per review feedback on PR #18: UI-triggered actions (Run report now,
delete event, delete/clear webhook logs) had no error feedback at all
if their API call failed - only the initial page-load fetch showed
anything, via an inline "Failed to load: ..." message.

- Mount a single <Toaster /> in the root layout, styled to match the
  dashboard's dark theme.
- Every .then()/.catch() promise chain is rewritten as async/await
  with try/catch; every catch calls toast.error(...) - both for
  initial-load failures (previously inline text) and for the
  previously-silent action handlers.
- Each independent async operation gets its own useTransition instead
  of sharing one, per this repo's existing convention: page.tsx and
  webhook-logs/page.tsx each now have separate transitions for the
  initial load, per-item delete, and the page-level action (trigger
  report / clear all) - sharing one was the actual bug root cause,
  since clicking "Run report now" would otherwise also flip the
  events list into its Loading view.
- Dropped the local `error` state var + its inline render in all three
  pages. A failed load now converges on the same EmptyState already
  used for "genuinely no data" - toast carries the failure detail, the
  page itself doesn't need a second, redundant error rendering path.
  events (EventSummary[]) and the webhook-logs page (WebhookLogsPage)
  both drop their `| null` type in favor of an empty default value,
  now that "still loading" is tracked by the transition's own
  isPending instead of a null sentinel.
- app/events/page.tsx gains two EmptyState cases it didn't have before
  (no slug selected; slug given but no data), instead of leaving the
  page stuck on "Loading..." forever after a failed fetch. Its
  timeseries stays nullable - no reasonable non-null default exists
  for this single-object payload, unlike the two list pages.

Verified via a rebuilt local Docker image: forced a real network
failure (browser set offline) and confirmed the toast fires with the
correct message and dark-theme styling in Webhook Logs; forced a real
404 on the event-detail page and confirmed both the toast and the "No
data available" EmptyState render together; confirmed the "No events
yet" and "No webhook events yet" empty states render immediately (no
loading-state flash) after clearing all data via the API.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/app/events/page.tsx       |  43 ++++++---
 frontend/app/layout.tsx            |   7 ++
 frontend/app/page.tsx              | 147 ++++++++++++++++-------------
 frontend/app/webhook-logs/page.tsx |  91 ++++++++++--------
 frontend/hooks/use-require-auth.ts |  12 ++-
 frontend/package.json              |   1 +
 frontend/pnpm-lock.yaml            |  26 +++++
 7 files changed, 203 insertions(+), 124 deletions(-)

diff --git a/frontend/app/events/page.tsx b/frontend/app/events/page.tsx
index 0da6ef4..dedfd82 100644
--- a/frontend/app/events/page.tsx
+++ b/frontend/app/events/page.tsx
@@ -2,9 +2,11 @@
 
 import Link from "next/link";
 import { useSearchParams } from "next/navigation";
-import { Suspense, useEffect, useState } from "react";
-import { ChevronLeft } from "lucide-react";
+import { Suspense, useEffect, useState, useTransition } from "react";
+import { ChevronLeft, FileQuestion, MousePointerClick } from "lucide-react";
+import toast from "react-hot-toast";
 import { getEventTimeseries } from "@/apis/events";
+import { EmptyState } from "@/components/empty-state";
 import { EventChart } from "@/components/event-chart";
 import { Badge } from "@/components/ui/badge";
 import { useRequireAuth } from "@/hooks/use-require-auth";
@@ -23,22 +25,23 @@ function EventDetailContent() {
   const searchParams = useSearchParams();
   const slug = searchParams.get("slug");
   const [timeseries, setTimeseries] = useState<EventTimeseries | null>(null);
-  const [error, setError] = useState<string | null>(null);
+  const [isLoadingTimeseries, startLoadingTimeseries] = useTransition();
 
   useEffect(() => {
     if (auth.status !== "authenticated" || !slug) return;
     let cancelled = false;
-    getEventTimeseries(slug)
-      .then((result) => {
+    startLoadingTimeseries(async () => {
+      try {
+        const result = await getEventTimeseries(slug);
         if (!cancelled) setTimeseries(result);
-      })
-      .catch((err: unknown) => {
+      } catch (err) {
         if (!cancelled) {
-          setError(
+          toast.error(
             err instanceof Error ? err.message : "Failed to load event data",
           );
         }
-      });
+      }
+    });
     return () => {
       cancelled = true;
     };
@@ -54,16 +57,28 @@ function EventDetailContent() {
     return null;
   }
 
-  if (!slug) {
-    return <p>No event selected.</p>;
+  if (isLoadingTimeseries) {
+    return <p>Loading…</p>;
   }
 
-  if (error) {
-    return <p className="text-destructive">{error}</p>;
+  if (!slug) {
+    return (
+      <EmptyState
+        icon={MousePointerClick}
+        title="No event selected"
+        description="Pick an event from the list to see its registration chart."
+      />
+    );
   }
 
   if (!timeseries) {
-    return <p>Loading…</p>;
+    return (
+      <EmptyState
+        icon={FileQuestion}
+        title="No data available"
+        description="This event doesn't have any chart data yet."
+      />
+    );
   }
 
   const startLabel = formatStartDate(timeseries.event.start_at);
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index 6a51d57..9970f26 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -1,6 +1,7 @@
 import { Geist, Geist_Mono, Inter, Playfair_Display } from "next/font/google";
 import Link from "next/link";
 import type { Metadata } from "next";
+import { Toaster } from "react-hot-toast";
 import { BACKEND_ORIGIN } from "@/configurations/backend";
 import { cn } from "@/lib/utils";
 import "./globals.css";
@@ -61,6 +62,12 @@ export default function RootLayout({ children }: LayoutProps<"/">) {
           </a>
         </nav>
         <main className="mx-auto w-full max-w-4xl flex-1 p-8">{children}</main>
+        <Toaster
+          toastOptions={{
+            className:
+              "!rounded-lg !border !border-border !bg-card !text-sm !text-foreground",
+          }}
+        />
       </body>
     </html>
   );
diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
index c1a83b0..a5d5a9c 100644
--- a/frontend/app/page.tsx
+++ b/frontend/app/page.tsx
@@ -3,6 +3,7 @@
 import Link from "next/link";
 import { useEffect, useState, useTransition } from "react";
 import { CalendarX, ChevronRight, RefreshCw } from "lucide-react";
+import toast from "react-hot-toast";
 import { deleteEvent, listEvents, triggerReport } from "@/apis/events";
 import { EmptyState } from "@/components/empty-state";
 import { Badge } from "@/components/ui/badge";
@@ -22,24 +23,26 @@ function formatStartDate(startAt: string | null): string | null {
 
 export default function DashboardHomePage() {
   const auth = useRequireAuth();
-  const [events, setEvents] = useState<EventSummary[] | null>(null);
-  const [error, setError] = useState<string | null>(null);
-  const [isPending, startTransition] = useTransition();
+  const [events, setEvents] = useState<EventSummary[]>([]);
+  const [isLoadingEvents, startLoadingEvents] = useTransition();
+  const [isTriggeringReport, startTriggeringReport] = useTransition();
+  const [isDeleting, startDeleting] = useTransition();
 
   useEffect(() => {
     if (auth.status !== "authenticated") return;
     let cancelled = false;
-    listEvents()
-      .then((result) => {
+    startLoadingEvents(async () => {
+      try {
+        const result = await listEvents();
         if (!cancelled) setEvents(result);
-      })
-      .catch((err: unknown) => {
+      } catch (err) {
         if (!cancelled) {
-          setError(
+          toast.error(
             err instanceof Error ? err.message : "Failed to load events",
           );
         }
-      });
+      }
+    });
     return () => {
       cancelled = true;
     };
@@ -60,8 +63,14 @@ export default function DashboardHomePage() {
   }
 
   const handleTriggerReport = () => {
-    startTransition(async () => {
-      await triggerReport();
+    startTriggeringReport(async () => {
+      try {
+        await triggerReport();
+      } catch (err) {
+        toast.error(
+          err instanceof Error ? err.message : "Failed to trigger report",
+        );
+      }
     });
   };
 
@@ -73,15 +82,15 @@ export default function DashboardHomePage() {
     ) {
       return;
     }
-    startTransition(async () => {
-      await deleteEvent(slug);
-      await listEvents()
-        .then(setEvents)
-        .catch((err: unknown) => {
-          setError(
-            err instanceof Error ? err.message : "Failed to load events",
-          );
-        });
+    startDeleting(async () => {
+      try {
+        await deleteEvent(slug);
+        setEvents(await listEvents());
+      } catch (err) {
+        toast.error(
+          err instanceof Error ? err.message : "Failed to delete event",
+        );
+      }
     });
   };
 
@@ -99,71 +108,73 @@ export default function DashboardHomePage() {
           variant="secondary"
           size="sm"
           onClick={handleTriggerReport}
-          disabled={isPending}
+          disabled={isTriggeringReport}
         >
           <RefreshCw className="size-3.5" />
           Run report now
         </Button>
       </div>
-      {error && <p className="mt-4 text-base text-destructive">{error}</p>}
       <div className="mt-8 flex flex-col gap-3">
-        {events === null && !error && (
+        {isLoadingEvents && (
           <p className="text-base text-muted-foreground">Loading…</p>
         )}
-        {events?.length === 0 && (
+        {!isLoadingEvents && events.length === 0 && (
           <EmptyState
             icon={CalendarX}
             title="No events yet"
             description="Events appear automatically once KKTIX sends a registration webhook."
           />
         )}
-        {events?.map((event) => {
-          const startLabel = formatStartDate(event.start_at);
-          return (
-            <div
-              key={event.event_slug}
-              className="flex items-center justify-between gap-4 rounded-lg border border-border bg-card p-5 transition-colors hover:border-primary/40"
-            >
-              <Link
-                href={`/events?slug=${encodeURIComponent(event.event_slug)}`}
-                className="min-w-0 flex-1"
+        {!isLoadingEvents &&
+          events.map((event) => {
+            const startLabel = formatStartDate(event.start_at);
+            return (
+              <div
+                key={event.event_slug}
+                className="flex items-center justify-between gap-4 rounded-lg border border-border bg-card p-5 transition-colors hover:border-primary/40"
               >
-                <div className="text-base font-medium">{event.event_name}</div>
-                <div className="mt-2 flex items-center gap-2 text-xs text-muted-foreground">
-                  {event.channel && (
-                    <Badge className="rounded-full bg-primary/15 px-2.5 py-0.5 text-xs text-primary">
-                      {event.channel}
-                    </Badge>
-                  )}
-                  {event.capacity !== null && (
-                    <span>Capacity {event.capacity}</span>
-                  )}
-                  {startLabel && (
-                    <>
-                      <span className="text-border">·</span>
-                      <span>Starts {startLabel}</span>
-                    </>
-                  )}
-                </div>
-              </Link>
-              <div className="flex items-center gap-1">
-                <Button
-                  type="button"
-                  variant="ghost"
-                  size="sm"
-                  className="text-destructive hover:text-destructive"
-                  onClick={() =>
-                    handleDelete(event.event_slug, event.event_name)
-                  }
-                  disabled={isPending}
+                <Link
+                  href={`/events?slug=${encodeURIComponent(event.event_slug)}`}
+                  className="min-w-0 flex-1"
                 >
-                  Delete
-                </Button>
-                <ChevronRight className="size-4 text-muted-foreground" />
+                  <div className="text-base font-medium">
+                    {event.event_name}
+                  </div>
+                  <div className="mt-2 flex items-center gap-2 text-xs text-muted-foreground">
+                    {event.channel && (
+                      <Badge className="rounded-full bg-primary/15 px-2.5 py-0.5 text-xs text-primary">
+                        {event.channel}
+                      </Badge>
+                    )}
+                    {event.capacity !== null && (
+                      <span>Capacity {event.capacity}</span>
+                    )}
+                    {startLabel && (
+                      <>
+                        <span className="text-border">·</span>
+                        <span>Starts {startLabel}</span>
+                      </>
+                    )}
+                  </div>
+                </Link>
+                <div className="flex items-center gap-1">
+                  <Button
+                    type="button"
+                    variant="ghost"
+                    size="sm"
+                    className="text-destructive hover:text-destructive"
+                    onClick={() =>
+                      handleDelete(event.event_slug, event.event_name)
+                    }
+                    disabled={isDeleting}
+                  >
+                    Delete
+                  </Button>
+                  <ChevronRight className="size-4 text-muted-foreground" />
+                </div>
               </div>
-            </div>
-          );
-        })}
+            );
+          })}
       </div>
     </>
   );
diff --git a/frontend/app/webhook-logs/page.tsx b/frontend/app/webhook-logs/page.tsx
index 89de1da..c83e757 100644
--- a/frontend/app/webhook-logs/page.tsx
+++ b/frontend/app/webhook-logs/page.tsx
@@ -2,6 +2,7 @@
 
 import { useEffect, useState, useTransition } from "react";
 import { ChevronRight, Inbox } from "lucide-react";
+import toast from "react-hot-toast";
 import {
   clearWebhookLogs,
   deleteWebhookLog,
@@ -27,6 +28,13 @@ import type {
 
 const PAGE_SIZE = 50;
 
+const EMPTY_PAGE: WebhookLogsPage = {
+  items: [],
+  total: 0,
+  limit: PAGE_SIZE,
+  offset: 0,
+};
+
 function summarizeBody(body: string | null): string {
   if (!body) return "—";
   try {
@@ -46,23 +54,30 @@ function summarizeBody(body: string | null): string {
 export default function WebhookLogsPage() {
   const auth = useRequireAuth();
   const [offset, setOffset] = useState(0);
-  const [page, setPage] = useState<WebhookLogsPage | null>(null);
-  const [error, setError] = useState<string | null>(null);
-  const [isPending, startTransition] = useTransition();
+  const [page, setPage] = useState<WebhookLogsPage>(EMPTY_PAGE);
+  const [isLoadingLogs, startLoadingLogs] = useTransition();
+  const [isDeleting, startDeleting] = useTransition();
+  const [isClearingAll, startClearingAll] = useTransition();
   const [openIds, setOpenIds] = useState<Set<number>>(new Set());
 
-  const reload = () => {
-    return listWebhookLogs(PAGE_SIZE, offset)
-      .then(setPage)
-      .catch((err: unknown) => {
-        setError(err instanceof Error ? err.message : "Failed to load logs");
-      });
-  };
-
   useEffect(() => {
     if (auth.status !== "authenticated") return;
-    reload();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    let cancelled = false;
+    startLoadingLogs(async () => {
+      try {
+        const result = await listWebhookLogs(PAGE_SIZE, offset);
+        if (!cancelled) setPage(result);
+      } catch (err) {
+        if (!cancelled) {
+          toast.error(
+            err instanceof Error ? err.message : "Failed to load logs",
+          );
+        }
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
   }, [auth.status, offset]);
 
   if (auth.status === "loading") {
@@ -88,33 +103,36 @@ export default function WebhookLogsPage() {
   };
 
   const handleDelete = (id: number) => {
-    startTransition(async () => {
-      await deleteWebhookLog(id);
-      await reload();
+    startDeleting(async () => {
+      try {
+        await deleteWebhookLog(id);
+        setPage(await listWebhookLogs(PAGE_SIZE, offset));
+      } catch (err) {
+        toast.error(
+          err instanceof Error ? err.message : "Failed to delete log",
+        );
+      }
     });
   };
 
   const handleClearAll = () => {
     if (
       !window.confirm(
-        `Clear ALL ${page?.total ?? 0} webhook logs? This cannot be undone.`,
+        `Clear ALL ${page.total} webhook logs? This cannot be undone.`,
       )
     ) {
       return;
     }
-    startTransition(async () => {
-      await clearWebhookLogs();
-      setOffset(0);
-      // Fetch page 0 directly rather than calling reload() here — reload()'s
-      // closure was created with the OLD offset value at render time, and
-      // setOffset(0) above doesn't take effect until the next render, so
-      // calling reload() synchronously in this same handler would still
-      // request the stale offset.
-      await listWebhookLogs(PAGE_SIZE, 0)
-        .then(setPage)
-        .catch((err: unknown) => {
-          setError(err instanceof Error ? err.message : "Failed to load logs");
-        });
+    startClearingAll(async () => {
+      try {
+        await clearWebhookLogs();
+        setOffset(0);
+        setPage(await listWebhookLogs(PAGE_SIZE, 0));
+      } catch (err) {
+        toast.error(
+          err instanceof Error ? err.message : "Failed to clear logs",
+        );
+      }
     });
   };
 
@@ -128,16 +146,15 @@ export default function WebhookLogsPage() {
           size="sm"
           className="text-destructive hover:text-destructive"
           onClick={handleClearAll}
-          disabled={isPending}
+          disabled={isClearingAll}
         >
           Clear all
         </Button>
       </div>
-      {error && <p className="mt-4 text-base text-destructive">{error}</p>}
-      {page === null && !error && (
+      {isLoadingLogs && (
         <p className="mt-4 text-base text-muted-foreground">Loading…</p>
       )}
-      {page && page.total === 0 && (
+      {!isLoadingLogs && page.total === 0 && (
         <div className="mt-6">
           <EmptyState
             icon={Inbox}
@@ -146,7 +163,7 @@ export default function WebhookLogsPage() {
           />
         </div>
       )}
-      {page && page.total > 0 && (
+      {!isLoadingLogs && page.total > 0 && (
         <>
           <div className="mt-6 overflow-hidden rounded-lg border border-border bg-card">
             <div className="hidden items-center gap-3 border-b border-border px-4 py-2.5 text-xs text-muted-foreground tablet:grid tablet:grid-cols-[2rem_4rem_9rem_5rem_6rem_1fr_auto]">
@@ -221,7 +238,7 @@ export default function WebhookLogsPage() {
                       size="sm"
                       className="self-end text-destructive hover:text-destructive"
                       onClick={() => handleDelete(item.id)}
-                      disabled={isPending}
+                      disabled={isDeleting}
                     >
                       Delete
                     </Button>
@@ -259,7 +276,7 @@ export default function WebhookLogsPage() {
                       size="sm"
                       className="text-destructive hover:text-destructive"
                       onClick={() => handleDelete(item.id)}
-                      disabled={isPending}
+                      disabled={isDeleting}
                     >
                       Delete
                     </Button>
diff --git a/frontend/hooks/use-require-auth.ts b/frontend/hooks/use-require-auth.ts
index bdbe0ab..0226018 100644
--- a/frontend/hooks/use-require-auth.ts
+++ b/frontend/hooks/use-require-auth.ts
@@ -17,8 +17,9 @@ export function useRequireAuth(): AuthState {
   useEffect(() => {
     let cancelled = false;
 
-    getCurrentUser()
-      .then((user) => {
+    async function checkAuth() {
+      try {
+        const user = await getCurrentUser();
         if (cancelled) return;
         if (user) {
           setState({ status: "authenticated", user });
@@ -26,15 +27,16 @@ export function useRequireAuth(): AuthState {
           setState({ status: "unauthenticated" });
           window.location.href = `${BACKEND_ORIGIN}/dashboard/login`;
         }
-      })
-      .catch((error: unknown) => {
+      } catch (error) {
         if (cancelled) return;
         setState({
           status: "error",
           message: error instanceof Error ? error.message : "Unknown error",
         });
-      });
+      }
+    }
 
+    checkAuth();
     return () => {
       cancelled = true;
     };
diff --git a/frontend/package.json b/frontend/package.json
index 3782d98..48e2e08 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -22,6 +22,7 @@
     "next": "16.3.1",
     "react": "19.2.8",
     "react-dom": "19.2.8",
+    "react-hot-toast": "^2.6.0",
     "recharts": "3.8.0",
     "shadcn": "^4.18.0",
     "tailwind-merge": "^3.6.0",
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index c57722f..18e9d9d 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -35,6 +35,9 @@ importers:
       react-dom:
         specifier: 19.2.8
         version: 19.2.8(react@19.2.8)
+      react-hot-toast:
+        specifier: ^2.6.0
+        version: 2.6.0(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
       recharts:
         specifier: 3.8.0
         version: 3.8.0(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@17.0.2)(react@19.2.8)(redux@5.0.1)
@@ -2919,6 +2922,11 @@ packages:
   globrex@0.1.2:
     resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
 
+  goober@2.1.19:
+    resolution: {integrity: sha512-U7veizMqxyKlM58+Z5j2ngJBH/r9siDmxpvNxSw0PylF6WQvrASJEZrxh1hidRBJc2jqoBVSyOban5u8m+6Rxg==}
+    peerDependencies:
+      csstype: ^3.0.10
+
   gopd@1.2.0:
     resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
     engines: {node: '>= 0.4'}
@@ -4033,6 +4041,13 @@ packages:
     peerDependencies:
       react: ^19.2.8
 
+  react-hot-toast@2.6.0:
+    resolution: {integrity: sha512-bH+2EBMZ4sdyou/DPrfgIouFpcRLCJ+HoCA32UoAYHn6T3Ur5yfcDCeSr5mwldl6pFOsiocmrXMuoCJ1vV8bWg==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      react: '>=16'
+      react-dom: '>=16'
+
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
@@ -7616,6 +7631,10 @@ snapshots:
 
   globrex@0.1.2: {}
 
+  goober@2.1.19(csstype@3.2.3):
+    dependencies:
+      csstype: 3.2.3
+
   gopd@1.2.0: {}
 
   graceful-fs@4.2.11: {}
@@ -8610,6 +8629,13 @@ snapshots:
       react: 19.2.8
       scheduler: 0.27.0
 
+  react-hot-toast@2.6.0(react-dom@19.2.8(react@19.2.8))(react@19.2.8):
+    dependencies:
+      csstype: 3.2.3
+      goober: 2.1.19(csstype@3.2.3)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+
   react-is@16.13.1: {}
 
   react-is@17.0.2: {}