commit f8f9b4424c1d0f85c447128611fa6909703a65fc
Author: jwinterm <johnwmurphy@gmail.com>
Date:   Mon Mar 9 11:08:55 2026 -0400

    Fork xmrcheckout for Wownero (WOW)
    
    Minimal changes from upstream xmrcheckout to support Wownero:
    - Rate provider: Nonlogs WOW-BTC via Kraken BTC/USD
    - Subaddress derivation: Wownero network byte overrides (53/63/54)
    - Payment URI scheme: wownero:
    - Dockerfile: Wownero binaries from Codeberg
    - Display text: Monero→Wownero, XMR→WOW throughout UI
    - Default daemon: 192.168.88.235:34568
    - Added wownero-logo.svg
    
    File and folder structure kept identical to upstream for easy sync.

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..e8c3b46
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,35 @@
+# Database
+POSTGRES_USER=wowcheckout
+POSTGRES_PASSWORD=wowcheckout
+POSTGRES_DB=wowcheckout
+DATABASE_URL=postgresql://wowcheckout:wowcheckout@db:5432/wowcheckout
+
+# Optional: Postgres backups (used by the `db-backup` Compose profile)
+BACKUP_RETENTION_DAYS=7
+
+# API authentication
+API_KEYS=dev-key-1
+API_KEY_ENCRYPTION_KEY=replace-with-fernet-key
+RATE_PROVIDER=nonlogs
+INVOICE_RECONCILE_INTERVAL_SECONDS=30
+
+# Founder donation wallet (view-only)
+FOUNDER_PAYMENT_ADDRESS=
+FOUNDER_VIEW_KEY=
+DONATIONS_ENABLED=false
+
+# Wownero wallet RPC (view-only wallet generation + subaddresses)
+MONERO_WALLET_RPC_URLS=http://wallet-rpc-reconciler-1:18083,http://wallet-rpc-reconciler-2:18083,http://wallet-rpc-reconciler-3:18083
+MONERO_WALLET_RPC_USER=
+MONERO_WALLET_RPC_PASSWORD=
+MONERO_WALLET_RPC_WALLET_PASSWORD=
+MONERO_WALLET_RPC_WALLET_DIR=/wallets
+
+# Wownero daemon
+# - Default: uses a local daemon
+# - Local: run the bundled `wownerod` service and set MONERO_DAEMON_URL=http://wownerod:34568
+MONERO_DAEMON_URL=http://192.168.88.235:34568
+
+# UI
+API_BASE_URL=http://api:8000
+SITE_URL=https://wowcheckout.such.software
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..c742db9
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,12 @@
+.env
+ui/.env
+
+ui/.next/
+ui/node_modules/
+
+**/__pycache__/
+*.py[cod]
+
+nginx/certs/
+
+backups/
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..c5da7b6
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 xmrcheckout contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..08514d7
--- /dev/null
+++ b/README.md
@@ -0,0 +1,320 @@
+<p align="center">
+  <img src="ui/public/logo.png" width="120" alt="XMR Checkout logo" />
+</p>
+
+# wowcheckout
+
+Non-custodial Wownero checkout software for merchants. Payments go directly from the customer to the merchant wallet.
+
+wowcheckout is open source and self-hostable. It creates invoices, shows payment instructions, and watches the chain for incoming payments using view-only wallet access (address + secret view key). It can also notify your systems via API and webhooks.
+
+Hard rules:
+- It never requests or stores private spend keys.
+- It never signs transactions.
+- It never moves funds on behalf of users.
+- View-only access (wallet address + private view key) is the maximum trust boundary.
+
+## Contents
+
+- [Who it's for](#who-its-for)
+- [What it does](#what-it-does)
+- [Trust model](#trust-model)
+- [Repository layout](#repository-layout)
+- [Screenshots](#screenshots)
+- [Quick start](#quick-start)
+- [Self-hosted deployment](#self-hosted-deployment-docker-compose)
+- [Self-hosted deployment (no Docker)](#self-hosted-deployment-no-docker)
+- [Development (API)](#development-api-python)
+
+## Who it's for
+
+If you want Wownero payments to go straight to your own wallet, this is for you.
+
+Common fits:
+- A merchant who wants a clean hosted checkout UI (self-hosted by you).
+- A team that wants API + webhooks to plug into an existing order flow.
+- Anyone who prefers a conservative trust model (view-only access for detection).
+
+## What it does
+
+Typical flow:
+1. Your integration creates an invoice (defined in WOW).
+2. The UI shows payment instructions (address + amount).
+3. The system observes the chain using view-only wallet access to detect payments and update invoice status.
+4. Optional integrations (for example webhooks) can be used to trigger your internal order flow.
+
+Not included (by design):
+- It does not provide custody, refunds, or any fund-moving automation.
+- It does not act as a financial intermediary.
+- It does not touch fiat rails in the core system.
+
+## Trust model
+
+- Funds always move from the customer to the merchant wallet; wowcheckout only observes the chain and reports status.
+- You keep spend authority. The maximum permission level wowcheckout uses is view-only wallet access (wallet address + private view key).
+- If any configuration or integration implies spend authority, treat it as a misconfiguration and stop.
+
+## Repository layout
+
+- `ui/`: web UI
+- `api/`: API service (Python)
+- `docker-compose.yml`: local stack and self-hosted deployment
+- `nginx/`: optional reverse proxy / TLS termination (used by Docker Compose)
+
+## Screenshots
+
+Post-login UI:
+
+### Dashboard
+
+![Dashboard overview](screenshots/ui_dashboard.png)
+
+### Invoices
+
+![Invoice list and status](screenshots/ui_invoices.png)
+
+### Create invoice
+
+![Create invoice dialog (WOW amount)](screenshots/create_invoice_xmr.png)
+
+![Create invoice dialog (fiat-denominated input, informational estimate)](screenshots/create_invoice_fiat.png)
+
+![Create invoice dialog (summary)](screenshots/create_invoice_summary.png)
+
+### Public invoice page
+
+![Public invoice page awaiting on-chain payment](screenshots/public_invoice_pending_payment.png)
+
+## Quick start
+
+### Homepage only (Docker)
+
+```
+docker build -t wowcheckout-home .
+docker run --rm -p 8080:80 wowcheckout-home
+```
+
+Open `http://localhost:8080`.
+
+### Full stack (Docker Compose)
+
+```
+docker compose up --build
+```
+
+Open `http://localhost:8180` for the UI.
+In the default Compose configuration, only `nginx` is published to the host. The API, Postgres, and wallet-rpc services are reachable only inside the Docker network.
+If you prefer not to run `nginx`, you can publish `ui` and `api` ports directly instead (you will also need to serve `qr/` at `/qr/` on your site URL).
+
+## Self-hosted deployment (Docker Compose)
+
+1. Copy the environment template and fill in required values:
+
+```
+cp .env.example .env
+```
+
+2. Set required values in `.env`:
+- `POSTGRES_USER`, `POSTGRES_PASSWORD`, `POSTGRES_DB`
+- `API_KEYS`, `API_KEY_ENCRYPTION_KEY`
+- `SITE_URL` (public URL for the UI)
+- Wownero view-only wallet settings (`MONERO_WALLET_RPC_*`)
+- `MONERO_DAEMON_URL` (choose one of the options below)
+
+3. Choose a Wownero daemon source:
+- **Use an existing daemon (default):**
+  - Leave `MONERO_DAEMON_URL` as-is (the default points at a local Wownero daemon).
+- **Run your own daemon via Docker Compose:**
+  - Set `MONERO_DAEMON_URL=http://wownerod:34568`
+  - Start the stack with the `local-daemon` profile (see step 5)
+  - Note: initial sync can take a long time and uses significant disk; payment detection won’t be reliable until the daemon is synced.
+
+4. Choose a wallet-rpc target and provision view-only wallets:
+- Use the bundled wallet-rpc containers:
+  - Set `MONERO_WALLET_RPC_URLS=http://wallet-rpc-reconciler-1:18083,http://wallet-rpc-reconciler-2:18083,http://wallet-rpc-reconciler-3:18083`
+- Or point to an external wallet-rpc service:
+  - Set `MONERO_WALLET_RPC_URLS`, `MONERO_WALLET_RPC_USER`, `MONERO_WALLET_RPC_PASSWORD`, and `MONERO_WALLET_RPC_WALLET_PASSWORD`
+
+5. Start the stack:
+
+```
+docker compose up --build -d
+```
+
+If you’re running the bundled `wownerod` service:
+
+```
+docker compose --profile local-daemon up --build -d
+```
+
+### Optional: Postgres backups (disabled by default)
+
+This repository includes an optional `db-backup` service that runs `pg_dump` hourly and writes backups to `./backups/postgres` on the host.
+
+Enable it by starting Compose with the `db-backup` profile:
+
+```
+docker compose --profile db-backup up --build -d
+```
+
+Retention defaults to 7 days. To override:
+- Set `BACKUP_RETENTION_DAYS` in `.env`
+
+### Optional: donations (disabled by default)
+
+Donation endpoints and UI are off by default for self-hosted deployments.
+To enable donations:
+- Set `DONATIONS_ENABLED=true`
+- Set `FOUNDER_PAYMENT_ADDRESS` and `FOUNDER_VIEW_KEY`
+
+The UI uses the same flag (via Compose), so `/donate` stays unavailable unless donations are explicitly enabled.
+
+## Self-hosted deployment (no Docker)
+
+This section describes running the services directly on a host (or VMs) without Docker.
+
+You will run:
+- Postgres (external service)
+- API (`gunicorn` / `uvicorn`)
+- Reconciler worker (a separate process)
+- UI (Next.js)
+- A reverse proxy is optional, but strongly recommended for TLS, serving `/qr/`, and providing a single origin for UI + API.
+
+### 1. Install prerequisites
+
+- Postgres 16+
+- Python 3.12+
+- Node.js 20+ (for the UI)
+- A Wownero daemon endpoint (`MONERO_DAEMON_URL`) and at least one `wownero-wallet-rpc` instance reachable by the API
+
+### 2. Configure environment variables
+
+Start from `.env.example` and adjust for your host. For non-Docker deployments you will typically set:
+- `DATABASE_URL=postgresql://...@127.0.0.1:5432/...`
+- `QR_STORAGE_DIR` to a persistent directory on disk (for example `/var/lib/wowcheckout/qr`)
+- `SITE_URL` to your public URL (for example `https://example.com`)
+- `API_BASE_URL` for the UI:
+  - If using a reverse proxy that routes `/api/` to the API on the same origin, set `API_BASE_URL=https://example.com`
+  - If not using a reverse proxy, set `API_BASE_URL=http://127.0.0.1:8000` (see the notes in step 6)
+
+If you need a new `API_KEY_ENCRYPTION_KEY` value:
+
+```
+python -c 'from cryptography.fernet import Fernet; print(Fernet.generate_key().decode())'
+```
+
+### 3. Create the Postgres database
+
+Create a database and user matching your `DATABASE_URL`. On first startup, the API will create tables automatically.
+
+### 4. Run the API
+
+```
+python -m venv api/.venv
+api/.venv/bin/pip install -r api/requirements.txt
+
+# Export env vars (or use your process manager to load them)
+set -a
+source .env
+set +a
+
+api/.venv/bin/gunicorn app.main:app -k uvicorn.workers.UvicornWorker -b 127.0.0.1:8000 -w "${GUNICORN_WORKERS:-2}" --chdir api
+```
+
+### 5. Run the reconciler worker
+
+Run this as a separate long-running process (same environment variables as the API):
+
+```
+set -a
+source .env
+set +a
+
+api/.venv/bin/python -m app.reconciler
+```
+
+### 6. Build and run the UI
+
+```
+cd ui
+npm ci
+
+# Optional but recommended to keep these explicit in non-Docker deployments
+export API_BASE_URL="${API_BASE_URL:-http://127.0.0.1:8000}"
+export NEXT_PUBLIC_SITE_URL="${SITE_URL:-http://127.0.0.1:3000}"
+export NEXT_PUBLIC_DONATIONS_ENABLED="${DONATIONS_ENABLED:-false}"
+
+npm run build
+npm run start -- -p 3000 -H 127.0.0.1
+```
+
+Notes:
+- The UI makes some in-browser requests to `/api/...` on the same origin. In production, prefer a reverse proxy that serves the UI and forwards `/api/` to the API.
+- The QR PNGs are written to `QR_STORAGE_DIR` and must be reachable at `https://<your-site>/qr/<invoice_id>.png`.
+
+### Optional: reverse proxy (Nginx)
+
+Nginx is optional. Any reverse proxy that can:
+- route `/api/` to the API,
+- route `/` to the UI,
+- and serve the QR directory at `/qr/`
+
+is fine.
+
+Example (adjust `server_name`, TLS, and paths to match your host):
+
+```
+server {
+  listen 443 ssl;
+  server_name example.com;
+
+  # ssl_certificate ...;
+  # ssl_certificate_key ...;
+
+  location /api/ {
+    proxy_pass http://127.0.0.1:8000/api/;
+    proxy_set_header Host $host;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header X-Forwarded-Proto $scheme;
+  }
+
+  location /qr/ {
+    alias /var/lib/wowcheckout/qr/;
+    add_header Cache-Control "public, max-age=31536000, immutable";
+    try_files $uri =404;
+  }
+
+  location / {
+    proxy_pass http://127.0.0.1:3000/;
+    proxy_set_header Host $host;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header X-Forwarded-Proto $scheme;
+  }
+}
+```
+
+## Development (API, Python)
+
+1. Set environment variables (see `api/.env.example`):
+
+```
+export DATABASE_URL=postgresql://wowcheckout:wowcheckout@localhost:5432/wowcheckout
+export API_KEYS=change-me-1
+```
+
+2. Install dependencies:
+
+```
+python -m venv .venv
+source .venv/bin/activate
+pip install -r api/requirements.txt
+```
+
+3. Start the API:
+
+```
+cd api
+uvicorn app.main:app --reload
+```
+
+The API listens on `http://127.0.0.1:8000`.
diff --git a/api/.env.example b/api/.env.example
new file mode 100644
index 0000000..22f7edb
--- /dev/null
+++ b/api/.env.example
@@ -0,0 +1,7 @@
+DATABASE_URL=postgresql://wowcheckout:wowcheckout@localhost:5432/wowcheckout
+API_KEYS=change-me-1,change-me-2
+RATE_PROVIDER=nonlogs
+INVOICE_RECONCILE_INTERVAL_SECONDS=30
+FOUNDER_PAYMENT_ADDRESS=
+FOUNDER_VIEW_KEY=
+DONATIONS_ENABLED=false
diff --git a/api/Dockerfile b/api/Dockerfile
new file mode 100644
index 0000000..2ff277f
--- /dev/null
+++ b/api/Dockerfile
@@ -0,0 +1,12 @@
+FROM python:3.12-slim
+
+WORKDIR /app
+
+COPY requirements.txt /app/requirements.txt
+RUN pip install --no-cache-dir -r /app/requirements.txt
+
+COPY app /app/app
+
+EXPOSE 8000
+
+CMD ["/bin/sh", "-c", "gunicorn app.main:app -k uvicorn.workers.UvicornWorker -b 0.0.0.0:8000 -w ${GUNICORN_WORKERS:-2}"]
diff --git a/api/app/__init__.py b/api/app/__init__.py
new file mode 100644
index 0000000..dff53e5
--- /dev/null
+++ b/api/app/__init__.py
@@ -0,0 +1 @@
+"""API package."""
diff --git a/api/app/btcpay_routes.py b/api/app/btcpay_routes.py
new file mode 100644
index 0000000..b94e212
--- /dev/null
+++ b/api/app/btcpay_routes.py
@@ -0,0 +1,704 @@
+from __future__ import annotations
+
+import uuid
+from datetime import datetime, timedelta, timezone
+from decimal import Decimal, ROUND_DOWN
+from typing import Any
+
+from fastapi import APIRouter, Depends, HTTPException, Request, status
+from sqlalchemy.orm import Session
+
+from .btcpay_schemas import (
+    BtcpayInvoiceCreate,
+    BtcpayInvoiceStatusUpdate,
+    BtcpayWebhookCreate,
+    BtcpayWebhookUpdate,
+)
+from .btcpay_webhooks import dispatch_btcpay_webhooks
+from .config import INVOICE_DEFAULT_EXPIRY_HOURS
+from .config import QR_STORAGE_DIR
+from .db import get_db
+from .formatting import format_xmr_amount
+from .models import BtcpayWebhook, Invoice, InvoiceTransfer, User
+from .rates import get_wow_rate
+from .security import (
+    decrypt_api_key,
+    encrypt_secret,
+    generate_webhook_secret,
+    hash_api_key,
+    require_api_key,
+)
+from .subaddress_allocator import create_subaddress_for_user
+from .webhooks import dispatch_webhooks
+from .qr_codes import ensure_invoice_qr_png, resolve_qr_settings
+
+router = APIRouter()
+
+BTCPAY_PAYMENT_METHOD = "WOW-CHAIN"
+BTCPAY_PAYMENT_METHOD_ALIASES = {BTCPAY_PAYMENT_METHOD, "WOW", "WOW_CHAIN"}
+BTCPAY_WEBHOOK_EVENTS = {
+    "InvoiceCreated",
+    "InvoiceReceivedPayment",
+    "InvoicePaidInFull",
+    "InvoicePaymentSettled",
+    "InvoiceProcessing",
+    "InvoiceExpired",
+    "InvoiceSettled",
+    "InvoiceInvalid",
+}
+
+
+def _require_btcpay_user(
+    api_key: str = Depends(require_api_key),
+    db: Session = Depends(get_db),
+) -> User:
+    user = db.query(User).filter(User.api_key_hash == hash_api_key(api_key)).first()
+    if user is None:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User API key required",
+        )
+    return user
+
+
+def _require_store(store_id: str, user: User) -> str:
+    if store_id != str(user.id):
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Store not found",
+        )
+    return store_id
+
+
+def _store_payload(user: User) -> dict[str, Any]:
+    expiry_minutes = max(1, INVOICE_DEFAULT_EXPIRY_HOURS * 60)
+    return {
+        "id": str(user.id),
+        "name": "WOW Checkout",
+        "website": "",
+        "defaultCurrency": "WOW",
+        "invoiceExpiration": expiry_minutes,
+        "displayExpirationTimer": True,
+        "monitoringExpiration": expiry_minutes,
+        "speedPolicy": "MediumSpeed",
+        "paymentTolerance": 0,
+        "anyoneCanCreateInvoice": False,
+        "requiresRefundEmail": False,
+        "lightningAmountInSatoshi": False,
+        "lightningPrivateRouteHints": False,
+        "onChainWithLnInvoiceFallback": False,
+        "redirectAutomatically": False,
+        "showRecommendedFee": False,
+        "recommendedFeeBlockTarget": 0,
+        "defaultLang": "en",
+        "customLogo": "",
+        "customCSS": "",
+        "htmlTitle": "WOW Checkout",
+        "networkFeeMode": "Never",
+        "payJoinEnabled": False,
+        "lazyPaymentMethods": False,
+        "defaultPaymentMethod": BTCPAY_PAYMENT_METHOD,
+    }
+
+
+def _invoice_checkout_link(invoice: Invoice, request: Request) -> str:
+    proto = request.headers.get("x-forwarded-proto", request.url.scheme)
+    host = request.headers.get("x-forwarded-host", request.headers.get("host", ""))
+    if not host:
+        return f"/i/{invoice.id}"
+    return f"{proto}://{host}/i/{invoice.id}"
+
+
+def _normalize_btcpay_payment_method(value: str) -> str:
+    normalized = value.strip().upper()
+    if normalized in BTCPAY_PAYMENT_METHOD_ALIASES:
+        return BTCPAY_PAYMENT_METHOD
+    return normalized
+
+
+def _epoch_seconds(value: datetime | None) -> int:
+    if value is None:
+        return 0
+    if value.tzinfo is None:
+        value = value.replace(tzinfo=timezone.utc)
+    return int(value.timestamp())
+
+
+def _resolve_btcpay_amount(
+    amount: Decimal,
+    currency: str,
+) -> tuple[Decimal, dict[str, str] | None]:
+    if currency.upper() == "WOW":
+        return amount, None
+    try:
+        quote = get_wow_rate(currency)
+    except ValueError as exc:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail=str(exc),
+        ) from exc
+    except Exception as exc:
+        raise HTTPException(
+            status_code=status.HTTP_503_SERVICE_UNAVAILABLE,
+            detail="Fiat quote service unavailable",
+        ) from exc
+    amount_xmr = (Decimal(amount) / quote.rate).quantize(
+        Decimal("0.000000000001"), rounding=ROUND_DOWN
+    )
+    quote_payload = {
+        "fiat_amount": str(amount),
+        "fiat_currency": quote.currency,
+        "rate": str(quote.rate),
+        "source": quote.source,
+        "quoted_at": quote.quoted_at.isoformat(),
+    }
+    return amount_xmr, quote_payload
+
+
+def _btcpay_status(invoice: Invoice) -> tuple[str, str]:
+    additional_status = _btcpay_additional_status(invoice)
+    if invoice.status == "payment_detected":
+        return "Processing", additional_status
+    if invoice.status == "confirmed":
+        return "Settled", additional_status
+    if invoice.status == "expired":
+        return "Expired", additional_status
+    if invoice.status == "invalid":
+        return "Invalid", additional_status
+    return "New", additional_status
+
+
+def _btcpay_additional_status(invoice: Invoice) -> str:
+    if invoice.status == "invalid":
+        return "Marked"
+    paid_atomic = invoice.total_paid_atomic or 0
+    required_atomic = _xmr_to_atomic(invoice.amount_xmr)
+    if paid_atomic > required_atomic:
+        return "PaidOver"
+    if 0 < paid_atomic < required_atomic:
+        return "PaidPartial"
+    if _after_expiration(invoice):
+        return "PaidLate"
+    return "None"
+
+
+def _after_expiration(invoice: Invoice) -> bool:
+    expires_at = invoice.expires_at
+    detected_at = invoice.detected_at
+    if expires_at is None or detected_at is None:
+        return False
+    if expires_at.tzinfo is None:
+        expires_at = expires_at.replace(tzinfo=timezone.utc)
+    if detected_at.tzinfo is None:
+        detected_at = detected_at.replace(tzinfo=timezone.utc)
+    return detected_at > expires_at
+
+
+def _xmr_to_atomic(amount: Decimal) -> int:
+    quantized = (Decimal(amount) * Decimal("1000000000000")).to_integral_value(
+        rounding=ROUND_DOWN
+    )
+    return int(quantized)
+
+
+def _btcpay_amount_currency(invoice: Invoice) -> tuple[str, str, dict[str, Any]]:
+    metadata = invoice.metadata_json or {}
+    btcpay_data = metadata.get("btcpay") if isinstance(metadata, dict) else None
+    if isinstance(btcpay_data, dict):
+        amount = btcpay_data.get("amount")
+        currency = btcpay_data.get("currency")
+        if isinstance(amount, str) and isinstance(currency, str):
+            return amount, currency, btcpay_data
+    return format_xmr_amount(invoice.amount_xmr), "WOW", {}
+
+
+def _format_xmr_fixed(value: Decimal) -> str:
+    return f"{value.quantize(Decimal('0.000000000001')):.12f}"
+
+
+def _atomic_to_xmr(value: int) -> Decimal:
+    return (Decimal(value) / Decimal("1000000000000")).quantize(
+        Decimal("0.000000000001"), rounding=ROUND_DOWN
+    )
+
+
+@router.get("/api/v1/stores")
+def list_stores(user: User = Depends(_require_btcpay_user)):
+    return [_store_payload(user)]
+
+
+@router.get("/api/v1/stores/{store_id}")
+def get_store(store_id: str, user: User = Depends(_require_btcpay_user)):
+    _require_store(store_id, user)
+    return _store_payload(user)
+
+
+@router.get("/api/v1/stores/{store_id}/payment-methods")
+def list_payment_methods(store_id: str, user: User = Depends(_require_btcpay_user)):
+    _require_store(store_id, user)
+    return [
+        {
+            "paymentMethodId": BTCPAY_PAYMENT_METHOD,
+            "paymentMethod": BTCPAY_PAYMENT_METHOD,
+            "enabled": True,
+            "cryptoCode": "WOW",
+        }
+    ]
+
+
+@router.post("/api/v1/stores/{store_id}/invoices", status_code=200)
+def create_invoice(
+    store_id: str,
+    payload: BtcpayInvoiceCreate,
+    request: Request,
+    user: User = Depends(_require_btcpay_user),
+    db: Session = Depends(get_db),
+):
+    _require_store(store_id, user)
+    checkout = payload.checkout
+    payment_methods = (
+        [_normalize_btcpay_payment_method(method) for method in checkout.paymentMethods]
+        if checkout and checkout.paymentMethods
+        else None
+    )
+    if payment_methods and BTCPAY_PAYMENT_METHOD not in payment_methods:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Unsupported payment method",
+        )
+    amount_xmr, quote_payload = _resolve_btcpay_amount(payload.amount, payload.currency)
+    expires_at = None
+    now = datetime.now(timezone.utc)
+    expiration_minutes = None
+    monitoring_minutes = None
+    if checkout and checkout.expirationMinutes:
+        expiration_minutes = int(checkout.expirationMinutes)
+    if expiration_minutes:
+        expires_at = now + timedelta(minutes=expiration_minutes)
+    else:
+        expires_at = now + timedelta(hours=INVOICE_DEFAULT_EXPIRY_HOURS)
+    if checkout and checkout.monitoringMinutes is not None:
+        monitoring_minutes = int(checkout.monitoringMinutes)
+    metadata: dict[str, Any] = dict(payload.metadata or {})
+    btcpay_data = metadata.get("btcpay") if isinstance(metadata.get("btcpay"), dict) else {}
+    btcpay_data = dict(btcpay_data)
+    btcpay_data.update(
+        {
+            "amount": str(payload.amount),
+            "currency": payload.currency,
+            "checkout": checkout.model_dump(mode="json") if checkout else None,
+            "expiration_minutes": expiration_minutes,
+            "monitoring_minutes": monitoring_minutes,
+        }
+    )
+    metadata["btcpay"] = btcpay_data
+    if quote_payload and "quote" not in metadata:
+        metadata["quote"] = quote_payload
+    qr = metadata.get("qr")
+    if not isinstance(qr, dict):
+        qr = {"logo": user.default_qr_logo}
+        if user.default_qr_logo == "custom" and user.default_qr_logo_data_url:
+            qr["logo_data_url"] = user.default_qr_logo_data_url
+        metadata["qr"] = qr
+    address, subaddress_index = create_subaddress_for_user(db, user=user)
+    invoice = Invoice(
+        user_id=user.id,
+        wallet_address=user.payment_address,
+        address=address,
+        subaddress_index=subaddress_index,
+        amount_xmr=amount_xmr,
+        status="pending",
+        confirmation_target=user.default_confirmation_target,
+        total_paid_atomic=0,
+        metadata_json=metadata,
+        expires_at=expires_at,
+    )
+    db.add(invoice)
+    db.commit()
+    db.refresh(invoice)
+    try:
+        ensure_invoice_qr_png(
+            invoice=invoice,
+            storage_dir=QR_STORAGE_DIR,
+            settings=resolve_qr_settings(invoice),
+        )
+    except HTTPException:
+        pass
+    dispatch_webhooks(db, str(user.id), "invoice.created", invoice)
+    dispatch_btcpay_webhooks(db, str(user.id), "InvoiceCreated", invoice)
+    status_name, additional_status = _btcpay_status(invoice)
+    amount, currency, _ = _btcpay_amount_currency(invoice)
+    expiration_time = _epoch_seconds(invoice.expires_at)
+    monitoring_time = expiration_time
+    if monitoring_minutes is None:
+        monitoring_minutes = 60
+    monitoring_time = expiration_time + int(monitoring_minutes * 60)
+    return {
+        "id": str(invoice.id),
+        "amount": amount,
+        "currency": currency,
+        "type": "Standard",
+        "checkoutLink": _invoice_checkout_link(invoice, request),
+        "createdTime": _epoch_seconds(invoice.created_at),
+        "expirationTime": expiration_time,
+        "monitoringTime": monitoring_time,
+        "archived": False,
+        "status": status_name,
+        "additionalStatus": additional_status,
+        "availableStatusesForManualMarking": ["Invalid"],
+    }
+
+
+@router.get("/api/v1/stores/{store_id}/invoices/{invoice_id}")
+def get_invoice(
+    store_id: str,
+    invoice_id: str,
+    request: Request,
+    user: User = Depends(_require_btcpay_user),
+    db: Session = Depends(get_db),
+):
+    _require_store(store_id, user)
+    try:
+        invoice_uuid = uuid.UUID(invoice_id)
+    except ValueError:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Invoice not found",
+        )
+    invoice = (
+        db.query(Invoice)
+        .filter(Invoice.id == invoice_uuid, Invoice.user_id == user.id)
+        .first()
+    )
+    if invoice is None:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Invoice not found",
+        )
+    status_name, additional_status = _btcpay_status(invoice)
+    amount, currency, btcpay_data = _btcpay_amount_currency(invoice)
+    expiration_time = _epoch_seconds(invoice.expires_at)
+    monitoring_minutes = (
+        btcpay_data.get("monitoring_minutes")
+        if isinstance(btcpay_data, dict)
+        else None
+    )
+    if monitoring_minutes is None:
+        monitoring_minutes = 60
+    monitoring_time = expiration_time + int(int(monitoring_minutes) * 60)
+    return {
+        "id": str(invoice.id),
+        "amount": amount,
+        "currency": currency,
+        "type": "Standard",
+        "checkoutLink": _invoice_checkout_link(invoice, request),
+        "createdTime": _epoch_seconds(invoice.created_at),
+        "expirationTime": expiration_time,
+        "monitoringTime": monitoring_time,
+        "archived": invoice.archived_at is not None,
+        "status": status_name,
+        "additionalStatus": additional_status,
+        "availableStatusesForManualMarking": ["Invalid"],
+    }
+
+
+@router.get("/api/v1/stores/{store_id}/invoices/{invoice_id}/payment-methods")
+def get_invoice_payment_methods(
+    store_id: str,
+    invoice_id: str,
+    user: User = Depends(_require_btcpay_user),
+    db: Session = Depends(get_db),
+):
+    _require_store(store_id, user)
+    try:
+        invoice_uuid = uuid.UUID(invoice_id)
+    except ValueError:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Invoice not found",
+        )
+    invoice = (
+        db.query(Invoice)
+        .filter(Invoice.id == invoice_uuid, Invoice.user_id == user.id)
+        .first()
+    )
+    if invoice is None:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Invoice not found",
+        )
+    transfers = (
+        db.query(InvoiceTransfer)
+        .filter(InvoiceTransfer.invoice_id == invoice.id)
+        .order_by(InvoiceTransfer.created_at.asc())
+        .all()
+    )
+    total_atomic = sum(
+        transfer.amount_atomic for transfer in transfers if transfer.amount_atomic > 0
+    )
+    total_paid = _atomic_to_xmr(total_atomic)
+    due = max(Decimal("0"), invoice.amount_xmr - total_paid)
+    metadata = invoice.metadata_json or {}
+    quote = metadata.get("quote") if isinstance(metadata, dict) else None
+    rate_value = "0"
+    if isinstance(quote, dict) and "rate" in quote:
+        rate_value = str(quote.get("rate", "0"))
+    payments = []
+    created_fallback = _epoch_seconds(invoice.created_at)
+    for transfer in transfers:
+        if transfer.amount_atomic <= 0:
+            continue
+        confirmations = transfer.confirmations
+        status_label = (
+            "confirmed"
+            if confirmations >= max(0, invoice.confirmation_target)
+            else "pending"
+        )
+        payments.append(
+            {
+                "id": f"{transfer.txid}-0",
+                "value": _format_xmr_fixed(_atomic_to_xmr(transfer.amount_atomic)),
+                "fee": "0",
+                "destination": transfer.address or invoice.address,
+                "status": status_label,
+                "receivedDate": transfer.timestamp or created_fallback,
+            }
+        )
+    return [
+        {
+            "paymentMethodId": BTCPAY_PAYMENT_METHOD,
+            "paymentMethod": BTCPAY_PAYMENT_METHOD,
+            "cryptoCode": "WOW",
+            "destination": invoice.address,
+            "rate": rate_value,
+            "amount": _format_xmr_fixed(invoice.amount_xmr),
+            "due": _format_xmr_fixed(due),
+            "totalPaid": _format_xmr_fixed(total_paid),
+            "paymentMethodPaid": _format_xmr_fixed(total_paid),
+            "networkFee": "0",
+            "payments": payments,
+        }
+    ]
+
+
+@router.post("/api/v1/stores/{store_id}/invoices/{invoice_id}/status", status_code=200)
+def mark_invoice_status(
+    store_id: str,
+    invoice_id: str,
+    payload: BtcpayInvoiceStatusUpdate,
+    user: User = Depends(_require_btcpay_user),
+    db: Session = Depends(get_db),
+):
+    _require_store(store_id, user)
+    if payload.status.strip().lower() != "invalid":
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Unsupported status",
+        )
+    try:
+        invoice_uuid = uuid.UUID(invoice_id)
+    except ValueError:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Invoice not found",
+        )
+    invoice = (
+        db.query(Invoice)
+        .filter(Invoice.id == invoice_uuid, Invoice.user_id == user.id)
+        .first()
+    )
+    if invoice is None:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Invoice not found",
+        )
+    if invoice.status == "confirmed":
+        raise HTTPException(
+            status_code=status.HTTP_409_CONFLICT,
+            detail="Confirmed invoices cannot be marked invalid",
+        )
+    invoice.status = "invalid"
+    db.add(invoice)
+    db.commit()
+    db.refresh(invoice)
+    dispatch_btcpay_webhooks(
+        db,
+        str(user.id),
+        "InvoiceInvalid",
+        invoice,
+        manually_marked=True,
+    )
+    return {"status": "Invalid"}
+
+
+@router.post("/api/v1/stores/{store_id}/webhooks", status_code=200)
+def create_webhook(
+    store_id: str,
+    payload: BtcpayWebhookCreate,
+    user: User = Depends(_require_btcpay_user),
+    db: Session = Depends(get_db),
+):
+    _require_store(store_id, user)
+    _validate_webhook_events(payload.authorizedEvents.specificEvents)
+    secret = generate_webhook_secret()
+    webhook = BtcpayWebhook(
+        user_id=user.id,
+        url=str(payload.url),
+        enabled=payload.enabled,
+        automatic_redelivery=payload.automaticRedelivery,
+        authorized_events=payload.authorizedEvents.model_dump(),
+        secret_encrypted=encrypt_secret(secret),
+    )
+    db.add(webhook)
+    db.commit()
+    db.refresh(webhook)
+    return _webhook_response(webhook, include_secret=True, secret=secret)
+
+
+@router.get("/api/v1/stores/{store_id}/webhooks")
+def list_webhooks(
+    store_id: str,
+    user: User = Depends(_require_btcpay_user),
+    db: Session = Depends(get_db),
+):
+    _require_store(store_id, user)
+    hooks = (
+        db.query(BtcpayWebhook)
+        .filter(BtcpayWebhook.user_id == user.id)
+        .order_by(BtcpayWebhook.created_at.desc())
+        .all()
+    )
+    return [_webhook_response(hook) for hook in hooks]
+
+
+@router.get("/api/v1/stores/{store_id}/webhooks/{webhook_id}")
+def get_webhook(
+    store_id: str,
+    webhook_id: str,
+    user: User = Depends(_require_btcpay_user),
+    db: Session = Depends(get_db),
+):
+    _require_store(store_id, user)
+    hook = _get_webhook(db, webhook_id, user)
+    return _webhook_response(hook)
+
+
+@router.put("/api/v1/stores/{store_id}/webhooks/{webhook_id}")
+def update_webhook(
+    store_id: str,
+    webhook_id: str,
+    payload: BtcpayWebhookUpdate,
+    user: User = Depends(_require_btcpay_user),
+    db: Session = Depends(get_db),
+):
+    _require_store(store_id, user)
+    hook = _get_webhook(db, webhook_id, user)
+    if payload.authorizedEvents and payload.authorizedEvents.specificEvents:
+        _validate_webhook_events(payload.authorizedEvents.specificEvents)
+    if payload.enabled is not None:
+        hook.enabled = payload.enabled
+    if payload.automaticRedelivery is not None:
+        hook.automatic_redelivery = payload.automaticRedelivery
+    if payload.url is not None:
+        hook.url = str(payload.url)
+    if payload.authorizedEvents is not None:
+        hook.authorized_events = payload.authorizedEvents.model_dump()
+    db.add(hook)
+    db.commit()
+    db.refresh(hook)
+    return _webhook_response(hook)
+
+
+@router.delete(
+    "/api/v1/stores/{store_id}/webhooks/{webhook_id}",
+    status_code=204,
+)
+def delete_webhook(
+    store_id: str,
+    webhook_id: str,
+    user: User = Depends(_require_btcpay_user),
+    db: Session = Depends(get_db),
+):
+    _require_store(store_id, user)
+    hook = _get_webhook(db, webhook_id, user)
+    db.delete(hook)
+    db.commit()
+    return None
+
+
+@router.get("/api/v1/server/info")
+def server_info():
+    return {
+        "version": "1.7.5",
+        "onion": None,
+        "fullySynched": True,
+        "supportedPaymentMethods": [BTCPAY_PAYMENT_METHOD],
+    }
+
+
+@router.get("/api/v1/api-keys/current")
+def api_key_current(
+    user: User = Depends(_require_btcpay_user),
+):
+    store_id = str(user.id)
+    return {
+        "apiKey": decrypt_api_key(user.api_key_encrypted),
+        "label": "WOW Checkout",
+        "permissions": [
+            f"btcpay.store.canviewinvoices:{store_id}",
+            f"btcpay.store.cancreateinvoice:{store_id}",
+            f"btcpay.store.canviewstoresettings:{store_id}",
+            f"btcpay.store.canmodifyinvoices:{store_id}",
+            f"btcpay.store.webhooks.canmodifywebhooks:{store_id}",
+        ],
+    }
+
+
+def _get_webhook(db: Session, webhook_id: str, user: User) -> BtcpayWebhook:
+    try:
+        webhook_uuid = uuid.UUID(webhook_id)
+    except ValueError:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Webhook not found",
+        )
+    hook = (
+        db.query(BtcpayWebhook)
+        .filter(BtcpayWebhook.id == webhook_uuid, BtcpayWebhook.user_id == user.id)
+        .first()
+    )
+    if hook is None:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Webhook not found",
+        )
+    return hook
+
+
+def _validate_webhook_events(events: list[str] | None) -> None:
+    if not events:
+        return
+    for event in events:
+        if event not in BTCPAY_WEBHOOK_EVENTS:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail="Webhook event is not supported",
+            )
+
+
+def _webhook_response(
+    hook: BtcpayWebhook,
+    *,
+    include_secret: bool = False,
+    secret: str | None = None,
+) -> dict[str, Any]:
+    payload = {
+        "id": str(hook.id),
+        "enabled": hook.enabled,
+        "automaticRedelivery": hook.automatic_redelivery,
+        "url": hook.url,
+        "authorizedEvents": hook.authorized_events,
+    }
+    if include_secret and secret:
+        payload["secret"] = secret
+    return payload
diff --git a/api/app/btcpay_schemas.py b/api/app/btcpay_schemas.py
new file mode 100644
index 0000000..24e9333
--- /dev/null
+++ b/api/app/btcpay_schemas.py
@@ -0,0 +1,65 @@
+from __future__ import annotations
+
+from decimal import Decimal
+from typing import Any
+
+from pydantic import (
+    AnyUrl,
+    BaseModel,
+    Field,
+    conint,
+    field_validator,
+    model_validator,
+)
+
+
+class BtcpayCheckout(BaseModel):
+    redirectURL: AnyUrl | None = None
+    speedPolicy: str | None = None
+    paymentMethods: list[str] | None = None
+    expirationMinutes: conint(ge=1, le=10080) | None = None
+    monitoringMinutes: conint(ge=0, le=10080) | None = None
+    paymentTolerance: Decimal | None = None
+    redirectAutomatically: bool | None = None
+    defaultLanguage: str | None = None
+
+
+class BtcpayInvoiceCreate(BaseModel):
+    amount: Decimal = Field(gt=0)
+    currency: str = Field(min_length=1)
+    metadata: dict[str, Any] | None = None
+    checkout: BtcpayCheckout | None = None
+
+    @field_validator("currency")
+    @classmethod
+    def _normalize_currency(cls, value: str) -> str:
+        return value.strip().upper()
+
+
+class BtcpayWebhookEvents(BaseModel):
+    everything: bool = False
+    specificEvents: list[str] | None = None
+
+    @model_validator(mode="after")
+    def _validate_selection(self) -> "BtcpayWebhookEvents":
+        if not self.everything and not self.specificEvents:
+            raise ValueError("Select at least one event")
+        return self
+
+
+class BtcpayWebhookCreate(BaseModel):
+    enabled: bool = True
+    automaticRedelivery: bool = True
+    url: AnyUrl
+    authorizedEvents: BtcpayWebhookEvents
+
+
+class BtcpayWebhookUpdate(BaseModel):
+    enabled: bool | None = None
+    automaticRedelivery: bool | None = None
+    url: AnyUrl | None = None
+    authorizedEvents: BtcpayWebhookEvents | None = None
+
+
+class BtcpayInvoiceStatusUpdate(BaseModel):
+    status: str = Field(min_length=1)
diff --git a/api/app/btcpay_webhooks.py b/api/app/btcpay_webhooks.py
new file mode 100644
index 0000000..20ff72e
--- /dev/null
+++ b/api/app/btcpay_webhooks.py
@@ -0,0 +1,157 @@
+from __future__ import annotations
+
+import hashlib
+import hmac
+import json
+import logging
+import time
+from datetime import datetime, timezone
+from urllib.parse import urljoin
+
+import requests
+from requests import RequestException
+from sqlalchemy.orm import Session
+
+from .models import BtcpayWebhook, Invoice
+from .security import decrypt_secret
+
+logger = logging.getLogger(__name__)
+
+_REDIRECT_STATUSES = {301, 302, 303, 307, 308}
+
+
+def dispatch_btcpay_webhooks(
+    db: Session,
+    user_id: str,
+    event_type: str,
+    invoice: Invoice,
+    *,
+    manually_marked: bool = False,
+) -> None:
+    hooks = (
+        db.query(BtcpayWebhook)
+        .filter(
+            BtcpayWebhook.user_id == user_id,
+            BtcpayWebhook.enabled.is_(True),
+        )
+        .all()
+    )
+    if not hooks:
+        return
+    payload = _build_payload(
+        event_type=event_type,
+        user_id=user_id,
+        invoice=invoice,
+        manually_marked=manually_marked,
+    )
+    body = json.dumps(payload, separators=(",", ":"), ensure_ascii=False).encode("utf-8")
+    for hook in hooks:
+        if not _event_allowed(hook.authorized_events, event_type):
+            continue
+        try:
+            secret = decrypt_secret(hook.secret_encrypted)
+            signature = _sign_payload(body, secret)
+            headers = {
+                "BTCPay-Sig": f"sha256={signature}",
+                "Content-Type": "application/json",
+                "User-Agent": "wowcheckout-btcpay-webhook/1.0",
+            }
+            response = _post_with_redirects(
+                hook.url,
+                data=body,
+                headers=headers,
+                timeout=5,
+            )
+            if response is None:
+                continue
+            if response.status_code >= 400:
+                logger.warning(
+                    "BTCPay webhook delivered non-success status",
+                    extra={
+                        "webhook_id": str(hook.id),
+                        "event": event_type,
+                        "http_status": response.status_code,
+                    },
+                )
+        except RequestException as exc:
+            logger.warning(
+                "BTCPay webhook delivery failed",
+                extra={"webhook_id": str(hook.id), "event": event_type},
+            )
+            logger.debug("BTCPay webhook delivery error: %s", exc)
+        except Exception as exc:
+            logger.warning(
+                "BTCPay webhook dispatch failed",
+                extra={"webhook_id": str(hook.id), "event": event_type, "error": str(exc)},
+            )
+
+
+def _event_allowed(authorized_events: object, event_type: str) -> bool:
+    if not isinstance(authorized_events, dict):
+        return False
+    if authorized_events.get("everything") is True:
+        return True
+    specific = authorized_events.get("specificEvents") or []
+    return event_type in specific
+
+
+def _build_payload(
+    *,
+    event_type: str,
+    user_id: str,
+    invoice: Invoice,
+    manually_marked: bool,
+) -> dict[str, object]:
+    return {
+        "type": event_type,
+        "timestamp": int(time.time()),
+        "storeId": user_id,
+        "invoiceId": str(invoice.id),
+        "manuallyMarked": manually_marked,
+        "overPaid": False,
+        "partiallyPaid": False,
+        "afterExpiration": _after_expiration(invoice),
+        "metadata": invoice.metadata_json or {},
+    }
+
+
+def _after_expiration(invoice: Invoice) -> bool:
+    expires_at = invoice.expires_at
+    detected_at = invoice.detected_at
+    if expires_at is None or detected_at is None:
+        return False
+    if expires_at.tzinfo is None:
+        expires_at = expires_at.replace(tzinfo=timezone.utc)
+    if detected_at.tzinfo is None:
+        detected_at = detected_at.replace(tzinfo=timezone.utc)
+    return detected_at > expires_at
+
+
+def _sign_payload(body: bytes, secret: str) -> str:
+    return hmac.new(secret.encode("utf-8"), body, hashlib.sha256).hexdigest()
+
+
+def _post_with_redirects(
+    url: str,
+    *,
+    data: bytes,
+    headers: dict[str, str],
+    timeout: int,
+    max_redirects: int = 3,
+) -> requests.Response | None:
+    current_url = url
+    for _ in range(max_redirects + 1):
+        response = requests.post(
+            current_url,
+            data=data,
+            headers=headers,
+            timeout=timeout,
+            allow_redirects=False,
+        )
+        if response.status_code not in _REDIRECT_STATUSES:
+            return response
+        location = response.headers.get("Location")
+        if not location:
+            return response
+        current_url = urljoin(current_url, location)
+    return None
diff --git a/api/app/config.py b/api/app/config.py
new file mode 100644
index 0000000..b64812f
--- /dev/null
+++ b/api/app/config.py
@@ -0,0 +1,47 @@
+import os
+
+
+def _get_bool_env(name: str, default: bool = False) -> bool:
+    value = os.getenv(name)
+    if value is None or value == "":
+        return default
+    return value.strip().lower() in {"1", "true", "yes", "on"}
+
+
+def _get_env(name: str, default: str | None = None) -> str:
+    value = os.getenv(name, default)
+    if value is None or value == "":
+        raise RuntimeError(f"Missing required environment variable: {name}")
+    return value
+
+
+DATABASE_URL = _get_env("DATABASE_URL")
+
+API_KEYS = [
+    key.strip()
+    for key in os.getenv("API_KEYS", "").split(",")
+    if key.strip()
+]
+
+API_KEY_ENCRYPTION_KEY = _get_env("API_KEY_ENCRYPTION_KEY")
+INVOICE_RECONCILE_INTERVAL_SECONDS = int(os.getenv("INVOICE_RECONCILE_INTERVAL_SECONDS", "30"))
+INVOICE_DEFAULT_EXPIRY_HOURS = int(os.getenv("INVOICE_DEFAULT_EXPIRY_HOURS", "1"))
+LATE_PAYMENT_LOOKBACK_HOURS = int(os.getenv("LATE_PAYMENT_LOOKBACK_HOURS", "48"))
+DONATION_EXPIRY_MINUTES = int(os.getenv("DONATION_EXPIRY_MINUTES", "30"))
+DONATION_ACTIVE_INVOICE_LIMIT = int(os.getenv("DONATION_ACTIVE_INVOICE_LIMIT", "25"))
+RATE_PROVIDER = os.getenv("RATE_PROVIDER", "kraken")
+DONATIONS_ENABLED = _get_bool_env("DONATIONS_ENABLED", False)
+
+MONERO_WALLET_RPC_URLS = [
+    url.strip()
+    for url in os.getenv("MONERO_WALLET_RPC_URLS", "").split(",")
+    if url.strip()
+]
+MONERO_WALLET_RPC_USER = os.getenv("MONERO_WALLET_RPC_USER", "")
+MONERO_WALLET_RPC_PASSWORD = os.getenv("MONERO_WALLET_RPC_PASSWORD", "")
+MONERO_WALLET_RPC_WALLET_PASSWORD = os.getenv("MONERO_WALLET_RPC_WALLET_PASSWORD", "")
+MONERO_DAEMON_URL = os.getenv("MONERO_DAEMON_URL")
+MONERO_WALLET_RPC_WALLET_DIR = os.getenv("MONERO_WALLET_RPC_WALLET_DIR", "")
+FOUNDER_PAYMENT_ADDRESS = os.getenv("FOUNDER_PAYMENT_ADDRESS", "")
+FOUNDER_VIEW_KEY = os.getenv("FOUNDER_VIEW_KEY", "")
+QR_STORAGE_DIR = os.getenv("QR_STORAGE_DIR", "/qr")
diff --git a/api/app/db.py b/api/app/db.py
new file mode 100644
index 0000000..1315f24
--- /dev/null
+++ b/api/app/db.py
@@ -0,0 +1,16 @@
+from sqlalchemy import create_engine
+from sqlalchemy.orm import declarative_base, sessionmaker
+
+from .config import DATABASE_URL
+
+engine = create_engine(DATABASE_URL, pool_pre_ping=True)
+SessionLocal = sessionmaker(bind=engine, autoflush=False, autocommit=False)
+Base = declarative_base()
+
+
+def get_db():
+    db = SessionLocal()
+    try:
+        yield db
+    finally:
+        db.close()
diff --git a/api/app/formatting.py b/api/app/formatting.py
new file mode 100644
index 0000000..10b4836
--- /dev/null
+++ b/api/app/formatting.py
@@ -0,0 +1,9 @@
+from decimal import Decimal
+
+
+def format_xmr_amount(value: Decimal) -> str:
+    normalized = value.normalize()
+    formatted = format(normalized, "f")
+    if "." in formatted:
+        formatted = formatted.rstrip("0").rstrip(".")
+    return formatted or "0"
diff --git a/api/app/main.py b/api/app/main.py
new file mode 100644
index 0000000..216faed
--- /dev/null
+++ b/api/app/main.py
@@ -0,0 +1,265 @@
+import logging
+import os
+
+from fastapi import FastAPI
+from fastapi.openapi.utils import get_openapi
+from sqlalchemy import text
+
+from .db import Base, engine
+from .config import DONATIONS_ENABLED
+from .btcpay_routes import router as btcpay_router
+from .routes import router
+
+app = FastAPI(title="wowcheckout.com API", version="0.1.0")
+
+logging.basicConfig(level=os.getenv("LOG_LEVEL", "INFO").upper())
+
+
+def custom_openapi():
+    if app.openapi_schema:
+        return app.openapi_schema
+    openapi_schema = get_openapi(
+        title=app.title,
+        version=app.version,
+        description=app.description,
+        routes=app.routes,
+    )
+    openapi_schema.get("paths", {}).pop("/api/core/donations", None)
+    if not DONATIONS_ENABLED:
+        openapi_schema.get("paths", {}).pop("/api/core/public/donation/{invoice_id}", None)
+    openapi_schema.get("paths", {}).pop("/api/core/auth/validate", None)
+    openapi_schema.get("paths", {}).pop("/api/core/profile", None)
+    app.openapi_schema = openapi_schema
+    return app.openapi_schema
+
+
+app.openapi = custom_openapi
+
+
+@app.on_event("startup")
+def startup():
+    lock_acquired = False
+    lock_id = 894221741
+    with engine.begin() as connection:
+        try:
+            connection.execute(text("SELECT pg_advisory_lock(:lock_id)"), {"lock_id": lock_id})
+            lock_acquired = True
+        except Exception:
+            lock_acquired = False
+        try:
+            Base.metadata.create_all(bind=connection)
+            connection.execute(
+                text("ALTER TABLE invoices ADD COLUMN IF NOT EXISTS user_id UUID")
+            )
+            connection.execute(
+                text("ALTER TABLE invoices ADD COLUMN IF NOT EXISTS wallet_address VARCHAR")
+            )
+            connection.execute(
+                text("ALTER TABLE invoices ADD COLUMN IF NOT EXISTS subaddress_index INTEGER")
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE invoices "
+                    "ADD COLUMN IF NOT EXISTS confirmations INTEGER DEFAULT 0"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE invoices "
+                    "ADD COLUMN IF NOT EXISTS total_paid_atomic BIGINT"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE invoices "
+                    "ADD COLUMN IF NOT EXISTS paid_after_expiry BOOLEAN DEFAULT false"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE invoices "
+                    "ADD COLUMN IF NOT EXISTS paid_after_expiry_at TIMESTAMP WITH TIME ZONE"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE invoices "
+                    "ADD COLUMN IF NOT EXISTS archived_at TIMESTAMP WITH TIME ZONE"
+                )
+            )
+            connection.execute(
+                text("UPDATE invoices SET confirmations = 0 WHERE confirmations IS NULL")
+            )
+            connection.execute(
+                text("CREATE INDEX IF NOT EXISTS ix_invoices_user_id ON invoices (user_id)")
+            )
+            connection.execute(
+                text(
+                    "CREATE INDEX IF NOT EXISTS ix_invoices_wallet_address ON invoices (wallet_address)"
+                )
+            )
+            connection.execute(text("ALTER TABLE webhooks ADD COLUMN IF NOT EXISTS user_id UUID"))
+            connection.execute(
+                text("ALTER TABLE webhooks ADD COLUMN IF NOT EXISTS event_urls JSON")
+            )
+            connection.execute(
+                text("ALTER TABLE webhooks ALTER COLUMN url DROP NOT NULL")
+            )
+            connection.execute(
+                text("CREATE INDEX IF NOT EXISTS ix_webhooks_user_id ON webhooks (user_id)")
+            )
+            connection.execute(
+                text(
+                    "CREATE INDEX IF NOT EXISTS ix_webhook_deliveries_user_id "
+                    "ON webhook_deliveries (user_id)"
+                )
+            )
+            connection.execute(
+                text(
+                    "CREATE INDEX IF NOT EXISTS ix_webhook_deliveries_webhook_id "
+                    "ON webhook_deliveries (webhook_id)"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE webhook_deliveries "
+                    "ADD COLUMN IF NOT EXISTS invoice_id UUID"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE webhook_deliveries "
+                    "ADD COLUMN IF NOT EXISTS invoice_address VARCHAR"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE webhook_deliveries "
+                    "ADD COLUMN IF NOT EXISTS invoice_subaddress_index INTEGER"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE webhook_deliveries "
+                    "ADD COLUMN IF NOT EXISTS invoice_amount_xmr NUMERIC(18, 12)"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE webhook_deliveries "
+                    "ADD COLUMN IF NOT EXISTS invoice_status VARCHAR"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE webhook_deliveries "
+                    "ADD COLUMN IF NOT EXISTS payload JSON"
+                )
+            )
+            connection.execute(
+                text("ALTER TABLE users ADD COLUMN IF NOT EXISTS payment_address VARCHAR")
+            )
+            connection.execute(
+                text("ALTER TABLE users ADD COLUMN IF NOT EXISTS view_key_encrypted VARCHAR")
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE users "
+                    "ADD COLUMN IF NOT EXISTS webhook_secret_encrypted VARCHAR"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE users "
+                    "ADD COLUMN IF NOT EXISTS next_subaddress_index INTEGER DEFAULT 1"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE users "
+                    "ADD COLUMN IF NOT EXISTS subaddress_start_index INTEGER DEFAULT 0"
+                )
+            )
+            connection.execute(
+                    text(
+                        "ALTER TABLE users "
+                        "ADD COLUMN IF NOT EXISTS default_confirmation_target INTEGER DEFAULT 1"
+                    )
+                )
+            connection.execute(
+                text(
+                    "ALTER TABLE users "
+                    "ALTER COLUMN default_confirmation_target SET DEFAULT 1"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE users "
+                    "ADD COLUMN IF NOT EXISTS default_qr_logo VARCHAR DEFAULT 'wownero'"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE users "
+                    "ADD COLUMN IF NOT EXISTS default_qr_logo_data_url VARCHAR"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE users "
+                    "ADD COLUMN IF NOT EXISTS btcpay_checkout_style VARCHAR DEFAULT 'btcpay_classic'"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE users "
+                    "ALTER COLUMN btcpay_checkout_style SET DEFAULT 'btcpay_classic'"
+                )
+            )
+            connection.execute(
+                text(
+                    "ALTER TABLE users "
+                    "ADD COLUMN IF NOT EXISTS updated_at TIMESTAMP WITH TIME ZONE DEFAULT now()"
+                )
+            )
+            connection.execute(
+                text(
+                    "UPDATE users SET btcpay_checkout_style = 'btcpay_classic' "
+                    "WHERE btcpay_checkout_style IS NULL"
+                )
+            )
+            connection.execute(
+                text(
+                    "UPDATE users "
+                    "SET btcpay_checkout_style = 'btcpay_classic' "
+                    "WHERE btcpay_checkout_style = 'standard' "
+                    "AND NOT EXISTS ("
+                    "  SELECT 1 FROM profile_history ph "
+                    "  WHERE ph.user_id = users.id AND ph.field_name = 'btcpay_checkout_style'"
+                    ")"
+                )
+            )
+            connection.execute(
+                text(
+                    "UPDATE users SET default_confirmation_target = 1 "
+                    "WHERE default_confirmation_target IS NULL"
+                )
+            )
+            connection.execute(
+                text(
+                    "UPDATE users SET default_qr_logo = 'wownero' "
+                    "WHERE default_qr_logo IS NULL"
+                )
+            )
+            connection.execute(
+                text("CREATE INDEX IF NOT EXISTS ix_users_payment_address ON users (payment_address)")
+            )
+        finally:
+            if lock_acquired:
+                connection.execute(
+                    text("SELECT pg_advisory_unlock(:lock_id)"), {"lock_id": lock_id}
+                )
+
+
+app.include_router(router)
+app.include_router(btcpay_router)
diff --git a/api/app/models.py b/api/app/models.py
new file mode 100644
index 0000000..6e1c3d1
--- /dev/null
+++ b/api/app/models.py
@@ -0,0 +1,145 @@
+import uuid
+
+from sqlalchemy import (
+    BigInteger,
+    Boolean,
+    Column,
+    DateTime,
+    Integer,
+    Numeric,
+    String,
+    UniqueConstraint,
+)
+from sqlalchemy.dialects.postgresql import ARRAY, UUID
+from sqlalchemy.sql import func
+from sqlalchemy.types import JSON
+
+from .db import Base
+
+
+class Invoice(Base):
+    __tablename__ = "invoices"
+
+    id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    user_id = Column(UUID(as_uuid=True), nullable=True, index=True)
+    wallet_address = Column(String, nullable=True, index=True)
+    address = Column(String, nullable=False)
+    subaddress_index = Column(Integer, nullable=True)
+    amount_xmr = Column(Numeric(18, 12), nullable=False)
+    status = Column(String, nullable=False, index=True)
+    confirmation_target = Column(Integer, nullable=False)
+    confirmations = Column(Integer, nullable=False, server_default="0")
+    total_paid_atomic = Column(BigInteger, nullable=True)
+    paid_after_expiry = Column(Boolean, nullable=False, server_default="false")
+    paid_after_expiry_at = Column(DateTime(timezone=True), nullable=True)
+    metadata_json = Column("metadata", JSON, nullable=True)
+    created_at = Column(DateTime(timezone=True), server_default=func.now())
+    archived_at = Column(DateTime(timezone=True), nullable=True)
+    expires_at = Column(DateTime(timezone=True), nullable=True)
+    detected_at = Column(DateTime(timezone=True), nullable=True)
+    confirmed_at = Column(DateTime(timezone=True), nullable=True)
+
+
+class InvoiceTransfer(Base):
+    __tablename__ = "invoice_transfers"
+    __table_args__ = (
+        UniqueConstraint(
+            "invoice_id",
+            "txid",
+            name="uq_invoice_transfers_invoice_txid",
+        ),
+    )
+
+    id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    invoice_id = Column(UUID(as_uuid=True), nullable=False, index=True)
+    txid = Column(String, nullable=False)
+    amount_atomic = Column(BigInteger, nullable=False)
+    confirmations = Column(Integer, nullable=False, server_default="0")
+    timestamp = Column(BigInteger, nullable=True)
+    address = Column(String, nullable=True)
+    created_at = Column(DateTime(timezone=True), server_default=func.now())
+    updated_at = Column(
+        DateTime(timezone=True),
+        server_default=func.now(),
+        onupdate=func.now(),
+    )
+
+
+class Webhook(Base):
+    __tablename__ = "webhooks"
+
+    id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    user_id = Column(UUID(as_uuid=True), nullable=True, index=True)
+    url = Column(String, nullable=True)
+    events = Column(ARRAY(String), nullable=False)
+    event_urls = Column(JSON, nullable=True)
+    active = Column(Boolean, nullable=False, default=True)
+    created_at = Column(DateTime(timezone=True), server_default=func.now())
+
+
+class BtcpayWebhook(Base):
+    __tablename__ = "btcpay_webhooks"
+
+    id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    user_id = Column(UUID(as_uuid=True), nullable=False, index=True)
+    url = Column(String, nullable=False)
+    enabled = Column(Boolean, nullable=False, default=True)
+    automatic_redelivery = Column(Boolean, nullable=False, default=True)
+    authorized_events = Column(JSON, nullable=False)
+    secret_encrypted = Column(String, nullable=False)
+    created_at = Column(DateTime(timezone=True), server_default=func.now())
+    updated_at = Column(
+        DateTime(timezone=True),
+        server_default=func.now(),
+        onupdate=func.now(),
+    )
+
+
+class WebhookDelivery(Base):
+    __tablename__ = "webhook_deliveries"
+
+    id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    user_id = Column(UUID(as_uuid=True), nullable=False, index=True)
+    webhook_id = Column(UUID(as_uuid=True), nullable=True, index=True)
+    event = Column(String, nullable=False)
+    url = Column(String, nullable=False)
+    invoice_id = Column(UUID(as_uuid=True), nullable=True)
+    invoice_address = Column(String, nullable=True)
+    invoice_subaddress_index = Column(Integer, nullable=True)
+    invoice_amount_xmr = Column(Numeric(18, 12), nullable=True)
+    invoice_status = Column(String, nullable=True)
+    payload_json = Column("payload", JSON, nullable=True)
+    http_status = Column(Integer, nullable=True)
+    error_message = Column(String, nullable=True)
+    created_at = Column(DateTime(timezone=True), server_default=func.now())
+
+
+class User(Base):
+    __tablename__ = "users"
+
+    id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    payment_address = Column(String, nullable=False, unique=True, index=True)
+    view_key_encrypted = Column(String, nullable=False)
+    api_key_hash = Column(String, nullable=False, unique=True, index=True)
+    api_key_encrypted = Column(String, nullable=False)
+    webhook_secret_encrypted = Column(String, nullable=True)
+    next_subaddress_index = Column(Integer, nullable=False, server_default="1")
+    subaddress_start_index = Column(Integer, nullable=False, server_default="0")
+    default_confirmation_target = Column(Integer, nullable=False, server_default="1")
+    default_qr_logo = Column(String, nullable=False, server_default="wownero")
+    default_qr_logo_data_url = Column(String, nullable=True)
+    btcpay_checkout_style = Column(String, nullable=False, server_default="btcpay_classic")
+    created_at = Column(DateTime(timezone=True), server_default=func.now())
+    updated_at = Column(DateTime(timezone=True), server_default=func.now(), onupdate=func.now())
+
+
+class ProfileHistory(Base):
+    __tablename__ = "profile_history"
+
+    id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    user_id = Column(UUID(as_uuid=True), nullable=False, index=True)
+    field_name = Column(String, nullable=False)
+    old_value = Column(String, nullable=True)
+    new_value = Column(String, nullable=True)
+    value_encrypted = Column(Boolean, nullable=False, default=False)
+    created_at = Column(DateTime(timezone=True), server_default=func.now())
diff --git a/api/app/monero_service.py b/api/app/monero_service.py
new file mode 100644
index 0000000..e4bb594
--- /dev/null
+++ b/api/app/monero_service.py
@@ -0,0 +1,453 @@
+from __future__ import annotations
+
+from dataclasses import dataclass
+import hashlib
+import logging
+import time
+from urllib.parse import urlparse
+
+from fastapi import HTTPException, status
+from monero.backends.jsonrpc import JSONRPCWallet
+from monero.backends.jsonrpc.exceptions import RPCError
+import requests
+from requests import RequestException
+from requests.auth import HTTPDigestAuth
+
+from .config import (
+    MONERO_DAEMON_URL,
+    MONERO_WALLET_RPC_PASSWORD,
+    MONERO_WALLET_RPC_URLS,
+    MONERO_WALLET_RPC_USER,
+    MONERO_WALLET_RPC_WALLET_PASSWORD,
+    MONERO_WALLET_RPC_WALLET_DIR,
+)
+from .models import User
+from .security import decrypt_secret
+
+logger = logging.getLogger(__name__)
+
+
+def _normalize_daemon_address(value: str | None) -> str | None:
+    if not value:
+        return None
+    parsed = urlparse(value)
+    if parsed.scheme:
+        address = parsed.netloc
+    else:
+        address = value.split("/", 1)[0]
+    return address.rstrip("/") if address else None
+
+
+def _normalize_daemon_url(value: str | None) -> str | None:
+    if not value:
+        return None
+    parsed = urlparse(value)
+    if parsed.scheme:
+        return value.rstrip("/")
+    return f"http://{value.rstrip('/')}"
+
+
+@dataclass(frozen=True)
+class SubaddressResult:
+    address: str
+    address_index: int | None
+
+
+@dataclass(frozen=True)
+class TransferDetail:
+    txid: str
+    amount_atomic: int
+    confirmations: int
+    timestamp: int | None
+    address: str | None
+
+
+@dataclass
+class WalletBackend:
+    client: JSONRPCWallet
+    url: str
+    current_wallet: str | None = None
+
+
+class MoneroWalletService:
+    def __init__(self) -> None:
+        urls = MONERO_WALLET_RPC_URLS
+        if not urls:
+            raise HTTPException(
+                status_code=status.HTTP_503_SERVICE_UNAVAILABLE,
+                detail="Monero wallet RPC is not configured",
+            )
+        self._backends: list[WalletBackend] = []
+        for url in urls:
+            parsed = urlparse(url)
+            host = parsed.hostname or "127.0.0.1"
+            port = parsed.port or 18082
+            client = JSONRPCWallet(
+                host=host,
+                port=port,
+                user=MONERO_WALLET_RPC_USER or None,
+                password=MONERO_WALLET_RPC_PASSWORD or None,
+            )
+            if MONERO_WALLET_RPC_USER and MONERO_WALLET_RPC_PASSWORD:
+                # monero-wallet-rpc uses digest auth when rpc-login is set.
+                client.session.auth = HTTPDigestAuth(
+                    MONERO_WALLET_RPC_USER, MONERO_WALLET_RPC_PASSWORD
+                )
+            self._backends.append(WalletBackend(client=client, url=url))
+        self._daemon_url = _normalize_daemon_url(MONERO_DAEMON_URL)
+        self._daemon_address = _normalize_daemon_address(MONERO_DAEMON_URL)
+        self._wallet_dir = MONERO_WALLET_RPC_WALLET_DIR.strip()
+
+    def get_status(self) -> dict[str, str]:
+        for backend in self._backends:
+            try:
+                backend.client.raw_request("get_version")
+            except Exception:
+                return {"wallet_rpc": "unreachable"}
+
+        if self._daemon_address:
+            try:
+                self._backends[0].client.raw_request(
+                    "set_daemon",
+                    {"address": self._daemon_address},
+                )
+            except RPCError as exc:
+                message = str(exc)
+                if "no connection to daemon" in message or "no_connection_to_daemon" in message:
+                    return {"wallet_rpc": "ok", "daemon": "unreachable"}
+        return {"wallet_rpc": "ok", "daemon": "ok" if self._daemon_address else "unknown"}
+
+    def create_subaddress(self, user: User, label: str) -> SubaddressResult:
+        start_total = time.monotonic()
+        view_key = decrypt_secret(user.view_key_encrypted)
+        wallet_name = self._wallet_name(user, user.payment_address, view_key)
+        backend = self._backend_for_wallet_name(wallet_name)
+        start_wallet = time.monotonic()
+        self._ensure_wallet_open(
+            backend=backend,
+            wallet_name=wallet_name,
+            payment_address=user.payment_address,
+            view_key=view_key,
+        )
+        wallet_elapsed = time.monotonic() - start_wallet
+        start_daemon = time.monotonic()
+        self._ensure_daemon(backend)
+        daemon_elapsed = time.monotonic() - start_daemon
+
+        start_create = time.monotonic()
+        try:
+            response = backend.client.raw_request(
+                "create_address",
+                {"account_index": 0, "label": label},
+            )
+        except (RPCError, RequestException) as exc:
+            self._raise_wallet_rpc_error(exc)
+        create_elapsed = time.monotonic() - start_create
+        address = response.get("address")
+        if not address:
+            raise HTTPException(
+                status_code=status.HTTP_502_BAD_GATEWAY,
+                detail="Monero wallet RPC did not return a subaddress",
+            )
+        start_store = time.monotonic()
+        try:
+            backend.client.raw_request("store")
+        except RPCError:
+            # Storing can fail if the wallet RPC is in an odd state; the
+            # subaddress is still valid, but we prefer to surface issues later.
+            pass
+        store_elapsed = time.monotonic() - start_store
+        total_elapsed = time.monotonic() - start_total
+        logger.info(
+            "create_subaddress timing wallet=%.3fs daemon=%.3fs create=%.3fs store=%.3fs total=%.3fs",
+            wallet_elapsed,
+            daemon_elapsed,
+            create_elapsed,
+            store_elapsed,
+            total_elapsed,
+        )
+        return SubaddressResult(
+            address=address,
+            address_index=response.get("address_index"),
+        )
+
+    def get_received_atomic(
+        self,
+        user: User,
+        address: str,
+    ) -> tuple[int, int]:
+        view_key = decrypt_secret(user.view_key_encrypted)
+        wallet_name = self._wallet_name(user, user.payment_address, view_key)
+        backend = self._backend_for_wallet_name(wallet_name)
+        self._ensure_wallet_open(
+            backend=backend,
+            wallet_name=wallet_name,
+            payment_address=user.payment_address,
+            view_key=view_key,
+        )
+        self._ensure_daemon(backend)
+        try:
+            index_response = backend.client.raw_request(
+                "get_address_index",
+                {"address": address},
+            )
+        except (RPCError, RequestException) as exc:
+            self._raise_wallet_rpc_error(exc)
+        index = index_response.get("index") if isinstance(index_response, dict) else None
+        major = index.get("major") if isinstance(index, dict) else None
+        minor = index.get("minor") if isinstance(index, dict) else None
+        if major is None or minor is None:
+            raise HTTPException(
+                status_code=status.HTTP_502_BAD_GATEWAY,
+                detail="Monero wallet RPC did not return an address index",
+            )
+        try:
+            transfers = backend.client.raw_request(
+                "get_transfers",
+                {
+                    "in": True,
+                    "pool": True,
+                    "account_index": major,
+                    "subaddr_indices": [minor],
+                },
+            )
+        except (RPCError, RequestException) as exc:
+            self._raise_wallet_rpc_error(exc)
+        incoming = transfers.get("in", []) if isinstance(transfers, dict) else []
+        pool = transfers.get("pool", []) if isinstance(transfers, dict) else []
+        total_atomic = 0
+        max_confirmations = 0
+        seen_txids: set[str] = set()
+        for item in [*incoming, *pool]:
+            if not isinstance(item, dict):
+                continue
+            txid = item.get("txid")
+            if isinstance(txid, str):
+                if txid in seen_txids:
+                    continue
+                seen_txids.add(txid)
+            total_atomic += int(item.get("amount", 0) or 0)
+            confirmations = int(item.get("confirmations", 0) or 0)
+            if confirmations > max_confirmations:
+                max_confirmations = confirmations
+        return total_atomic, max_confirmations
+
+    def get_transfers_for_address(
+        self,
+        user: User,
+        address: str,
+    ) -> list[TransferDetail]:
+        view_key = decrypt_secret(user.view_key_encrypted)
+        wallet_name = self._wallet_name(user, user.payment_address, view_key)
+        backend = self._backend_for_wallet_name(wallet_name)
+        self._ensure_wallet_open(
+            backend=backend,
+            wallet_name=wallet_name,
+            payment_address=user.payment_address,
+            view_key=view_key,
+        )
+        self._ensure_daemon(backend)
+        try:
+            index_response = backend.client.raw_request(
+                "get_address_index",
+                {"address": address},
+            )
+        except (RPCError, RequestException) as exc:
+            self._raise_wallet_rpc_error(exc)
+        index = index_response.get("index") if isinstance(index_response, dict) else None
+        major = index.get("major") if isinstance(index, dict) else None
+        minor = index.get("minor") if isinstance(index, dict) else None
+        if major is None or minor is None:
+            raise HTTPException(
+                status_code=status.HTTP_502_BAD_GATEWAY,
+                detail="Monero wallet RPC did not return an address index",
+            )
+        try:
+            transfers = backend.client.raw_request(
+                "get_transfers",
+                {
+                    "in": True,
+                    "pool": True,
+                    "account_index": major,
+                    "subaddr_indices": [minor],
+                },
+            )
+        except (RPCError, RequestException) as exc:
+            self._raise_wallet_rpc_error(exc)
+        incoming = transfers.get("in", []) if isinstance(transfers, dict) else []
+        pool = transfers.get("pool", []) if isinstance(transfers, dict) else []
+        details: list[TransferDetail] = []
+        seen_txids: set[str] = set()
+        for item in [*incoming, *pool]:
+            if not isinstance(item, dict):
+                continue
+            txid = item.get("txid")
+            if not isinstance(txid, str) or not txid:
+                continue
+            if txid in seen_txids:
+                continue
+            seen_txids.add(txid)
+            amount_atomic = int(item.get("amount", 0) or 0)
+            confirmations = int(item.get("confirmations", 0) or 0)
+            timestamp = item.get("timestamp")
+            timestamp_value = int(timestamp) if isinstance(timestamp, (int, float)) else None
+            details.append(
+                TransferDetail(
+                    txid=txid,
+                    amount_atomic=amount_atomic,
+                    confirmations=confirmations,
+                    timestamp=timestamp_value,
+                    address=item.get("address") if isinstance(item.get("address"), str) else None,
+                )
+            )
+        return details
+
+    @staticmethod
+    def _rpc_error_message(exc: RPCError) -> str:
+        message = str(exc)
+        error = getattr(exc, "error", None)
+        if isinstance(error, dict):
+            detail = error.get("message")
+            if detail:
+                message = f"{message} {detail}"
+        return message
+
+    def _daemon_height(self) -> int | None:
+        if not self._daemon_url:
+            return None
+        url = self._daemon_url.rstrip("/")
+        payload = {"jsonrpc": "2.0", "id": "0", "method": "get_height"}
+        try:
+            response = requests.post(f"{url}/json_rpc", json=payload, timeout=5)
+            response.raise_for_status()
+            data = response.json()
+            result = data.get("result") if isinstance(data, dict) else None
+            height = result.get("height") if isinstance(result, dict) else None
+            if isinstance(height, int):
+                return height
+        except (requests.RequestException, ValueError):
+            pass
+
+        try:
+            response = requests.get(f"{url}/get_height", timeout=5)
+            response.raise_for_status()
+            data = response.json()
+        except (requests.RequestException, ValueError):
+            return None
+        height = data.get("height") if isinstance(data, dict) else None
+        return height if isinstance(height, int) else None
+
+    @staticmethod
+    def _wallet_name(user: User, payment_address: str, view_key: str) -> str:
+        fingerprint = hashlib.sha256(
+            f"{payment_address}:{view_key}".encode("utf-8")
+        ).hexdigest()[:12]
+        return f"user-{user.id}-{fingerprint}"
+
+    def _backend_for_wallet_name(self, wallet_name: str) -> WalletBackend:
+        digest = hashlib.sha256(wallet_name.encode("utf-8")).hexdigest()
+        index = int(digest, 16) % len(self._backends)
+        return self._backends[index]
+
+    def _ensure_wallet_open(
+        self,
+        *,
+        backend: WalletBackend,
+        wallet_name: str,
+        payment_address: str,
+        view_key: str,
+    ) -> None:
+        if backend.current_wallet == wallet_name:
+            return
+        close_start = time.monotonic()
+        try:
+            backend.client.raw_request("close_wallet")
+        except (RPCError, RequestException):
+            pass
+        close_elapsed = time.monotonic() - close_start
+        open_start = time.monotonic()
+        try:
+            backend.client.raw_request(
+                "open_wallet",
+                {"filename": wallet_name, "password": MONERO_WALLET_RPC_WALLET_PASSWORD},
+            )
+            backend.current_wallet = wallet_name
+            open_elapsed = time.monotonic() - open_start
+            logger.info(
+                "wallet open timing close=%.3fs open=%.3fs",
+                close_elapsed,
+                open_elapsed,
+            )
+        except (RPCError, RequestException):
+            try:
+                restore_height = self._daemon_height() or 0
+                gen_start = time.monotonic()
+                # generate_from_keys opens the wallet when successful.
+                backend.client.raw_request(
+                    "generate_from_keys",
+                    {
+                        "restore_height": restore_height,
+                        "filename": wallet_name,
+                        "address": payment_address,
+                        "viewkey": view_key,
+                        "password": MONERO_WALLET_RPC_WALLET_PASSWORD,
+                    },
+                )
+                backend.current_wallet = wallet_name
+                gen_elapsed = time.monotonic() - gen_start
+                open_elapsed = time.monotonic() - open_start
+                logger.info(
+                    "wallet generate timing close=%.3fs open_fail=%.3fs generate=%.3fs",
+                    close_elapsed,
+                    open_elapsed,
+                    gen_elapsed,
+                )
+            except (RPCError, RequestException) as gen_exc:
+                if isinstance(gen_exc, RequestException):
+                    raise HTTPException(
+                        status_code=status.HTTP_503_SERVICE_UNAVAILABLE,
+                        detail="Monero wallet RPC is unreachable",
+                    ) from gen_exc
+                gen_message = self._rpc_error_message(gen_exc).lower()
+                if "wallet_files_doesnt_correspond" in gen_message or "file_exists" in gen_message:
+                    expected_path = (
+                        f"{self._wallet_dir.rstrip('/')}/{wallet_name}"
+                        if self._wallet_dir
+                        else wallet_name
+                    )
+                    raise HTTPException(
+                        status_code=status.HTTP_409_CONFLICT,
+                        detail=(
+                            "Wallet file exists but could not be opened. Verify the wallet "
+                            "password, wallet directory, and that the cache file matches the "
+                            ".keys file. If needed, remove or rename the wallet cache file "
+                            f"to rebuild it. Expected filename: {expected_path}"
+                        ),
+                    ) from gen_exc
+                raise
+
+    def _ensure_daemon(self, backend: WalletBackend) -> None:
+        if not self._daemon_address:
+            return
+        try:
+            backend.client.raw_request(
+                "set_daemon",
+                {"address": self._daemon_address},
+            )
+        except (RPCError, RequestException) as exc:
+            self._raise_wallet_rpc_error(exc)
+
+    @staticmethod
+    def _raise_wallet_rpc_error(exc: Exception) -> None:
+        if isinstance(exc, RequestException):
+            raise HTTPException(
+                status_code=status.HTTP_503_SERVICE_UNAVAILABLE,
+                detail="Monero wallet RPC is unreachable",
+            ) from exc
+        message = str(exc)
+        if "no connection to daemon" in message or "no_connection_to_daemon" in message:
+            raise HTTPException(
+                status_code=status.HTTP_503_SERVICE_UNAVAILABLE,
+                detail="Wallet RPC cannot reach the Monero daemon",
+            ) from exc
+        raise
diff --git a/api/app/qr_codes.py b/api/app/qr_codes.py
new file mode 100644
index 0000000..55e17bc
--- /dev/null
+++ b/api/app/qr_codes.py
@@ -0,0 +1,188 @@
+from __future__ import annotations
+
+import base64
+import os
+import tempfile
+from dataclasses import dataclass
+from typing import Any
+
+from fastapi import HTTPException, status
+import qrcode
+from qrcode.constants import ERROR_CORRECT_H
+from PIL import Image
+
+from .formatting import format_xmr_amount
+from .models import Invoice
+
+
+@dataclass(frozen=True)
+class QrSettings:
+    logo: str  # "monero" | "none" | "custom"
+    logo_data_url: str | None = None
+
+
+def invoice_qr_url(invoice_id: str) -> str:
+    return f"/qr/{invoice_id}.png"
+
+
+def ensure_invoice_qr_png(
+    *,
+    invoice: Invoice,
+    storage_dir: str,
+    settings: QrSettings,
+) -> str:
+    if not storage_dir:
+        raise HTTPException(
+            status_code=status.HTTP_503_SERVICE_UNAVAILABLE,
+            detail="QR storage is not configured",
+        )
+    os.makedirs(storage_dir, exist_ok=True)
+    try:
+        os.chmod(storage_dir, 0o755)
+    except Exception:
+        pass
+    filename = f"{invoice.id}.png"
+    path = os.path.join(storage_dir, filename)
+    if os.path.exists(path):
+        try:
+            os.chmod(path, 0o644)
+        except Exception:
+            pass
+        return path
+    png_bytes = build_invoice_qr_png_bytes(invoice=invoice, settings=settings)
+    _atomic_write(path, png_bytes)
+    try:
+        os.chmod(path, 0o644)
+    except Exception:
+        pass
+    return path
+
+
+def build_invoice_qr_png_bytes(*, invoice: Invoice, settings: QrSettings) -> bytes:
+    uri = build_monero_uri(invoice)
+    qr = qrcode.QRCode(
+        error_correction=ERROR_CORRECT_H,
+        border=2,
+        box_size=10,
+    )
+    qr.add_data(uri)
+    qr.make(fit=True)
+    image = qr.make_image(fill_color="black", back_color="white").convert("RGBA")
+
+    if settings.logo == "custom" and settings.logo_data_url:
+        logo = _load_logo_from_data_url(settings.logo_data_url)
+        image = _overlay_logo(image, logo)
+
+    out = tempfile.SpooledTemporaryFile(max_size=1024 * 1024)
+    image.save(out, format="PNG", optimize=True)
+    out.seek(0)
+    return out.read()
+
+
+def build_monero_uri(invoice: Invoice) -> str:
+    amount = format_xmr_amount(invoice.amount_xmr)
+    params: dict[str, str] = {"tx_amount": amount}
+    metadata = invoice.metadata_json or {}
+    if isinstance(metadata, dict):
+        recipient_name = metadata.get("recipient_name")
+        description = metadata.get("description")
+        if isinstance(recipient_name, str) and recipient_name.strip():
+            params["recipient_name"] = recipient_name.strip()
+        if isinstance(description, str) and description.strip():
+            params["tx_description"] = description.strip()
+    query = "&".join(f"{_url_escape(k)}={_url_escape(v)}" for k, v in params.items())
+    return f"wownero:{invoice.address}?{query}"
+
+
+def resolve_qr_settings(invoice: Invoice) -> QrSettings:
+    metadata: Any = invoice.metadata_json or {}
+    if not isinstance(metadata, dict):
+        return QrSettings(logo="wownero", logo_data_url=None)
+    qr_meta = metadata.get("qr")
+    if not isinstance(qr_meta, dict):
+        return QrSettings(logo="wownero", logo_data_url=None)
+    logo = qr_meta.get("logo")
+    logo_data_url = qr_meta.get("logo_data_url")
+    if not isinstance(logo, str) or logo not in ("wownero", "none", "custom"):
+        return QrSettings(logo="wownero", logo_data_url=None)
+    if logo == "custom" and isinstance(logo_data_url, str) and logo_data_url.strip():
+        return QrSettings(logo="custom", logo_data_url=logo_data_url.strip())
+    return QrSettings(logo=logo, logo_data_url=None)
+
+
+def _atomic_write(path: str, data: bytes) -> None:
+    directory = os.path.dirname(path) or "."
+    os.makedirs(directory, exist_ok=True)
+    fd, tmp_path = tempfile.mkstemp(prefix=".tmp-", dir=directory)
+    try:
+        with os.fdopen(fd, "wb") as tmp_file:
+            tmp_file.write(data)
+            tmp_file.flush()
+            os.fsync(tmp_file.fileno())
+        os.replace(tmp_path, path)
+    finally:
+        try:
+            if os.path.exists(tmp_path):
+                os.remove(tmp_path)
+        except Exception:
+            pass
+
+
+def _load_logo_from_data_url(data_url: str) -> Image.Image:
+    # Expected: data:image/png;base64,<...>
+    try:
+        header, encoded = data_url.split(",", 1)
+    except ValueError as exc:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="QR logo must be a data URL",
+        ) from exc
+    if ";base64" not in header:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="QR logo must be base64 encoded",
+        )
+    try:
+        raw = base64.b64decode(encoded, validate=True)
+    except Exception as exc:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="QR logo could not be decoded",
+        ) from exc
+    try:
+        from io import BytesIO
+
+        logo = Image.open(BytesIO(raw)).convert("RGBA")
+    except Exception as exc:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="QR logo image format is not supported",
+        ) from exc
+    return logo
+
+
+def _overlay_logo(qr_image: Image.Image, logo: Image.Image) -> Image.Image:
+    # Center a small logo with a white backing.
+    size = min(qr_image.size)
+    target_logo_size = int(size * 0.22)
+    if target_logo_size < 24:
+        return qr_image
+    logo = logo.copy()
+    logo.thumbnail((target_logo_size, target_logo_size), Image.LANCZOS)
+
+    overlay = Image.new("RGBA", qr_image.size, (255, 255, 255, 0))
+    box_size = int(size * 0.28)
+    box_offset = int((size - box_size) / 2)
+    box = Image.new("RGBA", (box_size, box_size), (255, 255, 255, 255))
+    overlay.paste(box, (box_offset, box_offset))
+
+    logo_offset = (int((size - logo.size[0]) / 2), int((size - logo.size[1]) / 2))
+    overlay.paste(logo, logo_offset, mask=logo)
+
+    return Image.alpha_composite(qr_image, overlay)
+
+
+def _url_escape(value: str) -> str:
+    from urllib.parse import quote
+
+    return quote(value, safe="")
diff --git a/api/app/rates.py b/api/app/rates.py
new file mode 100644
index 0000000..86e96f4
--- /dev/null
+++ b/api/app/rates.py
@@ -0,0 +1,92 @@
+from __future__ import annotations
+
+from dataclasses import dataclass
+from datetime import datetime, timezone
+from decimal import Decimal
+import threading
+import time
+from typing import Any
+
+import requests
+
+NONLOGS_MARKETS_URL = "https://api.nonlogs.io/api/markets"
+KRAKEN_TICKER_URL = "https://api.kraken.com/0/public/Ticker"
+RATE_SOURCE = "nonlogs"
+RATE_TTL_SECONDS = 60
+
+_cache_lock = threading.Lock()
+_cached_quote: QuoteResult | None = None
+_cached_at: float | None = None
+
+_btc_cache_lock = threading.Lock()
+_cached_btc_usd: Decimal | None = None
+_cached_btc_at: float | None = None
+BTC_CACHE_TTL = 30
+
+
+@dataclass(frozen=True)
+class QuoteResult:
+    rate: Decimal
+    currency: str
+    source: str
+    quoted_at: datetime
+
+
+def _get_btc_usd() -> Decimal:
+    global _cached_btc_usd, _cached_btc_at
+    with _btc_cache_lock:
+        if _cached_btc_usd and _cached_btc_at:
+            if time.monotonic() - _cached_btc_at < BTC_CACHE_TTL:
+                return _cached_btc_usd
+
+    resp = requests.get(KRAKEN_TICKER_URL, params={"pair": "XXBTZUSD"}, timeout=5)
+    resp.raise_for_status()
+    data = resp.json()
+    if data.get("error"):
+        raise RuntimeError(f"Kraken API error: {data['error']}")
+    price = data["result"]["XXBTZUSD"]["c"][0]
+    result = Decimal(str(price))
+    with _btc_cache_lock:
+        _cached_btc_usd = result
+        _cached_btc_at = time.monotonic()
+    return result
+
+
+def get_wow_rate(currency: str) -> QuoteResult:
+    global _cached_quote, _cached_at
+    normalized_currency = currency.strip().lower()
+    if normalized_currency != "usd":
+        raise ValueError(f"Unsupported fiat currency: {currency} (supported: usd)")
+
+    with _cache_lock:
+        if _cached_quote and _cached_at:
+            if time.monotonic() - _cached_at < RATE_TTL_SECONDS:
+                return _cached_quote
+
+    headers = {
+        "Accept": "application/json",
+        "User-Agent": "wowcheckout/1.0",
+    }
+    resp = requests.get(NONLOGS_MARKETS_URL, headers=headers, timeout=10)
+    resp.raise_for_status()
+    data: dict[str, Any] = resp.json()
+    markets = data.get("markets", {})
+
+    # Use WOW-BTC price converted via Kraken BTC/USD
+    wow_btc = markets.get("WOW-BTC", {})
+    if not wow_btc.get("last_price"):
+        raise ValueError("Could not get WOW-BTC rate from Nonlogs")
+
+    btc_usd = _get_btc_usd()
+    rate = Decimal(str(wow_btc["last_price"])) * btc_usd
+
+    quote = QuoteResult(
+        rate=rate,
+        currency="USD",
+        source=RATE_SOURCE,
+        quoted_at=datetime.now(timezone.utc),
+    )
+    with _cache_lock:
+        _cached_quote = quote
+        _cached_at = time.monotonic()
+    return quote
diff --git a/api/app/reconciler.py b/api/app/reconciler.py
new file mode 100644
index 0000000..b846040
--- /dev/null
+++ b/api/app/reconciler.py
@@ -0,0 +1,265 @@
+from __future__ import annotations
+
+import logging
+import time
+from datetime import datetime, timedelta, timezone
+from decimal import Decimal, ROUND_DOWN
+
+from sqlalchemy import and_, or_
+from sqlalchemy.orm import Session
+
+from .btcpay_webhooks import dispatch_btcpay_webhooks
+from .config import INVOICE_RECONCILE_INTERVAL_SECONDS, LATE_PAYMENT_LOOKBACK_HOURS
+from .db import SessionLocal
+from .models import Invoice, InvoiceTransfer, User
+from .monero_service import MoneroWalletService, TransferDetail
+from .webhooks import dispatch_webhooks
+
+logger = logging.getLogger(__name__)
+
+
+def main() -> None:
+    level_name = "INFO"
+    try:
+        level_name = __import__("os").getenv("LOG_LEVEL", "INFO")
+    except Exception:
+        level_name = "INFO"
+    level = getattr(logging, level_name.upper(), logging.INFO)
+    logging.basicConfig(level=level)
+    service = MoneroWalletService()
+    while True:
+        try:
+            _reconcile_invoices(service)
+        except Exception as exc:
+            logger.exception("Invoice reconcile failed: %s", exc)
+        time.sleep(INVOICE_RECONCILE_INTERVAL_SECONDS)
+
+
+def _reconcile_invoices(service: MoneroWalletService) -> None:
+    db: Session = SessionLocal()
+    try:
+        now = datetime.now(timezone.utc)
+        late_cutoff = now - timedelta(hours=max(0, LATE_PAYMENT_LOOKBACK_HOURS))
+        invoices = (
+            db.query(Invoice)
+            .filter(
+                or_(
+                    Invoice.status.in_(["pending", "payment_detected"]),
+                    and_(
+                        Invoice.status == "expired",
+                        Invoice.expires_at.is_not(None),
+                        Invoice.expires_at >= late_cutoff,
+                    ),
+                )
+            )
+            .order_by(Invoice.created_at.asc())
+            .all()
+        )
+        user_groups: dict[object, list[Invoice]] = {}
+        for invoice in invoices:
+            if invoice.user_id is None:
+                logger.debug(
+                    "Skipping invoice without user",
+                    extra={"invoice_id": str(invoice.id)},
+                )
+                continue
+            user_groups.setdefault(invoice.user_id, []).append(invoice)
+        logger.debug(
+            "Reconciling %d invoices across %d users",
+            len(invoices),
+            len(user_groups),
+        )
+        for user_id, user_invoices in user_groups.items():
+            user = db.query(User).filter(User.id == user_id).first()
+            if user is None:
+                logger.debug(
+                    "Skipping invoices with missing user",
+                    extra={"user_id": str(user_id)},
+                )
+                continue
+            if not user.payment_address or not user.view_key_encrypted:
+                logger.debug(
+                    "Skipping invoices without payment address",
+                    extra={"user_id": str(user.id)},
+                )
+                continue
+            for invoice in user_invoices:
+                try:
+                    transfers = service.get_transfers_for_address(
+                        user=user,
+                        address=invoice.address,
+                    )
+                except Exception as exc:
+                    logger.warning(
+                        "Skipping invoice reconcile due to wallet RPC error",
+                        extra={"invoice_id": str(invoice.id), "user_id": str(user.id)},
+                    )
+                    logger.debug("Wallet RPC error: %s", exc)
+                    continue
+                total_atomic = 0
+                max_confirmations = 0
+                for transfer in transfers:
+                    if transfer.amount_atomic <= 0:
+                        continue
+                    total_atomic += transfer.amount_atomic
+                    if transfer.confirmations > max_confirmations:
+                        max_confirmations = transfer.confirmations
+                logger.debug(
+                    "Invoice totals",
+                    extra={
+                        "invoice_id": str(invoice.id),
+                        "received_atomic": total_atomic,
+                        "confirmations": max_confirmations,
+                    },
+                )
+                now = datetime.now(timezone.utc)
+                previous_confirmations = invoice.confirmations or 0
+                total_changed = invoice.total_paid_atomic != total_atomic
+                confirmations_changed = previous_confirmations != max_confirmations
+                transfers_changed = _sync_invoice_transfers(
+                    db,
+                    invoice=invoice,
+                    transfers=transfers,
+                )
+                if total_changed or confirmations_changed or transfers_changed:
+                    if confirmations_changed:
+                        invoice.confirmations = max_confirmations
+                    if total_changed:
+                        invoice.total_paid_atomic = total_atomic
+                    db.add(invoice)
+                    db.commit()
+                required_atomic = _xmr_to_atomic(invoice.amount_xmr)
+                is_paid = total_atomic >= required_atomic
+
+                expires_at = invoice.expires_at
+                if expires_at is not None and expires_at.tzinfo is None:
+                    expires_at = expires_at.replace(tzinfo=timezone.utc)
+                is_after_expiry = bool(expires_at and now >= expires_at)
+
+                if total_atomic < required_atomic:
+                    logger.debug(
+                        "Payment not yet detected",
+                        extra={
+                            "invoice_id": str(invoice.id),
+                            "required_atomic": required_atomic,
+                            "received_atomic": total_atomic,
+                        },
+                    )
+                    if invoice.status == "pending" and is_after_expiry:
+                        logger.info(
+                            "Invoice expired",
+                            extra={"invoice_id": str(invoice.id), "user_id": str(user.id)},
+                        )
+                        invoice.status = "expired"
+                        db.add(invoice)
+                        db.commit()
+                        dispatch_webhooks(db, str(user.id), "invoice.expired", invoice)
+                        dispatch_btcpay_webhooks(
+                            db, str(user.id), "InvoiceExpired", invoice
+                        )
+                    continue
+
+                if is_paid and invoice.status in ("pending", "expired"):
+                    logger.info(
+                        "Invoice marked payment detected",
+                        extra={"invoice_id": str(invoice.id), "user_id": str(user.id)},
+                    )
+                    previous_status = invoice.status
+                    invoice.status = "payment_detected"
+                    if invoice.detected_at is None:
+                        invoice.detected_at = now
+                    if previous_status == "expired" or (previous_status == "pending" and is_after_expiry):
+                        invoice.paid_after_expiry = True
+                        if invoice.paid_after_expiry_at is None:
+                            invoice.paid_after_expiry_at = now
+                    db.add(invoice)
+                    db.commit()
+                    dispatch_webhooks(db, str(user.id), "invoice.payment_detected", invoice)
+                    dispatch_btcpay_webhooks(
+                        db, str(user.id), "InvoiceReceivedPayment", invoice
+                    )
+                    dispatch_btcpay_webhooks(db, str(user.id), "InvoicePaidInFull", invoice)
+                    dispatch_btcpay_webhooks(
+                        db, str(user.id), "InvoiceProcessing", invoice
+                    )
+                if max_confirmations >= invoice.confirmation_target and invoice.status != "confirmed":
+                    logger.info(
+                        "Invoice confirmed",
+                        extra={"invoice_id": str(invoice.id), "user_id": str(user.id)},
+                    )
+                    invoice.status = "confirmed"
+                    if invoice.confirmed_at is None:
+                        invoice.confirmed_at = now
+                    db.add(invoice)
+                    db.commit()
+                    dispatch_webhooks(db, str(user.id), "invoice.confirmed", invoice)
+                    dispatch_btcpay_webhooks(db, str(user.id), "InvoiceSettled", invoice)
+                    dispatch_btcpay_webhooks(
+                        db, str(user.id), "InvoicePaymentSettled", invoice
+                    )
+    finally:
+        db.close()
+
+
+def _sync_invoice_transfers(
+    db: Session,
+    *,
+    invoice: Invoice,
+    transfers: list[TransferDetail],
+) -> bool:
+    existing = (
+        db.query(InvoiceTransfer)
+        .filter(InvoiceTransfer.invoice_id == invoice.id)
+        .all()
+    )
+    existing_by_txid = {transfer.txid: transfer for transfer in existing if transfer.txid}
+    seen_txids: set[str] = set()
+    changed = False
+    for transfer in transfers:
+        txid = transfer.txid
+        if not txid:
+            continue
+        seen_txids.add(txid)
+        stored = existing_by_txid.get(txid)
+        if stored is None:
+            db.add(
+                InvoiceTransfer(
+                    invoice_id=invoice.id,
+                    txid=txid,
+                    amount_atomic=transfer.amount_atomic,
+                    confirmations=transfer.confirmations,
+                    timestamp=transfer.timestamp,
+                    address=transfer.address,
+                )
+            )
+            changed = True
+            continue
+        if (
+            stored.amount_atomic != transfer.amount_atomic
+            or stored.confirmations != transfer.confirmations
+            or stored.timestamp != transfer.timestamp
+            or stored.address != transfer.address
+        ):
+            stored.amount_atomic = transfer.amount_atomic
+            stored.confirmations = transfer.confirmations
+            stored.timestamp = transfer.timestamp
+            stored.address = transfer.address
+            changed = True
+    for stored in existing:
+        if stored.txid not in seen_txids:
+            db.delete(stored)
+            changed = True
+    return changed
+
+
+
+
+def _xmr_to_atomic(amount: Decimal) -> int:
+    quantized = (Decimal(amount) * Decimal("1000000000000")).to_integral_value(
+        rounding=ROUND_DOWN
+    )
+    return int(quantized)
+
+
+if __name__ == "__main__":
+    main()
diff --git a/api/app/routes.py b/api/app/routes.py
new file mode 100644
index 0000000..8bfdbe4
--- /dev/null
+++ b/api/app/routes.py
@@ -0,0 +1,1308 @@
+import uuid
+from typing import Any
+from datetime import datetime, timedelta, timezone
+from decimal import Decimal, ROUND_DOWN, InvalidOperation
+import csv
+import io
+import json
+
+from fastapi import APIRouter, Depends, HTTPException, Query, Request, Response, status
+from fastapi.responses import RedirectResponse, StreamingResponse
+import requests
+from requests import RequestException
+from sqlalchemy import func, or_
+from sqlalchemy.sql import cast
+from sqlalchemy.types import String as SqlString
+from sqlalchemy.orm import Session
+
+from .config import (
+    DONATION_ACTIVE_INVOICE_LIMIT,
+    DONATION_EXPIRY_MINUTES,
+    DONATIONS_ENABLED,
+    FOUNDER_PAYMENT_ADDRESS,
+    FOUNDER_VIEW_KEY,
+    INVOICE_DEFAULT_EXPIRY_HOURS,
+    QR_STORAGE_DIR,
+)
+from .db import get_db
+from .formatting import format_xmr_amount
+from .models import Invoice, ProfileHistory, User, Webhook, WebhookDelivery
+from monero.address import Address, IntegratedAddress, SubAddress
+from .rates import get_wow_rate
+from .subaddress_allocator import MAX_SUBADDRESS_INDEX, create_subaddress_for_user
+from .schemas import (
+    ApiCredentialsResetRequest,
+    ApiCredentialsResetResponse,
+    DonationCreate,
+    InvoiceCreateUser,
+    InvoiceListResponse,
+    InvoiceResponse,
+    InvoiceStatusResponse,
+    LoginRequest,
+    LoginResponse,
+    ProfileResponse,
+    ProfileUpdate,
+    WebhookCreate,
+    WebhookDeliveryResponse,
+    WebhookResponse,
+)
+from .security import (
+    decrypt_secret,
+    decrypt_api_key,
+    encrypt_secret,
+    encrypt_api_key,
+    generate_api_key,
+    generate_webhook_secret,
+    hash_api_key,
+    require_api_key,
+)
+from .webhooks import build_webhook_payload, dispatch_webhooks
+from .qr_codes import ensure_invoice_qr_png, invoice_qr_url, resolve_qr_settings
+
+router = APIRouter()
+
+WEBHOOK_EVENTS = (
+    "invoice.created",
+    "invoice.payment_detected",
+    "invoice.confirmed",
+    "invoice.expired",
+)
+
+
+def _require_donations_enabled() -> None:
+    if not DONATIONS_ENABLED:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Donations are disabled",
+)
+
+MAX_QR_LOGO_DATA_URL_LENGTH = 120_000
+
+
+def _get_user_for_api_key(db: Session, api_key: str) -> User | None:
+    return db.query(User).filter(User.api_key_hash == hash_api_key(api_key)).first()
+
+
+def _get_founder_user(db: Session) -> User:
+    if not FOUNDER_PAYMENT_ADDRESS or not FOUNDER_VIEW_KEY:
+        raise HTTPException(
+            status_code=status.HTTP_503_SERVICE_UNAVAILABLE,
+            detail="Donations are not configured",
+        )
+    _validate_payment_address_and_view_key(FOUNDER_PAYMENT_ADDRESS, FOUNDER_VIEW_KEY)
+    user = (
+        db.query(User)
+        .filter(User.payment_address == FOUNDER_PAYMENT_ADDRESS)
+        .first()
+    )
+    if user is None:
+        api_key = generate_api_key()
+        webhook_secret = generate_webhook_secret()
+        user = User(
+            payment_address=FOUNDER_PAYMENT_ADDRESS,
+            view_key_encrypted=encrypt_secret(FOUNDER_VIEW_KEY),
+            api_key_hash=hash_api_key(api_key),
+            api_key_encrypted=encrypt_api_key(api_key),
+            webhook_secret_encrypted=encrypt_secret(webhook_secret),
+        )
+        db.add(user)
+        db.commit()
+        db.refresh(user)
+        return user
+    if decrypt_secret(user.view_key_encrypted) != FOUNDER_VIEW_KEY:
+        user.view_key_encrypted = encrypt_secret(FOUNDER_VIEW_KEY)
+        db.add(user)
+        db.commit()
+        db.refresh(user)
+    _ensure_webhook_secret(db, user)
+    return user
+
+
+def _default_invoice_expiry() -> datetime:
+    return datetime.now(timezone.utc) + timedelta(hours=INVOICE_DEFAULT_EXPIRY_HOURS)
+
+
+def _donation_invoice_expiry() -> datetime:
+    return datetime.now(timezone.utc) + timedelta(minutes=DONATION_EXPIRY_MINUTES)
+
+
+def _is_donation_invoice(invoice: Invoice) -> bool:
+    metadata = invoice.metadata_json or {}
+    return isinstance(metadata, dict) and metadata.get("origin") == "donation"
+
+
+def _get_checkout_continue_url(invoice: Invoice) -> str | None:
+    metadata = invoice.metadata_json or {}
+    if not isinstance(metadata, dict):
+        return None
+    checkout = metadata.get("checkout")
+    if not isinstance(checkout, dict):
+        return None
+    value = checkout.get("continue_url")
+    if not isinstance(value, str):
+        return None
+    trimmed = value.strip()
+    return trimmed or None
+
+
+def _ensure_webhook_secret(db: Session, user: User) -> str:
+    if user.webhook_secret_encrypted:
+        return decrypt_secret(user.webhook_secret_encrypted)
+    secret = generate_webhook_secret()
+    user.webhook_secret_encrypted = encrypt_secret(secret)
+    db.add(user)
+    db.commit()
+    db.refresh(user)
+    return secret
+
+
+def _resolve_webhook_payload(
+    payload: WebhookCreate,
+) -> tuple[str | None, list[str], dict[str, str] | None]:
+    event_urls = {key: str(value) for key, value in (payload.event_urls or {}).items()}
+    events = list(payload.events or [])
+    if event_urls:
+        for key in event_urls:
+            if key not in WEBHOOK_EVENTS:
+                raise HTTPException(
+                    status_code=status.HTTP_400_BAD_REQUEST,
+                    detail="Webhook event is not supported",
+                )
+    if events:
+        for event in events:
+            if event not in WEBHOOK_EVENTS:
+                raise HTTPException(
+                    status_code=status.HTTP_400_BAD_REQUEST,
+                    detail="Webhook event is not supported",
+                )
+    events_set = set(events) | set(event_urls.keys())
+    if not events_set:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Select at least one webhook event",
+        )
+    if payload.url is None and not event_urls:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Webhook URL is required",
+        )
+    if payload.url is None:
+        missing = [event for event in events_set if event not in event_urls]
+        if missing:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail="Webhook URL is required for all selected events",
+            )
+    ordered_events = [event for event in WEBHOOK_EVENTS if event in events_set]
+    return (str(payload.url) if payload.url else None, ordered_events, event_urls or None)
+
+
+def _invoice_url(invoice: Invoice, request: Request) -> str:
+    proto = request.headers.get("x-forwarded-proto", request.url.scheme)
+    host = request.headers.get("x-forwarded-host", request.headers.get("host", ""))
+    if not host:
+        return f"/invoice/{invoice.id}"
+    return f"{proto}://{host}/invoice/{invoice.id}"
+
+
+def _qr_url(invoice: Invoice, request: Request) -> str:
+    proto = request.headers.get("x-forwarded-proto", request.url.scheme)
+    host = request.headers.get("x-forwarded-host", request.headers.get("host", ""))
+    path = invoice_qr_url(str(invoice.id))
+    if not host:
+        return path
+    return f"{proto}://{host}{path}"
+
+
+def _invoice_response(
+    invoice: Invoice,
+    request: Request,
+    warnings: list[str] | None = None,
+) -> InvoiceResponse:
+    response = InvoiceResponse.model_validate(invoice)
+    metadata = invoice.metadata_json or {}
+    quote = metadata.get("quote") if isinstance(metadata, dict) else None
+    qr = metadata.get("qr") if isinstance(metadata, dict) else None
+    qr_logo = qr.get("logo") if isinstance(qr, dict) else None
+    qr_logo_data_url = qr.get("logo_data_url") if isinstance(qr, dict) else None
+    if not isinstance(qr_logo, str):
+        qr_logo = None
+    if qr_logo not in ("monero", "none", "custom"):
+        qr_logo = None
+        qr_logo_data_url = None
+    if qr_logo != "custom":
+        qr_logo_data_url = None
+    if not isinstance(qr_logo_data_url, str):
+        qr_logo_data_url = None
+    return response.model_copy(
+        update={
+            "invoice_url": _invoice_url(invoice, request),
+            "qr_url": _qr_url(invoice, request),
+            "warnings": warnings,
+            "quote": quote,
+            "qr_logo": qr_logo,
+            "qr_logo_data_url": qr_logo_data_url,
+        }
+    )
+
+
+def _public_invoice_status_response(
+    db: Session,
+    invoice: Invoice,
+    request: Request,
+) -> InvoiceStatusResponse:
+    response = InvoiceStatusResponse.model_validate(invoice)
+    metadata = invoice.metadata_json or {}
+    update: dict[str, Any] = {}
+    if invoice.total_paid_atomic is not None:
+        total_paid = (Decimal(invoice.total_paid_atomic) / Decimal("1000000000000")).quantize(
+            Decimal("0.000000000001"), rounding=ROUND_DOWN
+        )
+        update["amount_paid_xmr"] = format_xmr_amount(total_paid)
+    btcpay_data = metadata.get("btcpay") if isinstance(metadata, dict) else None
+    if isinstance(btcpay_data, dict):
+        amount = btcpay_data.get("amount")
+        currency = btcpay_data.get("currency")
+        if isinstance(amount, str) and isinstance(currency, str):
+            update["btcpay_amount"] = amount
+            update["btcpay_currency"] = currency
+            if invoice.user_id:
+                user = db.query(User).filter(User.id == invoice.user_id).first()
+                if user and user.btcpay_checkout_style:
+                    update["btcpay_checkout_style"] = user.btcpay_checkout_style
+        checkout = btcpay_data.get("checkout")
+        if isinstance(checkout, dict):
+            redirect_url = checkout.get("redirectURL")
+            if isinstance(redirect_url, str) and redirect_url.strip():
+                update["btcpay_redirect_url"] = redirect_url.strip()
+            redirect_auto = checkout.get("redirectAutomatically")
+            if isinstance(redirect_auto, bool):
+                update["btcpay_redirect_automatically"] = redirect_auto
+    if isinstance(metadata, dict) and isinstance(metadata.get("quote"), dict):
+        update["quote"] = metadata.get("quote")
+    if isinstance(metadata, dict) and isinstance(metadata.get("posData"), str):
+        try:
+            pos_data = json.loads(metadata.get("posData", ""))
+        except (TypeError, ValueError, json.JSONDecodeError):
+            pos_data = None
+        if isinstance(pos_data, dict):
+            woo = pos_data.get("WooCommerce")
+            if isinstance(woo, dict):
+                order_id = woo.get("Order ID")
+                order_number = woo.get("Order Number")
+                if order_id is not None:
+                    update["btcpay_order_id"] = str(order_id)
+                if order_number is not None:
+                    update["btcpay_order_number"] = str(order_number)
+    qr = metadata.get("qr") if isinstance(metadata, dict) else None
+    if isinstance(qr, dict):
+        logo = qr.get("logo")
+        logo_data_url = qr.get("logo_data_url")
+        if isinstance(logo, str) and logo in ("monero", "none", "custom"):
+            update["qr_logo"] = logo
+            if logo == "custom" and isinstance(logo_data_url, str):
+                update["qr_logo_data_url"] = logo_data_url
+    continue_url = _get_checkout_continue_url(invoice)
+    update["checkout_continue_available"] = bool(
+        invoice.status == "confirmed" and continue_url
+    )
+    update["qr_url"] = _qr_url(invoice, request)
+    return response.model_copy(update=update)
+
+
+def _resolve_invoice_amount(
+    db: Session,
+    *,
+    user: User,
+    requested_amount_xmr: Decimal | None = None,
+    requested_amount_fiat: Decimal | None = None,
+    requested_currency: str | None = None,
+) -> tuple[Decimal, list[str] | None, dict[str, str] | None]:
+    if requested_amount_xmr is not None:
+        return requested_amount_xmr, None, None
+    if requested_amount_fiat is None:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="amount_xmr or amount_fiat is required",
+        )
+    if not requested_currency:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="currency is required when amount_fiat is provided",
+        )
+    try:
+        quote = get_wow_rate(requested_currency)
+    except ValueError as exc:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail=str(exc),
+        ) from exc
+    except Exception as exc:
+        raise HTTPException(
+            status_code=status.HTTP_503_SERVICE_UNAVAILABLE,
+            detail="Fiat quote service unavailable",
+        ) from exc
+    amount_xmr = (Decimal(requested_amount_fiat) / quote.rate).quantize(
+        Decimal("0.000000000001"), rounding=ROUND_DOWN
+    )
+    warnings = ["Fiat conversion is an estimate and does not lock a rate."]
+    quote_payload = {
+        "fiat_amount": str(requested_amount_fiat),
+        "fiat_currency": quote.currency,
+        "rate": str(quote.rate),
+        "source": quote.source,
+        "quoted_at": quote.quoted_at.isoformat(),
+    }
+    return amount_xmr, warnings, quote_payload
+
+
+def _validate_payment_address_and_view_key(payment_address: str, view_key: str) -> None:
+    try:
+        address = Address(payment_address)
+    except ValueError as exc:
+        try:
+            SubAddress(payment_address)
+        except ValueError:
+            try:
+                IntegratedAddress(payment_address)
+            except ValueError:
+                raise HTTPException(
+                    status_code=status.HTTP_400_BAD_REQUEST,
+                    detail="Primary address is invalid",
+                ) from exc
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail="Integrated addresses are not supported. Use the primary address.",
+            ) from exc
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Subaddresses are not supported. Use the primary address.",
+        ) from exc
+    if not address.check_private_view_key(view_key):
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Secret view key does not match the primary address",
+        )
+
+
+@router.post(
+    "/api/core/donations",
+    response_model=InvoiceResponse,
+    status_code=201,
+    include_in_schema=False,
+)
+def create_donation_invoice(
+    payload: DonationCreate,
+    request: Request,
+    db: Session = Depends(get_db),
+):
+    _require_donations_enabled()
+    user = _get_founder_user(db)
+    expires_at = _donation_invoice_expiry()
+    active_limit = min(max(1, DONATION_ACTIVE_INVOICE_LIMIT), MAX_SUBADDRESS_INDEX)
+    now = datetime.now(timezone.utc)
+    active_count = (
+        db.query(func.count(Invoice.id))
+        .filter(
+            Invoice.user_id == user.id,
+            Invoice.status.in_(["pending", "payment_detected"]),
+            or_(Invoice.expires_at.is_(None), Invoice.expires_at > now),
+        )
+        .scalar()
+        or 0
+    )
+    if active_count >= active_limit:
+        raise HTTPException(
+            status_code=status.HTTP_429_TOO_MANY_REQUESTS,
+            detail="Donation traffic is high. Try again soon.",
+        )
+    resolved_amount, warnings, _ = _resolve_invoice_amount(
+        db,
+        user=user,
+        requested_amount_xmr=payload.amount_xmr,
+    )
+    address, subaddress_index = create_subaddress_for_user(db, user=user)
+    invoice = Invoice(
+        user_id=user.id,
+        wallet_address=user.payment_address,
+        address=address,
+        subaddress_index=subaddress_index,
+        amount_xmr=resolved_amount,
+        status="pending",
+        confirmation_target=payload.confirmation_target,
+        metadata_json={"origin": "donation"},
+        expires_at=expires_at,
+    )
+    db.add(invoice)
+    db.commit()
+    db.refresh(invoice)
+    try:
+        ensure_invoice_qr_png(
+            invoice=invoice,
+            storage_dir=QR_STORAGE_DIR,
+            settings=resolve_qr_settings(invoice),
+        )
+    except HTTPException:
+        pass
+    return _invoice_response(invoice, request, warnings=warnings)
+
+
+@router.get(
+    "/api/core/public/invoice/{invoice_id}",
+    response_model=InvoiceStatusResponse,
+)
+def get_invoice_status(
+    invoice_id: uuid.UUID,
+    request: Request,
+    db: Session = Depends(get_db),
+):
+    invoice = db.query(Invoice).filter(Invoice.id == invoice_id).first()
+    if invoice is None or _is_donation_invoice(invoice):
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Invoice not found",
+        )
+    try:
+        ensure_invoice_qr_png(
+            invoice=invoice,
+            storage_dir=QR_STORAGE_DIR,
+            settings=resolve_qr_settings(invoice),
+        )
+    except HTTPException:
+        pass
+    return _public_invoice_status_response(db, invoice, request)
+
+
+@router.get(
+    "/api/core/public/invoice/{invoice_id}/continue",
+    response_class=RedirectResponse,
+)
+def continue_invoice_after_confirmation(
+    invoice_id: uuid.UUID,
+    db: Session = Depends(get_db),
+):
+    invoice = db.query(Invoice).filter(Invoice.id == invoice_id).first()
+    if invoice is None or _is_donation_invoice(invoice):
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Invoice not found",
+        )
+    if invoice.status != "confirmed":
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Continue link not available",
+        )
+    continue_url = _get_checkout_continue_url(invoice)
+    if not continue_url:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Continue link not available",
+        )
+    response = RedirectResponse(url=continue_url, status_code=status.HTTP_302_FOUND)
+    response.headers["Cache-Control"] = "no-store"
+    return response
+
+
+@router.get(
+    "/api/core/public/donation/{invoice_id}",
+    response_model=InvoiceStatusResponse,
+    include_in_schema=False,
+)
+def get_donation_status(
+    invoice_id: uuid.UUID,
+    request: Request,
+    db: Session = Depends(get_db),
+):
+    _require_donations_enabled()
+    founder = _get_founder_user(db)
+    invoice = db.query(Invoice).filter(Invoice.id == invoice_id).first()
+    if (
+        invoice is None
+        or not _is_donation_invoice(invoice)
+        or invoice.user_id != founder.id
+    ):
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Donation invoice not found",
+        )
+    try:
+        ensure_invoice_qr_png(
+            invoice=invoice,
+            storage_dir=QR_STORAGE_DIR,
+            settings=resolve_qr_settings(invoice),
+        )
+    except HTTPException:
+        pass
+    return _public_invoice_status_response(db, invoice, request)
+
+
+@router.post("/api/core/webhooks", response_model=WebhookResponse)
+def register_webhook(
+    payload: WebhookCreate,
+    db: Session = Depends(get_db),
+    api_key: str = Depends(require_api_key),
+):
+    user = _get_user_for_api_key(db, api_key)
+    if user is None:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User API key required",
+        )
+    _ensure_webhook_secret(db, user)
+    url, events, event_urls = _resolve_webhook_payload(payload)
+    webhook = Webhook(
+        user_id=user.id,
+        url=url,
+        events=events,
+        event_urls=event_urls,
+        active=True,
+    )
+    db.add(webhook)
+    db.commit()
+    db.refresh(webhook)
+    return webhook
+
+
+@router.get("/api/core/webhooks", response_model=list[WebhookResponse])
+def list_webhooks(
+    db: Session = Depends(get_db),
+    api_key: str = Depends(require_api_key),
+):
+    user = _get_user_for_api_key(db, api_key)
+    if user is None:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User API key required",
+        )
+    return (
+        db.query(Webhook)
+        .filter(Webhook.user_id == user.id)
+        .order_by(Webhook.created_at.desc())
+        .all()
+    )
+
+
+@router.get("/api/core/webhooks/history", response_model=list[WebhookDeliveryResponse])
+def list_webhook_history(
+    limit: int = Query(50, ge=1, le=200),
+    offset: int = Query(0, ge=0),
+    db: Session = Depends(get_db),
+    api_key: str = Depends(require_api_key),
+):
+    user = _get_user_for_api_key(db, api_key)
+    if user is None:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User API key required",
+        )
+    return (
+        db.query(WebhookDelivery)
+        .filter(WebhookDelivery.user_id == user.id)
+        .order_by(WebhookDelivery.created_at.desc())
+        .limit(limit)
+        .offset(offset)
+        .all()
+    )
+
+
+@router.post(
+    "/api/core/webhooks/deliveries/{delivery_id}/redeliver",
+    status_code=200,
+)
+def redeliver_webhook_delivery(
+    delivery_id: uuid.UUID,
+    db: Session = Depends(get_db),
+    api_key: str = Depends(require_api_key),
+):
+    user = _get_user_for_api_key(db, api_key)
+    if user is None:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User API key required",
+        )
+    delivery = (
+        db.query(WebhookDelivery)
+        .filter(WebhookDelivery.id == delivery_id, WebhookDelivery.user_id == user.id)
+        .first()
+    )
+    if delivery is None:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Webhook delivery not found",
+        )
+    if delivery.http_status is not None and delivery.http_status < 400:
+        raise HTTPException(
+            status_code=status.HTTP_409_CONFLICT,
+            detail="Only failed deliveries can be redelivered",
+        )
+    payload = delivery.payload_json
+    if not isinstance(payload, dict):
+        payload = None
+    if payload is None and delivery.invoice_id:
+        invoice = db.query(Invoice).filter(Invoice.id == delivery.invoice_id).first()
+        if invoice is not None:
+            payload = build_webhook_payload(delivery.event, invoice)
+    if payload is None:
+        raise HTTPException(
+            status_code=status.HTTP_409_CONFLICT,
+            detail="Webhook payload is unavailable for this delivery",
+        )
+
+    webhook_secret = _ensure_webhook_secret(db, user)
+    status_code = None
+    error_message = None
+    try:
+        response = requests.post(
+            delivery.url,
+            json=payload,
+            headers={"X-Webhook-Secret": webhook_secret},
+            timeout=5,
+        )
+        status_code = response.status_code
+    except RequestException as exc:
+        error_message = str(exc)
+
+    redelivery = WebhookDelivery(
+        user_id=user.id,
+        webhook_id=delivery.webhook_id,
+        event=delivery.event,
+        url=delivery.url,
+        invoice_id=delivery.invoice_id,
+        invoice_address=delivery.invoice_address,
+        invoice_subaddress_index=delivery.invoice_subaddress_index,
+        invoice_amount_xmr=delivery.invoice_amount_xmr,
+        invoice_status=delivery.invoice_status,
+        payload_json=payload,
+        http_status=status_code,
+        error_message=error_message,
+    )
+    db.add(redelivery)
+    db.commit()
+    db.refresh(redelivery)
+    return {
+        "delivery_id": str(redelivery.id),
+        "http_status": redelivery.http_status,
+        "error_message": redelivery.error_message,
+    }
+
+
+@router.delete(
+    "/api/core/webhooks/{webhook_id}",
+    status_code=204,
+    responses={204: {"description": "Webhook deleted"}},
+)
+def delete_webhook(
+    webhook_id: uuid.UUID,
+    db: Session = Depends(get_db),
+    api_key: str = Depends(require_api_key),
+):
+    user = _get_user_for_api_key(db, api_key)
+    if user is None:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User API key required",
+        )
+    webhook = (
+        db.query(Webhook)
+        .filter(Webhook.id == webhook_id, Webhook.user_id == user.id)
+        .first()
+    )
+    if webhook is None:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Webhook not found",
+        )
+    db.delete(webhook)
+    db.commit()
+    return None
+
+
+@router.post("/api/core/auth/login", response_model=LoginResponse)
+def login_user(payload: LoginRequest, db: Session = Depends(get_db)):
+    payment_address = payload.payment_address.strip()
+    view_key = payload.view_key.strip()
+    _validate_payment_address_and_view_key(payment_address, view_key)
+    user = db.query(User).filter(User.payment_address == payment_address).first()
+    if user is None:
+        api_key = generate_api_key()
+        webhook_secret = generate_webhook_secret()
+        user = User(
+            payment_address=payment_address,
+            view_key_encrypted=encrypt_secret(view_key),
+            api_key_hash=hash_api_key(api_key),
+            api_key_encrypted=encrypt_api_key(api_key),
+            webhook_secret_encrypted=encrypt_secret(webhook_secret),
+        )
+        db.add(user)
+        db.commit()
+        db.refresh(user)
+        return {
+            "api_key": api_key,
+            "webhook_secret": webhook_secret,
+            "store_id": user.id,
+        }
+    current_view_key = decrypt_secret(user.view_key_encrypted)
+    if current_view_key != view_key:
+        history_entry = ProfileHistory(
+            user_id=user.id,
+            field_name="view_key",
+            old_value=user.view_key_encrypted,
+            new_value=encrypt_secret(view_key),
+            value_encrypted=True,
+        )
+        user.view_key_encrypted = encrypt_secret(view_key)
+        db.add(history_entry)
+        db.commit()
+        db.refresh(user)
+    webhook_secret = _ensure_webhook_secret(db, user)
+    return {
+        "api_key": decrypt_api_key(user.api_key_encrypted),
+        "webhook_secret": webhook_secret,
+        "store_id": user.id,
+    }
+
+
+@router.post("/api/core/auth/validate", status_code=status.HTTP_204_NO_CONTENT)
+def validate_login(payload: LoginRequest) -> Response:
+    payment_address = payload.payment_address.strip()
+    view_key = payload.view_key.strip()
+    _validate_payment_address_and_view_key(payment_address, view_key)
+    return Response(status_code=status.HTTP_204_NO_CONTENT)
+
+
+@router.post(
+    "/api/core/api-credentials/reset",
+    response_model=ApiCredentialsResetResponse,
+)
+def reset_api_credentials(
+    payload: ApiCredentialsResetRequest,
+    db: Session = Depends(get_db),
+    api_key: str = Depends(require_api_key),
+):
+    user = _get_user_for_api_key(db, api_key)
+    if user is None:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User API key required",
+        )
+    if not payload.reset_api_key and not payload.reset_webhook_secret:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Select at least one credential to reset",
+        )
+    response: dict[str, str] = {}
+    if payload.reset_api_key:
+        new_key = generate_api_key()
+        new_key_encrypted = encrypt_api_key(new_key)
+        history_entry = ProfileHistory(
+            user_id=user.id,
+            field_name="api_key",
+            old_value=user.api_key_encrypted,
+            new_value=new_key_encrypted,
+            value_encrypted=True,
+        )
+        user.api_key_hash = hash_api_key(new_key)
+        user.api_key_encrypted = new_key_encrypted
+        db.add(history_entry)
+        response["api_key"] = new_key
+    if payload.reset_webhook_secret:
+        new_secret = generate_webhook_secret()
+        new_secret_encrypted = encrypt_secret(new_secret)
+        history_entry = ProfileHistory(
+            user_id=user.id,
+            field_name="webhook_secret",
+            old_value=user.webhook_secret_encrypted,
+            new_value=new_secret_encrypted,
+            value_encrypted=True,
+        )
+        user.webhook_secret_encrypted = new_secret_encrypted
+        db.add(history_entry)
+        response["webhook_secret"] = new_secret
+    db.commit()
+    db.refresh(user)
+    return response
+
+
+@router.get("/api/core/profile", response_model=ProfileResponse)
+def get_profile(
+    db: Session = Depends(get_db),
+    api_key: str = Depends(require_api_key),
+):
+    user = _get_user_for_api_key(db, api_key)
+    if user is None:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User API key required",
+        )
+    return user
+
+
+@router.patch("/api/core/profile", response_model=ProfileResponse)
+def update_profile(
+    payload: ProfileUpdate,
+    db: Session = Depends(get_db),
+    api_key: str = Depends(require_api_key),
+):
+    user = _get_user_for_api_key(db, api_key)
+    if user is None:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User API key required",
+        )
+    if not payload.model_fields_set:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Select at least one profile field to update",
+        )
+    if (
+        "btcpay_checkout_style" in payload.model_fields_set
+        and payload.btcpay_checkout_style != user.btcpay_checkout_style
+    ):
+        history_entry = ProfileHistory(
+            user_id=user.id,
+            field_name="btcpay_checkout_style",
+            old_value=user.btcpay_checkout_style,
+            new_value=payload.btcpay_checkout_style,
+            value_encrypted=False,
+        )
+        user.btcpay_checkout_style = payload.btcpay_checkout_style
+        db.add(history_entry)
+    if (
+        "default_confirmation_target" in payload.model_fields_set
+        and payload.default_confirmation_target is not None
+        and payload.default_confirmation_target != user.default_confirmation_target
+    ):
+        history_entry = ProfileHistory(
+            user_id=user.id,
+            field_name="default_confirmation_target",
+            old_value=str(user.default_confirmation_target),
+            new_value=str(payload.default_confirmation_target),
+            value_encrypted=False,
+        )
+        user.default_confirmation_target = payload.default_confirmation_target
+        db.add(history_entry)
+    if "default_qr_logo" in payload.model_fields_set:
+        if payload.default_qr_logo is not None and payload.default_qr_logo != user.default_qr_logo:
+            history_entry = ProfileHistory(
+                user_id=user.id,
+                field_name="default_qr_logo",
+                old_value=user.default_qr_logo,
+                new_value=payload.default_qr_logo,
+                value_encrypted=False,
+            )
+            user.default_qr_logo = payload.default_qr_logo
+            db.add(history_entry)
+    if "default_qr_logo_data_url" in payload.model_fields_set:
+        if payload.default_qr_logo_data_url is not None:
+            value = payload.default_qr_logo_data_url.strip()
+            if value and len(value) > MAX_QR_LOGO_DATA_URL_LENGTH:
+                raise HTTPException(
+                    status_code=status.HTTP_400_BAD_REQUEST,
+                    detail="QR logo image is too large",
+                )
+            if value == "":
+                payload.default_qr_logo_data_url = None
+        if payload.default_qr_logo_data_url != user.default_qr_logo_data_url:
+            history_entry = ProfileHistory(
+                user_id=user.id,
+                field_name="default_qr_logo_data_url",
+                old_value=user.default_qr_logo_data_url,
+                new_value=payload.default_qr_logo_data_url,
+                value_encrypted=False,
+            )
+            user.default_qr_logo_data_url = payload.default_qr_logo_data_url
+            db.add(history_entry)
+    db.add(user)
+    db.commit()
+    db.refresh(user)
+    return user
+
+
+@router.post("/api/core/invoices", response_model=InvoiceResponse, status_code=201)
+def create_invoice_for_user(
+    payload: InvoiceCreateUser,
+    request: Request,
+    db: Session = Depends(get_db),
+    api_key: str = Depends(require_api_key),
+):
+    user = _get_user_for_api_key(db, api_key)
+    if user is None:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User API key required",
+        )
+    if not user.payment_address or not user.view_key_encrypted:
+        raise HTTPException(
+            status_code=status.HTTP_409_CONFLICT,
+            detail="Primary address is not configured for this user",
+        )
+    confirmation_target = payload.confirmation_target
+    if "confirmation_target" not in payload.model_fields_set:
+        confirmation_target = user.default_confirmation_target
+    expires_at = payload.expires_at or _default_invoice_expiry()
+    resolved_amount, warnings, quote = _resolve_invoice_amount(
+        db,
+        user=user,
+        requested_amount_xmr=payload.amount_xmr,
+        requested_amount_fiat=payload.amount_fiat,
+        requested_currency=payload.currency,
+    )
+    if warnings is not None and len(warnings) == 0:
+        warnings = None
+    metadata = payload.metadata or {}
+    if quote:
+        metadata = {**metadata, "quote": quote}
+    if isinstance(metadata, dict):
+        qr = metadata.get("qr")
+        if not isinstance(qr, dict):
+            qr = None
+        if qr is None:
+            qr = {"logo": user.default_qr_logo}
+            if user.default_qr_logo == "custom" and user.default_qr_logo_data_url:
+                qr["logo_data_url"] = user.default_qr_logo_data_url
+            metadata = {**metadata, "qr": qr}
+        else:
+            logo = qr.get("logo")
+            logo_data_url = qr.get("logo_data_url")
+            if isinstance(logo, str) and logo in ("monero", "none", "custom"):
+                normalized = {"logo": logo}
+                if logo == "custom":
+                    if isinstance(logo_data_url, str):
+                        trimmed = logo_data_url.strip()
+                        if trimmed and len(trimmed) > MAX_QR_LOGO_DATA_URL_LENGTH:
+                            raise HTTPException(
+                                status_code=status.HTTP_400_BAD_REQUEST,
+                                detail="QR logo image is too large",
+                            )
+                        if trimmed:
+                            normalized["logo_data_url"] = trimmed
+                metadata = {**metadata, "qr": normalized}
+    else:
+        metadata = {"qr": {"logo": user.default_qr_logo}}
+        if user.default_qr_logo == "custom" and user.default_qr_logo_data_url:
+            metadata["qr"]["logo_data_url"] = user.default_qr_logo_data_url
+    if payload.checkout_continue_url is not None:
+        checkout = metadata.get("checkout") if isinstance(metadata, dict) else None
+        if not isinstance(checkout, dict):
+            checkout = {}
+        checkout = {**checkout, "continue_url": str(payload.checkout_continue_url)}
+        metadata = {**(metadata if isinstance(metadata, dict) else {}), "checkout": checkout}
+    address, subaddress_index = create_subaddress_for_user(db, user=user)
+    invoice = Invoice(
+        user_id=user.id,
+        wallet_address=user.payment_address,
+        address=address,
+        subaddress_index=subaddress_index,
+        amount_xmr=resolved_amount,
+        status="pending",
+        confirmation_target=confirmation_target,
+        total_paid_atomic=0,
+        metadata_json=metadata,
+        expires_at=expires_at,
+    )
+    db.add(invoice)
+    db.commit()
+    db.refresh(invoice)
+    try:
+        ensure_invoice_qr_png(
+            invoice=invoice,
+            storage_dir=QR_STORAGE_DIR,
+            settings=resolve_qr_settings(invoice),
+        )
+    except HTTPException:
+        pass
+    dispatch_webhooks(db, str(user.id), "invoice.created", invoice)
+    return _invoice_response(invoice, request, warnings=warnings)
+
+
+@router.get("/api/core/invoices", response_model=InvoiceListResponse)
+def list_invoices_for_user(
+    request: Request,
+    limit: int = Query(default=50, ge=1, le=100),
+    offset: int = Query(default=0, ge=0),
+    status_filter: str | None = Query(default=None, alias="status"),
+    include_archived: bool = Query(default=False, alias="include_archived"),
+    q: str | None = Query(default=None),
+    sort: str = Query(default="created_at"),
+    order: str = Query(default="desc"),
+    created_from: datetime | None = Query(default=None),
+    created_to: datetime | None = Query(default=None),
+    db: Session = Depends(get_db),
+    api_key: str = Depends(require_api_key),
+):
+    user = _get_user_for_api_key(db, api_key)
+    if user is None:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User API key required",
+        )
+    query = db.query(Invoice).filter(Invoice.user_id == user.id)
+    if not include_archived:
+        query = query.filter(Invoice.archived_at.is_(None))
+    if status_filter:
+        query = query.filter(Invoice.status == status_filter)
+    if q:
+        needle = q.strip()
+        if needle:
+            try:
+                invoice_uuid = uuid.UUID(needle)
+            except ValueError:
+                invoice_uuid = None
+            try:
+                amount_xmr = Decimal(needle)
+            except (InvalidOperation, ValueError):
+                amount_xmr = None
+            matchers = []
+            if invoice_uuid is not None:
+                matchers.append(Invoice.id == invoice_uuid)
+            if amount_xmr is not None:
+                matchers.append(Invoice.amount_xmr == amount_xmr)
+            matchers.append(Invoice.address.ilike(f"%{needle}%"))
+            matchers.append(cast(Invoice.metadata_json, SqlString).ilike(f"%{needle}%"))
+            query = query.filter(or_(*matchers))
+    if created_from:
+        query = query.filter(Invoice.created_at >= created_from)
+    if created_to:
+        query = query.filter(Invoice.created_at <= created_to)
+
+    sort_keys = {
+        "created_at": Invoice.created_at,
+        "expires_at": Invoice.expires_at,
+        "amount_xmr": Invoice.amount_xmr,
+        "status": Invoice.status,
+        "confirmations": Invoice.confirmations,
+        "confirmation_target": Invoice.confirmation_target,
+    }
+    sort_column = sort_keys.get(sort, Invoice.created_at)
+    if order.lower() == "asc":
+        query = query.order_by(sort_column.asc())
+    else:
+        query = query.order_by(sort_column.desc())
+    items = (
+        query.offset(offset)
+        .limit(limit)
+        .all()
+    )
+    invoice_items = [_invoice_response(invoice, request) for invoice in items]
+    total_query = db.query(func.count(Invoice.id)).filter(Invoice.user_id == user.id)
+    if not include_archived:
+        total_query = total_query.filter(Invoice.archived_at.is_(None))
+    if status_filter:
+        total_query = total_query.filter(Invoice.status == status_filter)
+    if q:
+        needle = q.strip()
+        if needle:
+            try:
+                invoice_uuid = uuid.UUID(needle)
+            except ValueError:
+                invoice_uuid = None
+            try:
+                amount_xmr = Decimal(needle)
+            except (InvalidOperation, ValueError):
+                amount_xmr = None
+            matchers = []
+            if invoice_uuid is not None:
+                matchers.append(Invoice.id == invoice_uuid)
+            if amount_xmr is not None:
+                matchers.append(Invoice.amount_xmr == amount_xmr)
+            matchers.append(Invoice.address.ilike(f"%{needle}%"))
+            matchers.append(cast(Invoice.metadata_json, SqlString).ilike(f"%{needle}%"))
+            total_query = total_query.filter(or_(*matchers))
+    if created_from:
+        total_query = total_query.filter(Invoice.created_at >= created_from)
+    if created_to:
+        total_query = total_query.filter(Invoice.created_at <= created_to)
+    total = total_query.scalar() or 0
+    return {"items": invoice_items, "total": total}
+
+
+@router.get(
+    "/api/core/invoices/export.csv",
+    responses={200: {"content": {"text/csv": {}}}},
+)
+def export_invoices_csv(
+    include_archived: bool = Query(default=False, alias="include_archived"),
+    status_filter: str | None = Query(default=None, alias="status"),
+    q: str | None = Query(default=None),
+    sort: str = Query(default="created_at"),
+    order: str = Query(default="desc"),
+    created_from: datetime | None = Query(default=None),
+    created_to: datetime | None = Query(default=None),
+    db: Session = Depends(get_db),
+    api_key: str = Depends(require_api_key),
+):
+    user = _get_user_for_api_key(db, api_key)
+    if user is None:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User API key required",
+        )
+
+    query = db.query(Invoice).filter(Invoice.user_id == user.id)
+    if not include_archived:
+        query = query.filter(Invoice.archived_at.is_(None))
+    if status_filter:
+        query = query.filter(Invoice.status == status_filter)
+    if q:
+        needle = q.strip()
+        if needle:
+            try:
+                invoice_uuid = uuid.UUID(needle)
+            except ValueError:
+                invoice_uuid = None
+            matchers = []
+            if invoice_uuid is not None:
+                matchers.append(Invoice.id == invoice_uuid)
+            matchers.append(Invoice.address.ilike(f"%{needle}%"))
+            matchers.append(cast(Invoice.metadata_json, SqlString).ilike(f"%{needle}%"))
+            query = query.filter(or_(*matchers))
+    if created_from:
+        query = query.filter(Invoice.created_at >= created_from)
+    if created_to:
+        query = query.filter(Invoice.created_at <= created_to)
+
+    sort_keys = {
+        "created_at": Invoice.created_at,
+        "expires_at": Invoice.expires_at,
+        "amount_xmr": Invoice.amount_xmr,
+        "status": Invoice.status,
+        "confirmations": Invoice.confirmations,
+        "confirmation_target": Invoice.confirmation_target,
+    }
+    sort_column = sort_keys.get(sort, Invoice.created_at)
+    if order.lower() == "asc":
+        query = query.order_by(sort_column.asc())
+    else:
+        query = query.order_by(sort_column.desc())
+
+    def _row_writer():
+        buffer = io.StringIO()
+        writer = csv.writer(buffer)
+        writer.writerow(
+            [
+                "id",
+                "status",
+                "amount_xmr",
+                "confirmation_target",
+                "confirmations",
+                "paid_after_expiry",
+                "paid_after_expiry_at",
+                "address",
+                "subaddress_index",
+                "created_at",
+                "expires_at",
+                "detected_at",
+                "confirmed_at",
+                "archived_at",
+                "metadata",
+            ]
+        )
+        yield buffer.getvalue()
+        buffer.seek(0)
+        buffer.truncate(0)
+
+        for invoice in query.yield_per(500):
+            metadata = invoice.metadata_json
+            if metadata is None:
+                metadata_value = ""
+            else:
+                metadata_value = str(metadata)
+            writer.writerow(
+                [
+                    str(invoice.id),
+                    invoice.status,
+                    format_xmr_amount(invoice.amount_xmr),
+                    invoice.confirmation_target,
+                    invoice.confirmations or 0,
+                    bool(invoice.paid_after_expiry),
+                    invoice.paid_after_expiry_at.isoformat()
+                    if invoice.paid_after_expiry_at
+                    else "",
+                    invoice.address,
+                    invoice.subaddress_index if invoice.subaddress_index is not None else "",
+                    invoice.created_at.isoformat() if invoice.created_at else "",
+                    invoice.expires_at.isoformat() if invoice.expires_at else "",
+                    invoice.detected_at.isoformat() if invoice.detected_at else "",
+                    invoice.confirmed_at.isoformat() if invoice.confirmed_at else "",
+                    invoice.archived_at.isoformat() if invoice.archived_at else "",
+                    metadata_value,
+                ]
+            )
+            yield buffer.getvalue()
+            buffer.seek(0)
+            buffer.truncate(0)
+
+    filename = f"invoices-{datetime.now(timezone.utc).date().isoformat()}.csv"
+    headers = {"Content-Disposition": f'attachment; filename="{filename}"'}
+    return StreamingResponse(_row_writer(), media_type="text/csv", headers=headers)
+
+
+@router.get("/api/core/invoices/{invoice_id}", response_model=InvoiceResponse)
+def get_invoice_for_user(
+    invoice_id: uuid.UUID,
+    request: Request,
+    db: Session = Depends(get_db),
+    api_key: str = Depends(require_api_key),
+):
+    user = _get_user_for_api_key(db, api_key)
+    if user is None:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User API key required",
+        )
+    invoice = (
+        db.query(Invoice)
+        .filter(
+            Invoice.id == invoice_id,
+            Invoice.user_id == user.id,
+            Invoice.archived_at.is_(None),
+        )
+        .first()
+    )
+    if invoice is None:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Invoice not found",
+        )
+    return _invoice_response(invoice, request)
+
+
+@router.delete(
+    "/api/core/invoices/{invoice_id}",
+    status_code=204,
+    responses={204: {"description": "Invoice archived"}},
+)
+def archive_invoice_for_user(
+    invoice_id: uuid.UUID,
+    db: Session = Depends(get_db),
+    api_key: str = Depends(require_api_key),
+):
+    user = _get_user_for_api_key(db, api_key)
+    if user is None:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User API key required",
+        )
+    invoice = (
+        db.query(Invoice)
+        .filter(
+            Invoice.id == invoice_id,
+            Invoice.user_id == user.id,
+            Invoice.archived_at.is_(None),
+        )
+        .first()
+    )
+    if invoice is None:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Invoice not found",
+        )
+    if invoice.status not in ("pending", "expired", "invalid"):
+        raise HTTPException(
+            status_code=status.HTTP_409_CONFLICT,
+            detail="Only pending, expired, or invalid invoices can be archived",
+        )
+    invoice.archived_at = datetime.now(timezone.utc)
+    db.add(invoice)
+    db.commit()
+    return None
diff --git a/api/app/schemas.py b/api/app/schemas.py
new file mode 100644
index 0000000..7ecfb67
--- /dev/null
+++ b/api/app/schemas.py
@@ -0,0 +1,279 @@
+from datetime import datetime
+from decimal import Decimal
+from typing import Any, Literal
+from uuid import UUID
+
+from pydantic import (
+    AnyUrl,
+    BaseModel,
+    ConfigDict,
+    Field,
+    conint,
+    field_serializer,
+    field_validator,
+    model_validator,
+)
+
+from .formatting import format_xmr_amount
+
+InvoiceStatus = Literal["pending", "payment_detected", "confirmed", "expired", "invalid"]
+BtcpayCheckoutStyle = Literal["standard", "btcpay_classic"]
+QrLogoMode = Literal["wownero", "none", "custom"]
+
+
+class InvoiceCreate(BaseModel):
+    amount_xmr: Decimal | None = Field(default=None, gt=0)
+    amount_fiat: Decimal | None = Field(default=None, gt=0)
+    currency: str | None = None
+    confirmation_target: conint(ge=0, le=10) = 1
+    checkout_continue_url: AnyUrl | None = Field(
+        default=None,
+        description="Optional: after the invoice is confirmed, the hosted invoice page can offer a Continue button that navigates to this merchant URL.",
+    )
+    metadata: dict[str, Any] | None = None
+    expires_at: datetime | None = Field(
+        default=None,
+        description="Defaults to 60 minutes from creation if omitted.",
+    )
+
+    @field_validator("currency")
+    @classmethod
+    def _normalize_currency(cls, value: str | None) -> str | None:
+        if value is None:
+            return None
+        return value.strip().upper()
+
+    @model_validator(mode="after")
+    def _validate_amounts(self) -> "InvoiceCreate":
+        if self.amount_xmr is None and self.amount_fiat is None:
+            raise ValueError("amount_xmr or amount_fiat is required")
+        if self.amount_xmr is not None and self.amount_fiat is not None:
+            raise ValueError("Provide either amount_xmr or amount_fiat, not both")
+        if self.amount_fiat is not None and not self.currency:
+            raise ValueError("currency is required when amount_fiat is provided")
+        return self
+
+    @field_validator("checkout_continue_url")
+    @classmethod
+    def _validate_checkout_continue_url(cls, value: AnyUrl | None) -> AnyUrl | None:
+        if value is None:
+            return None
+        if value.scheme == "https":
+            return value
+        if value.scheme == "http" and value.host in ("localhost", "127.0.0.1"):
+            return value
+        raise ValueError("checkout_continue_url must use https (http is allowed for localhost)")
+
+
+class DonationCreate(BaseModel):
+    amount_xmr: Decimal = Field(gt=0)
+    confirmation_target: conint(ge=0, le=10) = 1
+
+
+class InvoiceResponse(BaseModel):
+    model_config = ConfigDict(from_attributes=True)
+
+    id: UUID
+    address: str
+    subaddress_index: int | None = None
+    amount_xmr: Decimal
+    status: InvoiceStatus
+    confirmation_target: int
+    confirmations: int = 0
+    paid_after_expiry: bool = False
+    paid_after_expiry_at: datetime | None = None
+    qr_logo: QrLogoMode | None = None
+    qr_logo_data_url: str | None = None
+    metadata: dict[str, Any] | None = Field(default=None, validation_alias="metadata_json")
+    warnings: list[str] | None = None
+    quote: dict[str, Any] | None = None
+    invoice_url: str | None = None
+    qr_url: str | None = None
+    created_at: datetime
+    archived_at: datetime | None = None
+    expires_at: datetime | None
+    detected_at: datetime | None
+    confirmed_at: datetime | None
+
+    @field_serializer("amount_xmr")
+    def _serialize_amount_xmr(self, value: Decimal) -> str:
+        return format_xmr_amount(value)
+
+
+class InvoiceCreateUser(BaseModel):
+    amount_xmr: Decimal | None = Field(default=None, gt=0)
+    amount_fiat: Decimal | None = Field(default=None, gt=0)
+    currency: str | None = None
+    confirmation_target: conint(ge=0, le=10) = 1
+    checkout_continue_url: AnyUrl | None = Field(
+        default=None,
+        description="Optional: after the invoice is confirmed, the hosted invoice page can offer a Continue button that navigates to this merchant URL.",
+    )
+    metadata: dict[str, Any] | None = None
+    expires_at: datetime | None = Field(
+        default=None,
+        description="Defaults to 60 minutes from creation if omitted.",
+    )
+
+    @field_validator("currency")
+    @classmethod
+    def _normalize_currency(cls, value: str | None) -> str | None:
+        if value is None:
+            return None
+        return value.strip().upper()
+
+    @model_validator(mode="after")
+    def _validate_amounts(self) -> "InvoiceCreateUser":
+        if self.amount_xmr is None and self.amount_fiat is None:
+            raise ValueError("amount_xmr or amount_fiat is required")
+        if self.amount_xmr is not None and self.amount_fiat is not None:
+            raise ValueError("Provide either amount_xmr or amount_fiat, not both")
+        if self.amount_fiat is not None and not self.currency:
+            raise ValueError("currency is required when amount_fiat is provided")
+        return self
+
+    @field_validator("checkout_continue_url")
+    @classmethod
+    def _validate_checkout_continue_url(cls, value: AnyUrl | None) -> AnyUrl | None:
+        if value is None:
+            return None
+        if value.scheme == "https":
+            return value
+        if value.scheme == "http" and value.host in ("localhost", "127.0.0.1"):
+            return value
+        raise ValueError("checkout_continue_url must use https (http is allowed for localhost)")
+
+
+class InvoiceListResponse(BaseModel):
+    items: list[InvoiceResponse]
+    total: int
+
+
+class InvoiceStatusResponse(BaseModel):
+    model_config = ConfigDict(from_attributes=True)
+
+    id: UUID
+    address: str
+    subaddress_index: int | None = None
+    amount_xmr: Decimal
+    amount_paid_xmr: str | None = None
+    status: InvoiceStatus
+    confirmation_target: int
+    confirmations: int = 0
+    paid_after_expiry: bool = False
+    paid_after_expiry_at: datetime | None = None
+    qr_logo: QrLogoMode | None = None
+    qr_logo_data_url: str | None = None
+    created_at: datetime
+    expires_at: datetime | None
+    detected_at: datetime | None
+    confirmed_at: datetime | None
+    btcpay_amount: str | None = None
+    btcpay_currency: str | None = None
+    btcpay_checkout_style: BtcpayCheckoutStyle | None = None
+    btcpay_redirect_url: str | None = None
+    btcpay_redirect_automatically: bool | None = None
+    btcpay_order_id: str | None = None
+    btcpay_order_number: str | None = None
+    checkout_continue_available: bool = False
+    quote: dict[str, Any] | None = None
+    qr_url: str | None = None
+
+    @field_serializer("amount_xmr")
+    def _serialize_amount_xmr(self, value: Decimal) -> str:
+        return format_xmr_amount(value)
+
+
+class ProfileResponse(BaseModel):
+    model_config = ConfigDict(from_attributes=True)
+
+    id: UUID
+    payment_address: str
+    default_confirmation_target: conint(ge=0, le=10) = 1
+    default_qr_logo: QrLogoMode = "wownero"
+    default_qr_logo_data_url: str | None = None
+    btcpay_checkout_style: BtcpayCheckoutStyle = "btcpay_classic"
+    created_at: datetime
+
+
+class ProfileUpdate(BaseModel):
+    btcpay_checkout_style: BtcpayCheckoutStyle | None = None
+    default_confirmation_target: conint(ge=0, le=10) | None = None
+    default_qr_logo: QrLogoMode | None = None
+    default_qr_logo_data_url: str | None = None
+
+
+class WebhookCreate(BaseModel):
+    url: AnyUrl | None = None
+    events: list[
+        Literal[
+            "invoice.created",
+            "invoice.payment_detected",
+            "invoice.confirmed",
+            "invoice.expired",
+        ]
+    ] | None = None
+    event_urls: dict[
+        Literal[
+            "invoice.created",
+            "invoice.payment_detected",
+            "invoice.confirmed",
+            "invoice.expired",
+        ],
+        AnyUrl,
+    ] | None = None
+
+
+class WebhookResponse(BaseModel):
+    model_config = ConfigDict(from_attributes=True)
+
+    id: UUID
+    url: AnyUrl | None = None
+    events: list[str]
+    event_urls: dict[str, AnyUrl] | None = None
+    active: bool
+    created_at: datetime
+
+
+class WebhookDeliveryResponse(BaseModel):
+    model_config = ConfigDict(from_attributes=True)
+
+    id: UUID
+    webhook_id: UUID | None = None
+    event: str
+    url: str
+    invoice_id: UUID | None = None
+    invoice_address: str | None = None
+    invoice_subaddress_index: int | None = None
+    invoice_amount_xmr: Decimal | None = None
+    invoice_status: InvoiceStatus | None = None
+    http_status: int | None = None
+    error_message: str | None = None
+    created_at: datetime
+
+    @field_serializer("invoice_amount_xmr")
+    def _serialize_invoice_amount_xmr(self, value: Decimal | None) -> str | None:
+        if value is None:
+            return None
+        return format_xmr_amount(value)
+
+
+class LoginRequest(BaseModel):
+    payment_address: str = Field(min_length=1)
+    view_key: str = Field(min_length=1, max_length=256)
+
+
+class LoginResponse(BaseModel):
+    api_key: str
+    webhook_secret: str
+    store_id: UUID
+
+
+class ApiCredentialsResetRequest(BaseModel):
+    reset_api_key: bool = False
+    reset_webhook_secret: bool = False
+
+
+class ApiCredentialsResetResponse(BaseModel):
+    api_key: str | None = None
+    webhook_secret: str | None = None
diff --git a/api/app/security.py b/api/app/security.py
new file mode 100644
index 0000000..d2efb6c
--- /dev/null
+++ b/api/app/security.py
@@ -0,0 +1,89 @@
+import hashlib
+import secrets
+
+from fastapi import Depends, Header, HTTPException, status
+from passlib.context import CryptContext
+from sqlalchemy.orm import Session
+
+from .config import (
+    API_KEYS,
+    API_KEY_ENCRYPTION_KEY,
+)
+from .db import get_db
+from .models import User
+
+_pwd_context = CryptContext(schemes=["pbkdf2_sha256"], deprecated="auto")
+
+
+def _parse_authorization_api_key(authorization: str | None) -> str | None:
+    if not authorization:
+        return None
+    scheme, _, token = authorization.partition(" ")
+    if scheme.lower() not in ("apikey", "token"):
+        return None
+    token = token.strip()
+    return token or None
+
+
+def require_api_key(
+    authorization: str | None = Header(default=None),
+    x_api_key: str | None = Header(default=None),
+    db: Session = Depends(get_db),
+) -> str:
+    api_key = _parse_authorization_api_key(authorization) or x_api_key
+    if api_key is None or api_key not in API_KEYS:
+        if api_key is None:
+            raise HTTPException(
+                status_code=status.HTTP_401_UNAUTHORIZED,
+                detail="Invalid API key",
+            )
+        api_key_hash = hash_api_key(api_key)
+        user = db.query(User).filter(User.api_key_hash == api_key_hash).first()
+        if user is None:
+            raise HTTPException(
+                status_code=status.HTTP_401_UNAUTHORIZED,
+                detail="Invalid API key",
+            )
+    return api_key
+
+
+def hash_password(password: str) -> str:
+    return _pwd_context.hash(password)
+
+
+def verify_password(password: str, password_hash: str) -> bool:
+    return _pwd_context.verify(password, password_hash)
+
+
+def generate_api_key() -> str:
+    return f"wowcheckout_{secrets.token_urlsafe(32)}"
+
+
+def generate_webhook_secret() -> str:
+    return f"whsec_{secrets.token_urlsafe(32)}"
+
+
+def hash_api_key(api_key: str) -> str:
+    return hashlib.sha256(api_key.encode("utf-8")).hexdigest()
+
+
+def encrypt_api_key(api_key: str) -> str:
+    return encrypt_secret(api_key)
+
+
+def decrypt_api_key(api_key_encrypted: str) -> str:
+    return decrypt_secret(api_key_encrypted)
+
+
+def encrypt_secret(value: str) -> str:
+    from cryptography.fernet import Fernet
+
+    return Fernet(API_KEY_ENCRYPTION_KEY).encrypt(value.encode("utf-8")).decode("utf-8")
+
+
+def decrypt_secret(value_encrypted: str) -> str:
+    from cryptography.fernet import Fernet
+
+    return Fernet(API_KEY_ENCRYPTION_KEY).decrypt(
+        value_encrypted.encode("utf-8")
+    ).decode("utf-8")
diff --git a/api/app/subaddress_allocator.py b/api/app/subaddress_allocator.py
new file mode 100644
index 0000000..679e187
--- /dev/null
+++ b/api/app/subaddress_allocator.py
@@ -0,0 +1,48 @@
+from __future__ import annotations
+
+from sqlalchemy.orm import Session
+
+from .models import User
+from .security import decrypt_secret
+from .subaddress_derivation import derive_subaddress
+
+
+MAX_SUBADDRESS_INDEX = 100
+
+
+def create_subaddress_for_user(
+    db: Session,
+    *,
+    user: User,
+) -> tuple[str, int | None]:
+    locked = (
+        db.query(User)
+        .filter(
+            User.id == user.id,
+        )
+        .with_for_update()
+        .first()
+    )
+    if locked is None:
+        raise ValueError("User not found")
+    start_index = int(locked.subaddress_start_index or 0)
+    if start_index < 0 or start_index >= MAX_SUBADDRESS_INDEX:
+        start_index = 0
+    range_start = start_index + 1
+    range_end = MAX_SUBADDRESS_INDEX
+    next_index = int(locked.next_subaddress_index or range_start)
+    if next_index < range_start or next_index > range_end:
+        next_index = range_start
+    next_next_index = next_index + 1
+    if next_next_index > range_end:
+        next_next_index = range_start
+    locked.next_subaddress_index = next_next_index
+    db.flush()
+    view_key = decrypt_secret(locked.view_key_encrypted)
+    address = derive_subaddress(
+        payment_address=locked.payment_address,
+        view_key=view_key,
+        account_index=0,
+        address_index=next_index,
+    )
+    return address, int(next_index)
diff --git a/api/app/subaddress_derivation.py b/api/app/subaddress_derivation.py
new file mode 100644
index 0000000..a53fc69
--- /dev/null
+++ b/api/app/subaddress_derivation.py
@@ -0,0 +1,41 @@
+from __future__ import annotations
+
+from binascii import hexlify, unhexlify
+import struct
+
+from monero import base58, const, ed25519
+from monero.address import Address
+from monero.keccak import keccak_256
+
+# Override monero library network constants for Wownero
+from monero import const as _mc
+_mc.NETS = ('main',)
+_mc.MASTERADDR_NETBYTES = (53,)   # Wownero mainnet address prefix
+_mc.SUBADDR_NETBYTES = (63,)      # Wownero subaddress prefix
+_mc.INTADDRR_NETBYTES = (54,)     # Wownero integrated address prefix
+
+
+def derive_subaddress(
+    *,
+    payment_address: str,
+    view_key: str,
+    account_index: int,
+    address_index: int,
+) -> str:
+    address = Address(payment_address)
+    view_key_bytes = unhexlify(view_key)
+    spend_pub_bytes = unhexlify(address.spend_key())
+
+    data = (
+        b"SubAddr\0"
+        + view_key_bytes
+        + struct.pack("<II", account_index, address_index)
+    )
+    m = ed25519.scalar_reduce(keccak_256(data).digest())
+    mG = ed25519.scalarmult_B(m)
+    D = ed25519.edwards_add(spend_pub_bytes, mG)
+    C = ed25519.scalarmult(view_key_bytes, D)
+    prefix = const.SUBADDR_NETBYTES[const.NETS.index(address.net)]
+    payload = bytearray([prefix]) + D + C
+    checksum = keccak_256(payload).digest()[:4]
+    return base58.encode(hexlify(payload + checksum))
diff --git a/api/app/webhooks.py b/api/app/webhooks.py
new file mode 100644
index 0000000..9a44cff
--- /dev/null
+++ b/api/app/webhooks.py
@@ -0,0 +1,122 @@
+from __future__ import annotations
+
+import logging
+import uuid
+from datetime import datetime
+
+import requests
+from requests import RequestException
+from sqlalchemy.orm import Session
+
+from .formatting import format_xmr_amount
+from .models import Invoice, User, Webhook, WebhookDelivery
+from .security import decrypt_secret, encrypt_secret, generate_webhook_secret
+
+logger = logging.getLogger(__name__)
+
+
+def build_webhook_payload(event: str, invoice: Invoice) -> dict[str, object]:
+    return {
+        "event": event,
+        "invoice": {
+            "id": str(invoice.id),
+            "address": invoice.address,
+            "subaddress_index": invoice.subaddress_index,
+            "amount_xmr": format_xmr_amount(invoice.amount_xmr),
+            "status": invoice.status,
+            "confirmation_target": invoice.confirmation_target,
+            "confirmations": invoice.confirmations or 0,
+            "paid_after_expiry": bool(invoice.paid_after_expiry),
+            "paid_after_expiry_at": _isoformat(invoice.paid_after_expiry_at),
+            "metadata": invoice.metadata_json,
+            "created_at": _isoformat(invoice.created_at),
+            "expires_at": _isoformat(invoice.expires_at),
+            "detected_at": _isoformat(invoice.detected_at),
+            "confirmed_at": _isoformat(invoice.confirmed_at),
+        },
+    }
+
+
+def dispatch_webhooks(
+    db: Session,
+    user_id: str,
+    event: str,
+    invoice: Invoice,
+) -> None:
+    hooks = (
+        db.query(Webhook)
+        .filter(
+            Webhook.user_id == user_id,
+            Webhook.active.is_(True),
+        )
+        .all()
+    )
+    user = db.query(User).filter(User.id == user_id).first()
+    webhook_secret = None
+    if user is not None:
+        webhook_secret = _ensure_webhook_secret(db, user)
+    payload = build_webhook_payload(event, invoice)
+    deliveries: list[WebhookDelivery] = []
+    user_uuid = uuid.UUID(user_id)
+    for hook in hooks:
+        if event not in hook.events:
+            continue
+        hook_urls = hook.event_urls or {}
+        target_url = hook_urls.get(event, hook.url)
+        if not target_url:
+            logger.warning(
+                "Webhook URL missing for event",
+                extra={"webhook_id": str(hook.id), "event": event},
+            )
+            continue
+        status_code = None
+        error_message = None
+        try:
+            headers = {"X-Webhook-Secret": webhook_secret} if webhook_secret else None
+            response = requests.post(target_url, json=payload, headers=headers, timeout=5)
+            status_code = response.status_code
+        except RequestException as exc:
+            error_message = str(exc)
+            logger.warning(
+                "Webhook delivery failed",
+                extra={"webhook_id": str(hook.id), "event": event},
+            )
+            logger.debug("Webhook delivery error: %s", exc)
+        deliveries.append(
+            WebhookDelivery(
+                user_id=user_uuid,
+                webhook_id=hook.id,
+                event=event,
+                url=target_url,
+                invoice_id=invoice.id,
+                invoice_address=invoice.address,
+                invoice_subaddress_index=invoice.subaddress_index,
+                invoice_amount_xmr=invoice.amount_xmr,
+                invoice_status=invoice.status,
+                payload_json=payload,
+                http_status=status_code,
+                error_message=error_message,
+            )
+        )
+    if deliveries:
+        try:
+            db.add_all(deliveries)
+            db.commit()
+        except Exception as exc:
+            db.rollback()
+            logger.warning("Failed to save webhook delivery history", extra={"error": str(exc)})
+
+
+def _isoformat(value: datetime | None) -> str | None:
+    return value.isoformat() if value is not None else None
+
+
+def _ensure_webhook_secret(db: Session, user: User) -> str:
+    if user.webhook_secret_encrypted:
+        return decrypt_secret(user.webhook_secret_encrypted)
+    secret = generate_webhook_secret()
+    user.webhook_secret_encrypted = encrypt_secret(secret)
+    db.add(user)
+    db.commit()
+    db.refresh(user)
+    return secret
diff --git a/api/requirements.txt b/api/requirements.txt
new file mode 100644
index 0000000..67fc206
--- /dev/null
+++ b/api/requirements.txt
@@ -0,0 +1,13 @@
+fastapi==0.115.0
+gunicorn==23.0.0
+uvicorn[standard]==0.30.6
+SQLAlchemy==2.0.36
+psycopg2-binary==2.9.9
+pydantic==2.9.2
+passlib[bcrypt]==1.7.4
+itsdangerous==2.2.0
+cryptography==42.0.8
+email-validator==2.2.0
+monero==1.1.1
+qrcode==7.4.2
+Pillow==11.1.0
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..73e0a9d
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,225 @@
+services:
+  nginx:
+    build:
+      context: ./nginx
+    ports:
+      - "8180:80"
+    volumes:
+      - ./nginx/conf.d:/etc/nginx/conf.d:ro
+      - ./nginx/certs:/etc/nginx/certs
+      - ./qr:/qr:ro
+    depends_on:
+      ui:
+        condition: service_started
+      api:
+        condition: service_started
+    restart: unless-stopped
+  api:
+    build:
+      context: ./api
+    environment:
+      DATABASE_URL: ${DATABASE_URL}
+      API_KEYS: ${API_KEYS}
+      API_KEY_ENCRYPTION_KEY: ${API_KEY_ENCRYPTION_KEY}
+      RATE_PROVIDER: ${RATE_PROVIDER:-kraken}
+      FOUNDER_PAYMENT_ADDRESS: ${FOUNDER_PAYMENT_ADDRESS}
+      FOUNDER_VIEW_KEY: ${FOUNDER_VIEW_KEY}
+      DONATIONS_ENABLED: ${DONATIONS_ENABLED:-false}
+      QR_STORAGE_DIR: ${QR_STORAGE_DIR:-/qr}
+      MONERO_WALLET_RPC_URLS: ${MONERO_WALLET_RPC_URLS:-http://wallet-rpc-reconciler-1:18083,http://wallet-rpc-reconciler-2:18083,http://wallet-rpc-reconciler-3:18083}
+      MONERO_WALLET_RPC_USER: ${MONERO_WALLET_RPC_USER}
+      MONERO_WALLET_RPC_PASSWORD: ${MONERO_WALLET_RPC_PASSWORD}
+      MONERO_WALLET_RPC_WALLET_PASSWORD: ${MONERO_WALLET_RPC_WALLET_PASSWORD}
+      MONERO_WALLET_RPC_WALLET_DIR: ${MONERO_WALLET_RPC_WALLET_DIR:-/wallets}
+      MONERO_DAEMON_URL: ${MONERO_DAEMON_URL:-http://192.168.88.235:34568}
+      GUNICORN_WORKERS: ${GUNICORN_WORKERS:-5}
+    volumes:
+      - ./qr:/qr
+    depends_on:
+      db:
+        condition: service_healthy
+    restart: unless-stopped
+  reconciler:
+    build:
+      context: ./api
+    command: ["python", "-m", "app.reconciler"]
+    environment:
+      DATABASE_URL: ${DATABASE_URL}
+      API_KEYS: ${API_KEYS}
+      API_KEY_ENCRYPTION_KEY: ${API_KEY_ENCRYPTION_KEY}
+      INVOICE_RECONCILE_INTERVAL_SECONDS: ${INVOICE_RECONCILE_INTERVAL_SECONDS}
+      LOG_LEVEL: ${LOG_LEVEL:-INFO}
+      MONERO_WALLET_RPC_URLS: ${MONERO_WALLET_RPC_URLS:-http://wallet-rpc-reconciler-1:18083,http://wallet-rpc-reconciler-2:18083,http://wallet-rpc-reconciler-3:18083}
+      MONERO_WALLET_RPC_USER: ${MONERO_WALLET_RPC_USER}
+      MONERO_WALLET_RPC_PASSWORD: ${MONERO_WALLET_RPC_PASSWORD}
+      MONERO_WALLET_RPC_WALLET_PASSWORD: ${MONERO_WALLET_RPC_WALLET_PASSWORD}
+      MONERO_WALLET_RPC_WALLET_DIR: ${MONERO_WALLET_RPC_WALLET_DIR:-/wallets}
+      MONERO_DAEMON_URL: ${MONERO_DAEMON_URL:-http://192.168.88.235:34568}
+    depends_on:
+      api:
+        condition: service_started
+      db:
+        condition: service_healthy
+    restart: unless-stopped
+  wownerod:
+    build:
+      context: ./docker/monero
+      args:
+        MONERO_VERSION: ${MONERO_VERSION:-0.11.3.0}
+    image: wownero-local:${MONERO_VERSION:-0.11.3.0}
+    entrypoint: ["wownerod"]
+    command:
+      [
+        "--non-interactive",
+        "--rpc-bind-ip",
+        "0.0.0.0",
+        "--rpc-bind-port",
+        "34568",
+        "--confirm-external-bind",
+        "--prune-blockchain",
+        "--data-dir",
+        "/data",
+        "--log-level",
+        "0"
+      ]
+    volumes:
+      - wownerod_data:/data
+    healthcheck:
+      test: ["CMD-SHELL", "curl -fsS http://127.0.0.1:34568/get_height >/dev/null || exit 1"]
+      interval: 30s
+      timeout: 5s
+      retries: 10
+      start_period: 60s
+    restart: unless-stopped
+    profiles: ["local-daemon"]
+  wallet-rpc-reconciler-1:
+    build:
+      context: ./docker/monero
+      args:
+        MONERO_VERSION: ${MONERO_VERSION:-0.11.3.0}
+    image: wownero-local:${MONERO_VERSION:-0.11.3.0}
+    command:
+      [
+        "wownero-wallet-rpc",
+        "--non-interactive",
+        "--rpc-bind-ip",
+        "0.0.0.0",
+        "--rpc-bind-port",
+        "18083",
+        "--confirm-external-bind",
+        "--daemon-address",
+        "${MONERO_DAEMON_URL:-http://192.168.88.235:34568}",
+        "--rpc-login",
+        "${MONERO_WALLET_RPC_USER}:${MONERO_WALLET_RPC_PASSWORD}",
+        "--wallet-dir",
+        "${MONERO_WALLET_RPC_WALLET_DIR:-/wallets}",
+        "--password",
+        "${MONERO_WALLET_RPC_WALLET_PASSWORD}",
+        "--log-level",
+        "3"
+      ]
+    volumes:
+      - ./wallets/reconciler:/wallets
+    restart: unless-stopped
+  wallet-rpc-reconciler-2:
+    build:
+      context: ./docker/monero
+      args:
+        MONERO_VERSION: ${MONERO_VERSION:-0.11.3.0}
+    image: wownero-local:${MONERO_VERSION:-0.11.3.0}
+    command:
+      [
+        "wownero-wallet-rpc",
+        "--non-interactive",
+        "--rpc-bind-ip",
+        "0.0.0.0",
+        "--rpc-bind-port",
+        "18083",
+        "--confirm-external-bind",
+        "--daemon-address",
+        "${MONERO_DAEMON_URL:-http://192.168.88.235:34568}",
+        "--rpc-login",
+        "${MONERO_WALLET_RPC_USER}:${MONERO_WALLET_RPC_PASSWORD}",
+        "--wallet-dir",
+        "${MONERO_WALLET_RPC_WALLET_DIR:-/wallets}",
+        "--password",
+        "${MONERO_WALLET_RPC_WALLET_PASSWORD}",
+        "--log-level",
+        "3"
+      ]
+    volumes:
+      - ./wallets/reconciler:/wallets
+    restart: unless-stopped
+  wallet-rpc-reconciler-3:
+    build:
+      context: ./docker/monero
+      args:
+        MONERO_VERSION: ${MONERO_VERSION:-0.11.3.0}
+    image: wownero-local:${MONERO_VERSION:-0.11.3.0}
+    command:
+      [
+        "wownero-wallet-rpc",
+        "--non-interactive",
+        "--rpc-bind-ip",
+        "0.0.0.0",
+        "--rpc-bind-port",
+        "18083",
+        "--confirm-external-bind",
+        "--daemon-address",
+        "${MONERO_DAEMON_URL:-http://192.168.88.235:34568}",
+        "--rpc-login",
+        "${MONERO_WALLET_RPC_USER}:${MONERO_WALLET_RPC_PASSWORD}",
+        "--wallet-dir",
+        "${MONERO_WALLET_RPC_WALLET_DIR:-/wallets}",
+        "--password",
+        "${MONERO_WALLET_RPC_WALLET_PASSWORD}",
+        "--log-level",
+        "3"
+      ]
+    volumes:
+      - ./wallets/reconciler:/wallets
+    restart: unless-stopped
+  ui:
+    build:
+      context: ./ui
+    environment:
+      API_BASE_URL: ${API_BASE_URL:-http://nginx/api}
+      NEXT_PUBLIC_SITE_URL: ${SITE_URL:-http://localhost}
+      NEXT_PUBLIC_DONATIONS_ENABLED: ${DONATIONS_ENABLED:-false}
+    depends_on:
+      api:
+        condition: service_started
+    restart: unless-stopped
+  db:
+    image: postgres:16-alpine
+    environment:
+      POSTGRES_USER: ${POSTGRES_USER}
+      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD}
+      POSTGRES_DB: ${POSTGRES_DB}
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+    restart: unless-stopped
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U ${POSTGRES_USER} -d ${POSTGRES_DB}"]
+      interval: 5s
+      timeout: 3s
+      retries: 10
+  db-backup:
+    build:
+      context: ./docker/pg_backup
+    environment:
+      POSTGRES_HOST: db
+      POSTGRES_USER: ${POSTGRES_USER}
+      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD}
+      POSTGRES_DB: ${POSTGRES_DB}
+      BACKUP_RETENTION_DAYS: ${BACKUP_RETENTION_DAYS:-7}
+    volumes:
+      - ./backups/postgres:/backups
+    depends_on:
+      db:
+        condition: service_healthy
+    restart: unless-stopped
+    profiles: ["db-backup"]
+volumes:
+  postgres_data:
+  wownerod_data:
diff --git a/docker/monero/Dockerfile b/docker/monero/Dockerfile
new file mode 100644
index 0000000..fd3d8db
--- /dev/null
+++ b/docker/monero/Dockerfile
@@ -0,0 +1,22 @@
+FROM debian:bookworm-slim
+
+ARG MONERO_VERSION=0.11.3.0
+
+RUN apt-get update \
+  && apt-get install -y --no-install-recommends ca-certificates curl bzip2 \
+  && rm -rf /var/lib/apt/lists/*
+
+RUN set -eux; \
+  curl -fsSL -o /tmp/wownero.tar.bz2 \
+    "https://codeberg.org/wownero/wownero/releases/download/v${MONERO_VERSION}/wownero-x86_64-linux-gnu-v${MONERO_VERSION}.tar.bz2"; \
+  tar -xjf /tmp/wownero.tar.bz2 -C /tmp; \
+  cp /tmp/wownero-*/wownerod /usr/local/bin/; \
+  cp /tmp/wownero-*/wownero-wallet-rpc /usr/local/bin/; \
+  rm -rf /tmp/wownero* /tmp/wownero.tar.bz2
+
+COPY entrypoint.sh /usr/local/bin/monero-wallet-rpc-entrypoint
+RUN chmod +x /usr/local/bin/monero-wallet-rpc-entrypoint
+
+EXPOSE 34568 18083
+
+ENTRYPOINT ["/usr/local/bin/monero-wallet-rpc-entrypoint"]
diff --git a/docker/monero/entrypoint.sh b/docker/monero/entrypoint.sh
new file mode 100644
index 0000000..f55069b
--- /dev/null
+++ b/docker/monero/entrypoint.sh
@@ -0,0 +1,42 @@
+#!/bin/sh
+set -e
+
+normalize_address() {
+  value="$1"
+  if [ -z "$value" ]; then
+    return
+  fi
+  case "$value" in
+    http://*)
+      value="${value#http://}"
+      ;;
+    https://*)
+      value="${value#https://}"
+      ;;
+  esac
+  value="${value%%/*}"
+  printf '%s' "$value"
+}
+
+args=""
+while [ "$#" -gt 0 ]; do
+  case "$1" in
+    --daemon-address)
+      shift
+      normalized="$(normalize_address "$1")"
+      args="$args --daemon-address $normalized"
+      ;;
+    --daemon-address=*)
+      value="${1#--daemon-address=}"
+      normalized="$(normalize_address "$value")"
+      args="$args --daemon-address=$normalized"
+      ;;
+    *)
+      args="$args $1"
+      ;;
+  esac
+  shift
+done
+
+# shellcheck disable=SC2086
+exec $args
diff --git a/docker/pg_backup/Dockerfile b/docker/pg_backup/Dockerfile
new file mode 100644
index 0000000..b011fb1
--- /dev/null
+++ b/docker/pg_backup/Dockerfile
@@ -0,0 +1,12 @@
+FROM postgres:16-alpine
+
+RUN apk add --no-cache bash
+
+COPY backup.sh /usr/local/bin/backup.sh
+COPY pg_backup.cron /etc/cron.d/pg_backup
+
+RUN chmod +x /usr/local/bin/backup.sh \
+  && chmod 0644 /etc/cron.d/pg_backup \
+  && crontab /etc/cron.d/pg_backup
+
+CMD ["crond", "-f", "-l", "8"]
diff --git a/docker/pg_backup/backup.sh b/docker/pg_backup/backup.sh
new file mode 100644
index 0000000..84222e9
--- /dev/null
+++ b/docker/pg_backup/backup.sh
@@ -0,0 +1,21 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+: "${POSTGRES_HOST:?}"
+: "${POSTGRES_USER:?}"
+: "${POSTGRES_PASSWORD:?}"
+: "${POSTGRES_DB:?}"
+
+backup_retention_days="${BACKUP_RETENTION_DAYS:-7}"
+
+export PGPASSWORD="$POSTGRES_PASSWORD"
+
+backup_dir="/backups"
+timestamp="$(date +%Y%m%d_%H%M%S)"
+backup_path="${backup_dir}/${POSTGRES_DB}_${timestamp}.dump"
+
+mkdir -p "$backup_dir"
+
+pg_dump -h "$POSTGRES_HOST" -U "$POSTGRES_USER" -d "$POSTGRES_DB" -F c -f "$backup_path"
+
+find "$backup_dir" -type f -name "*.dump" -mtime "+${backup_retention_days}" -delete
diff --git a/docker/pg_backup/pg_backup.cron b/docker/pg_backup/pg_backup.cron
new file mode 100644
index 0000000..2e88156
--- /dev/null
+++ b/docker/pg_backup/pg_backup.cron
@@ -0,0 +1 @@
+0 * * * * /usr/local/bin/backup.sh >> /var/log/pg_backup.log 2>&1
diff --git a/nginx/Dockerfile b/nginx/Dockerfile
new file mode 100644
index 0000000..80e3dec
--- /dev/null
+++ b/nginx/Dockerfile
@@ -0,0 +1,9 @@
+FROM nginx:1.27-alpine
+
+RUN apk add --no-cache openssl
+
+COPY docker-entrypoint.sh /docker-entrypoint.sh
+RUN chmod +x /docker-entrypoint.sh
+
+ENTRYPOINT ["/docker-entrypoint.sh"]
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/nginx/conf.d/default.conf b/nginx/conf.d/default.conf
new file mode 100644
index 0000000..8e66427
--- /dev/null
+++ b/nginx/conf.d/default.conf
@@ -0,0 +1,46 @@
+limit_req_zone $binary_remote_addr zone=global_rate_limit:10m rate=50r/s;
+
+server {
+  listen 80;
+  server_name wowcheckout.such.software localhost;
+
+  limit_req zone=global_rate_limit burst=200 nodelay;
+
+  if ($request_uri ~* "//+") {
+    return 308 $scheme://$host$uri$is_args$args;
+  }
+
+  location /api/ {
+    proxy_pass http://api:8000/api/;
+    proxy_http_version 1.1;
+    proxy_set_header Host $host;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header X-Forwarded-Proto $scheme;
+  }
+
+  location /api {
+    return 301 /api/;
+  }
+
+  location = /openapi.json {
+    proxy_pass http://api:8000/openapi.json;
+    proxy_http_version 1.1;
+    proxy_set_header Host $host;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header X-Forwarded-Proto $scheme;
+  }
+
+  location /qr/ {
+    alias /qr/;
+    add_header Cache-Control "public, max-age=31536000, immutable";
+    try_files $uri =404;
+  }
+
+  location / {
+    proxy_pass http://ui:3000/;
+    proxy_http_version 1.1;
+    proxy_set_header Host $host;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header X-Forwarded-Proto $scheme;
+  }
+}
diff --git a/nginx/docker-entrypoint.sh b/nginx/docker-entrypoint.sh
new file mode 100644
index 0000000..124af83
--- /dev/null
+++ b/nginx/docker-entrypoint.sh
@@ -0,0 +1,21 @@
+#!/bin/sh
+set -eu
+
+cert_dir="/etc/nginx/certs"
+cert_path="${cert_dir}/dev.crt"
+key_path="${cert_dir}/dev.key"
+
+if [ ! -f "$cert_path" ] || [ ! -f "$key_path" ]; then
+  mkdir -p "$cert_dir"
+  rm -f "$cert_path" "$key_path"
+  openssl req \
+    -x509 \
+    -nodes \
+    -newkey rsa:2048 \
+    -days 365 \
+    -keyout "$key_path" \
+    -out "$cert_path" \
+    -subj "/CN=localhost"
+fi
+
+exec "$@"
diff --git a/screenshots/create_invoice_fiat.png b/screenshots/create_invoice_fiat.png
new file mode 100644
index 0000000..e774c02
Binary files /dev/null and b/screenshots/create_invoice_fiat.png differ
diff --git a/screenshots/create_invoice_summary.png b/screenshots/create_invoice_summary.png
new file mode 100644
index 0000000..a7f5e54
Binary files /dev/null and b/screenshots/create_invoice_summary.png differ
diff --git a/screenshots/create_invoice_xmr.png b/screenshots/create_invoice_xmr.png
new file mode 100644
index 0000000..6ad2920
Binary files /dev/null and b/screenshots/create_invoice_xmr.png differ
diff --git a/screenshots/public_invoice_pending_payment.png b/screenshots/public_invoice_pending_payment.png
new file mode 100644
index 0000000..c4da7eb
Binary files /dev/null and b/screenshots/public_invoice_pending_payment.png differ
diff --git a/screenshots/ui_dashboard.png b/screenshots/ui_dashboard.png
new file mode 100644
index 0000000..3650f1e
Binary files /dev/null and b/screenshots/ui_dashboard.png differ
diff --git a/screenshots/ui_invoices.png b/screenshots/ui_invoices.png
new file mode 100644
index 0000000..2aaa42d
Binary files /dev/null and b/screenshots/ui_invoices.png differ
diff --git a/ui/.env.example b/ui/.env.example
new file mode 100644
index 0000000..4f35e97
--- /dev/null
+++ b/ui/.env.example
@@ -0,0 +1,4 @@
+API_BASE_URL=http://localhost:8000
+NEXT_PUBLIC_API_BASE_URL=http://localhost:8000
+NEXT_PUBLIC_SITE_URL=http://localhost
+NEXT_PUBLIC_DONATIONS_ENABLED=false
diff --git a/ui/.eslintrc.cjs b/ui/.eslintrc.cjs
new file mode 100644
index 0000000..76e1389
--- /dev/null
+++ b/ui/.eslintrc.cjs
@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ["next/core-web-vitals"],
+};
diff --git a/ui/Dockerfile b/ui/Dockerfile
new file mode 100644
index 0000000..089bb08
--- /dev/null
+++ b/ui/Dockerfile
@@ -0,0 +1,22 @@
+FROM node:20-alpine AS deps
+WORKDIR /app
+COPY package.json package-lock.json* ./
+RUN if [ -f package-lock.json ]; then npm ci; else npm install; fi
+
+FROM node:20-alpine AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+ENV NEXT_TELEMETRY_DISABLED=1
+RUN npm run build
+
+FROM node:20-alpine AS runner
+WORKDIR /app
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
+COPY --from=builder /app/.next ./.next
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/node_modules ./node_modules
+COPY --from=builder /app/package.json ./package.json
+EXPOSE 3000
+CMD ["npm", "start"]
diff --git a/ui/app/(app)/dashboard/actions.ts b/ui/app/(app)/dashboard/actions.ts
new file mode 100644
index 0000000..aff08a6
--- /dev/null
+++ b/ui/app/(app)/dashboard/actions.ts
@@ -0,0 +1,812 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { cookies } from "next/headers";
+import { redirect } from "next/navigation";
+
+const apiBaseUrl = process.env.API_BASE_URL ?? "http://localhost:8000";
+
+export type InvoiceState = {
+  error: string | null;
+  invoiceId: string | null;
+  address: string | null;
+  amount: string | null;
+  recipientName: string | null;
+  description: string | null;
+  subaddressIndex: number | null;
+  warnings: string[] | null;
+};
+
+export type ApiKeyState = {
+  apiKey: string;
+  error: string | null;
+};
+
+export type WebhookSecretState = {
+  webhookSecret: string | null;
+  error: string | null;
+};
+
+export type WebhookFormState = {
+  error: string | null;
+  success: string | null;
+};
+
+export type ArchiveInvoiceState = {
+  error: string | null;
+  success: string | null;
+  archivedId: string | null;
+};
+
+export type BtcpayCheckoutPreferenceState = {
+  style: "standard" | "btcpay_classic";
+  error: string | null;
+  success: string | null;
+};
+
+export type DefaultConfirmationTargetState = {
+  value: number;
+  error: string | null;
+  success: string | null;
+};
+
+export type DefaultQrLogoState = {
+  logo: "monero" | "none" | "custom";
+  logoDataUrl: string | null;
+  error: string | null;
+  success: string | null;
+};
+
+export type WebhookRedeliverState = {
+  error: string | null;
+  success: string | null;
+};
+
+const tourNoopMessage = "Tour mode only: no changes are saved.";
+
+export async function createInvoiceTourAction(
+  _prevState: InvoiceState,
+  _formData: FormData
+): Promise<InvoiceState> {
+  return {
+    error: tourNoopMessage,
+    invoiceId: null,
+    address: null,
+    amount: null,
+    recipientName: null,
+    description: null,
+    subaddressIndex: null,
+    warnings: null,
+  };
+}
+
+export async function archiveInvoiceTourAction(
+  _prevState: ArchiveInvoiceState,
+  formData: FormData
+): Promise<ArchiveInvoiceState> {
+  const archivedId = String(formData.get("invoice_id") ?? "").trim() || null;
+  return {
+    error: null,
+    success: tourNoopMessage,
+    archivedId,
+  };
+}
+
+export async function createWebhookTourAction(
+  _prevState: WebhookFormState,
+  _formData: FormData
+): Promise<WebhookFormState> {
+  return { error: null, success: tourNoopMessage };
+}
+
+export async function deleteWebhookTourAction(
+  _prevState: WebhookFormState,
+  _formData: FormData
+): Promise<WebhookFormState> {
+  return { error: null, success: tourNoopMessage };
+}
+
+export async function redeliverWebhookDeliveryTourAction(
+  _prevState: WebhookRedeliverState,
+  _formData: FormData
+): Promise<WebhookRedeliverState> {
+  return { error: null, success: tourNoopMessage };
+}
+
+const webhookEventKeys = [
+  { event: "invoice.created", key: "invoice_created" },
+  { event: "invoice.payment_detected", key: "invoice_payment_detected" },
+  { event: "invoice.confirmed", key: "invoice_confirmed" },
+  { event: "invoice.expired", key: "invoice_expired" },
+] as const;
+
+export async function createInvoiceAction(
+  _prevState: InvoiceState,
+  formData: FormData
+): Promise<InvoiceState> {
+  const amountMode = String(formData.get("amount_mode") ?? "xmr").trim();
+  const isFiat = amountMode === "fiat";
+  const instantConfirmation = formData.get("instant_confirmation") === "1";
+  const confirmationRaw = String(formData.get("confirmation_target") ?? "").trim();
+  let confirmationTarget: number | null = null;
+  if (instantConfirmation) {
+    confirmationTarget = 0;
+  } else if (confirmationRaw) {
+    const parsed = Number(confirmationRaw);
+    if (Number.isNaN(parsed) || parsed < 0 || parsed > 10) {
+      return {
+        error: "Confirmation target must be between 0 and 10.",
+        invoiceId: null,
+        address: null,
+        amount: null,
+        recipientName: null,
+        description: null,
+        subaddressIndex: null,
+        warnings: null,
+      };
+    }
+    confirmationTarget = parsed;
+  }
+  const amountRaw = String(
+    formData.get(isFiat ? "amount_fiat" : "amount_xmr") ?? ""
+  ).trim();
+  const amount = Number(amountRaw);
+  if (Number.isNaN(amount) || amount <= 0) {
+    return {
+      error: isFiat ? "Enter a valid fiat amount." : "Enter a valid WOW amount.",
+      invoiceId: null,
+      address: null,
+      amount: null,
+      recipientName: null,
+      description: null,
+      subaddressIndex: null,
+      warnings: null,
+    };
+  }
+  const currency = String(formData.get("currency") ?? "").trim().toUpperCase();
+  if (isFiat && !currency) {
+    return {
+      error: "Currency is required when using a fiat amount.",
+      invoiceId: null,
+      address: null,
+      amount: null,
+      recipientName: null,
+      description: null,
+      subaddressIndex: null,
+      warnings: null,
+    };
+  }
+  const recipientName = String(formData.get("recipient_name") ?? "").trim();
+  const description = String(formData.get("description") ?? "").trim();
+  const checkoutContinueUrlRaw = String(formData.get("checkout_continue_url") ?? "").trim();
+  if (checkoutContinueUrlRaw) {
+    try {
+      const parsed = new URL(checkoutContinueUrlRaw);
+      const isLocalhost =
+        parsed.hostname === "localhost" || parsed.hostname === "127.0.0.1";
+      if (parsed.protocol !== "https:" && !(parsed.protocol === "http:" && isLocalhost)) {
+        return {
+          error: "Continue URL must use https (http is allowed for localhost).",
+          invoiceId: null,
+          address: null,
+          amount: null,
+          recipientName: null,
+          description: null,
+          subaddressIndex: null,
+          warnings: null,
+        };
+      }
+    } catch {
+      return {
+        error: "Continue URL must be a valid URL.",
+        invoiceId: null,
+        address: null,
+        amount: null,
+        recipientName: null,
+        description: null,
+        subaddressIndex: null,
+        warnings: null,
+      };
+    }
+  }
+  const expiresAtRaw = String(formData.get("expires_at") ?? "").trim();
+  const expiresDate = String(formData.get("expires_date") ?? "").trim();
+  const expiresTime = String(formData.get("expires_time") ?? "").trim();
+  let expiresAt: string | null = null;
+  if (!expiresAtRaw && expiresTime && !expiresDate) {
+    return {
+      error: "Expiry date must include a date.",
+      invoiceId: null,
+      address: null,
+      amount: null,
+      recipientName: null,
+      description: null,
+      subaddressIndex: null,
+      warnings: null,
+    };
+  }
+  if (!expiresAtRaw && expiresDate) {
+    const timeValue = expiresTime || "00:00";
+    expiresAt = `${expiresDate}T${timeValue}`;
+  } else if (expiresAtRaw) {
+    const normalized =
+      expiresAtRaw.length === 10 || expiresAtRaw.endsWith("T")
+        ? `${expiresAtRaw.replace(/T$/, "")}T00:00`
+        : expiresAtRaw;
+    const parsed = new Date(normalized);
+    if (Number.isNaN(parsed.getTime())) {
+      return {
+        error: "Expiry date must be a valid date and time.",
+        invoiceId: null,
+        address: null,
+        amount: null,
+        recipientName: null,
+        description: null,
+        subaddressIndex: null,
+        warnings: null,
+      };
+    }
+    expiresAt = parsed.toISOString();
+  }
+
+  const apiKey = (await cookies()).get("wowcheckout_api_key")?.value;
+  if (!apiKey) {
+    return {
+      error: "API key not found. Please sign in again.",
+      invoiceId: null,
+      address: null,
+      amount: null,
+      recipientName: null,
+      description: null,
+      subaddressIndex: null,
+      warnings: null,
+    };
+  }
+
+  const metadata: Record<string, string> = {};
+  if (recipientName) {
+    metadata.recipient_name = recipientName;
+  }
+  if (description) {
+    metadata.description = description;
+  }
+  const qrLogoModeRaw = String(formData.get("qr_logo_mode") ?? "").trim();
+  const qrLogoDataUrl = String(formData.get("qr_logo_data_url") ?? "").trim();
+  const qrLogoMode =
+    qrLogoModeRaw === "account_default" ||
+    qrLogoModeRaw === "monero" ||
+    qrLogoModeRaw === "none" ||
+    qrLogoModeRaw === "custom"
+      ? qrLogoModeRaw
+      : "account_default";
+  const qrPayload =
+    qrLogoMode === "account_default"
+      ? null
+      : qrLogoMode === "custom"
+        ? qrLogoDataUrl
+          ? { logo: "custom", logo_data_url: qrLogoDataUrl }
+          : null
+        : { logo: qrLogoMode };
+
+  const response = await fetch(`${apiBaseUrl}/api/core/invoices`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `ApiKey ${apiKey}`,
+    },
+    body: JSON.stringify({
+      amount_xmr: isFiat ? null : amountRaw,
+      amount_fiat: isFiat ? amountRaw : null,
+      currency: isFiat ? currency : null,
+      ...(confirmationTarget !== null ? { confirmation_target: confirmationTarget } : {}),
+      expires_at: expiresAt,
+      checkout_continue_url: checkoutContinueUrlRaw || null,
+      metadata:
+        Object.keys(metadata).length > 0 || qrPayload
+          ? {
+              ...(Object.keys(metadata).length > 0 ? metadata : {}),
+              ...(qrPayload ? { qr: qrPayload } : {}),
+            }
+          : null,
+    }),
+    cache: "no-store",
+  });
+
+  if (!response.ok) {
+    const detail = await response.json().catch(() => null);
+    const message = detail?.detail ?? "Unable to create invoice.";
+    return {
+      error: message,
+      invoiceId: null,
+      address: null,
+      amount: null,
+      recipientName: null,
+      description: null,
+      subaddressIndex: null,
+      warnings: null,
+    };
+  }
+
+  const data = (await response.json()) as {
+    id: string;
+    address: string;
+    subaddress_index?: number | null;
+    amount_xmr: string;
+    warnings?: string[] | null;
+  };
+  return {
+    error: null,
+    invoiceId: data.id,
+    address: data.address,
+    amount: data.amount_xmr,
+    recipientName: recipientName || null,
+    description: description || null,
+    subaddressIndex: data.subaddress_index ?? null,
+    warnings: data.warnings ?? null,
+  };
+}
+
+export async function resetApiKeyAction(
+  _prevState: ApiKeyState
+): Promise<ApiKeyState> {
+  const apiKey = (await cookies()).get("wowcheckout_api_key")?.value;
+  if (!apiKey) {
+    return { apiKey: _prevState.apiKey, error: "API key not found. Please sign in again." };
+  }
+
+  const response = await fetch(`${apiBaseUrl}/api/core/api-credentials/reset`, {
+    method: "POST",
+    headers: {
+      Authorization: `ApiKey ${apiKey}`,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ reset_api_key: true }),
+    cache: "no-store",
+  });
+
+  if (!response.ok) {
+    const detail = await response.json().catch(() => null);
+    const message = detail?.detail ?? "Unable to reset API key.";
+    return { apiKey: _prevState.apiKey, error: message };
+  }
+
+  const data = (await response.json()) as { api_key?: string | null };
+  if (!data.api_key) {
+    return { apiKey: _prevState.apiKey, error: "API key reset did not return a key." };
+  }
+  
+  // Update the cookie with the new API key
+  const cookieStore = await cookies();
+  cookieStore.set("wowcheckout_api_key", data.api_key, {
+    httpOnly: true,
+    sameSite: "lax",
+    secure: process.env.NODE_ENV === "production",
+    path: "/",
+  });
+  
+  return { apiKey: data.api_key, error: null };
+}
+
+export async function resetWebhookSecretAction(
+  _prevState: WebhookSecretState
+): Promise<WebhookSecretState> {
+  const apiKey = (await cookies()).get("wowcheckout_api_key")?.value;
+  if (!apiKey) {
+    return {
+      webhookSecret: _prevState.webhookSecret,
+      error: "API key not found. Please sign in again.",
+    };
+  }
+
+  const response = await fetch(`${apiBaseUrl}/api/core/api-credentials/reset`, {
+    method: "POST",
+    headers: {
+      Authorization: `ApiKey ${apiKey}`,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ reset_webhook_secret: true }),
+    cache: "no-store",
+  });
+
+  if (!response.ok) {
+    const detail = await response.json().catch(() => null);
+    const message = detail?.detail ?? "Unable to reset webhook secret.";
+    return { webhookSecret: _prevState.webhookSecret, error: message };
+  }
+
+  const data = (await response.json()) as { webhook_secret?: string | null };
+  if (!data.webhook_secret) {
+    return {
+      webhookSecret: _prevState.webhookSecret,
+      error: "Webhook secret reset did not return a secret.",
+    };
+  }
+
+  const cookieStore = await cookies();
+  cookieStore.set("wowcheckout_webhook_secret", data.webhook_secret, {
+    httpOnly: true,
+    sameSite: "lax",
+    secure: process.env.NODE_ENV === "production",
+    path: "/",
+  });
+
+  return { webhookSecret: data.webhook_secret, error: null };
+}
+
+export async function updateBtcpayCheckoutStyleAction(
+  _prevState: BtcpayCheckoutPreferenceState,
+  formData: FormData
+): Promise<BtcpayCheckoutPreferenceState> {
+  const nextStyle = String(formData.get("btcpay_checkout_style") ?? "").trim();
+  if (nextStyle !== "standard" && nextStyle !== "btcpay_classic") {
+    return {
+      style: _prevState.style,
+      error: "Select a valid BTCPay checkout layout.",
+      success: null,
+    };
+  }
+
+  const apiKey = (await cookies()).get("wowcheckout_api_key")?.value;
+  if (!apiKey) {
+    return {
+      style: _prevState.style,
+      error: "API key not found. Please sign in again.",
+      success: null,
+    };
+  }
+
+  const response = await fetch(`${apiBaseUrl}/api/core/profile`, {
+    method: "PATCH",
+    headers: {
+      Authorization: `ApiKey ${apiKey}`,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ btcpay_checkout_style: nextStyle }),
+    cache: "no-store",
+  });
+
+  if (!response.ok) {
+    const detail = await response.json().catch(() => null);
+    const message = detail?.detail ?? "Unable to update BTCPay preference.";
+    return { style: _prevState.style, error: message, success: null };
+  }
+
+  const data = (await response.json()) as { btcpay_checkout_style?: string | null };
+  const resolvedStyle =
+    data.btcpay_checkout_style === "btcpay_classic" ||
+    data.btcpay_checkout_style === "standard"
+      ? data.btcpay_checkout_style
+      : nextStyle;
+  revalidatePath("/dashboard");
+  return {
+    style: resolvedStyle as "standard" | "btcpay_classic",
+    error: null,
+    success: "Preference saved.",
+  };
+}
+
+export async function updateDefaultConfirmationTargetAction(
+  _prevState: DefaultConfirmationTargetState,
+  formData: FormData
+): Promise<DefaultConfirmationTargetState> {
+  const valueRaw = String(formData.get("default_confirmation_target") ?? "").trim();
+  const parsed = Number(valueRaw);
+  if (!Number.isInteger(parsed) || parsed < 0 || parsed > 10) {
+    return {
+      value: _prevState.value,
+      error: "Default confirmation target must be an integer between 0 and 10.",
+      success: null,
+    };
+  }
+
+  const apiKey = (await cookies()).get("wowcheckout_api_key")?.value;
+  if (!apiKey) {
+    return {
+      value: _prevState.value,
+      error: "API key not found. Please sign in again.",
+      success: null,
+    };
+  }
+
+  const response = await fetch(`${apiBaseUrl}/api/core/profile`, {
+    method: "PATCH",
+    headers: {
+      Authorization: `ApiKey ${apiKey}`,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ default_confirmation_target: parsed }),
+    cache: "no-store",
+  });
+
+  if (!response.ok) {
+    const detail = await response.json().catch(() => null);
+    const message = detail?.detail ?? "Unable to update the default confirmation target.";
+    return { value: _prevState.value, error: message, success: null };
+  }
+
+  const data = (await response.json()) as { default_confirmation_target?: number | null };
+  const resolvedValue =
+    typeof data.default_confirmation_target === "number"
+      ? data.default_confirmation_target
+      : parsed;
+  revalidatePath("/dashboard");
+  return { value: resolvedValue, error: null, success: "Default updated." };
+}
+
+export async function updateDefaultQrLogoAction(
+  _prevState: DefaultQrLogoState,
+  formData: FormData
+): Promise<DefaultQrLogoState> {
+  const logo = String(formData.get("default_qr_logo") ?? "").trim();
+  const logoDataUrlRaw = String(formData.get("default_qr_logo_data_url") ?? "").trim();
+  const normalizedLogo =
+    logo === "none" || logo === "custom" || logo === "monero" ? logo : null;
+  if (!normalizedLogo) {
+    return {
+      logo: _prevState.logo,
+      logoDataUrl: _prevState.logoDataUrl,
+      error: "Select a valid QR logo mode.",
+      success: null,
+    };
+  }
+
+  const logoDataUrl =
+    normalizedLogo === "custom" ? (logoDataUrlRaw ? logoDataUrlRaw : null) : null;
+  if (normalizedLogo === "custom" && !logoDataUrl) {
+    return {
+      logo: _prevState.logo,
+      logoDataUrl: _prevState.logoDataUrl,
+      error: "Upload a logo image for custom mode.",
+      success: null,
+    };
+  }
+
+  const apiKey = (await cookies()).get("wowcheckout_api_key")?.value;
+  if (!apiKey) {
+    return {
+      logo: _prevState.logo,
+      logoDataUrl: _prevState.logoDataUrl,
+      error: "API key not found. Please sign in again.",
+      success: null,
+    };
+  }
+
+  const response = await fetch(`${apiBaseUrl}/api/core/profile`, {
+    method: "PATCH",
+    headers: {
+      Authorization: `ApiKey ${apiKey}`,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      default_qr_logo: normalizedLogo,
+      default_qr_logo_data_url: logoDataUrl,
+    }),
+    cache: "no-store",
+  });
+
+  if (!response.ok) {
+    const detail = await response.json().catch(() => null);
+    const message = detail?.detail ?? "Unable to update QR settings.";
+    return {
+      logo: _prevState.logo,
+      logoDataUrl: _prevState.logoDataUrl,
+      error: message,
+      success: null,
+    };
+  }
+
+  const data = (await response.json()) as {
+    default_qr_logo?: string | null;
+    default_qr_logo_data_url?: string | null;
+  };
+  const resolvedLogo =
+    data.default_qr_logo === "none" ||
+    data.default_qr_logo === "custom" ||
+    data.default_qr_logo === "monero"
+      ? data.default_qr_logo
+      : normalizedLogo;
+  const resolvedDataUrl =
+    resolvedLogo === "custom" ? data.default_qr_logo_data_url ?? logoDataUrl : null;
+  revalidatePath("/dashboard");
+  return {
+    logo: resolvedLogo as "monero" | "none" | "custom",
+    logoDataUrl: resolvedDataUrl ?? null,
+    error: null,
+    success: "QR default saved.",
+  };
+}
+
+export async function createWebhookAction(
+  _prevState: WebhookFormState,
+  formData: FormData
+): Promise<WebhookFormState> {
+  const apiKey = (await cookies()).get("wowcheckout_api_key")?.value;
+  if (!apiKey) {
+    return { error: "API key not found. Please sign in again.", success: null };
+  }
+
+  const defaultUrl = String(formData.get("default_url") ?? "").trim();
+  const events: string[] = [];
+  const eventUrls: Record<string, string> = {};
+
+  webhookEventKeys.forEach(({ event, key }) => {
+    const enabled = formData.get(`event_${key}`) === "on";
+    const override = String(formData.get(`event_url_${key}`) ?? "").trim();
+    if (enabled || override) {
+      events.push(event);
+    }
+    if (override) {
+      eventUrls[event] = override;
+    }
+  });
+
+  if (events.length === 0) {
+    return { error: "Select at least one invoice event.", success: null };
+  }
+
+  if (!defaultUrl) {
+    const missing = events.filter((event) => !eventUrls[event]);
+    if (missing.length > 0) {
+      return {
+        error: "Provide a default URL or an override URL for each selected event.",
+        success: null,
+      };
+    }
+  }
+
+  const payload: {
+    url?: string;
+    events?: string[];
+    event_urls?: Record<string, string>;
+  } = {
+    events,
+  };
+
+  if (defaultUrl) {
+    payload.url = defaultUrl;
+  }
+
+  if (Object.keys(eventUrls).length > 0) {
+    payload.event_urls = eventUrls;
+  }
+
+  const response = await fetch(`${apiBaseUrl}/api/core/webhooks`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `ApiKey ${apiKey}`,
+    },
+    body: JSON.stringify(payload),
+    cache: "no-store",
+  });
+
+  if (!response.ok) {
+    const detail = await response.json().catch(() => null);
+    const message = detail?.detail ?? "Unable to create webhook.";
+    return { error: message, success: null };
+  }
+
+  revalidatePath("/dashboard");
+  return { error: null, success: "Webhook saved." };
+}
+
+export async function deleteWebhookAction(
+  _prevState: WebhookFormState,
+  formData: FormData
+): Promise<WebhookFormState> {
+  const apiKey = (await cookies()).get("wowcheckout_api_key")?.value;
+  if (!apiKey) {
+    return { error: "API key not found. Please sign in again.", success: null };
+  }
+
+  const webhookId = String(formData.get("webhook_id") ?? "").trim();
+  if (!webhookId) {
+    return { error: "Webhook id missing.", success: null };
+  }
+
+  const response = await fetch(`${apiBaseUrl}/api/core/webhooks/${webhookId}`, {
+    method: "DELETE",
+    headers: {
+      Authorization: `ApiKey ${apiKey}`,
+    },
+    cache: "no-store",
+  });
+
+  if (!response.ok) {
+    const detail = await response.json().catch(() => null);
+    const message = detail?.detail ?? "Unable to remove webhook.";
+    return { error: message, success: null };
+  }
+
+  revalidatePath("/dashboard");
+  return { error: null, success: "Webhook removed." };
+}
+
+export async function archiveInvoiceAction(
+  _prevState: ArchiveInvoiceState,
+  formData: FormData
+): Promise<ArchiveInvoiceState> {
+  const apiKey = (await cookies()).get("wowcheckout_api_key")?.value;
+  if (!apiKey) {
+    return {
+      error: "API key not found. Please sign in again.",
+      success: null,
+      archivedId: null,
+    };
+  }
+
+  const invoiceId = String(formData.get("invoice_id") ?? "").trim();
+  if (!invoiceId) {
+    return { error: "Invoice id missing.", success: null, archivedId: null };
+  }
+
+  const response = await fetch(`${apiBaseUrl}/api/core/invoices/${invoiceId}`, {
+    method: "DELETE",
+    headers: {
+      Authorization: `ApiKey ${apiKey}`,
+    },
+    cache: "no-store",
+  });
+
+  if (!response.ok) {
+    const detail = await response.json().catch(() => null);
+    const message = detail?.detail ?? "Unable to archive invoice.";
+    return { error: message, success: null, archivedId: null };
+  }
+
+  revalidatePath("/dashboard");
+  return { error: null, success: "Invoice archived until expiry.", archivedId: invoiceId };
+}
+
+export async function logoutAction() {
+  const cookieStore = await cookies();
+  cookieStore.set("wowcheckout_api_key", "", {
+    httpOnly: true,
+    sameSite: "lax",
+    secure: process.env.NODE_ENV === "production",
+    path: "/",
+    maxAge: 0,
+  });
+  cookieStore.set("wowcheckout_webhook_secret", "", {
+    httpOnly: true,
+    sameSite: "lax",
+    secure: process.env.NODE_ENV === "production",
+    path: "/",
+    maxAge: 0,
+  });
+
+  redirect("/");
+}
+
+export async function redeliverWebhookDeliveryAction(
+  _prevState: WebhookRedeliverState,
+  formData: FormData
+): Promise<WebhookRedeliverState> {
+  const apiKey = (await cookies()).get("wowcheckout_api_key")?.value;
+  if (!apiKey) {
+    return { error: "API key not found. Please sign in again.", success: null };
+  }
+
+  const deliveryId = String(formData.get("delivery_id") ?? "").trim();
+  if (!deliveryId) {
+    return { error: "Delivery id missing.", success: null };
+  }
+
+  const response = await fetch(
+    `${apiBaseUrl}/api/core/webhooks/deliveries/${encodeURIComponent(deliveryId)}/redeliver`,
+    {
+      method: "POST",
+      headers: { Authorization: `ApiKey ${apiKey}` },
+      cache: "no-store",
+    }
+  );
+
+  if (!response.ok) {
+    const detail = await response.json().catch(() => null);
+    const message = detail?.detail ?? "Unable to redeliver the webhook.";
+    return { error: message, success: null };
+  }
+
+  revalidatePath("/dashboard");
+  return { error: null, success: "Redelivery queued." };
+}
diff --git a/ui/app/(app)/dashboard/invoices.csv/route.ts b/ui/app/(app)/dashboard/invoices.csv/route.ts
new file mode 100644
index 0000000..826e2dc
--- /dev/null
+++ b/ui/app/(app)/dashboard/invoices.csv/route.ts
@@ -0,0 +1,37 @@
+import { cookies } from "next/headers";
+
+const apiBaseUrl = process.env.API_BASE_URL ?? "http://localhost:8000";
+
+export async function GET(request: Request) {
+  const apiKey = (await cookies()).get("wowcheckout_api_key")?.value;
+  if (!apiKey) {
+    return new Response("Unauthorized", { status: 401 });
+  }
+
+  const sourceUrl = new URL(request.url);
+  const targetUrl = new URL(`${apiBaseUrl}/api/core/invoices/export.csv`);
+  sourceUrl.searchParams.forEach((value, key) => {
+    targetUrl.searchParams.set(key, value);
+  });
+
+  const response = await fetch(targetUrl.toString(), {
+    headers: { Authorization: `ApiKey ${apiKey}` },
+    cache: "no-store",
+  });
+
+  if (!response.ok) {
+    const message = await response.text().catch(() => "Unable to export invoices.");
+    return new Response(message, { status: response.status });
+  }
+
+  const headers = new Headers();
+  headers.set("Content-Type", response.headers.get("content-type") ?? "text/csv");
+  const disposition = response.headers.get("content-disposition");
+  headers.set(
+    "Content-Disposition",
+    disposition ?? 'attachment; filename="invoices.csv"'
+  );
+
+  return new Response(response.body, { status: 200, headers });
+}
+
diff --git a/ui/app/(app)/dashboard/page.tsx b/ui/app/(app)/dashboard/page.tsx
new file mode 100644
index 0000000..c15f764
--- /dev/null
+++ b/ui/app/(app)/dashboard/page.tsx
@@ -0,0 +1,481 @@
+import type { Metadata } from "next";
+import { cookies } from "next/headers";
+import Link from "next/link";
+import { redirect } from "next/navigation";
+
+import ApiKeySection from "../../../components/api-key-section";
+import BtcpayCheckoutStyleSection from "../../../components/btcpay-checkout-style-section";
+import DefaultConfirmationTargetSection from "../../../components/default-confirmation-target-section";
+import DefaultQrLogoSection from "../../../components/default-qr-logo-section";
+import InvoicePanel from "../../../components/invoice-panel";
+import WebhookHistoryPanel from "../../../components/webhook-history-panel";
+import WebhookSecretSection from "../../../components/webhook-secret-section";
+import WebhookSection from "../../../components/webhook-section";
+
+export const metadata: Metadata = {
+  title: "Dashboard",
+};
+
+const apiBaseUrl = process.env.API_BASE_URL ?? "http://localhost:8000";
+const tabs = ["overview", "invoices", "webhooks", "profile"] as const;
+const webhookTabs = ["settings", "history"] as const;
+type DashboardTab = (typeof tabs)[number];
+type WebhookTab = (typeof webhookTabs)[number];
+
+type DashboardSearchParams = Record<string, string | string[] | undefined>;
+type InvoiceSummary = {
+  id: string;
+  address: string;
+  subaddress_index?: number | null;
+  amount_xmr: string;
+  status: "pending" | "payment_detected" | "confirmed" | "expired" | "invalid";
+  confirmation_target: number;
+  paid_after_expiry?: boolean;
+  paid_after_expiry_at?: string | null;
+  created_at: string;
+  archived_at: string | null;
+  detected_at: string | null;
+  confirmed_at: string | null;
+  expires_at: string | null;
+};
+type WebhookSummary = {
+  id: string;
+  url: string;
+  events: string[];
+  event_urls?: Record<string, string> | null;
+  active: boolean;
+  created_at: string;
+};
+type WebhookDeliverySummary = {
+  id: string;
+  webhook_id: string | null;
+  event: string;
+  url: string;
+  invoice_id: string | null;
+  invoice_address: string | null;
+  invoice_subaddress_index: number | null;
+  invoice_amount_xmr: string | null;
+  invoice_status:
+    | "pending"
+    | "payment_detected"
+    | "confirmed"
+    | "expired"
+    | "invalid"
+    | null;
+  http_status: number | null;
+  error_message: string | null;
+  created_at: string;
+};
+type ProfileSummary = {
+  id: string;
+  payment_address: string;
+  default_confirmation_target: number;
+  default_qr_logo: "monero" | "none" | "custom";
+  default_qr_logo_data_url: string | null;
+  btcpay_checkout_style?: "standard" | "btcpay_classic";
+  created_at: string;
+};
+export default async function DashboardPage({
+  searchParams,
+}: {
+  searchParams: Promise<DashboardSearchParams>;
+}) {
+  const apiKey = (await cookies()).get("wowcheckout_api_key")?.value;
+  const webhookSecret = (await cookies()).get("wowcheckout_webhook_secret")?.value ?? null;
+  if (!apiKey) {
+    redirect("/?login=1");
+  }
+
+  const resolvedSearchParams = await searchParams;
+  const tabParam = resolvedSearchParams?.tab;
+  const activeTabValue = Array.isArray(tabParam) ? tabParam[0] : tabParam;
+  const activeTab: DashboardTab = tabs.includes(activeTabValue as DashboardTab)
+    ? (activeTabValue as DashboardTab)
+    : "overview";
+  const webhookTabParam = resolvedSearchParams?.webhook_tab;
+  const activeWebhookTabValue = Array.isArray(webhookTabParam)
+    ? webhookTabParam[0]
+    : webhookTabParam;
+  const activeWebhookTab: WebhookTab = webhookTabs.includes(
+    activeWebhookTabValue as WebhookTab
+  )
+    ? (activeWebhookTabValue as WebhookTab)
+    : "settings";
+  const includeArchived =
+    activeTab === "invoices" &&
+    (resolvedSearchParams?.archived === "1" ||
+      resolvedSearchParams?.archived === "true");
+  const qParam = resolvedSearchParams?.q;
+  const queryValue = Array.isArray(qParam) ? qParam[0] : qParam;
+  const invoiceSearchQuery = activeTab === "invoices" ? (queryValue ?? "") : "";
+  const sortParam = resolvedSearchParams?.sort;
+  const sortValue = Array.isArray(sortParam) ? sortParam[0] : sortParam;
+  const invoiceSort =
+    activeTab === "invoices" && typeof sortValue === "string" && sortValue
+      ? sortValue
+      : "created_at";
+  const orderParam = resolvedSearchParams?.order;
+  const orderValue = Array.isArray(orderParam) ? orderParam[0] : orderParam;
+  const invoiceOrder =
+    activeTab === "invoices" && typeof orderValue === "string" && orderValue
+      ? orderValue
+      : "desc";
+
+  // API key is already available from the cookie
+  const apiKeyData = activeTab === "profile" ? { api_key: apiKey } : null;
+  let webhooksData: WebhookSummary[] = [];
+  let webhookHistory: WebhookDeliverySummary[] = [];
+
+  const invoiceLimit = 100;
+  let invoicesData: { items: InvoiceSummary[]; total: number } | null = null;
+  let offset = 0;
+  let total = 0;
+  const items: InvoiceSummary[] = [];
+  do {
+    const invoiceUrl = new URL(`${apiBaseUrl}/api/core/invoices`);
+    invoiceUrl.searchParams.set("limit", invoiceLimit.toString());
+    invoiceUrl.searchParams.set("offset", offset.toString());
+    if (includeArchived) {
+      invoiceUrl.searchParams.set("include_archived", "true");
+    }
+    if (invoiceSearchQuery) {
+      invoiceUrl.searchParams.set("q", invoiceSearchQuery);
+    }
+    if (invoiceSort) {
+      invoiceUrl.searchParams.set("sort", invoiceSort);
+    }
+    if (invoiceOrder) {
+      invoiceUrl.searchParams.set("order", invoiceOrder);
+    }
+    const response = await fetch(invoiceUrl.toString(), {
+      headers: {
+        Authorization: `ApiKey ${apiKey}`,
+      },
+      cache: "no-store",
+    });
+    if (response.status === 401) {
+      redirect("/?login=1");
+    }
+    if (!response.ok) {
+      break;
+    }
+    const data = (await response.json()) as {
+      items: InvoiceSummary[];
+      total: number;
+    };
+    total = data.total;
+    items.push(...data.items);
+    offset += invoiceLimit;
+  } while (offset < total);
+  invoicesData = { items, total };
+
+  if (
+    activeTab === "overview" ||
+    (activeTab === "webhooks" && activeWebhookTab === "settings")
+  ) {
+    const response = await fetch(`${apiBaseUrl}/api/core/webhooks`, {
+      headers: {
+        Authorization: `ApiKey ${apiKey}`,
+      },
+      cache: "no-store",
+    });
+    if (response.status === 401) {
+      redirect("/?login=1");
+    }
+    if (response.ok) {
+      webhooksData = (await response.json()) as WebhookSummary[];
+    }
+  }
+  if (activeTab === "webhooks" && activeWebhookTab === "history") {
+    const historyUrl = new URL(`${apiBaseUrl}/api/core/webhooks/history`);
+    historyUrl.searchParams.set("limit", "50");
+    const response = await fetch(historyUrl.toString(), {
+      headers: {
+        Authorization: `ApiKey ${apiKey}`,
+      },
+      cache: "no-store",
+    });
+    if (response.status === 401) {
+      redirect("/?login=1");
+    }
+    if (response.ok) {
+      webhookHistory = (await response.json()) as WebhookDeliverySummary[];
+    }
+  }
+
+  const allInvoices = invoicesData?.items ?? [];
+  let profileData: ProfileSummary | null = null;
+
+  if (activeTab === "overview" || activeTab === "profile" || activeTab === "invoices") {
+    const response = await fetch(`${apiBaseUrl}/api/core/profile`, {
+      headers: {
+        Authorization: `ApiKey ${apiKey}`,
+      },
+      cache: "no-store",
+    });
+    if (response.status === 401) {
+      redirect("/?login=1");
+    }
+    if (response.ok) {
+      profileData = (await response.json()) as ProfileSummary;
+    }
+  }
+
+  const isToday = (value: string) => {
+    const date = new Date(value);
+    const today = new Date();
+    return (
+      date.getFullYear() === today.getFullYear() &&
+      date.getMonth() === today.getMonth() &&
+      date.getDate() === today.getDate()
+    );
+  };
+
+  const invoicesTodayCount = allInvoices.filter((invoice) =>
+    isToday(invoice.created_at)
+  ).length;
+  const awaitingConfirmationCount = allInvoices.filter(
+    (invoice) => invoice.status === "payment_detected"
+  ).length;
+  const confirmedCount = allInvoices.filter(
+    (invoice) => invoice.status === "confirmed"
+  ).length;
+
+  const tabBaseClass =
+    "inline-flex items-center rounded-xl border border-stroke bg-white/70 px-4 py-2 text-xs font-semibold uppercase tracking-[0.12em] text-ink-soft transition hover:-translate-y-0.5";
+  const tabActiveClass =
+    "border-ink bg-ink text-cream shadow-[0_12px_24px_rgba(16,18,23,0.18)]";
+  const subTabBaseClass =
+    "inline-flex items-center rounded-full border border-stroke bg-white/70 px-4 py-2 text-xs font-semibold uppercase tracking-[0.12em] text-ink-soft transition hover:-translate-y-0.5";
+  const subTabActiveClass =
+    "border-ink bg-ink text-cream shadow-[0_10px_18px_rgba(16,18,23,0.18)]";
+
+  return (
+    <main className="px-[6vw] py-12 text-ink">
+      <section className="mx-auto grid w-full max-w-6xl gap-8 lg:grid-cols-[260px_minmax(0,1fr)]">
+        <aside className="grid gap-6">
+          <nav className="flex flex-col gap-2" aria-label="Dashboard sections">
+            {tabs.map((tab) => (
+              <Link
+                key={tab}
+                className={`${tabBaseClass} ${activeTab === tab ? tabActiveClass : ""}`}
+                href={`/dashboard?tab=${tab}`}
+              >
+                {tab}
+              </Link>
+            ))}
+          </nav>
+        </aside>
+        <div className="grid gap-6">
+          {activeTab === "overview" ? (
+            <div className="rounded-2xl border border-stroke bg-white/80 p-8 shadow-card backdrop-blur">
+              <h1 className="font-serif text-3xl">Operational overview.</h1>
+              <p className="mt-2 text-ink-soft">
+                Track invoice flow and confirmation progress at a glance.
+              </p>
+              <div className="mt-6 rounded-2xl border border-stroke bg-white/70 p-5 shadow-soft">
+                <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                  Primary address
+                </p>
+                <p className="mt-3 break-all font-mono text-sm text-ink">
+                  {profileData?.payment_address ?? "Unavailable"}
+                </p>
+                <p className="mt-2 text-sm text-ink-soft">
+                  This is the wallet address used for your invoices.
+                </p>
+              </div>
+              <div className="mt-4 grid gap-4 lg:grid-cols-3">
+                {[
+                  {
+                    title: "Invoices today",
+                    value: invoicesTodayCount.toString(),
+                    detail: "Totals will appear once invoices are created.",
+                  },
+                  {
+                    title: "Invoices awaiting confirmation",
+                    value: awaitingConfirmationCount.toString(),
+                    detail: "Waiting for the configured confirmation target.",
+                  },
+                  {
+                    title: "Confirmed invoices",
+                    value: confirmedCount.toString(),
+                    detail: "Confirmed on-chain invoices will display here.",
+                  },
+                ].map((item) => (
+                  <div
+                    key={item.title}
+                    className="rounded-2xl border border-stroke bg-white/70 p-5 shadow-soft"
+                  >
+                    <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                      {item.title}
+                    </p>
+                    <h2 className="mt-3 text-2xl font-semibold">{item.value}</h2>
+                    <p className="mt-2 text-sm text-ink-soft">{item.detail}</p>
+                  </div>
+                ))}
+              </div>
+              <div className="mt-4 rounded-2xl border border-stroke bg-white/70 p-5 shadow-soft">
+                <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                  Webhook endpoints
+                </p>
+                {webhooksData.length === 0 ? (
+                  <p className="mt-3 text-sm text-ink-soft">
+                    No webhooks configured yet.{" "}
+                    <Link className="font-semibold text-ink underline" href="/dashboard?tab=webhooks">
+                      Add a webhook endpoint.
+                    </Link>
+                  </p>
+                ) : (
+                  <div className="mt-3 grid gap-3 text-sm text-ink">
+                    {webhooksData.map((webhook) => (
+                      <div
+                        className="rounded-xl border border-stroke bg-white/80 px-4 py-3"
+                        key={webhook.id}
+                      >
+                        <div className="flex flex-wrap items-center justify-between gap-2">
+                          <p className="break-all font-semibold">{webhook.url}</p>
+                          <span className="rounded-full border border-stroke bg-white/60 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink">
+                            {webhook.active ? "Active" : "Paused"}
+                          </span>
+                        </div>
+                        <p className="mt-2 text-xs text-ink-soft">
+                          Events: {webhook.events.join(", ")}
+                        </p>
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </div>
+              <div className="mt-5 rounded-2xl border border-ink/10 bg-ink/10 px-4 py-3 text-sm font-semibold text-ink">
+                We never hold funds. All payments move from the customer to your
+                wallet.
+              </div>
+            </div>
+          ) : null}
+          {activeTab === "invoices" ? (
+            <InvoicePanel
+              activeInvoices={allInvoices}
+              includeArchived={includeArchived}
+              searchQuery={invoiceSearchQuery}
+              sort={invoiceSort}
+              order={invoiceOrder}
+              defaultConfirmationTarget={profileData?.default_confirmation_target ?? 1}
+            />
+          ) : null}
+          {activeTab === "profile" ? (
+            <>
+              {apiKeyData ? (
+                <div className="rounded-2xl border border-stroke bg-white/80 p-8 shadow-card backdrop-blur">
+                  <div className="flex flex-wrap items-start justify-between gap-4">
+                    <div>
+                      <h1 className="font-serif text-3xl">Profile settings.</h1>
+                      <p className="mt-2 text-ink-soft">
+                        Manage credentials and delivery settings for your integration.
+                      </p>
+                    </div>
+                  </div>
+                  <div className="mt-6 grid gap-6 lg:grid-cols-2">
+                    <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft">
+                      <h2 className="font-serif text-2xl">Store id</h2>
+                      <p className="mt-2 min-h-[2.5rem] text-sm text-ink-soft">
+                        Single-store per primary address. Use this id in the BTCPay
+                        WooCommerce plugin store field.
+                      </p>
+                      <div className="mt-4">
+                        <p className="break-all rounded-xl bg-ink/5 px-3 py-2 font-mono text-xs text-ink sm:text-sm">
+                          {profileData?.id ?? "Unavailable"}
+                        </p>
+                      </div>
+                    </div>
+                    <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft">
+                      <h2 className="font-serif text-2xl">API key</h2>
+                      <p className="mt-2 min-h-[2.5rem] text-sm text-ink-soft">
+                        Use this key with authenticated endpoints.
+                      </p>
+                      <div className="mt-4">
+                        <ApiKeySection apiKey={apiKeyData.api_key} />
+                      </div>
+                    </div>
+                    <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft">
+                      <h2 className="font-serif text-2xl">Webhook secret</h2>
+                      <p className="mt-2 min-h-[2.5rem] text-sm text-ink-soft">
+                        Sent with each delivery as the{" "}
+                        <code>X-Webhook-Secret</code> header.
+                      </p>
+                      <div className="mt-4">
+                        <WebhookSecretSection webhookSecret={webhookSecret} />
+                      </div>
+                    </div>
+                    <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft">
+                      <BtcpayCheckoutStyleSection
+                        initialStyle={
+                          profileData?.btcpay_checkout_style === "btcpay_classic"
+                            ? "btcpay_classic"
+                            : "btcpay_classic"
+                        }
+                      />
+                    </div>
+                    <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft">
+                      <DefaultConfirmationTargetSection
+                        initialValue={profileData?.default_confirmation_target ?? 1}
+                      />
+                    </div>
+                    <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft">
+                      <DefaultQrLogoSection
+                        initialLogo={profileData?.default_qr_logo ?? "monero"}
+                        initialLogoDataUrl={profileData?.default_qr_logo_data_url ?? null}
+                      />
+                    </div>
+                  </div>
+                </div>
+              ) : (
+                <div className="rounded-2xl border border-stroke bg-white/80 p-8 shadow-card backdrop-blur">
+                  <h1 className="font-serif text-3xl">API key</h1>
+                  <p className="mt-2 text-ink-soft">
+                    Sign in again to reveal your API key.
+                  </p>
+                </div>
+              )}
+            </>
+          ) : null}
+          {activeTab === "webhooks" ? (
+            <div className="rounded-2xl border border-stroke bg-white/80 p-8 shadow-card backdrop-blur">
+              <div className="flex flex-wrap items-start justify-between gap-4">
+                <div>
+                  <h1 className="font-serif text-3xl">Webhook endpoints.</h1>
+                  <p className="mt-2 text-ink-soft">
+                    Relay invoice state updates to your systems. Optional overrides let
+                    you target different URLs per event.
+                  </p>
+                </div>
+              </div>
+              <nav className="mt-6 flex flex-wrap gap-2" aria-label="Webhook views">
+                {webhookTabs.map((tab) => (
+                  <Link
+                    key={tab}
+                    className={`${subTabBaseClass} ${
+                      activeWebhookTab === tab ? subTabActiveClass : ""
+                    }`}
+                    href={`/dashboard?tab=webhooks&webhook_tab=${tab}`}
+                  >
+                    {tab}
+                  </Link>
+                ))}
+              </nav>
+              {activeWebhookTab === "settings" ? (
+                <div className="mt-6">
+                  <WebhookSection webhooks={webhooksData} />
+                </div>
+              ) : null}
+              {activeWebhookTab === "history" ? (
+                <div className="mt-6">
+                  <WebhookHistoryPanel deliveries={webhookHistory} />
+                </div>
+              ) : null}
+            </div>
+          ) : null}
+        </div>
+      </section>
+    </main>
+  );
+}
diff --git a/ui/app/(app)/layout.tsx b/ui/app/(app)/layout.tsx
new file mode 100644
index 0000000..39caf29
--- /dev/null
+++ b/ui/app/(app)/layout.tsx
@@ -0,0 +1,62 @@
+import Image from "next/image";
+import Link from "next/link";
+import { Suspense } from "react";
+
+import "../(marketing)/marketing.css";
+import DonateModal from "../../components/donate-modal";
+import NavLink from "../../components/nav-link";
+import { logoutAction } from "./dashboard/actions";
+
+export default function AppLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div>
+      <header className="site-header">
+        <div className="brand">
+          <Link href="/" aria-label="WOW Checkout home">
+            <Image
+              className="brand-logo"
+              src="/logo.png"
+              alt="WOW Checkout logo"
+              width={128}
+              height={128}
+              priority
+            />
+          </Link>
+          <Link className="name" href="/">
+            WOW Checkout
+          </Link>
+        </div>
+        <nav className="nav">
+          <NavLink href="/invoice">Check Invoice</NavLink>
+          <NavLink href="/docs">Documentation</NavLink>
+          <NavLink href="/faq">FAQ</NavLink>
+          <NavLink href="/dashboard">Dashboard</NavLink>
+          <form action={logoutAction}>
+            <button type="submit">Log out</button>
+          </form>
+        </nav>
+      </header>
+      {children}
+      <footer className="site-footer">
+        <div className="site-footer-copy">
+          <p>wowcheckout.com - Non-custodial Wownero checkout software.</p>
+          <p>
+            <Link
+              className="underline underline-offset-4"
+              href="https://github.com/wowcheckout/wowcheckout"
+            >
+              GitHub
+            </Link>
+          </p>
+        </div>
+        <Suspense fallback={null}>
+          <DonateModal />
+        </Suspense>
+      </footer>
+    </div>
+  );
+}
diff --git a/ui/app/(app)/login/actions.ts b/ui/app/(app)/login/actions.ts
new file mode 100644
index 0000000..7c049d3
--- /dev/null
+++ b/ui/app/(app)/login/actions.ts
@@ -0,0 +1,57 @@
+"use server";
+
+import { cookies } from "next/headers";
+import { redirect } from "next/navigation";
+
+const apiBaseUrl = process.env.API_BASE_URL ?? "http://localhost:8000";
+
+export type LoginState = {
+  error: string | null;
+};
+
+export async function loginAction(
+  _prevState: LoginState,
+  formData: FormData
+): Promise<LoginState> {
+  const paymentAddress = String(formData.get("payment_address") ?? "").trim();
+  const viewKey = String(formData.get("view_key") ?? "").trim();
+
+  if (!paymentAddress || !viewKey) {
+    return { error: "Primary address and secret view key are required." };
+  }
+
+  const response = await fetch(`${apiBaseUrl}/api/core/auth/login`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ payment_address: paymentAddress, view_key: viewKey }),
+    cache: "no-store",
+  });
+
+  if (!response.ok) {
+    const detail = await response.json().catch(() => null);
+    const message = detail?.detail ?? "Unable to sign in.";
+    return { error: message };
+  }
+
+  const data = (await response.json()) as {
+    api_key: string;
+    webhook_secret: string;
+    store_id?: string;
+  };
+
+  const cookieStore = await cookies();
+  cookieStore.set("wowcheckout_api_key", data.api_key, {
+    httpOnly: true,
+    sameSite: "lax",
+    secure: process.env.NODE_ENV === "production",
+    path: "/",
+  });
+  cookieStore.set("wowcheckout_webhook_secret", data.webhook_secret, {
+    httpOnly: true,
+    sameSite: "lax",
+    secure: process.env.NODE_ENV === "production",
+    path: "/",
+  });
+
+  redirect("/dashboard");
+}
diff --git a/ui/app/(app)/login/login-form.tsx b/ui/app/(app)/login/login-form.tsx
new file mode 100644
index 0000000..02bb438
--- /dev/null
+++ b/ui/app/(app)/login/login-form.tsx
@@ -0,0 +1,198 @@
+"use client";
+
+import { useEffect, useMemo, useState } from "react";
+import { useFormState } from "react-dom";
+
+import { loginAction, type LoginState } from "./actions";
+
+const initialState: LoginState = { error: null };
+
+const apiBaseUrl =
+  typeof window === "undefined" ? process.env.NEXT_PUBLIC_API_BASE_URL ?? "" : "";
+const base58Pattern = /^[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]+$/;
+const viewKeyPattern = /^[0-9a-fA-F]{64}$/;
+const validationDelayMs = 450;
+
+const isLikelyPrimaryAddress = (value: string) => {
+  const trimmed = value.trim();
+  if (trimmed.length !== 95) {
+    return false;
+  }
+  if (!trimmed.startsWith("4")) {
+    return false;
+  }
+  return base58Pattern.test(trimmed);
+};
+
+const isLikelySecretViewKey = (value: string) => viewKeyPattern.test(value.trim());
+
+export default function LoginForm() {
+  const [state, formAction] = useFormState(loginAction, initialState);
+  const [paymentAddress, setPaymentAddress] = useState("");
+  const [viewKey, setViewKey] = useState("");
+  const [validationStatus, setValidationStatus] = useState<
+    "idle" | "checking" | "valid" | "invalid" | "error"
+  >("idle");
+  const [validationMessage, setValidationMessage] = useState<string | null>(null);
+
+  const canSubmit = useMemo(() => {
+    if (!isLikelyPrimaryAddress(paymentAddress) || !isLikelySecretViewKey(viewKey)) {
+      return false;
+    }
+    return validationStatus !== "checking" && validationStatus !== "invalid";
+  }, [paymentAddress, validationStatus, viewKey]);
+
+  useEffect(() => {
+    if (!isLikelyPrimaryAddress(paymentAddress) || !isLikelySecretViewKey(viewKey)) {
+      setValidationStatus("idle");
+      setValidationMessage(null);
+      return;
+    }
+
+    const controller = new AbortController();
+    const timeoutId = window.setTimeout(async () => {
+      setValidationStatus("checking");
+      setValidationMessage(null);
+      try {
+        const response = await fetch(`${apiBaseUrl}/api/core/auth/validate`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            payment_address: paymentAddress.trim(),
+            view_key: viewKey.trim(),
+          }),
+          cache: "no-store",
+          signal: controller.signal,
+        });
+
+        if (!response.ok) {
+          const detail = await response.json().catch(() => null);
+          const message =
+            detail?.detail ?? "Address and view key did not pass validation.";
+          setValidationStatus("invalid");
+          setValidationMessage(message);
+          return;
+        }
+
+        setValidationStatus("valid");
+      } catch (error) {
+        if (controller.signal.aborted) {
+          return;
+        }
+        setValidationStatus("error");
+        setValidationMessage(
+          "Unable to validate the address and view key yet. You can still sign in to confirm."
+        );
+      }
+    }, validationDelayMs);
+
+    return () => {
+      controller.abort();
+      window.clearTimeout(timeoutId);
+    };
+  }, [paymentAddress, viewKey]);
+
+  return (
+    <form className="mt-6 grid gap-5" action={formAction}>
+      <div className="grid gap-2">
+        <div className="flex items-center justify-between gap-3">
+          <label
+            className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft"
+            htmlFor="payment_address"
+          >
+            Primary address
+          </label>
+          {isLikelyPrimaryAddress(paymentAddress) ? (
+            <span className="inline-flex items-center gap-1 text-[0.65rem] font-semibold uppercase tracking-[0.16em] text-emerald-600">
+              <svg
+                className="h-3.5 w-3.5"
+                viewBox="0 0 16 16"
+                aria-hidden="true"
+              >
+                <path
+                  d="M6.4 11.4 3.2 8.2l1.1-1.1 2.1 2.1 5.2-5.2 1.1 1.1-6.3 6.3z"
+                  fill="currentColor"
+                />
+              </svg>
+              Valid
+            </span>
+          ) : null}
+        </div>
+        <textarea
+          className="min-h-[96px] w-full resize-none rounded-xl border border-stroke bg-white/80 px-4 py-3 text-sm text-ink shadow-[inset_0_1px_0_rgba(255,255,255,0.6)] outline-none transition focus:border-ink/40 focus:ring-2 focus:ring-ink/10"
+          id="payment_address"
+          name="payment_address"
+          rows={3}
+          autoComplete="off"
+          required
+          value={paymentAddress}
+          onChange={(event) => setPaymentAddress(event.target.value)}
+        />
+      </div>
+      <div className="grid gap-2">
+        <div className="flex items-center justify-between gap-3">
+          <label
+            className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft"
+            htmlFor="view_key"
+          >
+            Secret view key
+          </label>
+          {isLikelySecretViewKey(viewKey) ? (
+            <span className="inline-flex items-center gap-1 text-[0.65rem] font-semibold uppercase tracking-[0.16em] text-emerald-600">
+              <svg
+                className="h-3.5 w-3.5"
+                viewBox="0 0 16 16"
+                aria-hidden="true"
+              >
+                <path
+                  d="M6.4 11.4 3.2 8.2l1.1-1.1 2.1 2.1 5.2-5.2 1.1 1.1-6.3 6.3z"
+                  fill="currentColor"
+                />
+              </svg>
+              Valid
+            </span>
+          ) : null}
+        </div>
+        <input
+          className="min-h-[48px] w-full rounded-xl border border-stroke bg-white/80 px-4 py-3 text-sm text-ink shadow-[inset_0_1px_0_rgba(255,255,255,0.6)] outline-none transition focus:border-ink/40 focus:ring-2 focus:ring-ink/10"
+          id="view_key"
+          name="view_key"
+          type="password"
+          autoComplete="off"
+          required
+          value={viewKey}
+          onChange={(event) => setViewKey(event.target.value)}
+        />
+      </div>
+      {validationStatus === "checking" ? (
+        <p className="rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-xs font-semibold uppercase tracking-[0.16em] text-amber-700">
+          Checking address and view key
+        </p>
+      ) : null}
+      {validationStatus === "valid" ? (
+        <p className="rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-xs font-semibold uppercase tracking-[0.16em] text-emerald-700">
+          Address and view key match
+        </p>
+      ) : null}
+      {validationStatus === "invalid" || validationStatus === "error" ? (
+        <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+          {validationMessage}
+        </p>
+      ) : null}
+      {state.error ? (
+        <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+          {state.error}
+        </p>
+      ) : null}
+      <div className="flex items-center justify-end">
+        <button
+          className="inline-flex items-center justify-center rounded-full bg-ink px-6 py-3 text-sm font-semibold text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5 disabled:cursor-not-allowed disabled:bg-ink/60 disabled:text-cream/70 disabled:shadow-none disabled:hover:translate-y-0"
+          type="submit"
+          disabled={!canSubmit}
+        >
+          Sign in
+        </button>
+      </div>
+    </form>
+  );
+}
diff --git a/ui/app/(app)/login/page.tsx b/ui/app/(app)/login/page.tsx
new file mode 100644
index 0000000..bb06dde
--- /dev/null
+++ b/ui/app/(app)/login/page.tsx
@@ -0,0 +1,10 @@
+import type { Metadata } from "next";
+import { redirect } from "next/navigation";
+
+export const metadata: Metadata = {
+  title: "Login",
+};
+
+export default function LoginPage() {
+  redirect("/?login=1");
+}
diff --git a/ui/app/(app)/welcome/page.tsx b/ui/app/(app)/welcome/page.tsx
new file mode 100644
index 0000000..8410d31
--- /dev/null
+++ b/ui/app/(app)/welcome/page.tsx
@@ -0,0 +1,15 @@
+import type { Metadata } from "next";
+import { cookies } from "next/headers";
+import { redirect } from "next/navigation";
+
+export const metadata: Metadata = {
+  title: "Welcome",
+};
+
+export default async function WelcomePage() {
+  const session = (await cookies()).get("wowcheckout_session")?.value;
+  if (!session) {
+    redirect("/?login=1");
+  }
+  redirect("/dashboard");
+}
diff --git a/ui/app/(marketing)/docs/integrations/page.tsx b/ui/app/(marketing)/docs/integrations/page.tsx
new file mode 100644
index 0000000..7cb9b4b
--- /dev/null
+++ b/ui/app/(marketing)/docs/integrations/page.tsx
@@ -0,0 +1,558 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+
+export const metadata: Metadata = {
+  title: "Integration Recipes",
+};
+
+const siteUrl =
+  process.env.NEXT_PUBLIC_SITE_URL ?? process.env.SITE_URL ?? "http://localhost:3000";
+const normalizedSiteUrl = siteUrl.replace(/\/+$/, "");
+const publicApiBaseUrl = `${normalizedSiteUrl}/api/core`;
+
+const codeBlockClass =
+  "overflow-x-auto rounded-2xl border border-stroke bg-ink px-6 py-5 text-xs leading-relaxed text-cream shadow-soft";
+
+const sectionCardClass =
+  "rounded-2xl border border-stroke bg-white/70 p-7 shadow-soft backdrop-blur";
+
+export default function IntegrationsPage() {
+  return (
+    <main className="px-[6vw] pb-20 pt-10 text-ink">
+      <section className="grid max-w-[54rem] gap-4">
+        <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+          Integration recipes
+        </p>
+        <h1 className="font-serif text-[clamp(2.2rem,2rem+1.4vw,3.4rem)] leading-[1.1]">
+          Copy/paste examples for common backends.
+        </h1>
+        <p className="text-[1.05rem] leading-relaxed text-ink-soft">
+          Recipes follow the same pattern: create an invoice with a WOW amount, send
+          the customer to the hosted invoice page, then fulfill your order when the
+          invoice is confirmed.
+        </p>
+        <div className="flex flex-wrap items-center gap-3 text-sm">
+          <Link
+            className="inline-flex items-center justify-center rounded-full border border-stroke bg-white/60 px-5 py-2.5 text-xs font-semibold uppercase tracking-[0.18em] text-ink transition hover:-translate-y-0.5"
+            href="/docs"
+          >
+            Back to API docs
+          </Link>
+        </div>
+        <nav
+          className="flex flex-wrap items-center gap-3 rounded-2xl border border-stroke bg-white/60 px-5 py-4 text-sm text-ink-soft shadow-soft backdrop-blur"
+          aria-label="Recipe languages"
+        >
+          <span className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+            Jump to:
+          </span>
+          {[
+            { href: "#btcpay", label: "BTCPay" },
+            { href: "#curl", label: "curl" },
+            { href: "#node", label: "Node.js" },
+            { href: "#php", label: "PHP" },
+            { href: "#python", label: "Python" },
+            { href: "#go", label: "Go" },
+          ].map((item) => (
+            <a
+              key={item.href}
+              className="inline-flex items-center justify-center rounded-full border border-stroke bg-white/60 px-4 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-ink transition hover:-translate-y-0.5"
+              href={item.href}
+            >
+              {item.label}
+            </a>
+          ))}
+        </nav>
+      </section>
+
+      <section className="mt-10 grid gap-6 lg:grid-cols-2">
+        <div className={sectionCardClass}>
+          <h2 className="font-serif text-2xl">Conceptual flow</h2>
+	          <ol className="mt-3 list-decimal space-y-2 pl-5 text-ink-soft">
+	            <li>
+	              Create an invoice via{" "}
+	              <span className="font-mono text-ink">POST /api/core/invoices</span>.
+	            </li>
+              <li>
+                Optional: include{" "}
+                <span className="font-mono text-ink">checkout_continue_url</span> to show a
+                customer-facing Continue button after confirmation.
+              </li>
+	            <li>
+	              Redirect the customer to <span className="font-mono text-ink">invoice_url</span>.
+	            </li>
+	            <li>
+	              Wait for <span className="font-mono text-ink">invoice.confirmed</span> via webhook
+	              (recommended) or polling.
+	            </li>
+	          </ol>
+          <div className="mt-4 rounded-xl border border-stroke bg-white/60 p-4 text-sm text-ink-soft">
+            <p className="font-semibold text-ink">What to store</p>
+            <ul className="mt-2 list-disc space-y-1 pl-5">
+              <li>
+                Your internal order id in{" "}
+                <span className="font-mono text-ink">metadata.order_id</span>
+              </li>
+              <li>
+                The returned <span className="font-mono text-ink">invoice.id</span>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div className={sectionCardClass}>
+          <h2 className="font-serif text-2xl">Environment variables</h2>
+          <p className="mt-2 text-ink-soft">
+            Keep secrets server-side. Never expose API keys or webhook secrets in browser
+            code.
+          </p>
+          <div className="mt-4 grid gap-3 text-sm">
+            <div className="rounded-xl border border-stroke bg-white/60 p-4">
+              <p className="font-mono text-xs font-semibold uppercase tracking-[0.18em] text-ink-soft">
+                WOWCHECKOUT_API_KEY
+              </p>
+              <p className="mt-2 text-ink-soft">Used to call authenticated endpoints.</p>
+            </div>
+            <div className="rounded-xl border border-stroke bg-white/60 p-4">
+              <p className="font-mono text-xs font-semibold uppercase tracking-[0.18em] text-ink-soft">
+                WOWCHECKOUT_WEBHOOK_SECRET
+              </p>
+              <p className="mt-2 text-ink-soft">
+                Used to verify the <span className="font-mono text-ink">X-Webhook-Secret</span>{" "}
+                header on webhook deliveries.
+              </p>
+            </div>
+            <div className="rounded-xl border border-stroke bg-white/60 p-4">
+              <p className="font-mono text-xs font-semibold uppercase tracking-[0.18em] text-ink-soft">
+                WOWCHECKOUT_API_BASE_URL
+              </p>
+              <p className="mt-2 text-ink-soft">
+                Public base URL, including <span className="font-mono text-ink">/api/core</span>:{" "}
+                <span className="font-mono text-ink">{publicApiBaseUrl}</span>
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section id="btcpay" className="mt-10 grid gap-6 scroll-mt-24">
+        <div className="grid max-w-[54rem] gap-2">
+          <h2 className="font-serif text-2xl">BTCPay compatibility (WooCommerce)</h2>
+          <p className="text-ink-soft">
+            Use the official WooCommerce Greenfield plugin with the compatibility
+            endpoints. Keys remain view-only, and invoices stay non-custodial.
+          </p>
+        </div>
+        <div className="grid gap-6 lg:grid-cols-2">
+          <div className={sectionCardClass}>
+            <h3 className="font-serif text-xl">Setup steps</h3>
+            <ol className="mt-3 list-decimal space-y-2 pl-5 text-ink-soft">
+              <li>Sign in to WOW Checkout to get your API key.</li>
+              <li>
+                Store id: returned by the login response or via{" "}
+                <span className="font-mono text-ink">GET /api/v1/stores</span>. The
+                stores call returns a single store (one per primary address); use the{" "}
+                <span className="font-mono text-ink">id</span> field.
+              </li>
+              <li>Install the official BTCPay WooCommerce plugin.</li>
+              <li>
+                In WooCommerce → BTCPay settings, set:
+                <ul className="mt-2 list-disc space-y-1 pl-5">
+                  <li>
+                    Server URL:{" "}
+                    <span className="font-mono text-ink">{normalizedSiteUrl}</span>{" "}
+                    (the plugin appends <span className="font-mono text-ink">/api/v1</span>).
+                  </li>
+                  <li>Store ID: the id returned from the stores call.</li>
+                  <li>API key: your WOW Checkout API key.</li>
+                  <li>Payment method: WOW-CHAIN (shows as WOW_CHAIN in WooCommerce).</li>
+                  <li>Modal checkout is supported; the hosted invoice page is recommended for clarity.</li>
+                </ul>
+              </li>
+            </ol>
+          </div>
+	          <div className={sectionCardClass}>
+	            <h3 className="font-serif text-xl">Behavior notes</h3>
+	            <ul className="mt-3 list-disc space-y-2 pl-5 text-ink-soft">
+	              <li>Authorization header: Authorization: token &lt;api_key&gt;.</li>
+	              <li>
+	                Status mapping: pending → New, payment detected → Processing, confirmed → final.
+	              </li>
+	              <li>Expired and Invalid statuses map directly.</li>
+	              <li>Webhook deliveries use the BTCPay-Sig header.</li>
+	            </ul>
+	          </div>
+	        </div>
+        <pre className={codeBlockClass}>
+          <code>{`# Verify compatibility endpoints
+export WOWCHECKOUT_BTCPAY_URL="${normalizedSiteUrl}/api/v1"
+export WOWCHECKOUT_API_KEY="wowcheckout_..."
+
+curl -sS "$WOWCHECKOUT_BTCPAY_URL/stores" \\
+  -H "Authorization: token $WOWCHECKOUT_API_KEY"`}</code>
+        </pre>
+      </section>
+
+      <section id="curl" className="mt-12 grid gap-8 scroll-mt-24">
+        <div className="grid max-w-[52rem] gap-2">
+          <h2 className="font-serif text-2xl">curl</h2>
+          <p className="text-ink-soft">
+            Create an invoice, then poll status until it is confirmed.
+          </p>
+        </div>
+
+        <div className="grid gap-4">
+          <pre className={codeBlockClass}>
+            <code>{`# 1) Create invoice
+export WOWCHECKOUT_API_BASE_URL="${publicApiBaseUrl}"
+export WOWCHECKOUT_API_KEY="wowcheckout_..."
+
+curl -sS -X POST "$WOWCHECKOUT_API_BASE_URL/invoices" \\
+  -H "Authorization: ApiKey $WOWCHECKOUT_API_KEY" \\
+  -H "Content-Type: application/json" \\
+  -d '{
+    "amount_xmr": "0.15",
+    "confirmation_target": 2,
+    "metadata": { "order_id": "ORDER-1234" }
+  }'`}</code>
+          </pre>
+
+          <pre className={codeBlockClass}>
+            <code>{`# 1b) Create invoice from fiat (non-binding conversion)
+curl -sS -X POST "$WOWCHECKOUT_API_BASE_URL/invoices" \\
+  -H "Authorization: ApiKey $WOWCHECKOUT_API_KEY" \\
+  -H "Content-Type: application/json" \\
+  -d '{
+    "amount_fiat": "100.00",
+    "currency": "USD",
+    "confirmation_target": 2,
+    "metadata": { "order_id": "ORDER-1234" }
+  }'`}</code>
+          </pre>
+
+          <pre className={codeBlockClass}>
+            <code>{`# 2) Poll public status (no auth)
+export INVOICE_ID="uuid-from-response"
+
+curl -sS "$WOWCHECKOUT_API_BASE_URL/public/invoice/$INVOICE_ID"`}</code>
+          </pre>
+        </div>
+      </section>
+
+      <section id="node" className="mt-12 grid gap-8 scroll-mt-24">
+        <div className="grid max-w-[52rem] gap-2">
+          <h2 className="font-serif text-2xl">Node.js</h2>
+          <p className="text-ink-soft">
+            Example shows creating an invoice with <span className="font-mono text-ink">fetch</span>{" "}
+            and receiving webhooks with Express.
+          </p>
+        </div>
+
+        <div className="grid gap-4">
+          <pre className={codeBlockClass}>
+            <code>{`// create-invoice.mjs
+const API_BASE_URL = process.env.WOWCHECKOUT_API_BASE_URL;
+const API_KEY = process.env.WOWCHECKOUT_API_KEY;
+
+export async function createInvoice({ amountXmr, orderId }) {
+  const response = await fetch(\`\${API_BASE_URL}/invoices\`, {
+    method: "POST",
+    headers: {
+      Authorization: \`ApiKey \${API_KEY}\`,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      amount_xmr: String(amountXmr),
+      confirmation_target: 10,
+      metadata: { order_id: orderId },
+    }),
+  });
+
+  if (!response.ok) {
+    const text = await response.text().catch(() => "");
+    throw new Error(\`wowcheckout create invoice failed: \${response.status} \${text}\`);
+  }
+
+  return await response.json(); // includes invoice_url
+}`}</code>
+          </pre>
+
+          <pre className={codeBlockClass}>
+            <code>{`// webhook-server.mjs
+import express from "express";
+
+const WEBHOOK_SECRET = process.env.WOWCHECKOUT_WEBHOOK_SECRET;
+
+const app = express();
+app.use(express.json({ type: "application/json" }));
+
+app.post("/wowcheckout/webhook", (req, res) => {
+  const headerSecret = req.get("x-webhook-secret") ?? "";
+  if (!WEBHOOK_SECRET || headerSecret !== WEBHOOK_SECRET) {
+    return res.sendStatus(401);
+  }
+
+  const event = req.body?.event;
+  const invoice = req.body?.invoice;
+  const orderId = invoice?.metadata?.order_id;
+
+  if (event === "invoice.confirmed" && orderId) {
+    // Mark your order paid here.
+  }
+
+  return res.sendStatus(204);
+});
+
+app.listen(3001, () => {
+  console.log("Listening on http://localhost:3001/wowcheckout/webhook");
+});`}</code>
+          </pre>
+        </div>
+      </section>
+
+      <section id="php" className="mt-12 grid gap-8 scroll-mt-24">
+        <div className="grid max-w-[52rem] gap-2">
+          <h2 className="font-serif text-2xl">PHP</h2>
+          <p className="text-ink-soft">
+            Minimal create-invoice example and a webhook receiver endpoint.
+          </p>
+        </div>
+
+        <div className="grid gap-4">
+          <pre className={codeBlockClass}>
+            <code>{`<?php
+// create_invoice.php
+
+$apiBaseUrl = getenv("WOWCHECKOUT_API_BASE_URL");
+$apiKey = getenv("WOWCHECKOUT_API_KEY");
+
+$payload = json_encode([
+  "amount_xmr" => "0.15",
+  "confirmation_target" => 10,
+  "metadata" => ["order_id" => "ORDER-1234"],
+]);
+
+$ch = curl_init($apiBaseUrl . "/invoices");
+curl_setopt($ch, CURLOPT_CUSTOMREQUEST, "POST");
+curl_setopt($ch, CURLOPT_HTTPHEADER, [
+  "Authorization: ApiKey " . $apiKey,
+  "Content-Type: application/json",
+]);
+curl_setopt($ch, CURLOPT_POSTFIELDS, $payload);
+curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
+
+$body = curl_exec($ch);
+$status = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+if ($body === false || $status < 200 || $status >= 300) {
+  http_response_code(500);
+  echo "wowcheckout error: HTTP " . $status;
+  exit;
+}
+
+$invoice = json_decode($body, true);
+echo $invoice["invoice_url"];`}</code>
+          </pre>
+
+          <pre className={codeBlockClass}>
+            <code>{`<?php
+// webhook.php
+
+$webhookSecret = getenv("WOWCHECKOUT_WEBHOOK_SECRET");
+$headerSecret = $_SERVER["HTTP_X_WEBHOOK_SECRET"] ?? "";
+if (!$webhookSecret || $headerSecret !== $webhookSecret) {
+  http_response_code(401);
+  exit;
+}
+
+$raw = file_get_contents("php://input");
+$payload = json_decode($raw, true);
+$event = $payload["event"] ?? null;
+$invoice = $payload["invoice"] ?? null;
+$orderId = $invoice["metadata"]["order_id"] ?? null;
+
+if ($event === "invoice.confirmed" && $orderId) {
+  // Mark your order paid here.
+}
+
+http_response_code(204);`}</code>
+          </pre>
+        </div>
+      </section>
+
+      <section id="python" className="mt-12 grid gap-8 scroll-mt-24">
+        <div className="grid max-w-[52rem] gap-2">
+          <h2 className="font-serif text-2xl">Python</h2>
+          <p className="text-ink-soft">
+            Create an invoice with <span className="font-mono text-ink">requests</span> and
+            receive webhooks with FastAPI.
+          </p>
+        </div>
+
+        <div className="grid gap-4">
+          <pre className={codeBlockClass}>
+            <code>{`# create_invoice.py
+import os
+import requests
+
+api_base_url = os.environ["WOWCHECKOUT_API_BASE_URL"].rstrip("/")
+api_key = os.environ["WOWCHECKOUT_API_KEY"]
+
+response = requests.post(
+    f"{api_base_url}/invoices",
+    headers={"Authorization": f"ApiKey {api_key}"},
+    json={
+        "amount_xmr": "0.15",
+        "confirmation_target": 2,
+        "metadata": {"order_id": "ORDER-1234"},
+    },
+    timeout=10,
+)
+response.raise_for_status()
+invoice = response.json()
+print(invoice["invoice_url"])`}</code>
+          </pre>
+
+          <pre className={codeBlockClass}>
+            <code>{`# webhook_server.py
+import os
+from fastapi import FastAPI, Header, HTTPException
+
+app = FastAPI()
+webhook_secret = os.environ["WOWCHECKOUT_WEBHOOK_SECRET"]
+
+@app.post("/wowcheckout/webhook", status_code=204)
+async def wowcheckout_webhook(payload: dict, x_webhook_secret: str | None = Header(default=None)):
+    if not x_webhook_secret or x_webhook_secret != webhook_secret:
+        raise HTTPException(status_code=401, detail="Invalid webhook secret")
+
+    event = payload.get("event")
+    invoice = payload.get("invoice") or {}
+    metadata = invoice.get("metadata") or {}
+    order_id = metadata.get("order_id")
+
+    if event == "invoice.confirmed" and order_id:
+        # Mark your order paid here.
+        pass
+
+    return None`}</code>
+          </pre>
+        </div>
+      </section>
+
+      <section id="go" className="mt-12 grid gap-8 scroll-mt-24">
+        <div className="grid max-w-[52rem] gap-2">
+          <h2 className="font-serif text-2xl">Go</h2>
+          <p className="text-ink-soft">
+            Create an invoice with <span className="font-mono text-ink">net/http</span> and
+            receive webhooks with a standard handler.
+          </p>
+        </div>
+
+        <div className="grid gap-4">
+          <pre className={codeBlockClass}>
+            <code>{`// create_invoice.go
+package main
+
+import (
+  "bytes"
+  "encoding/json"
+  "fmt"
+  "io"
+  "net/http"
+  "os"
+  "strings"
+  "time"
+)
+
+type invoiceResponse struct {
+  ID         string ` + "`json:\"id\"`" + `
+  InvoiceURL string ` + "`json:\"invoice_url\"`" + `
+}
+
+func main() {
+  apiBaseURL := strings.TrimRight(os.Getenv("WOWCHECKOUT_API_BASE_URL"), "/")
+  apiKey := os.Getenv("WOWCHECKOUT_API_KEY")
+
+  payload := map[string]any{
+    "amount_xmr":          "0.15",
+    "confirmation_target": 2,
+    "metadata": map[string]any{
+      "order_id": "ORDER-1234",
+    },
+  }
+
+  body, _ := json.Marshal(payload)
+  req, _ := http.NewRequest("POST", apiBaseURL+"/invoices", bytes.NewReader(body))
+  req.Header.Set("Authorization", "ApiKey "+apiKey)
+  req.Header.Set("Content-Type", "application/json")
+
+  client := &http.Client{Timeout: 10 * time.Second}
+  resp, err := client.Do(req)
+  if err != nil {
+    panic(err)
+  }
+  defer resp.Body.Close()
+  if resp.StatusCode < 200 || resp.StatusCode >= 300 {
+    data, _ := io.ReadAll(resp.Body)
+    panic(fmt.Sprintf("wowcheckout create invoice failed: %d %s", resp.StatusCode, string(data)))
+  }
+
+  var invoice invoiceResponse
+  if err := json.NewDecoder(resp.Body).Decode(&invoice); err != nil {
+    panic(err)
+  }
+  fmt.Println(invoice.InvoiceURL)
+}`}</code>
+          </pre>
+
+          <pre className={codeBlockClass}>
+            <code>{`// webhook_server.go
+package main
+
+import (
+  "encoding/json"
+  "net/http"
+  "os"
+)
+
+type webhookPayload struct {
+  Event   string ` + "`json:\"event\"`" + `
+  Invoice struct {
+    Metadata map[string]any ` + "`json:\"metadata\"`" + `
+  } ` + "`json:\"invoice\"`" + `
+}
+
+func main() {
+  webhookSecret := os.Getenv("WOWCHECKOUT_WEBHOOK_SECRET")
+
+  http.HandleFunc("/wowcheckout/webhook", func(w http.ResponseWriter, r *http.Request) {
+    headerSecret := r.Header.Get("X-Webhook-Secret")
+    if webhookSecret == "" || headerSecret != webhookSecret {
+      w.WriteHeader(http.StatusUnauthorized)
+      return
+    }
+
+    var payload webhookPayload
+    if err := json.NewDecoder(r.Body).Decode(&payload); err != nil {
+      w.WriteHeader(http.StatusBadRequest)
+      return
+    }
+
+    if payload.Event == "invoice.confirmed" {
+      if orderID, ok := payload.Invoice.Metadata["order_id"].(string); ok && orderID != "" {
+        // Mark your order paid here.
+        _ = orderID
+      }
+    }
+
+    w.WriteHeader(http.StatusNoContent)
+  })
+
+  _ = http.ListenAndServe(":3001", nil)
+}`}</code>
+          </pre>
+        </div>
+      </section>
+    </main>
+  );
+}
diff --git a/ui/app/(marketing)/docs/page.tsx b/ui/app/(marketing)/docs/page.tsx
new file mode 100644
index 0000000..b18403f
--- /dev/null
+++ b/ui/app/(marketing)/docs/page.tsx
@@ -0,0 +1,858 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { Fragment } from "react";
+
+export const metadata: Metadata = {
+  title: "Docs",
+};
+
+const apiBaseUrl =
+  process.env.NEXT_PUBLIC_API_BASE_URL ??
+  process.env.API_BASE_URL ??
+  "http://localhost:8000";
+const siteUrl =
+  process.env.NEXT_PUBLIC_SITE_URL ?? process.env.SITE_URL ?? "http://localhost:3000";
+const normalizedSiteUrl = siteUrl.replace(/\/+$/, "");
+
+const methodStyles: Record<string, string> = {
+  GET: "bg-emerald-900/10 text-emerald-800",
+  POST: "bg-amber-900/15 text-amber-800",
+  DELETE: "bg-red-900/10 text-red-700",
+  PUT: "bg-blue-900/10 text-blue-800",
+  PATCH: "bg-blue-900/10 text-blue-800",
+};
+
+const endpointGroups = [
+  {
+    title: "Login",
+    auth: "None",
+    items: [
+      {
+        method: "POST",
+        path: "/api/core/auth/login",
+        description: "Exchange a primary address and secret view key for an API key and webhook secret.",
+      },
+    ],
+  },
+  {
+    title: "Public invoice status",
+    auth: "None",
+    items: [
+      {
+        method: "GET",
+        path: "/api/core/public/invoice/{invoice_id}",
+        description: "Read invoice status and payment details without auth.",
+      },
+      {
+        method: "GET",
+        path: "/api/core/public/invoice/{invoice_id}/continue",
+        description: "After confirmation, redirect to the merchant-provided Continue URL (if configured).",
+      },
+    ],
+  },
+  {
+    title: "Invoice workflow",
+    auth: "API key",
+    items: [
+      {
+        method: "GET",
+        path: "/api/core/invoices",
+        description: "List invoices for the signed-in user (supports search and sorting).",
+      },
+      {
+        method: "GET",
+        path: "/api/core/invoices/export.csv",
+        description: "Export invoices as CSV (same filters as list endpoint).",
+      },
+      {
+        method: "GET",
+        path: "/api/core/invoices/{invoice_id}",
+        description: "Retrieve a single invoice for the signed-in user.",
+      },
+      {
+        method: "POST",
+        path: "/api/core/invoices",
+        description: "Create invoices for the signed-in user.",
+      },
+      {
+        method: "DELETE",
+        path: "/api/core/invoices/{invoice_id}",
+        description:
+          "Archive a pending invoice until it expires (payment-detected/confirmed invoices cannot be archived).",
+      },
+    ],
+  },
+  {
+    title: "API key webhooks",
+    auth: "API key",
+    items: [
+      {
+        method: "GET",
+        path: "/api/core/webhooks",
+        description: "List active webhook registrations.",
+      },
+      {
+        method: "GET",
+        path: "/api/core/webhooks/history",
+        description: "List recent webhook delivery attempts and HTTP status.",
+      },
+      {
+        method: "POST",
+        path: "/api/core/webhooks/deliveries/{delivery_id}/redeliver",
+        description: "Manually redeliver a failed webhook delivery.",
+      },
+      {
+        method: "POST",
+        path: "/api/core/webhooks",
+        description: "Register webhook URLs (single or per-event) and event filters.",
+      },
+      {
+        method: "DELETE",
+        path: "/api/core/webhooks/{webhook_id}",
+        description: "Remove a webhook registration.",
+      },
+    ],
+  },
+  {
+    title: "API key management",
+    auth: "API key",
+    items: [
+      {
+        method: "POST",
+        path: "/api/core/api-credentials/reset",
+        description: "Reset the API key, webhook secret, or both.",
+      },
+      {
+        method: "PATCH",
+        path: "/api/core/profile",
+        description:
+          "Update profile preferences like the BTCPay checkout layout or default confirmations.",
+      },
+    ],
+  },
+  {
+    title: "BTCPay Greenfield stores",
+    auth: "API key (token)",
+    items: [
+      {
+        method: "GET",
+        path: "/api/v1/stores",
+        description: "List stores accessible to the API key.",
+      },
+      {
+        method: "GET",
+        path: "/api/v1/stores/{store_id}",
+        description: "Retrieve a store by id.",
+      },
+      {
+        method: "GET",
+        path: "/api/v1/stores/{store_id}/payment-methods",
+        description: "List enabled payment methods (WOW-CHAIN only).",
+      },
+    ],
+  },
+  {
+    title: "BTCPay Greenfield invoices",
+    auth: "API key (token)",
+    items: [
+      {
+        method: "POST",
+        path: "/api/v1/stores/{store_id}/invoices",
+        description: "Create a BTCPay-compatible invoice.",
+      },
+      {
+        method: "GET",
+        path: "/api/v1/stores/{store_id}/invoices/{invoice_id}",
+        description: "Retrieve a BTCPay-compatible invoice.",
+      },
+      {
+        method: "GET",
+        path: "/api/v1/stores/{store_id}/invoices/{invoice_id}/payment-methods",
+        description: "Return payment details for the invoice.",
+      },
+      {
+        method: "POST",
+        path: "/api/v1/stores/{store_id}/invoices/{invoice_id}/status",
+        description: "Mark an invoice as Invalid (compatibility only).",
+      },
+    ],
+  },
+  {
+    title: "BTCPay Greenfield webhooks",
+    auth: "API key (token)",
+    items: [
+      {
+        method: "POST",
+        path: "/api/v1/stores/{store_id}/webhooks",
+        description: "Register a webhook with authorized events.",
+      },
+      {
+        method: "GET",
+        path: "/api/v1/stores/{store_id}/webhooks",
+        description: "List registered webhooks for a store.",
+      },
+      {
+        method: "GET",
+        path: "/api/v1/stores/{store_id}/webhooks/{webhook_id}",
+        description: "Retrieve a webhook by id.",
+      },
+      {
+        method: "PUT",
+        path: "/api/v1/stores/{store_id}/webhooks/{webhook_id}",
+        description: "Update a webhook (enabled, url, or events).",
+      },
+      {
+        method: "DELETE",
+        path: "/api/v1/stores/{store_id}/webhooks/{webhook_id}",
+        description: "Delete a webhook registration.",
+      },
+    ],
+  },
+  {
+    title: "BTCPay server info",
+    auth: "API key (token)",
+    items: [
+      {
+        method: "GET",
+        path: "/api/v1/server/info",
+        description: "Return server info for compatibility checks.",
+      },
+      {
+        method: "GET",
+        path: "/api/v1/api-keys/current",
+        description: "Return the API key label and permissions.",
+      },
+    ],
+  },
+];
+
+const endpointRequirements = [
+  {
+    method: "POST",
+    path: "/api/core/auth/login",
+    auth: "None",
+    required: ["payment_address", "view_key"],
+    optional: [],
+    notes: [
+      "Primary address only; subaddresses and integrated addresses are rejected.",
+      "Use the secret view key (never submit a spend key).",
+    ],
+  },
+  {
+    method: "GET",
+    path: "/api/core/public/invoice/{invoice_id}",
+    auth: "None",
+    required: ["invoice_id (path)"],
+    optional: [],
+    notes: ["Returns invoice status and payment details."],
+  },
+  {
+    method: "GET",
+    path: "/api/core/public/invoice/{invoice_id}/continue",
+    auth: "None",
+    required: ["invoice_id (path)"],
+    optional: [],
+    notes: [
+      "Only available after an invoice is confirmed.",
+      "Returns a 302 redirect to the merchant-provided checkout_continue_url (if configured).",
+    ],
+  },
+  {
+    method: "GET",
+    path: "/api/core/invoices",
+    auth: "API key",
+    required: [],
+    optional: [
+      "limit (default 50, 1-100)",
+      "offset (default 0)",
+      "status",
+      "include_archived (default false)",
+      "q (invoice id, subaddress, metadata)",
+      "sort (created_at, expires_at, amount_xmr, status, confirmations, confirmation_target)",
+      "order (asc or desc)",
+      "created_from (ISO timestamp)",
+      "created_to (ISO timestamp)",
+    ],
+    notes: ["Returns invoices excluding archived entries."],
+  },
+  {
+    method: "GET",
+    path: "/api/core/invoices/export.csv",
+    auth: "API key",
+    required: [],
+    optional: [
+      "include_archived (default false)",
+      "status",
+      "q",
+      "sort",
+      "order",
+      "created_from",
+      "created_to",
+    ],
+    notes: ["Returns CSV with invoice rows."],
+  },
+  {
+    method: "GET",
+    path: "/api/core/invoices/{invoice_id}",
+    auth: "API key",
+    required: ["invoice_id (path)"],
+    optional: [],
+    notes: ["Returns a single invoice (archived invoices are excluded)."],
+  },
+  {
+    method: "GET",
+    path: "/api/core/webhooks",
+    auth: "API key",
+    required: [],
+    optional: [],
+    notes: ["Returns the most recent webhooks first."],
+  },
+  {
+    method: "GET",
+    path: "/api/core/webhooks/history",
+    auth: "API key",
+    required: [],
+    optional: ["limit (default 50, 1-200)", "offset (default 0)"],
+    notes: ["Returns the most recent webhook deliveries first."],
+  },
+  {
+    method: "POST",
+    path: "/api/core/webhooks/deliveries/{delivery_id}/redeliver",
+    auth: "API key",
+    required: ["delivery_id (path)"],
+    optional: [],
+    notes: ["Only failed deliveries can be redelivered."],
+  },
+  {
+    method: "POST",
+    path: "/api/core/webhooks",
+    auth: "API key",
+    required: ["events (at least one) or event_urls (at least one)"],
+    optional: ["url", "event_urls", "events"],
+    notes: [
+      "Provide url for all selected events unless every event is mapped in event_urls.",
+      "Events must be one of: invoice.created, invoice.payment_detected, invoice.confirmed, invoice.expired.",
+    ],
+  },
+  {
+    method: "DELETE",
+    path: "/api/core/webhooks/{webhook_id}",
+    auth: "API key",
+    required: ["webhook_id (path)"],
+    optional: [],
+    notes: ["Returns 204 on success."],
+  },
+  {
+    method: "POST",
+    path: "/api/core/api-credentials/reset",
+    auth: "API key",
+    required: ["reset_api_key or reset_webhook_secret"],
+    optional: [],
+    notes: ["At least one reset flag must be true."],
+  },
+  {
+    method: "PATCH",
+    path: "/api/core/profile",
+    auth: "API key",
+    required: [],
+    optional: ["btcpay_checkout_style", "default_confirmation_target"],
+    notes: [
+      "Set btcpay_checkout_style to standard or btcpay_classic.",
+      "Applies to hosted invoice pages served for BTCPay compatibility.",
+    ],
+  },
+  {
+    method: "POST",
+    path: "/api/core/invoices",
+    auth: "API key",
+    required: ["amount_xmr or amount_fiat + currency"],
+    optional: [
+      "confirmation_target (default 2, 0-10)",
+      "checkout_continue_url (https URL, optional post-confirmation Continue button)",
+      "metadata",
+      "expires_at (ISO 8601)",
+    ],
+    notes: [
+      "Fiat conversion is non-binding and does not lock a rate.",
+      "Creates a pending invoice and returns invoice details.",
+    ],
+  },
+  {
+    method: "DELETE",
+    path: "/api/core/invoices/{invoice_id}",
+    auth: "API key",
+    required: [],
+    optional: [],
+    notes: [
+      "Only pending, expired, or invalid invoices can be archived. Returns 204 on success.",
+    ],
+  },
+  {
+    method: "GET",
+    path: "/api/v1/stores",
+    auth: "API key (token)",
+    required: [],
+    optional: [],
+    notes: [
+      "Single-store per user: the list returns one store.",
+      "Store ids map to the authenticated user id.",
+      "Header format: Authorization: token <api_key>.",
+    ],
+  },
+  {
+    method: "GET",
+    path: "/api/v1/stores/{store_id}",
+    auth: "API key (token)",
+    required: ["store_id (path)"],
+    optional: [],
+    notes: [
+      "Only the authenticated store id is valid.",
+      "Returns the store metadata expected by Greenfield clients.",
+    ],
+  },
+  {
+    method: "GET",
+    path: "/api/v1/stores/{store_id}/payment-methods",
+    auth: "API key (token)",
+    required: ["store_id (path)"],
+    optional: [],
+    notes: ["Returns WOW-CHAIN as the only enabled payment method."],
+  },
+  {
+    method: "POST",
+    path: "/api/v1/stores/{store_id}/invoices",
+    auth: "API key (token)",
+    required: ["store_id (path)", "amount", "currency"],
+    optional: ["metadata", "checkout"],
+    notes: [
+      "Fiat inputs are converted once at creation time and stored as metadata.",
+      "Invoices are defined and payable in WOW only.",
+    ],
+  },
+  {
+    method: "GET",
+    path: "/api/v1/stores/{store_id}/invoices/{invoice_id}",
+    auth: "API key (token)",
+    required: ["store_id (path)", "invoice_id (path)"],
+    optional: [],
+    notes: ["Returns BTCPay-compatible status fields."],
+  },
+  {
+    method: "GET",
+    path: "/api/v1/stores/{store_id}/invoices/{invoice_id}/payment-methods",
+    auth: "API key (token)",
+    required: ["store_id (path)", "invoice_id (path)"],
+    optional: [],
+    notes: [
+      "Read-only payment details derived from observed on-chain data.",
+      "Returns a list even when only one payment method is enabled.",
+    ],
+  },
+  {
+    method: "POST",
+    path: "/api/v1/stores/{store_id}/invoices/{invoice_id}/status",
+    auth: "API key (token)",
+    required: ["store_id (path)", "invoice_id (path)", "status"],
+    optional: [],
+    notes: ["Only supports status=Invalid for compatibility; no funds move."],
+  },
+  {
+    method: "POST",
+    path: "/api/v1/stores/{store_id}/webhooks",
+    auth: "API key (token)",
+    required: ["store_id (path)", "url", "authorizedEvents"],
+    optional: ["enabled", "automaticRedelivery"],
+    notes: [
+      "Deliveries include BTCPay-Sig: sha256=<hmac>.",
+      "Events follow BTCPay naming conventions for compatibility.",
+    ],
+  },
+  {
+    method: "GET",
+    path: "/api/v1/stores/{store_id}/webhooks",
+    auth: "API key (token)",
+    required: ["store_id (path)"],
+    optional: [],
+    notes: ["Returns the most recent webhooks first."],
+  },
+  {
+    method: "GET",
+    path: "/api/v1/stores/{store_id}/webhooks/{webhook_id}",
+    auth: "API key (token)",
+    required: ["store_id (path)", "webhook_id (path)"],
+    optional: [],
+    notes: ["Returns a single webhook registration."],
+  },
+  {
+    method: "PUT",
+    path: "/api/v1/stores/{store_id}/webhooks/{webhook_id}",
+    auth: "API key (token)",
+    required: ["store_id (path)", "webhook_id (path)"],
+    optional: ["enabled", "automaticRedelivery", "url", "authorizedEvents"],
+    notes: ["Updates a webhook registration."],
+  },
+  {
+    method: "DELETE",
+    path: "/api/v1/stores/{store_id}/webhooks/{webhook_id}",
+    auth: "API key (token)",
+    required: ["store_id (path)", "webhook_id (path)"],
+    optional: [],
+    notes: ["Returns 204 on success."],
+  },
+  {
+    method: "GET",
+    path: "/api/v1/server/info",
+    auth: "API key (token)",
+    required: [],
+    optional: [],
+    notes: ["Version is set for compatibility with refund UI behavior."],
+  },
+  {
+    method: "GET",
+    path: "/api/v1/api-keys/current",
+    auth: "API key (token)",
+    required: [],
+    optional: [],
+    notes: [
+      "Permissions are store-scoped strings tied to one store id.",
+      "Refund permissions are intentionally omitted.",
+    ],
+  },
+];
+
+const requirementsByEndpoint = Object.fromEntries(
+  endpointRequirements.map((entry) => [`${entry.method} ${entry.path}`, entry])
+);
+
+export default function DocsPage() {
+  return (
+    <main className="px-[6vw] pb-20 pt-10 text-ink">
+      <section className="grid max-w-[52rem] gap-4">
+        <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+          Documentation
+        </p>
+        <h1 className="font-serif text-[clamp(2.2rem,2rem+1.4vw,3.4rem)] leading-[1.1]">
+          Wownero checkout documentation & API reference.
+        </h1>
+        <p className="text-[1.05rem] leading-relaxed text-ink-soft">
+          wowcheckout.com generates invoices, detects Wownero payments using view-only access,
+          and relays status events. Setup is explicit: bring your primary address and secret
+          view key - never spend keys, never custody.
+        </p>
+        <div className="flex flex-wrap gap-2">
+          <span className="rounded-full bg-ink/10 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink-soft">
+            Customer → Merchant wallet
+          </span>
+          <span className="rounded-full bg-ink/10 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink-soft">
+            No spend keys required
+          </span>
+          <span className="rounded-full bg-ink/10 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink-soft">
+            OpenAPI schema available
+          </span>
+        </div>
+        <div className="flex flex-wrap items-center gap-3">
+          <Link
+            className="inline-flex items-center justify-center rounded-full bg-ink px-5 py-2.5 text-xs font-semibold uppercase tracking-[0.18em] text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5"
+            href="/docs/integrations"
+          >
+            Integration recipes
+          </Link>
+          <span className="text-sm text-ink-soft">
+            Copy/paste examples for curl, Node, PHP, Python, and Go.
+          </span>
+        </div>
+      </section>
+
+      <section className="mt-10 rounded-2xl border border-stroke bg-white/60 p-6 shadow-soft backdrop-blur">
+        <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+          Start here
+        </p>
+        <ol className="mt-3 grid gap-3 text-sm text-ink-soft sm:grid-cols-4">
+          <li className="rounded-xl border border-stroke bg-white/70 p-4">
+            <p className="font-semibold text-ink">1) Sign in (view-only)</p>
+            <p className="mt-1">
+              Use your primary address + secret view key to retrieve an API key.
+            </p>
+          </li>
+          <li className="rounded-xl border border-stroke bg-white/70 p-4">
+            <p className="font-semibold text-ink">2) Create an invoice</p>
+            <p className="mt-1">
+              Call <span className="font-mono text-ink">POST /api/core/invoices</span> and
+              redirect the customer to the hosted invoice URL.
+            </p>
+          </li>
+          <li className="rounded-xl border border-stroke bg-white/70 p-4">
+            <p className="font-semibold text-ink">3) Optional: configure webhooks</p>
+            <p className="mt-1">
+              Subscribe to <span className="font-mono text-ink">invoice.confirmed</span> to
+              get status events pushed to your system.
+            </p>
+          </li>
+          <li className="rounded-xl border border-stroke bg-white/70 p-4">
+            <p className="font-semibold text-ink">4) Confirm and fulfill</p>
+            <p className="mt-1">
+              Wait for <span className="font-mono text-ink">invoice.confirmed</span> (webhook
+              or polling). You can also check the public status endpoint, then mark your
+              order paid.
+            </p>
+          </li>
+        </ol>
+        <div className="mt-4 flex flex-wrap items-center gap-3">
+          <Link
+            className="inline-flex items-center justify-center rounded-full border border-stroke bg-white/50 px-4 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-ink transition hover:-translate-y-0.5"
+            href="/docs/integrations"
+          >
+            See recipes
+          </Link>
+          <a
+            className="inline-flex items-center justify-center rounded-full border border-stroke bg-white/50 px-4 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-ink transition hover:-translate-y-0.5"
+            href={`${normalizedSiteUrl}/openapi.json`}
+            rel="noreferrer"
+            target="_blank"
+          >
+            OpenAPI JSON
+          </a>
+        </div>
+      </section>
+
+      <section className="mt-10 rounded-2xl border border-stroke bg-white/60 p-6 shadow-soft backdrop-blur">
+        <h2 className="font-serif text-2xl">Fiat inputs (optional)</h2>
+        <p className="mt-2 text-ink-soft">
+          You can request an invoice using a fiat amount. The backend converts the
+          value to WOW using the current rate and returns a non-binding quote in the
+          response. The invoice is always stored in WOW.
+        </p>
+        <pre className="mt-4 overflow-x-auto rounded-2xl border border-stroke bg-ink px-6 py-5 text-xs leading-relaxed text-cream shadow-soft">
+          <code>{`POST /api/core/invoices
+Authorization: ApiKey <api_key>
+Content-Type: application/json
+
+{
+  "amount_fiat": "100.00",
+  "currency": "USD",
+  "confirmation_target": 2,
+  "checkout_continue_url": "https://merchant.example/thanks",
+  "metadata": { "order_id": "ORDER-1234" }
+}`}</code>
+        </pre>
+      </section>
+
+      <section className="mt-10 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
+        <div className="rounded-xl border border-stroke bg-white/60 p-6 shadow-soft backdrop-blur">
+          <h3 className="mb-2 font-serif text-xl">Core principles</h3>
+          <p className="text-ink-soft">
+            All behavior is constrained by non-custodial rules.
+          </p>
+          <ul className="mt-3 list-disc space-y-2 pl-5 text-ink-soft">
+            <li>Merchants retain wallet access (your keys, your funds)</li>
+            <li>View-only access maximum</li>
+            <li>No fiat rails or execution of financial actions</li>
+          </ul>
+        </div>
+        <div className="rounded-xl border border-stroke bg-white/60 p-6 shadow-soft backdrop-blur">
+          <h3 className="mb-2 font-serif text-xl">Subaddress-only invoices</h3>
+
+          <p className="text-ink-soft">
+            Every invoice uses a subaddress derived from your primary address for
+            clearer reconciliation.
+          </p>
+          <ul className="mt-3 list-disc space-y-2 pl-5 text-ink-soft">
+            <li>Subaddress index shown on each invoice</li>
+            <li>Wallet lookahead controls discovery</li>
+            <li>Subaddresses cycle through indices 1 to 100</li>
+            <li>Wallets may require adding the index to view funds</li>
+          </ul>
+        </div>
+        <div className="rounded-xl border border-stroke bg-white/60 p-6 shadow-soft backdrop-blur">
+          <h3 className="mb-2 font-serif text-xl">Invoice lifecycle</h3>
+          <p className="text-ink-soft">
+            Clear state transitions without hidden automation.
+          </p>
+          <ul className="mt-3 list-disc space-y-2 pl-5 text-ink-soft">
+            <li>Pending → Payment detected → Confirmed</li>
+            <li>Pending → Expired</li>
+            <li>Pending → Invalid (manual)</li>
+          </ul>
+        </div>
+      </section>
+
+      <section className="mt-6 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
+        <div className="rounded-xl border border-stroke bg-white/60 p-6 shadow-soft backdrop-blur">
+          <h3 className="mb-2 font-serif text-xl">Authentication</h3>
+          <p className="text-ink-soft">
+            Two auth modes keep integrations explicit and observable.
+          </p>
+          <ul className="mt-3 list-disc space-y-2 pl-5 text-ink-soft">
+            <li>API key for authenticated endpoints</li>
+            <li>Primary address + secret view key to retrieve API credentials</li>
+            <li>Headers: Authorization: ApiKey &lt;api_key&gt;</li>
+            <li>BTCPay compatibility: Authorization: token &lt;api_key&gt;</li>
+          </ul>
+        </div>
+        <div className="rounded-xl border border-stroke bg-white/60 p-6 shadow-soft backdrop-blur">
+          <h3 className="mb-2 font-serif text-xl">Webhook events</h3>
+          <p className="text-ink-soft">Observable events for merchant systems.</p>
+          <ul className="mt-3 list-disc space-y-2 pl-5 text-ink-soft">
+            <li>invoice.created</li>
+            <li>invoice.payment_detected</li>
+            <li>invoice.confirmed</li>
+            <li>invoice.expired</li>
+            <li>Deliveries include the X-Webhook-Secret header</li>
+            <li>Webhooks are optional; poll /api/core/public/invoice/&lt;invoice_id&gt; without auth</li>
+          </ul>
+        </div>
+        <div className="rounded-xl border border-stroke bg-white/60 p-6 shadow-soft backdrop-blur">
+          <h3 className="mb-2 font-serif text-xl">Base URL</h3>
+          <p className="text-ink-soft">
+            The API can be reached from:
+          </p>
+          <ul className="mt-3 list-disc space-y-2 pl-5 text-ink-soft">
+            <li>{normalizedSiteUrl}/api/core</li>
+          </ul>
+        </div>
+      </section>
+
+      <section className="mt-6 grid gap-6 sm:grid-cols-2">
+        <div className="rounded-xl border border-stroke bg-white/60 p-6 shadow-soft backdrop-blur">
+          <h3 className="mb-2 font-serif text-xl">BTCPay compatibility (WooCommerce)</h3>
+          <p className="text-ink-soft">
+            A Greenfield-compatible subset keeps the official WooCommerce plugin working
+            without custodial behavior.
+          </p>
+          <ul className="mt-3 list-disc space-y-2 pl-5 text-ink-soft">
+            <li>
+              Base URL uses <span className="font-mono text-ink">/api/v1</span>
+            </li>
+            <li>Supported endpoints: stores, invoices, payment methods, webhooks</li>
+            <li>Invoices are defined in WOW; fiat inputs are quote-only metadata</li>
+            <li>Modal checkout is supported; the hosted invoice page is recommended for clarity</li>
+          </ul>
+        </div>
+        <div className="rounded-xl border border-stroke bg-white/60 p-6 shadow-soft backdrop-blur">
+          <h3 className="mb-2 font-serif text-xl">BTCPay webhooks</h3>
+          <p className="text-ink-soft">Deliveries are signed with the BTCPay header format.</p>
+          <ul className="mt-3 list-disc space-y-2 pl-5 text-ink-soft">
+            <li>
+              <span className="font-mono text-ink">BTCPay-Sig: sha256=&lt;hmac&gt;</span>
+            </li>
+            <li>Event names follow BTCPay conventions for compatibility.</li>
+          </ul>
+        </div>
+      </section>
+
+      <section className="mt-12 grid gap-6">
+        <div className="grid max-w-[52rem] gap-2">
+          <h2 className="font-serif text-2xl">API reference</h2>
+          <p className="text-ink-soft">
+            Every endpoint exposed by the API is listed below, grouped by access
+            mode.
+          </p>
+        </div>
+        <div className="grid gap-6 lg:grid-cols-2">
+          {endpointGroups.map((group, index) => {
+            const needsDivider =
+              group.title.startsWith("BTCPay") &&
+              endpointGroups[index - 1] &&
+              !endpointGroups[index - 1].title.startsWith("BTCPay");
+
+            return (
+              <Fragment key={group.title}>
+                {needsDivider ? (
+                  <div className="h-px w-full bg-wownero/70 lg:col-span-2" aria-hidden="true"></div>
+                ) : null}
+                <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft backdrop-blur">
+                  <div className="flex flex-wrap items-center justify-between gap-4">
+                    <div>
+                      <h3 className="font-serif text-xl">{group.title}</h3>
+                      <p className="text-sm font-semibold text-sage">
+                        Auth: {group.auth}
+                      </p>
+                    </div>
+                    <span className="rounded-full bg-ink/10 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink">
+                      {group.items.length} endpoints
+                    </span>
+                  </div>
+                  <div className="mt-5 grid gap-3">
+                    {group.items.map((endpoint) => {
+                      const requirements =
+                        requirementsByEndpoint[`${endpoint.method} ${endpoint.path}`];
+
+                      return (
+                        <div
+                          className="grid gap-4 rounded-xl border border-ink/10 bg-white/60 p-4 sm:grid-cols-[auto_1fr]"
+                          key={`${endpoint.method}-${endpoint.path}`}
+                        >
+                          <span
+                            className={`inline-flex items-center justify-center rounded-lg px-2.5 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] ${
+                              methodStyles[endpoint.method] ?? "bg-ink/10 text-ink-soft"
+                            }`}
+                          >
+                            {endpoint.method}
+                          </span>
+                          <div className="grid gap-2">
+                            <div className="grid gap-1">
+                              <span className="font-mono text-sm text-ink">
+                                {endpoint.path}
+                              </span>
+                              <span className="text-sm text-ink-soft">
+                                {endpoint.description}
+                              </span>
+                            </div>
+                            {requirements ? (
+                              <details className="rounded-lg border border-ink/10 bg-white/70 px-3 py-2 text-sm text-ink-soft">
+                                <summary className="cursor-pointer select-none text-xs font-semibold uppercase tracking-[0.18em] text-sage">
+                                  Requirements
+                                </summary>
+                                <div className="mt-2 grid gap-2">
+                                  <div>
+                                    <span className="font-semibold text-ink">
+                                      Required:
+                                    </span>{" "}
+                                    {requirements.required.length > 0
+                                      ? requirements.required.join(", ")
+                                      : "None"}
+                                  </div>
+                                  {requirements.optional.length > 0 ? (
+                                    <div>
+                                      <span className="font-semibold text-ink">
+                                        Optional:
+                                      </span>{" "}
+                                      {requirements.optional.join(", ")}
+                                    </div>
+                                  ) : null}
+                                  {requirements.notes.length > 0 ? (
+                                    <ul className="list-disc space-y-1 pl-5">
+                                      {requirements.notes.map((note) => (
+                                        <li key={note}>{note}</li>
+                                      ))}
+                                    </ul>
+                                  ) : null}
+                                </div>
+                              </details>
+                            ) : null}
+                          </div>
+                        </div>
+                      );
+                    })}
+                  </div>
+                </div>
+              </Fragment>
+            );
+          })}
+        </div>
+        <div className="flex flex-wrap items-center justify-between gap-3 rounded-2xl border border-stroke bg-white/60 px-5 py-4 text-sm text-ink-soft shadow-soft backdrop-blur">
+          <span>Need the machine-readable schema?</span>
+          <a
+            className="inline-flex items-center justify-center rounded-full border border-stroke bg-white/50 px-4 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-ink transition hover:-translate-y-0.5"
+            href={`${normalizedSiteUrl}/openapi.json`}
+            rel="noreferrer"
+            target="_blank"
+          >
+            OpenAPI JSON
+          </a>
+        </div>
+      </section>
+
+    </main>
+  );
+}
diff --git a/ui/app/(marketing)/donate/[invoiceId]/page.tsx b/ui/app/(marketing)/donate/[invoiceId]/page.tsx
new file mode 100644
index 0000000..daa32e6
--- /dev/null
+++ b/ui/app/(marketing)/donate/[invoiceId]/page.tsx
@@ -0,0 +1,331 @@
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";
+
+import InvoicePaymentDetails from "../../../../components/invoice-payment-details";
+import InvoiceStatusAutoRefresh from "../../../../components/invoice-status-auto-refresh";
+import DonationStatusActions from "../../../../components/donation-status-actions";
+import InvoiceStatusLookup from "../../../../components/invoice-status-lookup";
+import { formatRelativeTime } from "../../../../components/relative-time";
+import StatusRefreshButton from "../../../../components/status-refresh-button";
+
+export const dynamic = "force-dynamic";
+export const metadata: Metadata = {
+  title: "Donation Request",
+};
+
+const apiBaseUrl = process.env.API_BASE_URL ?? "http://localhost:8000";
+
+type InvoiceStatus =
+  | "pending"
+  | "payment_detected"
+  | "confirmed"
+  | "expired"
+  | "invalid";
+
+type InvoiceStatusResponse = {
+  id: string;
+  address: string;
+  subaddress_index: number | null;
+  amount_xmr: string;
+  status: InvoiceStatus;
+  confirmation_target: number;
+  confirmations: number;
+  created_at: string;
+  expires_at: string | null;
+  detected_at: string | null;
+  confirmed_at: string | null;
+};
+
+const formatStatus = (status: InvoiceStatus) => {
+  if (status === "payment_detected") {
+    return "Payment detected";
+  }
+  if (status === "pending") {
+    return "Awaiting funds";
+  }
+  if (status === "confirmed") {
+    return "Confirmed";
+  }
+  if (status === "invalid") {
+    return "Invalid";
+  }
+  return "Expired";
+};
+
+const statusDescription = (
+  status: InvoiceStatus,
+  confirmationTarget: number,
+  confirmations: number
+) => {
+  if (status === "pending") {
+    return "Awaiting on-chain detection of your donation.";
+  }
+  if (status === "payment_detected") {
+    return `Donation detected. ${confirmations}/${confirmationTarget} confirmations.`;
+  }
+  if (status === "confirmed") {
+    return `Donation confirmed on-chain at ${confirmationTarget} confirmations.`;
+  }
+  if (status === "invalid") {
+    return "Donation marked invalid. Do not send a payment.";
+  }
+  return "Donation expired before detection. Start a new donation if needed.";
+};
+
+const formatTimestamp = (value: string | null) => {
+  if (!value) {
+    return { label: "-", relative: null };
+  }
+  return {
+    label: new Date(value).toLocaleString(),
+    relative: formatRelativeTime(value),
+  };
+};
+
+const statusPillStyles: Record<InvoiceStatus, string> = {
+  pending: "bg-amber-100 text-amber-900",
+  payment_detected: "bg-emerald-100 text-emerald-900",
+  confirmed: "bg-ink/20 text-ink",
+  expired: "bg-red-100 text-red-700",
+  invalid: "bg-clay/15 text-clay",
+};
+
+export default async function DonateStatusDetailPage({
+  params,
+}: {
+  params: Promise<{ invoiceId: string }>;
+}) {
+  const donationsEnabled = process.env.NEXT_PUBLIC_DONATIONS_ENABLED === "true";
+  if (!donationsEnabled) {
+    notFound();
+  }
+  const { invoiceId } = await params;
+  const response = await fetch(
+    `${apiBaseUrl}/api/core/public/donation/${encodeURIComponent(invoiceId)}`,
+    { cache: "no-store" }
+  );
+
+  if (response.status === 404) {
+    return (
+      <main className="px-[6vw] pb-20 pt-10 text-ink">
+        <section className="grid gap-8 lg:grid-cols-[1.1fr_0.9fr] lg:items-start">
+          <div className="grid gap-4">
+            <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+              Donation status
+            </p>
+            <h1 className="font-serif text-[clamp(2.2rem,2rem+1.4vw,3.4rem)] leading-[1.1]">
+              Donation invoice not found.
+            </h1>
+            <p className="text-[1.05rem] leading-relaxed text-ink-soft">
+              The donation id does not match a known invoice. Check the id and
+              try again.
+            </p>
+          </div>
+          <div className="rounded-2xl border border-stroke bg-card p-7 shadow-card backdrop-blur">
+            <p className="text-xs font-semibold uppercase tracking-[0.2em] text-clay">
+              Need another lookup?
+            </p>
+            <div className="mt-4">
+              <InvoiceStatusLookup initialValue={invoiceId} compact />
+            </div>
+          </div>
+        </section>
+      </main>
+    );
+  }
+
+  if (!response.ok) {
+    return (
+      <main className="px-[6vw] pb-20 pt-10 text-ink">
+        <section className="grid gap-8 lg:grid-cols-[1.1fr_0.9fr] lg:items-start">
+          <div className="grid gap-4">
+            <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+              Donation status
+            </p>
+            <h1 className="font-serif text-[clamp(2.2rem,2rem+1.4vw,3.4rem)] leading-[1.1]">
+              Status unavailable.
+            </h1>
+            <p className="text-[1.05rem] leading-relaxed text-ink-soft">
+              We could not load this donation status. Refresh the page or try
+              again later.
+            </p>
+          </div>
+          <div className="rounded-2xl border border-stroke bg-card p-7 shadow-card backdrop-blur">
+            <InvoiceStatusLookup initialValue={invoiceId} compact />
+          </div>
+        </section>
+      </main>
+    );
+  }
+
+  const invoice = (await response.json()) as InvoiceStatusResponse;
+  const statusLabel = formatStatus(invoice.status);
+  const confirmations = Math.max(0, invoice.confirmations ?? 0);
+  const confirmationTarget = Math.max(0, invoice.confirmation_target);
+  const isInvalid = invoice.status === "invalid";
+  const hasDetectedPayment =
+    invoice.status === "payment_detected" || invoice.status === "confirmed";
+  const timelineItems: {
+    label: string;
+    timestamp: ReturnType<typeof formatTimestamp>;
+    state: "complete";
+  }[] = [];
+
+  timelineItems.push({
+    label: "Donation created",
+    timestamp: formatTimestamp(invoice.created_at),
+    state: "complete",
+  });
+
+  if (invoice.detected_at) {
+    timelineItems.push({
+      label: "Donation detected",
+      timestamp: formatTimestamp(invoice.detected_at),
+      state: "complete",
+    });
+  }
+
+  if (invoice.confirmed_at) {
+    timelineItems.push({
+      label: "Donation confirmed",
+      timestamp: formatTimestamp(invoice.confirmed_at),
+      state: "complete",
+    });
+  }
+
+  if (invoice.status === "expired") {
+    timelineItems.push({
+      label: "Donation expired",
+      timestamp: formatTimestamp(invoice.expires_at),
+      state: "complete",
+    });
+  }
+
+  const showConfirmedStamp = invoice.status === "confirmed";
+  const createdTimestamp = formatTimestamp(invoice.created_at);
+  const expiresTimestamp = formatTimestamp(invoice.expires_at);
+
+  return (
+    <main className="px-[6vw] pb-20 pt-10 text-ink">
+      <section className="grid gap-8 lg:grid-cols-[1.1fr_0.9fr] lg:items-start">
+        <InvoiceStatusAutoRefresh intervalMs={30000} />
+        <div className="grid gap-4">
+          <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+            Make a donation
+          </p>
+          <h1 className="font-serif text-[clamp(2.2rem,2rem+1.4vw,3.4rem)] leading-[1.1]">
+            Make a donation
+          </h1>
+          <p className="text-[1.05rem] leading-relaxed text-ink-soft">
+            {isInvalid
+              ? "This donation is marked invalid. Do not pay."
+              : "Send the exact amount shown below to donate."}
+          </p>
+          <p className="text-[1.05rem] leading-relaxed text-ink-soft">
+            {statusDescription(invoice.status, confirmationTarget, confirmations)}
+          </p>
+          <details className="rounded-xl border border-stroke bg-white/60 px-4 py-3 text-sm text-ink-soft shadow-soft">
+            <summary className="cursor-pointer select-none text-xs font-semibold uppercase tracking-[0.18em] text-ink">
+              Details
+            </summary>
+            <div className="mt-3 grid gap-2">
+              <p className="font-mono text-xs text-ink">Donation ID: {invoiceId}</p>
+              <p>This status page is public. Anyone with the link can view the current state.</p>
+            </div>
+          </details>
+        </div>
+        <div className="relative overflow-hidden rounded-2xl border border-stroke bg-card p-7 shadow-card backdrop-blur">
+          {showConfirmedStamp ? (
+            <div
+              className="pointer-events-none absolute left-1/2 top-4 z-10 grid h-20 w-20 -translate-x-1/2 -rotate-[12deg] place-items-center rounded-full border-2 border-emerald-700 bg-cream/80 text-center text-[0.55rem] font-bold uppercase tracking-[0.2em] text-emerald-800 shadow-[0_10px_20px_rgba(16,18,23,0.18)]"
+              aria-hidden="true"
+            >
+              <span className="leading-tight">Payment confirmed</span>
+            </div>
+          ) : null}
+          <div className="flex items-center justify-between gap-3">
+            <span className="rounded-full bg-ink/10 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink">
+              Status
+            </span>
+            <div className="flex items-center gap-2">
+              <span
+                className={`rounded-full px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] ${statusPillStyles[invoice.status]}`}
+              >
+                {statusLabel}
+              </span>
+              <StatusRefreshButton label="Refresh" />
+            </div>
+          </div>
+          <div className="mt-6 grid gap-4 sm:grid-cols-3">
+            <div>
+              <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                Confirmations
+              </p>
+              <p className="mt-1 text-lg font-semibold">
+                {confirmations}/{confirmationTarget}
+              </p>
+            </div>
+            <div>
+              <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                Created
+              </p>
+              <p
+                className="mt-1 text-sm font-semibold"
+                title={createdTimestamp.relative ?? undefined}
+              >
+                {createdTimestamp.label}
+              </p>
+            </div>
+            <div>
+              <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                Expires
+              </p>
+              <p
+                className="mt-1 text-sm font-semibold"
+                title={expiresTimestamp.relative ?? undefined}
+              >
+                {expiresTimestamp.label}
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <InvoicePaymentDetails
+        address={invoice.address}
+        amount={invoice.amount_xmr}
+        hasDetectedPayment={hasDetectedPayment}
+        status={invoice.status}
+        confirmationTarget={confirmationTarget}
+      />
+
+      <section className="mt-8 rounded-2xl border border-stroke bg-card p-7 shadow-card backdrop-blur">
+        <h2 className="font-serif text-2xl">Timeline</h2>
+        <ol className="mt-5 grid gap-3">
+          {[...timelineItems].reverse().map((item) => (
+            <li
+              className="flex items-center justify-between gap-6 rounded-xl border border-ink/20 bg-white/70 px-4 py-3"
+              key={item.label}
+            >
+              <div>
+                <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                  {item.label}
+                </p>
+                <p
+                  className="mt-1 text-sm font-semibold"
+                  title={item.timestamp.relative ?? undefined}
+                >
+                  {item.timestamp.label}
+                </p>
+              </div>
+            </li>
+          ))}
+        </ol>
+      </section>
+
+      <section className="mt-6 grid gap-4">
+        <DonationStatusActions />
+      </section>
+    </main>
+  );
+}
diff --git a/ui/app/(marketing)/donate/actions.ts b/ui/app/(marketing)/donate/actions.ts
new file mode 100644
index 0000000..cd17f23
--- /dev/null
+++ b/ui/app/(marketing)/donate/actions.ts
@@ -0,0 +1,38 @@
+"use server";
+
+const apiBaseUrl = process.env.API_BASE_URL ?? "http://localhost:8000";
+
+export type DonationState = {
+  error: string | null;
+  invoiceId: string | null;
+};
+
+export async function createDonationAction(
+  _prevState: DonationState,
+  formData: FormData
+): Promise<DonationState> {
+  const donationsEnabled = process.env.NEXT_PUBLIC_DONATIONS_ENABLED === "true";
+  if (!donationsEnabled) {
+    return { error: "Donations are disabled.", invoiceId: null };
+  }
+  const amount = Number(formData.get("amount_xmr"));
+  if (Number.isNaN(amount) || amount <= 0) {
+    return { error: "Enter a valid WOW amount.", invoiceId: null };
+  }
+
+  const response = await fetch(`${apiBaseUrl}/api/core/donations`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ amount_xmr: amount }),
+    cache: "no-store",
+  });
+
+  if (!response.ok) {
+    const detail = await response.json().catch(() => null);
+    const message = detail?.detail ?? "Unable to create a donation invoice.";
+    return { error: message, invoiceId: null };
+  }
+
+  const data = (await response.json()) as { id: string };
+  return { error: null, invoiceId: data.id };
+}
diff --git a/ui/app/(marketing)/donate/page.tsx b/ui/app/(marketing)/donate/page.tsx
new file mode 100644
index 0000000..1ded5ec
--- /dev/null
+++ b/ui/app/(marketing)/donate/page.tsx
@@ -0,0 +1,14 @@
+import type { Metadata } from "next";
+import { notFound, redirect } from "next/navigation";
+
+export const metadata: Metadata = {
+  title: "Donate",
+};
+
+export default function DonatePage() {
+  const donationsEnabled = process.env.NEXT_PUBLIC_DONATIONS_ENABLED === "true";
+  if (!donationsEnabled) {
+    notFound();
+  }
+  redirect("/?donate=1");
+}
diff --git a/ui/app/(marketing)/faq/page.tsx b/ui/app/(marketing)/faq/page.tsx
new file mode 100644
index 0000000..1506862
--- /dev/null
+++ b/ui/app/(marketing)/faq/page.tsx
@@ -0,0 +1,278 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+
+export const metadata: Metadata = {
+  title: "FAQ",
+  description:
+    "Frequently asked questions about WOW Checkout: non-custodial Wownero invoices with view-only detection.",
+};
+
+const donationsEnabled = process.env.NEXT_PUBLIC_DONATIONS_ENABLED === "true";
+
+type FaqItem = {
+  question: string;
+  answer: React.ReactNode;
+};
+
+function ComparisonYesNo({
+  value,
+  label,
+}: {
+  value: boolean;
+  label: string;
+}) {
+  return (
+    <span className="inline-flex items-center justify-center">
+      <span
+        className={[
+          "inline-flex h-7 w-7 items-center justify-center rounded-full text-sm font-semibold",
+          value ? "bg-sage/15 text-sage" : "bg-ink/10 text-ink-soft",
+        ].join(" ")}
+        aria-label={label}
+        title={label}
+      >
+        {value ? "✓" : "✕"}
+      </span>
+    </span>
+  );
+}
+
+const faqItems: FaqItem[] = [
+	  {
+	    question: "Is WOW Checkout custodial?",
+	    answer: (
+	      <>
+	        <p className="text-ink-soft">
+	          No. Payments go directly from the customer to your Wownero wallet. WOW
+	          Checkout only observes the blockchain to detect payments and update
+	          invoice status.
+	        </p>
+	      </>
+	    ),
+	  },
+  {
+    question: "What wallet access does WOW Checkout require?",
+    answer: (
+      <>
+        <p className="text-ink-soft">
+          The maximum permission we ask for is view-only access: your primary
+          address and your secret view key. We never request spend keys and we
+          never request signing access.
+        </p>
+      </>
+    ),
+  },
+		  {
+		    question: "What does setup require?",
+		    answer: (
+		      <>
+		        <p className="text-ink-soft">
+		          Setup is explicit: provide your primary address and secret
+		          view key, then create invoices via the dashboard or API. We never
+		          request spend keys or signing access.
+		        </p>
+		      </>
+		    ),
+		  },
+  {
+    question: "Do you require email or personal information?",
+    answer: (
+      <>
+        <p className="text-ink-soft">
+          No. We do not require email or personal information. Your primary
+          address is the identifier for access, paired with your secret view key.
+        </p>
+      </>
+    ),
+  },
+	  {
+	    question: "What does WOW Checkout cost?",
+	    answer: (
+	      <>
+	        <p className="text-ink-soft">
+	          Currently, wowcheckout.com does not charge a service fee. You can also self-host the open source
+	          stack if you prefer.
+	        </p>
+	        {donationsEnabled ? (
+	          <p className="text-ink-soft">
+	            If you find WOW Checkout useful, you can support development with{" "}
+	            <Link className="underline underline-offset-4" href="/donate">
+	              donations
+	            </Link>
+	            .
+	          </p>
+	        ) : null}
+	      </>
+	    ),
+	  },
+  {
+    question: "Can WOW Checkout move funds, issue refunds, or reverse payments?",
+    answer: (
+      <>
+        <p className="text-ink-soft">
+          No. WOW Checkout does not sign transactions and cannot move funds on
+          your behalf. It is checkout software: create invoices, detect
+          payments, and relay status via API/webhooks.
+        </p>
+      </>
+    ),
+  },
+  {
+    question: "What happens if WOW Checkout is down when a customer pays?",
+    answer: (
+      <>
+        <p className="text-ink-soft">
+          Your wallet can still receive a valid on-chain payment because the
+          payment is customer → merchant wallet. If the service is unavailable,
+          you may temporarily lose invoice status updates until it comes back
+          online.
+        </p>
+      </>
+    ),
+  },
+	  {
+	    question: "How does WOW Checkout differ from hosted services (e.g. NOWPayments)?",
+	    answer: (
+	      <>
+	        <p className="text-ink-soft">
+	          The main differences are scope, custody model, and data collection: WOW Checkout is Wownero-only,
+	          does not require an account or email, and uses view-only access for payment detection.
+	        </p>
+	        <ul className="mt-4 grid gap-2 text-sm text-ink-soft">
+	          <li>
+	            <span className="font-semibold text-ink">Wownero-only:</span> a focused
+	            product without a multi-asset stack.
+	          </li>
+	          <li>
+	            <span className="font-semibold text-ink">No account/email:</span> your primary address is the identifier.
+	          </li>
+	          <li>
+	            <span className="font-semibold text-ink">No custody:</span> payments
+	            go directly to your wallet.
+	          </li>
+          <li>
+            <span className="font-semibold text-ink">View-only by design:</span>{" "}
+            we never ask for spend keys.
+          </li>
+          <li>
+            <span className="font-semibold text-ink">Clear failure modes:</span>{" "}
+            downtime can delay status updates, but it does not affect on-chain
+            validity of payments.
+          </li>
+	        </ul>
+	        <p className="mt-4 text-ink-soft">
+	          If you use a third-party service, review what keys and data it requires, and whether it ever takes custody
+	          or intermediates funds.
+	        </p>
+	      </>
+	    ),
+	  },
+	  {
+	    question: "How does WOW Checkout differ from BTCPay Server?",
+	    answer: (
+	      <>
+	        <p className="text-ink-soft">
+	          BTCPay Server is a general-purpose, self-hosted payment server with a primary focus on Bitcoin
+	          and optional integrations for other assets (including Wownero via a plugin). WOW Checkout is intentionally
+	          focused on Wownero checkout with a view-only trust boundary and a minimal, deterministic core.
+	        </p>
+	        <p className="text-ink-soft">
+	          Some hosted BTCPay deployments may not include the Wownero plugin by default. WOW Checkout provides a
+	          small compatibility layer so teams can integrate without running a full BTCPay deployment.
+	        </p>
+        <ul className="mt-4 grid gap-2 text-sm text-ink-soft">
+          <li>
+            <span className="font-semibold text-ink">Wownero-first UX:</span>{" "}
+            invoice and confirmation language is tailored to Wownero.
+          </li>
+          <li>
+            <span className="font-semibold text-ink">Fewer moving parts:</span>{" "}
+            a narrow scope keeps operations and audits simpler.
+          </li>
+          <li>
+            <span className="font-semibold text-ink">API/webhooks-first:</span>{" "}
+            designed to fit into existing order systems.
+          </li>
+        </ul>
+      </>
+    ),
+  },
+  {
+    question: "Can I self-host WOW Checkout?",
+    answer: (
+      <>
+        <p className="text-ink-soft">
+          Yes. WOW Checkout is open source, and you can self-host it from the
+          official{" "}
+          <Link
+            className="underline underline-offset-4"
+            href="https://github.com/wowcheckout/wowcheckout"
+          >
+            GitHub repository
+          </Link>
+          .
+        </p>
+        <p className="text-ink-soft">
+          Start with{" "}
+          <Link className="underline underline-offset-4" href="/docs">
+            Documentation
+          </Link>{" "}
+          for setup and integration details.
+        </p>
+      </>
+    ),
+  },
+];
+
+function FaqCard({ item }: { item: FaqItem }) {
+  return (
+    <details className="group rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft backdrop-blur">
+      <summary className="cursor-pointer list-none select-none font-serif text-xl text-ink [&::-webkit-details-marker]:hidden">
+        <span className="inline-flex items-start justify-between gap-4">
+          <span>{item.question}</span>
+          <span className="mt-1 text-sm text-ink-soft transition group-open:rotate-45">
+            +
+          </span>
+        </span>
+      </summary>
+      <div className="mt-4 grid gap-3 text-sm leading-relaxed">{item.answer}</div>
+    </details>
+  );
+}
+
+export default function FaqPage() {
+  return (
+    <main className="text-ink">
+      <section className="px-[6vw] pb-20 pt-10">
+        <div className="grid gap-4">
+	          <p className="text-xs font-semibold uppercase tracking-[0.28em] text-wownero">
+	            FAQ
+	          </p>
+	          <h1 className="font-serif text-3xl">Direct answers.</h1>
+	          <p className="max-w-[46rem] text-[1.02rem] leading-relaxed text-ink-soft">
+	            WOW Checkout is non-custodial checkout software for accepting Wownero
+	            payments. We focus on a conservative trust boundary: view-only
+	            detection and merchant-owned funds.
+	          </p>
+        </div>
+
+        <div className="mt-10 grid gap-4">
+          {faqItems.map((item) => (
+            <FaqCard key={item.question} item={item} />
+          ))}
+        </div>
+
+        <div className="mt-12 rounded-3xl border border-stroke bg-card p-8 shadow-card backdrop-blur">
+          <h2 className="font-serif text-2xl">Still have questions?</h2>
+          <p className="mt-2 text-ink-soft">
+            Start with{" "}
+            <Link className="underline underline-offset-4" href="/docs">
+              Documentation
+            </Link>{" "}
+            for API details and integration guidance.
+          </p>
+        </div>
+      </section>
+    </main>
+  );
+}
diff --git a/ui/app/(marketing)/invoice/[invoiceId]/page.tsx b/ui/app/(marketing)/invoice/[invoiceId]/page.tsx
new file mode 100644
index 0000000..c67cebe
--- /dev/null
+++ b/ui/app/(marketing)/invoice/[invoiceId]/page.tsx
@@ -0,0 +1,345 @@
+import type { Metadata } from "next";
+
+import InvoicePaymentDetails from "../../../../components/invoice-payment-details";
+import InvoiceStatusAutoRefresh from "../../../../components/invoice-status-auto-refresh";
+import InvoiceStatusActions from "../../../../components/invoice-status-actions";
+import InvoiceStatusLookup from "../../../../components/invoice-status-lookup";
+import { formatRelativeTime } from "../../../../components/relative-time";
+import StatusRefreshButton from "../../../../components/status-refresh-button";
+
+export const dynamic = "force-dynamic";
+export const metadata: Metadata = {
+  title: "Payment Request",
+};
+
+const apiBaseUrl = process.env.API_BASE_URL ?? "http://localhost:8000";
+
+type InvoiceStatus =
+  | "pending"
+  | "payment_detected"
+  | "confirmed"
+  | "expired"
+  | "invalid";
+
+type InvoiceStatusResponse = {
+  id: string;
+  address: string;
+  subaddress_index: number | null;
+  amount_xmr: string;
+  status: InvoiceStatus;
+  confirmation_target: number;
+  confirmations: number;
+  checkout_continue_available?: boolean;
+  qr_logo?: "monero" | "none" | "custom" | null;
+  qr_logo_data_url?: string | null;
+  created_at: string;
+  expires_at: string | null;
+  detected_at: string | null;
+  confirmed_at: string | null;
+};
+
+const formatStatus = (status: InvoiceStatus) => {
+  if (status === "payment_detected") {
+    return "Payment detected";
+  }
+  if (status === "pending") {
+    return "Awaiting funds";
+  }
+  if (status === "confirmed") {
+    return "Confirmed";
+  }
+  if (status === "invalid") {
+    return "Invalid";
+  }
+  return "Expired";
+};
+
+const statusDescription = (
+  status: InvoiceStatus,
+  confirmationTarget: number,
+  confirmations: number
+) => {
+  if (status === "pending") {
+    return "Waiting for a payment to be detected on-chain.";
+  }
+  if (status === "payment_detected") {
+    return `Payment detected. ${confirmations}/${confirmationTarget} confirmations.`;
+  }
+  if (status === "confirmed") {
+    return `Payment confirmed on-chain at ${confirmationTarget} confirmations.`;
+  }
+  if (status === "invalid") {
+    return "Invoice marked invalid. Do not send payment.";
+  }
+  return "Invoice expired before detection. Create a new invoice if needed.";
+};
+
+const formatTimestamp = (value: string | null) => {
+  if (!value) {
+    return { label: "-", relative: null };
+  }
+  return {
+    label: new Date(value).toLocaleString(),
+    relative: formatRelativeTime(value),
+  };
+};
+
+const statusPillStyles: Record<InvoiceStatus, string> = {
+  pending: "bg-amber-100 text-amber-900",
+  payment_detected: "bg-emerald-100 text-emerald-900",
+  confirmed: "bg-ink/20 text-ink",
+  expired: "bg-red-100 text-red-700",
+  invalid: "bg-clay/15 text-clay",
+};
+
+export default async function InvoiceStatusDetailPage({
+  params,
+}: {
+  params: Promise<{ invoiceId: string }>;
+}) {
+  const { invoiceId } = await params;
+  const response = await fetch(
+    `${apiBaseUrl}/api/core/public/invoice/${encodeURIComponent(invoiceId)}`,
+    { cache: "no-store" }
+  );
+
+  if (response.status === 404) {
+    return (
+      <main className="px-[6vw] pb-20 pt-10 text-ink">
+        <section className="grid gap-8 lg:grid-cols-[1.1fr_0.9fr] lg:items-start">
+          <div className="grid gap-4">
+            <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+              Invoice status
+            </p>
+            <h1 className="font-serif text-[clamp(2.2rem,2rem+1.4vw,3.4rem)] leading-[1.1]">
+              Invoice not found.
+            </h1>
+            <p className="text-[1.05rem] leading-relaxed text-ink-soft">
+              The invoice id does not match a known invoice. Check the id and
+              try again.
+            </p>
+          </div>
+          <div className="rounded-2xl border border-stroke bg-card p-7 shadow-card backdrop-blur">
+            <p className="text-xs font-semibold uppercase tracking-[0.2em] text-clay">
+              Need another lookup?
+            </p>
+            <div className="mt-4">
+              <InvoiceStatusLookup initialValue={invoiceId} compact />
+            </div>
+          </div>
+        </section>
+      </main>
+    );
+  }
+
+  if (!response.ok) {
+    return (
+      <main className="px-[6vw] pb-20 pt-10 text-ink">
+        <section className="grid gap-8 lg:grid-cols-[1.1fr_0.9fr] lg:items-start">
+          <div className="grid gap-4">
+            <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+              Invoice status
+            </p>
+            <h1 className="font-serif text-[clamp(2.2rem,2rem+1.4vw,3.4rem)] leading-[1.1]">
+              Status unavailable.
+            </h1>
+            <p className="text-[1.05rem] leading-relaxed text-ink-soft">
+              We could not load this invoice status. Refresh the page or try
+              again later.
+            </p>
+          </div>
+          <div className="rounded-2xl border border-stroke bg-card p-7 shadow-card backdrop-blur">
+            <InvoiceStatusLookup initialValue={invoiceId} compact />
+          </div>
+        </section>
+      </main>
+    );
+  }
+
+  const invoice = (await response.json()) as InvoiceStatusResponse;
+  const statusLabel = formatStatus(invoice.status);
+  const confirmations = Math.max(0, invoice.confirmations ?? 0);
+  const confirmationTarget = Math.max(0, invoice.confirmation_target);
+  const isInvalid = invoice.status === "invalid";
+  const hasDetectedPayment =
+    invoice.status === "payment_detected" || invoice.status === "confirmed";
+  const checkoutContinueAvailable =
+    invoice.status === "confirmed" && Boolean(invoice.checkout_continue_available);
+  const timelineItems: {
+    label: string;
+    timestamp: ReturnType<typeof formatTimestamp>;
+    state: "complete";
+  }[] = [];
+
+  timelineItems.push({
+    label: "Invoice created",
+    timestamp: formatTimestamp(invoice.created_at),
+    state: "complete",
+  });
+
+  if (invoice.detected_at) {
+    timelineItems.push({
+      label: "Payment detected",
+      timestamp: formatTimestamp(invoice.detected_at),
+      state: "complete",
+    });
+  }
+
+  if (invoice.confirmed_at) {
+    timelineItems.push({
+      label: "Payment confirmed",
+      timestamp: formatTimestamp(invoice.confirmed_at),
+      state: "complete",
+    });
+  }
+
+  if (invoice.status === "expired") {
+    timelineItems.push({
+      label: "Invoice expired",
+      timestamp: formatTimestamp(invoice.expires_at),
+      state: "complete",
+    });
+  }
+
+  const showConfirmedStamp = invoice.status === "confirmed";
+  const createdTimestamp = formatTimestamp(invoice.created_at);
+  const expiresTimestamp = formatTimestamp(invoice.expires_at);
+
+  return (
+    <main className="px-[6vw] pb-20 pt-10 text-ink">
+      <section className="grid gap-8 lg:grid-cols-[1.1fr_0.9fr] lg:items-start">
+        <InvoiceStatusAutoRefresh intervalMs={30000} />
+        <div className="grid gap-4">
+          <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+            Payment request
+          </p>
+          <h1 className="font-serif text-[clamp(2.2rem,2rem+1.4vw,3.4rem)] leading-[1.1]">
+            Payment request
+          </h1>
+          <p className="text-[1.05rem] leading-relaxed text-ink-soft">
+            {isInvalid
+              ? "This invoice is marked invalid. Do not pay."
+              : "Send the exact amount shown below to pay this invoice."}
+          </p>
+          <p className="text-[1.05rem] leading-relaxed text-ink-soft">
+            {statusDescription(invoice.status, confirmationTarget, confirmations)}
+          </p>
+          <details className="rounded-xl border border-stroke bg-white/60 px-4 py-3 text-sm text-ink-soft shadow-soft">
+            <summary className="cursor-pointer select-none text-xs font-semibold uppercase tracking-[0.18em] text-ink">
+              Details
+            </summary>
+            <div className="mt-3 grid gap-2">
+              <p className="font-mono text-xs text-ink">Invoice ID: {invoiceId}</p>
+              <p>
+                This status page is public. Anyone with the link can view the current
+                invoice state.
+              </p>
+            </div>
+          </details>
+        </div>
+        <div className="relative overflow-hidden rounded-2xl border border-stroke bg-card p-7 shadow-card backdrop-blur">
+          {showConfirmedStamp ? (
+            <div
+              className="pointer-events-none absolute left-1/2 top-4 z-10 grid h-20 w-20 -translate-x-1/2 -rotate-[12deg] place-items-center rounded-full border-2 border-emerald-700 bg-cream/80 text-center text-[0.55rem] font-bold uppercase tracking-[0.2em] text-emerald-800 shadow-[0_10px_20px_rgba(16,18,23,0.18)]"
+              aria-hidden="true"
+            >
+              <span className="leading-tight">Payment confirmed</span>
+            </div>
+          ) : null}
+          <div className="flex items-center justify-between gap-3">
+            <span className="rounded-full bg-ink/10 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink">
+              Status
+            </span>
+            <div className="flex items-center gap-2">
+              <span
+                className={`rounded-full px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] ${statusPillStyles[invoice.status]}`}
+              >
+                {statusLabel}
+              </span>
+              <StatusRefreshButton label="Refresh" />
+            </div>
+          </div>
+          <div className="mt-6 grid gap-4 sm:grid-cols-3">
+            <div>
+              <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                Confirmations
+              </p>
+              <p className="mt-1 text-lg font-semibold">
+                {confirmations}/{confirmationTarget}
+              </p>
+            </div>
+            <div>
+              <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                Created
+              </p>
+              <p
+                className="mt-1 text-sm font-semibold"
+                title={createdTimestamp.relative ?? undefined}
+              >
+                {createdTimestamp.label}
+              </p>
+            </div>
+            <div>
+              <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                Expires
+              </p>
+              <p
+                className="mt-1 text-sm font-semibold"
+                title={expiresTimestamp.relative ?? undefined}
+              >
+                {expiresTimestamp.label}
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <InvoicePaymentDetails
+        address={invoice.address}
+        amount={invoice.amount_xmr}
+        hasDetectedPayment={hasDetectedPayment}
+        status={invoice.status}
+        confirmationTarget={confirmationTarget}
+        qrLogoMode={invoice.qr_logo ?? "monero"}
+        qrLogoDataUrl={invoice.qr_logo_data_url ?? null}
+      />
+
+      <section className="mt-8 rounded-2xl border border-stroke bg-card p-7 shadow-card backdrop-blur">
+        <h2 className="font-serif text-2xl">Timeline</h2>
+        <ol className="mt-5 grid gap-3">
+          {[...timelineItems].reverse().map((item) => (
+            <li
+              className="flex items-center justify-between gap-6 rounded-xl border border-ink/20 bg-white/70 px-4 py-3"
+              key={item.label}
+            >
+              <div>
+                <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                  {item.label}
+                </p>
+                <p
+                  className="mt-1 text-sm font-semibold"
+                  title={item.timestamp.relative ?? undefined}
+                >
+                  {item.timestamp.label}
+                </p>
+              </div>
+            </li>
+          ))}
+        </ol>
+      </section>
+
+      <section className="mt-6 grid gap-4">
+        {checkoutContinueAvailable ? (
+          <a
+            className="inline-flex w-fit items-center justify-center rounded-full bg-ink px-5 py-2.5 text-sm font-semibold text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5"
+            href={`/api/core/public/invoice/${encodeURIComponent(invoiceId)}/continue`}
+            rel="noreferrer"
+          >
+            Continue to merchant
+          </a>
+        ) : null}
+        <InvoiceStatusActions />
+      </section>
+    </main>
+  );
+}
diff --git a/ui/app/(marketing)/invoice/page.tsx b/ui/app/(marketing)/invoice/page.tsx
new file mode 100644
index 0000000..1e75423
--- /dev/null
+++ b/ui/app/(marketing)/invoice/page.tsx
@@ -0,0 +1,67 @@
+import type { Metadata } from "next";
+
+import InvoiceStatusLookup from "../../../components/invoice-status-lookup";
+
+export const metadata: Metadata = {
+  title: "Invoice Status",
+};
+
+export default function InvoiceStatusPage() {
+  return (
+    <main className="px-[6vw] pb-20 pt-10 text-ink">
+      <section className="grid gap-8 lg:grid-cols-[1.1fr_0.9fr] lg:items-start">
+        <div className="grid gap-6">
+          <div className="grid gap-4">
+            <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+              Invoice status
+            </p>
+            <h1 className="font-serif text-[clamp(2.2rem,2rem+1.4vw,3.4rem)] leading-[1.1]">
+              Check a Wownero invoice status.
+            </h1>
+            <p className="text-[1.05rem] leading-relaxed text-ink-soft">
+              Paste the invoice id to see detection and confirmation state.
+            </p>
+          </div>
+          <div className="rounded-2xl border border-stroke bg-card p-7 shadow-card backdrop-blur">
+            <InvoiceStatusLookup />
+          </div>
+        </div>
+        <div className="grid gap-6">
+          <div className="rounded-2xl border border-stroke bg-card p-7 shadow-card backdrop-blur">
+            <p className="text-xs font-semibold uppercase tracking-[0.2em] text-clay">
+              View-only detection
+            </p>
+            <h2 className="mt-2 font-serif text-2xl">No sign-in required.</h2>
+            <p className="mt-2 text-ink-soft">
+              Anyone with the invoice id can view its status. Share this page with
+              customers who need a quick update.
+            </p>
+          </div>
+          <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft backdrop-blur">
+            <p className="text-xs font-semibold uppercase tracking-[0.2em] text-clay">
+              Example status
+            </p>
+            <h2 className="mt-2 font-serif text-2xl">What you will see.</h2>
+            <div className="mt-4 grid gap-3 text-sm text-ink-soft">
+              <div className="flex items-center gap-3">
+                <span className="timeline-dot is-active h-2.5 w-2.5 rounded-full bg-wownero"></span>
+                <span className="font-semibold text-ink">Detected</span>
+                <span>Seen on the network</span>
+              </div>
+              <div className="flex items-center gap-3">
+                <span className="h-2.5 w-2.5 rounded-full bg-wownero/60"></span>
+                <span className="font-semibold text-ink">Confirming</span>
+                <span>Waiting on confirmations</span>
+              </div>
+              <div className="flex items-center gap-3">
+                <span className="h-2.5 w-2.5 rounded-full bg-ink/20"></span>
+                <span className="font-semibold text-ink">Confirmed</span>
+                <span>Target reached</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+  );
+}
diff --git a/ui/app/(marketing)/layout.tsx b/ui/app/(marketing)/layout.tsx
new file mode 100644
index 0000000..056dc6f
--- /dev/null
+++ b/ui/app/(marketing)/layout.tsx
@@ -0,0 +1,89 @@
+import Image from "next/image";
+import Link from "next/link";
+import { Suspense } from "react";
+import { cookies } from "next/headers";
+
+import "./marketing.css";
+import DonateModal from "../../components/donate-modal";
+import LoginModal, { LoginTrigger } from "../../components/login-modal";
+import NavLink from "../../components/nav-link";
+import { logoutAction } from "../(app)/dashboard/actions";
+
+export default async function MarketingLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const cookieStore = await cookies();
+  const apiKey = cookieStore.get("wowcheckout_api_key")?.value;
+  const isAuthenticated = Boolean(apiKey);
+
+  return (
+    <div>
+      <div className="ambient">
+        <span className="orb orb-a"></span>
+        <span className="orb orb-b"></span>
+        <span className="ambient-grid"></span>
+      </div>
+
+      <header className="site-header">
+        <div className="brand">
+          <Link href="/" aria-label="WOW Checkout home">
+            <Image
+              className="brand-logo"
+              src="/logo.png"
+              alt="WOW Checkout logo"
+              width={128}
+              height={128}
+              priority
+            />
+          </Link>
+          <Link className="name" href="/">
+            WOW Checkout
+          </Link>
+        </div>
+        <nav className="nav">
+          <NavLink href="/invoice">Check Invoice</NavLink>
+          <NavLink href="/tour">Tour</NavLink>
+          <NavLink href="/docs">Documentation</NavLink>
+          <NavLink href="/faq">FAQ</NavLink>
+          {isAuthenticated ? (
+            <>
+              <NavLink href="/dashboard">Dashboard</NavLink>
+              <form action={logoutAction}>
+                <button type="submit">Log out</button>
+              </form>
+            </>
+          ) : (
+            <LoginTrigger className="nav-primary">Log in</LoginTrigger>
+          )}
+        </nav>
+      </header>
+
+      {children}
+
+      <Suspense fallback={null}>
+        <LoginModal />
+      </Suspense>
+
+      <footer className="site-footer">
+        <div className="site-footer-copy">
+          <p>
+            wowcheckout.com - Non-custodial Wownero checkout software. Open source. Self-hostable.
+          </p>
+          <p>
+            <Link
+              className="underline underline-offset-4"
+              href="https://github.com/wowcheckout/wowcheckout"
+            >
+              GitHub
+            </Link>
+          </p>
+        </div>
+        <Suspense fallback={null}>
+          <DonateModal />
+        </Suspense>
+      </footer>
+    </div>
+  );
+}
diff --git a/ui/app/(marketing)/marketing.css b/ui/app/(marketing)/marketing.css
new file mode 100644
index 0000000..92ee21b
--- /dev/null
+++ b/ui/app/(marketing)/marketing.css
@@ -0,0 +1,1116 @@
+:root {
+  --ink: #101217;
+  --ink-soft: #1f2430;
+  --cream: #f8f2e9;
+  --sand: #f1e5d2;
+  --clay: #c0733f;
+  --wownero: #f26822;
+  --sage: #5d7a6a;
+  --fog: rgba(16, 18, 23, 0.08);
+  --card: rgba(248, 242, 233, 0.88);
+  --stroke: rgba(16, 18, 23, 0.18);
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: var(--font-sans, "Space Grotesk", "Helvetica Neue", Arial, sans-serif);
+  color: var(--ink);
+  background: var(--cream);
+  min-height: 100vh;
+  overflow-x: hidden;
+}
+
+h1,
+h2,
+h3 {
+  font-family: var(--font-serif, "Crimson Pro", "Georgia", serif);
+  margin: 0 0 0.6rem;
+}
+
+p {
+  margin: 0;
+  line-height: 1.6;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.ambient {
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: -1;
+}
+
+.ambient::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='paper'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/></filter><rect width='140' height='140' filter='url(%23paper)' opacity='0.45'/></svg>");
+  opacity: 0.08;
+  mix-blend-mode: multiply;
+}
+
+.ambient::after {
+  content: "";
+  position: absolute;
+  inset: -10%;
+  background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.7), transparent 55%),
+    radial-gradient(circle at 50% 100%, rgba(16, 18, 23, 0.12), transparent 70%);
+  opacity: 0.75;
+}
+
+.orb {
+  display: none;
+}
+
+.orb-a {
+  display: none;
+}
+
+.orb-b {
+  display: none;
+}
+
+.ambient-grid {
+  display: none;
+}
+
+.timeline-dot {
+  position: relative;
+}
+
+.timeline-rail {
+  position: absolute;
+  left: 9px;
+  top: 0.4rem;
+  bottom: 0.4rem;
+  width: 1px;
+  background: linear-gradient(
+    to bottom,
+    rgba(242, 104, 34, 0.05),
+    rgba(242, 104, 34, 0.45),
+    rgba(93, 122, 106, 0.25),
+    rgba(16, 18, 23, 0.12)
+  );
+  border-radius: 999px;
+}
+
+.timeline-scan {
+  position: absolute;
+  left: 7px;
+  top: 0.4rem;
+  width: 5px;
+  height: 2.2rem;
+  border-radius: 999px;
+  background: linear-gradient(
+    to bottom,
+    rgba(242, 104, 34, 0.0),
+    rgba(242, 104, 34, 0.55),
+    rgba(242, 104, 34, 0.0)
+  );
+  box-shadow: 0 0 12px rgba(242, 104, 34, 0.35);
+  animation: scan-rail 4.6s ease-in-out infinite;
+}
+
+.timeline-dot.is-active {
+  animation: pulse-soft 2.6s ease-in-out infinite;
+}
+
+.timeline-dot.is-active::after {
+  content: "";
+  position: absolute;
+  inset: -6px;
+  border-radius: 999px;
+  border: 1px solid rgba(242, 104, 34, 0.35);
+  opacity: 0.6;
+}
+
+@keyframes pulse-soft {
+  0%,
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(1.12);
+    opacity: 0.7;
+  }
+}
+
+@keyframes scan-rail {
+  0% {
+    top: 0.4rem;
+    opacity: 0;
+  }
+  15% {
+    opacity: 0.75;
+  }
+  85% {
+    opacity: 0.65;
+  }
+  100% {
+    top: calc(100% - 2.6rem);
+    opacity: 0;
+  }
+}
+
+.site-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 2.4rem 6vw 1.2rem;
+}
+
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 0.7rem;
+  font-weight: 600;
+}
+
+.brand-logo {
+  width: clamp(5.2rem, 4.5vw + 3rem, 7.5rem);
+  height: clamp(5.2rem, 4.5vw + 3rem, 7.5rem);
+  border-radius: 0;
+  border: none;
+  background: transparent;
+  box-shadow: none;
+  object-fit: contain;
+}
+
+.mark {
+  display: inline-flex;
+  padding: 0.35rem 0.55rem;
+  border-radius: 0.5rem;
+  background: var(--ink);
+  color: var(--cream);
+  letter-spacing: 0.08em;
+  font-size: 0.75rem;
+}
+
+.name {
+  position: relative;
+  display: inline-block;
+  font-family: "Crimson Pro", "Georgia", serif;
+  font-size: 1.25rem;
+  line-height: 1.1;
+  letter-spacing: 0.05em;
+  color: var(--ink);
+  text-transform: none;
+}
+
+.name::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -0.3rem;
+  height: 0.2rem;
+  border-radius: 999px;
+  background: linear-gradient(90deg, var(--clay), var(--sage));
+  opacity: 0.45;
+}
+
+.nav {
+  display: flex;
+  gap: 1.6rem;
+  font-size: 0.95rem;
+  align-items: center;
+}
+
+.nav a,
+.nav button {
+  opacity: 0.75;
+  transition: opacity 0.2s ease;
+}
+
+.nav button {
+  background: none;
+  border: 0;
+  padding: 0;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+
+.nav .nav-primary {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.5rem 1.1rem;
+  border-radius: 999px;
+  background: var(--ink);
+  color: var(--cream);
+  font-weight: 600;
+  box-shadow: 0 12px 24px rgba(16, 18, 23, 0.18);
+  opacity: 1;
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.nav .nav-primary:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 16px 30px rgba(16, 18, 23, 0.2);
+}
+
+.nav a:hover,
+.nav button:hover {
+  opacity: 1;
+}
+
+.nav a[aria-current="page"] {
+  opacity: 1;
+  font-weight: 600;
+  position: relative;
+}
+
+.nav a[aria-current="page"]::after {
+  content: "";
+  position: absolute;
+  left: -0.15rem;
+  right: -0.15rem;
+  bottom: -0.35rem;
+  height: 0.2rem;
+  border-radius: 999px;
+  background: linear-gradient(90deg, var(--clay), var(--sage));
+  opacity: 0.65;
+}
+
+.hero {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: 3rem;
+  padding: 3rem 6vw 4rem;
+  align-items: center;
+}
+
+.hero-copy {
+  display: grid;
+  gap: 1.6rem;
+  animation: rise 0.9s ease both;
+}
+
+.eyebrow {
+  text-transform: uppercase;
+  letter-spacing: 0.28em;
+  font-size: 0.72rem;
+  font-weight: 600;
+  color: var(--clay);
+}
+
+.hero h1 {
+  font-size: clamp(2.4rem, 2.2rem + 2vw, 4.1rem);
+}
+
+.lead {
+  font-size: 1.05rem;
+  color: var(--ink-soft);
+  max-width: 34rem;
+}
+
+.hero-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  margin-top: 0.3rem;
+}
+
+.btn {
+  padding: 0.9rem 1.6rem;
+  border-radius: 999px;
+  font-weight: 600;
+  border: 1px solid transparent;
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.btn.primary {
+  background: var(--ink);
+  color: var(--cream);
+  box-shadow: 0 16px 30px rgba(16, 18, 23, 0.18);
+}
+
+.btn.ghost {
+  border-color: var(--stroke);
+  background: rgba(255, 255, 255, 0.4);
+}
+
+.btn:hover {
+  transform: translateY(-2px);
+}
+
+.hero-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1.4rem;
+  font-size: 0.9rem;
+  color: var(--ink-soft);
+}
+
+.hero-card {
+  background: var(--card);
+  border: 1px solid var(--stroke);
+  border-radius: 1.6rem;
+  padding: 1.8rem;
+  box-shadow: 0 24px 50px rgba(16, 18, 23, 0.12);
+  backdrop-filter: blur(8px);
+  animation: rise 1s ease both;
+  animation-delay: 0.15s;
+}
+
+.card-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.chip {
+  background: rgba(16, 18, 23, 0.08);
+  padding: 0.35rem 0.75rem;
+  border-radius: 999px;
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.status {
+  font-weight: 600;
+  color: var(--sage);
+}
+
+.card-body {
+  margin-top: 1.6rem;
+  display: grid;
+  gap: 0.8rem;
+}
+
+.card-amount {
+  font-size: 2rem;
+  font-weight: 600;
+}
+
+.card-label {
+  text-transform: uppercase;
+  letter-spacing: 0.2em;
+  font-size: 0.65rem;
+  color: var(--ink-soft);
+}
+
+.confirmations {
+  display: flex;
+  gap: 0.35rem;
+}
+
+.dot {
+  width: 12px;
+  height: 12px;
+  border-radius: 999px;
+  background: rgba(16, 18, 23, 0.2);
+}
+
+.dot:nth-child(-n + 3) {
+  background: var(--sage);
+}
+
+.card-note {
+  font-size: 0.85rem;
+  color: var(--ink-soft);
+}
+
+.section {
+  padding: 4rem 6vw;
+}
+
+.section-title {
+  display: grid;
+  gap: 0.8rem;
+  margin-bottom: 2.4rem;
+}
+
+.steps,
+.trust-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 1.8rem;
+}
+
+.step,
+.trust-card {
+  padding: 1.6rem;
+  border-radius: 1.2rem;
+  background: rgba(255, 255, 255, 0.55);
+  border: 1px solid var(--stroke);
+  box-shadow: 0 18px 36px rgba(16, 18, 23, 0.08);
+  animation: rise 0.9s ease both;
+}
+
+.step:nth-child(2),
+.trust-card:nth-child(2) {
+  animation-delay: 0.1s;
+}
+
+.step:nth-child(3),
+.trust-card:nth-child(3) {
+  animation-delay: 0.2s;
+}
+
+.cta {
+  padding-bottom: 5.5rem;
+}
+
+.cta-box {
+  padding: 2.6rem;
+  border-radius: 1.8rem;
+  background: var(--ink);
+  color: var(--cream);
+  display: grid;
+  gap: 1.4rem;
+  box-shadow: 0 24px 60px rgba(16, 18, 23, 0.26);
+}
+
+.cta .btn.ghost {
+  border-color: rgba(248, 242, 233, 0.4);
+  color: var(--cream);
+  background: transparent;
+}
+
+.site-footer {
+  padding: 2rem 6vw 3rem;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+  gap: 1rem;
+  font-size: 0.9rem;
+  color: var(--ink-soft);
+}
+
+.site-footer-copy {
+  display: grid;
+  gap: 0.4rem;
+}
+
+.donate-entry {
+  display: flex;
+  align-items: center;
+}
+
+.donate-link {
+  border: none;
+  background: transparent;
+  font: inherit;
+  color: var(--clay);
+  text-transform: uppercase;
+  letter-spacing: 0.18em;
+  font-size: 0.72rem;
+  font-weight: 600;
+  cursor: pointer;
+  padding: 0.3rem 0.4rem;
+}
+
+.donate-link:hover {
+  color: var(--ink);
+}
+
+.donate-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 20;
+  display: grid;
+  place-items: center;
+}
+
+.donate-backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(16, 18, 23, 0.55);
+  backdrop-filter: blur(6px);
+}
+
+.donate-panel {
+  position: relative;
+  background: var(--card);
+  border: 1px solid var(--stroke);
+  border-radius: 1.5rem;
+  padding: 1.8rem;
+  width: min(420px, 92vw);
+  box-shadow: 0 30px 60px rgba(16, 18, 23, 0.2);
+  display: grid;
+  gap: 1rem;
+  animation: rise 0.3s ease both;
+}
+
+.donate-header {
+  display: flex;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.donate-eyebrow {
+  text-transform: uppercase;
+  letter-spacing: 0.28em;
+  font-size: 0.65rem;
+  font-weight: 600;
+  color: var(--clay);
+  margin: 0 0 0.3rem;
+}
+
+.donate-close {
+  border: 1px solid var(--stroke);
+  background: rgba(255, 255, 255, 0.7);
+  color: var(--ink);
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.14em;
+  padding: 0.3rem 0.8rem;
+  border-radius: 999px;
+  cursor: pointer;
+}
+
+.donate-copy {
+  color: var(--ink-soft);
+}
+
+.donate-form {
+  display: grid;
+  gap: 0.8rem;
+}
+
+.donate-form input {
+  padding: 0.85rem 1rem;
+  border-radius: 0.9rem;
+  border: 1px solid var(--stroke);
+  background: rgba(255, 255, 255, 0.7);
+  font-size: 1rem;
+  font-family: inherit;
+}
+
+.donate-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.8rem;
+  flex-wrap: wrap;
+}
+
+.donate-error {
+  color: #9b4a39;
+  font-weight: 600;
+  margin: 0;
+}
+
+.donate-note {
+  font-size: 0.85rem;
+  color: var(--ink-soft);
+}
+
+.docs {
+  padding: 3rem 6vw 5rem;
+  display: grid;
+  gap: 2.4rem;
+}
+
+.docs-header {
+  display: grid;
+  gap: 0.8rem;
+  max-width: 54rem;
+}
+
+.docs-pill-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.6rem;
+  margin-top: 0.6rem;
+}
+
+.docs-pill {
+  padding: 0.35rem 0.8rem;
+  border-radius: 999px;
+  background: rgba(16, 18, 23, 0.08);
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  font-weight: 600;
+  color: var(--ink-soft);
+}
+
+.docs-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  gap: 1.6rem;
+}
+
+.docs-card {
+  padding: 1.6rem;
+  border-radius: 1.1rem;
+  background: rgba(255, 255, 255, 0.6);
+  border: 1px solid var(--stroke);
+  box-shadow: 0 18px 36px rgba(16, 18, 23, 0.08);
+}
+
+.docs-card h3 {
+  margin-bottom: 0.5rem;
+}
+
+.docs-list {
+  display: grid;
+  gap: 0.5rem;
+  padding-left: 1rem;
+  margin: 0.6rem 0 0;
+}
+
+.docs-list li {
+  margin: 0;
+}
+
+.docs-callout {
+  padding: 1.6rem;
+  border-radius: 1.2rem;
+  background: var(--ink);
+  color: var(--cream);
+  display: grid;
+  gap: 0.6rem;
+}
+
+.docs-section {
+  display: grid;
+  gap: 1.6rem;
+}
+
+.docs-section-header {
+  display: grid;
+  gap: 0.6rem;
+  max-width: 52rem;
+}
+
+.endpoint-grid {
+  display: grid;
+  gap: 1.6rem;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+}
+
+.endpoint-card {
+  padding: 1.6rem;
+  border-radius: 1.2rem;
+  background: rgba(255, 255, 255, 0.72);
+  border: 1px solid var(--stroke);
+  box-shadow: 0 18px 36px rgba(16, 18, 23, 0.08);
+  display: grid;
+  gap: 1.2rem;
+}
+
+.endpoint-header {
+  display: flex;
+  justify-content: space-between;
+  gap: 1rem;
+  align-items: center;
+}
+
+.endpoint-list {
+  display: grid;
+  gap: 0.8rem;
+}
+
+.endpoint-row {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 0.9rem;
+  padding: 0.85rem;
+  border-radius: 0.9rem;
+  background: rgba(255, 255, 255, 0.6);
+  border: 1px solid rgba(16, 18, 23, 0.08);
+}
+
+.method {
+  align-self: flex-start;
+  padding: 0.25rem 0.55rem;
+  border-radius: 0.6rem;
+  font-size: 0.7rem;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  font-weight: 700;
+  background: rgba(16, 18, 23, 0.08);
+}
+
+.method-get {
+  color: #125b4e;
+  background: rgba(18, 91, 78, 0.12);
+}
+
+.method-post {
+  color: #7b4a12;
+  background: rgba(123, 74, 18, 0.16);
+}
+
+.method-delete {
+  color: #8b2320;
+  background: rgba(139, 35, 32, 0.15);
+}
+
+.method-put {
+  color: #1b3e77;
+  background: rgba(27, 62, 119, 0.12);
+}
+
+.endpoint-details {
+  display: grid;
+  gap: 0.35rem;
+}
+
+.endpoint-path {
+  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
+  font-size: 0.9rem;
+  color: var(--ink);
+}
+
+.endpoint-desc {
+  font-size: 0.85rem;
+  color: var(--ink-soft);
+}
+
+.status-shell {
+  padding: 3rem 6vw 4.5rem;
+  display: grid;
+  gap: 2.5rem;
+}
+
+.status-hero {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: 2rem;
+  align-items: start;
+}
+
+.status-copy {
+  display: grid;
+  gap: 0.9rem;
+  animation: rise 0.8s ease both;
+}
+
+.status-card {
+  background: var(--card);
+  border: 1px solid var(--stroke);
+  border-radius: 1.6rem;
+  padding: 1.8rem;
+  box-shadow: 0 24px 50px rgba(16, 18, 23, 0.12);
+  backdrop-filter: blur(8px);
+  animation: rise 0.9s ease both;
+}
+
+.status-card--info {
+  display: grid;
+  gap: 0.8rem;
+}
+
+.status-card--summary {
+  display: grid;
+  gap: 1.4rem;
+  position: relative;
+  overflow: hidden;
+}
+
+.status-card--payment {
+  display: grid;
+  gap: 1.4rem;
+}
+
+.status-stamp {
+  position: absolute;
+  right: -2.6rem;
+  top: 1.2rem;
+  transform: rotate(14deg);
+  text-transform: uppercase;
+  letter-spacing: 0.32em;
+  font-size: 0.75rem;
+  font-weight: 700;
+  padding: 0.45rem 2.6rem;
+  color: #c23838;
+  border: 3px solid #c23838;
+  border-radius: 999px;
+  background: rgba(248, 242, 233, 0.65);
+  box-shadow: 0 10px 20px rgba(16, 18, 23, 0.15), inset 0 0 0 2px rgba(194, 56, 56, 0.18);
+  pointer-events: none;
+}
+
+.status-payment-header {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1.6rem;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.status-qr {
+  width: 220px;
+  height: 220px;
+  border-radius: 1.1rem;
+  border: 1px solid var(--stroke);
+  background: #ffffff;
+  padding: 0.5rem;
+}
+
+.status-qr .qr-image {
+  width: 100%;
+  height: 100%;
+  border-radius: 0.9rem;
+  border: 1px solid rgba(16, 18, 23, 0.12);
+  background: #ffffff;
+}
+
+.status-code {
+  font-family: "SFMono-Regular", "Menlo", "Consolas", monospace;
+  font-size: 0.9rem;
+  background: rgba(16, 18, 23, 0.08);
+  padding: 0.6rem 0.8rem;
+  border-radius: 0.9rem;
+  word-break: break-all;
+  margin: 0;
+}
+
+.status-payment-uri {
+  display: grid;
+  gap: 0.4rem;
+}
+
+.status-kicker {
+  text-transform: uppercase;
+  letter-spacing: 0.18em;
+  font-size: 0.7rem;
+  font-weight: 600;
+  color: var(--clay);
+  margin: 0;
+}
+
+.status-note {
+  color: var(--ink-soft);
+}
+
+.status-id {
+  font-family: "SFMono-Regular", "Menlo", "Consolas", monospace;
+  background: rgba(16, 18, 23, 0.08);
+  padding: 0.6rem 0.8rem;
+  border-radius: 0.9rem;
+  word-break: break-all;
+  margin: 0.4rem 0 0;
+}
+
+.status-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 1rem;
+}
+
+.status-pill {
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  font-size: 0.7rem;
+  font-weight: 600;
+  padding: 0.35rem 0.8rem;
+  border-radius: 999px;
+  background: rgba(16, 18, 23, 0.08);
+}
+
+.status-pill[data-status="pending"] {
+  color: var(--clay);
+}
+
+.status-pill[data-status="payment_detected"] {
+  color: var(--sage);
+}
+
+.status-pill[data-status="confirmed"] {
+  color: var(--ink);
+  background: rgba(16, 18, 23, 0.16);
+}
+
+.status-pill[data-status="expired"] {
+  color: #9b4a39;
+  background: rgba(155, 74, 57, 0.14);
+}
+
+.status-pill[data-status="invalid"] {
+  color: var(--clay);
+  background: rgba(192, 115, 63, 0.14);
+}
+
+.status-metrics,
+.status-grid {
+  display: grid;
+  gap: 1.2rem;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+}
+
+.status-timeline {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  gap: 0.8rem;
+}
+
+.status-timeline li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1.5rem;
+  padding: 0.9rem 1.1rem;
+  border-radius: 1rem;
+  border: 1px solid var(--stroke);
+  background: rgba(255, 255, 255, 0.6);
+}
+
+.status-timeline li[data-state="complete"] {
+  border-color: rgba(16, 18, 23, 0.25);
+}
+
+.status-step {
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  font-size: 0.7rem;
+  font-weight: 600;
+  color: var(--ink-soft);
+}
+
+.status-label {
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  font-size: 0.7rem;
+  font-weight: 600;
+  color: var(--ink-soft);
+  margin: 0 0 0.35rem;
+}
+
+.status-label-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.8rem;
+}
+
+.status-copy {
+  border: 1px solid var(--stroke);
+  background: rgba(255, 255, 255, 0.7);
+  color: var(--ink);
+  font-size: 0.7rem;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  font-weight: 600;
+  padding: 0.25rem 0.6rem;
+  border-radius: 999px;
+  cursor: pointer;
+}
+
+.status-copy:hover {
+  background: rgba(255, 255, 255, 0.95);
+}
+
+.status-value {
+  font-weight: 600;
+  margin: 0;
+}
+
+.status-form {
+  display: grid;
+  gap: 0.8rem;
+}
+
+.status-form.compact {
+  gap: 0.6rem;
+}
+
+.status-input-row {
+  display: flex;
+  gap: 0.8rem;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.status-input-row input {
+  flex: 1;
+  min-width: 220px;
+  padding: 0.85rem 1rem;
+  border-radius: 0.9rem;
+  border: 1px solid var(--stroke);
+  background: rgba(255, 255, 255, 0.7);
+  font-size: 1rem;
+  font-family: inherit;
+}
+
+.status-help {
+  color: var(--ink-soft);
+  font-size: 0.95rem;
+}
+
+.status-error {
+  color: #9b4a39;
+  font-weight: 600;
+  margin: 0;
+}
+
+.status-actions {
+  display: flex;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+
+.status-footer {
+  display: grid;
+  gap: 1rem;
+}
+
+@keyframes float {
+  0%,
+  100% {
+    transform: translate(0, 0);
+  }
+  50% {
+    transform: translate(12px, -18px);
+  }
+}
+
+@keyframes rise {
+  from {
+    opacity: 0;
+    transform: translateY(14px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@media (max-width: 720px) {
+  .site-header {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1rem;
+  }
+
+  .nav {
+    flex-wrap: wrap;
+  }
+
+  .hero {
+    padding-top: 1.5rem;
+  }
+
+  .hero-meta {
+    flex-direction: column;
+  }
+
+  .cta-box {
+    padding: 2rem;
+  }
+
+  .endpoint-row {
+    grid-template-columns: 1fr;
+  }
+}
diff --git a/ui/app/(marketing)/page.tsx b/ui/app/(marketing)/page.tsx
new file mode 100644
index 0000000..e867328
--- /dev/null
+++ b/ui/app/(marketing)/page.tsx
@@ -0,0 +1,294 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+
+import { LoginTrigger } from "../../components/login-modal";
+
+export const metadata: Metadata = {
+  title: "Home",
+};
+
+export default function MarketingHomePage() {
+  return (
+    <main className="text-ink">
+      <section className="relative overflow-hidden px-[6vw] pb-16 pt-10 sm:pb-20">
+        <div className="grid items-center gap-12 lg:grid-cols-[1.1fr_0.9fr]">
+          <div className="grid max-w-[38rem] gap-6 animate-[rise_0.9s_ease_both]">
+            <h1 className="font-serif text-[clamp(2.6rem,2.2rem+2.3vw,4.3rem)] leading-[1.02]">
+              Accept Wownero payments. Funds go straight to your wallet.
+            </h1>
+            <p className="text-[1.08rem] leading-relaxed text-ink-soft">
+              Create invoices and detect on-chain payments using your primary address + secret view key.
+              Get a clear status as payments are seen and confirmed.
+            </p>
+            <ul className="grid gap-3 text-sm text-ink-soft">
+              <li className="flex items-start gap-3">
+                <span className="mt-1.5 h-2 w-2 rounded-full bg-wownero"></span>
+                <span>
+                  View-only access: we can only detect incoming payments.
+                </span>
+              </li>
+              <li className="flex items-start gap-3">
+                <span className="mt-1.5 h-2 w-2 rounded-full bg-wownero"></span>
+                <span>
+                  No account or email: your primary address is the identifier.
+                </span>
+              </li>
+              <li className="flex items-start gap-3">
+                <span className="mt-1.5 h-2 w-2 rounded-full bg-wownero"></span>
+                <span>BTCPay-compatible invoice endpoints for existing integrations.</span>
+              </li>
+            </ul>
+            <div className="grid gap-2">
+              <p className="inline-flex w-fit items-center rounded-full bg-wownero px-4 py-2 text-xs font-semibold uppercase tracking-[0.2em] text-ink shadow-[0_12px_24px_rgba(242,104,34,0.25)]">
+                Non-custodial · view-only access
+              </p>
+              <p className="text-sm text-ink-soft">
+                We can’t spend from your wallet. Payments go straight to your wallet.
+              </p>
+            </div>
+            <p className="text-sm font-semibold text-ink-soft">
+              Open source. Self-hostable.
+            </p>
+            <div className="flex flex-col gap-3 sm:flex-row sm:items-center">
+              <Link
+                className="inline-flex w-full items-center justify-center rounded-full bg-ink px-8 py-4 text-base font-semibold text-cream shadow-[0_18px_34px_rgba(16,18,23,0.2)] transition hover:-translate-y-0.5 sm:w-auto"
+                href="/login"
+              >
+                Log in
+              </Link>
+              <Link
+                className="inline-flex w-full items-center justify-center rounded-full border border-stroke bg-white/60 px-6 py-3 text-sm font-semibold text-ink transition hover:-translate-y-0.5 sm:w-auto"
+                href="/docs"
+              >
+                View documentation
+              </Link>
+              <Link
+                className="inline-flex w-full items-center justify-center rounded-full border border-stroke bg-white/60 px-6 py-3 text-sm font-semibold text-ink transition hover:-translate-y-0.5 sm:w-auto"
+                href="https://github.com/wowcheckout/wowcheckout#self-hosted-deployment-docker-compose"
+                target="_blank"
+                rel="noreferrer"
+              >
+                Self-host
+              </Link>
+            </div>
+            <p className="text-sm text-ink-soft">
+              Prefer to look around first?{" "}
+              <Link className="font-semibold text-ink underline underline-offset-4" href="/tour">
+                Take the tour
+              </Link>{" "}
+              (simulated, no login).
+            </p>
+          </div>
+          <div className="relative grid gap-4">
+            <div className="absolute -left-6 top-4 hidden h-[calc(100%-2rem)] w-px bg-gradient-to-b from-wownero/0 via-wownero/60 to-wownero/0 lg:block"></div>
+            <div className="rounded-3xl border border-stroke bg-card p-7 shadow-card backdrop-blur animate-[rise_1s_ease_both] [animation-delay:150ms]">
+              <div className="flex items-center justify-between">
+                <span className="rounded-full bg-wownero/15 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-wownero">
+                  Detection
+                </span>
+                <span className="text-sm font-semibold text-sage">
+                  View-only
+                </span>
+              </div>
+              <div className="mt-6 grid gap-4">
+                <p className="text-2xl font-semibold">
+                  Detection timeline
+                </p>
+                <div className="relative grid gap-3 pl-6 text-sm text-ink-soft">
+                  <span className="timeline-rail" aria-hidden="true"></span>
+                  <span className="timeline-scan" aria-hidden="true"></span>
+                  <div className="flex items-center gap-3">
+                    <span className="timeline-dot is-active h-2.5 w-2.5 rounded-full bg-wownero"></span>
+                    <span className="font-semibold text-ink">
+                      Detected
+                    </span>
+                    <span className="text-ink-soft">Seen on the network (unconfirmed)</span>
+                  </div>
+                  <div className="flex items-center gap-3">
+                    <span className="h-2.5 w-2.5 rounded-full bg-wownero/60"></span>
+                    <span className="font-semibold text-ink">
+                      Confirming
+                    </span>
+                    <span className="text-ink-soft">
+                      Waiting for confirmations
+                    </span>
+                  </div>
+                  <div className="flex items-center gap-3">
+                    <span className="h-2.5 w-2.5 rounded-full bg-ink/20"></span>
+                    <span className="font-semibold text-ink">
+                      Confirmed
+                    </span>
+                    <span className="text-ink-soft">Target reached</span>
+                  </div>
+                </div>
+                <p className="text-sm text-ink-soft">
+                  First seen on-chain, then confirmed when it reaches your target.
+                </p>
+              </div>
+            </div>
+            <div className="grid grid-cols-2 gap-3 sm:grid-cols-2 sm:gap-4">
+              <div className="rounded-2xl border border-stroke bg-white/70 p-4 shadow-soft backdrop-blur animate-[rise_0.9s_ease_both] [animation-delay:260ms] sm:p-5">
+                <p className="text-[0.7rem] uppercase tracking-[0.18em] text-ink-soft sm:text-[0.75rem]">
+                  View-only
+                </p>
+                <h3 className="mt-2 font-serif text-base sm:text-xl">
+                  Watch-only by design.
+                </h3>
+                <p className="mt-2 text-xs text-ink-soft sm:text-sm">
+                  View key access lets us detect payments - nothing more.
+                </p>
+              </div>
+              <div className="rounded-2xl border border-stroke bg-white/70 p-4 shadow-soft backdrop-blur animate-[rise_0.9s_ease_both] [animation-delay:320ms] sm:p-5">
+                <p className="text-[0.7rem] uppercase tracking-[0.18em] text-ink-soft sm:text-[0.75rem]">
+                  Relay
+                </p>
+                <h3 className="mt-2 font-serif text-base sm:text-xl">
+                  Status updates via API + webhooks.
+                </h3>
+                <p className="mt-2 text-xs text-ink-soft sm:text-sm">
+                  Keep your systems updated without handing over control.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section id="how" className="px-[6vw] py-16">
+        <div className="mb-10 grid gap-3">
+          <p className="text-xs font-semibold uppercase tracking-[0.28em] text-wownero">
+            When someone pays
+          </p>
+          <h2 className="font-serif text-3xl">
+            What happens, step by step.
+          </h2>
+          <p className="text-ink-soft">
+            You stay in control of the wallet. This just detects and reports what is on-chain.
+          </p>
+        </div>
+        <div className="grid gap-7 sm:grid-cols-2 lg:grid-cols-4">
+          <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft backdrop-blur animate-[rise_0.9s_ease_both]">
+            <span className="mb-4 inline-flex h-10 w-10 items-center justify-center rounded-full bg-wownero/15 text-sm font-semibold text-wownero">
+              01
+            </span>
+            <h3 className="mb-2 font-serif text-xl">
+              Connect with a view key
+            </h3>
+            <p className="text-ink-soft">
+              Use your primary address and secret view key. No spend keys.
+            </p>
+          </div>
+          <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft backdrop-blur animate-[rise_0.9s_ease_both] [animation-delay:100ms]">
+            <span className="mb-4 inline-flex h-10 w-10 items-center justify-center rounded-full bg-wownero/15 text-sm font-semibold text-wownero">
+              02
+            </span>
+            <h3 className="mb-2 font-serif text-xl">Create an invoice</h3>
+            <p className="text-ink-soft">
+              A unique subaddress is generated per invoice.
+            </p>
+          </div>
+          <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft backdrop-blur animate-[rise_0.9s_ease_both] [animation-delay:200ms]">
+            <span className="mb-4 inline-flex h-10 w-10 items-center justify-center rounded-full bg-wownero/15 text-sm font-semibold text-wownero">
+              03
+            </span>
+            <h3 className="mb-2 font-serif text-xl">Wait for payment</h3>
+            <p className="text-ink-soft">
+              We watch the chain (view-only) for incoming payments.
+            </p>
+          </div>
+          <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft backdrop-blur animate-[rise_0.9s_ease_both] [animation-delay:300ms]">
+            <span className="mb-4 inline-flex h-10 w-10 items-center justify-center rounded-full bg-wownero/15 text-sm font-semibold text-wownero">
+              04
+            </span>
+            <h3 className="mb-2 font-serif text-xl">Send status updates</h3>
+            <p className="text-ink-soft">
+              Webhooks fire when a payment is detected and when it reaches your confirmation target.
+            </p>
+          </div>
+        </div>
+      </section>
+
+      <section id="trust" className="px-[6vw] py-16">
+        <div className="mb-10 grid gap-3">
+          <p className="text-xs font-semibold uppercase tracking-[0.28em] text-wownero">
+            Trust
+          </p>
+          <h2 className="font-serif text-3xl">
+            What we can (and can’t) do.
+          </h2>
+        </div>
+        <div className="grid gap-7 lg:grid-cols-3">
+          <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft backdrop-blur animate-[rise_0.9s_ease_both] lg:col-span-2">
+            <div className="grid gap-6 sm:grid-cols-2">
+              <div>
+                <h3 className="mb-2 font-serif text-xl">What we do</h3>
+                <ul className="grid gap-2 text-sm text-ink-soft">
+                  <li>Create invoices and generate subaddresses.</li>
+                  <li>Detect on-chain payments with view-only keys.</li>
+                  <li>Send status updates via API and webhooks.</li>
+                </ul>
+              </div>
+              <div>
+                <h3 className="mb-2 font-serif text-xl">What we never do</h3>
+                <ul className="grid gap-2 text-sm text-ink-soft">
+                  <li>Never request spend keys or signing access.</li>
+                  <li>Never move, pool, or intermediate funds.</li>
+                  <li>Never touch bank accounts or fiat rails.</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+          <div className="grid gap-7">
+            <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft backdrop-blur animate-[rise_0.9s_ease_both] [animation-delay:100ms]">
+              <h3 className="mb-2 font-serif text-xl">View-only boundary</h3>
+              <p className="text-ink-soft">
+                We only ask for a secret view key. That lets us detect payments - nothing more.
+              </p>
+            </div>
+            <div className="rounded-2xl border border-stroke bg-white/70 p-6 shadow-soft backdrop-blur animate-[rise_0.9s_ease_both] [animation-delay:200ms]">
+              <h3 className="mb-2 font-serif text-xl">Safe on failure</h3>
+              <p className="text-ink-soft">
+                If the service is unavailable, funds remain safe and payments stay valid on-chain.
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section id="cta" className="px-[6vw] pb-24 pt-10">
+        <div className="relative grid gap-5 overflow-hidden rounded-3xl bg-ink p-10 text-cream shadow-deep">
+          <div className="pointer-events-none absolute inset-0">
+            <div className="absolute -right-10 -top-10 h-48 w-48 rounded-full bg-[radial-gradient(circle,rgba(242,104,34,0.5),transparent_70%)] blur-2xl"></div>
+            <div className="absolute bottom-[-120px] left-[-40px] h-56 w-56 rounded-full bg-[radial-gradient(circle,rgba(93,122,106,0.4),transparent_70%)] blur-2xl"></div>
+          </div>
+          <h2 className="font-serif text-3xl">
+            Ready to try it?
+          </h2>
+          <p className="text-cream/80">
+            Log in to create an invoice, or read the docs to integrate via API and webhooks.
+          </p>
+          <div className="flex flex-wrap gap-3">
+            <LoginTrigger
+              className="inline-flex items-center justify-center rounded-full border border-cream/40 px-6 py-3 text-sm font-semibold text-cream transition hover:-translate-y-0.5"
+            >
+              Log in
+            </LoginTrigger>
+            <Link
+              className="inline-flex items-center justify-center rounded-full border border-cream/40 px-6 py-3 text-sm font-semibold text-cream transition hover:-translate-y-0.5"
+              href="/docs"
+            >
+              Read the docs
+            </Link>
+          </div>
+          <p className="text-sm text-cream/70">
+            Want to preview the dashboard first?{" "}
+            <Link className="font-semibold text-cream underline underline-offset-4" href="/tour">
+              Take the tour
+            </Link>{" "}
+            (simulated).
+          </p>
+        </div>
+      </section>
+    </main>
+  );
+}
diff --git a/ui/app/(marketing)/tour/page.tsx b/ui/app/(marketing)/tour/page.tsx
new file mode 100644
index 0000000..c86706c
--- /dev/null
+++ b/ui/app/(marketing)/tour/page.tsx
@@ -0,0 +1,418 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+
+import InvoicePanel from "../../../components/invoice-panel";
+import WebhookHistoryPanel from "../../../components/webhook-history-panel";
+import WebhookSection from "../../../components/webhook-section";
+
+export const metadata: Metadata = {
+  title: "Tour",
+};
+
+const tabs = ["overview", "invoices", "webhooks"] as const;
+const webhookTabs = ["settings", "history"] as const;
+type TourTab = (typeof tabs)[number];
+type WebhookTab = (typeof webhookTabs)[number];
+
+type TourSearchParams = Record<string, string | string[] | undefined>;
+
+type InvoiceSummary = {
+  id: string;
+  address: string;
+  subaddress_index?: number | null;
+  amount_xmr: string;
+  status: "pending" | "payment_detected" | "confirmed" | "expired" | "invalid";
+  confirmation_target: number;
+  paid_after_expiry?: boolean;
+  paid_after_expiry_at?: string | null;
+  metadata?: Record<string, string> | null;
+  created_at: string;
+  archived_at: string | null;
+  detected_at: string | null;
+  confirmed_at: string | null;
+  expires_at: string | null;
+};
+
+type WebhookSummary = {
+  id: string;
+  url: string;
+  events: string[];
+  event_urls?: Record<string, string> | null;
+  active: boolean;
+  created_at: string;
+};
+
+type WebhookDeliverySummary = {
+  id: string;
+  webhook_id: string | null;
+  event: string;
+  url: string;
+  invoice_id: string | null;
+  invoice_address: string | null;
+  invoice_subaddress_index: number | null;
+  invoice_amount_xmr: string | null;
+  invoice_status:
+    | "pending"
+    | "payment_detected"
+    | "confirmed"
+    | "expired"
+    | "invalid"
+    | null;
+  http_status: number | null;
+  error_message: string | null;
+  created_at: string;
+};
+
+const buildNowFixture = () => {
+  const now = Date.now();
+  const iso = (offsetMs: number) => new Date(now + offsetMs).toISOString();
+  const exampleAddress =
+    "4DEMO_ADDRESS_EXAMPLE_ONLY_DO_NOT_USE_FOR_PAYMENTS_XXXXXXXXXXXXXXXXXXXXXX";
+
+  const invoices: InvoiceSummary[] = [
+    {
+      id: "demo_inv_pending",
+      address: `${exampleAddress}_001`,
+      subaddress_index: 12,
+      amount_xmr: "0.125",
+      status: "pending",
+      confirmation_target: 2,
+      created_at: iso(-35 * 60 * 1000),
+      archived_at: null,
+      detected_at: null,
+      confirmed_at: null,
+      expires_at: iso(25 * 60 * 1000),
+      metadata: { recipient_name: "Example customer", description: "Order #1027" },
+    },
+    {
+      id: "demo_inv_detected",
+      address: `${exampleAddress}_002`,
+      subaddress_index: 13,
+      amount_xmr: "0.420",
+      status: "payment_detected",
+      confirmation_target: 2,
+      created_at: iso(-2 * 60 * 60 * 1000),
+      archived_at: null,
+      detected_at: iso(-18 * 60 * 1000),
+      confirmed_at: null,
+      expires_at: iso(55 * 60 * 1000),
+      metadata: { description: "Subscription renewal" },
+    },
+    {
+      id: "demo_inv_confirmed",
+      address: `${exampleAddress}_003`,
+      subaddress_index: 14,
+      amount_xmr: "1.000",
+      status: "confirmed",
+      confirmation_target: 1,
+      created_at: iso(-26 * 60 * 60 * 1000),
+      archived_at: null,
+      detected_at: iso(-25.5 * 60 * 60 * 1000),
+      confirmed_at: iso(-25.3 * 60 * 60 * 1000),
+      expires_at: iso(-25 * 60 * 60 * 1000),
+      metadata: { recipient_name: "ACME Inc.", description: "Invoice #8841" },
+    },
+    {
+      id: "demo_inv_expired",
+      address: `${exampleAddress}_004`,
+      subaddress_index: 15,
+      amount_xmr: "0.050",
+      status: "expired",
+      confirmation_target: 2,
+      created_at: iso(-5 * 24 * 60 * 60 * 1000),
+      archived_at: iso(-4.5 * 24 * 60 * 60 * 1000),
+      detected_at: null,
+      confirmed_at: null,
+      expires_at: iso(-4.8 * 24 * 60 * 60 * 1000),
+      metadata: { description: "Abandoned checkout" },
+    },
+  ];
+
+  const webhooks: WebhookSummary[] = [
+    {
+      id: "demo_hook_1",
+      url: "https://example.com/wowcheckout/webhook",
+      events: ["invoice.created", "invoice.payment_detected", "invoice.confirmed"],
+      event_urls: { "invoice.expired": "https://example.com/wowcheckout/invoice-expired" },
+      active: true,
+      created_at: iso(-9 * 24 * 60 * 60 * 1000),
+    },
+  ];
+
+  const deliveries: WebhookDeliverySummary[] = [
+    {
+      id: "demo_delivery_1",
+      webhook_id: "demo_hook_1",
+      event: "invoice.payment_detected",
+      url: "https://example.com/wowcheckout/webhook",
+      invoice_id: "demo_inv_detected",
+      invoice_address: `${exampleAddress}_002`,
+      invoice_subaddress_index: 13,
+      invoice_amount_xmr: "0.420",
+      invoice_status: "payment_detected",
+      http_status: 200,
+      error_message: null,
+      created_at: iso(-17 * 60 * 1000),
+    },
+    {
+      id: "demo_delivery_2",
+      webhook_id: "demo_hook_1",
+      event: "invoice.confirmed",
+      url: "https://example.com/wowcheckout/webhook",
+      invoice_id: "demo_inv_confirmed",
+      invoice_address: `${exampleAddress}_003`,
+      invoice_subaddress_index: 14,
+      invoice_amount_xmr: "1.000",
+      invoice_status: "confirmed",
+      http_status: 500,
+      error_message: "Upstream returned 500",
+      created_at: iso(-25.2 * 60 * 60 * 1000),
+    },
+  ];
+
+  return {
+    paymentAddress: exampleAddress,
+    defaultConfirmationTarget: 2,
+    invoices,
+    webhooks,
+    deliveries,
+  };
+};
+
+export default async function TourPage({
+  searchParams,
+}: {
+  searchParams: Promise<TourSearchParams>;
+}) {
+  const resolvedSearchParams = await searchParams;
+  const tabParam = resolvedSearchParams?.tab;
+  const activeTabValue = Array.isArray(tabParam) ? tabParam[0] : tabParam;
+  const activeTab: TourTab = tabs.includes(activeTabValue as TourTab)
+    ? (activeTabValue as TourTab)
+    : "overview";
+
+  const webhookTabParam = resolvedSearchParams?.webhook_tab;
+  const activeWebhookTabValue = Array.isArray(webhookTabParam)
+    ? webhookTabParam[0]
+    : webhookTabParam;
+  const activeWebhookTab: WebhookTab = webhookTabs.includes(
+    activeWebhookTabValue as WebhookTab
+  )
+    ? (activeWebhookTabValue as WebhookTab)
+    : "settings";
+
+  const includeArchived =
+    activeTab === "invoices" &&
+    (resolvedSearchParams?.archived === "1" ||
+      resolvedSearchParams?.archived === "true");
+
+  const qParam = resolvedSearchParams?.q;
+  const queryValue = Array.isArray(qParam) ? qParam[0] : qParam;
+  const invoiceSearchQuery = activeTab === "invoices" ? (queryValue ?? "") : "";
+
+  const sortParam = resolvedSearchParams?.sort;
+  const sortValue = Array.isArray(sortParam) ? sortParam[0] : sortParam;
+  const invoiceSort =
+    activeTab === "invoices" && typeof sortValue === "string" && sortValue
+      ? sortValue
+      : "created_at";
+
+  const orderParam = resolvedSearchParams?.order;
+  const orderValue = Array.isArray(orderParam) ? orderParam[0] : orderParam;
+  const invoiceOrder =
+    activeTab === "invoices" && typeof orderValue === "string" && orderValue
+      ? orderValue
+      : "desc";
+
+  const fixture = buildNowFixture();
+  const invoices = includeArchived
+    ? fixture.invoices
+    : fixture.invoices.filter((invoice) => !invoice.archived_at);
+
+  const isToday = (value: string) => {
+    const date = new Date(value);
+    const today = new Date();
+    return (
+      date.getFullYear() === today.getFullYear() &&
+      date.getMonth() === today.getMonth() &&
+      date.getDate() === today.getDate()
+    );
+  };
+
+  const invoicesTodayCount = invoices.filter((invoice) => isToday(invoice.created_at)).length;
+  const awaitingConfirmationCount = invoices.filter(
+    (invoice) => invoice.status === "payment_detected"
+  ).length;
+  const confirmedCount = invoices.filter((invoice) => invoice.status === "confirmed").length;
+
+  const tabBaseClass =
+    "inline-flex items-center rounded-xl border border-stroke bg-white/70 px-4 py-2 text-xs font-semibold uppercase tracking-[0.12em] text-ink-soft transition hover:-translate-y-0.5";
+  const tabActiveClass =
+    "border-ink bg-ink text-cream shadow-[0_12px_24px_rgba(16,18,23,0.18)]";
+  const subTabBaseClass =
+    "inline-flex items-center rounded-full border border-stroke bg-white/70 px-4 py-2 text-xs font-semibold uppercase tracking-[0.12em] text-ink-soft transition hover:-translate-y-0.5";
+  const subTabActiveClass =
+    "border-ink bg-ink text-cream shadow-[0_10px_18px_rgba(16,18,23,0.18)]";
+
+  return (
+    <main className="px-[6vw] py-12 text-ink">
+      <section className="mx-auto grid w-full max-w-6xl gap-4">
+        <div className="rounded-2xl border border-stroke bg-white/80 px-5 py-3 shadow-soft backdrop-blur">
+          <p className="text-sm font-semibold text-ink">
+            Tour mode uses simulated data. No wallet connection. No changes are saved.
+          </p>
+        </div>
+      </section>
+      <section className="mx-auto mt-6 grid w-full max-w-6xl gap-8 lg:grid-cols-[260px_minmax(0,1fr)]">
+        <aside className="grid gap-6">
+          <nav className="flex flex-col gap-2" aria-label="Tour sections">
+            {tabs.map((tab) => (
+              <Link
+                key={tab}
+                className={`${tabBaseClass} ${activeTab === tab ? tabActiveClass : ""}`}
+                href={`/tour?tab=${tab}`}
+              >
+                {tab}
+              </Link>
+            ))}
+          </nav>
+        </aside>
+        <div className="grid gap-6">
+          {activeTab === "overview" ? (
+            <div className="rounded-2xl border border-stroke bg-white/80 p-8 shadow-card backdrop-blur">
+              <h1 className="font-serif text-3xl">Operational overview.</h1>
+              <p className="mt-2 text-ink-soft">
+                Track invoice flow and confirmation progress at a glance.
+              </p>
+              <div className="mt-6 rounded-2xl border border-stroke bg-white/70 p-5 shadow-soft">
+                <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                  Primary address (example)
+                </p>
+                <p className="mt-3 break-all font-mono text-sm text-ink">
+                  {fixture.paymentAddress}
+                </p>
+                <p className="mt-2 text-sm text-ink-soft">
+                  This is an example address shown for the tour.
+                </p>
+              </div>
+              <div className="mt-4 grid gap-4 lg:grid-cols-3">
+                {[
+                  {
+                    title: "Invoices today",
+                    value: invoicesTodayCount.toString(),
+                    detail: "Totals update as invoices are created.",
+                  },
+                  {
+                    title: "Invoices awaiting confirmation",
+                    value: awaitingConfirmationCount.toString(),
+                    detail: "Waiting for the configured confirmation target.",
+                  },
+                  {
+                    title: "Confirmed invoices",
+                    value: confirmedCount.toString(),
+                    detail: "Confirmed on-chain invoices display here.",
+                  },
+                ].map((item) => (
+                  <div
+                    key={item.title}
+                    className="rounded-2xl border border-stroke bg-white/70 p-5 shadow-soft"
+                  >
+                    <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                      {item.title}
+                    </p>
+                    <h2 className="mt-3 text-2xl font-semibold">{item.value}</h2>
+                    <p className="mt-2 text-sm text-ink-soft">{item.detail}</p>
+                  </div>
+                ))}
+              </div>
+              <div className="mt-4 rounded-2xl border border-stroke bg-white/70 p-5 shadow-soft">
+                <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                  Webhook endpoints
+                </p>
+                {fixture.webhooks.length === 0 ? (
+                  <p className="mt-3 text-sm text-ink-soft">
+                    No webhooks configured yet.{" "}
+                    <Link className="font-semibold text-ink underline" href="/tour?tab=webhooks">
+                      Add a webhook endpoint.
+                    </Link>
+                  </p>
+                ) : (
+                  <div className="mt-3 grid gap-3 text-sm text-ink">
+                    {fixture.webhooks.map((webhook) => (
+                      <div
+                        className="rounded-xl border border-stroke bg-white/80 px-4 py-3"
+                        key={webhook.id}
+                      >
+                        <div className="flex flex-wrap items-center justify-between gap-2">
+                          <p className="break-all font-semibold">{webhook.url}</p>
+                          <span className="rounded-full border border-stroke bg-white/60 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink">
+                            {webhook.active ? "Active" : "Paused"}
+                          </span>
+                        </div>
+                        <p className="mt-2 text-xs text-ink-soft">
+                          Events: {webhook.events.join(", ")}
+                        </p>
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </div>
+              <div className="mt-5 rounded-2xl border border-ink/10 bg-ink/10 px-4 py-3 text-sm font-semibold text-ink">
+                We never hold funds. All payments move from the customer to your wallet.
+              </div>
+            </div>
+          ) : null}
+          {activeTab === "invoices" ? (
+            <InvoicePanel
+              mode="tour"
+              basePath="/tour"
+              activeInvoices={invoices}
+              includeArchived={includeArchived}
+              searchQuery={invoiceSearchQuery}
+              sort={invoiceSort}
+              order={invoiceOrder}
+              defaultConfirmationTarget={fixture.defaultConfirmationTarget}
+            />
+          ) : null}
+          {activeTab === "webhooks" ? (
+            <div className="rounded-2xl border border-stroke bg-white/80 p-8 shadow-card backdrop-blur">
+              <div className="flex flex-wrap items-start justify-between gap-4">
+                <div>
+                  <h1 className="font-serif text-3xl">Webhook endpoints.</h1>
+                  <p className="mt-2 text-ink-soft">
+                    Relay invoice state updates to your systems. Optional overrides let
+                    you target different URLs per event.
+                  </p>
+                </div>
+              </div>
+              <nav className="mt-6 flex flex-wrap gap-2" aria-label="Webhook views">
+                {webhookTabs.map((tab) => (
+                  <Link
+                    key={tab}
+                    className={`${subTabBaseClass} ${
+                      activeWebhookTab === tab ? subTabActiveClass : ""
+                    }`}
+                    href={`/tour?tab=webhooks&webhook_tab=${tab}`}
+                  >
+                    {tab}
+                  </Link>
+                ))}
+              </nav>
+              {activeWebhookTab === "settings" ? (
+                <div className="mt-6">
+                  <WebhookSection mode="tour" webhooks={fixture.webhooks} />
+                </div>
+              ) : null}
+              {activeWebhookTab === "history" ? (
+                <div className="mt-6">
+                  <WebhookHistoryPanel mode="tour" deliveries={fixture.deliveries} />
+                </div>
+              ) : null}
+            </div>
+          ) : null}
+        </div>
+      </section>
+    </main>
+  );
+}
+
diff --git a/ui/app/globals.css b/ui/app/globals.css
new file mode 100644
index 0000000..e7cc227
--- /dev/null
+++ b/ui/app/globals.css
@@ -0,0 +1,22 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  min-height: 100vh;
+}
+
+img {
+  max-width: 100%;
+  display: block;
+}
diff --git a/ui/app/i/[invoiceId]/page.tsx b/ui/app/i/[invoiceId]/page.tsx
new file mode 100644
index 0000000..a5a6016
--- /dev/null
+++ b/ui/app/i/[invoiceId]/page.tsx
@@ -0,0 +1,295 @@
+import type { Metadata } from "next";
+
+import BtcpayModalBridge from "../../../components/btcpay-modal-bridge";
+import BtcpayClassicCheckout from "../../../components/btcpay-classic-checkout";
+import InvoicePaymentDetails from "../../../components/invoice-payment-details";
+import InvoiceStatusAutoRefresh from "../../../components/invoice-status-auto-refresh";
+import { formatRelativeTime } from "../../../components/relative-time";
+import StatusRefreshButton from "../../../components/status-refresh-button";
+
+export const dynamic = "force-dynamic";
+export const metadata: Metadata = {
+  title: "Payment Request",
+};
+
+const apiBaseUrl = process.env.API_BASE_URL ?? "http://localhost:8000";
+
+type InvoiceStatus =
+  | "pending"
+  | "payment_detected"
+  | "confirmed"
+  | "expired"
+  | "invalid";
+
+type InvoiceStatusResponse = {
+  id: string;
+  address: string;
+  subaddress_index: number | null;
+  amount_xmr: string;
+  amount_paid_xmr?: string | null;
+  status: InvoiceStatus;
+  confirmation_target: number;
+  confirmations: number;
+  checkout_continue_available?: boolean;
+  created_at: string;
+  expires_at: string | null;
+  detected_at: string | null;
+  confirmed_at: string | null;
+  btcpay_amount?: string | null;
+  btcpay_currency?: string | null;
+  btcpay_checkout_style?: "standard" | "btcpay_classic" | null;
+  btcpay_redirect_url?: string | null;
+  btcpay_redirect_automatically?: boolean | null;
+  btcpay_order_id?: string | null;
+  btcpay_order_number?: string | null;
+  qr_logo?: "monero" | "none" | "custom" | null;
+  qr_logo_data_url?: string | null;
+  quote?: {
+    fiat_amount: string;
+    fiat_currency: string;
+    rate: string;
+    source: string;
+    quoted_at: string;
+  } | null;
+};
+
+const formatStatus = (status: InvoiceStatus) => {
+  if (status === "payment_detected") {
+    return "Payment detected";
+  }
+  if (status === "pending") {
+    return "Awaiting funds";
+  }
+  if (status === "confirmed") {
+    return "Confirmed";
+  }
+  if (status === "invalid") {
+    return "Invalid";
+  }
+  return "Expired";
+};
+
+const formatTimestamp = (value: string | null) => {
+  if (!value) {
+    return { label: "-", relative: null };
+  }
+  return {
+    label: new Date(value).toLocaleString(),
+    relative: formatRelativeTime(value),
+  };
+};
+
+const statusPillStyles: Record<InvoiceStatus, string> = {
+  pending: "bg-amber-100 text-amber-900",
+  payment_detected: "bg-emerald-100 text-emerald-900",
+  confirmed: "bg-ink/20 text-ink",
+  expired: "bg-red-100 text-red-700",
+  invalid: "bg-clay/15 text-clay",
+};
+
+export default async function BtcpayModalInvoicePage({
+  params,
+}: {
+  params: Promise<{ invoiceId: string }>;
+}) {
+  const { invoiceId } = await params;
+  const response = await fetch(
+    `${apiBaseUrl}/api/core/public/invoice/${encodeURIComponent(invoiceId)}`,
+    { cache: "no-store" }
+  );
+
+  if (response.status === 404) {
+    return (
+      <main className="min-h-screen bg-cream px-6 py-6 text-ink">
+        <BtcpayModalBridge invoiceId={invoiceId} status="invalid" />
+        <div className="flex items-center justify-between gap-3">
+          <div>
+            <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+              Payment request
+            </p>
+            <h1 className="mt-2 font-serif text-2xl">Invoice not found</h1>
+          </div>
+        </div>
+        <p className="mt-3 text-sm text-ink-soft">
+          The invoice id does not match a known invoice. Check the id and try
+          again.
+        </p>
+      </main>
+    );
+  }
+
+  if (!response.ok) {
+    return (
+      <main className="min-h-screen bg-cream px-6 py-6 text-ink">
+        <BtcpayModalBridge invoiceId={invoiceId} status="invalid" />
+        <div className="flex items-center justify-between gap-3">
+          <div>
+            <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+              Payment request
+            </p>
+            <h1 className="mt-2 font-serif text-2xl">Status unavailable</h1>
+          </div>
+        </div>
+        <p className="mt-3 text-sm text-ink-soft">
+          We could not load this invoice status. Refresh the page or try again
+          later.
+        </p>
+      </main>
+    );
+  }
+
+  const invoice = (await response.json()) as InvoiceStatusResponse;
+  const statusLabel = formatStatus(invoice.status);
+  const confirmations = Math.max(0, invoice.confirmations ?? 0);
+  const confirmationTarget = Math.max(0, invoice.confirmation_target);
+  const hasDetectedPayment =
+    invoice.status === "payment_detected" || invoice.status === "confirmed";
+  const createdTimestamp = formatTimestamp(invoice.created_at);
+  const expiresTimestamp = formatTimestamp(invoice.expires_at);
+  const isBtcpayInvoice = Boolean(invoice.btcpay_amount && invoice.btcpay_currency);
+  const useClassicCheckout =
+    isBtcpayInvoice && invoice.btcpay_checkout_style === "btcpay_classic";
+  const shouldShowBtcpayActions = isBtcpayInvoice && invoice.status === "confirmed";
+  const checkoutContinueAvailable =
+    !isBtcpayInvoice &&
+    invoice.status === "confirmed" &&
+    Boolean(invoice.checkout_continue_available);
+
+  return (
+    <main className="min-h-screen bg-cream px-6 py-6 text-ink">
+      <InvoiceStatusAutoRefresh intervalMs={30000} />
+      <BtcpayModalBridge invoiceId={invoiceId} status={invoice.status} />
+      {useClassicCheckout ? (
+        <div className="mx-auto grid max-w-md gap-5">
+          <div className="flex items-center justify-between gap-3">
+            <div>
+              <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+                Payment request
+              </p>
+            </div>
+            <div className="flex items-center gap-2">
+              <StatusRefreshButton label="Refresh" className="text-xs" />
+            </div>
+          </div>
+          <BtcpayClassicCheckout
+            invoiceId={invoiceId}
+            address={invoice.address}
+            amountXmr={invoice.amount_xmr}
+            amountPaidXmr={invoice.amount_paid_xmr ?? null}
+            btcpayAmount={invoice.btcpay_amount ?? null}
+            btcpayCurrency={invoice.btcpay_currency ?? null}
+            quote={invoice.quote ?? null}
+            status={invoice.status}
+            confirmationTarget={confirmationTarget}
+            redirectUrl={invoice.btcpay_redirect_url ?? null}
+            redirectAutomatically={invoice.btcpay_redirect_automatically ?? null}
+            orderId={invoice.btcpay_order_id ?? null}
+            orderNumber={invoice.btcpay_order_number ?? null}
+            qrLogoMode={invoice.qr_logo ?? "monero"}
+            qrLogoDataUrl={invoice.qr_logo_data_url ?? null}
+          />
+        </div>
+      ) : (
+        <>
+          <div className="flex items-center justify-between gap-3">
+            <div>
+              <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+                Payment request
+              </p>
+              <h1 className="mt-2 font-serif text-2xl">Payment request</h1>
+            </div>
+            <div className="flex items-center gap-2">
+              <StatusRefreshButton label="Refresh" className="text-xs" />
+            </div>
+          </div>
+
+          <div className="mt-4 rounded-2xl border border-stroke bg-card p-5 shadow-card backdrop-blur">
+            <div className="flex items-center justify-between gap-3">
+              <span className="rounded-full bg-ink/10 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink">
+                Status
+              </span>
+              <span
+                className={`rounded-full px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] ${statusPillStyles[invoice.status]}`}
+              >
+                {statusLabel}
+              </span>
+            </div>
+            <div className="mt-4 grid gap-4 sm:grid-cols-3">
+              <div>
+                <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                  Confirmations
+                </p>
+                <p className="mt-1 text-lg font-semibold">
+                  {confirmations}/{confirmationTarget}
+                </p>
+              </div>
+              <div>
+                <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                  Created
+                </p>
+                <p
+                  className="mt-1 text-sm font-semibold"
+                  title={createdTimestamp.relative ?? undefined}
+                >
+                  {createdTimestamp.label}
+                </p>
+              </div>
+              <div>
+                <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                  Expires
+                </p>
+                <p
+                  className="mt-1 text-sm font-semibold"
+                  title={expiresTimestamp.relative ?? undefined}
+                >
+                  {expiresTimestamp.label}
+                </p>
+              </div>
+            </div>
+            {checkoutContinueAvailable ? (
+              <a
+                className="mt-5 inline-flex w-fit items-center justify-center rounded-full bg-ink px-5 py-2 text-sm font-semibold text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5"
+                href={`/api/core/public/invoice/${encodeURIComponent(invoiceId)}/continue`}
+                rel="noreferrer"
+              >
+                Continue to merchant
+              </a>
+            ) : null}
+          </div>
+
+          <div className="mt-5">
+            <InvoicePaymentDetails
+              address={invoice.address}
+              amount={invoice.amount_xmr}
+              hasDetectedPayment={hasDetectedPayment}
+              status={invoice.status}
+              confirmationTarget={confirmationTarget}
+              qrLogoMode={invoice.qr_logo ?? "monero"}
+              qrLogoDataUrl={invoice.qr_logo_data_url ?? null}
+            />
+          </div>
+          {shouldShowBtcpayActions ? (
+            <div className="mt-6 grid gap-3">
+              <a
+                className="inline-flex items-center justify-center rounded-full bg-sage px-6 py-3 text-sm font-semibold text-cream shadow-[0_14px_22px_rgba(93,122,106,0.25)] transition hover:-translate-y-0.5"
+                href={`/i/${encodeURIComponent(invoiceId)}/receipt`}
+              >
+                View receipt
+              </a>
+              {invoice.btcpay_redirect_url ? (
+                <a
+                  className="inline-flex items-center justify-center rounded-full border border-stroke bg-white px-6 py-3 text-sm font-semibold text-sage transition hover:bg-cream"
+                  href={invoice.btcpay_redirect_url}
+                  target="_top"
+                  rel="noreferrer"
+                >
+                  Return to store
+                </a>
+              ) : null}
+            </div>
+          ) : null}
+        </>
+      )}
+    </main>
+  );
+}
diff --git a/ui/app/i/[invoiceId]/receipt/page.tsx b/ui/app/i/[invoiceId]/receipt/page.tsx
new file mode 100644
index 0000000..ab197bd
--- /dev/null
+++ b/ui/app/i/[invoiceId]/receipt/page.tsx
@@ -0,0 +1,276 @@
+import type { Metadata } from "next";
+import { headers } from "next/headers";
+
+import BtcpayModalBridge from "../../../../components/btcpay-modal-bridge";
+import CopyIconButton from "../../../../components/copy-icon-button";
+import PrintButton from "../../../../components/print-button";
+import { formatRelativeTime } from "../../../../components/relative-time";
+
+export const dynamic = "force-dynamic";
+export const metadata: Metadata = {
+  title: "Receipt",
+};
+
+const apiBaseUrl = process.env.API_BASE_URL ?? "http://localhost:8000";
+
+type InvoiceStatus =
+  | "pending"
+  | "payment_detected"
+  | "confirmed"
+  | "expired"
+  | "invalid";
+
+type InvoiceStatusResponse = {
+  id: string;
+  address: string;
+  amount_xmr: string;
+  amount_paid_xmr?: string | null;
+  status: InvoiceStatus;
+  confirmation_target: number;
+  confirmations: number;
+  created_at: string;
+  confirmed_at: string | null;
+  btcpay_amount?: string | null;
+  btcpay_currency?: string | null;
+  btcpay_redirect_url?: string | null;
+  btcpay_order_id?: string | null;
+  btcpay_order_number?: string | null;
+  quote?: {
+    fiat_amount: string;
+    fiat_currency: string;
+    rate: string;
+    source: string;
+    quoted_at: string;
+  } | null;
+  qr_url?: string | null;
+};
+
+const formatFiatAmount = (value: string, currency: string) => {
+  const amount = Number.parseFloat(value);
+  if (!Number.isFinite(amount)) {
+    return `${value} ${currency}`;
+  }
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency,
+      maximumFractionDigits: 2,
+      minimumFractionDigits: 2,
+    }).format(amount);
+  } catch {
+    return `${amount.toFixed(2)} ${currency}`;
+  }
+};
+
+const receiptTitle = (redirectUrl: string | null | undefined) => {
+  if (!redirectUrl) {
+    return "Receipt";
+  }
+  try {
+    const parsed = new URL(redirectUrl);
+    return parsed.hostname ? `${parsed.hostname}` : "Receipt";
+  } catch {
+    return "Receipt";
+  }
+};
+
+const resolveQrSrc = (invoiceId: string, qrUrl: string | null | undefined) => {
+  if (!qrUrl) {
+    return `/qr/${encodeURIComponent(invoiceId)}.png`;
+  }
+  if (qrUrl.startsWith("/qr/")) {
+    return qrUrl;
+  }
+  try {
+    const parsed = new URL(qrUrl);
+    if (parsed.pathname.startsWith("/qr/")) {
+      return parsed.pathname;
+    }
+  } catch {
+    // Ignore malformed URLs and fall back to the provided value.
+  }
+  return qrUrl;
+};
+
+const closeLinkClassName =
+  "rounded-md border border-neutral-200 bg-white px-3 py-2 text-xs font-semibold text-neutral-700 transition hover:bg-neutral-50";
+
+export default async function BtcpayReceiptPage({
+  params,
+}: {
+  params: Promise<{ invoiceId: string }>;
+}) {
+  const { invoiceId } = await params;
+  const requestHeaders = await headers();
+  const forwardedProto = requestHeaders.get("x-forwarded-proto");
+  const forwardedHost = requestHeaders.get("x-forwarded-host") ?? requestHeaders.get("host");
+  const response = await fetch(
+    `${apiBaseUrl}/api/core/public/invoice/${encodeURIComponent(invoiceId)}`,
+    {
+      cache: "no-store",
+      headers: {
+        ...(forwardedProto ? { "x-forwarded-proto": forwardedProto } : {}),
+        ...(forwardedHost ? { "x-forwarded-host": forwardedHost } : {}),
+      },
+    }
+  );
+
+  if (response.status === 404) {
+    return (
+      <main className="min-h-screen bg-white px-4 py-10 text-ink">
+        <BtcpayModalBridge invoiceId={invoiceId} status="invalid" />
+        <div className="mx-auto w-full max-w-4xl">
+          <div className="flex justify-end">
+            <a className={closeLinkClassName} href={`/i/${encodeURIComponent(invoiceId)}`}>
+              Close
+            </a>
+          </div>
+          <div className="mt-6 text-center">
+            <h1 className="text-3xl font-semibold">Invoice not found</h1>
+            <p className="mt-3 text-sm text-ink-soft">
+              The invoice id does not match a known invoice. Check the id and try again.
+            </p>
+          </div>
+        </div>
+      </main>
+    );
+  }
+
+  if (!response.ok) {
+    return (
+      <main className="min-h-screen bg-white px-4 py-10 text-ink">
+        <BtcpayModalBridge invoiceId={invoiceId} status="invalid" />
+        <div className="mx-auto w-full max-w-4xl">
+          <div className="flex justify-end">
+            <a className={closeLinkClassName} href={`/i/${encodeURIComponent(invoiceId)}`}>
+              Close
+            </a>
+          </div>
+          <div className="mt-6 text-center">
+            <h1 className="text-3xl font-semibold">Status unavailable</h1>
+            <p className="mt-3 text-sm text-ink-soft">
+              We could not load this invoice status. Refresh the page or try again later.
+            </p>
+          </div>
+        </div>
+      </main>
+    );
+  }
+
+  const invoice = (await response.json()) as InvoiceStatusResponse;
+  const orderId = invoice.btcpay_order_number ?? invoice.btcpay_order_id ?? null;
+  const receiptTimestamp = invoice.confirmed_at ?? invoice.created_at;
+  const timestampLabel = new Date(receiptTimestamp).toLocaleString();
+  const timestampRelative = formatRelativeTime(receiptTimestamp);
+  const totalFiat =
+    invoice.btcpay_amount && invoice.btcpay_currency && invoice.btcpay_currency !== "WOW"
+      ? formatFiatAmount(invoice.btcpay_amount, invoice.btcpay_currency)
+      : invoice.btcpay_amount && invoice.btcpay_currency
+        ? `${invoice.btcpay_amount} ${invoice.btcpay_currency}`
+        : null;
+  const paidXmr = invoice.amount_paid_xmr ?? invoice.amount_xmr;
+  const qrSrc = resolveQrSrc(invoiceId, invoice.qr_url);
+  const storeTitle = receiptTitle(invoice.btcpay_redirect_url);
+  const amountPaidLabel = totalFiat ? totalFiat : `${paidXmr} WOW`;
+  const returnLabel = invoice.btcpay_redirect_url ? `Return to ${storeTitle}` : "Return to invoice";
+  const returnHref = invoice.btcpay_redirect_url ?? `/i/${encodeURIComponent(invoiceId)}`;
+
+  return (
+    <main className="min-h-screen bg-neutral-100 px-4 py-10 text-neutral-900">
+      <BtcpayModalBridge invoiceId={invoiceId} status={invoice.status} />
+      <div className="mx-auto w-full max-w-4xl">
+        <header className="text-center">
+          <h1 className="text-3xl font-semibold tracking-tight">{storeTitle}</h1>
+        </header>
+
+        {invoice.status !== "confirmed" ? (
+          <div className="mt-6 text-center">
+            {orderId ? <p className="mt-3 text-lg">Order ID: {orderId}</p> : null}
+            <p className="mt-1 text-base text-neutral-600" title={timestampRelative ?? undefined}>
+              {timestampLabel}
+            </p>
+            <p className="mt-10 text-sm text-neutral-600">
+              This receipt is available after the payment is confirmed.
+            </p>
+          </div>
+        ) : (
+          <>
+            <div className="mt-8 rounded-xl bg-white p-6 shadow-soft">
+              <div className="grid gap-6 md:grid-cols-[auto_minmax(0,1fr)] md:items-start">
+                <div className="rounded-lg bg-neutral-100 p-4">
+                  {qrSrc ? (
+                    // eslint-disable-next-line @next/next/no-img-element
+                    <img alt="Payment QR" src={qrSrc} className="h-56 w-56" />
+                  ) : null}
+                </div>
+
+                <div className="flex flex-col gap-5 md:flex-row md:items-start md:justify-between">
+                  <div className="grid gap-5">
+                    <div>
+                      <p className="text-sm font-semibold text-neutral-500">Amount Paid</p>
+                      <p className="mt-1 text-3xl font-semibold">{amountPaidLabel}</p>
+                    </div>
+                    <div>
+                      <p className="text-sm font-semibold text-neutral-500">Date</p>
+                      <p className="mt-1 text-base" title={timestampRelative ?? undefined}>
+                        {timestampLabel}
+                      </p>
+                    </div>
+                    {orderId ? (
+                      <div>
+                        <p className="text-sm font-semibold text-neutral-500">Order ID</p>
+                        <p className="mt-1 text-base">{orderId}</p>
+                      </div>
+                    ) : null}
+                  </div>
+
+                  <div className="md:self-start">
+                    <PrintButton />
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <section className="mt-8 rounded-xl bg-white p-6 shadow-soft">
+              <h2 className="text-xl font-semibold">Payment Details</h2>
+
+              <div className="mt-6 text-sm text-neutral-500">
+                <div className="grid grid-cols-3 gap-6 border-b border-neutral-200 pb-3">
+                  <div>Date</div>
+                  <div className="text-right">Paid</div>
+                  <div className="text-right">Payment</div>
+                </div>
+                <div className="grid grid-cols-3 gap-6 pt-4 text-neutral-900">
+                  <div title={timestampRelative ?? undefined}>{timestampLabel}</div>
+                  <div className="text-right">{totalFiat ?? "-"}</div>
+                  <div className="text-right">{paidXmr} WOW</div>
+                </div>
+              </div>
+
+              <div className="mt-7 flex flex-col gap-3 text-sm md:flex-row md:items-center">
+                <p className="font-semibold text-neutral-500 md:w-28">Destination</p>
+                <div className="flex min-w-0 items-center gap-2">
+                  <span className="min-w-0 truncate rounded-md bg-neutral-100 px-3 py-2 font-mono text-xs">
+                    {invoice.address}
+                  </span>
+                  <CopyIconButton value={invoice.address} label="Copy destination address" />
+                </div>
+              </div>
+            </section>
+
+            <div className="mt-10 flex justify-center">
+              <a
+                className="inline-flex items-center justify-center rounded-full border border-emerald-200 bg-white px-10 py-3 text-sm font-semibold text-emerald-700 shadow-soft transition hover:bg-emerald-50"
+                href={returnHref}
+                target={invoice.btcpay_redirect_url ? "_top" : undefined}
+                rel={invoice.btcpay_redirect_url ? "noreferrer" : undefined}
+              >
+                {returnLabel}
+              </a>
+            </div>
+          </>
+        )}
+      </div>
+    </main>
+  );
+}
diff --git a/ui/app/layout.tsx b/ui/app/layout.tsx
new file mode 100644
index 0000000..8df5263
--- /dev/null
+++ b/ui/app/layout.tsx
@@ -0,0 +1,35 @@
+import type { Metadata } from "next";
+import { Crimson_Pro, Space_Grotesk } from "next/font/google";
+import "./globals.css";
+
+const spaceGrotesk = Space_Grotesk({
+  subsets: ["latin"],
+  display: "swap",
+  variable: "--font-sans",
+});
+
+const crimsonPro = Crimson_Pro({
+  subsets: ["latin"],
+  display: "swap",
+  variable: "--font-serif",
+});
+
+export const metadata: Metadata = {
+  title: {
+    default: "WOW Checkout | Home",
+    template: "WOW Checkout | %s",
+  },
+  description: "Non-custodial Wownero checkout with view-only detection.",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" className={`${spaceGrotesk.variable} ${crimsonPro.variable}`}>
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/ui/app/robots.ts b/ui/app/robots.ts
new file mode 100644
index 0000000..b248415
--- /dev/null
+++ b/ui/app/robots.ts
@@ -0,0 +1,18 @@
+import type { MetadataRoute } from "next";
+
+const siteUrl =
+  process.env.NEXT_PUBLIC_SITE_URL ??
+  process.env.SITE_URL ??
+  "http://localhost";
+const normalizedSiteUrl = siteUrl.replace(/\/+$/, "");
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: {
+      userAgent: "*",
+      allow: "/",
+      disallow: ["/dashboard", "/login", "/api", "/_next", "/invoice/", "/donate/"],
+    },
+    sitemap: `${normalizedSiteUrl}/sitemap.xml`,
+  };
+}
diff --git a/ui/app/sitemap.ts b/ui/app/sitemap.ts
new file mode 100644
index 0000000..9e37a20
--- /dev/null
+++ b/ui/app/sitemap.ts
@@ -0,0 +1,41 @@
+import type { MetadataRoute } from "next";
+
+const siteUrl =
+  process.env.NEXT_PUBLIC_SITE_URL ??
+  process.env.SITE_URL ??
+  "http://localhost";
+const normalizedSiteUrl = siteUrl.replace(/\/+$/, "");
+const donationsEnabled = process.env.NEXT_PUBLIC_DONATIONS_ENABLED === "true";
+
+export default function sitemap(): MetadataRoute.Sitemap {
+  const lastModified = new Date();
+  const entries: MetadataRoute.Sitemap = [
+    {
+      url: `${normalizedSiteUrl}/`,
+      lastModified,
+    },
+    {
+      url: `${normalizedSiteUrl}/docs`,
+      lastModified,
+    },
+    {
+      url: `${normalizedSiteUrl}/docs/integrations`,
+      lastModified,
+    },
+    {
+      url: `${normalizedSiteUrl}/faq`,
+      lastModified,
+    },
+    {
+      url: `${normalizedSiteUrl}/invoice`,
+      lastModified,
+    },
+  ];
+  if (donationsEnabled) {
+    entries.push({
+      url: `${normalizedSiteUrl}/donate`,
+      lastModified,
+    });
+  }
+  return entries;
+}
diff --git a/ui/components/api-key-card.tsx b/ui/components/api-key-card.tsx
new file mode 100644
index 0000000..e99111f
--- /dev/null
+++ b/ui/components/api-key-card.tsx
@@ -0,0 +1,43 @@
+"use client";
+
+import { useState } from "react";
+
+type ApiKeyCardProps = {
+  apiKey: string;
+};
+
+export default function ApiKeyCard({ apiKey }: ApiKeyCardProps) {
+  const [copied, setCopied] = useState(false);
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(apiKey);
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 2000);
+    } catch {
+      setCopied(false);
+    }
+  };
+
+  return (
+    <div className="grid gap-4 rounded-2xl border border-stroke bg-white/80 p-6 shadow-soft backdrop-blur">
+      <div>
+        <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+          Your API key
+        </p>
+        <code className="mt-2 block break-all rounded-xl bg-ink/10 px-3 py-2 text-sm text-ink">
+          {apiKey}
+        </code>
+      </div>
+      <div className="flex justify-end">
+        <button
+          className="inline-flex items-center justify-center rounded-full bg-ink px-5 py-2.5 text-sm font-semibold text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5"
+          type="button"
+          onClick={handleCopy}
+        >
+          {copied ? "Copied" : "Copy API key"}
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/ui/components/api-key-section.tsx b/ui/components/api-key-section.tsx
new file mode 100644
index 0000000..32e4253
--- /dev/null
+++ b/ui/components/api-key-section.tsx
@@ -0,0 +1,38 @@
+"use client";
+
+import { useFormState } from "react-dom";
+
+import { resetApiKeyAction, type ApiKeyState } from "../app/(app)/dashboard/actions";
+import ApiKeyCard from "./api-key-card";
+
+const initialState = (apiKey: string): ApiKeyState => ({
+  apiKey,
+  error: null,
+});
+
+type ApiKeySectionProps = {
+  apiKey: string;
+};
+
+export default function ApiKeySection({ apiKey }: ApiKeySectionProps) {
+  const [state, formAction] = useFormState(resetApiKeyAction, initialState(apiKey));
+
+  return (
+    <div className="grid gap-4">
+      <ApiKeyCard apiKey={state.apiKey} />
+      {state.error ? (
+        <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+          {state.error}
+        </p>
+      ) : null}
+      <form action={formAction} className="flex justify-end">
+        <button
+          className="inline-flex items-center justify-center rounded-full border border-stroke bg-white/60 px-5 py-2.5 text-sm font-semibold text-ink transition hover:-translate-y-0.5"
+          type="submit"
+        >
+          Reset API key
+        </button>
+      </form>
+    </div>
+  );
+}
diff --git a/ui/components/btcpay-checkout-style-section.tsx b/ui/components/btcpay-checkout-style-section.tsx
new file mode 100644
index 0000000..95dfa45
--- /dev/null
+++ b/ui/components/btcpay-checkout-style-section.tsx
@@ -0,0 +1,92 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useFormState } from "react-dom";
+import { useRouter } from "next/navigation";
+
+import {
+  updateBtcpayCheckoutStyleAction,
+  type BtcpayCheckoutPreferenceState,
+} from "../app/(app)/dashboard/actions";
+
+type BtcpayCheckoutStyle = "standard" | "btcpay_classic";
+
+type BtcpayCheckoutStyleSectionProps = {
+  initialStyle: BtcpayCheckoutStyle;
+};
+
+const initialState = (
+  style: BtcpayCheckoutStyle
+): BtcpayCheckoutPreferenceState => ({
+  style,
+  error: null,
+  success: null,
+});
+
+export default function BtcpayCheckoutStyleSection({
+  initialStyle,
+}: BtcpayCheckoutStyleSectionProps) {
+  const router = useRouter();
+  const [state, formAction] = useFormState(
+    updateBtcpayCheckoutStyleAction,
+    initialState(initialStyle)
+  );
+  const [style, setStyle] = useState<BtcpayCheckoutStyle>(initialStyle);
+
+  useEffect(() => {
+    if (state.success) {
+      router.refresh();
+    }
+  }, [router, state.success]);
+
+  useEffect(() => {
+    setStyle(initialStyle);
+  }, [initialStyle]);
+
+  return (
+    <form action={formAction} className="grid gap-4">
+      <div>
+        <h3 className="font-serif text-2xl">BTCPay checkout layout</h3>
+        <p className="mt-2 text-sm text-ink-soft">
+          This setting only applies to BTCPay checkouts (invoices created via the
+          BTCPay compatibility endpoints).
+        </p>
+      </div>
+      <label className="grid gap-2 text-sm font-semibold text-ink">
+        Layout
+        <select
+          name="btcpay_checkout_style"
+          className="rounded-xl border border-stroke bg-white/80 px-3 py-2 text-sm text-ink"
+          value={style}
+          onChange={(event) =>
+            setStyle(event.target.value as BtcpayCheckoutStyle)
+          }
+        >
+          <option value="standard">Standard WOW Checkout</option>
+          <option value="btcpay_classic">BTCPay Classic</option>
+        </select>
+      </label>
+      <p className="text-xs text-ink-soft">
+        The classic layout mirrors the BTCPay checkout screen for drop-in migration.
+      </p>
+      {state.error ? (
+        <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+          {state.error}
+        </p>
+      ) : null}
+      {state.success ? (
+        <p className="rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm font-semibold text-emerald-700">
+          {state.success}
+        </p>
+      ) : null}
+      <div className="flex justify-end">
+        <button
+          className="inline-flex items-center justify-center rounded-full border border-stroke bg-ink px-5 py-2.5 text-sm font-semibold text-cream transition hover:-translate-y-0.5"
+          type="submit"
+        >
+          Save preference
+        </button>
+      </div>
+    </form>
+  );
+}
diff --git a/ui/components/btcpay-classic-checkout.tsx b/ui/components/btcpay-classic-checkout.tsx
new file mode 100644
index 0000000..33d303d
--- /dev/null
+++ b/ui/components/btcpay-classic-checkout.tsx
@@ -0,0 +1,402 @@
+"use client";
+
+import Image from "next/image";
+import { useEffect, useMemo, useState } from "react";
+import QRCode from "qrcode";
+
+import { formatXmrAmount } from "../lib/formatting";
+
+type InvoiceStatus =
+  | "pending"
+  | "payment_detected"
+  | "confirmed"
+  | "expired"
+  | "invalid";
+
+type QuotePayload = {
+  fiat_amount: string;
+  fiat_currency: string;
+  rate: string;
+  source: string;
+  quoted_at: string;
+};
+
+type BtcpayClassicCheckoutProps = {
+  invoiceId: string;
+  address: string;
+  amountXmr: string;
+  amountPaidXmr: string | null;
+  btcpayAmount: string | null;
+  btcpayCurrency: string | null;
+  quote: QuotePayload | null;
+  status: InvoiceStatus;
+  confirmationTarget: number;
+  redirectUrl: string | null;
+  redirectAutomatically: boolean | null;
+  orderId: string | null;
+  orderNumber: string | null;
+  qrLogoMode?: "monero" | "none" | "custom" | null;
+  qrLogoDataUrl?: string | null;
+};
+
+const buildMoneroUri = (address: string, amount: string) => {
+  const params = new URLSearchParams();
+  params.set("tx_amount", amount);
+  return `wownero:${address}?${params.toString()}`;
+};
+
+const formatFiatAmount = (value: string, currency: string) => {
+  const amount = Number.parseFloat(value);
+  if (!Number.isFinite(amount)) {
+    return `${value} ${currency}`;
+  }
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency,
+      maximumFractionDigits: 2,
+      minimumFractionDigits: 2,
+    }).format(amount);
+  } catch {
+    return `${amount.toFixed(2)} ${currency}`;
+  }
+};
+
+const formatReturnLabel = (redirectUrl: string) => {
+  try {
+    const parsed = new URL(redirectUrl);
+    return parsed.hostname ? `Return to ${parsed.hostname}` : "Return to store";
+  } catch {
+    return "Return to store";
+  }
+};
+
+const statusMessage = (
+  status: InvoiceStatus,
+  confirmationTarget: number
+): string => {
+  if (status === "invalid") {
+    return "Invoice marked invalid. Do not send payment.";
+  }
+  if (status === "expired") {
+    return "Invoice expired. Do not send payment.";
+  }
+  if (status === "confirmed") {
+    return `Payment confirmed at ${confirmationTarget} confirmations.`;
+  }
+  if (status === "payment_detected") {
+    return "Payment detected. Awaiting confirmations.";
+  }
+  return "Awaiting funds.";
+};
+
+export default function BtcpayClassicCheckout({
+  invoiceId,
+  address,
+  amountXmr,
+  amountPaidXmr,
+  btcpayAmount,
+  btcpayCurrency,
+  quote,
+  status,
+  confirmationTarget,
+  redirectUrl,
+  redirectAutomatically,
+  orderId,
+  orderNumber,
+  qrLogoMode,
+  qrLogoDataUrl,
+}: BtcpayClassicCheckoutProps) {
+  const [qrDataUrl, setQrDataUrl] = useState<string | null>(null);
+  const [copiedField, setCopiedField] = useState<string | null>(null);
+  const formattedAmount = useMemo(() => formatXmrAmount(amountXmr), [amountXmr]);
+  const formattedPaidAmount = useMemo(() => {
+    if (!amountPaidXmr) {
+      return formattedAmount;
+    }
+    return formatXmrAmount(amountPaidXmr);
+  }, [amountPaidXmr, formattedAmount]);
+  const uri = useMemo(
+    () => buildMoneroUri(address, formattedAmount),
+    [address, formattedAmount]
+  );
+  const totalFiat =
+    btcpayAmount && btcpayCurrency && btcpayCurrency !== "WOW"
+      ? formatFiatAmount(btcpayAmount, btcpayCurrency)
+      : null;
+  const exchangeRate =
+    quote?.rate && quote.fiat_currency
+      ? `1 WOW = ${formatFiatAmount(quote.rate, quote.fiat_currency)}`
+      : null;
+
+  useEffect(() => {
+    if (status !== "confirmed" || !redirectUrl || !redirectAutomatically) {
+      return;
+    }
+    const timer = window.setTimeout(() => {
+      try {
+        window.top?.location.assign(redirectUrl);
+      } catch {
+        window.location.assign(redirectUrl);
+      }
+    }, 3000);
+    return () => {
+      window.clearTimeout(timer);
+    };
+  }, [redirectAutomatically, redirectUrl, status]);
+
+  const handleCopy = async (value: string, field: string) => {
+    try {
+      await navigator.clipboard.writeText(value);
+      setCopiedField(field);
+      window.setTimeout(() => {
+        setCopiedField((current) => (current === field ? null : current));
+      }, 1500);
+    } catch {
+      setCopiedField(null);
+    }
+  };
+
+  useEffect(() => {
+    let active = true;
+    const size = 260;
+    const canvas = document.createElement("canvas");
+    QRCode.toCanvas(canvas, uri, {
+      margin: 1,
+      width: size,
+      errorCorrectionLevel: "H",
+    })
+      .then(() => {
+        const context = canvas.getContext("2d");
+        if (!context) {
+          return null;
+        }
+        const mode = qrLogoMode ?? "monero";
+        const wantsLogo = mode !== "none";
+        if (wantsLogo) {
+          const blankSize = Math.round(size * 0.28);
+          const blankOffset = Math.round((size - blankSize) / 2);
+          context.fillStyle = "#ffffff";
+          context.fillRect(blankOffset, blankOffset, blankSize, blankSize);
+        }
+        return canvas.toDataURL();
+      })
+      .then((url) => {
+        if (active) {
+          setQrDataUrl(url ?? null);
+        }
+      })
+      .catch(() => {
+        if (active) {
+          setQrDataUrl(null);
+        }
+      });
+    return () => {
+      active = false;
+    };
+  }, [uri, qrLogoMode]);
+
+  const isActionDisabled = status === "expired" || status === "invalid";
+  const resolvedQrLogoMode = qrLogoMode ?? "monero";
+  const resolvedLogoSrc =
+    resolvedQrLogoMode === "custom"
+      ? qrLogoDataUrl
+      : resolvedQrLogoMode === "monero"
+        ? "/wownero-logo.svg"
+        : null;
+
+  if (status === "confirmed") {
+    return (
+      <div className="rounded-[28px] border border-stroke bg-white px-6 py-8 shadow-card">
+        <div className="text-center">
+          <div className="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-sage/15 text-sage">
+            <svg
+              aria-hidden="true"
+              viewBox="0 0 24 24"
+              className="h-9 w-9"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="2"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            >
+              <path d="M20 6 9 17l-5-5" />
+            </svg>
+          </div>
+          <p className="mt-4 text-sm font-semibold uppercase tracking-[0.2em] text-ink-soft">
+            Invoice paid
+          </p>
+        </div>
+
+        <dl className="mt-6 grid gap-3 text-sm text-ink">
+          <div className="flex items-center justify-between gap-4">
+            <dt className="text-ink-soft">Invoice id</dt>
+            <dd className="max-w-[60%] truncate text-right font-semibold">{invoiceId}</dd>
+          </div>
+          {orderNumber || orderId ? (
+            <div className="flex items-center justify-between gap-4">
+              <dt className="text-ink-soft">Order id</dt>
+              <dd className="font-semibold">{orderNumber ?? orderId}</dd>
+            </div>
+          ) : null}
+          <div className="flex items-center justify-between gap-4">
+            <dt className="text-ink-soft">Total price</dt>
+            <dd className="font-semibold">{formattedAmount} WOW</dd>
+          </div>
+          <div className="flex items-center justify-between gap-4">
+            <dt className="text-ink-soft">Total fiat</dt>
+            <dd className="font-semibold">{totalFiat ?? "-"}</dd>
+          </div>
+          <div className="flex items-center justify-between gap-4">
+            <dt className="text-ink-soft">Exchange rate</dt>
+            <dd className="font-semibold">{exchangeRate ?? "-"}</dd>
+          </div>
+          <div className="flex items-center justify-between gap-4">
+            <dt className="text-ink-soft">Network cost</dt>
+            <dd className="font-semibold">Added by wallet</dd>
+          </div>
+          <div className="flex items-center justify-between gap-4">
+            <dt className="text-ink-soft">Amount paid</dt>
+            <dd className="font-semibold">{formattedPaidAmount} WOW</dd>
+          </div>
+        </dl>
+
+        <div className="mt-8 grid gap-3">
+          <a
+            className="inline-flex items-center justify-center rounded-full bg-sage px-6 py-3 text-sm font-semibold text-cream shadow-[0_14px_22px_rgba(93,122,106,0.25)] transition hover:-translate-y-0.5"
+            href={`/i/${encodeURIComponent(invoiceId)}/receipt`}
+          >
+            View receipt
+          </a>
+          {redirectUrl ? (
+            <a
+              className="inline-flex items-center justify-center rounded-full border border-stroke bg-white px-6 py-3 text-sm font-semibold text-sage transition hover:bg-cream"
+              href={redirectUrl}
+              target="_top"
+              rel="noreferrer"
+            >
+              {formatReturnLabel(redirectUrl)}
+            </a>
+          ) : null}
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="rounded-[28px] border border-stroke bg-white px-6 py-8 shadow-card">
+      <div className="text-center">
+        <p className="text-sm font-semibold uppercase tracking-[0.2em] text-ink-soft">
+          Payment request
+        </p>
+        <div className="mt-3 flex flex-wrap items-center justify-center gap-3">
+          <p className="text-[1.9rem] font-semibold text-ink">{formattedAmount} WOW</p>
+          <button
+            className="rounded-full border border-stroke bg-white/80 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink-soft transition hover:bg-white"
+            type="button"
+            onClick={() => handleCopy(formattedAmount, "amount")}
+          >
+            {copiedField === "amount" ? "Copied" : "Copy"}
+          </button>
+        </div>
+        <p className="mt-2 text-sm text-sage">{statusMessage(status, confirmationTarget)}</p>
+      </div>
+
+      <details className="group mt-5 rounded-2xl border border-stroke bg-cream/70 px-5 py-4">
+        <summary className="flex cursor-pointer items-center justify-center gap-2 text-sm font-semibold text-sage [&::-webkit-details-marker]:hidden">
+          <span className="group-open:hidden">View details</span>
+          <span className="hidden group-open:inline">Hide details</span>
+        </summary>
+        <dl className="mt-4 grid gap-3 text-sm text-ink">
+          <div className="flex items-center justify-between gap-4">
+            <dt className="text-ink-soft">Total price</dt>
+            <dd className="font-semibold">{formattedAmount} WOW</dd>
+          </div>
+          <div className="flex items-center justify-between gap-4">
+            <dt className="text-ink-soft">Total fiat</dt>
+            <dd className="font-semibold">{totalFiat ?? "-"}</dd>
+          </div>
+          <div className="flex items-center justify-between gap-4">
+            <dt className="text-ink-soft">Exchange rate</dt>
+            <dd className="font-semibold">{exchangeRate ?? "-"}</dd>
+          </div>
+          <div className="flex items-center justify-between gap-4">
+            <dt className="text-ink-soft">Network cost</dt>
+            <dd className="font-semibold">Added by wallet</dd>
+          </div>
+          <div className="flex items-center justify-between gap-4">
+            <dt className="text-ink-soft">Amount due</dt>
+            <dd className="flex items-center gap-2 font-semibold">
+              <span>{formattedAmount} WOW</span>
+              <button
+                className="rounded-full border border-stroke bg-white/80 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink-soft transition hover:bg-white"
+                type="button"
+                onClick={() => handleCopy(formattedAmount, "amount")}
+              >
+                {copiedField === "amount" ? "Copied" : "Copy"}
+              </button>
+            </dd>
+          </div>
+        </dl>
+      </details>
+
+      <div className="mt-6 flex items-center justify-center">
+        {qrDataUrl ? (
+          <div className="relative rounded-2xl border border-ink/10 bg-white p-3 shadow-soft">
+            <Image
+              className="h-[260px] w-[260px]"
+              src={qrDataUrl}
+              alt="Payment request QR"
+              width={260}
+              height={260}
+              unoptimized
+            />
+            {resolvedLogoSrc ? (
+              <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
+                <span className="flex h-14 w-14 items-center justify-center rounded-full bg-white shadow-[0_8px_16px_rgba(16,18,23,0.18)]">
+                  <Image
+                    src={resolvedLogoSrc}
+                    alt="QR logo"
+                    width={38}
+                    height={38}
+                    unoptimized={resolvedQrLogoMode === "custom"}
+                  />
+                </span>
+              </div>
+            ) : null}
+          </div>
+        ) : null}
+      </div>
+
+      <div className="mt-6">
+        <div className="flex items-center justify-between gap-2">
+          <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+            Address
+          </p>
+          <button
+            className="rounded-full border border-stroke bg-white/80 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink-soft transition hover:bg-white"
+            type="button"
+            onClick={() => handleCopy(address, "address")}
+          >
+            {copiedField === "address" ? "Copied" : "Copy"}
+          </button>
+        </div>
+        <p className="mt-3 break-all rounded-xl bg-ink/5 px-3 py-2 font-mono text-xs text-ink">
+          {address}
+        </p>
+      </div>
+
+      <a
+        className={`mt-6 inline-flex w-full items-center justify-center rounded-full px-6 py-3 text-sm font-semibold text-cream transition ${
+          isActionDisabled
+            ? "cursor-not-allowed bg-ink/30"
+            : "bg-sage shadow-[0_14px_22px_rgba(93,122,106,0.25)] hover:-translate-y-0.5"
+        }`}
+        href={isActionDisabled ? undefined : uri}
+        aria-disabled={isActionDisabled}
+      >
+        Pay in wallet
+      </a>
+    </div>
+  );
+}
diff --git a/ui/components/btcpay-modal-bridge.tsx b/ui/components/btcpay-modal-bridge.tsx
new file mode 100644
index 0000000..86a06f6
--- /dev/null
+++ b/ui/components/btcpay-modal-bridge.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import { useEffect } from "react";
+
+type InvoiceStatus =
+  | "pending"
+  | "payment_detected"
+  | "confirmed"
+  | "expired"
+  | "invalid";
+
+type BtcpayModalBridgeProps = {
+  invoiceId: string;
+  status: InvoiceStatus;
+};
+
+const statusMap: Record<InvoiceStatus, string> = {
+  pending: "New",
+  payment_detected: "Processing",
+  confirmed: "Settled",
+  expired: "Expired",
+  invalid: "Invalid",
+};
+
+const postToParent = (payload: unknown) => {
+  if (typeof window === "undefined" || !window.parent) {
+    return;
+  }
+  window.parent.postMessage(payload, "*");
+};
+
+export default function BtcpayModalBridge({
+  invoiceId,
+  status,
+}: BtcpayModalBridgeProps) {
+  useEffect(() => {
+    postToParent("loaded");
+  }, []);
+
+  useEffect(() => {
+    postToParent({
+      invoiceId,
+      status: statusMap[status] ?? "new",
+    });
+  }, [invoiceId, status]);
+
+  return null;
+}
diff --git a/ui/components/btcpay-modal-close-button.tsx b/ui/components/btcpay-modal-close-button.tsx
new file mode 100644
index 0000000..d491f1a
--- /dev/null
+++ b/ui/components/btcpay-modal-close-button.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+export default function BtcpayModalCloseButton() {
+  const handleClick = () => {
+    if (typeof window === "undefined" || !window.parent) {
+      return;
+    }
+    window.parent.postMessage("close", "*");
+  };
+
+  return (
+    <button
+      className="rounded-full border border-stroke bg-white/80 px-3 py-1 text-[0.65rem] font-semibold uppercase tracking-[0.12em] text-ink-soft transition hover:bg-white"
+      type="button"
+      onClick={handleClick}
+    >
+      Close
+    </button>
+  );
+}
diff --git a/ui/components/copy-icon-button.tsx b/ui/components/copy-icon-button.tsx
new file mode 100644
index 0000000..3ce6759
--- /dev/null
+++ b/ui/components/copy-icon-button.tsx
@@ -0,0 +1,56 @@
+"use client";
+
+import { useState } from "react";
+
+type CopyIconButtonProps = {
+  value: string;
+  label: string;
+  className?: string;
+};
+
+export default function CopyIconButton({ value, label, className }: CopyIconButtonProps) {
+  const [copied, setCopied] = useState(false);
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(value);
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 1500);
+    } catch {
+      setCopied(false);
+    }
+  };
+
+  return (
+    <button
+      type="button"
+      aria-label={label}
+      title={copied ? "Copied" : label}
+      onClick={handleCopy}
+      className={
+        className ??
+        "inline-flex h-7 w-7 items-center justify-center rounded-md border border-neutral-200 bg-white text-neutral-600 transition hover:bg-neutral-50"
+      }
+    >
+      {copied ? (
+        <svg viewBox="0 0 24 24" className="h-4 w-4" fill="none" stroke="currentColor" strokeWidth="2">
+          <path d="M20 6 9 17l-5-5" strokeLinecap="round" strokeLinejoin="round" />
+        </svg>
+      ) : (
+        <svg viewBox="0 0 24 24" className="h-4 w-4" fill="none" stroke="currentColor" strokeWidth="2">
+          <path
+            d="M8 5h9a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M6 17H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </svg>
+      )}
+    </button>
+  );
+}
+
diff --git a/ui/components/create-invoice-card.tsx b/ui/components/create-invoice-card.tsx
new file mode 100644
index 0000000..c082c41
--- /dev/null
+++ b/ui/components/create-invoice-card.tsx
@@ -0,0 +1,525 @@
+"use client";
+
+import Image from "next/image";
+import Link from "next/link";
+import { useEffect, useMemo, useState } from "react";
+import { useFormState } from "react-dom";
+import QRCode from "qrcode";
+
+import {
+  createInvoiceAction,
+  type InvoiceState,
+} from "../app/(app)/dashboard/actions";
+import { formatUsdAmount, formatXmrAmount } from "../lib/formatting";
+import { useXmrUsdRate } from "../lib/use-xmr-usd-rate";
+import { useXmrFiatRate } from "../lib/use-xmr-fiat-rate";
+import {
+  FIAT_CURRENCY_SUGGESTIONS,
+  getCurrencyFlag,
+} from "../lib/fiat-currencies";
+
+const initialState: InvoiceState = {
+  error: null,
+  invoiceId: null,
+  address: null,
+  amount: null,
+  recipientName: null,
+  description: null,
+  subaddressIndex: null,
+  warnings: null,
+};
+
+const buildMoneroUri = (state: InvoiceState): string | null => {
+  if (!state.address || !state.amount) {
+    return null;
+  }
+  const params = new URLSearchParams();
+  params.set("tx_amount", state.amount);
+  if (state.recipientName) {
+    params.set("recipient_name", state.recipientName);
+  }
+  if (state.description) {
+    params.set("tx_description", state.description);
+  }
+  return `wownero:${state.address}?${params.toString()}`;
+};
+
+export default function CreateInvoiceCard() {
+  const [state, formAction] = useFormState(createInvoiceAction, initialState);
+  const [qrDataUrl, setQrDataUrl] = useState<string | null>(null);
+  const [qrColor, setQrColor] = useState("#1b1b1a");
+  const [qrLogo, setQrLogo] = useState<string | null>(null);
+  const [origin, setOrigin] = useState<string | null>(null);
+  const [amountMode, setAmountMode] = useState<"xmr" | "fiat">("xmr");
+  const [amountInput, setAmountInput] = useState("");
+  const [fiatCurrency, setFiatCurrency] = useState("USD");
+  const { rate: usdRate } = useXmrUsdRate();
+  const { rate: fiatRate, status: fiatRateStatus } = useXmrFiatRate(
+    amountMode === "fiat" ? fiatCurrency : null
+  );
+  const labelClass = "text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft";
+  const inputClass =
+    "w-full rounded-xl border border-stroke bg-white/80 px-4 py-3 text-sm text-ink shadow-[inset_0_1px_0_rgba(255,255,255,0.6)] outline-none transition focus:border-ink/40 focus:ring-2 focus:ring-ink/10";
+  const secondaryButton =
+    "inline-flex items-center justify-center rounded-full border border-stroke bg-white/60 px-5 py-2.5 text-sm font-semibold text-ink transition hover:-translate-y-0.5";
+
+  useEffect(() => {
+    setOrigin(window.location.origin);
+  }, []);
+
+  const publicInvoiceUrl = useMemo(() => {
+    if (!state.invoiceId) {
+      return null;
+    }
+    if (origin) {
+      return new URL(`/invoice/${state.invoiceId}`, origin).toString();
+    }
+    return `/invoice/${state.invoiceId}`;
+  }, [origin, state.invoiceId]);
+
+  const uri = useMemo(() => buildMoneroUri(state), [state]);
+  const amountValue = useMemo(() => {
+    if (amountMode !== "xmr") {
+      return null;
+    }
+    const raw = amountInput || state.amount || "";
+    const parsed = Number.parseFloat(raw);
+    return Number.isFinite(parsed) ? parsed : null;
+  }, [amountInput, amountMode, state.amount]);
+  const usdEstimate = useMemo(() => {
+    if (!usdRate || amountValue === null || amountValue <= 0) {
+      return null;
+    }
+    return formatUsdAmount(usdRate * amountValue);
+  }, [usdRate, amountValue]);
+  const fiatAmountValue = useMemo(() => {
+    if (amountMode !== "fiat") {
+      return null;
+    }
+    const parsed = Number.parseFloat(amountInput);
+    return Number.isFinite(parsed) ? parsed : null;
+  }, [amountInput, amountMode]);
+  const xmrEstimate = useMemo(() => {
+    if (!fiatRate || fiatAmountValue === null || fiatAmountValue <= 0) {
+      return null;
+    }
+    const estimate = fiatAmountValue / fiatRate;
+    return formatXmrAmount(estimate.toFixed(12));
+  }, [fiatAmountValue, fiatRate]);
+  const showFiatEstimate =
+    amountMode === "fiat" && fiatAmountValue !== null && fiatAmountValue > 0;
+  const fiatEstimateLabel = xmrEstimate
+    ? `~${xmrEstimate} WOW`
+    : fiatRateStatus === "loading"
+      ? "Fetching estimate..."
+      : "Estimate unavailable";
+  const fiatCurrencyFlag = getCurrencyFlag(fiatCurrency);
+
+  useEffect(() => {
+    let active = true;
+    if (!uri) {
+      setQrDataUrl(null);
+      return undefined;
+    }
+
+    QRCode.toDataURL(uri, {
+      margin: 1,
+      width: 220,
+      errorCorrectionLevel: "H",
+      color: {
+        dark: qrColor,
+        light: "#ffffff",
+      },
+    })
+      .then((url) => {
+        if (active) {
+          setQrDataUrl(url);
+        }
+      })
+      .catch(() => {
+        if (active) {
+          setQrDataUrl(null);
+        }
+      });
+
+    return () => {
+      active = false;
+    };
+  }, [uri, qrColor]);
+
+  const handleLogoChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0];
+    if (!file) {
+      setQrLogo(null);
+      return;
+    }
+    const reader = new FileReader();
+    reader.onload = () => {
+      const result = reader.result;
+      if (typeof result === "string") {
+        setQrLogo(result);
+      }
+    };
+    reader.readAsDataURL(file);
+  };
+
+  return (
+    <div className="rounded-2xl border border-stroke bg-white/80 p-6 shadow-card backdrop-blur">
+      <h3 className="font-serif text-xl">Create test invoice</h3>
+      <p className="mt-2 text-ink-soft">
+        Generate an invoice address and draft invoice for validation.
+      </p>
+      <form className="mt-6 grid gap-4" action={formAction}>
+        <div className="grid gap-2">
+          <label className={labelClass} htmlFor="payment_address">
+            Primary address
+          </label>
+          <input
+            className={inputClass}
+            id="payment_address"
+            name="payment_address"
+            type="text"
+            placeholder="Enter your primary address"
+            required
+          />
+        </div>
+        <div className="grid gap-2">
+          <label className={labelClass} htmlFor="amount_mode">
+            Amount type
+          </label>
+          <select
+            className={inputClass}
+            id="amount_mode"
+            name="amount_mode"
+            value={amountMode}
+            onChange={(event) => {
+              const value = event.target.value;
+              if (value === "xmr" || value === "fiat") {
+                setAmountMode(value);
+              }
+            }}
+          >
+            <option value="xmr">WOW</option>
+            <option value="fiat">Fiat</option>
+          </select>
+        </div>
+        {amountMode === "xmr" ? (
+          <div className="grid gap-2">
+            <label className={labelClass} htmlFor="amount_xmr">
+              Amount (WOW)
+            </label>
+            <input
+              className={inputClass}
+              id="amount_xmr"
+              name="amount_xmr"
+              type="number"
+              step="0.000001"
+              min="0"
+              placeholder="0.10"
+              required
+              onChange={(event) => setAmountInput(event.target.value)}
+            />
+            {usdEstimate ? (
+              <>
+                <p className="text-sm text-ink-soft">
+                  Approx. USD reference: ~{usdEstimate}
+                </p>
+                <details className="w-fit text-xs text-ink-soft">
+                  <summary className="cursor-pointer select-none underline underline-offset-4">
+                    About this estimate
+                  </summary>
+                  <p className="mt-2 max-w-[46ch] leading-relaxed">
+                    Reference only, uses CoinGecko spot rate. Not a quote or guarantee.
+                  </p>
+                </details>
+              </>
+            ) : null}
+          </div>
+        ) : (
+          <div className="grid gap-3 sm:grid-cols-[minmax(0,1fr)_140px]">
+            <div className="grid gap-2">
+              <label className={labelClass} htmlFor="amount_fiat">
+                Amount (fiat)
+              </label>
+              <input
+                className={inputClass}
+                id="amount_fiat"
+                name="amount_fiat"
+                type="number"
+                step="0.01"
+                min="0"
+                placeholder="100.00"
+                required
+                onChange={(event) => setAmountInput(event.target.value)}
+              />
+            </div>
+            <div className="grid gap-2">
+              <label className={labelClass} htmlFor="currency">
+                Currency
+              </label>
+              <input
+                className={inputClass}
+                id="currency"
+                name="currency"
+                type="text"
+                placeholder="USD"
+                list="fiat-currency-options"
+                value={fiatCurrency}
+                onChange={(event) => setFiatCurrency(event.target.value.toUpperCase())}
+                required
+              />
+            </div>
+            <datalist id="fiat-currency-options">
+              {FIAT_CURRENCY_SUGGESTIONS.map((code) => (
+                <option
+                  key={code}
+                  value={code}
+                  label={`${getCurrencyFlag(code) ?? ""} ${code}`.trim()}
+                />
+              ))}
+            </datalist>
+            <p className="text-sm text-ink-soft sm:col-span-2">
+              Fiat inputs create a WOW invoice using a non-binding rate at request time.
+            </p>
+            {showFiatEstimate ? (
+              <div className="sm:col-span-2">
+                <p className="text-sm text-ink-soft">
+                  Approx. WOW value: {fiatEstimateLabel}
+                  {fiatCurrencyFlag ? ` · ${fiatCurrencyFlag} ${fiatCurrency}` : ""}
+                </p>
+                {xmrEstimate ? (
+                  <details className="w-fit text-xs text-ink-soft">
+                    <summary className="cursor-pointer select-none underline underline-offset-4">
+                      About this estimate
+                    </summary>
+                    <p className="mt-2 max-w-[46ch] leading-relaxed">
+                      Reference only, uses CoinGecko spot rate. Not a quote or guarantee.
+                    </p>
+                  </details>
+                ) : null}
+              </div>
+            ) : null}
+          </div>
+        )}
+        <div className="grid gap-2">
+          <label className={labelClass} htmlFor="confirmation_target">
+            Confirmation target
+          </label>
+          <input
+            className={inputClass}
+            id="confirmation_target"
+            name="confirmation_target"
+            type="number"
+            min="0"
+            max="10"
+            step="1"
+            defaultValue={10}
+            required
+          />
+          <p className="text-sm text-ink-soft">Expiry defaults to 60 minutes.</p>
+        </div>
+        <div className="grid gap-2">
+          <label className={labelClass} htmlFor="expires_date">
+            Expiry date
+          </label>
+          <div className="grid gap-3 sm:grid-cols-[minmax(0,1fr)_160px]">
+            <input
+              className={inputClass}
+              id="expires_date"
+              name="expires_date"
+              type="date"
+            />
+            <input
+              className={inputClass}
+              id="expires_time"
+              name="expires_time"
+              type="time"
+            />
+          </div>
+          <p className="text-sm text-ink-soft">
+            Leave blank to keep the default 60-minute expiry.
+          </p>
+        </div>
+        <div className="flex items-center gap-3 rounded-xl border border-stroke bg-white/60 px-4 py-3 text-sm font-semibold text-ink">
+          <label className="flex items-center gap-3" htmlFor="instant_confirmation">
+            <input
+              className="h-4 w-4 rounded border-stroke text-ink focus:ring-ink/20"
+              id="instant_confirmation"
+              name="instant_confirmation"
+              type="checkbox"
+              value="1"
+            />
+            Instant confirmation (0 confirmations)
+          </label>
+        </div>
+        <div className="grid gap-2">
+          <label className={labelClass} htmlFor="recipient_name">
+            Recipient name
+          </label>
+          <input
+            className={inputClass}
+            id="recipient_name"
+            name="recipient_name"
+            type="text"
+            placeholder="Your store"
+          />
+        </div>
+        <div className="grid gap-2">
+          <label className={labelClass} htmlFor="description">
+            Description
+          </label>
+          <input
+            className={inputClass}
+            id="description"
+            name="description"
+            type="text"
+            placeholder="Order 1042"
+          />
+        </div>
+        <div className="grid gap-2">
+          <label className={labelClass} htmlFor="checkout_continue_url">
+            Continue URL (optional)
+          </label>
+          <input
+            className={inputClass}
+            id="checkout_continue_url"
+            name="checkout_continue_url"
+            type="url"
+            placeholder="https://merchant.example/thanks"
+          />
+          <p className="text-sm text-ink-soft">
+            After confirmation, the hosted invoice page shows a &quot;Continue&quot; button
+            that navigates to this URL.
+          </p>
+        </div>
+        <div className="grid gap-2">
+          <label className={labelClass} htmlFor="qr_color">
+            QR accent color
+          </label>
+          <input
+            className="h-12 w-full rounded-xl border border-stroke bg-white/80 px-3 py-2"
+            id="qr_color"
+            name="qr_color"
+            type="color"
+            value={qrColor}
+            onChange={(event) => setQrColor(event.target.value)}
+            aria-label="QR accent color"
+          />
+        </div>
+        <div className="grid gap-2">
+          <label className={labelClass} htmlFor="qr_logo">
+            Logo overlay
+          </label>
+          <input
+            className="w-full rounded-xl border border-stroke bg-white/80 px-4 py-3 text-sm text-ink"
+            id="qr_logo"
+            name="qr_logo"
+            type="file"
+            accept="image/*"
+            onChange={handleLogoChange}
+          />
+          <p className="text-sm text-ink-soft">Logo overlays the QR center for branding.</p>
+          {qrLogo ? (
+            <button
+              className={secondaryButton}
+              type="button"
+              onClick={() => setQrLogo(null)}
+            >
+              Remove logo
+            </button>
+          ) : null}
+        </div>
+        {state.error ? (
+          <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+            {state.error}
+          </p>
+        ) : null}
+        {state.invoiceId ? (
+          <div className="grid gap-3 rounded-2xl border border-stroke bg-white/70 p-5 shadow-soft">
+            <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+              Invoice created
+            </p>
+            <code className="break-all rounded-lg bg-ink/10 px-3 py-2 text-sm text-ink">
+              {state.invoiceId}
+            </code>
+            {publicInvoiceUrl ? (
+              <>
+                <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                  Status link
+                </p>
+                <Link
+                  className="break-all text-sm font-semibold text-ink underline"
+                  href={publicInvoiceUrl}
+                  target="_blank"
+                  rel="noreferrer"
+                >
+                  {publicInvoiceUrl}
+                </Link>
+              </>
+            ) : null}
+            <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+              Address
+            </p>
+            <code className="break-all rounded-lg bg-ink/10 px-3 py-2 text-sm text-ink">
+              {state.address}
+            </code>
+            {state.subaddressIndex !== null ? (
+              <>
+                <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                  Subaddress index
+                </p>
+                <code className="rounded-lg bg-ink/10 px-3 py-2 text-sm text-ink">
+                  {state.subaddressIndex}
+                </code>
+              </>
+            ) : null}
+            {state.warnings && state.warnings.length > 0 ? (
+              <div className="rounded-xl border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900">
+                {state.warnings.map((warning) => (
+                  <p key={warning}>{warning}</p>
+                ))}
+              </div>
+            ) : null}
+            {uri ? (
+              <>
+                <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                  Payment request
+                </p>
+                <code className="break-all rounded-lg bg-ink/10 px-3 py-2 text-sm text-ink">
+                  {uri}
+                </code>
+              </>
+            ) : null}
+            {qrDataUrl ? (
+              <div className="relative mx-auto mt-2 h-[220px] w-[220px] rounded-2xl border border-stroke bg-white p-2">
+                <Image
+                  className="h-full w-full rounded-xl border border-ink/10 bg-white"
+                  src={qrDataUrl}
+                  alt="Payment request QR"
+                  width={220}
+                  height={220}
+                  unoptimized
+                />
+                {qrLogo ? (
+                  <Image
+                    className="absolute left-1/2 top-1/2 h-[54px] w-[54px] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-white bg-white object-cover"
+                    src={qrLogo}
+                    alt="Logo overlay"
+                    width={54}
+                    height={54}
+                    unoptimized
+                  />
+                ) : null}
+              </div>
+            ) : null}
+          </div>
+        ) : null}
+        <div className="flex justify-end">
+          <button className={secondaryButton} type="submit">
+            Create invoice
+          </button>
+        </div>
+      </form>
+    </div>
+  );
+}
diff --git a/ui/components/default-confirmation-target-section.tsx b/ui/components/default-confirmation-target-section.tsx
new file mode 100644
index 0000000..abde243
--- /dev/null
+++ b/ui/components/default-confirmation-target-section.tsx
@@ -0,0 +1,85 @@
+"use client";
+
+import { useEffect } from "react";
+import { useFormState } from "react-dom";
+import { useRouter } from "next/navigation";
+
+import {
+  updateDefaultConfirmationTargetAction,
+  type DefaultConfirmationTargetState,
+} from "../app/(app)/dashboard/actions";
+
+const buildInitialState = (value: number): DefaultConfirmationTargetState => ({
+  value,
+  error: null,
+  success: null,
+});
+
+export default function DefaultConfirmationTargetSection({
+  initialValue,
+}: {
+  initialValue: number;
+}) {
+  const router = useRouter();
+  const [state, formAction] = useFormState(
+    updateDefaultConfirmationTargetAction,
+    buildInitialState(initialValue)
+  );
+
+  useEffect(() => {
+    if (state.success) {
+      router.refresh();
+    }
+  }, [router, state.success]);
+
+  return (
+    <div className="grid gap-4">
+      <div>
+        <h2 className="font-serif text-2xl">Default confirmations</h2>
+        <p className="mt-2 text-sm text-ink-soft">
+          Used as the default confirmation target for new invoices.
+        </p>
+      </div>
+      <form className="grid gap-3 sm:grid-cols-[minmax(0,1fr)_auto]" action={formAction}>
+        <div className="grid gap-2">
+          <label
+            className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft"
+            htmlFor="default_confirmation_target"
+          >
+            Confirmation target
+          </label>
+          <input
+            className="w-full rounded-xl border border-stroke bg-white/80 px-4 py-3 text-sm text-ink shadow-[inset_0_1px_0_rgba(255,255,255,0.6)] outline-none transition focus:border-ink/40 focus:ring-2 focus:ring-ink/10"
+            id="default_confirmation_target"
+            name="default_confirmation_target"
+            type="number"
+            min={0}
+            max={10}
+            step={1}
+            defaultValue={state.value}
+            required
+          />
+        </div>
+        <div className="flex items-end justify-end">
+          <button
+            className="inline-flex items-center justify-center rounded-full bg-ink px-6 py-3 text-sm font-semibold text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5"
+            type="submit"
+          >
+            Save
+          </button>
+        </div>
+      </form>
+      {state.error ? (
+        <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+          {state.error}
+        </p>
+      ) : null}
+      {state.success ? (
+        <p className="rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm font-semibold text-emerald-700">
+          {state.success}
+        </p>
+      ) : null}
+    </div>
+  );
+}
+
diff --git a/ui/components/default-qr-logo-section.tsx b/ui/components/default-qr-logo-section.tsx
new file mode 100644
index 0000000..77b1cf0
--- /dev/null
+++ b/ui/components/default-qr-logo-section.tsx
@@ -0,0 +1,179 @@
+"use client";
+
+import Image from "next/image";
+import { useEffect, useMemo, useState } from "react";
+import { useFormState } from "react-dom";
+import { useRouter } from "next/navigation";
+
+import {
+  updateDefaultQrLogoAction,
+  type DefaultQrLogoState,
+} from "../app/(app)/dashboard/actions";
+
+const buildInitialState = (logo: "monero" | "none" | "custom", logoDataUrl: string | null) => ({
+  logo,
+  logoDataUrl,
+  error: null,
+  success: null,
+});
+
+export default function DefaultQrLogoSection({
+  initialLogo,
+  initialLogoDataUrl,
+}: {
+  initialLogo: "monero" | "none" | "custom";
+  initialLogoDataUrl: string | null;
+}) {
+  const router = useRouter();
+  const [logo, setLogo] = useState<"monero" | "none" | "custom">(initialLogo);
+  const [logoDataUrl, setLogoDataUrl] = useState<string | null>(initialLogoDataUrl);
+  const [state, formAction] = useFormState(
+    updateDefaultQrLogoAction,
+    buildInitialState(initialLogo, initialLogoDataUrl)
+  );
+
+  useEffect(() => {
+    if (state.success) {
+      router.refresh();
+    }
+  }, [router, state.success]);
+
+  useEffect(() => {
+    setLogo(initialLogo);
+    setLogoDataUrl(initialLogoDataUrl);
+  }, [initialLogo, initialLogoDataUrl]);
+
+  const previewSrc = useMemo(() => {
+    if (logo === "monero") {
+      return "/wownero-logo.svg";
+    }
+    if (logo === "custom") {
+      return logoDataUrl;
+    }
+    return null;
+  }, [logo, logoDataUrl]);
+
+  const handleLogoFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0];
+    if (!file) {
+      setLogoDataUrl(null);
+      return;
+    }
+    const reader = new FileReader();
+    reader.onload = () => {
+      const result = reader.result;
+      if (typeof result === "string") {
+        setLogoDataUrl(result);
+      }
+    };
+    reader.readAsDataURL(file);
+  };
+
+  return (
+    <div className="grid gap-4">
+      <div>
+        <h2 className="font-serif text-2xl">Default QR logo</h2>
+        <p className="mt-2 text-sm text-ink-soft">
+          Applies to new invoices unless overridden at creation time.
+        </p>
+      </div>
+      <form className="grid gap-4" action={formAction}>
+        <div className="grid gap-2">
+          <label
+            className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft"
+            htmlFor="default_qr_logo"
+          >
+            Logo mode
+          </label>
+          <select
+            className="w-full rounded-xl border border-stroke bg-white/80 px-4 py-3 text-sm text-ink shadow-[inset_0_1px_0_rgba(255,255,255,0.6)] outline-none transition focus:border-ink/40 focus:ring-2 focus:ring-ink/10"
+            id="default_qr_logo"
+            name="default_qr_logo"
+            value={logo}
+            onChange={(event) => {
+              const value = event.target.value;
+              if (value === "none" || value === "custom" || value === "monero") {
+                setLogo(value);
+              }
+            }}
+          >
+            <option value="monero">Wownero logo</option>
+            <option value="none">No logo</option>
+            <option value="custom">Custom image</option>
+          </select>
+        </div>
+
+        {logo === "custom" ? (
+          <div className="grid gap-2">
+            <label
+              className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft"
+              htmlFor="default_qr_logo_file"
+            >
+              Custom logo image
+            </label>
+            <input
+              className="w-full rounded-xl border border-stroke bg-white/80 px-4 py-3 text-sm text-ink"
+              id="default_qr_logo_file"
+              type="file"
+              accept="image/*"
+              onChange={handleLogoFileChange}
+            />
+            <p className="text-sm text-ink-soft">
+              Stored as a data URL for use on public invoice pages. Keep it small.
+            </p>
+            {logoDataUrl ? (
+              <button
+                className="inline-flex w-fit items-center justify-center rounded-full border border-stroke bg-white/60 px-5 py-2.5 text-sm font-semibold text-ink transition hover:-translate-y-0.5"
+                type="button"
+                onClick={() => setLogoDataUrl(null)}
+              >
+                Remove image
+              </button>
+            ) : null}
+          </div>
+        ) : null}
+
+        <input
+          type="hidden"
+          name="default_qr_logo_data_url"
+          value={logo === "custom" ? logoDataUrl ?? "" : ""}
+        />
+
+        {previewSrc ? (
+          <div className="flex items-center gap-3 rounded-2xl border border-stroke bg-white/70 p-4 shadow-soft">
+            <span className="inline-flex h-12 w-12 items-center justify-center rounded-full bg-white shadow-[0_6px_12px_rgba(16,18,23,0.18)]">
+              <Image
+                src={previewSrc}
+                alt="QR logo preview"
+                width={32}
+                height={32}
+                unoptimized={logo === "custom"}
+              />
+            </span>
+            <p className="text-sm text-ink-soft">Preview (used in the QR center).</p>
+          </div>
+        ) : null}
+
+        {state.error ? (
+          <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+            {state.error}
+          </p>
+        ) : null}
+        {state.success ? (
+          <p className="rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm font-semibold text-emerald-700">
+            {state.success}
+          </p>
+        ) : null}
+        <div className="flex justify-end">
+          <button
+            className="inline-flex items-center justify-center rounded-full bg-ink px-6 py-3 text-sm font-semibold text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5"
+            type="submit"
+          >
+            Save
+          </button>
+        </div>
+      </form>
+    </div>
+  );
+}
+
diff --git a/ui/components/donate-modal.tsx b/ui/components/donate-modal.tsx
new file mode 100644
index 0000000..8996c86
--- /dev/null
+++ b/ui/components/donate-modal.tsx
@@ -0,0 +1,195 @@
+"use client";
+
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useFormState } from "react-dom";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+
+import {
+  createDonationAction,
+  type DonationState,
+} from "../app/(marketing)/donate/actions";
+import { formatUsdAmount } from "../lib/formatting";
+import { useXmrUsdRate } from "../lib/use-xmr-usd-rate";
+
+const donateParam = "donate";
+
+const initialState: DonationState = {
+  error: null,
+  invoiceId: null,
+};
+
+export default function DonateModal() {
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const donationsEnabled = process.env.NEXT_PUBLIC_DONATIONS_ENABLED === "true";
+  const isOpen = searchParams.get(donateParam) === "1";
+  const [state, formAction] = useFormState(createDonationAction, initialState);
+  const formRef = useRef<HTMLFormElement | null>(null);
+  const [amountInput, setAmountInput] = useState("");
+  const { rate: usdRate } = useXmrUsdRate();
+
+  const openModal = useCallback(() => {
+    const params = new URLSearchParams(searchParams.toString());
+    params.set(donateParam, "1");
+    const query = params.toString();
+    router.push(query ? `${pathname}?${query}` : pathname);
+  }, [pathname, router, searchParams]);
+
+  const closeModal = useCallback(() => {
+    const params = new URLSearchParams(searchParams.toString());
+    params.delete(donateParam);
+    const query = params.toString();
+    router.replace(query ? `${pathname}?${query}` : pathname);
+  }, [pathname, router, searchParams]);
+
+  useEffect(() => {
+    if (!state.invoiceId) {
+      return;
+    }
+    closeModal();
+    router.push(`/donate/${state.invoiceId}`);
+  }, [closeModal, router, state.invoiceId]);
+
+  useEffect(() => {
+    if (!isOpen) {
+      return;
+    }
+    formRef.current?.reset();
+    setAmountInput("");
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === "Escape") {
+        closeModal();
+      }
+    };
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.body.style.overflow = previousOverflow;
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [closeModal, isOpen]);
+  const amountValue = useMemo(() => {
+    const parsed = Number.parseFloat(amountInput);
+    return Number.isFinite(parsed) ? parsed : null;
+  }, [amountInput]);
+  const usdEstimate = useMemo(() => {
+    if (!usdRate || amountValue === null || amountValue <= 0) {
+      return null;
+    }
+    return formatUsdAmount(usdRate * amountValue);
+  }, [usdRate, amountValue]);
+
+  if (!donationsEnabled) {
+    return null;
+  }
+
+  return (
+    <div className="flex items-center">
+      <button
+        className="rounded-full border border-stroke bg-white/40 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.18em] text-clay transition hover:text-ink"
+        type="button"
+        onClick={openModal}
+      >
+        Donate
+      </button>
+      {isOpen ? (
+        <div
+          className="fixed inset-0 z-30 grid place-items-center"
+          role="dialog"
+          aria-modal="true"
+          aria-labelledby="donate-title"
+        >
+          <div className="absolute inset-0 bg-ink/60 backdrop-blur" onClick={closeModal} />
+          <div
+            className="relative w-[min(420px,92vw)] rounded-3xl border border-stroke bg-card p-7 shadow-deep"
+            onClick={(event) => event.stopPropagation()}
+          >
+            <div className="flex items-center justify-between gap-4">
+              <div>
+                <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+                  Support wowcheckout.com
+                </p>
+                <h3 id="donate-title" className="mt-2 font-serif text-xl">
+                  If wowcheckout.com has been helpful, a donation is appreciated.
+                </h3>
+              </div>
+              <button
+                className="rounded-full border border-stroke bg-white/70 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.14em] text-ink transition hover:-translate-y-0.5"
+                type="button"
+                onClick={closeModal}
+                aria-label="Close donation modal"
+              >
+                Close
+              </button>
+            </div>
+            <p className="mt-3 text-ink-soft">
+              Choose an amount and we will open an invoice page with payment details and status.
+            </p>
+            <form className="mt-4 grid gap-4" action={formAction} ref={formRef}>
+              <label
+                className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft"
+                htmlFor="donation_amount"
+              >
+                Amount (WOW)
+              </label>
+              <input
+                className="w-full rounded-xl border border-stroke bg-white/80 px-4 py-3 text-sm text-ink shadow-[inset_0_1px_0_rgba(255,255,255,0.6)] outline-none transition focus:border-ink/40 focus:ring-2 focus:ring-ink/10"
+                id="donation_amount"
+                name="amount_xmr"
+                type="number"
+                step="0.000001"
+                min="0"
+                placeholder="0.10"
+                required
+                onChange={(event) => setAmountInput(event.target.value)}
+              />
+              <div className="min-h-[2.75rem]">
+                {usdEstimate ? (
+                  <>
+                    <p className="text-sm text-ink-soft">
+                      Approx. USD reference: ~{usdEstimate}
+                    </p>
+                    <details className="w-fit text-xs text-ink-soft">
+                      <summary className="cursor-pointer select-none underline underline-offset-4">
+                        About this estimate
+                      </summary>
+                      <p className="mt-2 max-w-[46ch] leading-relaxed">
+                        Reference only, uses CoinGecko spot rate. Not a quote or guarantee.
+                      </p>
+                    </details>
+                  </>
+                ) : null}
+              </div>
+              {state.error ? (
+                <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+                  {state.error}
+                </p>
+              ) : null}
+              <div className="flex flex-wrap justify-end gap-3">
+                <button
+                  className="inline-flex items-center justify-center rounded-full border border-stroke bg-white/60 px-5 py-2.5 text-sm font-semibold text-ink transition hover:-translate-y-0.5"
+                  type="button"
+                  onClick={closeModal}
+                >
+                  Cancel
+                </button>
+                <button
+                  className="inline-flex items-center justify-center rounded-full bg-ink px-5 py-2.5 text-sm font-semibold text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5"
+                  type="submit"
+                >
+                  Donate
+                </button>
+              </div>
+            </form>
+            <p className="mt-4 text-sm text-ink-soft">
+              Payments go directly to the founder wallet. This checkout never
+              moves funds.
+            </p>
+          </div>
+        </div>
+      ) : null}
+    </div>
+  );
+}
diff --git a/ui/components/donation-status-actions.tsx b/ui/components/donation-status-actions.tsx
new file mode 100644
index 0000000..0aff21f
--- /dev/null
+++ b/ui/components/donation-status-actions.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import Link from "next/link";
+
+export default function DonationStatusActions() {
+  return (
+    <div className="flex flex-wrap gap-3">
+      <Link
+        className="inline-flex items-center justify-center rounded-full bg-ink px-5 py-2.5 text-sm font-semibold text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5"
+        href="/"
+      >
+        Back to home
+      </Link>
+    </div>
+  );
+}
diff --git a/ui/components/invoice-panel.tsx b/ui/components/invoice-panel.tsx
new file mode 100644
index 0000000..5d83586
--- /dev/null
+++ b/ui/components/invoice-panel.tsx
@@ -0,0 +1,1402 @@
+"use client";
+
+import Link from "next/link";
+import { Fragment, useEffect, useMemo, useState } from "react";
+import { useFormState } from "react-dom";
+import { useRouter } from "next/navigation";
+import { formatRelativeTime } from "./relative-time";
+import { formatUsdAmount, formatXmrAmount } from "../lib/formatting";
+import { useXmrUsdRate } from "../lib/use-xmr-usd-rate";
+import { useXmrFiatRate } from "../lib/use-xmr-fiat-rate";
+import {
+  FIAT_CURRENCY_SUGGESTIONS,
+  getCurrencyFlag,
+} from "../lib/fiat-currencies";
+
+import {
+  createInvoiceAction,
+  createInvoiceTourAction,
+  archiveInvoiceAction,
+  archiveInvoiceTourAction,
+  type ArchiveInvoiceState,
+  type InvoiceState,
+} from "../app/(app)/dashboard/actions";
+
+type InvoiceItem = {
+  id: string;
+  address: string;
+  subaddress_index?: number | null;
+  amount_xmr: string;
+  status: "pending" | "payment_detected" | "confirmed" | "expired" | "invalid";
+  confirmation_target: number;
+  paid_after_expiry?: boolean;
+  paid_after_expiry_at?: string | null;
+  metadata?: Record<string, string> | null;
+  created_at: string;
+  archived_at: string | null;
+  detected_at: string | null;
+  confirmed_at: string | null;
+  expires_at: string | null;
+};
+
+type InvoicePanelProps = {
+  mode?: "live" | "tour";
+  basePath?: string;
+  activeInvoices: InvoiceItem[];
+  includeArchived: boolean;
+  searchQuery: string;
+  sort: string;
+  order: string;
+  defaultConfirmationTarget: number;
+};
+
+const initialState: InvoiceState = {
+  error: null,
+  invoiceId: null,
+  address: null,
+  amount: null,
+  recipientName: null,
+  description: null,
+  subaddressIndex: null,
+  warnings: null,
+};
+
+const initialArchiveState: ArchiveInvoiceState = {
+  error: null,
+  success: null,
+  archivedId: null,
+};
+
+const formatStatus = (status: InvoiceItem["status"]) => {
+  if (status === "payment_detected") {
+    return "Payment detected";
+  }
+  if (status === "pending") {
+    return "Awaiting funds";
+  }
+  if (status === "confirmed") {
+    return "Confirmed";
+  }
+  if (status === "invalid") {
+    return "Invalid";
+  }
+  return "Expired";
+};
+
+const formatTimestamp = (value: string | null) => {
+  if (!value) {
+    return "-";
+  }
+  return new Date(value).toLocaleString();
+};
+
+type CreateInvoiceModalProps = {
+  mode: "live" | "tour";
+  defaultConfirmationTarget: number;
+  onClose: () => void;
+};
+
+type CreateInvoiceAction = (
+  prevState: InvoiceState,
+  formData: FormData
+) => Promise<InvoiceState>;
+
+function CreateInvoiceModal({
+  mode,
+  defaultConfirmationTarget,
+  onClose,
+}: CreateInvoiceModalProps) {
+  const router = useRouter();
+  const action: CreateInvoiceAction =
+    mode === "tour" ? createInvoiceTourAction : createInvoiceAction;
+  const [state, formAction] = useFormState(action, initialState);
+  const [amount, setAmount] = useState("");
+  const [amountMode, setAmountMode] = useState<"xmr" | "fiat">("xmr");
+  const [fiatCurrency, setFiatCurrency] = useState("USD");
+  const [confirmationMode, setConfirmationMode] = useState<"account_default" | "custom">(
+    "account_default"
+  );
+  const [confirmationTarget, setConfirmationTarget] = useState(
+    String(defaultConfirmationTarget ?? 10)
+  );
+  const [expiryMode, setExpiryMode] = useState<"default" | "custom">("default");
+  const [expiresDate, setExpiresDate] = useState("");
+  const [expiresTime, setExpiresTime] = useState("");
+  const [recipientName, setRecipientName] = useState("");
+  const [description, setDescription] = useState("");
+  const [checkoutContinueUrl, setCheckoutContinueUrl] = useState("");
+  const [qrLogoMode, setQrLogoMode] = useState<
+    "account_default" | "monero" | "none" | "custom"
+  >("account_default");
+  const [qrLogoDataUrl, setQrLogoDataUrl] = useState<string | null>(null);
+  const [createInvoiceOrigin, setCreateInvoiceOrigin] = useState<string | null>(
+    process.env.NEXT_PUBLIC_SITE_URL?.replace(/\/+$/, "") ?? null
+  );
+  const { rate: usdRate } = useXmrUsdRate();
+  const { rate: fiatRate, status: fiatRateStatus } = useXmrFiatRate(
+    amountMode === "fiat" ? fiatCurrency : null
+  );
+
+  useEffect(() => {
+    if (createInvoiceOrigin) {
+      return;
+    }
+    setCreateInvoiceOrigin(window.location.origin);
+  }, [createInvoiceOrigin]);
+
+  useEffect(() => {
+    if (!state.invoiceId) {
+      return;
+    }
+    router.refresh();
+  }, [router, state.invoiceId]);
+
+  const publicInvoiceUrl = state.invoiceId
+    ? createInvoiceOrigin
+      ? new URL(`/invoice/${state.invoiceId}`, createInvoiceOrigin).toString()
+      : `/invoice/${state.invoiceId}`
+    : null;
+
+  const formattedDraftAmount =
+    amountMode === "xmr" && amount ? formatXmrAmount(amount) : amount;
+
+  const draftAmountValue = useMemo(() => {
+    if (amountMode !== "xmr") {
+      return null;
+    }
+    const parsed = Number.parseFloat(amount);
+    return Number.isFinite(parsed) ? parsed : null;
+  }, [amount, amountMode]);
+
+  const draftUsdEstimate = useMemo(() => {
+    if (!usdRate || draftAmountValue === null || draftAmountValue <= 0) {
+      return null;
+    }
+    return formatUsdAmount(usdRate * draftAmountValue);
+  }, [usdRate, draftAmountValue]);
+
+  const fiatAmountValue = useMemo(() => {
+    if (amountMode !== "fiat") {
+      return null;
+    }
+    const parsed = Number.parseFloat(amount);
+    return Number.isFinite(parsed) ? parsed : null;
+  }, [amount, amountMode]);
+
+  const draftXmrEstimate = useMemo(() => {
+    if (!fiatRate || fiatAmountValue === null || fiatAmountValue <= 0) {
+      return null;
+    }
+    const estimate = fiatAmountValue / fiatRate;
+    return formatXmrAmount(estimate.toFixed(12));
+  }, [fiatAmountValue, fiatRate]);
+
+  const showFiatEstimate =
+    amountMode === "fiat" && fiatAmountValue !== null && fiatAmountValue > 0;
+  const draftXmrEstimateLabel = draftXmrEstimate
+    ? `~${draftXmrEstimate} WOW`
+    : fiatRateStatus === "loading"
+      ? "Fetching estimate..."
+      : "Estimate unavailable";
+  const fiatCurrencyFlag = getCurrencyFlag(fiatCurrency);
+  const fiatCurrencyLabel = fiatCurrencyFlag
+    ? `${fiatCurrencyFlag} ${fiatCurrency}`
+    : fiatCurrency;
+
+  const expiryTimeValue = expiresTime || "00:00";
+  const expiryValue = expiresDate ? `${expiresDate}T${expiryTimeValue}` : "";
+  const expiryIsValid =
+    expiryMode !== "custom" || (!expiresTime && !expiresDate) || !!expiresDate;
+  const isFiatCurrencyValid = amountMode !== "fiat" || Boolean(fiatCurrency.trim());
+
+  const handleQrLogoFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0];
+    if (!file) {
+      setQrLogoDataUrl(null);
+      return;
+    }
+    const reader = new FileReader();
+    reader.onload = () => {
+      const result = reader.result;
+      if (typeof result === "string") {
+        setQrLogoDataUrl(result);
+      }
+    };
+    reader.readAsDataURL(file);
+  };
+
+  const labelClass = "text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft";
+  const inputClass =
+    "w-full rounded-xl border border-stroke bg-white/80 px-4 py-3 text-sm text-ink shadow-[inset_0_1px_0_rgba(255,255,255,0.6)] outline-none transition focus:border-ink/40 focus:ring-2 focus:ring-ink/10";
+  const primaryButton =
+    "inline-flex items-center justify-center rounded-full bg-ink px-5 py-2.5 text-sm font-semibold text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5 disabled:cursor-not-allowed disabled:opacity-70";
+  const secondaryButton =
+    "inline-flex items-center justify-center rounded-full border border-stroke bg-white/60 px-5 py-2.5 text-sm font-semibold text-ink transition hover:-translate-y-0.5 disabled:cursor-not-allowed disabled:opacity-70";
+  const smallSecondaryButton =
+    "inline-flex items-center justify-center rounded-full border border-stroke bg-white/60 px-4 py-2 text-xs font-semibold uppercase tracking-[0.12em] text-ink transition hover:-translate-y-0.5 disabled:cursor-not-allowed disabled:opacity-70";
+
+  const createDisabled =
+    !amount ||
+    !isFiatCurrencyValid ||
+    (confirmationMode === "custom" && !confirmationTarget) ||
+    !expiryIsValid ||
+    (qrLogoMode === "custom" && !qrLogoDataUrl);
+
+  return (
+    <div className="fixed inset-0 z-20 flex items-center justify-center bg-ink/40 px-4 py-10">
+      <div className="flex max-h-[85vh] w-full max-w-3xl flex-col rounded-3xl border border-stroke bg-white shadow-deep">
+        <div className="flex flex-wrap items-start justify-between gap-4 p-8 pb-0">
+          <div>
+            <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+              Create invoice
+            </p>
+            <h2 className="mt-2 font-serif text-2xl">Create a new invoice</h2>
+            {mode === "tour" ? (
+              <p className="mt-2 text-sm font-semibold text-ink-soft">
+                Tour mode: submissions are simulated. No invoice is created.
+              </p>
+            ) : null}
+          </div>
+          <button className={secondaryButton} type="button" onClick={onClose}>
+            Close
+          </button>
+        </div>
+
+        <form
+          className="flex min-h-0 flex-1 flex-col gap-6 px-8 pb-8 pt-6"
+          action={formAction}
+        >
+          {state.invoiceId ? (
+            <div className="grid gap-4">
+              {publicInvoiceUrl ? (
+                <div className="rounded-2xl border border-stroke bg-white/70 p-5 shadow-soft">
+                  <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                    Invoice created
+                  </p>
+                  <p className="mt-3 text-sm text-ink">
+                    Share this invoice link with your customer:
+                  </p>
+                  <p className="mt-2 text-sm font-semibold text-ink">
+                    <Link
+                      className="underline underline-offset-4"
+                      href={publicInvoiceUrl}
+                      target="_blank"
+                      rel="noreferrer"
+                    >
+                      {publicInvoiceUrl}
+                    </Link>
+                  </p>
+                  {state.warnings && state.warnings.length > 0 ? (
+                    <div className="mt-4 rounded-xl border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900">
+                      {state.warnings.map((warning) => (
+                        <p key={warning}>{warning}</p>
+                      ))}
+                    </div>
+                  ) : null}
+                </div>
+              ) : null}
+
+              {state.error ? (
+                <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+                  {state.error}
+                </p>
+              ) : null}
+
+              <div className="flex flex-wrap justify-end gap-3">
+                <button className={secondaryButton} type="button" onClick={onClose}>
+                  Done
+                </button>
+              </div>
+            </div>
+          ) : (
+            <>
+              <div className="min-h-0 flex-1 overflow-y-auto pr-1">
+                <div className="grid gap-6">
+                  <div className="grid gap-4">
+                    <div className="grid gap-2">
+                      <label className={labelClass} htmlFor="wizard_amount_mode">
+                        Amount type
+                      </label>
+                      <select
+                        className={inputClass}
+                        id="wizard_amount_mode"
+                        name="amount_mode"
+                        value={amountMode}
+                        onChange={(event) => {
+                          const value = event.target.value;
+                          if (value === "xmr" || value === "fiat") {
+                            setAmountMode(value);
+                            setAmount("");
+                          }
+                        }}
+                      >
+                        <option value="xmr">WOW</option>
+                        <option value="fiat">Fiat reference</option>
+                      </select>
+                    </div>
+
+                    {amountMode === "xmr" ? (
+                      <div className="grid gap-2">
+                        <label className={labelClass} htmlFor="wizard_amount_xmr">
+                          Amount (WOW)
+                        </label>
+                        <input
+                          className={inputClass}
+                          id="wizard_amount_xmr"
+                          name="amount_xmr"
+                          type="number"
+                          step="0.000001"
+                          min="0"
+                          placeholder="0.10"
+                          value={amount}
+                          onChange={(event) => setAmount(event.target.value)}
+                          required
+                        />
+                        {draftUsdEstimate ? (
+                          <details className="w-fit text-xs text-ink-soft">
+                            <summary className="cursor-pointer select-none underline underline-offset-4">
+                              Approx. USD reference: ~{draftUsdEstimate}
+                            </summary>
+                            <p className="mt-2 max-w-[46ch] leading-relaxed">
+                              Reference only, uses CoinGecko spot rate. Not a quote or guarantee.
+                            </p>
+                          </details>
+                        ) : null}
+                      </div>
+                    ) : (
+                      <div className="grid gap-3 sm:grid-cols-[minmax(0,1fr)_140px]">
+                        <div className="grid gap-2">
+                          <label className={labelClass} htmlFor="wizard_amount_fiat">
+                            Amount (fiat)
+                          </label>
+                          <input
+                            className={inputClass}
+                            id="wizard_amount_fiat"
+                            name="amount_fiat"
+                            type="number"
+                            step="0.01"
+                            min="0"
+                            placeholder="100.00"
+                            value={amount}
+                            onChange={(event) => setAmount(event.target.value)}
+                            required
+                          />
+                        </div>
+                        <div className="grid gap-2">
+                          <label className={labelClass} htmlFor="wizard_currency">
+                            Currency
+                          </label>
+                          <input
+                            className={inputClass}
+                            id="wizard_currency"
+                            name="currency"
+                            type="text"
+                            placeholder="USD"
+                            list="wizard-fiat-currency-options"
+                            value={fiatCurrency}
+                            onChange={(event) =>
+                              setFiatCurrency(event.target.value.toUpperCase())
+                            }
+                            required
+                          />
+                        </div>
+                        <datalist id="wizard-fiat-currency-options">
+                          {FIAT_CURRENCY_SUGGESTIONS.map((code) => (
+                            <option
+                              key={code}
+                              value={code}
+                              label={`${getCurrencyFlag(code) ?? ""} ${code}`.trim()}
+                            />
+                          ))}
+                        </datalist>
+                        <p className="text-sm text-ink-soft sm:col-span-2">
+                          Fiat inputs create a WOW invoice using a non-binding rate at request
+                          time.
+                        </p>
+                        {showFiatEstimate ? (
+                          <details className="w-fit text-xs text-ink-soft sm:col-span-2">
+                            <summary className="cursor-pointer select-none underline underline-offset-4">
+                              Approx. WOW value: {draftXmrEstimateLabel}
+                              {fiatCurrencyFlag ? ` · ${fiatCurrencyLabel}` : ""}
+                            </summary>
+                            <p className="mt-2 max-w-[46ch] leading-relaxed">
+                              Reference only, uses CoinGecko spot rate. Not a quote or guarantee.
+                            </p>
+                          </details>
+                        ) : null}
+                      </div>
+                    )}
+                  </div>
+
+                  <details className="rounded-2xl border border-stroke bg-white/70 p-5 shadow-soft">
+                    <summary className="cursor-pointer select-none text-sm font-semibold text-ink">
+                      Optional details
+                    </summary>
+                    <div className="mt-4 grid gap-5">
+                      <div className="grid gap-3">
+                        <p className={labelClass}>Confirmations</p>
+                        <div className="grid gap-2 sm:grid-cols-[minmax(0,1fr)_200px]">
+                          <div className="grid gap-2">
+                            <label className={labelClass} htmlFor="wizard_confirmation_mode">
+                              Mode
+                            </label>
+                            <select
+                              className={inputClass}
+                              id="wizard_confirmation_mode"
+                              value={confirmationMode}
+                              onChange={(event) => {
+                                const value = event.target.value;
+                                if (value === "account_default" || value === "custom") {
+                                  setConfirmationMode(value);
+                                }
+                              }}
+                            >
+                              <option value="account_default">
+                                Account default ({defaultConfirmationTarget})
+                              </option>
+                              <option value="custom">Custom</option>
+                            </select>
+                          </div>
+                          {confirmationMode === "custom" ? (
+                            <div className="grid gap-2">
+                              <label className={labelClass} htmlFor="wizard_confirmation_target">
+                                Target
+                              </label>
+                              <input
+                                className={inputClass}
+                                id="wizard_confirmation_target"
+                                name="confirmation_target"
+                                type="number"
+                                min="0"
+                                max="10"
+                                step="1"
+                                value={confirmationTarget}
+                                onChange={(event) => setConfirmationTarget(event.target.value)}
+                                required
+                              />
+                            </div>
+                          ) : null}
+                        </div>
+                        {confirmationMode === "custom" ? (
+                          <div className="flex flex-wrap items-center gap-3">
+                            <button
+                              className={smallSecondaryButton}
+                              type="button"
+                              onClick={() => setConfirmationTarget("0")}
+                            >
+                              0 confirmations
+                            </button>
+                            <p className="text-sm text-ink-soft">
+                              Create the invoice with a custom confirmation target.
+                            </p>
+                          </div>
+                        ) : null}
+                      </div>
+
+                      <div className="grid gap-3">
+                        <p className={labelClass}>Expiry</p>
+                        <div className="grid gap-2">
+                          <label className={labelClass} htmlFor="wizard_expiry_mode">
+                            Mode
+                          </label>
+                          <select
+                            className={inputClass}
+                            id="wizard_expiry_mode"
+                            value={expiryMode}
+                            onChange={(event) => {
+                              const value = event.target.value;
+                              if (value === "default" || value === "custom") {
+                                setExpiryMode(value);
+                                if (value === "default") {
+                                  setExpiresDate("");
+                                  setExpiresTime("");
+                                }
+                              }
+                            }}
+                          >
+                            <option value="default">Default (60 minutes)</option>
+                            <option value="custom">Custom</option>
+                          </select>
+                        </div>
+
+                        {expiryMode === "custom" ? (
+                          <div className="grid gap-2">
+                            <label className={labelClass} htmlFor="wizard_expires_date">
+                              Expiry date
+                            </label>
+                            <div className="grid gap-3 sm:grid-cols-[minmax(0,1fr)_160px]">
+                              <input
+                                className={inputClass}
+                                id="wizard_expires_date"
+                                name="expires_date"
+                                type="date"
+                                value={expiresDate}
+                                onChange={(event) => setExpiresDate(event.target.value)}
+                              />
+                              <input
+                                className={inputClass}
+                                id="wizard_expires_time"
+                                name="expires_time"
+                                type="time"
+                                value={expiresTime}
+                                onChange={(event) => setExpiresTime(event.target.value)}
+                              />
+                            </div>
+                            <input type="hidden" name="expires_at" value={expiryValue} />
+                          </div>
+                        ) : null}
+                      </div>
+
+                      <div className="grid gap-3 sm:grid-cols-2">
+                        <div className="grid gap-2">
+                          <label className={labelClass} htmlFor="wizard_recipient">
+                            Recipient name
+                          </label>
+                          <input
+                            className={inputClass}
+                            id="wizard_recipient"
+                            name="recipient_name"
+                            type="text"
+                            placeholder="Your store"
+                            value={recipientName}
+                            onChange={(event) => setRecipientName(event.target.value)}
+                          />
+                        </div>
+                        <div className="grid gap-2">
+                          <label className={labelClass} htmlFor="wizard_description">
+                            Description
+                          </label>
+                          <input
+                            className={inputClass}
+                            id="wizard_description"
+                            name="description"
+                            type="text"
+                            placeholder="Order 1042"
+                            value={description}
+                            onChange={(event) => setDescription(event.target.value)}
+                          />
+                        </div>
+                      </div>
+
+                      <div className="grid gap-2">
+                        <label className={labelClass} htmlFor="wizard_checkout_continue_url">
+                          Continue URL
+                        </label>
+                        <input
+                          className={inputClass}
+                          id="wizard_checkout_continue_url"
+                          name="checkout_continue_url"
+                          type="url"
+                          placeholder="https://merchant.example/thanks"
+                          value={checkoutContinueUrl}
+                          onChange={(event) => setCheckoutContinueUrl(event.target.value)}
+                        />
+                        <p className="text-sm text-ink-soft">
+                          After confirmation, the hosted invoice page can show a Continue button.
+                        </p>
+                      </div>
+
+                      <div className="grid gap-2">
+                        <label className={labelClass} htmlFor="wizard_qr_logo_mode">
+                          QR logo
+                        </label>
+                        <select
+                          className={inputClass}
+                          id="wizard_qr_logo_mode"
+                          name="qr_logo_mode"
+                          value={qrLogoMode}
+                          onChange={(event) => {
+                            const value = event.target.value;
+                            if (
+                              value === "account_default" ||
+                              value === "monero" ||
+                              value === "none" ||
+                              value === "custom"
+                            ) {
+                              setQrLogoMode(value);
+                            }
+                            if (value !== "custom") {
+                              setQrLogoDataUrl(null);
+                            }
+                          }}
+                        >
+                          <option value="account_default">Account default</option>
+                          <option value="monero">Wownero logo</option>
+                          <option value="none">No logo</option>
+                          <option value="custom">Custom image</option>
+                        </select>
+                        <input
+                          type="hidden"
+                          name="qr_logo_data_url"
+                          value={qrLogoMode === "custom" ? qrLogoDataUrl ?? "" : ""}
+                        />
+                        {qrLogoMode === "custom" ? (
+                          <input
+                            className="w-full rounded-xl border border-stroke bg-white/80 px-4 py-3 text-sm text-ink"
+                            id="wizard_qr_logo_file"
+                            type="file"
+                            accept="image/*"
+                            onChange={handleQrLogoFileChange}
+                          />
+                        ) : null}
+                        {qrLogoMode === "custom" && qrLogoDataUrl ? (
+                          <button
+                            className={secondaryButton}
+                            type="button"
+                            onClick={() => setQrLogoDataUrl(null)}
+                          >
+                            Remove custom image
+                          </button>
+                        ) : null}
+                      </div>
+                    </div>
+                  </details>
+
+                  <div className="rounded-2xl border border-stroke bg-white/70 p-5 text-sm text-ink shadow-soft">
+                    <p className={labelClass}>Summary</p>
+                    <p className="mt-2">
+                      Amount: <strong>{formattedDraftAmount || "-"}</strong>{" "}
+                      {amountMode === "xmr" ? "WOW" : fiatCurrencyLabel}
+                    </p>
+                  </div>
+
+                  {state.error ? (
+                    <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+                      {state.error}
+                    </p>
+                  ) : null}
+                </div>
+              </div>
+
+              <div className="flex flex-wrap justify-end gap-3 border-t border-stroke pt-4">
+                <button className={secondaryButton} type="button" onClick={onClose}>
+                  Cancel
+                </button>
+                <button className={primaryButton} type="submit" disabled={createDisabled}>
+                  Create invoice
+                </button>
+              </div>
+            </>
+          )}
+        </form>
+      </div>
+    </div>
+  );
+}
+
+export default function InvoicePanel({
+  mode = "live",
+  basePath = "/dashboard",
+  activeInvoices,
+  includeArchived,
+  searchQuery,
+  sort,
+  order,
+  defaultConfirmationTarget,
+}: InvoicePanelProps) {
+  const router = useRouter();
+  const normalizedBasePath = basePath.replace(/\/+$/, "") || "/";
+  const [archiveState, archiveAction] = useFormState(
+    mode === "tour" ? archiveInvoiceTourAction : archiveInvoiceAction,
+    initialArchiveState
+  );
+  const [isCreateOpen, setIsCreateOpen] = useState(false);
+  const [createModalKey, setCreateModalKey] = useState(0);
+  const [expandedInvoiceId, setExpandedInvoiceId] = useState<string | null>(null);
+  const [archiveModalInvoiceId, setArchiveModalInvoiceId] = useState<string | null>(null);
+  const [searchInput, setSearchInput] = useState(searchQuery ?? "");
+
+  const activeList = useMemo(() => {
+    if (mode !== "tour") {
+      return activeInvoices;
+    }
+    const normalizedQuery = (searchQuery ?? "").trim().toLowerCase();
+    let list = [...activeInvoices];
+    if (normalizedQuery) {
+      list = list.filter((invoice) => {
+        const metadataValues = invoice.metadata
+          ? Object.entries(invoice.metadata).flatMap(([key, value]) => [
+              key,
+              value,
+              `${key}:${value}`,
+            ])
+          : [];
+        const haystack = [
+          invoice.id,
+          invoice.address,
+          invoice.amount_xmr,
+          invoice.status,
+          String(invoice.subaddress_index ?? ""),
+          ...metadataValues,
+        ]
+          .join(" ")
+          .toLowerCase();
+        return haystack.includes(normalizedQuery);
+      });
+    }
+
+    const statusRank: Record<InvoiceItem["status"], number> = {
+      pending: 0,
+      payment_detected: 1,
+      confirmed: 2,
+      expired: 3,
+      invalid: 4,
+    };
+
+    const compare = (a: InvoiceItem, b: InvoiceItem) => {
+      if (sort === "amount_xmr") {
+        const left = Number.parseFloat(a.amount_xmr);
+        const right = Number.parseFloat(b.amount_xmr);
+        const diff = (Number.isFinite(left) ? left : 0) - (Number.isFinite(right) ? right : 0);
+        return diff || a.id.localeCompare(b.id);
+      }
+      if (sort === "status") {
+        const diff = statusRank[a.status] - statusRank[b.status];
+        return diff || a.id.localeCompare(b.id);
+      }
+      const left = new Date(a.created_at).getTime();
+      const right = new Date(b.created_at).getTime();
+      const diff = (Number.isFinite(left) ? left : 0) - (Number.isFinite(right) ? right : 0);
+      return diff || a.id.localeCompare(b.id);
+    };
+
+    list.sort(compare);
+    if (order === "desc") {
+      list.reverse();
+    }
+    return list;
+  }, [activeInvoices, mode, order, searchQuery, sort]);
+  const archivedToggleHref = includeArchived
+    ? `${normalizedBasePath}?tab=invoices`
+    : `${normalizedBasePath}?tab=invoices&archived=1`;
+
+  useEffect(() => {
+    setSearchInput(searchQuery ?? "");
+  }, [searchQuery]);
+
+  const buildInvoicesHref = (next: {
+    q?: string;
+    sort?: string;
+    order?: string;
+    includeArchived?: boolean;
+  }) => {
+    const params = new URLSearchParams();
+    params.set("tab", "invoices");
+    const nextArchived = next.includeArchived ?? includeArchived;
+    if (nextArchived) {
+      params.set("archived", "1");
+    }
+    const nextQuery = (next.q ?? searchQuery ?? "").trim();
+    if (nextQuery) {
+      params.set("q", nextQuery);
+    }
+    const nextSort = next.sort ?? sort;
+    if (nextSort) {
+      params.set("sort", nextSort);
+    }
+    const nextOrder = next.order ?? order;
+    if (nextOrder) {
+      params.set("order", nextOrder);
+    }
+    return `${normalizedBasePath}?${params.toString()}`;
+  };
+
+  const csvExportHref = (() => {
+    if (mode === "tour") {
+      return null;
+    }
+    const params = new URLSearchParams();
+    if (includeArchived) {
+      params.set("include_archived", "true");
+    }
+    const trimmed = (searchQuery ?? "").trim();
+    if (trimmed) {
+      params.set("q", trimmed);
+    }
+    if (sort) {
+      params.set("sort", sort);
+    }
+    if (order) {
+      params.set("order", order);
+    }
+    const suffix = params.toString();
+    return suffix
+      ? `${normalizedBasePath}/invoices.csv?${suffix}`
+      : `${normalizedBasePath}/invoices.csv`;
+  })();
+
+  const openCreate = () => {
+    setIsCreateOpen(true);
+    setCreateModalKey((prev) => prev + 1);
+  };
+
+  const closeCreate = () => {
+    setIsCreateOpen(false);
+  };
+
+  const toggleInvoice = (invoiceId: string) => {
+    setExpandedInvoiceId((prev) => (prev === invoiceId ? null : invoiceId));
+  };
+
+  const openArchiveModal = (invoiceId: string) => {
+    setArchiveModalInvoiceId(invoiceId);
+  };
+
+  const closeArchiveModal = () => {
+    setArchiveModalInvoiceId(null);
+  };
+
+  useEffect(() => {
+    if (archiveState.archivedId && expandedInvoiceId === archiveState.archivedId) {
+      setExpandedInvoiceId(null);
+      setArchiveModalInvoiceId(null);
+      if (mode !== "tour") {
+        router.refresh();
+      }
+    }
+  }, [archiveState.archivedId, expandedInvoiceId, mode, router]);
+
+  const labelClass = "text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft";
+  const inputClass =
+    "w-full rounded-xl border border-stroke bg-white/80 px-4 py-3 text-sm text-ink shadow-[inset_0_1px_0_rgba(255,255,255,0.6)] outline-none transition focus:border-ink/40 focus:ring-2 focus:ring-ink/10";
+  const primaryButton =
+    "inline-flex items-center justify-center rounded-full bg-ink px-5 py-2.5 text-sm font-semibold text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5 disabled:cursor-not-allowed disabled:opacity-70";
+  const secondaryButton =
+    "inline-flex items-center justify-center rounded-full border border-stroke bg-white/60 px-5 py-2.5 text-sm font-semibold text-ink transition hover:-translate-y-0.5 disabled:cursor-not-allowed disabled:opacity-70";
+  const smallSecondaryButton =
+    "inline-flex items-center justify-center rounded-full border border-stroke bg-white/60 px-4 py-2 text-xs font-semibold uppercase tracking-[0.12em] text-ink transition hover:-translate-y-0.5 disabled:cursor-not-allowed disabled:opacity-70";
+
+  const sortHref = (key: string) => {
+    const nextOrder = sort === key && order === "asc" ? "desc" : "asc";
+    return buildInvoicesHref({ sort: key, order: nextOrder });
+  };
+
+  const applySearch = () => {
+    router.push(buildInvoicesHref({ q: searchInput }));
+  };
+
+  return (
+    <div className="rounded-2xl border border-stroke bg-white/80 p-8 shadow-card backdrop-blur">
+      <div className="flex flex-wrap items-start justify-between gap-4">
+        <div>
+          <h1 className="font-serif text-3xl">Invoices</h1>
+          <p className="mt-2 text-ink-soft">
+            Search, sort, and expand invoices for details.
+          </p>
+        </div>
+        <div className="flex flex-wrap items-center gap-3">
+          <Link className={secondaryButton} href={archivedToggleHref}>
+            {includeArchived ? "Hide archived" : "Show archived"}
+          </Link>
+          {csvExportHref ? (
+            <a className={secondaryButton} href={csvExportHref}>
+              Export CSV
+            </a>
+          ) : (
+            <button className={secondaryButton} type="button" disabled title="Tour mode only">
+              Export CSV
+            </button>
+          )}
+          <button className={primaryButton} type="button" onClick={openCreate}>
+            Create invoice
+          </button>
+        </div>
+      </div>
+      <div className="mt-6 grid gap-4">
+        <div className="flex flex-wrap items-end justify-between gap-3">
+          <form
+            className="flex w-full flex-1 flex-wrap items-end gap-3"
+            onSubmit={(event) => {
+              event.preventDefault();
+              applySearch();
+            }}
+          >
+            <div className="grid w-full gap-2 sm:max-w-lg">
+              <label className={labelClass} htmlFor="invoice_search">
+                Search
+              </label>
+              <input
+                className={inputClass}
+                id="invoice_search"
+                type="search"
+                value={searchInput}
+                placeholder="Invoice id, amount (WOW), subaddress, or metadata"
+                onChange={(event) => setSearchInput(event.target.value)}
+              />
+            </div>
+            <div className="flex gap-2">
+              <button className={smallSecondaryButton} type="submit">
+                Apply
+              </button>
+              {searchQuery ? (
+                <Link className={smallSecondaryButton} href={buildInvoicesHref({ q: "" })}>
+                  Clear
+                </Link>
+              ) : null}
+            </div>
+          </form>
+        </div>
+
+        {activeList.length === 0 ? (
+          <p className="text-sm font-semibold text-ink-soft">
+            No invoices match your filters.
+          </p>
+        ) : (
+          <>
+            <div className="grid gap-4 lg:hidden">
+              {activeList.map((invoice) => {
+                const isExpanded = expandedInvoiceId === invoice.id;
+                const showPaidAfterExpiry = Boolean(invoice.paid_after_expiry);
+                const isArchivable =
+                  !invoice.archived_at &&
+                  (invoice.status === "pending" ||
+                    invoice.status === "expired" ||
+                    invoice.status === "invalid");
+                return (
+                  <div
+                    key={invoice.id}
+                    className={`rounded-2xl border border-stroke bg-white/70 p-4 shadow-soft ${
+                      invoice.archived_at ? "bg-ink/5" : ""
+                    }`}
+                  >
+                    <div
+                      className="grid cursor-pointer gap-1 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ink/15 focus-visible:ring-offset-2 focus-visible:ring-offset-white/60"
+                      role="button"
+                      tabIndex={0}
+                      onClick={() => toggleInvoice(invoice.id)}
+                      onKeyDown={(event) => {
+                        if (event.key === "Enter" || event.key === " ") {
+                          event.preventDefault();
+                          toggleInvoice(invoice.id);
+                        }
+                      }}
+                    >
+                      {mode === "tour" ? (
+                        <span
+                          className="w-fit font-mono text-xs text-ink underline underline-offset-4"
+                          onClick={(event) => event.stopPropagation()}
+                        >
+                          {invoice.id}
+                        </span>
+                      ) : (
+                        <Link
+                          className="w-fit font-mono text-xs text-ink underline underline-offset-4"
+                          href={`/invoice/${invoice.id}`}
+                          target="_blank"
+                          rel="noreferrer"
+                          onClick={(event) => event.stopPropagation()}
+                        >
+                          {invoice.id}
+                        </Link>
+                      )}
+                      <span className="text-xs text-ink-soft">
+                        {invoice.address.slice(0, 18)}…{invoice.address.slice(-10)}
+                      </span>
+                    </div>
+                    <div className="mt-3 flex flex-wrap gap-2">
+                      {invoice.archived_at ? (
+                        <span className="rounded-full border border-stroke bg-white/60 px-3 py-1 text-[0.65rem] font-semibold uppercase tracking-[0.12em] text-ink">
+                          Archived
+                        </span>
+                      ) : null}
+                      {showPaidAfterExpiry ? (
+                        <span className="rounded-full border border-stroke bg-white/60 px-3 py-1 text-[0.65rem] font-semibold uppercase tracking-[0.12em] text-ink">
+                          Paid after expiry
+                        </span>
+                      ) : null}
+                      <span className="rounded-full border border-stroke bg-white/60 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink">
+                        {formatStatus(invoice.status)}
+                      </span>
+                    </div>
+                    <div className="mt-4 grid gap-3 sm:grid-cols-2">
+                      <div className="grid gap-1">
+                        <p className={labelClass}>Amount</p>
+                        <p className="text-sm font-semibold text-ink">
+                          {formatXmrAmount(invoice.amount_xmr)} WOW
+                        </p>
+                      </div>
+                    </div>
+                    <div className="mt-4 flex flex-wrap gap-2">
+                      <button
+                        className={smallSecondaryButton}
+                        type="button"
+                        onClick={() => toggleInvoice(invoice.id)}
+                      >
+                        {isExpanded ? "Hide" : "Details"}
+                      </button>
+                    </div>
+                    {isExpanded ? (
+                      <div className="mt-4 grid gap-4 rounded-xl border border-stroke bg-white/80 p-4 shadow-soft">
+                        <div className="grid gap-3 sm:grid-cols-2">
+                          <div className="grid gap-2">
+                            <p className={labelClass}>Created at</p>
+                            <p
+                              className="text-sm font-semibold text-ink"
+                              title={formatRelativeTime(invoice.created_at) ?? undefined}
+                            >
+                              {formatTimestamp(invoice.created_at)}
+                            </p>
+                          </div>
+                          <div className="grid gap-2">
+                            <p className={labelClass}>Detected at</p>
+                            <p
+                              className="text-sm font-semibold text-ink"
+                              title={formatRelativeTime(invoice.detected_at) ?? undefined}
+                            >
+                              {formatTimestamp(invoice.detected_at)}
+                            </p>
+                          </div>
+                          <div className="grid gap-2">
+                            <p className={labelClass}>Confirmed at</p>
+                            <p
+                              className="text-sm font-semibold text-ink"
+                              title={formatRelativeTime(invoice.confirmed_at) ?? undefined}
+                            >
+                              {formatTimestamp(invoice.confirmed_at)}
+                            </p>
+                          </div>
+                          <div className="grid gap-2">
+                            <p className={labelClass}>Expires at</p>
+                            <p
+                              className="text-sm font-semibold text-ink"
+                              title={formatRelativeTime(invoice.expires_at) ?? undefined}
+                            >
+                              {formatTimestamp(invoice.expires_at)}
+                            </p>
+                          </div>
+                          <div className="grid gap-2">
+                            <p className={labelClass}>Confirmation target</p>
+                            <p className="text-sm font-semibold text-ink">
+                              {invoice.confirmation_target}
+                            </p>
+                          </div>
+                          <div className="grid gap-2">
+                            <p className={labelClass}>Subaddress index</p>
+                            <p className="text-sm font-semibold text-ink">
+                              {invoice.subaddress_index ?? "-"}
+                            </p>
+                          </div>
+                          {invoice.archived_at ? (
+                            <div className="grid gap-2">
+                              <p className={labelClass}>Archived at</p>
+                              <p
+                                className="text-sm font-semibold text-ink"
+                                title={formatRelativeTime(invoice.archived_at) ?? undefined}
+                              >
+                                {formatTimestamp(invoice.archived_at)}
+                              </p>
+                            </div>
+                          ) : null}
+                          {invoice.paid_after_expiry_at ? (
+                            <div className="grid gap-2">
+                              <p className={labelClass}>Paid after expiry at</p>
+                              <p
+                                className="text-sm font-semibold text-ink"
+                                title={
+                                  formatRelativeTime(invoice.paid_after_expiry_at) ?? undefined
+                                }
+                              >
+                                {formatTimestamp(invoice.paid_after_expiry_at)}
+                              </p>
+                            </div>
+                          ) : null}
+                        </div>
+                        <div className="flex flex-wrap items-center gap-2">
+                          {isArchivable ? (
+                            <button
+                              className={smallSecondaryButton}
+                              type="button"
+                              onClick={() => openArchiveModal(invoice.id)}
+                            >
+                              Archive invoice
+                            </button>
+                          ) : (
+                            !invoice.archived_at ? (
+                              <p className="text-xs font-semibold uppercase tracking-[0.16em] text-ink-soft">
+                                {formatStatus(invoice.status)} invoices cannot be archived.
+                              </p>
+                            ) : null
+                          )}
+                          {archiveState.error && archiveModalInvoiceId === invoice.id ? (
+                            <p className="text-xs font-semibold uppercase tracking-[0.16em] text-clay">
+                              {archiveState.error}
+                            </p>
+                          ) : null}
+                          {archiveState.archivedId === invoice.id ? (
+                            <p className="text-xs font-semibold uppercase tracking-[0.16em] text-sage">
+                              Invoice archived.
+                            </p>
+                          ) : null}
+                        </div>
+                      </div>
+                    ) : null}
+                  </div>
+                );
+              })}
+            </div>
+            <div className="hidden overflow-x-auto rounded-2xl border border-stroke bg-white/70 shadow-soft lg:block">
+              <table className="w-full border-collapse text-left text-sm">
+              <thead className="bg-white/60">
+                <tr className="border-b border-stroke">
+                  <th className="px-4 py-3 text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                    Invoice
+                  </th>
+                  <th className="px-4 py-3 text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                    <Link className="underline underline-offset-4" href={sortHref("amount_xmr")}>
+                      Amount
+                    </Link>
+                  </th>
+                  <th className="px-4 py-3 text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                    <Link className="underline underline-offset-4" href={sortHref("status")}>
+                      Status
+                    </Link>
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                {activeList.map((invoice) => {
+                  const isExpanded = expandedInvoiceId === invoice.id;
+                  const showPaidAfterExpiry = Boolean(invoice.paid_after_expiry);
+                  const isArchivable =
+                    !invoice.archived_at &&
+                    (invoice.status === "pending" ||
+                      invoice.status === "expired" ||
+                      invoice.status === "invalid");
+                  return (
+                    <Fragment key={invoice.id}>
+                      <tr
+                        className={`border-b border-stroke ${invoice.archived_at ? "bg-ink/5" : ""}`}
+                      >
+                        <td className="max-w-[320px] px-4 py-3 align-top">
+                          <div
+                            className="grid cursor-pointer gap-1 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ink/15 focus-visible:ring-offset-2 focus-visible:ring-offset-white/60"
+                            role="button"
+                            tabIndex={0}
+                            onClick={() => toggleInvoice(invoice.id)}
+                            onKeyDown={(event) => {
+                              if (event.key === "Enter" || event.key === " ") {
+                                event.preventDefault();
+                                toggleInvoice(invoice.id);
+                              }
+                            }}
+                          >
+                            {mode === "tour" ? (
+                              <span
+                                className="w-fit break-words font-mono text-xs text-ink underline underline-offset-4"
+                                onClick={(event) => event.stopPropagation()}
+                              >
+                                {invoice.id}
+                              </span>
+                            ) : (
+                              <Link
+                                className="w-fit break-words font-mono text-xs text-ink underline underline-offset-4"
+                                href={`/invoice/${invoice.id}`}
+                                target="_blank"
+                                rel="noreferrer"
+                                onClick={(event) => event.stopPropagation()}
+                              >
+                                {invoice.id}
+                              </Link>
+                            )}
+                            <span className="break-words text-xs text-ink-soft">
+                              {invoice.address.slice(0, 18)}…{invoice.address.slice(-10)}
+                            </span>
+                          </div>
+                          <div className="mt-2 flex flex-wrap gap-2">
+                            {invoice.archived_at ? (
+                              <span className="rounded-full border border-stroke bg-white/60 px-3 py-1 text-[0.65rem] font-semibold uppercase tracking-[0.12em] text-ink">
+                                Archived
+                              </span>
+                            ) : null}
+                            {showPaidAfterExpiry ? (
+                              <span className="rounded-full border border-stroke bg-white/60 px-3 py-1 text-[0.65rem] font-semibold uppercase tracking-[0.12em] text-ink">
+                                Paid after expiry
+                              </span>
+                            ) : null}
+                          </div>
+                        </td>
+                        <td className="px-4 py-3 align-top font-semibold text-ink whitespace-nowrap">
+                          {formatXmrAmount(invoice.amount_xmr)} WOW
+                        </td>
+                        <td className="px-4 py-3 align-top whitespace-nowrap">
+                          <span className="rounded-full border border-stroke bg-white/60 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink whitespace-nowrap">
+                            {formatStatus(invoice.status)}
+                          </span>
+                        </td>
+                      </tr>
+                      {isExpanded ? (
+                        <tr className="border-b border-stroke">
+                          <td className="px-4 py-4" colSpan={3}>
+                            <div className="grid gap-4 rounded-xl border border-stroke bg-white/80 p-4 shadow-soft">
+                              <div className="grid gap-3 sm:grid-cols-2">
+                                <div className="grid gap-2">
+                                  <p className={labelClass}>Created at</p>
+                                  <p
+                                    className="text-sm font-semibold text-ink"
+                                    title={formatRelativeTime(invoice.created_at) ?? undefined}
+                                  >
+                                    {formatTimestamp(invoice.created_at)}
+                                  </p>
+                                </div>
+                                <div className="grid gap-2">
+                                  <p className={labelClass}>Detected at</p>
+                                  <p
+                                    className="text-sm font-semibold text-ink"
+                                    title={formatRelativeTime(invoice.detected_at) ?? undefined}
+                                  >
+                                    {formatTimestamp(invoice.detected_at)}
+                                  </p>
+                                </div>
+                                <div className="grid gap-2">
+                                  <p className={labelClass}>Confirmed at</p>
+                                  <p
+                                    className="text-sm font-semibold text-ink"
+                                    title={formatRelativeTime(invoice.confirmed_at) ?? undefined}
+                                  >
+                                    {formatTimestamp(invoice.confirmed_at)}
+                                  </p>
+                                </div>
+                                <div className="grid gap-2">
+                                  <p className={labelClass}>Expires at</p>
+                                  <p
+                                    className="text-sm font-semibold text-ink"
+                                    title={formatRelativeTime(invoice.expires_at) ?? undefined}
+                                  >
+                                    {formatTimestamp(invoice.expires_at)}
+                                  </p>
+                                </div>
+                              </div>
+                              <div className="grid gap-3 sm:grid-cols-2">
+                                <div className="grid gap-2">
+                                  <p className={labelClass}>Confirmation target</p>
+                                  <p className="text-sm font-semibold text-ink">
+                                    {invoice.confirmation_target}
+                                  </p>
+                                </div>
+                                <div className="grid gap-2">
+                                  <p className={labelClass}>Subaddress index</p>
+                                  <p className="text-sm font-semibold text-ink">
+                                    {invoice.subaddress_index ?? "-"}
+                                  </p>
+                                </div>
+                                {invoice.archived_at ? (
+                                  <div className="grid gap-2">
+                                    <p className={labelClass}>Archived at</p>
+                                    <p
+                                      className="text-sm font-semibold text-ink"
+                                      title={formatRelativeTime(invoice.archived_at) ?? undefined}
+                                    >
+                                      {formatTimestamp(invoice.archived_at)}
+                                    </p>
+                                  </div>
+                                ) : null}
+                                {invoice.paid_after_expiry_at ? (
+                                  <div className="grid gap-2">
+                                    <p className={labelClass}>Paid after expiry at</p>
+                                    <p
+                                      className="text-sm font-semibold text-ink"
+                                      title={
+                                        formatRelativeTime(invoice.paid_after_expiry_at) ??
+                                        undefined
+                                      }
+                                    >
+                                      {formatTimestamp(invoice.paid_after_expiry_at)}
+                                    </p>
+                                  </div>
+                                ) : null}
+                              </div>
+                              <div className="flex flex-wrap items-center gap-3">
+                                {isArchivable ? (
+                                  <button
+                                    className={secondaryButton}
+                                    type="button"
+                                    onClick={() => openArchiveModal(invoice.id)}
+                                  >
+                                    Archive invoice
+                                  </button>
+                                ) : (
+                                  !invoice.archived_at ? (
+                                    <p className="text-sm text-ink-soft">
+                                      {formatStatus(invoice.status)} invoices cannot be archived.
+                                    </p>
+                                  ) : null
+                                )}
+                                {archiveState.error && archiveModalInvoiceId === invoice.id ? (
+                                  <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+                                    {archiveState.error}
+                                  </p>
+                                ) : null}
+                                {archiveState.success &&
+                                archiveState.archivedId === invoice.id ? (
+                                  <p className="rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm font-semibold text-emerald-700">
+                                    {archiveState.success}
+                                  </p>
+                                ) : null}
+                              </div>
+                            </div>
+                          </td>
+                        </tr>
+                      ) : null}
+                    </Fragment>
+                  );
+                })}
+              </tbody>
+              </table>
+            </div>
+          </>
+        )}
+      </div>
+      <div className="mt-6 rounded-2xl border border-ink/10 bg-ink/10 px-4 py-3 text-sm font-semibold text-ink">
+        We never hold funds. All payments move from the customer to your wallet.
+      </div>
+
+      {isCreateOpen ? (
+        <>
+          <CreateInvoiceModal
+            key={createModalKey}
+            mode={mode}
+            defaultConfirmationTarget={defaultConfirmationTarget}
+            onClose={closeCreate}
+          />
+        </>
+      ) : null}
+
+      {archiveModalInvoiceId ? (
+        <div className="fixed inset-0 z-20 flex items-center justify-center bg-ink/40 px-4 py-10">
+          <div className="w-full max-w-lg rounded-3xl border border-stroke bg-white p-8 shadow-deep">
+            <div className="flex items-start justify-between gap-4">
+              <div>
+                <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                  Archive invoice
+                </p>
+                <h2 className="mt-2 font-serif text-2xl">Archive this invoice?</h2>
+                <p className="mt-2 text-sm text-ink-soft">
+                  Archived invoices stay available in the archive list.
+                </p>
+                {mode === "tour" ? (
+                  <p className="mt-2 text-sm font-semibold text-ink-soft">
+                    Tour mode: no changes are saved.
+                  </p>
+                ) : null}
+              </div>
+              <button className={secondaryButton} type="button" onClick={closeArchiveModal}>
+                Close
+              </button>
+            </div>
+            <div className="mt-6 flex flex-wrap justify-end gap-3">
+              <button className={secondaryButton} type="button" onClick={closeArchiveModal}>
+                Cancel
+              </button>
+              <form action={archiveAction}>
+                <input type="hidden" name="invoice_id" value={archiveModalInvoiceId} />
+                <button className={primaryButton} type="submit">
+                  Archive invoice
+                </button>
+              </form>
+            </div>
+          </div>
+        </div>
+      ) : null}
+    </div>
+  );
+}
diff --git a/ui/components/invoice-payment-details.tsx b/ui/components/invoice-payment-details.tsx
new file mode 100644
index 0000000..3ad6536
--- /dev/null
+++ b/ui/components/invoice-payment-details.tsx
@@ -0,0 +1,256 @@
+"use client";
+
+import Image from "next/image";
+import { useEffect, useMemo, useState } from "react";
+import QRCode from "qrcode";
+
+import { formatUsdAmount, formatXmrAmount } from "../lib/formatting";
+import { useXmrUsdRate } from "../lib/use-xmr-usd-rate";
+
+type InvoicePaymentDetailsProps = {
+  address: string;
+  amount: string;
+  hasDetectedPayment: boolean;
+  status: "pending" | "payment_detected" | "confirmed" | "expired" | "invalid";
+  confirmationTarget: number;
+  qrLogoMode?: "monero" | "none" | "custom" | null;
+  qrLogoDataUrl?: string | null;
+};
+
+const buildMoneroUri = (address: string, amount: string) => {
+  const params = new URLSearchParams();
+  params.set("tx_amount", amount);
+  return `wownero:${address}?${params.toString()}`;
+};
+
+export default function InvoicePaymentDetails({
+  address,
+  amount,
+  hasDetectedPayment,
+  status,
+  confirmationTarget,
+  qrLogoMode,
+  qrLogoDataUrl,
+}: InvoicePaymentDetailsProps) {
+  const [qrDataUrl, setQrDataUrl] = useState<string | null>(null);
+  const [copiedField, setCopiedField] = useState<string | null>(null);
+  const { rate: usdRate } = useXmrUsdRate();
+  const isInvalid = status === "invalid";
+  const shouldPromptPayment = !hasDetectedPayment && !isInvalid;
+  const formattedAmount = useMemo(() => formatXmrAmount(amount), [amount]);
+  const uri = useMemo(
+    () => buildMoneroUri(address, formattedAmount),
+    [address, formattedAmount]
+  );
+  const amountValue = useMemo(() => {
+    const parsed = Number.parseFloat(amount);
+    return Number.isFinite(parsed) ? parsed : null;
+  }, [amount]);
+  const usdEstimate = useMemo(() => {
+    if (!usdRate || amountValue === null || amountValue <= 0) {
+      return null;
+    }
+    return formatUsdAmount(usdRate * amountValue);
+  }, [usdRate, amountValue]);
+
+  const handleCopy = async (value: string, field: string) => {
+    try {
+      await navigator.clipboard.writeText(value);
+      setCopiedField(field);
+      window.setTimeout(() => {
+        setCopiedField((current) => (current === field ? null : current));
+      }, 1500);
+    } catch {
+      setCopiedField(null);
+    }
+  };
+
+  useEffect(() => {
+    let active = true;
+    const size = 200;
+    const canvas = document.createElement("canvas");
+    QRCode.toCanvas(canvas, uri, {
+      margin: 1,
+      width: size,
+      errorCorrectionLevel: "H",
+    })
+      .then(() => {
+        const context = canvas.getContext("2d");
+        if (!context) {
+          return null;
+        }
+        const mode = qrLogoMode ?? "monero";
+        const wantsLogo = mode !== "none";
+        if (wantsLogo) {
+          const blankSize = Math.round(size * 0.28);
+          const blankOffset = Math.round((size - blankSize) / 2);
+          context.fillStyle = "#ffffff";
+          context.fillRect(blankOffset, blankOffset, blankSize, blankSize);
+        }
+        return canvas.toDataURL();
+      })
+      .then((url) => {
+        if (active) {
+          setQrDataUrl(url ?? null);
+        }
+      })
+      .catch(() => {
+        if (active) {
+          setQrDataUrl(null);
+        }
+      });
+    return () => {
+      active = false;
+    };
+  }, [uri, qrLogoMode]);
+
+  const resolvedQrLogoMode = qrLogoMode ?? "monero";
+  const resolvedLogoSrc =
+    resolvedQrLogoMode === "custom"
+      ? qrLogoDataUrl
+      : resolvedQrLogoMode === "monero"
+        ? "/wownero-logo.svg"
+        : null;
+
+  return (
+    <details
+      className="group rounded-2xl border border-stroke bg-card p-8 shadow-card backdrop-blur"
+      open={shouldPromptPayment}
+    >
+      <summary className="cursor-pointer list-none [&::-webkit-details-marker]:hidden">
+        <div className="flex flex-wrap items-start justify-between gap-4">
+          <div>
+            <p className="text-xs font-semibold uppercase tracking-[0.2em] text-clay">
+              Payment details
+            </p>
+            <h2 className="mt-2 font-serif text-2xl">
+              {isInvalid
+                ? "Invoice marked invalid. Do not send payment."
+                : hasDetectedPayment
+                  ? status === "confirmed"
+                    ? `Payment confirmed on-chain at ${confirmationTarget} confirmations.`
+                    : "Payment detected. Confirmations are in progress."
+                  : "Send the exact amount to this address."}
+            </h2>
+          </div>
+          <span className="rounded-full border border-stroke bg-white/70 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink-soft transition group-open:hidden">
+            Show details
+          </span>
+          <span className="hidden rounded-full border border-stroke bg-white/70 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink-soft transition group-open:inline-flex">
+            Hide details
+          </span>
+        </div>
+      </summary>
+      <div className="mt-6 grid gap-6 lg:grid-cols-2">
+        <div className="rounded-2xl border border-stroke bg-white/60 p-5 shadow-soft">
+          <div className="flex items-center justify-between gap-3">
+            <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+              Amount (WOW)
+            </p>
+            <button
+              className="rounded-full border border-stroke bg-white/70 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink-soft transition hover:bg-white"
+              type="button"
+              onClick={() => handleCopy(formattedAmount, "amount")}
+            >
+              {copiedField === "amount" ? "Copied" : "Copy"}
+            </button>
+          </div>
+          <p className="mt-3 text-2xl font-semibold text-ink">{formattedAmount}</p>
+          <p className="mt-2 text-sm text-ink-soft">
+            Your wallet adds the network fee on top. Do not subtract it from the
+            amount shown.
+          </p>
+          {usdEstimate ? (
+            <>
+              <p className="mt-2 text-sm text-ink-soft">
+                Approx. USD reference: ~{usdEstimate}
+              </p>
+              <details className="mt-1 w-fit text-xs text-ink-soft">
+                <summary className="cursor-pointer select-none underline underline-offset-4">
+                  About this estimate
+                </summary>
+                <p className="mt-2 max-w-[46ch] leading-relaxed">
+                  Reference only, uses CoinGecko spot rate. Not a quote or guarantee.
+                </p>
+              </details>
+            </>
+          ) : null}
+        </div>
+        <div className="rounded-2xl border border-stroke bg-white/60 p-5 shadow-soft">
+          <div className="flex items-center justify-between gap-3">
+            <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+              Payment address
+            </p>
+            <button
+              className="rounded-full border border-stroke bg-white/70 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink-soft transition hover:bg-white"
+              type="button"
+              onClick={() => handleCopy(address, "address")}
+            >
+              {copiedField === "address" ? "Copied" : "Copy"}
+            </button>
+          </div>
+          <p className="mt-3 break-words rounded-xl bg-ink/10 px-3 py-2 font-mono text-xs text-ink sm:text-sm">
+            {address}
+          </p>
+        </div>
+      </div>
+      <div className="mt-6 rounded-2xl border border-stroke bg-white/60 p-5 shadow-soft">
+        <div className="flex items-center justify-between gap-3">
+          <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+            Payment request URI
+          </p>
+          <button
+            className="rounded-full border border-stroke bg-white/70 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink-soft transition hover:bg-white"
+            type="button"
+            onClick={() => handleCopy(uri, "uri")}
+          >
+            {copiedField === "uri" ? "Copied" : "Copy"}
+          </button>
+        </div>
+        <p className="mt-3 break-words rounded-xl bg-ink/10 px-3 py-2 font-mono text-xs text-ink sm:text-sm">
+          {uri}
+        </p>
+        {shouldPromptPayment ? (
+          <p className="mt-4 text-sm text-ink-soft">
+            After you pay, this page updates automatically once the payment is
+            detected on-chain.
+          </p>
+        ) : null}
+      </div>
+      <div className="mt-6 grid gap-4 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-center">
+        <p className="max-w-xl text-sm text-ink-soft">
+          {isInvalid
+            ? "This invoice is marked invalid. Do not send a payment to this address."
+            : hasDetectedPayment
+              ? "Details remain available if you need to reference the address or request URI."
+              : "Tip: use the QR or payment request URI to avoid copy errors."}
+        </p>
+        {qrDataUrl ? (
+          <div className="relative h-[200px] w-[200px] rounded-2xl border border-stroke bg-white p-2 shadow-soft">
+            <Image
+              className="h-full w-full rounded-xl border border-ink/10 bg-white"
+              src={qrDataUrl}
+              alt="Payment request QR"
+              width={200}
+              height={200}
+              unoptimized
+            />
+            {resolvedLogoSrc ? (
+              <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
+                <span className="flex h-12 w-12 items-center justify-center rounded-full bg-white shadow-[0_6px_12px_rgba(16,18,23,0.18)]">
+                  <Image
+                    src={resolvedLogoSrc}
+                    alt="QR logo"
+                    width={32}
+                    height={32}
+                    unoptimized={resolvedQrLogoMode === "custom"}
+                  />
+                </span>
+              </div>
+            ) : null}
+          </div>
+        ) : null}
+      </div>
+    </details>
+  );
+}
diff --git a/ui/components/invoice-status-actions.tsx b/ui/components/invoice-status-actions.tsx
new file mode 100644
index 0000000..a73d4b5
--- /dev/null
+++ b/ui/components/invoice-status-actions.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import Link from "next/link";
+
+export default function InvoiceStatusActions() {
+  return (
+    <div className="flex flex-wrap gap-3">
+      <Link
+        className="inline-flex items-center justify-center rounded-full bg-ink px-5 py-2.5 text-sm font-semibold text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5"
+        href="/invoice"
+      >
+        Check another invoice
+      </Link>
+    </div>
+  );
+}
diff --git a/ui/components/invoice-status-auto-refresh.tsx b/ui/components/invoice-status-auto-refresh.tsx
new file mode 100644
index 0000000..8c1bdd8
--- /dev/null
+++ b/ui/components/invoice-status-auto-refresh.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+
+type InvoiceStatusAutoRefreshProps = {
+  intervalMs?: number;
+};
+
+export default function InvoiceStatusAutoRefresh({
+  intervalMs = 30000,
+}: InvoiceStatusAutoRefreshProps) {
+  const router = useRouter();
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      router.refresh();
+    }, intervalMs);
+    return () => clearInterval(interval);
+  }, [intervalMs, router]);
+
+  return null;
+}
diff --git a/ui/components/invoice-status-lookup.tsx b/ui/components/invoice-status-lookup.tsx
new file mode 100644
index 0000000..ee5e7c1
--- /dev/null
+++ b/ui/components/invoice-status-lookup.tsx
@@ -0,0 +1,76 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+
+type InvoiceStatusLookupProps = {
+  initialValue?: string;
+  compact?: boolean;
+};
+
+export default function InvoiceStatusLookup({
+  initialValue = "",
+  compact = false,
+}: InvoiceStatusLookupProps) {
+  const router = useRouter();
+  const [invoiceId, setInvoiceId] = useState(initialValue);
+  const [error, setError] = useState<string | null>(null);
+
+  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+    const trimmed = invoiceId.trim();
+    if (!trimmed) {
+      setError("Enter an invoice id to continue.");
+      return;
+    }
+    setError(null);
+    router.push(`/invoice/${trimmed}`);
+  };
+
+  return (
+    <form
+      className={`grid gap-3 ${compact ? "text-sm" : "text-base"}`}
+      onSubmit={handleSubmit}
+    >
+      <label
+        className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft"
+        htmlFor="invoice_id"
+      >
+        Invoice ID
+      </label>
+      <div className="flex flex-wrap items-center gap-3">
+        <input
+          className="min-w-[220px] flex-1 rounded-xl border border-stroke bg-white/80 px-4 py-3 text-sm text-ink shadow-[inset_0_1px_0_rgba(255,255,255,0.6)] outline-none transition focus:border-ink/40 focus:ring-2 focus:ring-ink/10"
+          id="invoice_id"
+          name="invoice_id"
+          type="text"
+          value={invoiceId}
+          onChange={(event) => setInvoiceId(event.target.value)}
+          placeholder="e.g. 9d2f2b3c-8a77-4c2b-b9d4-..."
+          autoComplete="off"
+          spellCheck={false}
+          required
+        />
+        <button
+          className="inline-flex items-center justify-center rounded-full bg-ink px-5 py-3 text-sm font-semibold text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5"
+          type="submit"
+        >
+          Check status
+        </button>
+      </div>
+      {compact ? null : (
+        <p className="text-sm text-ink-soft">
+          Read-only status view. Refresh the page to see new detections.
+        </p>
+      )}
+      {error ? (
+        <p
+          className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700"
+          role="alert"
+        >
+          {error}
+        </p>
+      ) : null}
+    </form>
+  );
+}
diff --git a/ui/components/login-modal.tsx b/ui/components/login-modal.tsx
new file mode 100644
index 0000000..35b9929
--- /dev/null
+++ b/ui/components/login-modal.tsx
@@ -0,0 +1,122 @@
+"use client";
+
+import { useEffect, useCallback } from "react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+
+import LoginForm from "../app/(app)/login/login-form";
+
+const loginParam = "login";
+
+type LoginTriggerProps = {
+  className?: string;
+  children: React.ReactNode;
+};
+
+export function LoginTrigger({ className, children }: LoginTriggerProps) {
+  const router = useRouter();
+  const pathname = usePathname();
+
+  const openModal = useCallback(() => {
+    const params =
+      typeof window === "undefined"
+        ? new URLSearchParams()
+        : new URLSearchParams(window.location.search);
+    params.set(loginParam, "1");
+    const query = params.toString();
+    router.push(query ? `${pathname}?${query}` : pathname);
+  }, [pathname, router]);
+
+  return (
+    <button
+      className={className}
+      type="button"
+      onClick={openModal}
+      aria-haspopup="dialog"
+      aria-controls="login-modal"
+    >
+      {children}
+    </button>
+  );
+}
+
+export default function LoginModal() {
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const isOpen = searchParams.get(loginParam) === "1";
+
+  const closeModal = useCallback(() => {
+    const params = new URLSearchParams(searchParams.toString());
+    params.delete(loginParam);
+    const query = params.toString();
+    router.replace(query ? `${pathname}?${query}` : pathname);
+  }, [pathname, router, searchParams]);
+
+  useEffect(() => {
+    if (!isOpen) {
+      return;
+    }
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === "Escape") {
+        closeModal();
+      }
+    };
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.body.style.overflow = previousOverflow;
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [closeModal, isOpen]);
+
+  if (!isOpen) {
+    return null;
+  }
+
+  return (
+    <div
+      className="fixed inset-0 z-40 grid place-items-center"
+      id="login-modal"
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby="login-title"
+    >
+      <div className="absolute inset-0 bg-ink/60 backdrop-blur" onClick={closeModal} />
+      <div
+        className="relative w-[min(480px,92vw)] rounded-3xl border border-stroke bg-card p-7 shadow-deep"
+        onClick={(event) => event.stopPropagation()}
+      >
+        <div className="flex items-center justify-between gap-4">
+          <div>
+            <p className="text-xs font-semibold uppercase tracking-[0.28em] text-clay">
+              Merchant access
+            </p>
+            <h3 id="login-title" className="mt-2 font-serif text-xl">
+              Sign in to your dashboard.
+            </h3>
+          </div>
+          <button
+            className="rounded-full border border-stroke bg-white/70 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.14em] text-ink transition hover:-translate-y-0.5"
+            type="button"
+            onClick={closeModal}
+            aria-label="Close login modal"
+          >
+            Close
+          </button>
+        </div>
+        <p className="mt-3 text-ink-soft">
+          Use your primary address and secret view key to access checkout tools.
+          Your primary address is the only identifier we need - no email or other
+          identifying information required.
+          <br />
+          Your secret view key is stored encrypted at rest and used only for payment detection.
+        </p>
+        <LoginForm />
+        <p className="mt-4 text-sm font-semibold text-sage">
+          We never require more than view-only access to keep your funds safe.
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/ui/components/nav-link.tsx b/ui/components/nav-link.tsx
new file mode 100644
index 0000000..cf003a0
--- /dev/null
+++ b/ui/components/nav-link.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+
+function normalizePath(path: string) {
+  if (!path.startsWith("/")) {
+    return `/${path}`;
+  }
+
+  if (path === "/") {
+    return "/";
+  }
+
+  return path.replace(/\/+$/, "");
+}
+
+export default function NavLink({
+  href,
+  children,
+  className,
+  exact,
+}: {
+  href: string;
+  children: React.ReactNode;
+  className?: string;
+  exact?: boolean;
+}) {
+  const pathname = usePathname() ?? "/";
+  const currentPath = normalizePath(pathname);
+  const targetPath = normalizePath(href);
+
+  const isActive = exact
+    ? currentPath === targetPath
+    : currentPath === targetPath || currentPath.startsWith(`${targetPath}/`);
+
+  return (
+    <Link
+      href={href}
+      className={className}
+      aria-current={isActive ? "page" : undefined}
+      data-active={isActive ? "true" : undefined}
+    >
+      {children}
+    </Link>
+  );
+}
diff --git a/ui/components/print-button.tsx b/ui/components/print-button.tsx
new file mode 100644
index 0000000..647ac3a
--- /dev/null
+++ b/ui/components/print-button.tsx
@@ -0,0 +1,21 @@
+"use client";
+
+type PrintButtonProps = {
+  className?: string;
+};
+
+export default function PrintButton({ className }: PrintButtonProps) {
+  return (
+    <button
+      type="button"
+      onClick={() => window.print()}
+      className={
+        className ??
+        "inline-flex items-center justify-center rounded-md border border-emerald-200 bg-white px-4 py-2 text-sm font-semibold text-emerald-600 transition hover:bg-emerald-50"
+      }
+    >
+      Print
+    </button>
+  );
+}
+
diff --git a/ui/components/relative-time.ts b/ui/components/relative-time.ts
new file mode 100644
index 0000000..49a8214
--- /dev/null
+++ b/ui/components/relative-time.ts
@@ -0,0 +1,51 @@
+type RelativeTimeInput = string | number | Date | null | undefined;
+
+const relativeTimeFormatter = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
+
+const parseRelativeTime = (value: RelativeTimeInput) => {
+  if (value === null || value === undefined) {
+    return null;
+  }
+  const date = value instanceof Date ? value : new Date(value);
+  const timestamp = date.getTime();
+  if (Number.isNaN(timestamp)) {
+    return null;
+  }
+  return timestamp;
+};
+
+export const formatRelativeTime = (value: RelativeTimeInput) => {
+  const timestamp = parseRelativeTime(value);
+  if (timestamp === null) {
+    return null;
+  }
+
+  const diffSeconds = Math.round((timestamp - Date.now()) / 1000);
+  const absSeconds = Math.abs(diffSeconds);
+  if (absSeconds < 60) {
+    return relativeTimeFormatter.format(diffSeconds, "second");
+  }
+
+  const diffMinutes = Math.round(diffSeconds / 60);
+  if (Math.abs(diffMinutes) < 60) {
+    return relativeTimeFormatter.format(diffMinutes, "minute");
+  }
+
+  const diffHours = Math.round(diffMinutes / 60);
+  if (Math.abs(diffHours) < 24) {
+    return relativeTimeFormatter.format(diffHours, "hour");
+  }
+
+  const diffDays = Math.round(diffHours / 24);
+  if (Math.abs(diffDays) < 30) {
+    return relativeTimeFormatter.format(diffDays, "day");
+  }
+
+  const diffMonths = Math.round(diffDays / 30);
+  if (Math.abs(diffMonths) < 12) {
+    return relativeTimeFormatter.format(diffMonths, "month");
+  }
+
+  const diffYears = Math.round(diffDays / 365);
+  return relativeTimeFormatter.format(diffYears, "year");
+};
diff --git a/ui/components/secret-card.tsx b/ui/components/secret-card.tsx
new file mode 100644
index 0000000..ee428db
--- /dev/null
+++ b/ui/components/secret-card.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import { useState } from "react";
+
+type SecretCardProps = {
+  label: string;
+  value: string;
+  buttonLabel: string;
+};
+
+export default function SecretCard({ label, value, buttonLabel }: SecretCardProps) {
+  const [copied, setCopied] = useState(false);
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(value);
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 2000);
+    } catch {
+      setCopied(false);
+    }
+  };
+
+  return (
+    <div className="grid gap-4 rounded-2xl border border-stroke bg-white/80 p-6 shadow-soft backdrop-blur">
+      <div>
+        <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+          {label}
+        </p>
+        <code className="mt-2 block break-all rounded-xl bg-ink/10 px-3 py-2 text-sm text-ink">
+          {value}
+        </code>
+      </div>
+      <div className="flex justify-end">
+        <button
+          className="inline-flex items-center justify-center rounded-full bg-ink px-5 py-2.5 text-sm font-semibold text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5"
+          type="button"
+          onClick={handleCopy}
+        >
+          {copied ? "Copied" : buttonLabel}
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/ui/components/status-refresh-button.tsx b/ui/components/status-refresh-button.tsx
new file mode 100644
index 0000000..2210bac
--- /dev/null
+++ b/ui/components/status-refresh-button.tsx
@@ -0,0 +1,34 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+
+type StatusRefreshButtonProps = {
+  label?: string;
+  className?: string;
+};
+
+export default function StatusRefreshButton({
+  label = "Refresh",
+  className = "",
+}: StatusRefreshButtonProps) {
+  const router = useRouter();
+  const [isRefreshing, setIsRefreshing] = useState(false);
+
+  const handleRefresh = () => {
+    setIsRefreshing(true);
+    router.refresh();
+    setTimeout(() => setIsRefreshing(false), 500);
+  };
+
+  return (
+    <button
+      className={`inline-flex items-center justify-center rounded-full border border-stroke bg-white/50 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink transition hover:-translate-y-0.5 disabled:cursor-not-allowed disabled:opacity-70 ${className}`}
+      type="button"
+      onClick={handleRefresh}
+      disabled={isRefreshing}
+    >
+      {isRefreshing ? "Refreshing..." : label}
+    </button>
+  );
+}
diff --git a/ui/components/webhook-history-panel.tsx b/ui/components/webhook-history-panel.tsx
new file mode 100644
index 0000000..ec67ec9
--- /dev/null
+++ b/ui/components/webhook-history-panel.tsx
@@ -0,0 +1,189 @@
+"use client";
+
+import { useEffect } from "react";
+import { useFormState } from "react-dom";
+import { useRouter } from "next/navigation";
+
+import {
+  redeliverWebhookDeliveryAction,
+  redeliverWebhookDeliveryTourAction,
+  type WebhookRedeliverState,
+} from "../app/(app)/dashboard/actions";
+
+type WebhookDeliverySummary = {
+  id: string;
+  webhook_id: string | null;
+  event: string;
+  url: string;
+  invoice_id: string | null;
+  invoice_address: string | null;
+  invoice_subaddress_index: number | null;
+  invoice_amount_xmr: string | null;
+  invoice_status:
+    | "pending"
+    | "payment_detected"
+    | "confirmed"
+    | "expired"
+    | "invalid"
+    | null;
+  http_status: number | null;
+  error_message: string | null;
+  created_at: string;
+};
+
+const initialState: WebhookRedeliverState = { error: null, success: null };
+
+export default function WebhookHistoryPanel({
+  mode = "live",
+  deliveries,
+}: {
+  mode?: "live" | "tour";
+  deliveries: WebhookDeliverySummary[];
+}) {
+  const router = useRouter();
+  const [state, formAction] = useFormState(
+    mode === "tour" ? redeliverWebhookDeliveryTourAction : redeliverWebhookDeliveryAction,
+    initialState
+  );
+
+  useEffect(() => {
+    if (state.success && mode !== "tour") {
+      router.refresh();
+    }
+  }, [mode, router, state.success]);
+
+  const formatTimestamp = (value: string) => new Date(value).toLocaleString();
+
+  return (
+    <div className="grid gap-4">
+      {state.error ? (
+        <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+          {state.error}
+        </p>
+      ) : null}
+      {state.success ? (
+        <p className="rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm font-semibold text-emerald-700">
+          {state.success}
+        </p>
+      ) : null}
+      {deliveries.length === 0 ? (
+        <p className="text-sm text-ink-soft">No webhook calls recorded yet.</p>
+      ) : (
+        <div className="grid gap-3">
+          {deliveries.map((delivery) => {
+            const statusLabel =
+              delivery.http_status !== null ? delivery.http_status.toString() : "No response";
+            const isFailed =
+              delivery.http_status === null ||
+              (typeof delivery.http_status === "number" && delivery.http_status >= 400);
+            const hasInvoiceDetails =
+              Boolean(delivery.invoice_id) ||
+              Boolean(delivery.invoice_address) ||
+              Boolean(delivery.invoice_amount_xmr) ||
+              delivery.invoice_subaddress_index !== null;
+            return (
+              <div
+                key={delivery.id}
+                className="rounded-xl border border-stroke bg-white/80 px-4 py-3"
+              >
+                <div className="flex flex-wrap items-start justify-between gap-3">
+                  <div className="min-w-0 flex-1">
+                    <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                      {delivery.event}
+                    </p>
+                    <p className="mt-2 break-all text-sm font-semibold text-ink">
+                      {delivery.url}
+                    </p>
+                    <p className="mt-2 text-xs text-ink-soft">
+                      {formatTimestamp(delivery.created_at)}
+                    </p>
+                  </div>
+                  <div className="flex flex-wrap items-center gap-2">
+                    <span className="rounded-full border border-stroke bg-white/60 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink">
+                      {statusLabel}
+                    </span>
+                    {isFailed ? (
+                      <form action={formAction}>
+                        <input type="hidden" name="delivery_id" value={delivery.id} />
+                        <button
+                          className="inline-flex items-center justify-center rounded-full border border-stroke bg-white/60 px-4 py-2 text-xs font-semibold uppercase tracking-[0.12em] text-ink transition hover:-translate-y-0.5"
+                          type="submit"
+                        >
+                          Redeliver
+                        </button>
+                      </form>
+                    ) : null}
+                  </div>
+                </div>
+                {hasInvoiceDetails ? (
+                  <details className="mt-3 rounded-lg border border-stroke bg-white/70 px-3 py-2">
+                    <summary className="cursor-pointer text-xs font-semibold uppercase tracking-[0.12em] text-ink">
+                      View invoice details
+                    </summary>
+                    <div className="mt-3 grid gap-2 text-xs text-ink-soft">
+                      {delivery.invoice_id ? (
+                        <div>
+                          <p className="text-[0.7rem] font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                            Invoice id
+                          </p>
+                          <p className="mt-1 break-all text-xs text-ink">
+                            {delivery.invoice_id}
+                          </p>
+                        </div>
+                      ) : null}
+                      {delivery.invoice_address ? (
+                        <div>
+                          <p className="text-[0.7rem] font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                            Subaddress
+                          </p>
+                          <p className="mt-1 break-all text-xs text-ink">
+                            {delivery.invoice_address}
+                          </p>
+                        </div>
+                      ) : null}
+                      {delivery.invoice_subaddress_index !== null ? (
+                        <div>
+                          <p className="text-[0.7rem] font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                            Subaddress index
+                          </p>
+                          <p className="mt-1 text-xs text-ink">
+                            {delivery.invoice_subaddress_index}
+                          </p>
+                        </div>
+                      ) : null}
+                      {delivery.invoice_amount_xmr ? (
+                        <div>
+                          <p className="text-[0.7rem] font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                            Invoice amount (WOW)
+                          </p>
+                          <p className="mt-1 text-xs text-ink">
+                            {delivery.invoice_amount_xmr}
+                          </p>
+                        </div>
+                      ) : null}
+                      {delivery.invoice_status ? (
+                        <div>
+                          <p className="text-[0.7rem] font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                            Invoice status
+                          </p>
+                          <p className="mt-1 text-xs text-ink">
+                            {delivery.invoice_status}
+                          </p>
+                        </div>
+                      ) : null}
+                    </div>
+                  </details>
+                ) : null}
+                {delivery.error_message ? (
+                  <p className="mt-2 text-xs text-ink-soft">
+                    Delivery error: {delivery.error_message}
+                  </p>
+                ) : null}
+              </div>
+            );
+          })}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/ui/components/webhook-secret-section.tsx b/ui/components/webhook-secret-section.tsx
new file mode 100644
index 0000000..3eee7d3
--- /dev/null
+++ b/ui/components/webhook-secret-section.tsx
@@ -0,0 +1,56 @@
+"use client";
+
+import { useFormState } from "react-dom";
+
+import {
+  resetWebhookSecretAction,
+  type WebhookSecretState,
+} from "../app/(app)/dashboard/actions";
+import SecretCard from "./secret-card";
+
+const initialState = (webhookSecret: string | null): WebhookSecretState => ({
+  webhookSecret,
+  error: null,
+});
+
+type WebhookSecretSectionProps = {
+  webhookSecret: string | null;
+};
+
+export default function WebhookSecretSection({
+  webhookSecret,
+}: WebhookSecretSectionProps) {
+  const [state, formAction] = useFormState(
+    resetWebhookSecretAction,
+    initialState(webhookSecret)
+  );
+
+  return (
+    <div className="grid gap-4">
+      {state.webhookSecret ? (
+        <SecretCard
+          label="Your webhook secret"
+          value={state.webhookSecret}
+          buttonLabel="Copy webhook secret"
+        />
+      ) : (
+        <div className="rounded-2xl border border-stroke bg-white/80 p-6 text-sm text-ink-soft shadow-soft backdrop-blur">
+          Webhook secret unavailable. Reset to generate a new secret.
+        </div>
+      )}
+      {state.error ? (
+        <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+          {state.error}
+        </p>
+      ) : null}
+      <form action={formAction} className="flex justify-end">
+        <button
+          className="inline-flex items-center justify-center rounded-full border border-stroke bg-white/60 px-5 py-2.5 text-sm font-semibold text-ink transition hover:-translate-y-0.5"
+          type="submit"
+        >
+          Reset webhook secret
+        </button>
+      </form>
+    </div>
+  );
+}
diff --git a/ui/components/webhook-section.tsx b/ui/components/webhook-section.tsx
new file mode 100644
index 0000000..8951c07
--- /dev/null
+++ b/ui/components/webhook-section.tsx
@@ -0,0 +1,189 @@
+"use client";
+
+import { useFormState } from "react-dom";
+
+import {
+  createWebhookAction,
+  createWebhookTourAction,
+  deleteWebhookAction,
+  deleteWebhookTourAction,
+  type WebhookFormState,
+} from "../app/(app)/dashboard/actions";
+
+type WebhookSummary = {
+  id: string;
+  url: string;
+  events: string[];
+  event_urls?: Record<string, string> | null;
+  active: boolean;
+  created_at: string;
+};
+
+const initialState: WebhookFormState = { error: null, success: null };
+
+const webhookEvents = [
+  { event: "invoice.created", key: "invoice_created", label: "invoice.created" },
+  {
+    event: "invoice.payment_detected",
+    key: "invoice_payment_detected",
+    label: "invoice.payment_detected",
+  },
+  { event: "invoice.confirmed", key: "invoice_confirmed", label: "invoice.confirmed" },
+  { event: "invoice.expired", key: "invoice_expired", label: "invoice.expired" },
+];
+
+type WebhookSectionProps = {
+  mode?: "live" | "tour";
+  webhooks: WebhookSummary[];
+};
+
+export default function WebhookSection({ mode = "live", webhooks }: WebhookSectionProps) {
+  const [createState, createAction] = useFormState(
+    mode === "tour" ? createWebhookTourAction : createWebhookAction,
+    initialState
+  );
+  const [deleteState, deleteAction] = useFormState(
+    mode === "tour" ? deleteWebhookTourAction : deleteWebhookAction,
+    initialState
+  );
+
+  return (
+    <div className="grid gap-8">
+      {mode === "tour" ? (
+        <div className="rounded-2xl border border-stroke bg-white/70 p-5 text-sm text-ink-soft shadow-soft">
+          Tour mode: webhook changes are simulated. No endpoints are saved.
+        </div>
+      ) : null}
+      <form className="grid gap-6" action={createAction}>
+        <div className="grid gap-2">
+          <label
+            className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft"
+            htmlFor="default_url"
+          >
+            Default webhook URL
+          </label>
+          <input
+            className="w-full rounded-xl border border-stroke bg-white/80 px-4 py-3 text-sm text-ink shadow-[inset_0_1px_0_rgba(255,255,255,0.6)] outline-none transition focus:border-ink/40 focus:ring-2 focus:ring-ink/10"
+            id="default_url"
+            name="default_url"
+            type="url"
+            placeholder="https://wowcheckout.com/webhooks"
+          />
+          <p className="text-sm text-ink-soft">
+            Used for any selected event without a specific override URL.
+          </p>
+        </div>
+        <div className="grid gap-4 md:grid-cols-2">
+          {webhookEvents.map(({ event, key, label }) => (
+            <div key={event} className="rounded-xl border border-stroke bg-white/70 p-4">
+              <label className="flex items-center gap-3 text-sm font-semibold text-ink">
+                <input
+                  className="h-4 w-4 rounded border-stroke text-ink focus:ring-ink/20"
+                  type="checkbox"
+                  name={`event_${key}`}
+                  defaultChecked
+                />
+                <span>{label}</span>
+              </label>
+              <input
+                className="mt-3 w-full rounded-xl border border-stroke bg-white/80 px-3 py-2 text-sm text-ink outline-none transition focus:border-ink/40 focus:ring-2 focus:ring-ink/10"
+                id={`event_url_${key}`}
+                name={`event_url_${key}`}
+                type="url"
+                placeholder="Optional override URL"
+              />
+            </div>
+          ))}
+        </div>
+        {createState.error ? (
+          <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+            {createState.error}
+          </p>
+        ) : null}
+        {createState.success ? (
+          <p className="rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm font-semibold text-emerald-700">
+            {createState.success}
+          </p>
+        ) : null}
+        <div className="flex justify-end">
+          <button
+            className="inline-flex items-center justify-center rounded-full bg-ink px-5 py-2.5 text-sm font-semibold text-cream shadow-[0_16px_30px_rgba(16,18,23,0.18)] transition hover:-translate-y-0.5"
+            type="submit"
+          >
+            Save webhook
+          </button>
+        </div>
+      </form>
+      <div className="rounded-2xl border border-stroke bg-white/70 p-5 shadow-soft">
+        <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+          Hint
+        </p>
+        <p className="mt-2 text-sm text-ink-soft">
+          Webhooks are optional. You can poll{" "}
+          <code>/api/core/public/invoice/&lt;invoice_id&gt;</code> without
+          authentication to read invoice status.
+        </p>
+      </div>
+      <div className="grid gap-4">
+        <div>
+          <h3 className="font-serif text-xl">Active webhooks</h3>
+        </div>
+        {deleteState.error ? (
+          <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+            {deleteState.error}
+          </p>
+        ) : null}
+        {deleteState.success ? (
+          <p className="rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm font-semibold text-emerald-700">
+            {deleteState.success}
+          </p>
+        ) : null}
+        {webhooks.length === 0 ? (
+          <p className="text-sm font-semibold text-ink-soft">
+            No webhooks configured yet.
+          </p>
+        ) : (
+          <form className="grid gap-4" action={deleteAction}>
+            {webhooks.map((hook) => (
+              <div
+                key={hook.id}
+                className="flex flex-wrap items-start justify-between gap-4 rounded-2xl border border-stroke bg-white/70 p-5 shadow-soft backdrop-blur"
+              >
+                <div>
+                  <p className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                    Webhook
+                  </p>
+                  <code className="mt-2 block break-all rounded-lg bg-ink/10 px-3 py-2 text-sm text-ink">
+                    {hook.url || "Per-event URLs only"}
+                  </code>
+                  <div className="mt-4 grid gap-3">
+                    {hook.events.map((event) => (
+                      <div key={event} className="grid gap-1">
+                        <span className="text-xs font-semibold uppercase tracking-[0.2em] text-ink-soft">
+                          {event}
+                        </span>
+                        <code className="break-all rounded-lg bg-ink/10 px-3 py-2 text-sm text-ink">
+                          {hook.event_urls?.[event] ?? hook.url}
+                        </code>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+                <div className="flex">
+                  <button
+                    className="inline-flex items-center justify-center rounded-full border border-stroke bg-white/60 px-5 py-2.5 text-sm font-semibold text-ink transition hover:-translate-y-0.5"
+                    type="submit"
+                    name="webhook_id"
+                    value={hook.id}
+                  >
+                    Remove
+                  </button>
+                </div>
+              </div>
+            ))}
+          </form>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/ui/lib/fiat-currencies.ts b/ui/lib/fiat-currencies.ts
new file mode 100644
index 0000000..84cc655
--- /dev/null
+++ b/ui/lib/fiat-currencies.ts
@@ -0,0 +1,54 @@
+export const FIAT_CURRENCY_SUGGESTIONS = [
+  "USD",
+  "EUR",
+  "GBP",
+  "CAD",
+  "AUD",
+  "NZD",
+  "CHF",
+  "JPY",
+  "CNY",
+  "HKD",
+  "SGD",
+  "INR",
+  "BRL",
+  "MXN",
+  "SEK",
+  "NOK",
+  "DKK",
+  "ZAR",
+  "PLN",
+  "KRW",
+];
+
+const CURRENCY_FLAGS: Record<string, string> = {
+  USD: "🇺🇸",
+  EUR: "🇪🇺",
+  GBP: "🇬🇧",
+  CAD: "🇨🇦",
+  AUD: "🇦🇺",
+  NZD: "🇳🇿",
+  CHF: "🇨🇭",
+  JPY: "🇯🇵",
+  CNY: "🇨🇳",
+  HKD: "🇭🇰",
+  SGD: "🇸🇬",
+  INR: "🇮🇳",
+  BRL: "🇧🇷",
+  MXN: "🇲🇽",
+  SEK: "🇸🇪",
+  NOK: "🇳🇴",
+  DKK: "🇩🇰",
+  ZAR: "🇿🇦",
+  PLN: "🇵🇱",
+  KRW: "🇰🇷",
+};
+
+export const getCurrencyFlag = (
+  code: string | null | undefined
+): string | null => {
+  if (!code) {
+    return null;
+  }
+  return CURRENCY_FLAGS[code.trim().toUpperCase()] ?? null;
+};
diff --git a/ui/lib/formatting.ts b/ui/lib/formatting.ts
new file mode 100644
index 0000000..f2ca5b2
--- /dev/null
+++ b/ui/lib/formatting.ts
@@ -0,0 +1,24 @@
+export const formatXmrAmount = (value: string | number): string => {
+  const raw = typeof value === "number" ? value.toString() : value;
+  if (!raw) {
+    return "";
+  }
+  const [whole, fraction] = raw.split(".");
+  if (!fraction) {
+    return raw;
+  }
+  const trimmedFraction = fraction.replace(/0+$/, "");
+  return trimmedFraction ? `${whole}.${trimmedFraction}` : whole;
+};
+
+export const formatUsdAmount = (value: number): string => {
+  if (!Number.isFinite(value)) {
+    return "";
+  }
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    maximumFractionDigits: 2,
+    minimumFractionDigits: 2,
+  }).format(value);
+};
diff --git a/ui/lib/use-xmr-fiat-rate.ts b/ui/lib/use-xmr-fiat-rate.ts
new file mode 100644
index 0000000..fb516f2
--- /dev/null
+++ b/ui/lib/use-xmr-fiat-rate.ts
@@ -0,0 +1,103 @@
+import { useEffect, useState } from "react";
+
+const RATE_TTL_MS = 5 * 60 * 1000;
+const BASE_URL = "https://api.coingecko.com/api/v3/simple/price";
+
+type CachedRate = {
+  rate: number;
+  updatedAt: number;
+};
+
+const cachedRates = new Map<string, CachedRate>();
+const inflight = new Map<string, Promise<number | null>>();
+
+const fetchRate = async (currency: string): Promise<number | null> => {
+  try {
+    const params = new URLSearchParams({
+      ids: "wownero",
+      vs_currencies: currency,
+    });
+    const response = await fetch(`${BASE_URL}?${params.toString()}`, {
+      cache: "no-store",
+    });
+    if (!response.ok) {
+      return null;
+    }
+    const data = (await response.json()) as {
+      wownero?: Record<string, number>;
+    };
+    const rate = data?.wownero?.[currency];
+    if (typeof rate !== "number" || !Number.isFinite(rate)) {
+      return null;
+    }
+    cachedRates.set(currency, { rate, updatedAt: Date.now() });
+    return rate;
+  } catch {
+    return null;
+  }
+};
+
+type RateStatus = "idle" | "loading" | "ready" | "error";
+
+export const useXmrFiatRate = (currency: string | null) => {
+  const normalized = currency?.trim().toLowerCase() ?? "";
+  const cached = normalized ? cachedRates.get(normalized) : null;
+  const [rate, setRate] = useState<number | null>(cached?.rate ?? null);
+  const [updatedAt, setUpdatedAt] = useState<number | null>(cached?.updatedAt ?? null);
+  const [status, setStatus] = useState<RateStatus>(() => {
+    if (!normalized) {
+      return "idle";
+    }
+    return cached?.rate ? "ready" : "loading";
+  });
+
+  useEffect(() => {
+    let active = true;
+    if (!normalized) {
+      setRate(null);
+      setUpdatedAt(null);
+      setStatus("idle");
+      return;
+    }
+
+    const now = Date.now();
+    const cachedEntry = cachedRates.get(normalized);
+    const hasFreshRate =
+      cachedEntry && now - cachedEntry.updatedAt < RATE_TTL_MS;
+
+    if (hasFreshRate) {
+      setRate(cachedEntry.rate);
+      setUpdatedAt(cachedEntry.updatedAt);
+      setStatus("ready");
+      return;
+    }
+
+    setStatus("loading");
+    const request =
+      inflight.get(normalized) ??
+      fetchRate(normalized).finally(() => {
+        inflight.delete(normalized);
+      });
+    inflight.set(normalized, request);
+
+    request.then((nextRate) => {
+      if (!active) {
+        return;
+      }
+      const nextCached = cachedRates.get(normalized);
+      if (nextRate !== null && nextCached) {
+        setRate(nextCached.rate);
+        setUpdatedAt(nextCached.updatedAt);
+        setStatus("ready");
+        return;
+      }
+      setStatus("error");
+    });
+
+    return () => {
+      active = false;
+    };
+  }, [normalized]);
+
+  return { rate, updatedAt, status, source: "coingecko" as const };
+};
diff --git a/ui/lib/use-xmr-usd-rate.ts b/ui/lib/use-xmr-usd-rate.ts
new file mode 100644
index 0000000..aa2424c
--- /dev/null
+++ b/ui/lib/use-xmr-usd-rate.ts
@@ -0,0 +1,70 @@
+import { useEffect, useState } from "react";
+
+const RATE_TTL_MS = 5 * 60 * 1000;
+const RATE_URL =
+  "https://api.coingecko.com/api/v3/simple/price?ids=wownero&vs_currencies=usd";
+
+let cachedRate: number | null = null;
+let cachedAt: number | null = null;
+let inflight: Promise<number | null> | null = null;
+
+const fetchRate = async (): Promise<number | null> => {
+  try {
+    const response = await fetch(RATE_URL, { cache: "no-store" });
+    if (!response.ok) {
+      return null;
+    }
+    const data = (await response.json()) as {
+      wownero?: { usd?: number };
+    };
+    const rate = data?.wownero?.usd;
+    if (typeof rate !== "number" || !Number.isFinite(rate)) {
+      return null;
+    }
+    cachedRate = rate;
+    cachedAt = Date.now();
+    return rate;
+  } catch {
+    return null;
+  }
+};
+
+export const useXmrUsdRate = () => {
+  const [rate, setRate] = useState<number | null>(cachedRate);
+  const [updatedAt, setUpdatedAt] = useState<number | null>(cachedAt);
+
+  useEffect(() => {
+    let active = true;
+    const now = Date.now();
+    const hasFreshRate =
+      cachedRate !== null && cachedAt !== null && now - cachedAt < RATE_TTL_MS;
+
+    if (hasFreshRate) {
+      setRate(cachedRate);
+      setUpdatedAt(cachedAt);
+      return;
+    }
+
+    const request =
+      inflight ??
+      (inflight = fetchRate().finally(() => {
+        inflight = null;
+      }));
+
+    request.then((nextRate) => {
+      if (!active) {
+        return;
+      }
+      if (nextRate !== null) {
+        setRate(nextRate);
+        setUpdatedAt(cachedAt);
+      }
+    });
+
+    return () => {
+      active = false;
+    };
+  }, []);
+
+  return { rate, updatedAt, source: "coingecko" as const };
+};
diff --git a/ui/next-env.d.ts b/ui/next-env.d.ts
new file mode 100644
index 0000000..830fb59
--- /dev/null
+++ b/ui/next-env.d.ts
@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/ui/next.config.mjs b/ui/next.config.mjs
new file mode 100644
index 0000000..d5456a1
--- /dev/null
+++ b/ui/next.config.mjs
@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+};
+
+export default nextConfig;
diff --git a/ui/package-lock.json b/ui/package-lock.json
new file mode 100644
index 0000000..f41a73c
--- /dev/null
+++ b/ui/package-lock.json
@@ -0,0 +1,6390 @@
+{
+  "name": "xmrcheckout-ui",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "xmrcheckout-ui",
+      "dependencies": {
+        "doctrine": "^3.0.0",
+        "esutils": "^2.0.3",
+        "next": "15.5.9",
+        "qrcode": "1.5.4",
+        "react": "19.2.3",
+        "react-dom": "19.2.3",
+        "tsconfig-paths": "^4.2.0"
+      },
+      "devDependencies": {
+        "@types/node": "20.14.12",
+        "@types/qrcode": "1.5.5",
+        "@types/react": "18.3.3",
+        "@types/react-dom": "18.3.0",
+        "autoprefixer": "^10.4.23",
+        "eslint": "9.9.0",
+        "eslint-config-next": "15.5.9",
+        "postcss": "^8.5.6",
+        "tailwindcss": "^3.4.14",
+        "typescript": "5.5.4"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.7.1.tgz",
+      "integrity": "sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.1.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.7.1.tgz",
+      "integrity": "sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
+      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
+      "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.17.1.tgz",
+      "integrity": "sha512-BlYOpej8AQ8Ev9xVqroV7a02JK3SkBAaN9GfMMH9W6Ch8FlQlkjGw4Ir7+FgYwfirivAf4t+GtzuAxqfukmISA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.4",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.3.tgz",
+      "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.1",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.9.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.9.0.tgz",
+      "integrity": "sha512-hhetes6ZHP3BlXLxmd8K2SNgkhNSi+UcecbnwWKwpP7kyi/uC75DJ1lOOBO3xrC4jyojtGE3YxKZPHfk4yrgug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz",
+      "integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@img/colour": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.0.0.tgz",
+      "integrity": "sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.7.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
+      "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.3",
+        "@emnapi/runtime": "^1.4.3",
+        "@tybys/wasm-util": "^0.10.0"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "15.5.9",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.9.tgz",
+      "integrity": "sha512-4GlTZ+EJM7WaW2HEZcyU317tIQDjkQIyENDLxYJfSWlfqguN+dHkZgyQTV/7ykvobU7yEH5gKvreNrH4B6QgIg==",
+      "license": "MIT"
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "15.5.9",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.5.9.tgz",
+      "integrity": "sha512-kUzXx0iFiXw27cQAViE1yKWnz/nF8JzRmwgMRTMh8qMY90crNsdXJRh2e+R0vBpFR3kk1yvAR7wev7+fCCb79Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-glob": "3.3.1"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.7.tgz",
+      "integrity": "sha512-IZwtxCEpI91HVU/rAUOOobWSZv4P2DeTtNaCdHqLcTJU4wdNXgAySvKa/qJCgR5m6KI8UsKDXtO2B31jcaw1Yw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.7.tgz",
+      "integrity": "sha512-UP6CaDBcqaCBuiq/gfCEJw7sPEoX1aIjZHnBWN9v9qYHQdMKvCKcAVs4OX1vIjeE+tC5EIuwDTVIoXpUes29lg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.7.tgz",
+      "integrity": "sha512-NCslw3GrNIw7OgmRBxHtdWFQYhexoUCq+0oS2ccjyYLtcn1SzGzeM54jpTFonIMUjNbHmpKpziXnpxhSWLcmBA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.7.tgz",
+      "integrity": "sha512-nfymt+SE5cvtTrG9u1wdoxBr9bVB7mtKTcj0ltRn6gkP/2Nu1zM5ei8rwP9qKQP0Y//umK+TtkKgNtfboBxRrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.7.tgz",
+      "integrity": "sha512-hvXcZvCaaEbCZcVzcY7E1uXN9xWZfFvkNHwbe/n4OkRhFWrs1J1QV+4U1BN06tXLdaS4DazEGXwgqnu/VMcmqw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.7.tgz",
+      "integrity": "sha512-4IUO539b8FmF0odY6/SqANJdgwn1xs1GkPO5doZugwZ3ETF6JUdckk7RGmsfSf7ws8Qb2YB5It33mvNL/0acqA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.7.tgz",
+      "integrity": "sha512-CpJVTkYI3ZajQkC5vajM7/ApKJUOlm6uP4BknM3XKvJ7VXAvCqSjSLmM0LKdYzn6nBJVSjdclx8nYJSa3xlTgQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.7.tgz",
+      "integrity": "sha512-gMzgBX164I6DN+9/PGA+9dQiwmTkE4TloBNx8Kv9UiGARsr9Nba7IpcBRA1iTV9vwlYnrE3Uy6I7Aj6qLjQuqw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nolyfill/is-core-module": {
+      "version": "1.0.39",
+      "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
+      "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.4.0"
+      }
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rushstack/eslint-patch": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.15.0.tgz",
+      "integrity": "sha512-ojSshQPKwVvSMR8yT2L/QtUkV5SXi/IfDiJ4/8d6UbTPjiHVmxZzUAzGD8Tzks1b9+qQkZa0isUOvYObedITaw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.14.12",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.12.tgz",
+      "integrity": "sha512-r7wNXakLeSsGT0H1AU863vS2wa5wBOK4bWMjZz2wj+8nBx+m5PeIn0k8AloSLpRuiwdRQZwarZqHE4FNArPuJQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/qrcode": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@types/qrcode/-/qrcode-1.5.5.tgz",
+      "integrity": "sha512-CdfBi/e3Qk+3Z/fXYShipBT13OJ2fDO2Q2w5CIP5anLTLIndQG9z6P1cnm+8zCWSpm5dnxMFd/uREtb0EXuQzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "18.3.3",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.3.tgz",
+      "integrity": "sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
+      "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.50.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.50.0.tgz",
+      "integrity": "sha512-O7QnmOXYKVtPrfYzMolrCTfkezCJS9+ljLdKW/+DCvRsc3UAz+sbH6Xcsv7p30+0OwUbeWfUDAQE0vpabZ3QLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "8.50.0",
+        "@typescript-eslint/type-utils": "8.50.0",
+        "@typescript-eslint/utils": "8.50.0",
+        "@typescript-eslint/visitor-keys": "8.50.0",
+        "ignore": "^7.0.0",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.50.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.50.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.50.0.tgz",
+      "integrity": "sha512-6/cmF2piao+f6wSxUsJLZjck7OQsYyRtcOZS02k7XINSNlz93v6emM8WutDQSXnroG2xwYlEVHJI+cPA7CPM3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.50.0",
+        "@typescript-eslint/types": "8.50.0",
+        "@typescript-eslint/typescript-estree": "8.50.0",
+        "@typescript-eslint/visitor-keys": "8.50.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.50.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.50.0.tgz",
+      "integrity": "sha512-Cg/nQcL1BcoTijEWyx4mkVC56r8dj44bFDvBdygifuS20f3OZCHmFbjF34DPSi07kwlFvqfv/xOLnJ5DquxSGQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.50.0",
+        "@typescript-eslint/types": "^8.50.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.50.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.50.0.tgz",
+      "integrity": "sha512-xCwfuCZjhIqy7+HKxBLrDVT5q/iq7XBVBXLn57RTIIpelLtEIZHXAF/Upa3+gaCpeV1NNS5Z9A+ID6jn50VD4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.50.0",
+        "@typescript-eslint/visitor-keys": "8.50.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.50.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.50.0.tgz",
+      "integrity": "sha512-vxd3G/ybKTSlm31MOA96gqvrRGv9RJ7LGtZCn2Vrc5htA0zCDvcMqUkifcjrWNNKXHUU3WCkYOzzVSFBd0wa2w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.50.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.50.0.tgz",
+      "integrity": "sha512-7OciHT2lKCewR0mFoBrvZJ4AXTMe/sYOe87289WAViOocEmDjjv8MvIOT2XESuKj9jp8u3SZYUSh89QA4S1kQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.50.0",
+        "@typescript-eslint/typescript-estree": "8.50.0",
+        "@typescript-eslint/utils": "8.50.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.50.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.50.0.tgz",
+      "integrity": "sha512-iX1mgmGrXdANhhITbpp2QQM2fGehBse9LbTf0sidWK6yg/NE+uhV5dfU1g6EYPlcReYmkE9QLPq/2irKAmtS9w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.50.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.50.0.tgz",
+      "integrity": "sha512-W7SVAGBR/IX7zm1t70Yujpbk+zdPq/u4soeFSknWFdXIFuWsBGBOUu/Tn/I6KHSKvSh91OiMuaSnYp3mtPt5IQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.50.0",
+        "@typescript-eslint/tsconfig-utils": "8.50.0",
+        "@typescript-eslint/types": "8.50.0",
+        "@typescript-eslint/visitor-keys": "8.50.0",
+        "debug": "^4.3.4",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.50.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.50.0.tgz",
+      "integrity": "sha512-87KgUXET09CRjGCi2Ejxy3PULXna63/bMYv72tCAlDJC3Yqwln0HiFJ3VJMst2+mEtNtZu5oFvX4qJGjKsnAgg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.7.0",
+        "@typescript-eslint/scope-manager": "8.50.0",
+        "@typescript-eslint/types": "8.50.0",
+        "@typescript-eslint/typescript-estree": "8.50.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.50.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.50.0.tgz",
+      "integrity": "sha512-Xzmnb58+Db78gT/CCj/PVCvK+zxbnsw6F+O1oheYszJbBSdEjVhQi3C/Xttzxgi/GLmpvOggRs1RFpiJ8+c34Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.50.0",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-android-arm-eabi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.1.tgz",
+      "integrity": "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-android-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.11.1.tgz",
+      "integrity": "sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.11.1.tgz",
+      "integrity": "sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.11.1.tgz",
+      "integrity": "sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-freebsd-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.11.1.tgz",
+      "integrity": "sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.11.1.tgz",
+      "integrity": "sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.11.1.tgz",
+      "integrity": "sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.11.1.tgz",
+      "integrity": "sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.11.1.tgz",
+      "integrity": "sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.11.1.tgz",
+      "integrity": "sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.11.1.tgz",
+      "integrity": "sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.11.1.tgz",
+      "integrity": "sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.11.1.tgz",
+      "integrity": "sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.11.1.tgz",
+      "integrity": "sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.11.1.tgz",
+      "integrity": "sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.11.1.tgz",
+      "integrity": "sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@napi-rs/wasm-runtime": "^0.2.11"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.11.1.tgz",
+      "integrity": "sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.11.1.tgz",
+      "integrity": "sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz",
+      "integrity": "sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
+      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-shim-unscopables": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.23",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.23.tgz",
+      "integrity": "sha512-YYTXSFulfwytnjAPlw8QHncHJmlvFKtczb8InXaAx9Q0LbfDnfEYDE55omerIJKihhmU61Ft+cAOSzQVaBUmeA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.28.1",
+        "caniuse-lite": "^1.0.30001760",
+        "fraction.js": "^5.3.4",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.11.0.tgz",
+      "integrity": "sha512-ilYanEU8vxxBexpJd8cWM4ElSQq4QctCLKih0TSfjIfCQTeyH/6zVrmIJfLPrKTKJRbiG+cfnZbQIjAlJmF1jQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.9.11",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.11.tgz",
+      "integrity": "sha512-Sg0xJUNDU1sJNGdfGWhVHX0kkZ+HWcvmVymJbj6NSgZZmW/8S9Y2HQ5euytnIgakgxN6papOAWiwDo1ctFDcoQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001761",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001761.tgz",
+      "integrity": "sha512-JF9ptu1vP2coz98+5051jZ4PwQgd2ni8A+gYSN7EA7dPKIMf0pDlSUxhdmVOaV3/fYK5uWBkgSXJaRLr4+3A6g==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/cliui": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
+      "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^6.2.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/dijkstrajs": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
+      "integrity": "sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==",
+      "license": "MIT"
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.267",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.267.tgz",
+      "integrity": "sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.1",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.1.tgz",
+      "integrity": "sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.2.tgz",
+      "integrity": "sha512-BrUQ0cPTB/IwXj23HtwHjS9n7O4h9FX94b4xc5zlTHxeLgTAdzYUDyy6KdExAl9lbN5rtfe44xpjpmj9grxs5w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.1",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.1.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.3.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.5",
+        "safe-array-concat": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.9.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.9.0.tgz",
+      "integrity": "sha512-JfiKJrbx0506OEerjK2Y1QlldtBxkAlLxT5OEcRF8uaQ86noDe2k31Vw9rnSWv+MXZHj7OOUV/dA0AhdLFcyvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.11.0",
+        "@eslint/config-array": "^0.17.1",
+        "@eslint/eslintrc": "^3.1.0",
+        "@eslint/js": "9.9.0",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.3.0",
+        "@nodelib/fs.walk": "^1.2.8",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.0.2",
+        "eslint-visitor-keys": "^4.0.0",
+        "espree": "^10.1.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next": {
+      "version": "15.5.9",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-15.5.9.tgz",
+      "integrity": "sha512-852JYI3NkFNzW8CqsMhI0K2CDRxTObdZ2jQJj5CtpEaOkYHn13107tHpNuD/h0WRpU4FAbCdUaxQsrfBtNK9Kw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@next/eslint-plugin-next": "15.5.9",
+        "@rushstack/eslint-patch": "^1.10.3",
+        "@typescript-eslint/eslint-plugin": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-jsx-a11y": "^6.10.0",
+        "eslint-plugin-react": "^7.37.0",
+        "eslint-plugin-react-hooks": "^5.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^7.23.0 || ^8.0.0 || ^9.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.10.1.tgz",
+      "integrity": "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@nolyfill/is-core-module": "1.0.39",
+        "debug": "^4.4.0",
+        "get-tsconfig": "^4.10.0",
+        "is-bun-module": "^2.0.0",
+        "stable-hash": "^0.0.5",
+        "tinyglobby": "^0.2.13",
+        "unrs-resolver": "^1.6.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-import-resolver-typescript"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-import-x": "*"
+      },
+      "peerDependenciesMeta": {
+        "eslint-plugin-import": {
+          "optional": true
+        },
+        "eslint-plugin-import-x": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
+      "integrity": "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz",
+      "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.9",
+        "array.prototype.findlastindex": "^1.2.6",
+        "array.prototype.flat": "^1.3.3",
+        "array.prototype.flatmap": "^1.3.3",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.1",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.16.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.1",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.9",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
+      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "aria-query": "^5.3.2",
+        "array-includes": "^3.1.8",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "^4.10.0",
+        "axobject-query": "^4.1.0",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.includes": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.9",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.2.0.tgz",
+      "integrity": "sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.13.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.0.tgz",
+      "integrity": "sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bun-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
+      "integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.7.1"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.23",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
+      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
+      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "language-subtag-registry": "^0.3.20"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/napi-postinstall": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.3.4.tgz",
+      "integrity": "sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "napi-postinstall": "lib/cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/napi-postinstall"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/next": {
+      "version": "15.5.9",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.5.9.tgz",
+      "integrity": "sha512-agNLK89seZEtC5zUHwtut0+tNrc0Xw4FT/Dg+B/VLEo9pAcS9rtTKpek3V6kVcVwsB2YlqMaHdfZL4eLEVYuCg==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "15.5.9",
+        "@swc/helpers": "0.5.15",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "15.5.7",
+        "@next/swc-darwin-x64": "15.5.7",
+        "@next/swc-linux-arm64-gnu": "15.5.7",
+        "@next/swc-linux-arm64-musl": "15.5.7",
+        "@next/swc-linux-x64-gnu": "15.5.7",
+        "@next/swc-linux-x64-musl": "15.5.7",
+        "@next/swc-win32-arm64-msvc": "15.5.7",
+        "@next/swc-win32-x64-msvc": "15.5.7",
+        "sharp": "^0.34.3"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz",
+      "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/pngjs": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz",
+      "integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
+      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.1.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "jiti": ">=1.21.0",
+        "postcss": ">=8.0.9",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qrcode": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/qrcode/-/qrcode-1.5.4.tgz",
+      "integrity": "sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "dijkstrajs": "^1.0.1",
+        "pngjs": "^5.0.0",
+        "yargs": "^15.3.1"
+      },
+      "bin": {
+        "qrcode": "bin/qrcode"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/react": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
+      "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.3"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "license": "ISC"
+    },
+    "node_modules/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "devOptional": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "license": "ISC"
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stable-hash": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",
+      "integrity": "sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string.prototype.includes": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
+      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.19",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
+      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.6.0",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.2",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.7",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
+      "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz",
+      "integrity": "sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==",
+      "license": "MIT",
+      "dependencies": {
+        "json5": "^2.2.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.5.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz",
+      "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unrs-resolver": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.11.1.tgz",
+      "integrity": "sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "napi-postinstall": "^0.3.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unrs-resolver"
+      },
+      "optionalDependencies": {
+        "@unrs/resolver-binding-android-arm-eabi": "1.11.1",
+        "@unrs/resolver-binding-android-arm64": "1.11.1",
+        "@unrs/resolver-binding-darwin-arm64": "1.11.1",
+        "@unrs/resolver-binding-darwin-x64": "1.11.1",
+        "@unrs/resolver-binding-freebsd-x64": "1.11.1",
+        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.11.1",
+        "@unrs/resolver-binding-linux-arm-musleabihf": "1.11.1",
+        "@unrs/resolver-binding-linux-arm64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-arm64-musl": "1.11.1",
+        "@unrs/resolver-binding-linux-ppc64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-riscv64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-riscv64-musl": "1.11.1",
+        "@unrs/resolver-binding-linux-s390x-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-x64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-x64-musl": "1.11.1",
+        "@unrs/resolver-binding-wasm32-wasi": "1.11.1",
+        "@unrs/resolver-binding-win32-arm64-msvc": "1.11.1",
+        "@unrs/resolver-binding-win32-ia32-msvc": "1.11.1",
+        "@unrs/resolver-binding-win32-x64-msvc": "1.11.1"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-module": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
+      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
+      "license": "ISC"
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.19.tgz",
+      "integrity": "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+      "license": "ISC"
+    },
+    "node_modules/yargs": {
+      "version": "15.4.1",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
+      "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^6.0.0",
+        "decamelize": "^1.2.0",
+        "find-up": "^4.1.0",
+        "get-caller-file": "^2.0.1",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^2.0.0",
+        "set-blocking": "^2.0.0",
+        "string-width": "^4.2.0",
+        "which-module": "^2.0.0",
+        "y18n": "^4.0.0",
+        "yargs-parser": "^18.1.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "18.1.3",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+      "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+      "license": "ISC",
+      "dependencies": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}
diff --git a/ui/package.json b/ui/package.json
new file mode 100644
index 0000000..38b28e5
--- /dev/null
+++ b/ui/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "wowcheckout-ui",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "doctrine": "^3.0.0",
+    "esutils": "^2.0.3",
+    "next": "15.5.9",
+    "qrcode": "1.5.4",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "tsconfig-paths": "^4.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "20.14.12",
+    "@types/qrcode": "1.5.5",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "autoprefixer": "^10.4.23",
+    "eslint": "9.9.0",
+    "eslint-config-next": "15.5.9",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^3.4.14",
+    "typescript": "5.5.4"
+  }
+}
diff --git a/ui/postcss.config.cjs b/ui/postcss.config.cjs
new file mode 100644
index 0000000..12a703d
--- /dev/null
+++ b/ui/postcss.config.cjs
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/ui/public/logo.png b/ui/public/logo.png
new file mode 100644
index 0000000..9882442
Binary files /dev/null and b/ui/public/logo.png differ
diff --git a/ui/public/modal/btcpay.js b/ui/public/modal/btcpay.js
new file mode 100644
index 0000000..47cd64b
--- /dev/null
+++ b/ui/public/modal/btcpay.js
@@ -0,0 +1,136 @@
+(function () {
+  var state = {
+    baseUrl: "",
+    modal: null,
+    iframe: null,
+    handlers: [],
+  };
+
+  function normalizeBaseUrl(url) {
+    if (!url) {
+      return "";
+    }
+    try {
+      var parsed = new URL(url, window.location.href);
+      var path = parsed.pathname.replace(/\/api\/v1\/?$/, "").replace(/\/api\/?$/, "");
+      var normalized = parsed.origin + path;
+      return normalized.replace(/\/$/, "");
+    } catch (error) {
+      return String(url).replace(/\/$/, "");
+    }
+  }
+
+  function resolveInvoiceUrl(invoiceId) {
+    var base = state.baseUrl || "";
+    if (!base) {
+      base = "";
+    }
+    base = base.replace(/\/$/, "");
+    return base + "/i/" + encodeURIComponent(invoiceId);
+  }
+
+  function ensureModal() {
+    if (state.modal) {
+      return;
+    }
+    var overlay = document.createElement("div");
+    overlay.setAttribute("data-btcpay-modal", "true");
+    overlay.style.position = "fixed";
+    overlay.style.inset = "0";
+    overlay.style.display = "none";
+    overlay.style.alignItems = "center";
+    overlay.style.justifyContent = "center";
+    overlay.style.background = "rgba(16, 18, 23, 0.6)";
+    overlay.style.zIndex = "2147483647";
+    overlay.style.padding = "24px";
+
+    var container = document.createElement("div");
+    container.style.position = "relative";
+    container.style.width = "min(92vw, 520px)";
+    container.style.height = "min(86vh, 720px)";
+    container.style.background = "#f8f2e9";
+    container.style.borderRadius = "20px";
+    container.style.boxShadow = "0 24px 50px rgba(16, 18, 23, 0.35)";
+    container.style.overflow = "hidden";
+
+    var iframe = document.createElement("iframe");
+    iframe.setAttribute("title", "Payment request");
+    iframe.style.width = "100%";
+    iframe.style.height = "100%";
+    iframe.style.border = "0";
+    iframe.style.background = "transparent";
+    iframe.allow = "clipboard-read; clipboard-write";
+
+    container.appendChild(iframe);
+    overlay.appendChild(container);
+    document.body.appendChild(overlay);
+
+    overlay.addEventListener("click", function (event) {
+      if (event.target === overlay) {
+        hideFrame();
+      }
+    });
+
+    state.modal = overlay;
+    state.iframe = iframe;
+  }
+
+  function showInvoice(invoiceId) {
+    if (!invoiceId) {
+      return;
+    }
+    ensureModal();
+    if (!state.modal || !state.iframe) {
+      return;
+    }
+    state.iframe.src = resolveInvoiceUrl(invoiceId);
+    state.modal.style.display = "flex";
+  }
+
+  function hideFrame() {
+    if (!state.modal) {
+      return;
+    }
+    state.modal.style.display = "none";
+  }
+
+  function onModalReceiveMessage(callback) {
+    if (typeof callback !== "function") {
+      return;
+    }
+    state.handlers.push(callback);
+  }
+
+  function allowMessage(event) {
+    if (!state.baseUrl) {
+      return true;
+    }
+    try {
+      var origin = new URL(state.baseUrl, window.location.href).origin;
+      return event.origin === origin;
+    } catch (error) {
+      return false;
+    }
+  }
+
+  window.addEventListener("message", function (event) {
+    if (!allowMessage(event)) {
+      return;
+    }
+    state.handlers.forEach(function (handler) {
+      try {
+        handler(event);
+      } catch (error) {
+        return;
+      }
+    });
+  });
+
+  window.btcpay = window.btcpay || {};
+  window.btcpay.setApiUrlPrefix = function (baseUrl) {
+    state.baseUrl = normalizeBaseUrl(baseUrl);
+  };
+  window.btcpay.showInvoice = showInvoice;
+  window.btcpay.hideFrame = hideFrame;
+  window.btcpay.onModalReceiveMessage = onModalReceiveMessage;
+})();
diff --git a/ui/public/monero-logo.svg b/ui/public/monero-logo.svg
new file mode 100644
index 0000000..6dd7e07
--- /dev/null
+++ b/ui/public/monero-logo.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3756.09 3756.49"><title>monero</title><path d="M4128,2249.81C4128,3287,3287.26,4127.86,2250,4127.86S372,3287,372,2249.81,1212.76,371.75,2250,371.75,4128,1212.54,4128,2249.81Z" transform="translate(-371.96 -371.75)" style="fill:#fff"/><path id="_149931032" data-name=" 149931032" d="M2250,371.75c-1036.89,0-1879.12,842.06-1877.8,1878,0.26,207.26,33.31,406.63,95.34,593.12h561.88V1263L2250,2483.57,3470.52,1263v1579.9h562c62.12-186.48,95-385.85,95.37-593.12C4129.66,1212.76,3287,372,2250,372Z" transform="translate(-371.96 -371.75)" style="fill:#f26822"/><path id="_149931160" data-name=" 149931160" d="M1969.3,2764.17l-532.67-532.7v994.14H1029.38l-384.29.07c329.63,540.8,925.35,902.56,1604.91,902.56S3525.31,3766.4,3855,3225.6H3063.25V2231.47l-532.7,532.7-280.61,280.61-280.62-280.61h0Z" transform="translate(-371.96 -371.75)" style="fill:#4d4d4d"/></svg>
\ No newline at end of file
diff --git a/ui/public/wownero-logo.svg b/ui/public/wownero-logo.svg
new file mode 100644
index 0000000..d9d6abf
--- /dev/null
+++ b/ui/public/wownero-logo.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="svg898" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF2AD4;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#FFCC00;}
+</style>
+<path id="path6" class="st0" d="M61.5,19.5C54.6,3.3,35.8-4.3,19.5,2.5s-23.9,25.7-17,41.9s25.7,23.9,41.9,17
+	c7.7-3.2,13.8-9.3,17-17C64.8,36.5,64.8,27.5,61.5,19.5z"/>
+<path class="st1" d="M7.4,26.3h8.2v15.6v6.4l4.6-4.4l11.9-11.2l11.8,11.2l4.6,4.4v-6.4l0-15.6h8.1c0.4,1.8,0.6,3.7,0.6,5.6
+	c0,13.9-11.3,25.3-25.2,25.3S6.7,45.8,6.7,31.9C6.7,30,6.9,28.1,7.4,26.3 M5.3,23.5C0.7,38.3,8.9,54,23.7,58.6s30.5-3.7,35-18.4
+	c0.8-2.7,1.3-5.5,1.3-8.3c0-2.8-0.4-5.6-1.3-8.4H45.8l-0.1,18.4L32.1,28.8L18.3,41.9V23.5H5.3z"/>
+<path class="st2" d="M18.3,20.8H21v2.8v12l9.1-8.7l1.9-1.8l1.9,1.8l9.1,8.6v-12v-2.7h14.7C51.5,6.6,34.9,0.2,20.8,6.4
+	c-6.4,2.8-11.6,8-14.4,14.4H18.3z"/>
+</svg>
diff --git a/ui/tailwind.config.ts b/ui/tailwind.config.ts
new file mode 100644
index 0000000..31aada4
--- /dev/null
+++ b/ui/tailwind.config.ts
@@ -0,0 +1,41 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  content: [
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        ink: "#101217",
+        "ink-soft": "#1f2430",
+        cream: "#f8f2e9",
+        sand: "#f1e5d2",
+        clay: "#c0733f",
+        wownero: "#f26822",
+        sage: "#5d7a6a",
+        fog: "rgba(16, 18, 23, 0.08)",
+        card: "rgba(248, 242, 233, 0.88)",
+        stroke: "rgba(16, 18, 23, 0.18)",
+      },
+      fontFamily: {
+        sans: ["Space Grotesk", "Helvetica Neue", "Arial", "sans-serif"],
+        serif: ["Crimson Pro", "Georgia", "serif"],
+      },
+      boxShadow: {
+        soft: "0 18px 36px rgba(16, 18, 23, 0.08)",
+        card: "0 24px 50px rgba(16, 18, 23, 0.12)",
+        deep: "0 24px 60px rgba(16, 18, 23, 0.26)",
+      },
+      borderRadius: {
+        xl: "1.2rem",
+        "2xl": "1.6rem",
+        "3xl": "1.8rem",
+      },
+    },
+  },
+  plugins: [],
+};
+
+export default config;
diff --git a/ui/tsconfig.json b/ui/tsconfig.json
new file mode 100644
index 0000000..6a9b995
--- /dev/null
+++ b/ui/tsconfig.json
@@ -0,0 +1,39 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "types": [
+      "node"
+    ],
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    "next-env.d.ts",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}