diff --git a/.env.example b/.env.example
deleted file mode 100644
index d1e4792..0000000
--- a/.env.example
+++ /dev/null
@@ -1,41 +0,0 @@
-# libnovel scraper — environment overrides
-# Copy to .env and adjust values; do NOT commit this file with real secrets.
-
-# Browserless API token (leave empty to disable auth)
-BROWSERLESS_TOKEN=
-
-# Number of concurrent browser sessions in Browserless
-BROWSERLESS_CONCURRENT=10
-
-# Queue depth before Browserless returns 429
-BROWSERLESS_QUEUED=100
-
-# Per-session timeout in ms
-BROWSERLESS_TIMEOUT=60000
-
-# Optional webhook URL for Browserless error alerts (leave empty to disable)
-ERROR_ALERT_URL=
-
-# Which Browserless strategy the scraper uses: content | scrape | cdp | direct
-BROWSERLESS_STRATEGY=direct
-
-# Strategy for URL retrieval (chapter list). Uses browserless content strategy by default.
-# Set to direct to use plain HTTP, or content/scrape/cdp for browserless.
-BROWSERLESS_URL_STRATEGY=content
-
-# Chapter worker goroutines (0 = NumCPU inside the container)
-SCRAPER_WORKERS=0
-
-# Host path to mount as the static output directory
-STATIC_ROOT=./static/books
-
-# ── Kokoro-FastAPI TTS ────────────────────────────────────────────────────────
-# Base URL for the Kokoro-FastAPI service.  When running via docker-compose the
-# default (http://kokoro:8880) is wired in automatically; override here only if
-# you are pointing at an external or GPU instance.
-KOKORO_URL=http://kokoro:8880
-
-# Default voice used for chapter narration.
-# Single voices: af_bella, af_sky, af_heart, am_adam, …
-# Mixed voices:  af_bella+af_sky  or  af_bella(2)+af_sky(1)  (weighted blend)
-KOKORO_VOICE=af_bella
diff --git a/.gitea/workflows/ci.yaml b/.gitea/workflows/ci.yaml
index 621fdc5..3231de1 100644
--- a/.gitea/workflows/ci.yaml
+++ b/.gitea/workflows/ci.yaml
@@ -2,105 +2,75 @@ name: CI
 
 on:
   push:
-    branches: ["main", "master"]
+    tags-ignore:
+      - "v*"
     paths:
-      - "scraper/**"
-      - ".gitea/workflows/**"
-  pull_request:
-    branches: ["main", "master"]
-    paths:
-      - "scraper/**"
-      - ".gitea/workflows/**"
+      - "backend/**"
+      - "ui/**"
+      - ".gitea/workflows/ci.yaml"
 
-defaults:
-  run:
-    working-directory: scraper
+concurrency:
+  group: ${{ gitea.workflow }}-${{ gitea.ref }}
+  cancel-in-progress: true
 
 jobs:
-  # ── lint & vet ───────────────────────────────────────────────────────────────
-  lint:
-    name: Lint
+  # ── Go: vet + build + test ────────────────────────────────────────────────
+  backend:
+    name: Backend
     runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: backend
     steps:
       - uses: actions/checkout@v4
 
       - uses: actions/setup-go@v5
         with:
-          go-version-file: scraper/go.mod
-          cache-dependency-path: scraper/go.sum
+          go-version-file: backend/go.mod
+          cache-dependency-path: backend/go.sum
 
       - name: go vet
         run: go vet ./...
 
-      - name: staticcheck
-        run: |
-          go install honnef.co/go/tools/cmd/staticcheck@latest
-          staticcheck ./...
+      - name: Build backend
+        run: go build -o /dev/null ./cmd/backend
 
-  # ── tests ────────────────────────────────────────────────────────────────────
-  test:
-    name: Test
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
+      - name: Build runner
+        run: go build -o /dev/null ./cmd/runner
 
-      - uses: actions/setup-go@v5
-        with:
-          go-version-file: scraper/go.mod
-          cache-dependency-path: scraper/go.sum
+      - name: Build healthcheck
+        run: go build -o /dev/null ./cmd/healthcheck
+
+      - name: Build pocketbase
+        run: go build -o /dev/null ./cmd/pocketbase
 
       - name: Run tests
-        run: go test -race -count=1 -timeout=60s ./...
+        run: go test -short -race -count=1 -timeout=60s ./...
 
-  # ── build binary ─────────────────────────────────────────────────────────────
-  build:
-    name: Build
+  # ── UI: type-check + build ────────────────────────────────────────────────
+  ui:
+    name: UI
     runs-on: ubuntu-latest
-    needs: [lint, test]
+    defaults:
+      run:
+        working-directory: ui
     steps:
       - uses: actions/checkout@v4
 
-      - uses: actions/setup-go@v5
+      - uses: actions/setup-node@v4
         with:
-          go-version-file: scraper/go.mod
-          cache-dependency-path: scraper/go.sum
+          node-version: "22"
+          cache: npm
+          cache-dependency-path: ui/package-lock.json
 
-      - name: Build binary
-        run: |
-          CGO_ENABLED=0 GOOS=linux GOARCH=amd64 \
-            go build -ldflags="-s -w" -o bin/scraper ./cmd/scraper
+      - name: Install dependencies
+        run: npm ci
 
-      - name: Upload binary artifact
-        uses: actions/upload-artifact@v4
-        with:
-          name: scraper-linux-amd64
-          path: scraper/bin/scraper
-          retention-days: 7
+      - name: Check Paraglide codegen is up to date
+        run: npm run paraglide && git diff --exit-code src/lib/paraglide/
 
-  # ── docker build (& push) ────────────────────────────────────────────────────
-  # Uncomment once the runner has Docker available and a registry is configured.
-  #
-  # docker:
-  #   name: Docker
-  #   runs-on: ubuntu-latest
-  #   needs: [lint, test]
-  #   # Only push images on commits to the default branch, not on PRs.
-  #   # if: github.event_name == 'push'
-  #   steps:
-  #     - uses: actions/checkout@v4
-  #
-  #     - name: Log in to Gitea registry
-  #       uses: docker/login-action@v3
-  #       with:
-  #         registry: gitea.kalekber.cc
-  #         username: ${{ secrets.REGISTRY_USER }}
-  #         password: ${{ secrets.REGISTRY_TOKEN }}
-  #
-  #     - name: Build and push
-  #       uses: docker/build-push-action@v5
-  #       with:
-  #         context: ./scraper
-  #         push: true
-  #         tags: |
-  #           gitea.kalekber.cc/kamil/libnovel:latest
-  #           gitea.kalekber.cc/kamil/libnovel:${{ gitea.sha }}
+      - name: Type check
+        run: npm run check
+
+      - name: Build
+        run: npm run build
diff --git a/.gitea/workflows/release.yaml b/.gitea/workflows/release.yaml
new file mode 100644
index 0000000..5c1b1b4
--- /dev/null
+++ b/.gitea/workflows/release.yaml
@@ -0,0 +1,207 @@
+name: Release
+
+on:
+  push:
+    tags:
+      - "v*"   # e.g. v1.0.0, v1.2.3
+
+concurrency:
+  group: ${{ gitea.workflow }}-${{ gitea.ref }}
+  cancel-in-progress: true
+
+jobs:
+  # ── backend: vet & test ───────────────────────────────────────────────────────
+  test-backend:
+    name: Test backend
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-go@v5
+        with:
+          go-version-file: backend/go.mod
+          cache-dependency-path: backend/go.sum
+
+      - name: go vet
+        working-directory: backend
+        run: go vet ./...
+
+      - name: Run tests
+        working-directory: backend
+        run: go test -short -race -count=1 -timeout=60s ./...
+
+  # ── ui: type-check & build ────────────────────────────────────────────────────
+  check-ui:
+    name: Test UI
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ui
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "22"
+          cache: npm
+          cache-dependency-path: ui/package-lock.json
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Type check
+        run: npm run check
+
+      - name: Build
+        run: npm run build
+
+  # ── docker: build + push all images via docker bake ──────────────────────────
+  docker:
+    name: Build and push images
+    runs-on: ubuntu-latest
+    needs: [test-backend, check-ui]
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: docker/setup-buildx-action@v3
+
+      - name: Log in to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKER_USER }}
+          password: ${{ secrets.DOCKER_TOKEN }}
+
+      - name: Compute version tags
+        id: ver
+        run: |
+          V="${{ gitea.ref_name }}"
+          VER="${V#v}"
+          echo "version=$VER" >> "$GITHUB_OUTPUT"
+          echo "major_minor=$(echo "$VER" | cut -d. -f1-2)" >> "$GITHUB_OUTPUT"
+
+      - name: Build and push all images
+        uses: docker/bake-action@v6
+        with:
+          files: docker-bake.hcl
+          set: |
+            *.output=type=image,push=true
+        env:
+          VERSION: ${{ steps.ver.outputs.version }}
+          MAJOR_MINOR: ${{ steps.ver.outputs.major_minor }}
+          COMMIT: ${{ gitea.sha }}
+          BUILD_TIME: ${{ gitea.event.head_commit.timestamp }}
+
+  # ── deploy: sync docker-compose.yml + restart prod ───────────────────────────
+  # Runs after all images are pushed to Docker Hub.
+  # Copies the compose file from the tagged commit to the server, pulls the new
+  # images, and restarts only the services whose image or config changed.
+  # --remove-orphans cleans up containers no longer defined in the compose file
+  # (e.g. the now-removed pb-init container).
+  #
+  # Required Gitea secrets:
+  #   PROD_HOST             — prod server IP or hostname
+  #   PROD_USER             — SSH login user (typically root)
+  #   PROD_SSH_KEY          — private key whose public half is in authorized_keys
+  #   PROD_SSH_KNOWN_HOSTS  — output of: ssh-keyscan -H <PROD_HOST>
+  deploy-prod:
+    name: Deploy to prod
+    runs-on: ubuntu-latest
+    needs: [docker]
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install SSH key
+        run: |
+          mkdir -p ~/.ssh
+          printf '%s\n' "${{ secrets.PROD_SSH_KEY }}" > ~/.ssh/deploy_key
+          chmod 600 ~/.ssh/deploy_key
+          printf '%s\n' "${{ secrets.PROD_SSH_KNOWN_HOSTS }}" >> ~/.ssh/known_hosts
+
+      - name: Copy docker-compose.yml to prod
+        run: |
+          scp -i ~/.ssh/deploy_key \
+            docker-compose.yml \
+            "${{ secrets.PROD_USER }}@${{ secrets.PROD_HOST }}:/opt/libnovel/docker-compose.yml"
+
+      - name: Pull new images and restart changed services
+        run: |
+          ssh -i ~/.ssh/deploy_key \
+            "${{ secrets.PROD_USER }}@${{ secrets.PROD_HOST }}" \
+            'set -euo pipefail
+             cd /opt/libnovel
+             doppler run -- docker compose pull backend runner ui caddy pocketbase
+             doppler run -- docker compose stop backend runner ui caddy pocketbase
+             doppler run -- docker compose up -d --remove-orphans backend runner ui caddy pocketbase'
+
+  # ── deploy homelab runner ─────────────────────────────────────────────────────
+  # Syncs the homelab runner compose file and restarts the runner service.
+  #
+  # Required Gitea secrets:
+  #   HOMELAB_HOST          — homelab server IP (192.168.0.109)
+  #   HOMELAB_USER          — SSH login user (typically root)
+  #   HOMELAB_SSH_KEY       — private key whose public half is in authorized_keys
+  #   HOMELAB_SSH_KNOWN_HOSTS — output of: ssh-keyscan -H <HOMELAB_HOST>
+  deploy-homelab:
+    name: Deploy to homelab
+    runs-on: ubuntu-latest
+    needs: [docker]
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install SSH key
+        run: |
+          mkdir -p ~/.ssh
+          printf '%s\n' "${{ secrets.HOMELAB_SSH_KEY }}" > ~/.ssh/homelab_key
+          chmod 600 ~/.ssh/homelab_key
+
+      - name: Copy docker-compose.yml to homelab
+        run: |
+          scp -i ~/.ssh/homelab_key \
+            -o StrictHostKeyChecking=no \
+            -o UserKnownHostsFile=/dev/null \
+            homelab/docker-compose.yml \
+            "${{ secrets.HOMELAB_USER }}@${{ secrets.HOMELAB_HOST }}:/opt/libnovel-runner/docker-compose.yml"
+
+      - name: Pull new runner image and restart
+        run: |
+          ssh -i ~/.ssh/homelab_key \
+            -o StrictHostKeyChecking=no \
+            -o UserKnownHostsFile=/dev/null \
+            "${{ secrets.HOMELAB_USER }}@${{ secrets.HOMELAB_HOST }}" \
+            'set -euo pipefail
+             cd /opt/libnovel-runner
+             doppler run --project libnovel --config prd_homelab -- docker compose pull runner
+             doppler run --project libnovel --config prd_homelab -- docker compose up -d runner'
+
+  # ── Gitea release ─────────────────────────────────────────────────────────────
+  release:
+    name: Gitea Release
+    runs-on: ubuntu-latest
+    needs: [docker]
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Extract release notes from tag commit
+        id: notes
+        run: |
+          set -euo pipefail
+          # Subject line (first line of commit message) → release title
+          SUBJECT=$(git log -1 --format="%s" "${{ gitea.sha }}")
+          # Body (everything after the blank line) → release body
+          BODY=$(git log -1 --format="%b" "${{ gitea.sha }}" | sed '/^Co-Authored-By:/d' | sed '/^[[:space:]]*$/{ N; /^\n$/d }' | sed 's/^[[:space:]]*$//' | awk 'NF || !p; {p = !NF}')
+          echo "title=${SUBJECT}" >> "$GITHUB_OUTPUT"
+          # Use a heredoc delimiter to safely handle multi-line body
+          {
+            echo "body<<RELEASE_BODY_EOF"
+            echo "${BODY}"
+            echo "RELEASE_BODY_EOF"
+          } >> "$GITHUB_OUTPUT"
+
+      - name: Create release
+        uses: https://gitea.com/actions/gitea-release-action@v1
+        with:
+          token: ${{ secrets.GITEA_TOKEN }}
+          title: ${{ steps.notes.outputs.title }}
+          body: ${{ steps.notes.outputs.body }}
diff --git a/.githooks/pre-commit b/.githooks/pre-commit
new file mode 100755
index 0000000..2432eda
--- /dev/null
+++ b/.githooks/pre-commit
@@ -0,0 +1,14 @@
+#!/usr/bin/env bash
+# Auto-recompile paraglide messages when ui/messages/*.json files are staged.
+# Prevents svelte-check / CI failures caused by stale generated JS files.
+
+set -euo pipefail
+
+STAGED=$(git diff --cached --name-only)
+
+if echo "$STAGED" | grep -q '^ui/messages/'; then
+  echo "[pre-commit] ui/messages/*.json changed — recompiling paraglide..."
+  (cd ui && npm run paraglide --silent)
+  git add -f ui/src/lib/paraglide/messages/
+  echo "[pre-commit] paraglide output re-staged."
+fi
diff --git a/.gitignore b/.gitignore
index 0e45f0f..e3eda84 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,15 +5,18 @@
 /dist/
 
 # ── Compiled binaries ──────────────────────────────────────────────────────────
-scraper/bin/
+backend/bin/
+backend/backend
+backend/runner
 
-# ── Scraped output (large, machine-generated) ──────────────────────────────────
-
-/static/books
 # ── Environment & secrets ──────────────────────────────────────────────────────
+# Secrets are managed by Doppler — never commit .env files.
 .env
 .env.*
-!.env.example
+.env.local
+
+# ── CrowdSec — generated bouncer API key ──────────────────────────────────────
+crowdsec/.crowdsec.env
 
 # ── OS artefacts ───────────────────────────────────────────────────────────────
 .DS_Store
@@ -25,3 +28,7 @@ Thumbs.db
 *.swp
 *.swo
 *~
+.opencode/
+
+# ── Playwright MCP browser session data ────────────────────────────────────────
+.playwright-mcp/
diff --git a/AGENTS.md b/AGENTS.md
index 23e4bae..671ce06 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -1,89 +1,193 @@
-# libnovel Project
+# LibNovel v2 — Agent Context
 
-Go web scraper for novelfire.net with TTS support via Kokoro-FastAPI.
+This file is the root-level knowledge base for LLM coding agents (OpenCode, Claude, Cursor, Copilot, etc.).
+Sub-directories have their own `AGENTS.md` with deeper context (e.g. `ios/AGENTS.md`).
 
-## Architecture
+---
+
+## Stack
+
+| Layer | Technology |
+|---|---|
+| UI | SvelteKit 2 + Svelte 5, TypeScript, TailwindCSS |
+| Backend / Runner | Go (single repo, two binaries: `backend`, `runner`) |
+| iOS app | SwiftUI, iOS 17+, Swift 5.9+ |
+| Database | PocketBase (SQLite) + MinIO (object storage) |
+| Search | Meilisearch |
+| Queue | Asynq over Redis (local) / Valkey (prod) |
+| Scraping | Novelfire scraper in `backend/novelfire/` |
+
+---
+
+## Repository Layout
 
 ```
-scraper/
-├── cmd/scraper/main.go           # Entry point: 'run' (one-shot) and 'serve' (HTTP server)
-├── internal/
-│   ├── orchestrator/orchestrator.go  # Coordinates catalogue walk, metadata extraction, chapter scraping
-│   ├── browser/                       # Browser client (content/scrape/cdp strategies) via Browserless
-│   ├── novelfire/scraper.go          # novelfire.net specific scraping logic
-│   ├── server/server.go              # HTTP API (POST /scrape, POST /scrape/book)
-│   ├── writer/writer.go              # File writer (metadata.yaml, chapter .md files)
-│   └── scraper/interfaces.go         # NovelScraper interface definition
-└── static/books/                     # Output directory for scraped content
+.
+├── .gitea/workflows/     # CI/CD — Gitea Actions (NOT .github/)
+├── .opencode/            # OpenCode agent config (memory, skills)
+├── backend/              # Go backend + runner (single module)
+├── caddy/                # Caddy reverse proxy Dockerfile
+├── homelab/              # Homelab docker-compose + observability stack
+├── ios/                  # SwiftUI iOS app (see ios/AGENTS.md)
+├── scripts/              # Utility scripts
+├── ui/                   # SvelteKit UI
+├── docker-compose.yml    # Prod compose (all services)
+├── AGENTS.md             # This file
+└── opencode.json         # OpenCode config
 ```
 
-## Key Concepts
+---
 
-- **Orchestrator**: Manages concurrency - catalogue streaming → per-book metadata goroutines → chapter worker pool
-- **Browser Client**: 3 strategies (content/scrape/cdp) via Browserless Chrome container
-- **Writer**: Writes metadata.yaml and chapter markdown files to `static/books/{slug}/vol-0/1-50/`
-- **Server**: HTTP API with async scrape jobs, UI for browsing books/chapters, chapter-text endpoint for TTS
+## CI/CD — Gitea Actions
 
-## Commands
+- Workflows live in `.gitea/workflows/` — **not** `.github/workflows/`
+- Self-hosted Gitea instance; use `gitea.ref_name` / `gitea.sha` (not `github.*`)
+- Two workflows:
+  - `ci.yaml` — runs on every push to `main` (test + type-check)
+  - `release.yaml` — runs on `v*` tags (build Docker images, upload source maps, create Gitea release)
+- Secrets: `DOCKER_USER`, `DOCKER_TOKEN`, `GITEA_TOKEN`, `GLITCHTIP_AUTH_TOKEN`
+
+### Git credentials
+
+Credentials are embedded in the remote URL — no `HOME=/root` or credential helper needed for push:
+
+```
+https://kamil:95782641Apple%24@gitea.kalekber.cc/kamil/libnovel.git
+```
+
+All git commands still use `HOME=/root` prefix for consistency (picks up `/root/.gitconfig` for user name/email), but push auth works without it.
+
+### Releasing a new version
 
 ```bash
-# Build
-cd scraper && go build -o bin/scraper ./cmd/scraper
-
-# One-shot scrape (full catalogue)
-./bin/scraper run
-
-# Single book
-./bin/scraper run --url https://novelfire.net/book/xxx
-
-# HTTP server
-./bin/scraper serve
-
-# Tests
-cd scraper && go test ./...
+HOME=/root git tag v2.6.X -m "Short title"
+HOME=/root git push origin v3-cleanup --tags
 ```
 
-## Environment Variables
+CI will build all Docker images, upload source maps to GlitchTip, and create a Gitea release automatically.
 
-| Variable | Description | Default |
-|----------|-------------|---------|
-| BROWSERLESS_URL | Browserless Chrome endpoint | http://localhost:3030 |
-| BROWSERLESS_STRATEGY | content \| scrape \| cdp | content |
-| SCRAPER_WORKERS | Chapter goroutines | NumCPU |
-| SCRAPER_STATIC_ROOT | Output directory | ./static/books |
-| SCRAPER_HTTP_ADDR | HTTP listen address | :8080 |
-| KOKORO_URL | Kokoro TTS endpoint | http://localhost:8880 |
-| KOKORO_VOICE | Default TTS voice | af_bella |
-| LOG_LEVEL | debug \| info \| warn \| error | info |
+---
 
-## Docker
+## GlitchTip Error Tracking
+
+- Instance: `https://errors.libnovel.cc/`
+- Org: `libnovel`
+- Projects: `ui` (id/1), `backend` (id/2), `runner` (id/3)
+- Tool: `glitchtip-cli` v0.1.0
+
+### Per-service DSNs (stored in Doppler)
+
+| Service | Doppler key | GlitchTip project |
+|---|---|---|
+| UI (SvelteKit) | `PUBLIC_GLITCHTIP_DSN` | ui (1) |
+| Backend (Go) | `GLITCHTIP_DSN_BACKEND` | backend (2) |
+| Runner (Go) | `GLITCHTIP_DSN_RUNNER` | runner (3) |
+
+### Source map upload flow (release.yaml)
+
+The correct order is **critical** — uploading before `releases new` results in 0 files shown in GlitchTip UI:
+
+```
+glitchtip-cli sourcemaps inject ./build          # inject debug IDs
+glitchtip-cli releases new <version>             # MUST come before upload
+glitchtip-cli sourcemaps upload ./build \
+  --release <version>                            # associate files with release
+glitchtip-cli releases finalize <version>        # mark release complete
+```
+
+---
+
+## Infrastructure
+
+| Environment | Host | Path | Doppler config |
+|---|---|---|---|
+| Prod | `165.22.70.138` | `/opt/libnovel/` | `prd` |
+| Homelab runner | `192.168.0.109` | `/opt/libnovel-runner/` | `prd_homelab` |
+
+### Docker Compose — always use Doppler
 
 ```bash
-docker-compose up -d  # Starts browserless, kokoro, scraper
+# Prod
+doppler run --project libnovel --config prd -- docker compose <cmd>
+
+# Homelab full-stack (runs from .bak file on server)
+doppler run --project libnovel --config prd_homelab -- docker compose -f homelab/docker-compose.yml.bak <cmd>
+
+# Homelab runner only
+doppler run --project libnovel --config prd_homelab -- docker compose -f homelab/runner/docker-compose.yml <cmd>
 ```
 
-## Code Patterns
+- Prod runner has `profiles: [runner]` — `docker compose up -d` will NOT accidentally start it
+- When deploying, always sync `docker-compose.yml` to the server before running `up -d`
+- **Caddyfile is NOT in git** — lives at `/opt/libnovel/Caddyfile` on prod server only. Edit directly on the server and restart the `caddy` container.
 
-- Uses `log/slog` for structured logging
-- Context-based cancellation throughout
-- Worker pool pattern in orchestrator (channel + goroutines)
-- Mutex for single async job (409 on concurrent scrape requests)
+---
 
-## AI Context Tips
+## Observability
 
-- Primary files to modify: `orchestrator.go`, `server.go`, `scraper.go`, `browser/*.go`
-- To add new source: implement `NovelScraper` interface from `internal/scraper/interfaces.go`
-- Skip `static/` directory - generated content, not source
+| Tool | Purpose |
+|---|---|
+| GlitchTip | Error tracking (UI + backend + runner) |
+| Grafana Faro | RUM / Web Vitals (collector at `faro.libnovel.cc/collect`) → Alloy (port 12347) |
+| OpenTelemetry | Distributed tracing (OTLP → cloudflared → OTel collector → Tempo) |
+| Grafana | Dashboards at `https://grafana.libnovel.cc` |
 
-## Speed Up AI Sessions (Optional)
+### Grafana dashboards: `homelab/otel/grafana/provisioning/dashboards/`
 
-For faster AI context loading, use **Context7** (free, local indexing):
+Key dashboards:
+- `backend.json` — Backend logs (Loki: `{service_name="backend"}`, plain text)
+- `runner.json` — Runner logs (Loki: `{service_name="runner"}`) + Asynq Prometheus metrics
+- `web-vitals.json` — Web Vitals (Loki: `{service_name="unknown_service"} kind=measurement` + pattern parser)
+- `catalogue.json` — Scrape progress (Loki: `{service_name="runner"} | json | body="..."`)
 
-```bash
-# Install and index once
-npx @context7/cli@latest index --path . --ignore .aiignore
+### Data pipeline (2026-04-07 working state)
 
-# After first run, AI tools will query the index instead of re-scanning files
-```
+**Browser → Grafana Faro:**
+Browser sends RUM data → `https://faro.libnovel.cc/collect` → **Alloy** `faro.receiver` (port 12347) → Loki (logs/exceptions) + OTel collector → **Tempo** (traces)
 
-VSCode extension: https://marketplace.visualstudio.com/items?itemName=context7.context7
+**Backend/Runner → OTel:**
+Backend/Runner Go SDK → `https://otel.libnovel.cc` (cloudflared tunnel) → **OTel collector** (port 4318) → Tempo (traces) + Loki (logs via `otlphttp/loki` exporter)
+Runner also sends to **Alloy** `otelcol.receiver.otlp` (port 4318) → `otelcol.exporter.loki` → Loki
+
+### Loki log format per service
+
+- `service_name="backend"`: Plain text (e.g. `backend: asynq task dispatch enabled`)
+- `service_name="runner"`: JSON with `body`, `attributes{slug,chapters,page}`, `severity`
+- `service_name="unknown_service"`: Faro RUM text format (e.g. `kind=measurement lcp=5428.0 ...`)
+
+### OTel Collector ports (homelab)
+
+- gRPC: `4317` — receives from cloudflared (`otel.libnovel.cc`)
+- HTTP: `4318` — receives from cloudflared + Alloy
+- Metrics: `8888`
+
+### Known issues / pending fixes
+
+- Web Vitals use `service_name="unknown_service"` (Faro SDK doesn't set service.name in browser) — works with `unknown_service` label
+- Runner logs go to both Alloy→Loki AND OTel collector→Loki (dual pipeline — intentional for resilience)
+
+---
+
+## Go Backend
+
+- Primary files: `orchestrator.go`, `server/handlers_*.go`, `novelfire/scraper.go`, `storage/hybrid.go`, `storage/pocketbase.go`
+- Store interface: `store.go` — never touch MinIO/PocketBase clients directly outside `storage/`
+- Two binaries built from the same module: `backend` (HTTP API) and `runner` (Asynq worker)
+
+---
+
+## SvelteKit UI
+
+- Source: `ui/src/`
+- i18n: Paraglide — translation files in `ui/messages/*.json` (5 locales)
+- Auth debug bypass: `GET /api/auth/debug-login?token=<DEBUG_LOGIN_TOKEN>&username=<username>&next=<path>`
+
+---
+
+## iOS App
+
+Full context in `ios/AGENTS.md`. Quick notes:
+- SwiftUI, iOS 17+, `@Observable` for new types
+- Download key separator: `::` (not `-`)
+- Voice fallback: book override → global default → `"af_bella"`
+- Offline pattern: `NetworkMonitor` env object + `OfflineBanner` + `ErrorAlertModifier`
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..ccf68e3
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,97 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Environment / Secrets
+
+All project environment variables are stored in **Doppler**. When you need to access any secret or env var (e.g. API tokens, database URLs, credentials), fetch them via:
+
+```bash
+doppler run -- <command>        # inject all secrets into a command
+doppler secrets get SECRET_NAME # inspect a specific secret
+```
+
+Never use `.env` files. Do not ask the user to provide secrets manually — they are available via Doppler.
+
+## Commands
+
+### Docker (via `just` — the primary way to run services)
+All services use Doppler for secrets injection. The `just` commands handle this automatically.
+
+```bash
+just up              # Start all services in background
+just up-fg           # Start all services, stream logs
+just down            # Stop all services
+just down-volumes    # Full reset (destructive — removes all volumes)
+just build           # Rebuild all Docker images
+just build-svc backend   # Rebuild a specific service
+just restart         # Stop + rebuild + start
+just logs            # Tail all logs
+just log backend     # Tail a specific service
+just shell backend   # Open shell in running container
+just init            # One-shot init: MinIO buckets, PocketBase collections, Postgres
+```
+
+### Backend (Go)
+```bash
+cd backend
+go vet ./...
+go test -short -race -count=1 -timeout=60s ./...
+go test -short -race -count=1 -run TestFoo ./internal/somepackage/
+go build ./cmd/backend
+go build ./cmd/runner
+```
+
+### Frontend (SvelteKit)
+```bash
+cd ui
+npm run dev          # Dev server at localhost:5173
+npm run build        # Production build
+npm run check        # svelte-check (type-check)
+npm run paraglide    # Regenerate i18n messages (run after editing messages/*.json)
+```
+
+## Architecture
+
+Three services communicate via PocketBase records and a Redis/Valkey task queue:
+
+**Backend** (`backend/cmd/backend`) — HTTP REST API. Handles reads, enqueues tasks to Redis via Asynq, returns presigned MinIO URLs. Minimal processing; delegates heavy work to the runner.
+
+**Runner** (`backend/cmd/runner`) — Asynq task worker. Processes scraping, TTS audio generation, AI text/image generation. Reads/writes PocketBase and MinIO directly.
+
+**UI** (`ui/`) — SvelteKit 2 + Svelte 5 SSR app. Consumes the backend API. Uses Paraglide JS for i18n (5 locales).
+
+### Data layer
+| Service | Role |
+|---------|------|
+| **PocketBase** (SQLite) | Auth, structured records (books, chapters, tasks, subscriptions) |
+| **MinIO** (S3-compatible) | Object storage — chapter text, audio files, images |
+| **Meilisearch** | Full-text search (runner indexes, backend reads) |
+| **Redis/Valkey** | Asynq task queue + presigned URL cache |
+
+### Key backend packages
+- `internal/backend/` — HTTP handlers and server setup
+- `internal/runner/` — Task processor implementations
+- `internal/storage/` — Unified MinIO + PocketBase interface (all data access goes through here)
+- `internal/orchestrator/` — Task orchestration across services
+- `internal/taskqueue/` — Enqueue helpers (backend side)
+- `internal/asynqqueue/` — Asynq queue setup (runner side)
+- `internal/config/` — Environment variable loading (Doppler-injected at runtime, no .env files)
+- `internal/presigncache/` — Redis cache for MinIO presigned URLs
+
+### UI routing conventions (SvelteKit)
+- `+page.svelte` / `+page.server.ts` — Page + server-side load
+- `+layout.svelte` / `+layout.server.ts` — Layouts
+- `routes/api/` — API routes (`+server.ts`)
+- `lib/audio.svelte.ts` — Client-side audio playback store (Svelte 5 runes)
+
+## Key Conventions
+
+- **Svelte 5 runes only** — use `$state`, `$derived`, `$effect`; do not use Svelte 4 stores or reactive statements.
+- **Modern Go idioms** — structured logging via `log/slog`, OpenTelemetry tracing throughout.
+- **No direct MinIO/PocketBase client calls** outside the `internal/storage/` package.
+- **Secrets via Doppler** — never use `.env` files. All secrets are injected by Doppler CLI.
+- **CI/CD is Gitea Actions** (`.gitea/workflows/`), not GitHub Actions. Use `gitea.ref_name`/`gitea.sha` variables.
+- **Git hooks** in `.githooks/` — enable with `just setup`.
+- **i18n**: translation files live in `ui/messages/{en,es,fr,de,pt}.json`; run `npm run paraglide` after editing them.
+- **Error tracking**: GlitchTip with per-service DSNs (backend id/2, runner id/3, UI id/1) stored in Doppler.
diff --git a/Caddyfile b/Caddyfile
new file mode 100644
index 0000000..8fdc7b5
--- /dev/null
+++ b/Caddyfile
@@ -0,0 +1,291 @@
+# v3/Caddyfile
+#
+# Caddy reverse proxy for LibNovel v3.
+# Custom build includes github.com/mholt/caddy-ratelimit.
+#
+# Environment variables consumed (set in docker-compose.yml):
+#   DOMAIN              — public hostname, e.g. libnovel.example.com
+#                         Use "localhost" for local dev (no TLS cert attempted).
+#   CADDY_ACME_EMAIL    — Let's Encrypt notification email (empty = no email)
+#
+# Routing rules (main domain):
+#   /health                        → backend:8080  (liveness probe)
+#   /scrape*                       → backend:8080  (Go admin scrape endpoints)
+#   /api/book-preview/*            → backend:8080  (live scrape, no store write)
+#   /api/chapter-text/*            → backend:8080  (chapter markdown from MinIO)
+#   /api/chapter-markdown/*        → backend:8080  (chapter markdown from MinIO)
+#   /api/reindex/*                 → backend:8080  (rebuild chapter index)
+#   /api/cover/*                   → backend:8080  (proxy cover image)
+#   /api/audio-proxy/*             → backend:8080  (proxy generated audio)
+#   /avatars/*                     → minio:9000    (presigned avatar GETs)
+#   /audio/*                       → minio:9000    (presigned audio GETs)
+#   /chapters/*                    → minio:9000    (presigned chapter GETs)
+#   /*  (everything else)          → ui:3000       (SvelteKit — handles all
+#                                                   remaining /api/* routes)
+#
+# Subdomain routing:
+#   feedback.libnovel.cc           → fider:3000    (user feedback / feature requests)
+#   errors.libnovel.cc             → glitchtip-web:8000  (error tracking)
+#   analytics.libnovel.cc          → umami:3000    (page analytics)
+#   logs.libnovel.cc               → dozzle:8080   (Docker log viewer)
+#   uptime.libnovel.cc             → uptime-kuma:3001  (uptime monitoring)
+#   push.libnovel.cc               → gotify:80     (push notifications)
+#   search.libnovel.cc             → meilisearch:7700  (search index — homelab runner)
+#
+# Routes intentionally removed from direct-to-backend:
+#   /api/scrape/*                  — SvelteKit has /api/scrape/ counterparts
+#                                    that enforce auth; routing directly would
+#                                    bypass SK middleware.
+#   /api/chapter-text-preview/*    — Same: SvelteKit owns
+#                                    /api/chapter-text-preview/[slug]/[n].
+#   /api/browse                    — Endpoint removed; browse snapshot system
+#                                    was deleted.
+
+{
+	# Email for Let's Encrypt ACME account registration.
+	# When CADDY_ACME_EMAIL is set this expands to e.g. "email you@example.com".
+	# When unset the variable expands to an empty string and Caddy ignores it.
+	email {$CADDY_ACME_EMAIL:}
+
+	# CrowdSec bouncer — streams decisions from the CrowdSec LAPI every 15s.
+	# CROWDSEC_API_KEY is injected at runtime via crowdsec/.crowdsec.env.
+	# The default "disabled" placeholder makes the bouncer fail-open (warn,
+	# pass traffic) when no key is configured — Caddy still starts cleanly.
+	crowdsec {
+		api_url http://crowdsec:8080
+		api_key {$CROWDSEC_API_KEY:disabled}
+		ticker_interval 15s
+	}
+
+	# ── Redis TCP proxy via layer4 ────────────────────────────────────────────
+	# Exposes prod Redis over TLS for Asynq job enqueueing from the homelab runner.
+	# Listens on :6380 (all interfaces). TLS is terminated here using the cert
+	# for redis.libnovel.cc; traffic is proxied to the local Redis sidecar.
+	# Requires the caddy-l4 module in the custom Caddy build.
+	layer4 {
+		:6380 {
+			route {
+				tls {
+					connection_policy {
+						match {
+							sni redis.libnovel.cc
+						}
+					}
+				}
+				proxy {
+					upstream redis:6379
+				}
+			}
+		}
+	}
+}
+
+(security_headers) {
+	header {
+		# Prevent clickjacking
+		X-Frame-Options "SAMEORIGIN"
+		# Prevent MIME-type sniffing
+		X-Content-Type-Options "nosniff"
+		# Minimal referrer info for cross-origin requests
+		Referrer-Policy "strict-origin-when-cross-origin"
+		# Restrict powerful browser features
+		Permissions-Policy "camera=(), microphone=(), geolocation=(), payment=()"
+		# Enforce HTTPS for 1 year (includeSubDomains)
+		Strict-Transport-Security "max-age=31536000; includeSubDomains"
+		# Enable XSS filter in older browsers
+		X-XSS-Protection "1; mode=block"
+		# Remove server identity header
+		-Server
+	}
+}
+
+{$DOMAIN:localhost} {
+	import security_headers
+
+	# ── CrowdSec bouncer ──────────────────────────────────────────────────────
+	# Checks every incoming request against CrowdSec decisions.
+	# Banned IPs receive a 403; all others pass through unchanged.
+	route {
+		crowdsec
+	}
+
+	# ── Rate limiting ─────────────────────────────────────────────────────────
+	# Auth endpoints: strict — 10 req/min per IP
+	rate_limit {
+		zone auth_zone {
+			match {
+				path /api/auth/login /api/auth/register /api/auth/change-password
+			}
+			key    {remote_host}
+			window 1m
+			events 10
+		}
+	}
+
+	# Admin scrape endpoints: moderate — 20 req/min per IP
+	rate_limit {
+		zone scrape_zone {
+			match {
+				path /scrape*
+			}
+			key    {remote_host}
+			window 1m
+			events 20
+		}
+	}
+
+	# Global: 300 req/min per IP (covers everything)
+	rate_limit {
+		zone global_zone {
+			key    {remote_host}
+			window 1m
+			events 300
+		}
+	}
+
+	# ── Liveness probe ────────────────────────────────────────────────────────
+	handle /health {
+		reverse_proxy backend:8080
+	}
+
+	# ── Scrape task creation (Go backend only) ────────────────────────────────
+	handle /scrape* {
+		reverse_proxy backend:8080
+	}
+
+	# ── Backend-only API paths ────────────────────────────────────────────────
+	# These paths are served exclusively by the Go backend and have no
+	# SvelteKit counterpart. Routing them here skips SK intentionally.
+	handle /api/book-preview/* {
+		reverse_proxy backend:8080
+	}
+	handle /api/chapter-text/* {
+		reverse_proxy backend:8080
+	}
+	handle /api/chapter-markdown/* {
+		reverse_proxy backend:8080
+	}
+	handle /api/reindex/* {
+		reverse_proxy backend:8080
+	}
+	handle /api/cover/* {
+		reverse_proxy backend:8080
+	}
+	handle /api/audio-proxy/* {
+		reverse_proxy backend:8080
+	}
+
+	# ── MinIO bucket paths (presigned URLs) ──────────────────────────────────
+	# MinIO path-style presigned URLs include the bucket name as the first
+	# path segment. MINIO_PUBLIC_ENDPOINT points here, so Caddy must proxy
+	# these paths directly to MinIO — no auth layer needed (the presigned
+	# signature itself enforces access and expiry).
+	handle /avatars/* {
+		reverse_proxy minio:9000
+	}
+	handle /audio/* {
+		reverse_proxy minio:9000
+	}
+	handle /chapters/* {
+		reverse_proxy minio:9000
+	}
+
+	# ── SvelteKit UI (catch-all — includes all remaining /api/* routes) ───────
+	handle {
+		reverse_proxy ui:3000 {
+			# Active health check: Caddy polls /health every 5 s and marks the
+			# upstream down immediately when it fails. Combined with
+			# lb_try_duration this means Watchtower container replacements
+			# show the maintenance page within a few seconds instead of
+			# hanging or returning a raw connection error to the browser.
+			health_uri      /health
+			health_interval 5s
+			health_timeout  2s
+			health_status   200
+
+			# If the upstream is down, fail fast (don't retry for longer than
+			# 3 s) and let Caddy's handle_errors 502/503 take over.
+			lb_try_duration 3s
+		}
+	}
+
+	# ── Caddy-level error pages ───────────────────────────────────────────────
+	# These fire when the upstream (backend or ui) is completely unreachable.
+	# SvelteKit's own +error.svelte handles application-level errors (404, 500).
+	handle_errors 404 {
+		root * /srv/errors
+		rewrite * /404.html
+		file_server
+	}
+	handle_errors 500 {
+		root * /srv/errors
+		rewrite * /500.html
+		file_server
+	}
+	handle_errors 502 {
+		root * /srv/errors
+		rewrite * /502.html
+		file_server
+	}
+	handle_errors 503 {
+		root * /srv/errors
+		rewrite * /503.html
+		file_server
+	}
+	handle_errors 504 {
+		root * /srv/errors
+		rewrite * /504.html
+		file_server
+	}
+
+	# ── Logging ───────────────────────────────────────────────────────────────
+	# JSON log file read by CrowdSec for threat detection.
+	log {
+		output file /var/log/caddy/access.log {
+			roll_size     100MiB
+			roll_keep     5
+			roll_keep_for 720h
+		}
+		format json
+	}
+}
+
+# ── Tooling subdomains ────────────────────────────────────────────────────────
+# feedback.libnovel.cc, errors.libnovel.cc, analytics.libnovel.cc,
+# logs.libnovel.cc, uptime.libnovel.cc, push.libnovel.cc, grafana.libnovel.cc
+# are now routed via Cloudflare Tunnel directly to the homelab (192.168.0.109).
+# No Caddy rules needed here — Cloudflare handles TLS termination and routing.
+
+# ── PocketBase: exposed for homelab runner task polling ───────────────────────
+# Allows the homelab runner to claim tasks and write results via the PB API.
+# Admin UI is also accessible here for convenience.
+pb.libnovel.cc {
+	import security_headers
+	reverse_proxy pocketbase:8090
+}
+
+# ── MinIO S3 API: exposed for homelab runner object writes ────────────────────
+# The homelab runner connects here as MINIO_ENDPOINT to PutObject audio/chapters.
+# Also used as MINIO_PUBLIC_ENDPOINT for presigned URL generation.
+storage.libnovel.cc {
+	import security_headers
+	reverse_proxy minio:9000
+}
+
+# ── Meilisearch: exposed for homelab runner search indexing ──────────────────
+# The homelab runner connects here as MEILI_URL to index books after scraping.
+# Protected by MEILI_MASTER_KEY bearer token — Meilisearch enforces auth on
+# every request; Caddy just terminates TLS.
+search.libnovel.cc {
+	import security_headers
+	reverse_proxy meilisearch:7700
+}
+
+# ── Redis TLS cert anchor ─────────────────────────────────────────────────────
+# This virtual host exists solely so Caddy obtains and caches a TLS certificate
+# for redis.libnovel.cc.  The layer4 block above uses that cert to terminate TLS
+# on :6380 (Asynq job-queue channel from prod → homelab Redis).
+# The HTTP route itself just returns 404 — no real traffic expected here.
+redis.libnovel.cc {
+	respond 404
+}
diff --git a/DOCKERFILE_ANALYSIS.md b/DOCKERFILE_ANALYSIS.md
new file mode 100644
index 0000000..8f0f299
--- /dev/null
+++ b/DOCKERFILE_ANALYSIS.md
@@ -0,0 +1,225 @@
+# Dockerfile Dependency Analysis
+
+## Current Image Sizes
+
+| Image | Size | Status |
+|-------|------|--------|
+| backend | 179MB | ✅ Good |
+| runner | 178MB | ✅ Good |
+| pocketbase | 37MB | ✅ Excellent |
+| caddy | 114MB | ✅ Good |
+| ui | **413MB** | ⚠️ **LARGE** |
+
+---
+
+## UI Dependencies Analysis (413MB image)
+
+### Production Dependencies (package.json)
+
+| Package | Used? | Size Impact | Notes |
+|---------|-------|-------------|-------|
+| `@aws-sdk/client-s3` | ❌ **UNUSED** | ~100MB | **REMOVE** - Not imported anywhere |
+| `@aws-sdk/s3-request-presigner` | ❌ **UNUSED** | ~50MB | **REMOVE** - Not imported anywhere |
+| `@grafana/faro-web-sdk` | ✅ Used | ~2MB | Keep - RUM tracking |
+| `@inlang/paraglide-js` | ✅ Used | ~1MB | Keep - i18n |
+| `@opentelemetry/*` (5 packages) | ✅ Used | ~15MB | Keep - Server-side tracing |
+| `@sentry/sveltekit` | ✅ Used | ~10MB | Keep - Error tracking |
+| `cropperjs` | ✅ Used | ~500KB | Keep - Avatar cropping |
+| `ioredis` | ✅ Used | ~5MB | Keep - Redis client (server-side) |
+| `marked` | ✅ Used | ~500KB | Keep - Markdown parsing |
+| `pocketbase` | ✅ Used | ~200KB | Keep - PocketBase client |
+| **EXTRANEOUS** |  |  |  |
+| `@playwright/test` | ❌ **EXTRANEOUS** | ~50MB | **REMOVE** - Should be devDependency |
+| `playwright-core` | ❌ **EXTRANEOUS** | ~50MB | **REMOVE** - Should be devDependency |
+| `playwright` | ❌ **EXTRANEOUS** | ~50MB | **REMOVE** - Should be devDependency |
+
+**Total waste: ~300MB (AWS SDK + Playwright)**
+
+### Why AWS SDK is in dependencies?
+
+Checking git history... it was likely added for direct S3 uploads but never actually used. The backend handles all S3 operations.
+
+---
+
+## Backend Dependencies Analysis (179MB image)
+
+### Docker Image Breakdown
+
+```dockerfile
+FROM alpine:3.21           # ~7MB base
+RUN apk add ffmpeg         # ~40MB (needed for audio transcoding)
+RUN apk add ca-certificates # ~200KB (needed for HTTPS)
+COPY /out/backend          # ~130MB (Go binary + stdlib)
+```
+
+**All dependencies justified:**
+- ✅ `ffmpeg` - Required for pocket-tts WAV→MP3 transcoding
+- ✅ `ca-certificates` - Required for HTTPS connections to external services
+- ✅ Go binary includes all dependencies (static linking)
+
+### Go Module Analysis
+
+```bash
+go list -m all | wc -l  # 169 modules
+```
+
+Go binaries are statically linked, so unused imports don't increase image size. The build process with `-ldflags="-s -w"` strips symbols and debug info.
+
+**Optimization already applied:** ✅
+- CGO_ENABLED=0 (static linking, no libc dependency)
+- -ldflags="-s -w" (strip symbols, ~20% size reduction)
+- BuildKit cache mounts (faster rebuilds)
+
+---
+
+## Caddy Dependencies Analysis (114MB image)
+
+```dockerfile
+FROM caddy:2-alpine       # ~50MB base
+COPY /usr/bin/caddy       # ~60MB (with 3 plugins)
+COPY errors/              # ~4MB (error page assets)
+```
+
+**Plugins in use:**
+- ✅ `caddy-ratelimit` - Used for API rate limiting
+- ✅ `caddy-crowdsec-bouncer` - Used for CrowdSec integration
+- ✅ `caddy-l4` - Used for TCP/UDP proxying (Redis TLS proxy)
+
+**All plugins justified** - actively used in production Caddyfile.
+
+---
+
+## Recommendations
+
+### 1. Remove AWS SDK from UI (PRIORITY: HIGH)
+
+**Impact:** ~150MB reduction (413MB → 263MB, 36% smaller)
+
+```bash
+cd ui
+npm uninstall @aws-sdk/client-s3 @aws-sdk/s3-request-presigner
+```
+
+**Risk:** None - confirmed unused via grep
+
+### 2. Remove Playwright from production (PRIORITY: HIGH)
+
+**Impact:** ~150MB reduction (263MB → 113MB, 57% smaller)
+
+**Issue:** Playwright packages are marked as "extraneous" - they're installed but not in package.json. This happens when:
+- Someone ran `npm install playwright` without `--save-dev`
+- package-lock.json got corrupted
+
+**Fix:**
+```bash
+cd ui
+rm -rf node_modules package-lock.json
+npm install
+```
+
+This will regenerate package-lock.json without the extraneous packages.
+
+### 3. Consider distroless for backend/runner (OPTIONAL)
+
+**Impact:** ~10-15MB reduction per image
+
+**Current:** Alpine + ffmpeg (required)
+**Alternative:** Use distroless + statically compiled ffmpeg
+
+**Tradeoff:**
+- Pros: Smaller attack surface, smaller image
+- Cons: Harder to debug, need to bundle ffmpeg binary
+- Verdict: **NOT WORTH IT** - ffmpeg from apk is well-maintained
+
+### 4. Use .dockerignore (ALREADY GOOD ✅)
+
+Both UI and backend have proper .dockerignore files:
+- ✅ node_modules excluded (ui)
+- ✅ build artifacts excluded
+- ✅ .git excluded
+
+---
+
+## Expected Results After Cleanup
+
+| Image | Before | After | Savings |
+|-------|--------|-------|---------|
+| backend | 179MB | 179MB | 0MB (already optimal) |
+| runner | 178MB | 178MB | 0MB (already optimal) |
+| pocketbase | 37MB | 37MB | 0MB (already optimal) |
+| caddy | 114MB | 114MB | 0MB (already optimal) |
+| ui | **413MB** | **~110MB** | **~300MB (73% smaller)** |
+
+**Total deployment size reduction:** ~300MB
+**Deployment time improvement:** ~20-30s faster (less to pull from Docker Hub)
+
+---
+
+## Action Plan
+
+```bash
+# 1. Clean up UI dependencies
+cd ui
+npm uninstall @aws-sdk/client-s3 @aws-sdk/s3-request-presigner
+rm -rf node_modules package-lock.json
+npm install
+
+# 2. Verify no imports remain
+grep -r "@aws-sdk" src/  # Should return nothing
+grep -r "playwright" src/  # Should return nothing
+
+# 3. Test build locally
+npm run build
+
+# 4. Commit changes
+git add package.json package-lock.json
+git commit -m "chore: remove unused AWS SDK and Playwright dependencies from UI
+
+- Remove @aws-sdk/client-s3 and @aws-sdk/s3-request-presigner (~150MB)
+- Remove extraneous Playwright packages (~150MB)
+- UI image size: 413MB → ~110MB (73% smaller)
+
+All S3 operations are handled by the backend, not the UI."
+
+# 5. Tag and deploy
+git tag v4.3.7 -m "chore: remove unused dependencies, reduce UI image by 73%"
+git push origin --tags
+```
+
+---
+
+## Backend/Runner Go Dependencies (For Reference)
+
+The Go images are already well-optimized. Here are the main dependencies:
+
+**Backend (179MB):**
+- PocketBase SDK
+- MinIO SDK (S3)
+- Meilisearch SDK
+- Redis SDK (ioredis equivalent)
+- HTTP router (chi)
+- OpenTelemetry SDK
+
+**Runner (178MB):**
+- Same as backend
+- + Chromedp (headless Chrome for scraping)
+- + Audio processing libs
+
+All are actively used - no dead code found.
+
+---
+
+## Conclusion
+
+**Current state:**
+- Backend, runner, pocketbase, caddy: ✅ Already well-optimized
+- UI: ⚠️ Carrying 300MB of unused dependencies
+
+**Impact of cleanup:**
+- 73% smaller UI image
+- Faster deployments
+- Lower bandwidth costs
+- Cleaner dependency tree
+
+**Effort:** ~5 minutes (remove 2 packages + regenerate lockfile)
+**Risk:** Very low (confirmed unused via code search)
diff --git a/HOMELAB_SECRETS_SETUP.md b/HOMELAB_SECRETS_SETUP.md
new file mode 100644
index 0000000..fe6d59a
--- /dev/null
+++ b/HOMELAB_SECRETS_SETUP.md
@@ -0,0 +1,60 @@
+# Homelab Deployment Secrets Setup
+
+The release workflow now includes automatic deployment to the homelab runner server. You need to add these secrets to Gitea.
+
+## Required Secrets
+
+Go to: `https://gitea.kalekber.cc/kamil/libnovel/settings/secrets/actions`
+
+### 1. HOMELAB_HOST
+```
+192.168.0.109
+```
+
+### 2. HOMELAB_USER
+```
+root
+```
+
+### 3. HOMELAB_SSH_KEY
+
+If you want to use the same SSH key as prod:
+- Copy the value from `PROD_SSH_KEY` secret
+
+If you want a separate key:
+```bash
+# On your local machine or CI runner
+cat ~/.ssh/id_rsa  # or your preferred key
+```
+
+### 4. HOMELAB_SSH_KNOWN_HOSTS
+
+Run this when the homelab server is reachable:
+```bash
+ssh-keyscan -H 192.168.0.109 2>/dev/null
+```
+
+Expected output format:
+```
+|1|base64hash...|192.168.0.109 ssh-rsa AAAAB3NzaC...
+|1|base64hash...|192.168.0.109 ecdsa-sha2-nistp256 AAAAE2...
+|1|base64hash...|192.168.0.109 ssh-ed25519 AAAAC3...
+```
+
+## Testing
+
+After adding the secrets, the next release (e.g., v4.1.10) will automatically:
+1. Build all Docker images
+2. Deploy to prod (165.22.70.138) ✅
+3. Deploy to homelab (192.168.0.109) ✅ NEW
+4. Create a Gitea release
+
+Both deployments run in parallel for faster releases.
+
+## Troubleshooting
+
+If the homelab deployment fails:
+- Check that the secrets are set correctly
+- Verify SSH access: `ssh root@192.168.0.109`
+- Check Doppler config exists: `doppler configs --project libnovel`
+- Manually test: `cd /opt/libnovel-runner && doppler run --project libnovel --config prd_homelab -- docker compose pull runner`
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..47563c7
--- /dev/null
+++ b/README.md
@@ -0,0 +1,38 @@
+# LibNovel
+
+Self-hosted audiobook platform. Go backend + SvelteKit UI + MinIO/PocketBase/Meilisearch.
+
+## Requirements
+
+- Docker + Docker Compose
+- [just](https://github.com/casey/just)
+- [Doppler CLI](https://docs.doppler.com/docs/install-cli)
+
+## Setup
+
+```sh
+doppler login
+doppler setup   # project=libnovel, config=prd
+```
+
+## Usage
+
+```sh
+just up          # start everything
+just down        # stop
+just logs        # tail all logs
+just log backend # tail one service
+just build       # rebuild images
+just restart     # down + up
+just secrets     # view/edit secrets
+```
+
+## Secrets
+
+Managed via Doppler (`project=libnovel`, `config=prd`). No `.env` files.
+
+To add or update a secret:
+
+```sh
+doppler secrets set MY_SECRET=value
+```
diff --git a/backend/.dockerignore b/backend/.dockerignore
new file mode 100644
index 0000000..d32a9c3
--- /dev/null
+++ b/backend/.dockerignore
@@ -0,0 +1,13 @@
+# Exclude compiled binaries
+bin/
+
+# Exclude test binaries produced by `go test -c`
+*.test
+
+# Git history is not needed inside the image
+.git/
+
+# Editor/OS noise
+.DS_Store
+*.swp
+*.swo
diff --git a/backend/Dockerfile b/backend/Dockerfile
new file mode 100644
index 0000000..5293c86
--- /dev/null
+++ b/backend/Dockerfile
@@ -0,0 +1,67 @@
+# syntax=docker/dockerfile:1
+FROM golang:1.26.1-alpine AS builder
+WORKDIR /app
+
+# Download modules into the BuildKit cache so they survive across builds.
+# This layer is only invalidated when go.mod or go.sum changes.
+COPY go.mod go.sum ./
+RUN --mount=type=cache,target=/root/go/pkg/mod \
+    go mod download
+
+COPY . .
+
+ARG VERSION=dev
+ARG COMMIT=unknown
+
+# Build all three binaries in a single layer so the Go compiler can reuse
+# intermediate object files.  Both cache mounts are preserved between builds:
+#   /root/go/pkg/mod   — downloaded module source
+#   /root/.cache/go-build — compiled package objects (incremental recompile)
+RUN --mount=type=cache,target=/root/go/pkg/mod \
+    --mount=type=cache,target=/root/.cache/go-build \
+    CGO_ENABLED=0 GOOS=linux go build \
+      -ldflags="-s -w -X main.version=${VERSION} -X main.commit=${COMMIT}" \
+      -o /out/backend ./cmd/backend && \
+    CGO_ENABLED=0 GOOS=linux go build \
+      -ldflags="-s -w -X main.version=${VERSION} -X main.commit=${COMMIT}" \
+      -o /out/runner ./cmd/runner && \
+    CGO_ENABLED=0 GOOS=linux go build \
+      -ldflags="-s -w" \
+      -o /out/healthcheck ./cmd/healthcheck && \
+    CGO_ENABLED=0 GOOS=linux go build \
+      -ldflags="-s -w" \
+      -o /out/pocketbase ./cmd/pocketbase
+
+# ── backend service ──────────────────────────────────────────────────────────
+# Uses Alpine (not distroless) so ffmpeg is available for on-demand voice
+# sample generation via pocket-tts (WAV→MP3 transcoding).
+FROM alpine:3.21 AS backend
+RUN apk add --no-cache ffmpeg ca-certificates && \
+    addgroup -S appgroup && adduser -S appuser -G appgroup
+COPY --from=builder /out/healthcheck /healthcheck
+COPY --from=builder /out/backend /backend
+USER appuser
+ENTRYPOINT ["/backend"]
+
+# ── pocketbase service ───────────────────────────────────────────────────────
+# Runs the custom PocketBase binary with Go migrations baked in.
+# On every `serve` startup it applies any pending migrations automatically.
+# Data is stored in /pb_data (mounted as a Docker volume in production).
+FROM alpine:3.21 AS pocketbase
+RUN apk add --no-cache ca-certificates wget
+COPY --from=builder /out/pocketbase /pocketbase
+RUN mkdir -p /pb_data
+VOLUME /pb_data
+EXPOSE 8090
+CMD ["/pocketbase", "serve", "--dir", "/pb_data", "--http", "0.0.0.0:8090"]
+
+# ── runner service ───────────────────────────────────────────────────────────
+# Uses Alpine (not distroless) so ffmpeg is available for WAV→MP3 transcoding
+# when pocket-tts voices are used.
+FROM alpine:3.21 AS runner
+RUN apk add --no-cache ffmpeg ca-certificates && \
+    addgroup -S appgroup && adduser -S appuser -G appgroup
+COPY --from=builder /out/healthcheck /healthcheck
+COPY --from=builder /out/runner /runner
+USER appuser
+ENTRYPOINT ["/runner"]
diff --git a/backend/cmd/backend/main.go b/backend/cmd/backend/main.go
new file mode 100644
index 0000000..caafa9a
--- /dev/null
+++ b/backend/cmd/backend/main.go
@@ -0,0 +1,260 @@
+// Command backend is the LibNovel HTTP API server.
+//
+// It exposes all endpoints consumed by the SvelteKit UI: book/chapter reads,
+// scrape-task creation, presigned MinIO URLs, audio-task creation, reading
+// progress, live novelfire.net search, and Kokoro voice list.
+//
+// All heavy lifting (scraping, TTS generation) is delegated to the runner
+// binary via PocketBase task records. The backend never scrapes directly.
+//
+// Usage:
+//
+//	backend          # start HTTP server (blocks until SIGINT/SIGTERM)
+package main
+
+import (
+	"context"
+	"fmt"
+	"io"
+	"log/slog"
+	"os"
+	"os/signal"
+	"syscall"
+	"time"
+
+	"github.com/getsentry/sentry-go"
+	"github.com/hibiken/asynq"
+	"github.com/libnovel/backend/internal/asynqqueue"
+	"github.com/libnovel/backend/internal/backend"
+	"github.com/libnovel/backend/internal/cfai"
+	"github.com/libnovel/backend/internal/config"
+	"github.com/libnovel/backend/internal/kokoro"
+	"github.com/libnovel/backend/internal/meili"
+	"github.com/libnovel/backend/internal/otelsetup"
+	"github.com/libnovel/backend/internal/pockettts"
+	"github.com/libnovel/backend/internal/storage"
+	"github.com/libnovel/backend/internal/taskqueue"
+)
+
+// version and commit are set at build time via -ldflags.
+var (
+	version = "dev"
+	commit  = "unknown"
+)
+
+func main() {
+	if err := run(); err != nil {
+		fmt.Fprintf(os.Stderr, "backend: fatal: %v\n", err)
+		os.Exit(1)
+	}
+}
+
+func run() error {
+	cfg := config.Load()
+
+	// ── Sentry / GlitchTip error tracking ────────────────────────────────────
+	if dsn := os.Getenv("GLITCHTIP_DSN"); dsn != "" {
+		if err := sentry.Init(sentry.ClientOptions{
+			Dsn:              dsn,
+			Release:          version + "@" + commit,
+			TracesSampleRate: 0.1,
+		}); err != nil {
+			fmt.Fprintf(os.Stderr, "backend: sentry init warning: %v\n", err)
+		} else {
+			defer sentry.Flush(2 * time.Second)
+		}
+	}
+
+	// ── Logger ───────────────────────────────────────────────────────────────
+	log := buildLogger(cfg.LogLevel)
+	log.Info("backend starting",
+		"version", version,
+		"commit", commit,
+		"addr", cfg.HTTP.Addr,
+	)
+
+	// ── Context: cancel on SIGINT / SIGTERM ──────────────────────────────────
+	ctx, stop := signal.NotifyContext(context.Background(), os.Interrupt, syscall.SIGTERM)
+	defer stop()
+
+	// ── OpenTelemetry tracing + logs ──────────────────────────────────────────
+	otelShutdown, otelLog, err := otelsetup.Init(ctx, version)
+	if err != nil {
+		return fmt.Errorf("init otel: %w", err)
+	}
+	if otelShutdown != nil {
+		defer otelShutdown()
+		// Replace the plain slog logger with the OTel-bridged one so all
+		// structured log lines are forwarded to Loki with trace IDs attached.
+		log = otelLog
+		log.Info("otel tracing + logs enabled", "endpoint", os.Getenv("OTEL_EXPORTER_OTLP_ENDPOINT"))
+	}
+
+	// ── Storage ──────────────────────────────────────────────────────────────
+	store, err := storage.NewStore(ctx, cfg, log)
+	if err != nil {
+		return fmt.Errorf("init storage: %w", err)
+	}
+
+	// ── Kokoro (voice list only; audio generation is done by the runner) ─────
+	var kokoroClient kokoro.Client
+	if cfg.Kokoro.URL != "" {
+		kokoroClient = kokoro.New(cfg.Kokoro.URL)
+		log.Info("kokoro voices enabled", "url", cfg.Kokoro.URL)
+	} else {
+		log.Info("KOKORO_URL not set — voice list will use built-in fallback")
+		kokoroClient = &noopKokoro{}
+	}
+
+	// ── Pocket-TTS (voice list + sample generation; audio generation is the runner's job) ──
+	var pocketTTSClient pockettts.Client
+	if cfg.PocketTTS.URL != "" {
+		pocketTTSClient = pockettts.New(cfg.PocketTTS.URL)
+		log.Info("pocket-tts voices enabled", "url", cfg.PocketTTS.URL)
+	} else {
+		log.Info("POCKET_TTS_URL not set — pocket-tts voices unavailable in backend")
+	}
+
+	// ── Cloudflare Workers AI (voice sample generation + audio-stream live TTS) ──
+	var cfaiClient cfai.Client
+	if cfg.CFAI.AccountID != "" && cfg.CFAI.APIToken != "" {
+		cfaiClient = cfai.New(cfg.CFAI.AccountID, cfg.CFAI.APIToken, cfg.CFAI.Model)
+		log.Info("cloudflare AI TTS enabled", "model", cfg.CFAI.Model)
+	} else {
+		log.Info("CFAI_ACCOUNT_ID/CFAI_API_TOKEN not set — CF AI voices unavailable in backend")
+	}
+
+	// ── Cloudflare Workers AI Image Generation ────────────────────────────────
+	var imageGenClient cfai.ImageGenClient
+	if cfg.CFAI.AccountID != "" && cfg.CFAI.APIToken != "" {
+		imageGenClient = cfai.NewImageGen(cfg.CFAI.AccountID, cfg.CFAI.APIToken)
+		log.Info("cloudflare AI image generation enabled")
+	} else {
+		log.Info("CFAI_ACCOUNT_ID/CFAI_API_TOKEN not set — image generation unavailable")
+	}
+
+	// ── Cloudflare Workers AI Text Generation ─────────────────────────────────
+	var textGenClient cfai.TextGenClient
+	if cfg.CFAI.AccountID != "" && cfg.CFAI.APIToken != "" {
+		textGenClient = cfai.NewTextGen(cfg.CFAI.AccountID, cfg.CFAI.APIToken)
+		log.Info("cloudflare AI text generation enabled")
+	} else {
+		log.Info("CFAI_ACCOUNT_ID/CFAI_API_TOKEN not set — text generation unavailable")
+	}
+
+	// ── Meilisearch (search reads only; indexing is the runner's job) ────────
+	var searchIndex meili.Client
+	if cfg.Meilisearch.URL != "" {
+		searchIndex = meili.New(cfg.Meilisearch.URL, cfg.Meilisearch.APIKey)
+		log.Info("meilisearch search enabled", "url", cfg.Meilisearch.URL)
+	} else {
+		log.Info("MEILI_URL not set — search will use PocketBase substring fallback")
+		searchIndex = meili.NoopClient{}
+	}
+
+	// ── Task Producer ────────────────────────────────────────────────────────
+	// When REDIS_ADDR is set the backend dual-writes: PocketBase record (audit)
+	// + Asynq job (immediate delivery). Otherwise it writes to PocketBase only
+	// and the runner picks up on the next poll tick.
+	var producer taskqueue.Producer = store
+	if cfg.Redis.Addr != "" {
+		redisOpt, parseErr := parseRedisOpt(cfg.Redis)
+		if parseErr != nil {
+			return fmt.Errorf("parse REDIS_ADDR: %w", parseErr)
+		}
+		asynqProducer := asynqqueue.NewProducer(store, redisOpt, log)
+		defer asynqProducer.Close() //nolint:errcheck
+		producer = asynqProducer
+		log.Info("backend: asynq task dispatch enabled", "addr", cfg.Redis.Addr)
+	} else {
+		log.Info("backend: poll-mode task dispatch (REDIS_ADDR not set)")
+	}
+
+	// ── Backend server ───────────────────────────────────────────────────────
+	srv := backend.New(
+		backend.Config{
+			Addr:         cfg.HTTP.Addr,
+			DefaultVoice: cfg.Kokoro.DefaultVoice,
+			Version:      version,
+			Commit:       commit,
+			AdminToken:   cfg.HTTP.AdminToken,
+		},
+		backend.Dependencies{
+			BookReader:        store,
+			RankingStore:      store,
+			AudioStore:        store,
+			TranslationStore:  store,
+			PresignStore:      store,
+			ProgressStore:     store,
+			CoverStore:        store,
+			ChapterImageStore: store,
+			Producer:          producer,
+			TaskReader:        store,
+			ImportFileStore:   store,
+			SearchIndex:       searchIndex,
+			Kokoro:            kokoroClient,
+			PocketTTS:         pocketTTSClient,
+			CFAI:              cfaiClient,
+			ImageGen:          imageGenClient,
+			TextGen:           textGenClient,
+			BookWriter:        store,
+			AIJobStore:        store,
+			BookAdminStore:    store,
+			NotificationStore: store,
+			Log:               log,
+		},
+	)
+
+	return srv.ListenAndServe(ctx)
+}
+
+// ── Helpers ───────────────────────────────────────────────────────────────────
+
+func buildLogger(level string) *slog.Logger {
+	var lvl slog.Level
+	switch level {
+	case "debug":
+		lvl = slog.LevelDebug
+	case "warn":
+		lvl = slog.LevelWarn
+	case "error":
+		lvl = slog.LevelError
+	default:
+		lvl = slog.LevelInfo
+	}
+	return slog.New(slog.NewJSONHandler(os.Stdout, &slog.HandlerOptions{Level: lvl}))
+}
+
+// noopKokoro is a no-op implementation used when KOKORO_URL is not set.
+// The backend only uses Kokoro for the voice list; audio generation is the
+// runner's responsibility. With no URL the built-in fallback list is served.
+type noopKokoro struct{}
+
+func (n *noopKokoro) GenerateAudio(_ context.Context, _, _ string) ([]byte, error) {
+	return nil, fmt.Errorf("kokoro not configured (KOKORO_URL is empty)")
+}
+
+func (n *noopKokoro) StreamAudioMP3(_ context.Context, _, _ string) (io.ReadCloser, error) {
+	return nil, fmt.Errorf("kokoro not configured (KOKORO_URL is empty)")
+}
+
+func (n *noopKokoro) StreamAudioWAV(_ context.Context, _, _ string) (io.ReadCloser, error) {
+	return nil, fmt.Errorf("kokoro not configured (KOKORO_URL is empty)")
+}
+
+func (n *noopKokoro) ListVoices(_ context.Context) ([]string, error) {
+	return nil, nil
+}
+
+// parseRedisOpt converts a config.Redis into an asynq.RedisConnOpt.
+// Handles full "redis://" / "rediss://" URLs and plain "host:port".
+func parseRedisOpt(cfg config.Redis) (asynq.RedisConnOpt, error) {
+	addr := cfg.Addr
+	if len(addr) > 7 && (addr[:8] == "redis://" || (len(addr) > 8 && addr[:9] == "rediss://")) {
+		return asynq.ParseRedisURI(addr)
+	}
+	return asynq.RedisClientOpt{
+		Addr:     addr,
+		Password: cfg.Password,
+	}, nil
+}
diff --git a/backend/cmd/backend/main_test.go b/backend/cmd/backend/main_test.go
new file mode 100644
index 0000000..edd47dc
--- /dev/null
+++ b/backend/cmd/backend/main_test.go
@@ -0,0 +1,57 @@
+package main
+
+import (
+	"os"
+	"testing"
+)
+
+// TestBuildLogger verifies that buildLogger returns a non-nil logger for each
+// supported log level string and for unknown values.
+func TestBuildLogger(t *testing.T) {
+	for _, level := range []string{"debug", "info", "warn", "error", "unknown", ""} {
+		l := buildLogger(level)
+		if l == nil {
+			t.Errorf("buildLogger(%q) returned nil", level)
+		}
+	}
+}
+
+// TestNoopKokoro verifies that the no-op Kokoro stub returns the expected
+// sentinel error from GenerateAudio and nil, nil from ListVoices.
+func TestNoopKokoro(t *testing.T) {
+	noop := &noopKokoro{}
+
+	_, err := noop.GenerateAudio(t.Context(), "text", "af_bella")
+	if err == nil {
+		t.Fatal("noopKokoro.GenerateAudio: expected error, got nil")
+	}
+
+	voices, err := noop.ListVoices(t.Context())
+	if err != nil {
+		t.Fatalf("noopKokoro.ListVoices: unexpected error: %v", err)
+	}
+	if voices != nil {
+		t.Fatalf("noopKokoro.ListVoices: expected nil slice, got %v", voices)
+	}
+}
+
+// TestRunStorageUnreachable verifies that run() fails fast and returns a
+// descriptive error when PocketBase is unreachable.
+func TestRunStorageUnreachable(t *testing.T) {
+	// Point at an address nothing is listening on.
+	t.Setenv("POCKETBASE_URL", "http://127.0.0.1:19999")
+	// Use a fast listen address so we don't accidentally start a real server.
+	t.Setenv("BACKEND_HTTP_ADDR", "127.0.0.1:0")
+
+	err := run()
+	if err == nil {
+		t.Fatal("run() should have returned an error when storage is unreachable")
+	}
+
+	t.Logf("got expected error: %v", err)
+}
+
+// TestMain runs the test suite. No special setup required.
+func TestMain(m *testing.M) {
+	os.Exit(m.Run())
+}
diff --git a/backend/cmd/healthcheck/main.go b/backend/cmd/healthcheck/main.go
new file mode 100644
index 0000000..4b7aa20
--- /dev/null
+++ b/backend/cmd/healthcheck/main.go
@@ -0,0 +1,89 @@
+// healthcheck is a static binary used by Docker HEALTHCHECK CMD in distroless
+// images (which have no shell, wget, or curl).
+//
+// Two modes:
+//
+//  1. HTTP mode (default):
+//     /healthcheck <url>
+//     Performs GET <url>; exits 0 if HTTP 2xx/3xx, 1 otherwise.
+//     Example: /healthcheck http://localhost:8080/health
+//
+//  2. File-liveness mode:
+//     /healthcheck file <path> <max_age_seconds>
+//     Reads <path>, parses its content as RFC3339 timestamp, and exits 1 if the
+//     timestamp is older than <max_age_seconds>. Used by the runner service which
+//     writes /tmp/runner.alive on every successful poll.
+//     Example: /healthcheck file /tmp/runner.alive 120
+package main
+
+import (
+	"fmt"
+	"net/http"
+	"os"
+	"strconv"
+	"time"
+)
+
+func main() {
+	if len(os.Args) > 1 && os.Args[1] == "file" {
+		checkFile()
+		return
+	}
+	checkHTTP()
+}
+
+// checkHTTP performs a GET request and exits 0 on success, 1 on failure.
+func checkHTTP() {
+	url := "http://localhost:8080/health"
+	if len(os.Args) > 1 {
+		url = os.Args[1]
+	}
+	resp, err := http.Get(url) //nolint:gosec,noctx
+	if err != nil {
+		fmt.Fprintf(os.Stderr, "healthcheck: %v\n", err)
+		os.Exit(1)
+	}
+	resp.Body.Close()
+	if resp.StatusCode >= 400 {
+		fmt.Fprintf(os.Stderr, "healthcheck: status %d\n", resp.StatusCode)
+		os.Exit(1)
+	}
+}
+
+// checkFile reads a timestamp from a file and exits 1 if it is older than the
+// given max age. Usage: /healthcheck file <path> <max_age_seconds>
+func checkFile() {
+	if len(os.Args) < 4 {
+		fmt.Fprintln(os.Stderr, "healthcheck file: usage: /healthcheck file <path> <max_age_seconds>")
+		os.Exit(1)
+	}
+	path := os.Args[2]
+	maxAgeSec, err := strconv.ParseInt(os.Args[3], 10, 64)
+	if err != nil {
+		fmt.Fprintf(os.Stderr, "healthcheck file: invalid max_age_seconds %q: %v\n", os.Args[3], err)
+		os.Exit(1)
+	}
+
+	data, err := os.ReadFile(path)
+	if err != nil {
+		fmt.Fprintf(os.Stderr, "healthcheck file: cannot read %s: %v\n", path, err)
+		os.Exit(1)
+	}
+
+	ts, err := time.Parse(time.RFC3339, string(data))
+	if err != nil {
+		// Fallback: use file mtime if content is not a valid timestamp.
+		info, statErr := os.Stat(path)
+		if statErr != nil {
+			fmt.Fprintf(os.Stderr, "healthcheck file: cannot stat %s: %v\n", path, statErr)
+			os.Exit(1)
+		}
+		ts = info.ModTime()
+	}
+
+	age := time.Since(ts)
+	if age > time.Duration(maxAgeSec)*time.Second {
+		fmt.Fprintf(os.Stderr, "healthcheck file: %s is %.0fs old (max %ds)\n", path, age.Seconds(), maxAgeSec)
+		os.Exit(1)
+	}
+}
diff --git a/backend/cmd/pocketbase/main.go b/backend/cmd/pocketbase/main.go
new file mode 100644
index 0000000..aa57f26
--- /dev/null
+++ b/backend/cmd/pocketbase/main.go
@@ -0,0 +1,47 @@
+// Command pocketbase is a thin wrapper that runs PocketBase as a Go framework
+// with version-controlled Go migrations.
+//
+// On every `serve`, PocketBase automatically applies any pending migrations from
+// the migrations/ package before accepting traffic.
+//
+// Usage (Docker):
+//
+//	./pocketbase serve --dir /pb_data --http 0.0.0.0:8090
+//
+// Migration workflow:
+//
+//	# Generate a timestamped stub:
+//	go run ./cmd/pocketbase migrate create "description"
+//	# Apply manually (also runs automatically on serve):
+//	go run ./cmd/pocketbase migrate up
+//	# Revert last migration:
+//	go run ./cmd/pocketbase migrate down 1
+//	# After migrating an existing install, mark existing schema as done:
+//	go run ./cmd/pocketbase migrate history-sync
+package main
+
+import (
+	"log"
+
+	"github.com/pocketbase/pocketbase"
+	"github.com/pocketbase/pocketbase/plugins/migratecmd"
+
+	// Register all migrations via init().
+	_ "github.com/libnovel/backend/migrations"
+)
+
+func main() {
+	app := pocketbase.New()
+
+	// Register the migrate sub-command.
+	// Automigrate: false — migrations are written by hand, never auto-generated
+	// from Admin UI changes. Pending migrations still apply automatically on
+	// every `serve` regardless of this flag.
+	migratecmd.MustRegister(app, app.RootCmd, migratecmd.Config{
+		Automigrate: false,
+	})
+
+	if err := app.Start(); err != nil {
+		log.Fatal(err)
+	}
+}
diff --git a/backend/cmd/runner/main.go b/backend/cmd/runner/main.go
new file mode 100644
index 0000000..5ed7bb9
--- /dev/null
+++ b/backend/cmd/runner/main.go
@@ -0,0 +1,263 @@
+// Command runner is the homelab worker binary.
+//
+// It polls PocketBase for pending scrape and audio tasks, executes them, and
+// writes results back. It connects directly to PocketBase and MinIO using
+// admin credentials loaded from environment variables.
+//
+// Usage:
+//
+//	runner          # start polling loop (blocks until SIGINT/SIGTERM)
+package main
+
+import (
+	"context"
+	"fmt"
+	"io"
+	"log/slog"
+	"os"
+	"os/signal"
+	"runtime"
+	"syscall"
+	"time"
+
+	"github.com/getsentry/sentry-go"
+	"github.com/libnovel/backend/internal/asynqqueue"
+	"github.com/libnovel/backend/internal/browser"
+	"github.com/libnovel/backend/internal/cfai"
+	"github.com/libnovel/backend/internal/config"
+	"github.com/libnovel/backend/internal/kokoro"
+	"github.com/libnovel/backend/internal/libretranslate"
+	"github.com/libnovel/backend/internal/meili"
+	"github.com/libnovel/backend/internal/novelfire"
+	"github.com/libnovel/backend/internal/otelsetup"
+	"github.com/libnovel/backend/internal/pockettts"
+	"github.com/libnovel/backend/internal/runner"
+	"github.com/libnovel/backend/internal/storage"
+	"github.com/libnovel/backend/internal/taskqueue"
+	"github.com/libnovel/backend/internal/webpush"
+)
+
+// version and commit are set at build time via -ldflags.
+var (
+	version = "dev"
+	commit  = "unknown"
+)
+
+func main() {
+	if err := run(); err != nil {
+		fmt.Fprintf(os.Stderr, "runner: fatal: %v\n", err)
+		os.Exit(1)
+	}
+}
+
+func run() error {
+	cfg := config.Load()
+
+	// ── Sentry / GlitchTip error tracking ────────────────────────────────────
+	if dsn := os.Getenv("GLITCHTIP_DSN"); dsn != "" {
+		if err := sentry.Init(sentry.ClientOptions{
+			Dsn:              dsn,
+			Release:          version + "@" + commit,
+			TracesSampleRate: 0.1,
+		}); err != nil {
+			fmt.Fprintf(os.Stderr, "runner: sentry init warning: %v\n", err)
+		} else {
+			defer sentry.Flush(2 * time.Second)
+		}
+	}
+
+	// ── Logger ──────────────────────────────────────────────────────────────
+	log := buildLogger(cfg.LogLevel)
+	log.Info("runner starting",
+		"version", version,
+		"commit", commit,
+		"worker_id", cfg.Runner.WorkerID,
+	)
+
+	// ── Context: cancel on SIGINT / SIGTERM ─────────────────────────────────
+	ctx, stop := signal.NotifyContext(context.Background(), os.Interrupt, syscall.SIGTERM)
+	defer stop()
+
+	// ── OpenTelemetry tracing + logs ─────────────────────────────────────────
+	otelShutdown, otelLog, err := otelsetup.Init(ctx, version)
+	if err != nil {
+		return fmt.Errorf("init otel: %w", err)
+	}
+	if otelShutdown != nil {
+		defer otelShutdown()
+		// Switch to the OTel-bridged logger so all structured log lines are
+		// forwarded to Loki with trace IDs attached.
+		log = otelLog
+		log.Info("otel tracing + logs enabled", "endpoint", os.Getenv("OTEL_EXPORTER_OTLP_ENDPOINT"))
+	}
+
+	// ── Storage ─────────────────────────────────────────────────────────────
+	store, err := storage.NewStore(ctx, cfg, log)
+	if err != nil {
+		return fmt.Errorf("init storage: %w", err)
+	}
+
+	// ── Browser / Scraper ───────────────────────────────────────────────────
+	workers := cfg.Runner.Workers
+	if workers <= 0 {
+		workers = runtime.NumCPU()
+	}
+	timeout := cfg.Runner.Timeout
+	if timeout <= 0 {
+		timeout = 90 * time.Second
+	}
+
+	browserClient := browser.NewDirectClient(browser.Config{
+		MaxConcurrent: workers,
+		Timeout:       timeout,
+	})
+	novel := novelfire.New(browserClient, log)
+
+	// ── Kokoro ──────────────────────────────────────────────────────────────
+	var kokoroClient kokoro.Client
+	if cfg.Kokoro.URL != "" {
+		kokoroClient = kokoro.New(cfg.Kokoro.URL)
+		log.Info("kokoro TTS enabled", "url", cfg.Kokoro.URL)
+	} else {
+		log.Warn("KOKORO_URL not set — kokoro voice tasks will fail")
+		kokoroClient = &noopKokoro{}
+	}
+
+	// ── pocket-tts ──────────────────────────────────────────────────────────
+	var pocketTTSClient pockettts.Client
+	if cfg.PocketTTS.URL != "" {
+		pocketTTSClient = pockettts.New(cfg.PocketTTS.URL)
+		log.Info("pocket-tts enabled", "url", cfg.PocketTTS.URL)
+	} else {
+		log.Warn("POCKET_TTS_URL not set — pocket-tts voice tasks will fail")
+	}
+
+	// ── Cloudflare Workers AI ────────────────────────────────────────────────
+	var cfaiClient cfai.Client
+	if cfg.CFAI.AccountID != "" && cfg.CFAI.APIToken != "" {
+		cfaiClient = cfai.New(cfg.CFAI.AccountID, cfg.CFAI.APIToken, cfg.CFAI.Model)
+		log.Info("cloudflare AI TTS enabled", "model", cfg.CFAI.Model)
+	} else {
+		log.Info("CFAI_ACCOUNT_ID/CFAI_API_TOKEN not set — CF AI voice tasks will fail")
+	}
+
+	// ── LibreTranslate ──────────────────────────────────────────────────────
+	ltClient := libretranslate.New(cfg.LibreTranslate.URL, cfg.LibreTranslate.APIKey)
+	if ltClient != nil {
+		log.Info("libretranslate enabled", "url", cfg.LibreTranslate.URL)
+	} else {
+		log.Info("LIBRETRANSLATE_URL not set — machine translation disabled")
+	}
+
+	// ── Meilisearch ─────────────────────────────────────────────────────────
+	var searchIndex meili.Client
+	if cfg.Meilisearch.URL != "" {
+		if err := meili.Configure(cfg.Meilisearch.URL, cfg.Meilisearch.APIKey); err != nil {
+			log.Warn("meilisearch configure failed — search indexing disabled", "err", err)
+			searchIndex = meili.NoopClient{}
+		} else {
+			searchIndex = meili.New(cfg.Meilisearch.URL, cfg.Meilisearch.APIKey)
+			log.Info("meilisearch enabled", "url", cfg.Meilisearch.URL)
+		}
+	} else {
+		log.Info("MEILI_URL not set — search indexing disabled")
+		searchIndex = meili.NoopClient{}
+	}
+
+	// ── Runner ──────────────────────────────────────────────────────────────
+	rCfg := runner.Config{
+		WorkerID:                    cfg.Runner.WorkerID,
+		PollInterval:                cfg.Runner.PollInterval,
+		MaxConcurrentScrape:         cfg.Runner.MaxConcurrentScrape,
+		MaxConcurrentAudio:          cfg.Runner.MaxConcurrentAudio,
+		MaxConcurrentTranslation:    cfg.Runner.MaxConcurrentTranslation,
+		OrchestratorWorkers:         workers,
+		MetricsAddr:                 cfg.Runner.MetricsAddr,
+		CatalogueRefreshInterval:    cfg.Runner.CatalogueRefreshInterval,
+		CatalogueRequestDelay:       cfg.Runner.CatalogueRequestDelay,
+		SkipInitialCatalogueRefresh: cfg.Runner.SkipInitialCatalogueRefresh,
+		RedisAddr:                   cfg.Redis.Addr,
+		RedisPassword:               cfg.Redis.Password,
+	}
+
+	// In Asynq mode the Consumer is a thin wrapper: claim/heartbeat/reap are
+	// no-ops, but FinishAudioTask / FinishScrapeTask / FailTask write back to
+	// PocketBase as before.
+	var consumer taskqueue.Consumer = store
+	if cfg.Redis.Addr != "" {
+		log.Info("runner: asynq mode — using Redis for task dispatch", "addr", cfg.Redis.Addr)
+		consumer = asynqqueue.NewConsumer(store)
+	} else {
+		log.Info("runner: poll mode — using PocketBase for task dispatch")
+	}
+
+	// ── Web Push ─────────────────────────────────────────────────────────────
+	var pushSender *webpush.Sender
+	if cfg.VAPID.PublicKey != "" && cfg.VAPID.PrivateKey != "" {
+		pushSender = webpush.New(cfg.VAPID.PublicKey, cfg.VAPID.PrivateKey, cfg.VAPID.Subject, log)
+		log.Info("runner: web push notifications enabled")
+	} else {
+		log.Info("runner: VAPID_PUBLIC_KEY/VAPID_PRIVATE_KEY not set — push notifications disabled")
+	}
+
+	deps := runner.Dependencies{
+		Consumer:         consumer,
+		BookWriter:         store,
+		BookReader:         store,
+		AudioStore:         store,
+		CoverStore:         store,
+		TranslationStore:   store,
+		BookImport:         storage.NewBookImporter(store),
+		ImportChapterStore: store,
+		ChapterIngester:    store,
+		SearchIndex:        searchIndex,
+		Novel:              novel,
+		Kokoro:             kokoroClient,
+		PocketTTS:          pocketTTSClient,
+		CFAI:               cfaiClient,
+		LibreTranslate:     ltClient,
+		Notifier:           store,
+		WebPush:            pushSender,
+		Store:              store,
+		Log:                log,
+	}
+	r := runner.New(rCfg, deps)
+
+	return r.Run(ctx)
+}
+
+// ── Helpers ───────────────────────────────────────────────────────────────────
+
+func buildLogger(level string) *slog.Logger {
+	var lvl slog.Level
+	switch level {
+	case "debug":
+		lvl = slog.LevelDebug
+	case "warn":
+		lvl = slog.LevelWarn
+	case "error":
+		lvl = slog.LevelError
+	default:
+		lvl = slog.LevelInfo
+	}
+	return slog.New(slog.NewJSONHandler(os.Stdout, &slog.HandlerOptions{Level: lvl}))
+}
+
+// noopKokoro is a no-op implementation used when KOKORO_URL is not set.
+type noopKokoro struct{}
+
+func (n *noopKokoro) GenerateAudio(_ context.Context, _, _ string) ([]byte, error) {
+	return nil, fmt.Errorf("kokoro not configured (KOKORO_URL is empty)")
+}
+
+func (n *noopKokoro) StreamAudioMP3(_ context.Context, _, _ string) (io.ReadCloser, error) {
+	return nil, fmt.Errorf("kokoro not configured (KOKORO_URL is empty)")
+}
+
+func (n *noopKokoro) StreamAudioWAV(_ context.Context, _, _ string) (io.ReadCloser, error) {
+	return nil, fmt.Errorf("kokoro not configured (KOKORO_URL is empty)")
+}
+
+func (n *noopKokoro) ListVoices(_ context.Context) ([]string, error) {
+	return nil, nil
+}
diff --git a/backend/go.mod b/backend/go.mod
new file mode 100644
index 0000000..e03ca8c
--- /dev/null
+++ b/backend/go.mod
@@ -0,0 +1,101 @@
+module github.com/libnovel/backend
+
+go 1.26.1
+
+require (
+	github.com/SherClockHolmes/webpush-go v1.4.0
+	github.com/getsentry/sentry-go v0.43.0
+	github.com/hibiken/asynq v0.26.0
+	github.com/hibiken/asynq/x v0.0.0-20260203063626-d704b68a426d
+	github.com/meilisearch/meilisearch-go v0.36.1
+	github.com/minio/minio-go/v7 v7.0.98
+	github.com/pdfcpu/pdfcpu v0.11.1
+	github.com/pocketbase/pocketbase v0.36.9
+	github.com/prometheus/client_golang v1.23.2
+	github.com/redis/go-redis/v9 v9.18.0
+	github.com/yuin/goldmark v1.8.2
+	go.opentelemetry.io/contrib/bridges/otelslog v0.17.0
+	go.opentelemetry.io/contrib/instrumentation/net/http/otelhttp v0.67.0
+	go.opentelemetry.io/otel v1.42.0
+	go.opentelemetry.io/otel/exporters/otlp/otlplog/otlploghttp v0.18.0
+	go.opentelemetry.io/otel/exporters/otlp/otlptrace/otlptracehttp v1.42.0
+	go.opentelemetry.io/otel/log v0.18.0
+	go.opentelemetry.io/otel/sdk v1.42.0
+	go.opentelemetry.io/otel/sdk/log v0.18.0
+	golang.org/x/net v0.52.0
+)
+
+require (
+	github.com/andybalholm/brotli v1.1.1 // indirect
+	github.com/asaskevich/govalidator v0.0.0-20230301143203-a9d515a09cc2 // indirect
+	github.com/beorn7/perks v1.0.1 // indirect
+	github.com/cenkalti/backoff/v5 v5.0.3 // indirect
+	github.com/cespare/xxhash/v2 v2.3.0 // indirect
+	github.com/clipperhouse/uax29/v2 v2.2.0 // indirect
+	github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f // indirect
+	github.com/disintegration/imaging v1.6.2 // indirect
+	github.com/domodwyer/mailyak/v3 v3.6.2 // indirect
+	github.com/dustin/go-humanize v1.0.1 // indirect
+	github.com/fatih/color v1.19.0 // indirect
+	github.com/felixge/httpsnoop v1.0.4 // indirect
+	github.com/gabriel-vasile/mimetype v1.4.13 // indirect
+	github.com/ganigeorgiev/fexpr v0.5.0 // indirect
+	github.com/go-ini/ini v1.67.0 // indirect
+	github.com/go-logr/logr v1.4.3 // indirect
+	github.com/go-logr/stdr v1.2.2 // indirect
+	github.com/go-ozzo/ozzo-validation/v4 v4.3.0 // indirect
+	github.com/golang-jwt/jwt/v5 v5.3.1 // indirect
+	github.com/google/uuid v1.6.0 // indirect
+	github.com/grpc-ecosystem/grpc-gateway/v2 v2.28.0 // indirect
+	github.com/hhrutter/lzw v1.0.0 // indirect
+	github.com/hhrutter/pkcs7 v0.2.0 // indirect
+	github.com/hhrutter/tiff v1.0.2 // indirect
+	github.com/inconshreveable/mousetrap v1.1.0 // indirect
+	github.com/klauspost/compress v1.18.2 // indirect
+	github.com/klauspost/cpuid/v2 v2.2.11 // indirect
+	github.com/klauspost/crc32 v1.3.0 // indirect
+	github.com/mattn/go-colorable v0.1.14 // indirect
+	github.com/mattn/go-isatty v0.0.21 // indirect
+	github.com/mattn/go-runewidth v0.0.19 // indirect
+	github.com/minio/crc64nvme v1.1.1 // indirect
+	github.com/minio/md5-simd v1.1.2 // indirect
+	github.com/munnerz/goautoneg v0.0.0-20191010083416-a7dc8b61c822 // indirect
+	github.com/ncruces/go-strftime v1.0.0 // indirect
+	github.com/philhofer/fwd v1.2.0 // indirect
+	github.com/pkg/errors v0.9.1 // indirect
+	github.com/pocketbase/dbx v1.12.0 // indirect
+	github.com/prometheus/client_model v0.6.2 // indirect
+	github.com/prometheus/common v0.66.1 // indirect
+	github.com/prometheus/procfs v0.16.1 // indirect
+	github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec // indirect
+	github.com/robfig/cron/v3 v3.0.1 // indirect
+	github.com/rs/xid v1.6.0 // indirect
+	github.com/spf13/cast v1.10.0 // indirect
+	github.com/spf13/cobra v1.10.2 // indirect
+	github.com/spf13/pflag v1.0.10 // indirect
+	github.com/tinylib/msgp v1.6.1 // indirect
+	go.opentelemetry.io/auto/sdk v1.2.1 // indirect
+	go.opentelemetry.io/otel/exporters/otlp/otlptrace v1.42.0 // indirect
+	go.opentelemetry.io/otel/metric v1.42.0 // indirect
+	go.opentelemetry.io/otel/trace v1.42.0 // indirect
+	go.opentelemetry.io/proto/otlp v1.9.0 // indirect
+	go.uber.org/atomic v1.11.0 // indirect
+	go.yaml.in/yaml/v2 v2.4.2 // indirect
+	go.yaml.in/yaml/v3 v3.0.4 // indirect
+	golang.org/x/crypto v0.49.0 // indirect
+	golang.org/x/image v0.38.0 // indirect
+	golang.org/x/oauth2 v0.36.0 // indirect
+	golang.org/x/sync v0.20.0 // indirect
+	golang.org/x/sys v0.43.0 // indirect
+	golang.org/x/text v0.36.0 // indirect
+	golang.org/x/time v0.14.0 // indirect
+	google.golang.org/genproto/googleapis/api v0.0.0-20260209200024-4cfbd4190f57 // indirect
+	google.golang.org/genproto/googleapis/rpc v0.0.0-20260209200024-4cfbd4190f57 // indirect
+	google.golang.org/grpc v1.79.2 // indirect
+	google.golang.org/protobuf v1.36.11 // indirect
+	gopkg.in/yaml.v2 v2.4.0 // indirect
+	modernc.org/libc v1.70.0 // indirect
+	modernc.org/mathutil v1.7.1 // indirect
+	modernc.org/memory v1.11.0 // indirect
+	modernc.org/sqlite v1.48.2 // indirect
+)
diff --git a/backend/go.sum b/backend/go.sum
new file mode 100644
index 0000000..d06d1e7
--- /dev/null
+++ b/backend/go.sum
@@ -0,0 +1,340 @@
+github.com/SherClockHolmes/webpush-go v1.4.0 h1:ocnzNKWN23T9nvHi6IfyrQjkIc0oJWv1B1pULsf9i3s=
+github.com/SherClockHolmes/webpush-go v1.4.0/go.mod h1:XSq8pKX11vNV8MJEMwjrlTkxhAj1zKfxmyhdV7Pd6UA=
+github.com/andybalholm/brotli v1.1.1 h1:PR2pgnyFznKEugtsUo0xLdDop5SKXd5Qf5ysW+7XdTA=
+github.com/andybalholm/brotli v1.1.1/go.mod h1:05ib4cKhjx3OQYUY22hTVd34Bc8upXjOLL2rKwwZBoA=
+github.com/asaskevich/govalidator v0.0.0-20200108200545-475eaeb16496/go.mod h1:oGkLhpf+kjZl6xBf758TQhh5XrAeiJv/7FRz/2spLIg=
+github.com/asaskevich/govalidator v0.0.0-20230301143203-a9d515a09cc2 h1:DklsrG3dyBCFEj5IhUbnKptjxatkF07cF2ak3yi77so=
+github.com/asaskevich/govalidator v0.0.0-20230301143203-a9d515a09cc2/go.mod h1:WaHUgvxTVq04UNunO+XhnAqY/wQc+bxr74GqbsZ/Jqw=
+github.com/beorn7/perks v1.0.1 h1:VlbKKnNfV8bJzeqoa4cOKqO6bYr3WgKZxO8Z16+hsOM=
+github.com/beorn7/perks v1.0.1/go.mod h1:G2ZrVWU2WbWT9wwq4/hrbKbnv/1ERSJQ0ibhJ6rlkpw=
+github.com/bsm/ginkgo/v2 v2.12.0 h1:Ny8MWAHyOepLGlLKYmXG4IEkioBysk6GpaRTLC8zwWs=
+github.com/bsm/ginkgo/v2 v2.12.0/go.mod h1:SwYbGRRDovPVboqFv0tPTcG1sN61LM1Z4ARdbAV9g4c=
+github.com/bsm/gomega v1.27.10 h1:yeMWxP2pV2fG3FgAODIY8EiRE3dy0aeFYt4l7wh6yKA=
+github.com/bsm/gomega v1.27.10/go.mod h1:JyEr/xRbxbtgWNi8tIEVPUYZ5Dzef52k01W3YH0H+O0=
+github.com/cenkalti/backoff/v5 v5.0.3 h1:ZN+IMa753KfX5hd8vVaMixjnqRZ3y8CuJKRKj1xcsSM=
+github.com/cenkalti/backoff/v5 v5.0.3/go.mod h1:rkhZdG3JZukswDf7f0cwqPNk4K0sa+F97BxZthm/crw=
+github.com/cespare/xxhash/v2 v2.3.0 h1:UL815xU9SqsFlibzuggzjXhog7bL6oX9BbNZnL2UFvs=
+github.com/cespare/xxhash/v2 v2.3.0/go.mod h1:VGX0DQ3Q6kWi7AoAeZDth3/j3BFtOZR5XLFGgcrjCOs=
+github.com/clipperhouse/uax29/v2 v2.2.0 h1:ChwIKnQN3kcZteTXMgb1wztSgaU+ZemkgWdohwgs8tY=
+github.com/clipperhouse/uax29/v2 v2.2.0/go.mod h1:EFJ2TJMRUaplDxHKj1qAEhCtQPW2tJSwu5BF98AuoVM=
+github.com/cpuguy83/go-md2man/v2 v2.0.6/go.mod h1:oOW0eioCTA6cOiMLiUPZOpcVxMig6NIQQ7OS05n1F4g=
+github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
+github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
+github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
+github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f h1:lO4WD4F/rVNCu3HqELle0jiPLLBs70cWOduZpkS1E78=
+github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f/go.mod h1:cuUVRXasLTGF7a8hSLbxyZXjz+1KgoB3wDUb6vlszIc=
+github.com/disintegration/imaging v1.6.2 h1:w1LecBlG2Lnp8B3jk5zSuNqd7b4DXhcjwek1ei82L+c=
+github.com/disintegration/imaging v1.6.2/go.mod h1:44/5580QXChDfwIclfc/PCwrr44amcmDAg8hxG0Ewe4=
+github.com/domodwyer/mailyak/v3 v3.6.2 h1:x3tGMsyFhTCaxp6ycgR0FE/bu5QiNp+hetUuCOBXMn8=
+github.com/domodwyer/mailyak/v3 v3.6.2/go.mod h1:lOm/u9CyCVWHeaAmHIdF4RiKVxKUT/H5XX10lIKAL6c=
+github.com/dustin/go-humanize v1.0.1 h1:GzkhY7T5VNhEkwH0PVJgjz+fX1rhBrR7pRT3mDkpeCY=
+github.com/dustin/go-humanize v1.0.1/go.mod h1:Mu1zIs6XwVuF/gI1OepvI0qD18qycQx+mFykh5fBlto=
+github.com/fatih/color v1.19.0 h1:Zp3PiM21/9Ld6FzSKyL5c/BULoe/ONr9KlbYVOfG8+w=
+github.com/fatih/color v1.19.0/go.mod h1:zNk67I0ZUT1bEGsSGyCZYZNrHuTkJJB+r6Q9VuMi0LE=
+github.com/felixge/httpsnoop v1.0.4 h1:NFTV2Zj1bL4mc9sqWACXbQFVBBg2W3GPvqp8/ESS2Wg=
+github.com/felixge/httpsnoop v1.0.4/go.mod h1:m8KPJKqk1gH5J9DgRY2ASl2lWCfGKXixSwevea8zH2U=
+github.com/frankban/quicktest v1.14.6 h1:7Xjx+VpznH+oBnejlPUj8oUpdxnVs4f8XU8WnHkI4W8=
+github.com/frankban/quicktest v1.14.6/go.mod h1:4ptaffx2x8+WTWXmUCuVU6aPUX1/Mz7zb5vbUoiM6w0=
+github.com/gabriel-vasile/mimetype v1.4.13 h1:46nXokslUBsAJE/wMsp5gtO500a4F3Nkz9Ufpk2AcUM=
+github.com/gabriel-vasile/mimetype v1.4.13/go.mod h1:d+9Oxyo1wTzWdyVUPMmXFvp4F9tea18J8ufA774AB3s=
+github.com/ganigeorgiev/fexpr v0.5.0 h1:XA9JxtTE/Xm+g/JFI6RfZEHSiQlk+1glLvRK1Lpv/Tk=
+github.com/ganigeorgiev/fexpr v0.5.0/go.mod h1:RyGiGqmeXhEQ6+mlGdnUleLHgtzzu/VGO2WtJkF5drE=
+github.com/getsentry/sentry-go v0.43.0 h1:XbXLpFicpo8HmBDaInk7dum18G9KSLcjZiyUKS+hLW4=
+github.com/getsentry/sentry-go v0.43.0/go.mod h1:XDotiNZbgf5U8bPDUAfvcFmOnMQQceESxyKaObSssW0=
+github.com/go-errors/errors v1.4.2 h1:J6MZopCL4uSllY1OfXM374weqZFFItUbrImctkmUxIA=
+github.com/go-errors/errors v1.4.2/go.mod h1:sIVyrIiJhuEF+Pj9Ebtd6P/rEYROXFi3BopGUQ5a5Og=
+github.com/go-ini/ini v1.67.0 h1:z6ZrTEZqSWOTyH2FlglNbNgARyHG8oLW9gMELqKr06A=
+github.com/go-ini/ini v1.67.0/go.mod h1:ByCAeIL28uOIIG0E3PJtZPDL8WnHpFKFOtgjp+3Ies8=
+github.com/go-logr/logr v1.2.2/go.mod h1:jdQByPbusPIv2/zmleS9BjJVeZ6kBagPoEUsqbVz/1A=
+github.com/go-logr/logr v1.4.3 h1:CjnDlHq8ikf6E492q6eKboGOC0T8CDaOvkHCIg8idEI=
+github.com/go-logr/logr v1.4.3/go.mod h1:9T104GzyrTigFIr8wt5mBrctHMim0Nb2HLGrmQ40KvY=
+github.com/go-logr/stdr v1.2.2 h1:hSWxHoqTgW2S2qGc0LTAI563KZ5YKYRhT3MFKZMbjag=
+github.com/go-logr/stdr v1.2.2/go.mod h1:mMo/vtBO5dYbehREoey6XUKy/eSumjCCveDpRre4VKE=
+github.com/go-ozzo/ozzo-validation/v4 v4.3.0 h1:byhDUpfEwjsVQb1vBunvIjh2BHQ9ead57VkAEY4V+Es=
+github.com/go-ozzo/ozzo-validation/v4 v4.3.0/go.mod h1:2NKgrcHl3z6cJs+3Oo940FPRiTzuqKbvfrL2RxCj6Ew=
+github.com/go-sql-driver/mysql v1.4.1 h1:g24URVg0OFbNUTx9qqY1IRZ9D9z3iPyi5zKhQZpNwpA=
+github.com/go-sql-driver/mysql v1.4.1/go.mod h1:zAC/RDZ24gD3HViQzih4MyKcchzm+sOG5ZlKdlhCg5w=
+github.com/golang-jwt/jwt/v5 v5.2.1/go.mod h1:pqrtFR0X4osieyHYxtmOUWsAWrfe1Q5UVIyoH402zdk=
+github.com/golang-jwt/jwt/v5 v5.3.1 h1:kYf81DTWFe7t+1VvL7eS+jKFVWaUnK9cB1qbwn63YCY=
+github.com/golang-jwt/jwt/v5 v5.3.1/go.mod h1:fxCRLWMO43lRc8nhHWY6LGqRcf+1gQWArsqaEUEa5bE=
+github.com/golang/protobuf v1.3.1/go.mod h1:6lQm79b+lXiMfvg/cZm0SGofjICqVBUtrP5yJMmIC1U=
+github.com/golang/protobuf v1.5.4 h1:i7eJL8qZTpSEXOPTxNKhASYpMn+8e5Q6AdndVa1dWek=
+github.com/golang/protobuf v1.5.4/go.mod h1:lnTiLA8Wa4RWRcIUkrtSVa5nRhsEGBg48fD6rSs7xps=
+github.com/google/go-cmp v0.6.0/go.mod h1:17dUlkBOakJ0+DkrSSNjCkIjxS6bF9zb3elmeNGIjoY=
+github.com/google/go-cmp v0.7.0 h1:wk8382ETsv4JYUZwIsn6YpYiWiBsYLSJiTsyBybVuN8=
+github.com/google/go-cmp v0.7.0/go.mod h1:pXiqmnSA92OHEEa9HXL2W4E7lf9JzCmGVUdgjX3N/iU=
+github.com/google/pprof v0.0.0-20260402051712-545e8a4df936 h1:EwtI+Al+DeppwYX2oXJCETMO23COyaKGP6fHVpkpWpg=
+github.com/google/pprof v0.0.0-20260402051712-545e8a4df936/go.mod h1:MxpfABSjhmINe3F1It9d+8exIHFvUqtLIRCdOGNXqiI=
+github.com/google/uuid v1.6.0 h1:NIvaJDMOsjHA8n1jAhLSgzrAzy1Hgr+hNrb57e+94F0=
+github.com/google/uuid v1.6.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
+github.com/grpc-ecosystem/grpc-gateway/v2 v2.28.0 h1:HWRh5R2+9EifMyIHV7ZV+MIZqgz+PMpZ14Jynv3O2Zs=
+github.com/grpc-ecosystem/grpc-gateway/v2 v2.28.0/go.mod h1:JfhWUomR1baixubs02l85lZYYOm7LV6om4ceouMv45c=
+github.com/hashicorp/golang-lru/v2 v2.0.7 h1:a+bsQ5rvGLjzHuww6tVxozPZFVghXaHOwFs4luLUK2k=
+github.com/hashicorp/golang-lru/v2 v2.0.7/go.mod h1:QeFd9opnmA6QUJc5vARoKUSoFhyfM2/ZepoAG6RGpeM=
+github.com/hhrutter/lzw v1.0.0 h1:laL89Llp86W3rRs83LvKbwYRx6INE8gDn0XNb1oXtm0=
+github.com/hhrutter/lzw v1.0.0/go.mod h1:2HC6DJSn/n6iAZfgM3Pg+cP1KxeWc3ezG8bBqW5+WEo=
+github.com/hhrutter/pkcs7 v0.2.0 h1:i4HN2XMbGQpZRnKBLsUwO3dSckzgX142TNqY/KfXg+I=
+github.com/hhrutter/pkcs7 v0.2.0/go.mod h1:aEzKz0+ZAlz7YaEMY47jDHL14hVWD6iXt0AgqgAvWgE=
+github.com/hhrutter/tiff v1.0.2 h1:7H3FQQpKu/i5WaSChoD1nnJbGx4MxU5TlNqqpxw55z8=
+github.com/hhrutter/tiff v1.0.2/go.mod h1:pcOeuK5loFUE7Y/WnzGw20YxUdnqjY1P0Jlcieb/cCw=
+github.com/hibiken/asynq v0.26.0 h1:1Zxr92MlDnb1Zt/QR5g2vSCqUS03i95lUfqx5X7/wrw=
+github.com/hibiken/asynq v0.26.0/go.mod h1:Qk4e57bTnWDoyJ67VkchuV6VzSM9IQW2nPvAGuDyw58=
+github.com/hibiken/asynq/x v0.0.0-20260203063626-d704b68a426d h1:Ld5m8EIK5QVOq/owOexKIbETij3skACg4eU1pArHsrw=
+github.com/hibiken/asynq/x v0.0.0-20260203063626-d704b68a426d/go.mod h1:hhpStehaxSGg3ib9wJXzw5AXY1YS6lQ9BNavAgPbIhE=
+github.com/inconshreveable/mousetrap v1.1.0 h1:wN+x4NVGpMsO7ErUn/mUI3vEoE6Jt13X2s0bqwp9tc8=
+github.com/inconshreveable/mousetrap v1.1.0/go.mod h1:vpF70FUmC8bwa3OWnCshd2FqLfsEA9PFc4w1p2J65bw=
+github.com/klauspost/compress v1.18.2 h1:iiPHWW0YrcFgpBYhsA6D1+fqHssJscY/Tm/y2Uqnapk=
+github.com/klauspost/compress v1.18.2/go.mod h1:R0h/fSBs8DE4ENlcrlib3PsXS61voFxhIs2DeRhCvJ4=
+github.com/klauspost/cpuid/v2 v2.0.1/go.mod h1:FInQzS24/EEf25PyTYn52gqo7WaD8xa0213Md/qVLRg=
+github.com/klauspost/cpuid/v2 v2.2.11 h1:0OwqZRYI2rFrjS4kvkDnqJkKHdHaRnCm68/DY4OxRzU=
+github.com/klauspost/cpuid/v2 v2.2.11/go.mod h1:hqwkgyIinND0mEev00jJYCxPNVRVXFQeu1XKlok6oO0=
+github.com/klauspost/crc32 v1.3.0 h1:sSmTt3gUt81RP655XGZPElI0PelVTZ6YwCRnPSupoFM=
+github.com/klauspost/crc32 v1.3.0/go.mod h1:D7kQaZhnkX/Y0tstFGf8VUzv2UofNGqCjnC3zdHB0Hw=
+github.com/kr/pretty v0.3.1 h1:flRD4NNwYAUpkphVc1HcthR4KEIFJ65n8Mw5qdRn3LE=
+github.com/kr/pretty v0.3.1/go.mod h1:hoEshYVHaxMs3cyo3Yncou5ZscifuDolrwPKZanG3xk=
+github.com/kr/text v0.2.0 h1:5Nx0Ya0ZqY2ygV366QzturHI13Jq95ApcVaJBhpS+AY=
+github.com/kr/text v0.2.0/go.mod h1:eLer722TekiGuMkidMxC/pM04lWEeraHUUmBw8l2grE=
+github.com/kylelemons/godebug v1.1.0 h1:RPNrshWIDI6G2gRW9EHilWtl7Z6Sb1BR0xunSBf0SNc=
+github.com/kylelemons/godebug v1.1.0/go.mod h1:9/0rRGxNHcop5bhtWyNeEfOS8JIWk580+fNqagV/RAw=
+github.com/mattn/go-colorable v0.1.14 h1:9A9LHSqF/7dyVVX6g0U9cwm9pG3kP9gSzcuIPHPsaIE=
+github.com/mattn/go-colorable v0.1.14/go.mod h1:6LmQG8QLFO4G5z1gPvYEzlUgJ2wF+stgPZH1UqBm1s8=
+github.com/mattn/go-isatty v0.0.21 h1:xYae+lCNBP7QuW4PUnNG61ffM4hVIfm+zUzDuSzYLGs=
+github.com/mattn/go-isatty v0.0.21/go.mod h1:ZXfXG4SQHsB/w3ZeOYbR0PrPwLy+n6xiMrJlRFqopa4=
+github.com/mattn/go-runewidth v0.0.19 h1:v++JhqYnZuu5jSKrk9RbgF5v4CGUjqRfBm05byFGLdw=
+github.com/mattn/go-runewidth v0.0.19/go.mod h1:XBkDxAl56ILZc9knddidhrOlY5R/pDhgLpndooCuJAs=
+github.com/meilisearch/meilisearch-go v0.36.1 h1:mJTCJE5g7tRvaqKco6DfqOuJEjX+rRltDEnkEC02Y0M=
+github.com/meilisearch/meilisearch-go v0.36.1/go.mod h1:hWcR0MuWLSzHfbz9GGzIr3s9rnXLm1jqkmHkJPbUSvM=
+github.com/minio/crc64nvme v1.1.1 h1:8dwx/Pz49suywbO+auHCBpCtlW1OfpcLN7wYgVR6wAI=
+github.com/minio/crc64nvme v1.1.1/go.mod h1:eVfm2fAzLlxMdUGc0EEBGSMmPwmXD5XiNRpnu9J3bvg=
+github.com/minio/md5-simd v1.1.2 h1:Gdi1DZK69+ZVMoNHRXJyNcxrMA4dSxoYHZSQbirFg34=
+github.com/minio/md5-simd v1.1.2/go.mod h1:MzdKDxYpY2BT9XQFocsiZf/NKVtR7nkE4RoEpN+20RM=
+github.com/minio/minio-go/v7 v7.0.98 h1:MeAVKjLVz+XJ28zFcuYyImNSAh8Mq725uNW4beRisi0=
+github.com/minio/minio-go/v7 v7.0.98/go.mod h1:cY0Y+W7yozf0mdIclrttzo1Iiu7mEf9y7nk2uXqMOvM=
+github.com/munnerz/goautoneg v0.0.0-20191010083416-a7dc8b61c822 h1:C3w9PqII01/Oq1c1nUAm88MOHcQC9l5mIlSMApZMrHA=
+github.com/munnerz/goautoneg v0.0.0-20191010083416-a7dc8b61c822/go.mod h1:+n7T8mK8HuQTcFwEeznm/DIxMOiR9yIdICNftLE1DvQ=
+github.com/ncruces/go-strftime v1.0.0 h1:HMFp8mLCTPp341M/ZnA4qaf7ZlsbTc+miZjCLOFAw7w=
+github.com/ncruces/go-strftime v1.0.0/go.mod h1:Fwc5htZGVVkseilnfgOVb9mKy6w1naJmn9CehxcKcls=
+github.com/pdfcpu/pdfcpu v0.11.1 h1:htHBSkGH5jMKWC6e0sihBFbcKZ8vG1M67c8/dJxhjas=
+github.com/pdfcpu/pdfcpu v0.11.1/go.mod h1:pP3aGga7pRvwFWAm9WwFvo+V68DfANi9kxSQYioNYcw=
+github.com/philhofer/fwd v1.2.0 h1:e6DnBTl7vGY+Gz322/ASL4Gyp1FspeMvx1RNDoToZuM=
+github.com/philhofer/fwd v1.2.0/go.mod h1:RqIHx9QI14HlwKwm98g9Re5prTQ6LdeRQn+gXJFxsJM=
+github.com/pingcap/errors v0.11.4 h1:lFuQV/oaUMGcD2tqt+01ROSmJs75VG1ToEOkZIZ4nE4=
+github.com/pingcap/errors v0.11.4/go.mod h1:Oi8TUi2kEtXXLMJk9l1cGmz20kV3TaQ0usTwv5KuLY8=
+github.com/pkg/errors v0.9.1 h1:FEBLx1zS214owpjy7qsBeixbURkuhQAwrK5UwLGTwt4=
+github.com/pkg/errors v0.9.1/go.mod h1:bwawxfHBFNV+L2hUp1rHADufV3IMtnDRdf1r5NINEl0=
+github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
+github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
+github.com/pocketbase/dbx v1.12.0 h1:/oLErM+A0b4xI0PWTGPqSDVjzix48PqI/bng2l0PzoA=
+github.com/pocketbase/dbx v1.12.0/go.mod h1:xXRCIAKTHMgUCyCKZm55pUOdvFziJjQfXaWKhu2vhMs=
+github.com/pocketbase/pocketbase v0.36.9 h1:x3mXMB4AwhTzJ34JZpZR7IQyUih7Fx1l86r0V/k4oW8=
+github.com/pocketbase/pocketbase v0.36.9/go.mod h1:t3sMcAxGHrDAXNcZ+65cZxBMpFP1vBdI9DrghB4n5Gw=
+github.com/prometheus/client_golang v1.23.2 h1:Je96obch5RDVy3FDMndoUsjAhG5Edi49h0RJWRi/o0o=
+github.com/prometheus/client_golang v1.23.2/go.mod h1:Tb1a6LWHB3/SPIzCoaDXI4I8UHKeFTEQ1YCr+0Gyqmg=
+github.com/prometheus/client_model v0.6.2 h1:oBsgwpGs7iVziMvrGhE53c/GrLUsZdHnqNwqPLxwZyk=
+github.com/prometheus/client_model v0.6.2/go.mod h1:y3m2F6Gdpfy6Ut/GBsUqTWZqCUvMVzSfMLjcu6wAwpE=
+github.com/prometheus/common v0.66.1 h1:h5E0h5/Y8niHc5DlaLlWLArTQI7tMrsfQjHV+d9ZoGs=
+github.com/prometheus/common v0.66.1/go.mod h1:gcaUsgf3KfRSwHY4dIMXLPV0K/Wg1oZ8+SbZk/HH/dA=
+github.com/prometheus/procfs v0.16.1 h1:hZ15bTNuirocR6u0JZ6BAHHmwS1p8B4P6MRqxtzMyRg=
+github.com/prometheus/procfs v0.16.1/go.mod h1:teAbpZRB1iIAJYREa1LsoWUXykVXA1KlTmWl8x/U+Is=
+github.com/redis/go-redis/v9 v9.18.0 h1:pMkxYPkEbMPwRdenAzUNyFNrDgHx9U+DrBabWNfSRQs=
+github.com/redis/go-redis/v9 v9.18.0/go.mod h1:k3ufPphLU5YXwNTUcCRXGxUoF1fqxnhFQmscfkCoDA0=
+github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec h1:W09IVJc94icq4NjY3clb7Lk8O1qJ8BdBEF8z0ibU0rE=
+github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec/go.mod h1:qqbHyh8v60DhA7CoWK5oRCqLrMHRGoxYCSS9EjAz6Eo=
+github.com/robfig/cron/v3 v3.0.1 h1:WdRxkvbJztn8LMz/QEvLN5sBU+xKpSqwwUO1Pjr4qDs=
+github.com/robfig/cron/v3 v3.0.1/go.mod h1:eQICP3HwyT7UooqI/z+Ov+PtYAWygg1TEWWzGIFLtro=
+github.com/rogpeppe/go-internal v1.14.1 h1:UQB4HGPB6osV0SQTLymcB4TgvyWu6ZyliaW0tI/otEQ=
+github.com/rogpeppe/go-internal v1.14.1/go.mod h1:MaRKkUm5W0goXpeCfT7UZI6fk/L7L7so1lCWt35ZSgc=
+github.com/rs/xid v1.6.0 h1:fV591PaemRlL6JfRxGDEPl69wICngIQ3shQtzfy2gxU=
+github.com/rs/xid v1.6.0/go.mod h1:7XoLgs4eV+QndskICGsho+ADou8ySMSjJKDIan90Nz0=
+github.com/russross/blackfriday/v2 v2.1.0/go.mod h1:+Rmxgy9KzJVeS9/2gXHxylqXiyQDYRxCVz55jmeOWTM=
+github.com/spf13/cast v1.10.0 h1:h2x0u2shc1QuLHfxi+cTJvs30+ZAHOGRic8uyGTDWxY=
+github.com/spf13/cast v1.10.0/go.mod h1:jNfB8QC9IA6ZuY2ZjDp0KtFO2LZZlg4S/7bzP6qqeHo=
+github.com/spf13/cobra v1.10.2 h1:DMTTonx5m65Ic0GOoRY2c16WCbHxOOw6xxezuLaBpcU=
+github.com/spf13/cobra v1.10.2/go.mod h1:7C1pvHqHw5A4vrJfjNwvOdzYu0Gml16OCs2GRiTUUS4=
+github.com/spf13/pflag v1.0.9/go.mod h1:McXfInJRrz4CZXVZOBLb0bTZqETkiAhM9Iw0y3An2Bg=
+github.com/spf13/pflag v1.0.10 h1:4EBh2KAYBwaONj6b2Ye1GiHfwjqyROoF4RwYO+vPwFk=
+github.com/spf13/pflag v1.0.10/go.mod h1:McXfInJRrz4CZXVZOBLb0bTZqETkiAhM9Iw0y3An2Bg=
+github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
+github.com/stretchr/testify v1.4.0/go.mod h1:j7eGeouHqKxXV5pUuKE4zz7dFj8WfuZ+81PSLYec5m4=
+github.com/stretchr/testify v1.11.1 h1:7s2iGBzp5EwR7/aIZr8ao5+dra3wiQyKjjFuvgVKu7U=
+github.com/stretchr/testify v1.11.1/go.mod h1:wZwfW3scLgRK+23gO65QZefKpKQRnfz6sD981Nm4B6U=
+github.com/tinylib/msgp v1.6.1 h1:ESRv8eL3u+DNHUoSAAQRE50Hm162zqAnBoGv9PzScPY=
+github.com/tinylib/msgp v1.6.1/go.mod h1:RSp0LW9oSxFut3KzESt5Voq4GVWyS+PSulT77roAqEA=
+github.com/xyproto/randomstring v1.0.5 h1:YtlWPoRdgMu3NZtP45drfy1GKoojuR7hmRcnhZqKjWU=
+github.com/xyproto/randomstring v1.0.5/go.mod h1:rgmS5DeNXLivK7YprL0pY+lTuhNQW3iGxZ18UQApw/E=
+github.com/yuin/goldmark v1.4.13/go.mod h1:6yULJ656Px+3vBD8DxQVa3kxgyrAnzto9xy5taEt/CY=
+github.com/yuin/goldmark v1.8.2 h1:kEGpgqJXdgbkhcOgBxkC0X0PmoPG1ZyoZ117rDVp4zE=
+github.com/yuin/goldmark v1.8.2/go.mod h1:ip/1k0VRfGynBgxOz0yCqHrbZXhcjxyuS66Brc7iBKg=
+github.com/zeebo/xxh3 v1.0.2 h1:xZmwmqxHZA8AI603jOQ0tMqmBr9lPeFwGg6d+xy9DC0=
+github.com/zeebo/xxh3 v1.0.2/go.mod h1:5NWz9Sef7zIDm2JHfFlcQvNekmcEl9ekUZQQKCYaDcA=
+go.opentelemetry.io/auto/sdk v1.2.1 h1:jXsnJ4Lmnqd11kwkBV2LgLoFMZKizbCi5fNZ/ipaZ64=
+go.opentelemetry.io/auto/sdk v1.2.1/go.mod h1:KRTj+aOaElaLi+wW1kO/DZRXwkF4C5xPbEe3ZiIhN7Y=
+go.opentelemetry.io/contrib/bridges/otelslog v0.17.0 h1:NFIS6x7wyObQ7cR84x7bt1sr8nYBx89s3x3GwRjw40k=
+go.opentelemetry.io/contrib/bridges/otelslog v0.17.0/go.mod h1:39SaByOyDMRMe872AE7uelMuQZidIw7LLFAnQi0FWTE=
+go.opentelemetry.io/contrib/instrumentation/net/http/otelhttp v0.67.0 h1:OyrsyzuttWTSur2qN/Lm0m2a8yqyIjUVBZcxFPuXq2o=
+go.opentelemetry.io/contrib/instrumentation/net/http/otelhttp v0.67.0/go.mod h1:C2NGBr+kAB4bk3xtMXfZ94gqFDtg/GkI7e9zqGh5Beg=
+go.opentelemetry.io/otel v1.42.0 h1:lSQGzTgVR3+sgJDAU/7/ZMjN9Z+vUip7leaqBKy4sho=
+go.opentelemetry.io/otel v1.42.0/go.mod h1:lJNsdRMxCUIWuMlVJWzecSMuNjE7dOYyWlqOXWkdqCc=
+go.opentelemetry.io/otel/exporters/otlp/otlplog/otlploghttp v0.18.0 h1:icqq3Z34UrEFk2u+HMhTtRsvo7Ues+eiJVjaJt62njs=
+go.opentelemetry.io/otel/exporters/otlp/otlplog/otlploghttp v0.18.0/go.mod h1:W2m8P+d5Wn5kipj4/xmbt9uMqezEKfBjzVJadfABSBE=
+go.opentelemetry.io/otel/exporters/otlp/otlptrace v1.42.0 h1:THuZiwpQZuHPul65w4WcwEnkX2QIuMT+UFoOrygtoJw=
+go.opentelemetry.io/otel/exporters/otlp/otlptrace v1.42.0/go.mod h1:J2pvYM5NGHofZ2/Ru6zw/TNWnEQp5crgyDeSrYpXkAw=
+go.opentelemetry.io/otel/exporters/otlp/otlptrace/otlptracehttp v1.42.0 h1:uLXP+3mghfMf7XmV4PkGfFhFKuNWoCvvx5wP/wOXo0o=
+go.opentelemetry.io/otel/exporters/otlp/otlptrace/otlptracehttp v1.42.0/go.mod h1:v0Tj04armyT59mnURNUJf7RCKcKzq+lgJs6QSjHjaTc=
+go.opentelemetry.io/otel/log v0.18.0 h1:XgeQIIBjZZrliksMEbcwMZefoOSMI1hdjiLEiiB0bAg=
+go.opentelemetry.io/otel/log v0.18.0/go.mod h1:KEV1kad0NofR3ycsiDH4Yjcoj0+8206I6Ox2QYFSNgI=
+go.opentelemetry.io/otel/metric v1.42.0 h1:2jXG+3oZLNXEPfNmnpxKDeZsFI5o4J+nz6xUlaFdF/4=
+go.opentelemetry.io/otel/metric v1.42.0/go.mod h1:RlUN/7vTU7Ao/diDkEpQpnz3/92J9ko05BIwxYa2SSI=
+go.opentelemetry.io/otel/sdk v1.42.0 h1:LyC8+jqk6UJwdrI/8VydAq/hvkFKNHZVIWuslJXYsDo=
+go.opentelemetry.io/otel/sdk v1.42.0/go.mod h1:rGHCAxd9DAph0joO4W6OPwxjNTYWghRWmkHuGbayMts=
+go.opentelemetry.io/otel/sdk/log v0.18.0 h1:n8OyZr7t7otkeTnPTbDNom6rW16TBYGtvyy2Gk6buQw=
+go.opentelemetry.io/otel/sdk/log v0.18.0/go.mod h1:C0+wxkTwKpOCZLrlJ3pewPiiQwpzycPI/u6W0Z9fuYk=
+go.opentelemetry.io/otel/sdk/log/logtest v0.18.0 h1:l3mYuPsuBx6UKE47BVcPrZoZ0q/KER57vbj2qkgDLXA=
+go.opentelemetry.io/otel/sdk/log/logtest v0.18.0/go.mod h1:7cHtiVJpZebB3wybTa4NG+FUo5NPe3PROz1FqB0+qdw=
+go.opentelemetry.io/otel/sdk/metric v1.42.0 h1:D/1QR46Clz6ajyZ3G8SgNlTJKBdGp84q9RKCAZ3YGuA=
+go.opentelemetry.io/otel/sdk/metric v1.42.0/go.mod h1:Ua6AAlDKdZ7tdvaQKfSmnFTdHx37+J4ba8MwVCYM5hc=
+go.opentelemetry.io/otel/trace v1.42.0 h1:OUCgIPt+mzOnaUTpOQcBiM/PLQ/Op7oq6g4LenLmOYY=
+go.opentelemetry.io/otel/trace v1.42.0/go.mod h1:f3K9S+IFqnumBkKhRJMeaZeNk9epyhnCmQh/EysQCdc=
+go.opentelemetry.io/proto/otlp v1.9.0 h1:l706jCMITVouPOqEnii2fIAuO3IVGBRPV5ICjceRb/A=
+go.opentelemetry.io/proto/otlp v1.9.0/go.mod h1:xE+Cx5E/eEHw+ISFkwPLwCZefwVjY+pqKg1qcK03+/4=
+go.uber.org/atomic v1.11.0 h1:ZvwS0R+56ePWxUNi+Atn9dWONBPp/AUETXlHW0DxSjE=
+go.uber.org/atomic v1.11.0/go.mod h1:LUxbIzbOniOlMKjJjyPfpl4v+PKK2cNJn91OQbhoJI0=
+go.uber.org/goleak v1.3.0 h1:2K3zAYmnTNqV73imy9J1T3WC+gmCePx2hEGkimedGto=
+go.uber.org/goleak v1.3.0/go.mod h1:CoHD4mav9JJNrW/WLlf7HGZPjdw8EucARQHekz1X6bE=
+go.yaml.in/yaml/v2 v2.4.2 h1:DzmwEr2rDGHl7lsFgAHxmNz/1NlQ7xLIrlN2h5d1eGI=
+go.yaml.in/yaml/v2 v2.4.2/go.mod h1:081UH+NErpNdqlCXm3TtEran0rJZGxAYx9hb/ELlsPU=
+go.yaml.in/yaml/v3 v3.0.4 h1:tfq32ie2Jv2UxXFdLJdh3jXuOzWiL1fo0bu/FbuKpbc=
+go.yaml.in/yaml/v3 v3.0.4/go.mod h1:DhzuOOF2ATzADvBadXxruRBLzYTpT36CKvDb3+aBEFg=
+golang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w=
+golang.org/x/crypto v0.0.0-20210921155107-089bfa567519/go.mod h1:GvvjBRRGRdwPK5ydBHafDWAxML/pGHZbMvKqRZ5+Abc=
+golang.org/x/crypto v0.13.0/go.mod h1:y6Z2r+Rw4iayiXXAIxJIDAJ1zMW4yaTpebo8fPOliYc=
+golang.org/x/crypto v0.19.0/go.mod h1:Iy9bg/ha4yyC70EfRS8jz+B6ybOBKMaSxLj6P6oBDfU=
+golang.org/x/crypto v0.23.0/go.mod h1:CKFgDieR+mRhux2Lsu27y0fO304Db0wZe70UKqHu0v8=
+golang.org/x/crypto v0.31.0/go.mod h1:kDsLvtWBEx7MV9tJOj9bnXsPbxwJQ6csT/x4KIN4Ssk=
+golang.org/x/crypto v0.49.0 h1:+Ng2ULVvLHnJ/ZFEq4KdcDd/cfjrrjjNSXNzxg0Y4U4=
+golang.org/x/crypto v0.49.0/go.mod h1:ErX4dUh2UM+CFYiXZRTcMpEcN8b/1gxEuv3nODoYtCA=
+golang.org/x/image v0.0.0-20191009234506-e7c1f5e7dbb8/go.mod h1:FeLwcggjj3mMvU+oOTbSwawSJRM1uh48EjtB4UJZlP0=
+golang.org/x/image v0.38.0 h1:5l+q+Y9JDC7mBOMjo4/aPhMDcxEptsX+Tt3GgRQRPuE=
+golang.org/x/image v0.38.0/go.mod h1:/3f6vaXC+6CEanU4KJxbcUZyEePbyKbaLoDOe4ehFYY=
+golang.org/x/mod v0.6.0-dev.0.20220419223038-86c51ed26bb4/go.mod h1:jJ57K6gSWd91VN4djpZkiMVwK6gcyfeH4XE8wZrZaV4=
+golang.org/x/mod v0.8.0/go.mod h1:iBbtSCu2XBx23ZKBPSOrRkjjQPZFPuis4dIYUhu/chs=
+golang.org/x/mod v0.12.0/go.mod h1:iBbtSCu2XBx23ZKBPSOrRkjjQPZFPuis4dIYUhu/chs=
+golang.org/x/mod v0.15.0/go.mod h1:hTbmBsO62+eylJbnUtE2MGJUyE7QWk4xUqPFrRgJ+7c=
+golang.org/x/mod v0.17.0/go.mod h1:hTbmBsO62+eylJbnUtE2MGJUyE7QWk4xUqPFrRgJ+7c=
+golang.org/x/mod v0.34.0 h1:xIHgNUUnW6sYkcM5Jleh05DvLOtwc6RitGHbDk4akRI=
+golang.org/x/mod v0.34.0/go.mod h1:ykgH52iCZe79kzLLMhyCUzhMci+nQj+0XkbXpNYtVjY=
+golang.org/x/net v0.0.0-20190603091049-60506f45cf65/go.mod h1:HSz+uSET+XFnRR8LxR5pz3Of3rY3CfYBVs4xY44aLks=
+golang.org/x/net v0.0.0-20190620200207-3b0461eec859/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=
+golang.org/x/net v0.0.0-20210226172049-e18ecbb05110/go.mod h1:m0MpNAwzfU5UDzcl9v0D8zg8gWTRqZa9RBIspLL5mdg=
+golang.org/x/net v0.0.0-20220722155237-a158d28d115b/go.mod h1:XRhObCWvk6IyKnWLug+ECip1KBveYUHfp+8e9klMJ9c=
+golang.org/x/net v0.6.0/go.mod h1:2Tu9+aMcznHK/AK1HMvgo6xiTLG5rD5rZLDS+rp2Bjs=
+golang.org/x/net v0.10.0/go.mod h1:0qNGK6F8kojg2nk9dLZ2mShWaEBan6FAoqfSigmmuDg=
+golang.org/x/net v0.15.0/go.mod h1:idbUs1IY1+zTqbi8yxTbhexhEEk5ur9LInksu6HrEpk=
+golang.org/x/net v0.21.0/go.mod h1:bIjVDfnllIU7BJ2DNgfnXvpSvtn8VRwhlsaeUTyUS44=
+golang.org/x/net v0.25.0/go.mod h1:JkAGAh7GEvH74S6FOH42FLoXpXbE/aqXSrIQjXgsiwM=
+golang.org/x/net v0.52.0 h1:He/TN1l0e4mmR3QqHMT2Xab3Aj3L9qjbhRm78/6jrW0=
+golang.org/x/net v0.52.0/go.mod h1:R1MAz7uMZxVMualyPXb+VaqGSa3LIaUqk0eEt3w36Sw=
+golang.org/x/oauth2 v0.36.0 h1:peZ/1z27fi9hUOFCAZaHyrpWG5lwe0RJEEEeH0ThlIs=
+golang.org/x/oauth2 v0.36.0/go.mod h1:YDBUJMTkDnJS+A4BP4eZBjCqtokkg1hODuPjwiGPO7Q=
+golang.org/x/sync v0.0.0-20190423024810-112230192c58/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
+golang.org/x/sync v0.0.0-20220722155255-886fb9371eb4/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
+golang.org/x/sync v0.1.0/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
+golang.org/x/sync v0.3.0/go.mod h1:FU7BRWz2tNW+3quACPkgCx/L+uEAv1htQ0V83Z9Rj+Y=
+golang.org/x/sync v0.6.0/go.mod h1:Czt+wKu1gCyEFDUtn0jG5QVvpJ6rzVqr5aXyt9drQfk=
+golang.org/x/sync v0.7.0/go.mod h1:Czt+wKu1gCyEFDUtn0jG5QVvpJ6rzVqr5aXyt9drQfk=
+golang.org/x/sync v0.10.0/go.mod h1:Czt+wKu1gCyEFDUtn0jG5QVvpJ6rzVqr5aXyt9drQfk=
+golang.org/x/sync v0.20.0 h1:e0PTpb7pjO8GAtTs2dQ6jYa5BWYlMuX047Dco/pItO4=
+golang.org/x/sync v0.20.0/go.mod h1:9xrNwdLfx4jkKbNva9FpL6vEN7evnE43NNNJQ2LF3+0=
+golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
+golang.org/x/sys v0.0.0-20201119102817-f84b799fce68/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20210615035016-665e8c7367d1/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20220520151302-bc2c85ada10a/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20220722155257-8c9f86f7a55f/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.5.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.8.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.12.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.17.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
+golang.org/x/sys v0.20.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
+golang.org/x/sys v0.28.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
+golang.org/x/sys v0.43.0 h1:Rlag2XtaFTxp19wS8MXlJwTvoh8ArU6ezoyFsMyCTNI=
+golang.org/x/sys v0.43.0/go.mod h1:4GL1E5IUh+htKOUEOaiffhrAeqysfVGipDYzABqnCmw=
+golang.org/x/telemetry v0.0.0-20240228155512-f48c80bd79b2/go.mod h1:TeRTkGYfJXctD9OcfyVLyj2J3IxLnKwHJR8f4D8a3YE=
+golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
+golang.org/x/term v0.0.0-20210927222741-03fcf44c2211/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8=
+golang.org/x/term v0.5.0/go.mod h1:jMB1sMXY+tzblOD4FWmEbocvup2/aLOaQEp7JmGp78k=
+golang.org/x/term v0.8.0/go.mod h1:xPskH00ivmX89bAKVGSKKtLOWNx2+17Eiy94tnKShWo=
+golang.org/x/term v0.12.0/go.mod h1:owVbMEjm3cBLCHdkQu9b1opXd4ETQWc3BhuQGKgXgvU=
+golang.org/x/term v0.17.0/go.mod h1:lLRBjIVuehSbZlaOtGMbcMncT+aqLLLmKrsjNrUguwk=
+golang.org/x/term v0.20.0/go.mod h1:8UkIAJTvZgivsXaD6/pH6U9ecQzZ45awqEOzuCvwpFY=
+golang.org/x/term v0.27.0/go.mod h1:iMsnZpn0cago0GOrHO2+Y7u7JPn5AylBrcoWkElMTSM=
+golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
+golang.org/x/text v0.3.2/go.mod h1:bEr9sfX3Q8Zfm5fL9x+3itogRgK3+ptLWKqgva+5dAk=
+golang.org/x/text v0.3.3/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
+golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ=
+golang.org/x/text v0.7.0/go.mod h1:mrYo+phRRbMaCq/xk9113O4dZlRixOauAjOtrjsXDZ8=
+golang.org/x/text v0.9.0/go.mod h1:e1OnstbJyHTd6l/uOt8jFFHp6TRDWZR/bV3emEE/zU8=
+golang.org/x/text v0.13.0/go.mod h1:TvPlkZtksWOMsz7fbANvkp4WM8x/WCo/om8BMLbz+aE=
+golang.org/x/text v0.14.0/go.mod h1:18ZOQIKpY8NJVqYksKHtTdi31H5itFRjB5/qKTNYzSU=
+golang.org/x/text v0.15.0/go.mod h1:18ZOQIKpY8NJVqYksKHtTdi31H5itFRjB5/qKTNYzSU=
+golang.org/x/text v0.21.0/go.mod h1:4IBbMaMmOPCJ8SecivzSH54+73PCFmPWxNTLm+vZkEQ=
+golang.org/x/text v0.36.0 h1:JfKh3XmcRPqZPKevfXVpI1wXPTqbkE5f7JA92a55Yxg=
+golang.org/x/text v0.36.0/go.mod h1:NIdBknypM8iqVmPiuco0Dh6P5Jcdk8lJL0CUebqK164=
+golang.org/x/time v0.14.0 h1:MRx4UaLrDotUKUdCIqzPC48t1Y9hANFKIRpNx+Te8PI=
+golang.org/x/time v0.14.0/go.mod h1:eL/Oa2bBBK0TkX57Fyni+NgnyQQN4LitPmob2Hjnqw4=
+golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
+golang.org/x/tools v0.0.0-20191119224855-298f0cb1881e/go.mod h1:b+2E5dAYhXwXZwtnZ6UAqBI28+e2cm9otk0dWdXHAEo=
+golang.org/x/tools v0.1.12/go.mod h1:hNGJHUnrk76NpqgfD5Aqm5Crs+Hm0VOH/i9J2+nxYbc=
+golang.org/x/tools v0.6.0/go.mod h1:Xwgl3UAJ/d3gWutnCtw505GrjyAbvKui8lOU390QaIU=
+golang.org/x/tools v0.13.0/go.mod h1:HvlwmtVNQAhOuCjW7xxvovg8wbNq7LwfXh/k7wXUl58=
+golang.org/x/tools v0.21.1-0.20240508182429-e35e4ccd0d2d/go.mod h1:aiJjzUbINMkxbQROHiO6hDPo2LHcIPhhQsa9DLh0yGk=
+golang.org/x/tools v0.43.0 h1:12BdW9CeB3Z+J/I/wj34VMl8X+fEXBxVR90JeMX5E7s=
+golang.org/x/tools v0.43.0/go.mod h1:uHkMso649BX2cZK6+RpuIPXS3ho2hZo4FVwfoy1vIk0=
+golang.org/x/xerrors v0.0.0-20190717185122-a985d3407aa7/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
+gonum.org/v1/gonum v0.16.0 h1:5+ul4Swaf3ESvrOnidPp4GZbzf0mxVQpDCYUQE7OJfk=
+gonum.org/v1/gonum v0.16.0/go.mod h1:fef3am4MQ93R2HHpKnLk4/Tbh/s0+wqD5nfa6Pnwy4E=
+google.golang.org/appengine v1.6.5 h1:tycE03LOZYQNhDpS27tcQdAzLCVMaj7QT2SXxebnpCM=
+google.golang.org/appengine v1.6.5/go.mod h1:8WjMMxjGQR8xUklV/ARdw2HLXBOI7O7uCIDZVag1xfc=
+google.golang.org/genproto/googleapis/api v0.0.0-20260209200024-4cfbd4190f57 h1:JLQynH/LBHfCTSbDWl+py8C+Rg/k1OVH3xfcaiANuF0=
+google.golang.org/genproto/googleapis/api v0.0.0-20260209200024-4cfbd4190f57/go.mod h1:kSJwQxqmFXeo79zOmbrALdflXQeAYcUbgS7PbpMknCY=
+google.golang.org/genproto/googleapis/rpc v0.0.0-20260209200024-4cfbd4190f57 h1:mWPCjDEyshlQYzBpMNHaEof6UX1PmHcaUODUywQ0uac=
+google.golang.org/genproto/googleapis/rpc v0.0.0-20260209200024-4cfbd4190f57/go.mod h1:j9x/tPzZkyxcgEFkiKEEGxfvyumM01BEtsW8xzOahRQ=
+google.golang.org/grpc v1.79.2 h1:fRMD94s2tITpyJGtBBn7MkMseNpOZU8ZxgC3MMBaXRU=
+google.golang.org/grpc v1.79.2/go.mod h1:KmT0Kjez+0dde/v2j9vzwoAScgEPx/Bw1CYChhHLrHQ=
+google.golang.org/protobuf v1.36.11 h1:fV6ZwhNocDyBLK0dj+fg8ektcVegBBuEolpbTQyBNVE=
+google.golang.org/protobuf v1.36.11/go.mod h1:HTf+CrKn2C3g5S8VImy6tdcUvCska2kB7j23XfzDpco=
+gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
+gopkg.in/check.v1 v1.0.0-20201130134442-10cb98267c6c h1:Hei/4ADfdWqJk1ZMxUNpqntNwaWcugrBjAiHlqqRiVk=
+gopkg.in/check.v1 v1.0.0-20201130134442-10cb98267c6c/go.mod h1:JHkPIbrfpd72SG/EVd6muEfDQjcINNoR0C8j2r3qZ4Q=
+gopkg.in/yaml.v2 v2.2.2/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI=
+gopkg.in/yaml.v2 v2.4.0 h1:D8xgwECY7CYvx+Y2n4sBz93Jn9JRvxdiyyo8CTfuKaY=
+gopkg.in/yaml.v2 v2.4.0/go.mod h1:RDklbk79AGWmwhnvt/jBztapEOGDOx6ZbXqjP6csGnQ=
+gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
+gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
+modernc.org/cc/v4 v4.27.1 h1:9W30zRlYrefrDV2JE2O8VDtJ1yPGownxciz5rrbQZis=
+modernc.org/cc/v4 v4.27.1/go.mod h1:uVtb5OGqUKpoLWhqwNQo/8LwvoiEBLvZXIQ/SmO6mL0=
+modernc.org/ccgo/v4 v4.32.0 h1:hjG66bI/kqIPX1b2yT6fr/jt+QedtP2fqojG2VrFuVw=
+modernc.org/ccgo/v4 v4.32.0/go.mod h1:6F08EBCx5uQc38kMGl+0Nm0oWczoo1c7cgpzEry7Uc0=
+modernc.org/fileutil v1.4.0 h1:j6ZzNTftVS054gi281TyLjHPp6CPHr2KCxEXjEbD6SM=
+modernc.org/fileutil v1.4.0/go.mod h1:EqdKFDxiByqxLk8ozOxObDSfcVOv/54xDs/DUHdvCUU=
+modernc.org/gc/v2 v2.6.5 h1:nyqdV8q46KvTpZlsw66kWqwXRHdjIlJOhG6kxiV/9xI=
+modernc.org/gc/v2 v2.6.5/go.mod h1:YgIahr1ypgfe7chRuJi2gD7DBQiKSLMPgBQe9oIiito=
+modernc.org/gc/v3 v3.1.2 h1:ZtDCnhonXSZexk/AYsegNRV1lJGgaNZJuKjJSWKyEqo=
+modernc.org/gc/v3 v3.1.2/go.mod h1:HFK/6AGESC7Ex+EZJhJ2Gni6cTaYpSMmU/cT9RmlfYY=
+modernc.org/goabi0 v0.2.0 h1:HvEowk7LxcPd0eq6mVOAEMai46V+i7Jrj13t4AzuNks=
+modernc.org/goabi0 v0.2.0/go.mod h1:CEFRnnJhKvWT1c1JTI3Avm+tgOWbkOu5oPA8eH8LnMI=
+modernc.org/libc v1.70.0 h1:U58NawXqXbgpZ/dcdS9kMshu08aiA6b7gusEusqzNkw=
+modernc.org/libc v1.70.0/go.mod h1:OVmxFGP1CI/Z4L3E0Q3Mf1PDE0BucwMkcXjjLntvHJo=
+modernc.org/mathutil v1.7.1 h1:GCZVGXdaN8gTqB1Mf/usp1Y/hSqgI2vAGGP4jZMCxOU=
+modernc.org/mathutil v1.7.1/go.mod h1:4p5IwJITfppl0G4sUEDtCr4DthTaT47/N3aT6MhfgJg=
+modernc.org/memory v1.11.0 h1:o4QC8aMQzmcwCK3t3Ux/ZHmwFPzE6hf2Y5LbkRs+hbI=
+modernc.org/memory v1.11.0/go.mod h1:/JP4VbVC+K5sU2wZi9bHoq2MAkCnrt2r98UGeSK7Mjw=
+modernc.org/opt v0.1.4 h1:2kNGMRiUjrp4LcaPuLY2PzUfqM/w9N23quVwhKt5Qm8=
+modernc.org/opt v0.1.4/go.mod h1:03fq9lsNfvkYSfxrfUhZCWPk1lm4cq4N+Bh//bEtgns=
+modernc.org/sortutil v1.2.1 h1:+xyoGf15mM3NMlPDnFqrteY07klSFxLElE2PVuWIJ7w=
+modernc.org/sortutil v1.2.1/go.mod h1:7ZI3a3REbai7gzCLcotuw9AC4VZVpYMjDzETGsSMqJE=
+modernc.org/sqlite v1.48.2 h1:5CnW4uP8joZtA0LedVqLbZV5GD7F/0x91AXeSyjoh5c=
+modernc.org/sqlite v1.48.2/go.mod h1:hWjRO6Tj/5Ik8ieqxQybiEOUXy0NJFNp2tpvVpKlvig=
+modernc.org/strutil v1.2.1 h1:UneZBkQA+DX2Rp35KcM69cSsNES9ly8mQWD71HKlOA0=
+modernc.org/strutil v1.2.1/go.mod h1:EHkiggD70koQxjVdSBM3JKM7k6L0FbGE5eymy9i3B9A=
+modernc.org/token v1.1.0 h1:Xl7Ap9dKaEs5kLoOQeQmPWevfnk/DM5qcLcYlA8ys6Y=
+modernc.org/token v1.1.0/go.mod h1:UGzOrNV1mAFSEB63lOFHIpNRUVMvYTc6yu1SMY/XTDM=
diff --git a/backend/internal/asynqqueue/consumer.go b/backend/internal/asynqqueue/consumer.go
new file mode 100644
index 0000000..a7d02f2
--- /dev/null
+++ b/backend/internal/asynqqueue/consumer.go
@@ -0,0 +1,81 @@
+package asynqqueue
+
+import (
+	"context"
+	"time"
+
+	"github.com/libnovel/backend/internal/domain"
+	"github.com/libnovel/backend/internal/taskqueue"
+)
+
+// Consumer wraps the PocketBase-backed Consumer for result write-back only.
+//
+// When using Asynq, the runner no longer polls for scrape/audio work — Asynq
+// delivers those tasks via the ServeMux handlers. However translation tasks
+// live in PocketBase (not Redis), so ClaimNextTranslationTask and HeartbeatTask
+// still delegate to the underlying PocketBase consumer.
+//
+// ClaimNextAudioTask, ClaimNextScrapeTask are no-ops here because Asynq owns
+// those responsibilities.
+type Consumer struct {
+	pb taskqueue.Consumer // underlying PocketBase consumer (for write-back)
+}
+
+// NewConsumer wraps an existing PocketBase Consumer.
+func NewConsumer(pb taskqueue.Consumer) *Consumer {
+	return &Consumer{pb: pb}
+}
+
+// ── Write-back (delegated to PocketBase) ──────────────────────────────────────
+
+func (c *Consumer) FinishScrapeTask(ctx context.Context, id string, result domain.ScrapeResult) error {
+	return c.pb.FinishScrapeTask(ctx, id, result)
+}
+
+func (c *Consumer) FinishAudioTask(ctx context.Context, id string, result domain.AudioResult) error {
+	return c.pb.FinishAudioTask(ctx, id, result)
+}
+
+func (c *Consumer) FinishTranslationTask(ctx context.Context, id string, result domain.TranslationResult) error {
+	return c.pb.FinishTranslationTask(ctx, id, result)
+}
+
+func (c *Consumer) FinishImportTask(ctx context.Context, id string, result domain.ImportResult) error {
+	return c.pb.FinishImportTask(ctx, id, result)
+}
+
+func (c *Consumer) FailTask(ctx context.Context, id, errMsg string) error {
+	return c.pb.FailTask(ctx, id, errMsg)
+}
+
+// ── No-ops (Asynq owns claiming / heartbeating / reaping) ───────────────────
+
+func (c *Consumer) ClaimNextScrapeTask(_ context.Context, _ string) (domain.ScrapeTask, bool, error) {
+	return domain.ScrapeTask{}, false, nil
+}
+
+func (c *Consumer) ClaimNextAudioTask(_ context.Context, _ string) (domain.AudioTask, bool, error) {
+	return domain.AudioTask{}, false, nil
+}
+
+// ClaimNextTranslationTask delegates to PocketBase because translation tasks
+// are stored in PocketBase (not Redis/Asynq) and must still be polled directly.
+func (c *Consumer) ClaimNextTranslationTask(ctx context.Context, workerID string) (domain.TranslationTask, bool, error) {
+	return c.pb.ClaimNextTranslationTask(ctx, workerID)
+}
+
+// ClaimNextImportTask delegates to PocketBase because import tasks
+// are stored in PocketBase (not Redis/Asynq) and must still be polled directly.
+func (c *Consumer) ClaimNextImportTask(ctx context.Context, workerID string) (domain.ImportTask, bool, error) {
+	return c.pb.ClaimNextImportTask(ctx, workerID)
+}
+
+func (c *Consumer) HeartbeatTask(ctx context.Context, id string) error {
+	return c.pb.HeartbeatTask(ctx, id)
+}
+
+// ReapStaleTasks delegates to PocketBase so stale translation tasks are reset
+// to pending and can be reclaimed.
+func (c *Consumer) ReapStaleTasks(ctx context.Context, staleAfter time.Duration) (int, error) {
+	return c.pb.ReapStaleTasks(ctx, staleAfter)
+}
diff --git a/backend/internal/asynqqueue/producer.go b/backend/internal/asynqqueue/producer.go
new file mode 100644
index 0000000..ad099a2
--- /dev/null
+++ b/backend/internal/asynqqueue/producer.go
@@ -0,0 +1,135 @@
+package asynqqueue
+
+import (
+	"context"
+	"encoding/json"
+	"fmt"
+	"log/slog"
+
+	"github.com/hibiken/asynq"
+	"github.com/libnovel/backend/internal/domain"
+	"github.com/libnovel/backend/internal/taskqueue"
+)
+
+// Producer dual-writes every task: first to PocketBase (via pb, for audit /
+// UI status), then to Redis via Asynq so the runner picks it up immediately.
+type Producer struct {
+	pb     taskqueue.Producer // underlying PocketBase producer
+	client *asynq.Client
+	log    *slog.Logger
+}
+
+// NewProducer wraps an existing PocketBase Producer with Asynq dispatch.
+func NewProducer(pb taskqueue.Producer, redisOpt asynq.RedisConnOpt, log *slog.Logger) *Producer {
+	return &Producer{
+		pb:     pb,
+		client: asynq.NewClient(redisOpt),
+		log:    log,
+	}
+}
+
+// Close shuts down the underlying Asynq client connection.
+func (p *Producer) Close() error {
+	return p.client.Close()
+}
+
+// CreateScrapeTask creates a PocketBase record then enqueues an Asynq job.
+func (p *Producer) CreateScrapeTask(ctx context.Context, kind, targetURL string, fromChapter, toChapter int) (string, error) {
+	id, err := p.pb.CreateScrapeTask(ctx, kind, targetURL, fromChapter, toChapter)
+	if err != nil {
+		return "", err
+	}
+
+	payload := ScrapePayload{
+		PBTaskID:    id,
+		Kind:        kind,
+		TargetURL:   targetURL,
+		FromChapter: fromChapter,
+		ToChapter:   toChapter,
+	}
+	taskType := TypeScrapeBook
+	if kind == "catalogue" {
+		taskType = TypeScrapeCatalogue
+	}
+	if err := p.enqueue(ctx, taskType, payload); err != nil {
+		// Non-fatal: PB record exists; runner will pick it up on next poll.
+		p.log.Warn("asynq enqueue scrape failed (task still in PB, runner will poll)",
+			"task_id", id, "err", err)
+		return id, nil
+	}
+	return id, nil
+}
+
+// CreateAudioTask creates a PocketBase record then enqueues an Asynq job.
+func (p *Producer) CreateAudioTask(ctx context.Context, slug string, chapter int, voice string) (string, error) {
+	id, err := p.pb.CreateAudioTask(ctx, slug, chapter, voice)
+	if err != nil {
+		return "", err
+	}
+
+	payload := AudioPayload{
+		PBTaskID: id,
+		Slug:     slug,
+		Chapter:  chapter,
+		Voice:    voice,
+	}
+	if err := p.enqueue(ctx, TypeAudioGenerate, payload); err != nil {
+		// Non-fatal: PB record exists; runner will pick it up on next poll.
+		p.log.Warn("asynq enqueue audio failed (task still in PB, runner will poll)",
+			"task_id", id, "err", err)
+		return id, nil
+	}
+	return id, nil
+}
+
+// CreateTranslationTask creates a PocketBase record. Translation tasks are
+// not currently dispatched via Asynq — the runner picks them up via polling.
+func (p *Producer) CreateTranslationTask(ctx context.Context, slug string, chapter int, lang string) (string, error) {
+	return p.pb.CreateTranslationTask(ctx, slug, chapter, lang)
+}
+
+// CreateImportTask creates a PocketBase record then enqueues an Asynq job for PDF/EPUB import.
+func (p *Producer) CreateImportTask(ctx context.Context, task domain.ImportTask) (string, error) {
+	id, err := p.pb.CreateImportTask(ctx, task)
+	if err != nil {
+		return "", err
+	}
+
+	payload := ImportPayload{
+		PBTaskID:    id,
+		Slug:        task.Slug,
+		Title:       task.Title,
+		FileType:    task.FileType,
+		ObjectKey:   task.ObjectKey,
+		ChaptersKey: task.ChaptersKey,
+	}
+	if err := p.enqueue(ctx, TypeImportBook, payload); err != nil {
+		// Non-fatal: PB record exists; runner will pick it up on next poll.
+		p.log.Warn("asynq enqueue import failed (task still in PB, runner will poll)",
+			"task_id", id, "err", err)
+		return id, nil
+	}
+	return id, nil
+}
+
+// CancelTask delegates to PocketBase; Asynq jobs may already be running and
+// cannot be reliably cancelled, so we only update the audit record.
+func (p *Producer) CancelTask(ctx context.Context, id string) error {
+	return p.pb.CancelTask(ctx, id)
+}
+
+// CancelAudioTasksBySlug delegates to PocketBase to cancel all pending/running
+// audio tasks for slug.
+func (p *Producer) CancelAudioTasksBySlug(ctx context.Context, slug string) (int, error) {
+	return p.pb.CancelAudioTasksBySlug(ctx, slug)
+}
+
+// enqueue serialises payload and dispatches it to Asynq.
+func (p *Producer) enqueue(_ context.Context, taskType string, payload any) error {
+	b, err := json.Marshal(payload)
+	if err != nil {
+		return fmt.Errorf("marshal payload: %w", err)
+	}
+	_, err = p.client.Enqueue(asynq.NewTask(taskType, b))
+	return err
+}
diff --git a/backend/internal/asynqqueue/tasks.go b/backend/internal/asynqqueue/tasks.go
new file mode 100644
index 0000000..5c2c709
--- /dev/null
+++ b/backend/internal/asynqqueue/tasks.go
@@ -0,0 +1,57 @@
+// Package asynqqueue provides Asynq-backed implementations of the
+// taskqueue.Producer and taskqueue.Consumer interfaces.
+//
+// Architecture:
+//   - Producer: dual-writes — creates a PocketBase record for audit/UI, then
+//     enqueues an Asynq job so the runner picks it up immediately (sub-ms).
+//   - Consumer: thin wrapper used only for result write-back (FinishAudioTask,
+//     FinishScrapeTask, FailTask). ClaimNext*/Heartbeat/Reap are no-ops because
+//     Asynq owns those responsibilities.
+//   - Handlers: asynq.HandlerFunc wrappers that decode job payloads and invoke
+//     the existing runner logic (runScrapeTask / runAudioTask).
+//
+// Fallback: when REDIS_ADDR is empty the caller should use the plain
+// storage.Store (PocketBase-polling) implementation unchanged.
+package asynqqueue
+
+// Queue names — keep all jobs on the default queue for now.
+// Add separate queues (e.g. "audio", "scrape") later if you need priority.
+const QueueDefault = "default"
+
+// Task type constants used for Asynq routing.
+const (
+	TypeAudioGenerate   = "audio:generate"
+	TypeScrapeBook      = "scrape:book"
+	TypeScrapeCatalogue = "scrape:catalogue"
+	TypeImportBook      = "import:book"
+)
+
+// AudioPayload is the Asynq job payload for audio generation tasks.
+type AudioPayload struct {
+	// PBTaskID is the PocketBase record ID created before enqueueing.
+	// The handler uses it to write results back via Consumer.FinishAudioTask.
+	PBTaskID string `json:"pb_task_id"`
+	Slug     string `json:"slug"`
+	Chapter  int    `json:"chapter"`
+	Voice    string `json:"voice"`
+}
+
+// ScrapePayload is the Asynq job payload for scrape tasks.
+type ScrapePayload struct {
+	// PBTaskID is the PocketBase record ID created before enqueueing.
+	PBTaskID    string `json:"pb_task_id"`
+	Kind        string `json:"kind"`         // "catalogue", "book", or "book_range"
+	TargetURL   string `json:"target_url"`   // empty for catalogue tasks
+	FromChapter int    `json:"from_chapter"` // 0 unless Kind=="book_range"
+	ToChapter   int    `json:"to_chapter"`   // 0 unless Kind=="book_range"
+}
+
+// ImportPayload is the Asynq job payload for PDF/EPUB import tasks.
+type ImportPayload struct {
+	PBTaskID    string `json:"pb_task_id"`
+	Slug        string `json:"slug"`
+	Title       string `json:"title"`
+	FileType    string `json:"file_type"`    // "pdf" or "epub"
+	ObjectKey   string `json:"object_key"`   // MinIO path to uploaded file
+	ChaptersKey string `json:"chapters_key"` // MinIO path to pre-parsed chapters JSON
+}
diff --git a/backend/internal/backend/epub.go b/backend/internal/backend/epub.go
new file mode 100644
index 0000000..cca5cf4
--- /dev/null
+++ b/backend/internal/backend/epub.go
@@ -0,0 +1,143 @@
+package backend
+
+import (
+	"archive/zip"
+	"bytes"
+	"fmt"
+	"strings"
+)
+
+type epubChapter struct {
+	Number int
+	Title  string
+	HTML   string
+}
+
+func generateEPUB(slug, title, author string, chapters []epubChapter) ([]byte, error) {
+	var buf bytes.Buffer
+	w := zip.NewWriter(&buf)
+
+	// 1. mimetype — MUST be first, MUST be uncompressed (Store method)
+	mw, err := w.CreateHeader(&zip.FileHeader{
+		Name:   "mimetype",
+		Method: zip.Store,
+	})
+	if err != nil {
+		return nil, err
+	}
+	mw.Write([]byte("application/epub+zip"))
+
+	// 2. META-INF/container.xml
+	addFile(w, "META-INF/container.xml", containerXML())
+
+	// 3. OEBPS/style.css
+	addFile(w, "OEBPS/style.css", epubCSS())
+
+	// 4. OEBPS/content.opf
+	addFile(w, "OEBPS/content.opf", contentOPF(slug, title, author, chapters))
+
+	// 5. OEBPS/toc.ncx
+	addFile(w, "OEBPS/toc.ncx", tocNCX(slug, title, chapters))
+
+	// 6. Chapter files
+	for _, ch := range chapters {
+		name := fmt.Sprintf("OEBPS/chapter-%04d.xhtml", ch.Number)
+		addFile(w, name, chapterXHTML(ch))
+	}
+
+	w.Close()
+	return buf.Bytes(), nil
+}
+
+func addFile(w *zip.Writer, name, content string) {
+	f, _ := w.Create(name)
+	f.Write([]byte(content))
+}
+
+func containerXML() string {
+	return `<?xml version="1.0" encoding="UTF-8"?>
+<container version="1.0" xmlns="urn:oasis:names:tc:opendocument:xmlns:container">
+  <rootfiles>
+    <rootfile full-path="OEBPS/content.opf" media-type="application/oebps-package+xml"/>
+  </rootfiles>
+</container>`
+}
+
+func contentOPF(slug, title, author string, chapters []epubChapter) string {
+	var items, spine strings.Builder
+	for _, ch := range chapters {
+		id := fmt.Sprintf("ch%04d", ch.Number)
+		href := fmt.Sprintf("chapter-%04d.xhtml", ch.Number)
+		items.WriteString(fmt.Sprintf(`    <item id="%s" href="%s" media-type="application/xhtml+xml"/>`+"\n", id, href))
+		spine.WriteString(fmt.Sprintf(`    <itemref idref="%s"/>`+"\n", id))
+	}
+	return fmt.Sprintf(`<?xml version="1.0" encoding="UTF-8"?>
+<package xmlns="http://www.idpf.org/2007/opf" unique-identifier="uid" version="2.0">
+  <metadata xmlns:dc="http://purl.org/dc/elements/1.1/">
+    <dc:title>%s</dc:title>
+    <dc:creator>%s</dc:creator>
+    <dc:identifier id="uid">%s</dc:identifier>
+    <dc:language>en</dc:language>
+  </metadata>
+  <manifest>
+    <item id="ncx" href="toc.ncx" media-type="application/x-dtbncx+xml"/>
+    <item id="css" href="style.css" media-type="text/css"/>
+%s  </manifest>
+  <spine toc="ncx">
+%s  </spine>
+</package>`, escapeXML(title), escapeXML(author), slug, items.String(), spine.String())
+}
+
+func tocNCX(slug, title string, chapters []epubChapter) string {
+	var points strings.Builder
+	for i, ch := range chapters {
+		chTitle := ch.Title
+		if chTitle == "" {
+			chTitle = fmt.Sprintf("Chapter %d", ch.Number)
+		}
+		points.WriteString(fmt.Sprintf(`  <navPoint id="np%d" playOrder="%d">
+    <navLabel><text>%s</text></navLabel>
+    <content src="chapter-%04d.xhtml"/>
+  </navPoint>`+"\n", i+1, i+1, escapeXML(chTitle), ch.Number))
+	}
+	return fmt.Sprintf(`<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE ncx PUBLIC "-//NISO//DTD ncx 2005-1//EN" "http://www.daisy.org/z3986/2005/ncx-2005-1.dtd">
+<ncx xmlns="http://www.daisy.org/z3986/2005/ncx/" version="2005-1">
+  <head><meta name="dtb:uid" content="%s"/></head>
+  <docTitle><text>%s</text></docTitle>
+  <navMap>
+%s  </navMap>
+</ncx>`, slug, escapeXML(title), points.String())
+}
+
+func chapterXHTML(ch epubChapter) string {
+	title := ch.Title
+	if title == "" {
+		title = fmt.Sprintf("Chapter %d", ch.Number)
+	}
+	return fmt.Sprintf(`<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title>%s</title><link rel="stylesheet" href="style.css"/></head>
+<body>
+<h1 class="chapter-title">%s</h1>
+%s
+</body>
+</html>`, escapeXML(title), escapeXML(title), ch.HTML)
+}
+
+func epubCSS() string {
+	return `body { font-family: Georgia, serif; font-size: 1em; line-height: 1.6; margin: 1em 2em; }
+h1.chapter-title { font-size: 1.4em; margin-bottom: 1em; }
+p { margin: 0 0 0.8em 0; text-indent: 1.5em; }
+p:first-of-type { text-indent: 0; }
+`
+}
+
+func escapeXML(s string) string {
+	s = strings.ReplaceAll(s, "&", "&amp;")
+	s = strings.ReplaceAll(s, "<", "&lt;")
+	s = strings.ReplaceAll(s, ">", "&gt;")
+	s = strings.ReplaceAll(s, `"`, "&quot;")
+	return s
+}
diff --git a/backend/internal/backend/handlers.go b/backend/internal/backend/handlers.go
new file mode 100644
index 0000000..8bfcd52
--- /dev/null
+++ b/backend/internal/backend/handlers.go
@@ -0,0 +1,2163 @@
+package backend
+
+// handlers.go — all HTTP request handlers for the backend server.
+//
+// Handler naming mirrors the route table in server.go:
+//   handleScrapeCatalogue, handleScrapeBook, handleScrapeBookRange
+//   handleScrapeStatus, handleScrapeTasks
+//   handleBrowse, handleSearch
+//   handleGetRanking, handleGetCover
+//   handleBookPreview, handleChapterText, handleChapterTextPreview, handleChapterMarkdown, handleReindex
+//   handleAudioGenerate, handleAudioStatus, handleAudioProxy, handleAudioStream
+//   handleTTSAnnounce
+//   handleVoices
+//   handlePresignChapter, handlePresignAudio, handlePresignVoiceSample
+//   handlePresignAvatarUpload, handlePresignAvatar
+//   handleGetProgress, handleSetProgress, handleDeleteProgress
+//
+// Key design choices vs. old scraper:
+//   - POST /scrape* creates a PocketBase task record and returns 202 with the
+//     task_id — it does NOT run the orchestrator inline.
+//   - POST /api/audio creates a PocketBase audio task and returns 202 — the
+//     runner binary executes TTS generation asynchronously.
+//   - GET /api/audio/status polls PocketBase for the task record status.
+//   - GET /api/audio-proxy reads the completed audio object from MinIO via a
+//     presigned URL redirect (the runner has already uploaded the bytes).
+//   - GET /api/browse and /api/search fetch novelfire.net live (no MinIO cache).
+//   - GET /api/cover redirects to the source cover URL live.
+//   - GET /api/ranking reads from the PocketBase ranking collection (populated
+//     by the runner after each catalogue scrape).
+//   - GET /api/book-preview returns stored data when in library, or enqueues a
+//     scrape task and returns 202 when not. The backend never scrapes directly.
+//   - GET /api/chapter-text-preview scrapes a chapter live from novelfire.net
+//     directly (no runner task, no store writes). Used for unscraped books.
+
+import (
+	"bytes"
+	"context"
+	"encoding/json"
+	"fmt"
+	"io"
+	"net/http"
+	"net/url"
+	"regexp"
+	"strconv"
+	"strings"
+	"time"
+
+	"github.com/libnovel/backend/internal/cfai"
+	"github.com/libnovel/backend/internal/domain"
+	"github.com/libnovel/backend/internal/kokoro"
+	"github.com/libnovel/backend/internal/meili"
+	"github.com/libnovel/backend/internal/novelfire/htmlutil"
+	"github.com/libnovel/backend/internal/pockettts"
+	"github.com/libnovel/backend/internal/scraper"
+	"github.com/yuin/goldmark"
+)
+
+const (
+	novelFireBase   = "https://novelfire.net"
+	novelFireDomain = "novelfire.net"
+)
+
+// ── Scrape task creation ───────────────────────────────────────────────────────
+
+// handleScrapeCatalogue handles POST /scrape.
+// Creates a "catalogue" scrape task in PocketBase and returns 202 with the task ID.
+func (s *Server) handleScrapeCatalogue(w http.ResponseWriter, r *http.Request) {
+	taskID, err := s.deps.Producer.CreateScrapeTask(r.Context(), "catalogue", "", 0, 0)
+	if err != nil {
+		s.deps.Log.Error("handleScrapeCatalogue: CreateScrapeTask failed", "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to create task")
+		return
+	}
+	writeJSON(w, http.StatusAccepted, map[string]string{"task_id": taskID, "status": "accepted"})
+}
+
+// handleScrapeBook handles POST /scrape/book.
+// Body: {"url": "https://novelfire.net/book/..."}
+func (s *Server) handleScrapeBook(w http.ResponseWriter, r *http.Request) {
+	var body struct {
+		URL string `json:"url"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&body); err != nil || body.URL == "" {
+		jsonError(w, http.StatusBadRequest, `request body must be JSON with "url" field`)
+		return
+	}
+	taskID, err := s.deps.Producer.CreateScrapeTask(r.Context(), "book", body.URL, 0, 0)
+	if err != nil {
+		s.deps.Log.Error("handleScrapeBook: CreateScrapeTask failed", "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to create task")
+		return
+	}
+	writeJSON(w, http.StatusAccepted, map[string]string{"task_id": taskID, "status": "accepted"})
+}
+
+// handleScrapeBookRange handles POST /scrape/book/range.
+// Body: {"url": "...", "from": N, "to": M}
+func (s *Server) handleScrapeBookRange(w http.ResponseWriter, r *http.Request) {
+	var body struct {
+		URL  string `json:"url"`
+		From int    `json:"from"`
+		To   int    `json:"to"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&body); err != nil || body.URL == "" {
+		jsonError(w, http.StatusBadRequest, `request body must be JSON with "url" field`)
+		return
+	}
+	taskID, err := s.deps.Producer.CreateScrapeTask(r.Context(), "book_range", body.URL, body.From, body.To)
+	if err != nil {
+		s.deps.Log.Error("handleScrapeBookRange: CreateScrapeTask failed", "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to create task")
+		return
+	}
+	writeJSON(w, http.StatusAccepted, map[string]string{"task_id": taskID, "status": "accepted"})
+}
+
+// handleCancelTask handles POST /api/cancel-task/{id}.
+// Transitions a pending task (scrape or audio) to status=cancelled.
+// Returns 404 if the task does not exist, 409 if it cannot be cancelled
+// (e.g. already running/done).
+func (s *Server) handleCancelTask(w http.ResponseWriter, r *http.Request) {
+	id := r.PathValue("id")
+	if id == "" {
+		jsonError(w, http.StatusBadRequest, "missing task id")
+		return
+	}
+	if err := s.deps.Producer.CancelTask(r.Context(), id); err != nil {
+		s.deps.Log.Warn("handleCancelTask: CancelTask failed", "id", id, "err", err)
+		jsonError(w, http.StatusConflict, "could not cancel task: "+err.Error())
+		return
+	}
+	writeJSON(w, http.StatusOK, map[string]string{"status": "cancelled", "id": id})
+}
+
+// ── Scrape task status / history ───────────────────────────────────────────────
+
+// handleScrapeStatus handles GET /api/scrape/status.
+// Returns the most recent scrape task status (or {"running":false} if none).
+func (s *Server) handleScrapeStatus(w http.ResponseWriter, r *http.Request) {
+	tasks, err := s.deps.TaskReader.ListScrapeTasks(r.Context())
+	if err != nil {
+		s.deps.Log.Error("handleScrapeStatus: ListScrapeTasks failed", "err", err)
+		writeJSON(w, 0, map[string]bool{"running": false})
+		return
+	}
+	running := false
+	for _, t := range tasks {
+		if t.Status == domain.TaskStatusRunning || t.Status == domain.TaskStatusPending {
+			running = true
+			break
+		}
+	}
+	writeJSON(w, 0, map[string]bool{"running": running})
+}
+
+// handleScrapeTasks handles GET /api/scrape/tasks.
+// Returns all scrape task records from PocketBase, newest first.
+func (s *Server) handleScrapeTasks(w http.ResponseWriter, r *http.Request) {
+	tasks, err := s.deps.TaskReader.ListScrapeTasks(r.Context())
+	if err != nil {
+		s.deps.Log.Error("handleScrapeTasks: ListScrapeTasks failed", "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to list tasks")
+		return
+	}
+	if tasks == nil {
+		tasks = []domain.ScrapeTask{}
+	}
+	writeJSON(w, 0, tasks)
+}
+
+// ── Browse & search ────────────────────────────────────────────────────────────
+
+// NovelListing represents a single novel entry from the novelfire browse/search page.
+type NovelListing struct {
+	Slug     string `json:"slug"`
+	Title    string `json:"title"`
+	Cover    string `json:"cover"`
+	Rank     string `json:"rank"`
+	Rating   string `json:"rating"`
+	Chapters string `json:"chapters"`
+	URL      string `json:"url"`
+}
+
+// handleSearch handles GET /api/search.
+// Query params: q (min 2 chars), source ("local"|"remote"|"all", default "all")
+//
+// Local search is powered by Meilisearch when configured; falls back to a
+// substring match against PocketBase book records otherwise.
+func (s *Server) handleSearch(w http.ResponseWriter, r *http.Request) {
+	q := r.URL.Query().Get("q")
+	if len([]rune(q)) < 2 {
+		jsonError(w, http.StatusBadRequest, "query must be at least 2 characters")
+		return
+	}
+
+	source := r.URL.Query().Get("source")
+	if source == "" {
+		source = "all"
+	}
+
+	ctx, cancel := context.WithTimeout(r.Context(), 20*time.Second)
+	defer cancel()
+
+	var localResults, remoteResults []NovelListing
+
+	// Local search: Meilisearch → PocketBase substring fallback
+	if source == "local" || source == "all" {
+		meiliBooks, meiliErr := s.deps.SearchIndex.Search(ctx, q, 50)
+		if meiliErr == nil && len(meiliBooks) > 0 {
+			for _, b := range meiliBooks {
+				localResults = append(localResults, NovelListing{
+					Slug:  b.Slug,
+					Title: b.Title,
+					Cover: b.Cover,
+					URL:   b.SourceURL,
+				})
+			}
+		} else {
+			// Fallback: substring match against PocketBase
+			books, err := s.deps.BookReader.ListBooks(ctx)
+			if err != nil {
+				s.deps.Log.Warn("search: ListBooks failed", "err", err)
+			} else {
+				qLower := strings.ToLower(q)
+				for _, b := range books {
+					if strings.Contains(strings.ToLower(b.Title), qLower) ||
+						strings.Contains(strings.ToLower(b.Author), qLower) {
+						localResults = append(localResults, NovelListing{
+							Slug:  b.Slug,
+							Title: b.Title,
+							Cover: b.Cover,
+							URL:   b.SourceURL,
+						})
+					}
+				}
+			}
+		}
+	}
+
+	// Remote search (novelfire.net)
+	if source == "remote" || source == "all" {
+		searchURL := novelFireBase + "/search?keyword=" + url.QueryEscape(q)
+		req, err := http.NewRequestWithContext(ctx, http.MethodGet, searchURL, nil)
+		if err == nil {
+			req.Header.Set("User-Agent", "Mozilla/5.0 (compatible; libnovel-backend/2)")
+			req.Header.Set("Accept", "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8")
+			if resp, fetchErr := http.DefaultClient.Do(req); fetchErr == nil {
+				defer resp.Body.Close()
+				if resp.StatusCode == http.StatusOK {
+					parsed, _ := parseBrowsePage(resp.Body)
+					remoteResults = parsed
+				}
+			}
+		}
+	}
+
+	// Merge: local first, de-duplicate remote
+	localSlugs := make(map[string]bool, len(localResults))
+	for _, item := range localResults {
+		localSlugs[item.Slug] = true
+	}
+	combined := make([]NovelListing, 0, len(localResults)+len(remoteResults))
+	combined = append(combined, localResults...)
+	for _, item := range remoteResults {
+		if !localSlugs[item.Slug] {
+			combined = append(combined, item)
+		}
+	}
+
+	writeJSON(w, 0, map[string]any{
+		"results":      combined,
+		"local_count":  len(localResults),
+		"remote_count": len(remoteResults),
+	})
+}
+
+// ── Ranking ────────────────────────────────────────────────────────────────────
+
+// handleGetRanking handles GET /api/ranking.
+// Returns all ranking items sorted by rank ascending.
+func (s *Server) handleGetRanking(w http.ResponseWriter, r *http.Request) {
+	items, err := s.deps.RankingStore.ReadRankingItems(r.Context())
+	if err != nil {
+		s.deps.Log.Error("handleGetRanking: ReadRankingItems failed", "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to read ranking")
+		return
+	}
+	if items == nil {
+		items = []domain.RankingItem{}
+	}
+	writeJSON(w, 0, items)
+}
+
+// handleGetCover handles GET /api/cover/{domain}/{slug}.
+// Serves the cover image directly from MinIO when available; falls back to a
+// redirect to the stored cover URL from PocketBase when the cover has not yet
+// been downloaded to MinIO.
+func (s *Server) handleGetCover(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	if slug == "" {
+		http.Error(w, "missing slug", http.StatusBadRequest)
+		return
+	}
+
+	// Fast path: serve from MinIO if the cover has been downloaded.
+	if s.deps.CoverStore != nil {
+		data, ct, ok, err := s.deps.CoverStore.GetCover(r.Context(), slug)
+		if err != nil {
+			s.deps.Log.Warn("handleGetCover: GetCover error", "slug", slug, "err", err)
+		}
+		if ok && len(data) > 0 {
+			if ct == "" {
+				ct = "image/jpeg"
+			}
+			w.Header().Set("Content-Type", ct)
+			w.Header().Set("Cache-Control", "public, max-age=86400")
+			_, _ = w.Write(data)
+			return
+		}
+	}
+
+	// Fallback: read the stored cover URL from PocketBase and redirect to it.
+	// This avoids the broken cdn.novelfire.net domain and uses the actual URL
+	// scraped from the source. If the book is not found, return 404.
+	meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), slug)
+	if err != nil {
+		s.deps.Log.Warn("handleGetCover: ReadMetadata error", "slug", slug, "err", err)
+		http.Error(w, "cover not found", http.StatusNotFound)
+		return
+	}
+	if !ok || meta.Cover == "" || strings.HasPrefix(meta.Cover, "/api/cover/") {
+		http.Error(w, "cover not found", http.StatusNotFound)
+		return
+	}
+	http.Redirect(w, r, meta.Cover, http.StatusFound)
+}
+
+// ── Preview (live scrape, no store writes) ─────────────────────────────────────
+
+// handleBookPreview handles GET /api/book-preview/{slug}.
+//
+// If the book is already in the library (PocketBase), returns its metadata and
+// chapter index immediately (200).
+//
+// If the book is not yet in the library, enqueues a "book" scrape task and
+// returns 202 Accepted with the task_id. The runner will scrape the book
+// asynchronously; the client should poll GET /api/scrape/status or
+// GET /api/scrape/tasks to detect completion, then re-request this endpoint.
+//
+// The backend never scrapes directly — all scraping is the runner's job.
+func (s *Server) handleBookPreview(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	if slug == "" {
+		jsonError(w, http.StatusBadRequest, "missing slug")
+		return
+	}
+
+	ctx := r.Context()
+
+	meta, inLib, err := s.deps.BookReader.ReadMetadata(ctx, slug)
+	if err != nil {
+		s.deps.Log.Warn("book-preview: ReadMetadata failed", "slug", slug, "err", err)
+		inLib = false
+	}
+
+	if inLib {
+		// Fast path: book is already scraped — return stored data.
+		chapters, cerr := s.deps.BookReader.ListChapters(ctx, slug)
+		if cerr != nil {
+			s.deps.Log.Warn("book-preview: ListChapters failed", "slug", slug, "err", cerr)
+		}
+		writeJSON(w, 0, map[string]any{
+			"in_lib":   true,
+			"meta":     meta,
+			"chapters": chapters,
+		})
+		return
+	}
+
+	// Book not in library — enqueue a range scrape task for the first 20 chapters
+	// so the user can start reading quickly. Remaining chapters can be scraped
+	// later via the book detail page or the admin scrape panel.
+	bookURL := r.URL.Query().Get("source_url")
+	if bookURL == "" {
+		bookURL = fmt.Sprintf("%s/book/%s", novelFireBase, slug)
+	}
+
+	const previewFrom, previewTo = 1, 20
+	taskID, err := s.deps.Producer.CreateScrapeTask(ctx, "book_range", bookURL, previewFrom, previewTo)
+	if err != nil {
+		s.deps.Log.Error("book-preview: CreateScrapeTask failed", "slug", slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to enqueue scrape task")
+		return
+	}
+
+	s.deps.Log.Info("book-preview: enqueued range scrape task", "slug", slug, "task_id", taskID,
+		"from", previewFrom, "to", previewTo)
+	writeJSON(w, http.StatusAccepted, map[string]any{
+		"in_lib":  false,
+		"task_id": taskID,
+		"message": fmt.Sprintf("scraping first %d chapters; poll /api/scrape/tasks for completion", previewTo),
+	})
+}
+
+// ── Chapter text ───────────────────────────────────────────────────────────────
+
+// handleChapterText handles GET /api/chapter-text/{slug}/{n}.
+// Returns plain text (markdown stripped) of a stored chapter.
+func (s *Server) handleChapterText(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	n, err := strconv.Atoi(r.PathValue("n"))
+	if err != nil || n < 1 {
+		http.NotFound(w, r)
+		return
+	}
+	raw, err := s.deps.BookReader.ReadChapter(r.Context(), slug, n)
+	if err != nil {
+		http.NotFound(w, r)
+		return
+	}
+	w.Header().Set("Content-Type", "text/plain; charset=utf-8")
+	w.Header().Set("Cache-Control", "no-store")
+	fmt.Fprint(w, stripMarkdown(raw))
+}
+
+// handleChapterMarkdown handles GET /api/chapter-markdown/{slug}/{n}.
+//
+// Returns the raw markdown content of a stored chapter directly from MinIO.
+// This is used by the SvelteKit UI as a simpler alternative to presign+fetch:
+// it avoids the need for the SvelteKit server to reach MinIO directly, and
+// gives a clean 404 when the chapter has not been scraped yet.
+func (s *Server) handleChapterMarkdown(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	n, err := strconv.Atoi(r.PathValue("n"))
+	if err != nil || n < 1 || slug == "" {
+		http.Error(w, `{"error":"invalid params"}`, http.StatusBadRequest)
+		return
+	}
+	raw, err := s.deps.BookReader.ReadChapter(r.Context(), slug, n)
+	if err != nil {
+		s.deps.Log.Warn("chapter-markdown: not found in MinIO", "slug", slug, "n", n, "err", err)
+		http.Error(w, `{"error":"chapter not found"}`, http.StatusNotFound)
+		return
+	}
+	w.Header().Set("Content-Type", "text/markdown; charset=utf-8")
+	w.Header().Set("Cache-Control", "no-store")
+	fmt.Fprint(w, raw)
+}
+
+// handleChapterTextPreview handles GET /api/chapter-text-preview/{slug}/{n}.
+//
+// Fetches a chapter live from novelfire.net and returns its plain text without
+// writing anything to PocketBase or MinIO. This is the preview path used when
+// a chapter has not yet been scraped into the library.
+//
+// Optional query params:
+//
+//	chapter_url — the canonical chapter URL (preferred over constructing one)
+//	title       — hint for the chapter title (used when the page title is empty)
+//
+// Response: {"slug":string,"number":int,"title":string,"text":string,"url":string}
+func (s *Server) handleChapterTextPreview(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	n, err := strconv.Atoi(r.PathValue("n"))
+	if err != nil || n < 1 || slug == "" {
+		jsonError(w, http.StatusBadRequest, "invalid slug or chapter number")
+		return
+	}
+
+	// Determine the chapter URL to fetch.
+	chapterURL := r.URL.Query().Get("chapter_url")
+	if chapterURL == "" {
+		// Best-effort: novelfire chapter URLs follow /book/{slug}/chapter-{n}
+		chapterURL = fmt.Sprintf("%s/book/%s/chapter-%d", novelFireBase, slug, n)
+	}
+
+	titleHint := r.URL.Query().Get("title")
+
+	ctx, cancel := context.WithTimeout(r.Context(), 30*time.Second)
+	defer cancel()
+
+	// Fetch the chapter page.
+	req, err := http.NewRequestWithContext(ctx, http.MethodGet, chapterURL, nil)
+	if err != nil {
+		s.deps.Log.Error("chapter-text-preview: build request failed", "url", chapterURL, "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to build request")
+		return
+	}
+	req.Header.Set("User-Agent", "Mozilla/5.0 (compatible; libnovel-backend/2)")
+	req.Header.Set("Accept", "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8")
+
+	resp, err := http.DefaultClient.Do(req)
+	if err != nil {
+		s.deps.Log.Warn("chapter-text-preview: fetch failed", "url", chapterURL, "err", err)
+		jsonError(w, http.StatusBadGateway, "failed to fetch chapter")
+		return
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode == http.StatusNotFound {
+		jsonError(w, http.StatusNotFound, "chapter not found")
+		return
+	}
+	if resp.StatusCode != http.StatusOK {
+		body, _ := io.ReadAll(io.LimitReader(resp.Body, 512))
+		s.deps.Log.Warn("chapter-text-preview: upstream error",
+			"url", chapterURL, "status", resp.StatusCode, "body_snippet", string(body))
+		jsonError(w, http.StatusBadGateway, fmt.Sprintf("upstream returned %d", resp.StatusCode))
+		return
+	}
+
+	bodyBytes, err := io.ReadAll(resp.Body)
+	if err != nil {
+		s.deps.Log.Error("chapter-text-preview: read body failed", "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to read response")
+		return
+	}
+
+	// Parse HTML and extract the #content node.
+	root, err := htmlutil.ParseHTML(string(bodyBytes))
+	if err != nil {
+		s.deps.Log.Error("chapter-text-preview: html parse failed", "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to parse chapter HTML")
+		return
+	}
+
+	container := htmlutil.FindFirst(root, scraper.Selector{ID: "content"})
+	if container == nil {
+		s.deps.Log.Warn("chapter-text-preview: #content not found", "url", chapterURL)
+		jsonError(w, http.StatusNotFound, "chapter content not found on page")
+		return
+	}
+
+	markdownText := htmlutil.NodeToMarkdown(container)
+	plainText := stripMarkdown(markdownText)
+
+	// Extract the chapter title from the page <title> or <h1> if not hinted.
+	chapterTitle := titleHint
+	if chapterTitle == "" {
+		// Try <h1 class="chapter-title"> first, then <h2 class="chapter-title">
+		for _, tag := range []string{"h1", "h2", "h3"} {
+			if node := htmlutil.FindFirst(root, scraper.Selector{Tag: tag, Class: "chapter-title"}); node != nil {
+				chapterTitle = strings.TrimSpace(htmlutil.TextContent(node))
+				break
+			}
+		}
+	}
+	if chapterTitle == "" {
+		chapterTitle = fmt.Sprintf("Chapter %d", n)
+	}
+
+	writeJSON(w, 0, map[string]any{
+		"slug":   slug,
+		"number": n,
+		"title":  chapterTitle,
+		"text":   plainText,
+		"url":    chapterURL,
+	})
+}
+
+// handleReindex handles POST /api/reindex/{slug}.
+// Rebuilds the chapters_idx PocketBase collection for a book from MinIO objects.
+func (s *Server) handleReindex(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	if slug == "" {
+		jsonError(w, http.StatusBadRequest, "missing slug")
+		return
+	}
+
+	count, err := s.deps.BookReader.ReindexChapters(r.Context(), slug)
+	if err != nil {
+		s.deps.Log.Error("reindex failed", "slug", slug, "indexed", count, "err", err)
+		writeJSON(w, http.StatusInternalServerError, map[string]any{
+			"error":   err.Error(),
+			"indexed": count,
+		})
+		return
+	}
+
+	s.deps.Log.Info("reindex complete", "slug", slug, "indexed", count)
+	writeJSON(w, 0, map[string]any{"slug": slug, "indexed": count})
+}
+
+// handleDedupChapters handles POST /api/admin/dedup-chapters/{slug}.
+// Removes duplicate chapters_idx records for a book, keeping the latest record
+// per chapter number. Returns the number of duplicate records deleted.
+func (s *Server) handleDedupChapters(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	if slug == "" {
+		jsonError(w, http.StatusBadRequest, "missing slug")
+		return
+	}
+
+	deleted, err := s.deps.BookWriter.DeduplicateChapters(r.Context(), slug)
+	if err != nil {
+		s.deps.Log.Error("dedup-chapters failed", "slug", slug, "err", err)
+		writeJSON(w, http.StatusInternalServerError, map[string]any{
+			"error":   err.Error(),
+			"deleted": deleted,
+		})
+		return
+	}
+
+	s.deps.Log.Info("dedup-chapters complete", "slug", slug, "deleted", deleted)
+	writeJSON(w, 0, map[string]any{"slug": slug, "deleted": deleted})
+}
+
+// ── Audio ──────────────────────────────────────────────────────────────────────
+
+// handleAudioGenerate handles POST /api/audio/{slug}/{n}.
+// Creates an audio_jobs task in PocketBase (runner executes asynchronously).
+// Returns 200 immediately if audio already exists in MinIO.
+// Returns 202 with the task_id if a new task was created.
+func (s *Server) handleAudioGenerate(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	n, err := strconv.Atoi(r.PathValue("n"))
+	if err != nil || n < 1 {
+		jsonError(w, http.StatusBadRequest, "invalid chapter")
+		return
+	}
+
+	voice := s.cfg.DefaultVoice
+	var body struct {
+		Voice string `json:"voice"`
+	}
+	if r.Body != nil {
+		_ = json.NewDecoder(r.Body).Decode(&body)
+	}
+	if body.Voice != "" {
+		voice = body.Voice
+	}
+
+	cacheKey := fmt.Sprintf("%s/%d/%s", slug, n, voice)
+
+	// Fast path: audio already in MinIO
+	audioKey := s.deps.AudioStore.AudioObjectKey(slug, n, voice)
+	if s.deps.AudioStore.AudioExists(r.Context(), audioKey) {
+		proxyURL := fmt.Sprintf("/api/audio-proxy/%s/%d?voice=%s", slug, n, voice)
+		writeJSON(w, 0, map[string]string{"url": proxyURL, "status": "done"})
+		return
+	}
+
+	// Check if a task is already pending/running
+	task, found, _ := s.deps.TaskReader.GetAudioTask(r.Context(), cacheKey)
+	if found && (task.Status == domain.TaskStatusPending || task.Status == domain.TaskStatusRunning) {
+		writeJSON(w, http.StatusAccepted, map[string]string{
+			"task_id": task.ID,
+			"status":  string(task.Status),
+		})
+		return
+	}
+
+	// Create a new audio task
+	taskID, err := s.deps.Producer.CreateAudioTask(r.Context(), slug, n, voice)
+	if err != nil {
+		s.deps.Log.Error("handleAudioGenerate: CreateAudioTask failed", "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to create audio task")
+		return
+	}
+
+	writeJSON(w, http.StatusAccepted, map[string]string{
+		"task_id": taskID,
+		"status":  "pending",
+	})
+}
+
+// handleAudioStatus handles GET /api/audio/status/{slug}/{n}.
+// Polls PocketBase for the audio task status.
+// Query params: voice (optional, defaults to DefaultVoice)
+func (s *Server) handleAudioStatus(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	n, err := strconv.Atoi(r.PathValue("n"))
+	if err != nil || n < 1 || slug == "" {
+		jsonError(w, http.StatusBadRequest, "invalid params")
+		return
+	}
+
+	voice := r.URL.Query().Get("voice")
+	if voice == "" {
+		voice = s.cfg.DefaultVoice
+	}
+
+	// Fast path: audio exists in MinIO
+	audioKey := s.deps.AudioStore.AudioObjectKey(slug, n, voice)
+	if s.deps.AudioStore.AudioExists(r.Context(), audioKey) {
+		proxyURL := fmt.Sprintf("/api/audio-proxy/%s/%d?voice=%s", slug, n, voice)
+		writeJSON(w, 0, map[string]string{
+			"status": "done",
+			"url":    proxyURL,
+		})
+		return
+	}
+
+	cacheKey := fmt.Sprintf("%s/%d/%s", slug, n, voice)
+	task, found, _ := s.deps.TaskReader.GetAudioTask(r.Context(), cacheKey)
+	if !found {
+		writeJSON(w, 0, map[string]string{"status": "idle"})
+		return
+	}
+
+	resp := map[string]string{
+		"status":  string(task.Status),
+		"task_id": task.ID,
+	}
+	if task.Status == domain.TaskStatusFailed && task.ErrorMessage != "" {
+		resp["error"] = task.ErrorMessage
+	}
+	writeJSON(w, 0, resp)
+}
+
+// handleAudioProxy handles GET /api/audio-proxy/{slug}/{n}.
+// Redirects to a presigned MinIO URL for the generated audio object.
+// Query params: voice (optional, defaults to DefaultVoice)
+func (s *Server) handleAudioProxy(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	n, err := strconv.Atoi(r.PathValue("n"))
+	if err != nil || n < 1 {
+		http.NotFound(w, r)
+		return
+	}
+
+	voice := r.URL.Query().Get("voice")
+	if voice == "" {
+		voice = s.cfg.DefaultVoice
+	}
+
+	audioKey := s.deps.AudioStore.AudioObjectKey(slug, n, voice)
+	if !s.deps.AudioStore.AudioExists(r.Context(), audioKey) {
+		http.Error(w, "audio not generated yet", http.StatusNotFound)
+		return
+	}
+
+	presignURL, err := s.deps.PresignStore.PresignAudio(r.Context(), audioKey, 1*time.Hour)
+	if err != nil {
+		s.deps.Log.Error("handleAudioProxy: PresignAudio failed", "slug", slug, "n", n, "err", err)
+		http.Error(w, "presign failed", http.StatusInternalServerError)
+		return
+	}
+
+	http.Redirect(w, r, presignURL, http.StatusFound)
+}
+
+// handleAudioStream handles GET /api/audio-stream/{slug}/{n}.
+//
+// Fast path: if audio already exists in MinIO, redirects to the presigned URL
+// (same as handleAudioProxy) — the client plays from storage immediately.
+//
+// Slow path (first request): streams audio directly to the client while
+// simultaneously uploading it to MinIO. After the stream completes, subsequent
+// requests hit the fast path and skip TTS generation entirely.
+//
+// Query params:
+//
+//	voice  (optional, defaults to DefaultVoice)
+//	format (optional, "mp3" or "wav"; defaults to "mp3")
+//
+// Using format=wav skips the ffmpeg transcode for pocket-tts voices, delivering
+// raw WAV frames to the client with lower latency at the cost of larger files.
+func (s *Server) handleAudioStream(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	n, err := strconv.Atoi(r.PathValue("n"))
+	if err != nil || n < 1 {
+		jsonError(w, http.StatusBadRequest, "invalid chapter")
+		return
+	}
+
+	voice := r.URL.Query().Get("voice")
+	if voice == "" {
+		voice = s.cfg.DefaultVoice
+	}
+
+	format := r.URL.Query().Get("format")
+	if format != "wav" {
+		format = "mp3"
+	}
+
+	contentType := "audio/mpeg"
+	if format == "wav" {
+		contentType = "audio/wav"
+	}
+
+	audioKey := s.deps.AudioStore.AudioObjectKeyExt(slug, n, voice, format)
+
+	// ── Fast path: already in MinIO ───────────────────────────────────────────
+	if s.deps.AudioStore.AudioExists(r.Context(), audioKey) {
+		presignURL, err := s.deps.PresignStore.PresignAudio(r.Context(), audioKey, 1*time.Hour)
+		if err != nil {
+			s.deps.Log.Error("handleAudioStream: PresignAudio failed", "slug", slug, "n", n, "err", err)
+			jsonError(w, http.StatusInternalServerError, "presign failed")
+			return
+		}
+		http.Redirect(w, r, presignURL, http.StatusFound)
+		return
+	}
+
+	// ── Slow path: generate + stream + save ───────────────────────────────────
+
+	// Read the chapter text.
+	raw, err := s.deps.BookReader.ReadChapter(r.Context(), slug, n)
+	if err != nil {
+		s.deps.Log.Error("handleAudioStream: ReadChapter failed", "slug", slug, "n", n, "err", err)
+		jsonError(w, http.StatusNotFound, "chapter not found")
+		return
+	}
+	text := stripMarkdown(raw)
+	if text == "" {
+		jsonError(w, http.StatusUnprocessableEntity, "chapter text is empty")
+		return
+	}
+
+	// Open the TTS stream (WAV or MP3 depending on format param).
+	var audioStream io.ReadCloser
+	if format == "wav" {
+		if cfai.IsCFAIVoice(voice) {
+			if s.deps.CFAI == nil {
+				jsonError(w, http.StatusServiceUnavailable, "cloudflare AI TTS not configured")
+				return
+			}
+			audioStream, err = s.deps.CFAI.StreamAudioWAV(r.Context(), text, voice)
+		} else if pockettts.IsPocketTTSVoice(voice) {
+			if s.deps.PocketTTS == nil {
+				jsonError(w, http.StatusServiceUnavailable, "pocket-tts not configured")
+				return
+			}
+			audioStream, err = s.deps.PocketTTS.StreamAudioWAV(r.Context(), text, voice)
+		} else {
+			if s.deps.Kokoro == nil {
+				jsonError(w, http.StatusServiceUnavailable, "kokoro not configured")
+				return
+			}
+			audioStream, err = s.deps.Kokoro.StreamAudioWAV(r.Context(), text, voice)
+		}
+	} else {
+		if cfai.IsCFAIVoice(voice) {
+			if s.deps.CFAI == nil {
+				jsonError(w, http.StatusServiceUnavailable, "cloudflare AI TTS not configured")
+				return
+			}
+			audioStream, err = s.deps.CFAI.StreamAudioMP3(r.Context(), text, voice)
+		} else if pockettts.IsPocketTTSVoice(voice) {
+			if s.deps.PocketTTS == nil {
+				jsonError(w, http.StatusServiceUnavailable, "pocket-tts not configured")
+				return
+			}
+			audioStream, err = s.deps.PocketTTS.StreamAudioMP3(r.Context(), text, voice)
+		} else {
+			if s.deps.Kokoro == nil {
+				jsonError(w, http.StatusServiceUnavailable, "kokoro not configured")
+				return
+			}
+			audioStream, err = s.deps.Kokoro.StreamAudioMP3(r.Context(), text, voice)
+		}
+	}
+	if err != nil {
+		s.deps.Log.Error("handleAudioStream: TTS stream failed", "slug", slug, "n", n, "voice", voice, "format", format, "err", err)
+		jsonError(w, http.StatusInternalServerError, "tts stream failed")
+		return
+	}
+	defer audioStream.Close()
+
+	// Tee: every byte read from audioStream is written to both the HTTP
+	// response and a pipe that feeds the MinIO upload goroutine.
+	pr, pw := io.Pipe()
+
+	// MinIO upload runs concurrently. Size -1 triggers multipart upload.
+	uploadDone := make(chan error, 1)
+	go func() {
+		uploadDone <- s.deps.AudioStore.PutAudioStream(
+			context.Background(), // use background — request ctx may cancel after client disconnects
+			audioKey, pr, -1, contentType,
+		)
+	}()
+
+	w.Header().Set("Content-Type", contentType)
+	w.Header().Set("Cache-Control", "no-store")
+	w.Header().Set("X-Accel-Buffering", "no") // disable nginx/caddy buffering
+	w.WriteHeader(http.StatusOK)
+
+	flusher, canFlush := w.(http.Flusher)
+
+	tee := io.TeeReader(audioStream, pw)
+	buf := make([]byte, 32*1024)
+	for {
+		nr, readErr := tee.Read(buf)
+		if nr > 0 {
+			if _, writeErr := w.Write(buf[:nr]); writeErr != nil {
+				// Client disconnected — abort upload pipe so goroutine exits.
+				pw.CloseWithError(writeErr)
+				<-uploadDone
+				return
+			}
+			if canFlush {
+				flusher.Flush()
+			}
+		}
+		if readErr != nil {
+			if readErr == io.EOF {
+				break
+			}
+			s.deps.Log.Warn("handleAudioStream: read error mid-stream", "err", readErr)
+			pw.CloseWithError(readErr)
+			<-uploadDone
+			return
+		}
+	}
+
+	// Signal end of stream to the MinIO upload goroutine.
+	pw.Close()
+	if uploadErr := <-uploadDone; uploadErr != nil {
+		s.deps.Log.Error("handleAudioStream: MinIO upload failed", "key", audioKey, "err", uploadErr)
+		// Audio was already streamed to the client — just log; don't error.
+		// The next request will re-stream since the object is absent.
+	}
+	// Note: we do not call FinishAudioTask here — the backend has no Consumer.
+	// handleAudioStatus fast-paths on AudioExists, so the UI will see "done"
+	// on its next poll as soon as the MinIO object is present.
+}
+
+// handleTTSAnnounce handles GET /api/tts-announce.
+//
+// Streams a short TTS clip for arbitrary text — used by the UI to announce
+// the upcoming chapter number/title through the real <audio> element instead
+// of the Web Speech API (which is silently muted on mobile after the audio
+// session ends).
+//
+// Query params:
+//   - text  — the text to synthesize (required, max 300 chars)
+//   - voice — voice ID (defaults to server default)
+//   - format — "mp3" or "wav" (default "mp3")
+//
+// No MinIO caching — announcement clips are tiny and ephemeral.
+func (s *Server) handleTTSAnnounce(w http.ResponseWriter, r *http.Request) {
+	text := r.URL.Query().Get("text")
+	if text == "" {
+		jsonError(w, http.StatusBadRequest, "text is required")
+		return
+	}
+	if len(text) > 300 {
+		text = text[:300]
+	}
+
+	voice := r.URL.Query().Get("voice")
+	if voice == "" {
+		voice = s.cfg.DefaultVoice
+	}
+
+	format := r.URL.Query().Get("format")
+	if format != "wav" {
+		format = "mp3"
+	}
+
+	contentType := "audio/mpeg"
+	if format == "wav" {
+		contentType = "audio/wav"
+	}
+
+	var (
+		audioStream io.ReadCloser
+		err         error
+	)
+
+	if format == "wav" {
+		if cfai.IsCFAIVoice(voice) {
+			if s.deps.CFAI == nil {
+				jsonError(w, http.StatusServiceUnavailable, "cloudflare AI TTS not configured")
+				return
+			}
+			audioStream, err = s.deps.CFAI.StreamAudioWAV(r.Context(), text, voice)
+		} else if pockettts.IsPocketTTSVoice(voice) {
+			if s.deps.PocketTTS == nil {
+				jsonError(w, http.StatusServiceUnavailable, "pocket-tts not configured")
+				return
+			}
+			audioStream, err = s.deps.PocketTTS.StreamAudioWAV(r.Context(), text, voice)
+		} else {
+			if s.deps.Kokoro == nil {
+				jsonError(w, http.StatusServiceUnavailable, "kokoro not configured")
+				return
+			}
+			audioStream, err = s.deps.Kokoro.StreamAudioWAV(r.Context(), text, voice)
+		}
+	} else {
+		if cfai.IsCFAIVoice(voice) {
+			if s.deps.CFAI == nil {
+				jsonError(w, http.StatusServiceUnavailable, "cloudflare AI TTS not configured")
+				return
+			}
+			audioStream, err = s.deps.CFAI.StreamAudioMP3(r.Context(), text, voice)
+		} else if pockettts.IsPocketTTSVoice(voice) {
+			if s.deps.PocketTTS == nil {
+				jsonError(w, http.StatusServiceUnavailable, "pocket-tts not configured")
+				return
+			}
+			audioStream, err = s.deps.PocketTTS.StreamAudioMP3(r.Context(), text, voice)
+		} else {
+			if s.deps.Kokoro == nil {
+				jsonError(w, http.StatusServiceUnavailable, "kokoro not configured")
+				return
+			}
+			audioStream, err = s.deps.Kokoro.StreamAudioMP3(r.Context(), text, voice)
+		}
+	}
+	if err != nil {
+		s.deps.Log.Error("handleTTSAnnounce: TTS stream failed", "voice", voice, "err", err)
+		jsonError(w, http.StatusInternalServerError, "tts stream failed")
+		return
+	}
+	defer audioStream.Close()
+
+	w.Header().Set("Content-Type", contentType)
+	w.Header().Set("Cache-Control", "no-store")
+	w.Header().Set("X-Accel-Buffering", "no")
+	w.WriteHeader(http.StatusOK)
+
+	flusher, canFlush := w.(http.Flusher)
+	buf := make([]byte, 32*1024)
+	for {
+		nr, readErr := audioStream.Read(buf)
+		if nr > 0 {
+			if _, writeErr := w.Write(buf[:nr]); writeErr != nil {
+				return
+			}
+			if canFlush {
+				flusher.Flush()
+			}
+		}
+		if readErr != nil {
+			break
+		}
+	}
+}
+//
+// CF AI voices are batch-only and can take 1-2+ minutes to generate a full
+// chapter. This endpoint generates only the FIRST chunk of text (~1 800 chars,
+// roughly 1-2 minutes of audio) so the client can start playing immediately
+// while the full audio is generated in the background by the runner.
+//
+// Fast path: if a preview object already exists in MinIO, redirects to its
+// presigned URL (no regeneration).
+//
+// Slow path: generates the first chunk via CF AI, streams the MP3 bytes to the
+// client, and simultaneously uploads to MinIO under a "_preview" key so future
+// requests hit the fast path.
+//
+// Only CF AI voices are expected here. Calling this with a Kokoro/PocketTTS
+// voice falls back to the normal audio-stream endpoint behaviour.
+//
+// Query params:
+//
+//	voice  (required — must be a cfai: voice)
+func (s *Server) handleAudioPreview(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	n, err := strconv.Atoi(r.PathValue("n"))
+	if err != nil || n < 1 {
+		jsonError(w, http.StatusBadRequest, "invalid chapter")
+		return
+	}
+
+	voice := r.URL.Query().Get("voice")
+	if voice == "" {
+		voice = s.cfg.DefaultVoice
+	}
+
+	if s.deps.CFAI == nil {
+		jsonError(w, http.StatusServiceUnavailable, "cloudflare AI TTS not configured")
+		return
+	}
+
+	// Preview key: same as normal key with a "_preview" suffix before the extension.
+	// e.g. slug/1/cfai:luna_preview.mp3
+	previewKey := s.deps.AudioStore.AudioObjectKeyExt(slug, n, voice+"_preview", "mp3")
+
+	// ── Fast path: preview already in MinIO ──────────────────────────────────
+	if s.deps.AudioStore.AudioExists(r.Context(), previewKey) {
+		presignURL, err := s.deps.PresignStore.PresignAudio(r.Context(), previewKey, 1*time.Hour)
+		if err != nil {
+			s.deps.Log.Error("handleAudioPreview: PresignAudio failed", "slug", slug, "n", n, "err", err)
+			jsonError(w, http.StatusInternalServerError, "presign failed")
+			return
+		}
+		http.Redirect(w, r, presignURL, http.StatusFound)
+		return
+	}
+
+	// ── Slow path: generate first chunk + stream + save ──────────────────────
+
+	// Read the chapter text.
+	raw, err := s.deps.BookReader.ReadChapter(r.Context(), slug, n)
+	if err != nil {
+		s.deps.Log.Error("handleAudioPreview: ReadChapter failed", "slug", slug, "n", n, "err", err)
+		jsonError(w, http.StatusNotFound, "chapter not found")
+		return
+	}
+	text := stripMarkdown(raw)
+	if text == "" {
+		jsonError(w, http.StatusUnprocessableEntity, "chapter text is empty")
+		return
+	}
+
+	// Take only the first ~1 800 characters — one CF AI chunk, roughly 1-2 min.
+	const previewChars = 1800
+	firstChunk := text
+	if len([]rune(text)) > previewChars {
+		runes := []rune(text)
+		firstChunk = string(runes[:previewChars])
+		// Walk back to last sentence boundary (. ! ?) to avoid a mid-word cut.
+		for i := previewChars - 1; i > previewChars/2; i-- {
+			r := runes[i]
+			if r == '.' || r == '!' || r == '?' || r == '\n' {
+				firstChunk = string(runes[:i+1])
+				break
+			}
+		}
+	}
+
+	// Generate the preview chunk via CF AI.
+	mp3, err := s.deps.CFAI.GenerateAudio(r.Context(), firstChunk, voice)
+	if err != nil {
+		s.deps.Log.Error("handleAudioPreview: GenerateAudio failed", "slug", slug, "n", n, "voice", voice, "err", err)
+		jsonError(w, http.StatusInternalServerError, "tts generation failed")
+		return
+	}
+
+	// Upload to MinIO in the background so the next request hits the fast path.
+	go func() {
+		if uploadErr := s.deps.AudioStore.PutAudio(
+			context.Background(), previewKey, mp3,
+		); uploadErr != nil {
+			s.deps.Log.Error("handleAudioPreview: MinIO upload failed", "key", previewKey, "err", uploadErr)
+		}
+	}()
+
+	w.Header().Set("Content-Type", "audio/mpeg")
+	w.Header().Set("Content-Length", strconv.Itoa(len(mp3)))
+	w.Header().Set("Cache-Control", "no-store")
+	w.WriteHeader(http.StatusOK)
+	_, _ = w.Write(mp3)
+}
+
+// ── Translation ────────────────────────────────────────────────────────────────
+
+// supportedTranslationLangs is the set of target locales the backend accepts.
+// Source is always "en".
+var supportedTranslationLangs = map[string]bool{
+	"ru": true, "id": true, "pt": true, "fr": true,
+}
+
+// handleTranslationGenerate handles POST /api/translation/{slug}/{n}.
+// Query params: lang (required, one of ru|id|pt|fr)
+//
+// Returns 200 immediately if translation already exists in MinIO.
+// Returns 202 with task_id if a new task was created.
+// Returns 503 if TranslationStore is nil (feature disabled).
+func (s *Server) handleTranslationGenerate(w http.ResponseWriter, r *http.Request) {
+	if s.deps.TranslationStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "machine translation not configured")
+		return
+	}
+
+	slug := r.PathValue("slug")
+	n, err := strconv.Atoi(r.PathValue("n"))
+	if err != nil || n < 1 {
+		jsonError(w, http.StatusBadRequest, "invalid chapter")
+		return
+	}
+
+	lang := r.URL.Query().Get("lang")
+	if !supportedTranslationLangs[lang] {
+		jsonError(w, http.StatusBadRequest, "unsupported lang; use ru, id, pt, or fr")
+		return
+	}
+
+	cacheKey := fmt.Sprintf("%s/%d/%s", slug, n, lang)
+
+	// Fast path: translation already in MinIO
+	key := s.deps.TranslationStore.TranslationObjectKey(lang, slug, n)
+	if s.deps.TranslationStore.TranslationExists(r.Context(), key) {
+		writeJSON(w, 0, map[string]string{"status": "done", "lang": lang})
+		return
+	}
+
+	// Check if a task is already pending/running
+	task, found, _ := s.deps.TaskReader.GetTranslationTask(r.Context(), cacheKey)
+	if found && (task.Status == domain.TaskStatusPending || task.Status == domain.TaskStatusRunning) {
+		writeJSON(w, http.StatusAccepted, map[string]string{
+			"task_id": task.ID,
+			"status":  string(task.Status),
+			"lang":    lang,
+		})
+		return
+	}
+
+	// Create a new translation task
+	taskID, err := s.deps.Producer.CreateTranslationTask(r.Context(), slug, n, lang)
+	if err != nil {
+		s.deps.Log.Error("handleTranslationGenerate: CreateTranslationTask failed", "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to create translation task")
+		return
+	}
+
+	writeJSON(w, http.StatusAccepted, map[string]string{
+		"task_id": taskID,
+		"status":  "pending",
+		"lang":    lang,
+	})
+}
+
+// handleTranslationStatus handles GET /api/translation/status/{slug}/{n}.
+// Query params: lang (required)
+func (s *Server) handleTranslationStatus(w http.ResponseWriter, r *http.Request) {
+	if s.deps.TranslationStore == nil {
+		writeJSON(w, 0, map[string]string{"status": "unavailable"})
+		return
+	}
+
+	slug := r.PathValue("slug")
+	n, err := strconv.Atoi(r.PathValue("n"))
+	if err != nil || n < 1 || slug == "" {
+		jsonError(w, http.StatusBadRequest, "invalid params")
+		return
+	}
+
+	lang := r.URL.Query().Get("lang")
+	if !supportedTranslationLangs[lang] {
+		jsonError(w, http.StatusBadRequest, "unsupported lang")
+		return
+	}
+
+	// Fast path: translation exists in MinIO
+	key := s.deps.TranslationStore.TranslationObjectKey(lang, slug, n)
+	if s.deps.TranslationStore.TranslationExists(r.Context(), key) {
+		writeJSON(w, 0, map[string]string{"status": "done", "lang": lang})
+		return
+	}
+
+	cacheKey := fmt.Sprintf("%s/%d/%s", slug, n, lang)
+	task, found, _ := s.deps.TaskReader.GetTranslationTask(r.Context(), cacheKey)
+	if !found {
+		writeJSON(w, 0, map[string]string{"status": "idle", "lang": lang})
+		return
+	}
+
+	resp := map[string]string{
+		"status":  string(task.Status),
+		"task_id": task.ID,
+		"lang":    lang,
+	}
+	if task.Status == domain.TaskStatusFailed && task.ErrorMessage != "" {
+		resp["error"] = task.ErrorMessage
+	}
+	writeJSON(w, 0, resp)
+}
+
+// handleTranslationRead handles GET /api/translation/{slug}/{n}.
+// Query params: lang (required)
+//
+// Returns {"html": "<p>...</p>", "lang": "ru"} from the MinIO-cached translation.
+// Returns 404 when the translation has not been generated yet.
+func (s *Server) handleTranslationRead(w http.ResponseWriter, r *http.Request) {
+	if s.deps.TranslationStore == nil {
+		http.Error(w, `{"error":"machine translation not configured"}`, http.StatusServiceUnavailable)
+		return
+	}
+
+	slug := r.PathValue("slug")
+	n, err := strconv.Atoi(r.PathValue("n"))
+	if err != nil || n < 1 || slug == "" {
+		jsonError(w, http.StatusBadRequest, "invalid params")
+		return
+	}
+
+	lang := r.URL.Query().Get("lang")
+	if !supportedTranslationLangs[lang] {
+		jsonError(w, http.StatusBadRequest, "unsupported lang")
+		return
+	}
+
+	key := s.deps.TranslationStore.TranslationObjectKey(lang, slug, n)
+	md, err := s.deps.TranslationStore.GetTranslation(r.Context(), key)
+	if err != nil {
+		s.deps.Log.Warn("handleTranslationRead: translation not found", "slug", slug, "n", n, "lang", lang, "err", err)
+		jsonError(w, http.StatusNotFound, "translation not available")
+		return
+	}
+
+	var buf bytes.Buffer
+	if err := goldmark.Convert([]byte(md), &buf); err != nil {
+		s.deps.Log.Error("handleTranslationRead: markdown conversion failed", "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to render translation")
+		return
+	}
+
+	// Translated chapter content is immutable once generated — cache aggressively.
+	// The browser and any intermediary (CDN, SvelteKit fetch cache) can reuse this
+	// response for 1 hour without hitting MinIO again.
+	w.Header().Set("Cache-Control", "public, max-age=3600, stale-while-revalidate=86400")
+	writeJSON(w, 0, map[string]string{"html": buf.String(), "lang": lang})
+}
+
+// handleAdminTranslationJobs handles GET /api/admin/translation/jobs.
+// Returns the full list of translation jobs sorted by started descending.
+func (s *Server) handleAdminTranslationJobs(w http.ResponseWriter, r *http.Request) {
+	tasks, err := s.deps.TaskReader.ListTranslationTasks(r.Context())
+	if err != nil {
+		s.deps.Log.Error("handleAdminTranslationJobs: ListTranslationTasks failed", "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to list translation jobs")
+		return
+	}
+	type jobRow struct {
+		ID           string `json:"id"`
+		CacheKey     string `json:"cache_key"`
+		Slug         string `json:"slug"`
+		Chapter      int    `json:"chapter"`
+		Lang         string `json:"lang"`
+		Status       string `json:"status"`
+		WorkerID     string `json:"worker_id"`
+		ErrorMessage string `json:"error_message"`
+		Started      string `json:"started"`
+		Finished     string `json:"finished"`
+	}
+	rows := make([]jobRow, 0, len(tasks))
+	for _, t := range tasks {
+		rows = append(rows, jobRow{
+			ID:           t.ID,
+			CacheKey:     t.CacheKey,
+			Slug:         t.Slug,
+			Chapter:      t.Chapter,
+			Lang:         t.Lang,
+			Status:       string(t.Status),
+			WorkerID:     t.WorkerID,
+			ErrorMessage: t.ErrorMessage,
+			Started:      t.Started.Format(time.RFC3339),
+			Finished:     t.Finished.Format(time.RFC3339),
+		})
+	}
+	writeJSON(w, 0, map[string]any{"jobs": rows})
+}
+
+// handleAdminTranslationBulk handles POST /api/admin/translation/bulk.
+// Body: {"slug": "...", "lang": "ru", "from": 1, "to": 50}
+// Enqueues one translation task per chapter in the range [from, to] inclusive.
+func (s *Server) handleAdminTranslationBulk(w http.ResponseWriter, r *http.Request) {
+	var body struct {
+		Slug string `json:"slug"`
+		Lang string `json:"lang"`
+		From int    `json:"from"`
+		To   int    `json:"to"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&body); err != nil {
+		jsonError(w, http.StatusBadRequest, "invalid JSON body")
+		return
+	}
+	if body.Slug == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+	if !supportedTranslationLangs[body.Lang] {
+		jsonError(w, http.StatusBadRequest, "unsupported lang; use ru, id, pt, or fr")
+		return
+	}
+	if body.From < 1 || body.To < body.From {
+		jsonError(w, http.StatusBadRequest, "from must be >= 1 and to must be >= from")
+		return
+	}
+	if body.To-body.From > 999 {
+		jsonError(w, http.StatusBadRequest, "range too large; max 1000 chapters per request")
+		return
+	}
+
+	var taskIDs []string
+	for n := body.From; n <= body.To; n++ {
+		id, err := s.deps.Producer.CreateTranslationTask(r.Context(), body.Slug, n, body.Lang)
+		if err != nil {
+			s.deps.Log.Error("handleAdminTranslationBulk: CreateTranslationTask failed",
+				"slug", body.Slug, "chapter", n, "lang", body.Lang, "err", err)
+			jsonError(w, http.StatusInternalServerError,
+				fmt.Sprintf("failed to create task for chapter %d: %s", n, err))
+			return
+		}
+		taskIDs = append(taskIDs, id)
+	}
+
+	writeJSON(w, http.StatusAccepted, map[string]any{
+		"enqueued": len(taskIDs),
+		"task_ids": taskIDs,
+	})
+}
+
+// ── Admin Audio ────────────────────────────────────────────────────────────────
+
+// handleAdminAudioJobs handles GET /api/admin/audio/jobs.
+// Returns all audio jobs, optionally filtered by slug (?slug=...).
+// Sorted by started descending.
+func (s *Server) handleAdminAudioJobs(w http.ResponseWriter, r *http.Request) {
+	tasks, err := s.deps.TaskReader.ListAudioTasks(r.Context())
+	if err != nil {
+		s.deps.Log.Error("handleAdminAudioJobs: ListAudioTasks failed", "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to list audio jobs")
+		return
+	}
+
+	// Optional slug filter.
+	slugFilter := r.URL.Query().Get("slug")
+
+	type jobRow struct {
+		ID           string `json:"id"`
+		CacheKey     string `json:"cache_key"`
+		Slug         string `json:"slug"`
+		Chapter      int    `json:"chapter"`
+		Voice        string `json:"voice"`
+		Status       string `json:"status"`
+		WorkerID     string `json:"worker_id"`
+		ErrorMessage string `json:"error_message"`
+		Started      string `json:"started"`
+		Finished     string `json:"finished"`
+	}
+	rows := make([]jobRow, 0, len(tasks))
+	for _, t := range tasks {
+		if slugFilter != "" && t.Slug != slugFilter {
+			continue
+		}
+		rows = append(rows, jobRow{
+			ID:           t.ID,
+			CacheKey:     t.CacheKey,
+			Slug:         t.Slug,
+			Chapter:      t.Chapter,
+			Voice:        t.Voice,
+			Status:       string(t.Status),
+			WorkerID:     t.WorkerID,
+			ErrorMessage: t.ErrorMessage,
+			Started:      t.Started.Format(time.RFC3339),
+			Finished:     t.Finished.Format(time.RFC3339),
+		})
+	}
+	writeJSON(w, 0, map[string]any{"jobs": rows, "total": len(rows)})
+}
+
+// handleAdminAudioBulk handles POST /api/admin/audio/bulk.
+// Body: {"slug": "...", "voice": "af_bella", "from": 1, "to": 100, "skip_existing": true}
+//
+// Enqueues one audio task per chapter in [from, to].
+// skip_existing (default true): skip chapters already cached in MinIO — use this
+// to resume a previously interrupted bulk job.
+// force: if true, enqueue even when a pending/running task already exists.
+// Max 1000 chapters per request.
+func (s *Server) handleAdminAudioBulk(w http.ResponseWriter, r *http.Request) {
+	var body struct {
+		Slug         string `json:"slug"`
+		Voice        string `json:"voice"`
+		From         int    `json:"from"`
+		To           int    `json:"to"`
+		SkipExisting *bool  `json:"skip_existing"` // pointer so we can detect omission
+		Force        bool   `json:"force"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&body); err != nil {
+		jsonError(w, http.StatusBadRequest, "invalid JSON body")
+		return
+	}
+	if body.Slug == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+	if body.Voice == "" {
+		body.Voice = s.cfg.DefaultVoice
+	}
+	if body.From < 1 || body.To < body.From {
+		jsonError(w, http.StatusBadRequest, "from must be >= 1 and to must be >= from")
+		return
+	}
+	if body.To-body.From > 999 {
+		jsonError(w, http.StatusBadRequest, "range too large; max 1000 chapters per request")
+		return
+	}
+
+	// skip_existing defaults to true (resume-friendly).
+	skipExisting := true
+	if body.SkipExisting != nil {
+		skipExisting = *body.SkipExisting
+	}
+
+	var taskIDs []string
+	skipped := 0
+
+	for n := body.From; n <= body.To; n++ {
+		// Skip chapters already cached in MinIO.
+		if skipExisting {
+			audioKey := s.deps.AudioStore.AudioObjectKey(body.Slug, n, body.Voice)
+			if s.deps.AudioStore.AudioExists(r.Context(), audioKey) {
+				skipped++
+				continue
+			}
+		}
+
+		// Skip chapters with an active (pending/running) task unless force=true.
+		if !body.Force {
+			cacheKey := fmt.Sprintf("%s/%d/%s", body.Slug, n, body.Voice)
+			existing, found, _ := s.deps.TaskReader.GetAudioTask(r.Context(), cacheKey)
+			if found && (existing.Status == domain.TaskStatusPending || existing.Status == domain.TaskStatusRunning) {
+				skipped++
+				continue
+			}
+		}
+
+		id, err := s.deps.Producer.CreateAudioTask(r.Context(), body.Slug, n, body.Voice)
+		if err != nil {
+			s.deps.Log.Error("handleAdminAudioBulk: CreateAudioTask failed",
+				"slug", body.Slug, "chapter", n, "voice", body.Voice, "err", err)
+			jsonError(w, http.StatusInternalServerError,
+				fmt.Sprintf("failed to create task for chapter %d: %s", n, err))
+			return
+		}
+		taskIDs = append(taskIDs, id)
+	}
+
+	writeJSON(w, http.StatusAccepted, map[string]any{
+		"enqueued": len(taskIDs),
+		"skipped":  skipped,
+		"task_ids": taskIDs,
+	})
+}
+
+// handleAdminAudioCancelBulk handles POST /api/admin/audio/cancel-bulk.
+// Body: {"slug": "..."}
+// Cancels all pending and running audio tasks for the given slug.
+func (s *Server) handleAdminAudioCancelBulk(w http.ResponseWriter, r *http.Request) {
+	var body struct {
+		Slug string `json:"slug"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&body); err != nil {
+		jsonError(w, http.StatusBadRequest, "invalid JSON body")
+		return
+	}
+	if body.Slug == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+
+	cancelled, err := s.deps.Producer.CancelAudioTasksBySlug(r.Context(), body.Slug)
+	if err != nil {
+		s.deps.Log.Error("handleAdminAudioCancelBulk: CancelAudioTasksBySlug failed",
+			"slug", body.Slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to cancel tasks")
+		return
+	}
+
+	writeJSON(w, 0, map[string]any{"cancelled": cancelled})
+}
+
+// ── Voices ─────────────────────────────────────────────────────────────────────
+// Returns {"voices": [...]} — merged list from Kokoro and pocket-tts.
+func (s *Server) handleVoices(w http.ResponseWriter, r *http.Request) {
+	writeJSON(w, 0, map[string]any{"voices": s.voices(r.Context())})
+}
+
+// ── Presigned URLs ─────────────────────────────────────────────────────────────
+
+// handlePresignChapter handles GET /api/presign/chapter/{slug}/{n}.
+func (s *Server) handlePresignChapter(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	n, err := strconv.Atoi(r.PathValue("n"))
+	if err != nil || n < 1 || slug == "" {
+		jsonError(w, http.StatusBadRequest, "invalid params")
+		return
+	}
+
+	u, err := s.deps.PresignStore.PresignChapter(r.Context(), slug, n, 15*time.Minute)
+	if err != nil {
+		s.deps.Log.Error("presign chapter failed", "slug", slug, "n", n, "err", err)
+		jsonError(w, http.StatusInternalServerError, "presign failed")
+		return
+	}
+	writeJSON(w, 0, map[string]string{"url": u})
+}
+
+// handlePresignAudio handles GET /api/presign/audio/{slug}/{n}.
+// Query params: voice (optional)
+func (s *Server) handlePresignAudio(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	n, err := strconv.Atoi(r.PathValue("n"))
+	if err != nil || n < 1 || slug == "" {
+		jsonError(w, http.StatusBadRequest, "invalid params")
+		return
+	}
+
+	voice := r.URL.Query().Get("voice")
+	if voice == "" {
+		voice = s.cfg.DefaultVoice
+	}
+
+	key := s.deps.AudioStore.AudioObjectKey(slug, n, voice)
+	if !s.deps.AudioStore.AudioExists(r.Context(), key) {
+		http.NotFound(w, r)
+		return
+	}
+
+	u, err := s.deps.PresignStore.PresignAudio(r.Context(), key, 1*time.Hour)
+	if err != nil {
+		s.deps.Log.Error("presign audio failed", "slug", slug, "n", n, "err", err)
+		jsonError(w, http.StatusInternalServerError, "presign failed")
+		return
+	}
+	writeJSON(w, 0, map[string]string{"url": u})
+}
+
+// voiceSampleText is the phrase synthesised for every voice sample.
+const voiceSampleText = "Hello! This is a preview of what I sound like. I hope you enjoy listening to your stories with my voice."
+
+// handlePresignVoiceSample handles GET /api/presign/voice-sample/{voice}.
+// If the sample has not been generated yet it synthesises it on the fly via
+// the appropriate TTS engine (Kokoro for kokoro voices, pocket-tts for
+// pocket-tts voices), stores the result in MinIO, and returns the presigned URL.
+func (s *Server) handlePresignVoiceSample(w http.ResponseWriter, r *http.Request) {
+	voice := r.PathValue("voice")
+	if voice == "" {
+		jsonError(w, http.StatusBadRequest, "missing voice")
+		return
+	}
+
+	key := kokoro.VoiceSampleKey(voice)
+	if cfai.IsCFAIVoice(voice) {
+		key = cfai.VoiceSampleKey(voice)
+	}
+
+	// Generate sample on demand when it is not in MinIO yet.
+	if !s.deps.AudioStore.AudioExists(r.Context(), key) {
+		s.deps.Log.Info("generating voice sample on demand", "voice", voice)
+
+		var (
+			mp3 []byte
+			err error
+		)
+		if cfai.IsCFAIVoice(voice) {
+			if s.deps.CFAI == nil {
+				jsonError(w, http.StatusServiceUnavailable, "cloudflare AI TTS not configured")
+				return
+			}
+			mp3, err = s.deps.CFAI.GenerateAudio(r.Context(), voiceSampleText, voice)
+		} else if pockettts.IsPocketTTSVoice(voice) {
+			if s.deps.PocketTTS == nil {
+				jsonError(w, http.StatusServiceUnavailable, "pocket-tts not configured")
+				return
+			}
+			mp3, err = s.deps.PocketTTS.GenerateAudio(r.Context(), voiceSampleText, voice)
+		} else {
+			mp3, err = s.deps.Kokoro.GenerateAudio(r.Context(), voiceSampleText, voice)
+		}
+		if err != nil {
+			s.deps.Log.Error("voice sample generation failed", "voice", voice, "err", err)
+			jsonError(w, http.StatusInternalServerError, "voice sample generation failed")
+			return
+		}
+		if err := s.deps.AudioStore.PutAudio(r.Context(), key, mp3); err != nil {
+			s.deps.Log.Error("voice sample upload failed", "voice", voice, "err", err)
+			jsonError(w, http.StatusInternalServerError, "voice sample upload failed")
+			return
+		}
+	}
+
+	u, err := s.deps.PresignStore.PresignAudio(r.Context(), key, 1*time.Hour)
+	if err != nil {
+		s.deps.Log.Error("presign voice sample failed", "voice", voice, "err", err)
+		jsonError(w, http.StatusInternalServerError, "presign failed")
+		return
+	}
+	writeJSON(w, 0, map[string]string{"url": u})
+}
+
+// handleAvatarUpload handles PUT /api/avatar-upload/{userId}.
+// The request body must be the raw image bytes; Content-Type must be
+// image/jpeg, image/png, or image/webp.
+//
+// This endpoint is called by the SvelteKit server (not the browser directly),
+// so MinIO credentials and internal networking are not a concern.
+//
+// Returns: { "key": "<objectKey>" }
+func (s *Server) handleAvatarUpload(w http.ResponseWriter, r *http.Request) {
+	userID := r.PathValue("userId")
+	if userID == "" {
+		jsonError(w, http.StatusBadRequest, "missing userId")
+		return
+	}
+
+	ct := r.Header.Get("Content-Type")
+	var ext string
+	switch {
+	case strings.HasPrefix(ct, "image/jpeg"):
+		ext = "jpg"
+	case strings.HasPrefix(ct, "image/png"):
+		ext = "png"
+	case strings.HasPrefix(ct, "image/webp"):
+		ext = "webp"
+	default:
+		jsonError(w, http.StatusBadRequest, "unsupported content-type; use image/jpeg, image/png, or image/webp")
+		return
+	}
+
+	const maxSize = 5 << 20 // 5 MiB
+	data, err := io.ReadAll(io.LimitReader(r.Body, maxSize+1))
+	if err != nil {
+		jsonError(w, http.StatusBadRequest, "failed to read body")
+		return
+	}
+	if len(data) > maxSize {
+		jsonError(w, http.StatusRequestEntityTooLarge, "image too large (max 5 MiB)")
+		return
+	}
+	if len(data) == 0 {
+		jsonError(w, http.StatusBadRequest, "empty body")
+		return
+	}
+
+	key, err := s.deps.PresignStore.PutAvatar(r.Context(), userID, ext, ct, data)
+	if err != nil {
+		s.deps.Log.Error("avatar upload failed", "userId", userID, "err", err)
+		jsonError(w, http.StatusInternalServerError, "upload failed")
+		return
+	}
+	writeJSON(w, 0, map[string]string{"key": key})
+}
+
+// handlePresignAvatarUpload handles GET /api/presign/avatar-upload/{userId}.
+// Query params: ext (jpg|png|webp, defaults to jpg)
+func (s *Server) handlePresignAvatarUpload(w http.ResponseWriter, r *http.Request) {
+	userID := r.PathValue("userId")
+	if userID == "" {
+		jsonError(w, http.StatusBadRequest, "missing userId")
+		return
+	}
+
+	ext := r.URL.Query().Get("ext")
+	switch ext {
+	case "jpg", "jpeg":
+		ext = "jpg"
+	case "png":
+		ext = "png"
+	case "webp":
+		ext = "webp"
+	default:
+		ext = "jpg"
+	}
+
+	uploadURL, key, err := s.deps.PresignStore.PresignAvatarUpload(r.Context(), userID, ext)
+	if err != nil {
+		s.deps.Log.Error("presign avatar upload failed", "userId", userID, "err", err)
+		jsonError(w, http.StatusInternalServerError, "presign failed")
+		return
+	}
+	writeJSON(w, 0, map[string]string{"upload_url": uploadURL, "key": key})
+}
+
+// handlePresignAvatar handles GET /api/presign/avatar/{userId}.
+func (s *Server) handlePresignAvatar(w http.ResponseWriter, r *http.Request) {
+	userID := r.PathValue("userId")
+	if userID == "" {
+		jsonError(w, http.StatusBadRequest, "missing userId")
+		return
+	}
+
+	u, found, err := s.deps.PresignStore.PresignAvatarURL(r.Context(), userID)
+	if err != nil {
+		s.deps.Log.Error("presign avatar failed", "userId", userID, "err", err)
+		jsonError(w, http.StatusInternalServerError, "presign failed")
+		return
+	}
+	if !found {
+		http.NotFound(w, r)
+		return
+	}
+	writeJSON(w, 0, map[string]string{"url": u})
+}
+
+// ── Progress ───────────────────────────────────────────────────────────────────
+
+// handleGetProgress handles GET /api/progress.
+// Returns {"slug": chapterNum, "slug_ts": timestampMs, ...}
+func (s *Server) handleGetProgress(w http.ResponseWriter, r *http.Request) {
+	sid := ensureSession(w, r)
+	entries, err := s.deps.ProgressStore.AllProgress(r.Context(), sid)
+	if err != nil {
+		s.deps.Log.Error("AllProgress failed", "err", err)
+		entries = nil
+	}
+
+	progress := make(map[string]any, len(entries)*2)
+	for _, p := range entries {
+		progress[p.Slug] = p.Chapter
+		progress[p.Slug+"_ts"] = p.UpdatedAt.UnixMilli()
+	}
+	writeJSON(w, 0, progress)
+}
+
+// handleSetProgress handles POST /api/progress/{slug}.
+// Body: {"chapter": N}
+func (s *Server) handleSetProgress(w http.ResponseWriter, r *http.Request) {
+	sid := ensureSession(w, r)
+	slug := r.PathValue("slug")
+	if slug == "" {
+		jsonError(w, http.StatusBadRequest, "missing slug")
+		return
+	}
+
+	var body struct {
+		Chapter int `json:"chapter"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&body); err != nil || body.Chapter < 1 {
+		jsonError(w, http.StatusBadRequest, "invalid body")
+		return
+	}
+
+	p := domain.ReadingProgress{
+		Slug:      slug,
+		Chapter:   body.Chapter,
+		UpdatedAt: time.Now(),
+	}
+	if err := s.deps.ProgressStore.SetProgress(r.Context(), sid, p); err != nil {
+		s.deps.Log.Error("SetProgress failed", "slug", slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, "store error")
+		return
+	}
+	writeJSON(w, 0, map[string]string{})
+}
+
+// handleDeleteProgress handles DELETE /api/progress/{slug}.
+func (s *Server) handleDeleteProgress(w http.ResponseWriter, r *http.Request) {
+	sid := ensureSession(w, r)
+	slug := r.PathValue("slug")
+	if slug == "" {
+		jsonError(w, http.StatusBadRequest, "missing slug")
+		return
+	}
+
+	if err := s.deps.ProgressStore.DeleteProgress(r.Context(), sid, slug); err != nil {
+		s.deps.Log.Error("DeleteProgress failed", "slug", slug, "err", err)
+		// non-fatal
+	}
+	writeJSON(w, 0, map[string]string{})
+}
+
+// ── Catalogue (Meilisearch-backed browse + search) ────────────────────────────
+
+// handleCatalogue handles GET /api/catalogue.
+//
+// Provides unified browse + search over the locally-indexed book catalogue
+// via Meilisearch. Unlike /api/browse this never fetches novelfire.net live —
+// it is entirely served from the Meilisearch index populated by the runner.
+//
+// Query params:
+//
+//	q      — full-text search query (optional)
+//	genre  — genre filter, e.g. "fantasy" or "all" (default "all")
+//	status — status filter: "ongoing", "completed", or "all" (default "all")
+//	sort   — "popular" (default) | "new" | "top-rated" | "rank"
+//	page   — 1-indexed page number (default 1)
+//	limit  — items per page (default 20, max 100)
+func (s *Server) handleCatalogue(w http.ResponseWriter, r *http.Request) {
+	q := r.URL.Query()
+
+	genre := q.Get("genre")
+	if genre == "" {
+		genre = "all"
+	}
+	status := q.Get("status")
+	if status == "" {
+		status = "all"
+	}
+	sort := q.Get("sort")
+	if sort == "" {
+		sort = "popular"
+	}
+
+	page, _ := strconv.Atoi(q.Get("page"))
+	if page <= 0 {
+		page = 1
+	}
+	limit, _ := strconv.Atoi(q.Get("limit"))
+	if limit <= 0 {
+		limit = 20
+	}
+	if limit > 100 {
+		limit = 100
+	}
+
+	// Admin users (identified by bearer token) see all non-archived books
+	// including those marked admin_only.
+	isAdmin := s.cfg.AdminToken != "" &&
+		r.Header.Get("Authorization") == "Bearer "+s.cfg.AdminToken
+
+	cq := meili.CatalogueQuery{
+		Q:        q.Get("q"),
+		Genre:    genre,
+		Status:   status,
+		Sort:     sort,
+		Page:     page,
+		Limit:    limit,
+		AdminAll: isAdmin,
+	}
+
+	books, total, facets, err := s.deps.SearchIndex.Catalogue(r.Context(), cq)
+	if err != nil {
+		s.deps.Log.Error("handleCatalogue: Catalogue query failed", "err", err)
+		jsonError(w, http.StatusInternalServerError, "search failed")
+		return
+	}
+
+	// Rewrite raw scraped cover URLs to go through the backend cover proxy.
+	// /api/cover/{domain}/{slug} serves from MinIO when available, otherwise
+	// redirects to the CDN. This avoids ERR_BLOCKED_BY_ORB when the source
+	// site returns HTML error pages instead of images.
+	for i := range books {
+		if !strings.HasPrefix(books[i].Cover, "/api/cover/") {
+			books[i].Cover = fmt.Sprintf("/api/cover/novelfire.net/%s", books[i].Slug)
+		}
+	}
+
+	hasNext := int64(page*limit) < total
+
+	w.Header().Set("Cache-Control", "public, max-age=60")
+	writeJSON(w, 0, map[string]any{
+		"books":    books,
+		"page":     page,
+		"limit":    limit,
+		"total":    total,
+		"has_next": hasNext,
+		"facets": map[string]any{
+			"genres":   facets.Genres,
+			"statuses": facets.Statuses,
+		},
+	})
+}
+
+// ── Browse page parsing helpers ────────────────────────────────────────────────
+
+// fetchBrowsePage fetches pageURL and parses NovelListings from the HTML.
+func (s *Server) fetchBrowsePage(ctx context.Context, pageURL string) ([]NovelListing, bool, error) {
+	req, err := http.NewRequestWithContext(ctx, http.MethodGet, pageURL, nil)
+	if err != nil {
+		return nil, false, fmt.Errorf("build request: %w", err)
+	}
+	req.Header.Set("User-Agent", "Mozilla/5.0 (compatible; libnovel-backend/2)")
+	req.Header.Set("Accept", "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8")
+	req.Header.Set("Accept-Language", "en-US,en;q=0.9")
+
+	resp, err := http.DefaultClient.Do(req)
+	if err != nil {
+		return nil, false, fmt.Errorf("fetch %s: %w", pageURL, err)
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != http.StatusOK {
+		_, _ = io.Copy(io.Discard, resp.Body)
+		return nil, false, fmt.Errorf("upstream returned %d", resp.StatusCode)
+	}
+
+	novels, hasNext := parseBrowsePage(resp.Body)
+	return novels, hasNext, nil
+}
+
+// parseBrowsePage parses a novelfire HTML body and returns novel listings.
+// It uses a simple string-scanning approach to avoid importing golang.org/x/net/html
+// in this package (that dependency is only in internal/novelfire).
+func parseBrowsePage(r io.Reader) ([]NovelListing, bool) {
+	data, err := io.ReadAll(r)
+	if err != nil {
+		return nil, false
+	}
+	body := string(data)
+
+	var novels []NovelListing
+	hasNext := false
+
+	// Detect "next page" link
+	if strings.Contains(body, `rel="next"`) ||
+		strings.Contains(body, `aria-label="Next"`) ||
+		strings.Contains(body, `class="next"`) {
+		hasNext = true
+	}
+
+	// Extract novel slugs and titles using simple regex patterns.
+	// novelfire.net novel items: <li class="novel-item">...</li>
+	// Each contains an anchor like <a href="/book/{slug}">
+	slugRe := regexp.MustCompile(`href="/book/([^/"]+)"`)
+	titleRe := regexp.MustCompile(`class="novel-title[^"]*"[^>]*>([^<]+)<`)
+	coverRe := regexp.MustCompile(`data-src="(https?://[^"]+)"`)
+
+	slugMatches := slugRe.FindAllStringSubmatch(body, -1)
+	titleMatches := titleRe.FindAllStringSubmatch(body, -1)
+	coverMatches := coverRe.FindAllStringSubmatch(body, -1)
+
+	seen := make(map[string]bool)
+	for i, sm := range slugMatches {
+		slug := sm[1]
+		if seen[slug] {
+			continue
+		}
+		seen[slug] = true
+
+		novel := NovelListing{
+			Slug: slug,
+			URL:  novelFireBase + "/book/" + slug,
+		}
+		if i < len(titleMatches) {
+			novel.Title = strings.TrimSpace(titleMatches[i][1])
+		}
+		if i < len(coverMatches) {
+			novel.Cover = coverMatches[i][1]
+		}
+		if novel.Title != "" {
+			novels = append(novels, novel)
+		}
+	}
+
+	return novels, hasNext
+}
+
+// ── Markdown stripping ─────────────────────────────────────────────────────────
+
+// stripMarkdown removes common markdown syntax from src, returning plain text.
+func stripMarkdown(src string) string {
+	src = regexp.MustCompile(`(?m)^#{1,6}\s+`).ReplaceAllString(src, "")
+	src = regexp.MustCompile(`\*{1,3}|_{1,3}`).ReplaceAllString(src, "")
+	src = regexp.MustCompile("(?s)```.*?```").ReplaceAllString(src, "")
+	src = regexp.MustCompile("`[^`]*`").ReplaceAllString(src, "")
+	src = regexp.MustCompile(`\[([^\]]+)\]\([^)]+\)`).ReplaceAllString(src, "$1")
+	src = regexp.MustCompile(`!\[[^\]]*\]\([^)]+\)`).ReplaceAllString(src, "")
+	src = regexp.MustCompile(`(?m)^>\s?`).ReplaceAllString(src, "")
+	src = regexp.MustCompile(`(?m)^[-*_]{3,}\s*$`).ReplaceAllString(src, "")
+	src = regexp.MustCompile(`\n{3,}`).ReplaceAllString(src, "\n\n")
+	return strings.TrimSpace(src)
+}
+
+// ── EPUB export ───────────────────────────────────────────────────────────────
+
+// handleExportEPUB handles GET /api/export/{slug}.
+// Generates and streams an EPUB file for the book identified by slug.
+// Optional query params: from=N&to=N to limit the chapter range (default: all).
+func (s *Server) handleExportEPUB(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	if slug == "" {
+		jsonError(w, http.StatusBadRequest, "missing slug")
+		return
+	}
+
+	ctx := r.Context()
+
+	// Parse optional from/to range.
+	fromStr := r.URL.Query().Get("from")
+	toStr := r.URL.Query().Get("to")
+	fromN, toN := 0, 0
+	if fromStr != "" {
+		v, err := strconv.Atoi(fromStr)
+		if err != nil || v < 1 {
+			jsonError(w, http.StatusBadRequest, "invalid 'from' param")
+			return
+		}
+		fromN = v
+	}
+	if toStr != "" {
+		v, err := strconv.Atoi(toStr)
+		if err != nil || v < 1 {
+			jsonError(w, http.StatusBadRequest, "invalid 'to' param")
+			return
+		}
+		toN = v
+	}
+
+	// Fetch book metadata for title and author.
+	meta, inLib, err := s.deps.BookReader.ReadMetadata(ctx, slug)
+	if err != nil || !inLib {
+		s.deps.Log.Warn("handleExportEPUB: book not found", "slug", slug, "err", err)
+		jsonError(w, http.StatusNotFound, "book not found")
+		return
+	}
+
+	// List all chapters.
+	chapters, err := s.deps.BookReader.ListChapters(ctx, slug)
+	if err != nil {
+		s.deps.Log.Error("handleExportEPUB: ListChapters failed", "slug", slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to list chapters")
+		return
+	}
+
+	// Filter chapters by from/to range.
+	var filtered []epubChapter
+	for _, ch := range chapters {
+		if fromN > 0 && ch.Number < fromN {
+			continue
+		}
+		if toN > 0 && ch.Number > toN {
+			continue
+		}
+
+		// Fetch markdown from MinIO.
+		mdText, readErr := s.deps.BookReader.ReadChapter(ctx, slug, ch.Number)
+		if readErr != nil {
+			s.deps.Log.Warn("handleExportEPUB: ReadChapter failed", "slug", slug, "n", ch.Number, "err", readErr)
+			// Skip chapters that cannot be fetched.
+			continue
+		}
+
+		// Convert markdown to HTML using goldmark.
+		md := goldmark.New()
+		var htmlBuf bytes.Buffer
+		if convErr := md.Convert([]byte(mdText), &htmlBuf); convErr != nil {
+			htmlBuf.Reset()
+			htmlBuf.WriteString("<p>" + mdText + "</p>")
+		}
+
+		filtered = append(filtered, epubChapter{
+			Number: ch.Number,
+			Title:  ch.Title,
+			HTML:   htmlBuf.String(),
+		})
+	}
+
+	if len(filtered) == 0 {
+		jsonError(w, http.StatusNotFound, "no chapters found in the requested range")
+		return
+	}
+
+	epubBytes, err := generateEPUB(slug, meta.Title, meta.Author, filtered)
+	if err != nil {
+		s.deps.Log.Error("handleExportEPUB: generateEPUB failed", "slug", slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to generate EPUB")
+		return
+	}
+
+	w.Header().Set("Content-Type", "application/epub+zip")
+	w.Header().Set("Content-Disposition", fmt.Sprintf(`attachment; filename="%s.epub"`, slug))
+	w.Header().Set("Content-Length", strconv.Itoa(len(epubBytes)))
+	w.WriteHeader(http.StatusOK)
+	w.Write(epubBytes)
+}
+
+// ── Hardcoded Kokoro voice fallback ───────────────────────────────────────────
+
+// kokoroVoiceIDs is the built-in fallback list of Kokoro voice IDs used when
+// the Kokoro service is unavailable.
+var kokoroVoiceIDs = []string{
+	// American English
+	"af_alloy", "af_aoede", "af_bella", "af_heart", "af_jadzia",
+	"af_jessica", "af_kore", "af_nicole", "af_nova", "af_river",
+	"af_sarah", "af_sky",
+	"am_adam", "am_echo", "am_eric", "am_fenrir", "am_liam",
+	"am_michael", "am_onyx", "am_puck",
+	// British English
+	"bf_alice", "bf_emma", "bf_lily",
+	"bm_daniel", "bm_fable", "bm_george", "bm_lewis",
+	// Spanish
+	"ef_dora", "em_alex",
+	// French
+	"ff_siwis",
+	// Hindi
+	"hf_alpha", "hf_beta", "hm_omega", "hm_psi",
+	// Italian
+	"if_sara", "im_nicola",
+	// Japanese
+	"jf_alpha", "jf_gongitsune", "jf_nezumi", "jf_tebukuro", "jm_kumo",
+	// Portuguese
+	"pf_dora", "pm_alex",
+	// Chinese
+	"zf_xiaobei", "zf_xiaoni", "zf_xiaoxiao", "zf_xiaoyi",
+	"zm_yunjian", "zm_yunxi", "zm_yunxia", "zm_yunyang",
+}
diff --git a/backend/internal/backend/handlers_aijobs.go b/backend/internal/backend/handlers_aijobs.go
new file mode 100644
index 0000000..719ff59
--- /dev/null
+++ b/backend/internal/backend/handlers_aijobs.go
@@ -0,0 +1,233 @@
+package backend
+
+import (
+	"context"
+	"encoding/json"
+	"fmt"
+	"net/http"
+	"strings"
+	"sync"
+	"time"
+
+	"github.com/libnovel/backend/internal/cfai"
+	"github.com/libnovel/backend/internal/domain"
+)
+
+// ── Cancel registry ────────────────────────────────────────────────────────────
+// cancelJobsMu guards cancelJobs.
+var cancelJobsMu sync.Mutex
+
+// cancelJobs maps a job ID to its CancelFunc. Entries are added when a batch
+// job starts and removed when it finishes or is cancelled.
+var cancelJobs = map[string]context.CancelFunc{}
+
+func registerCancelJob(id string, cancel context.CancelFunc) {
+	cancelJobsMu.Lock()
+	cancelJobs[id] = cancel
+	cancelJobsMu.Unlock()
+}
+
+func deregisterCancelJob(id string) {
+	cancelJobsMu.Lock()
+	delete(cancelJobs, id)
+	cancelJobsMu.Unlock()
+}
+
+// ── AI Job list / get / cancel ─────────────────────────────────────────────────
+
+// handleAdminListAIJobs handles GET /api/admin/ai-jobs.
+// Returns all ai_job records sorted by started descending.
+func (s *Server) handleAdminListAIJobs(w http.ResponseWriter, r *http.Request) {
+	if s.deps.AIJobStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "ai job store not configured")
+		return
+	}
+	jobs, err := s.deps.AIJobStore.ListAIJobs(r.Context())
+	if err != nil {
+		s.deps.Log.Error("admin: list ai jobs failed", "err", err)
+		jsonError(w, http.StatusInternalServerError, "list ai jobs: "+err.Error())
+		return
+	}
+	writeJSON(w, 0, map[string]any{"jobs": jobs})
+}
+
+// handleAdminGetAIJob handles GET /api/admin/ai-jobs/{id}.
+func (s *Server) handleAdminGetAIJob(w http.ResponseWriter, r *http.Request) {
+	if s.deps.AIJobStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "ai job store not configured")
+		return
+	}
+	id := r.PathValue("id")
+	job, ok, err := s.deps.AIJobStore.GetAIJob(r.Context(), id)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, err.Error())
+		return
+	}
+	if !ok {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("job %q not found", id))
+		return
+	}
+	writeJSON(w, 0, job)
+}
+
+// handleAdminCancelAIJob handles POST /api/admin/ai-jobs/{id}/cancel.
+// Marks the job as cancelled in PB and cancels the in-memory context if present.
+func (s *Server) handleAdminCancelAIJob(w http.ResponseWriter, r *http.Request) {
+	if s.deps.AIJobStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "ai job store not configured")
+		return
+	}
+	id := r.PathValue("id")
+
+	// Cancel in-memory context if the job is still running in this process.
+	cancelJobsMu.Lock()
+	if cancel, ok := cancelJobs[id]; ok {
+		cancel()
+	}
+	cancelJobsMu.Unlock()
+
+	// Mark as cancelled in PB.
+	if err := s.deps.AIJobStore.UpdateAIJob(r.Context(), id, map[string]any{
+		"status":   string(domain.TaskStatusCancelled),
+		"finished": time.Now().Format(time.RFC3339),
+	}); err != nil {
+		s.deps.Log.Error("admin: cancel ai job failed", "id", id, "err", err)
+		jsonError(w, http.StatusInternalServerError, "cancel ai job: "+err.Error())
+		return
+	}
+
+	s.deps.Log.Info("admin: ai job cancelled", "id", id)
+	writeJSON(w, 0, map[string]any{"cancelled": true})
+}
+
+// ── Auto-prompt ────────────────────────────────────────────────────────────────
+
+// autoPromptRequest is the JSON body for POST /api/admin/image-gen/auto-prompt.
+type autoPromptRequest struct {
+	// Slug is the book slug.
+	Slug string `json:"slug"`
+	// Type is "cover" or "chapter".
+	Type string `json:"type"`
+	// Chapter number (required when type == "chapter").
+	Chapter int `json:"chapter"`
+	// Model is the text-gen model to use. Defaults to DefaultTextModel.
+	Model string `json:"model"`
+}
+
+// autoPromptResponse is returned by POST /api/admin/image-gen/auto-prompt.
+type autoPromptResponse struct {
+	Prompt string `json:"prompt"`
+	Model  string `json:"model"`
+}
+
+// handleAdminImageGenAutoPrompt handles POST /api/admin/image-gen/auto-prompt.
+//
+// Uses the text generation model to create a vivid image generation prompt
+// based on the book's description (for covers) or chapter title/content (for chapters).
+func (s *Server) handleAdminImageGenAutoPrompt(w http.ResponseWriter, r *http.Request) {
+	if s.deps.TextGen == nil {
+		jsonError(w, http.StatusServiceUnavailable, "text generation not configured")
+		return
+	}
+
+	var req autoPromptRequest
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if strings.TrimSpace(req.Slug) == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+	if req.Type != "cover" && req.Type != "chapter" {
+		jsonError(w, http.StatusBadRequest, `type must be "cover" or "chapter"`)
+		return
+	}
+
+	meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), req.Slug)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "read metadata: "+err.Error())
+		return
+	}
+	if !ok {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("book %q not found", req.Slug))
+		return
+	}
+
+	model := req.Model
+	if model == "" {
+		model = string(cfai.DefaultTextModel)
+	}
+
+	var userPrompt string
+	if req.Type == "cover" {
+		userPrompt = fmt.Sprintf(
+			"Book: \"%s\"\nAuthor: %s\nGenres: %s\n\nDescription:\n%s",
+			meta.Title,
+			meta.Author,
+			strings.Join(meta.Genres, ", "),
+			meta.Summary,
+		)
+	} else {
+		// For chapter images, use chapter title if available.
+		chapterTitle := fmt.Sprintf("Chapter %d", req.Chapter)
+		if req.Chapter > 0 {
+			chapters, listErr := s.deps.BookReader.ListChapters(r.Context(), req.Slug)
+			if listErr == nil {
+				for _, ch := range chapters {
+					if ch.Number == req.Chapter {
+						chapterTitle = ch.Title
+						break
+					}
+				}
+			}
+		}
+		userPrompt = fmt.Sprintf(
+			"Book: \"%s\"\nGenres: %s\nChapter: %s\n\nBook description:\n%s",
+			meta.Title,
+			strings.Join(meta.Genres, ", "),
+			chapterTitle,
+			meta.Summary,
+		)
+	}
+
+	systemPrompt := buildAutoPromptSystem(req.Type)
+
+	s.deps.Log.Info("admin: image auto-prompt requested",
+		"slug", req.Slug, "type", req.Type, "chapter", req.Chapter, "model", model)
+
+	result, genErr := s.deps.TextGen.Generate(r.Context(), cfai.TextRequest{
+		Model: cfai.TextModel(model),
+		Messages: []cfai.TextMessage{
+			{Role: "system", Content: systemPrompt},
+			{Role: "user", Content: userPrompt},
+		},
+		MaxTokens: 256,
+	})
+	if genErr != nil {
+		s.deps.Log.Error("admin: auto-prompt failed", "err", genErr)
+		jsonError(w, http.StatusBadGateway, "text generation failed: "+genErr.Error())
+		return
+	}
+
+	writeJSON(w, 0, autoPromptResponse{
+		Prompt: strings.TrimSpace(result),
+		Model:  model,
+	})
+}
+
+func buildAutoPromptSystem(imageType string) string {
+	if imageType == "cover" {
+		return `You are a professional prompt engineer for AI image generation (Stable Diffusion / FLUX models). ` +
+			`Given a book's title, genres, and description, write a single vivid image generation prompt ` +
+			`for a book cover. The prompt should describe the visual composition, art style, lighting, ` +
+			`and mood without mentioning text or typography. ` +
+			`Format: comma-separated visual descriptors, 30–60 words. ` +
+			`Output ONLY the prompt — no explanation, no quotes, no labels.`
+	}
+	return `You are a professional prompt engineer for AI image generation (Stable Diffusion / FLUX models). ` +
+		`Given a book's title, genres, and a specific chapter title, write a single vivid scene illustration prompt. ` +
+		`Describe the scene, characters, setting, lighting, and art style. ` +
+		`Format: comma-separated visual descriptors, 30–60 words. ` +
+		`Output ONLY the prompt — no explanation, no quotes, no labels.`
+}
diff --git a/backend/internal/backend/handlers_books_admin.go b/backend/internal/backend/handlers_books_admin.go
new file mode 100644
index 0000000..b0db8c8
--- /dev/null
+++ b/backend/internal/backend/handlers_books_admin.go
@@ -0,0 +1,117 @@
+package backend
+
+import (
+	"errors"
+	"net/http"
+
+	"github.com/libnovel/backend/internal/storage"
+)
+
+// handleAdminArchiveBook handles PATCH /api/admin/books/{slug}/archive.
+// Soft-deletes a book by setting archived=true in PocketBase and updating the
+// Meilisearch document so it is excluded from all public search results.
+// The book data is preserved and can be restored with the unarchive endpoint.
+func (s *Server) handleAdminArchiveBook(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	if slug == "" {
+		jsonError(w, http.StatusBadRequest, "missing slug")
+		return
+	}
+	if s.deps.BookAdminStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "book admin store not configured")
+		return
+	}
+
+	if err := s.deps.BookAdminStore.ArchiveBook(r.Context(), slug); err != nil {
+		if errors.Is(err, storage.ErrNotFound) {
+			jsonError(w, http.StatusNotFound, "book not found")
+			return
+		}
+		s.deps.Log.Error("archive book failed", "slug", slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, err.Error())
+		return
+	}
+
+	// Update the Meilisearch document so the archived flag takes effect
+	// immediately in search/catalogue results.
+	if meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), slug); err == nil && ok {
+		if upsertErr := s.deps.SearchIndex.UpsertBook(r.Context(), meta); upsertErr != nil {
+			s.deps.Log.Warn("archive book: meili upsert failed", "slug", slug, "err", upsertErr)
+		}
+	}
+
+	s.deps.Log.Info("book archived", "slug", slug)
+	writeJSON(w, http.StatusOK, map[string]string{"slug": slug, "status": "archived"})
+}
+
+// handleAdminUnarchiveBook handles PATCH /api/admin/books/{slug}/unarchive.
+// Restores a previously archived book by clearing the archived flag, making it
+// publicly visible in search and catalogue results again.
+func (s *Server) handleAdminUnarchiveBook(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	if slug == "" {
+		jsonError(w, http.StatusBadRequest, "missing slug")
+		return
+	}
+	if s.deps.BookAdminStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "book admin store not configured")
+		return
+	}
+
+	if err := s.deps.BookAdminStore.UnarchiveBook(r.Context(), slug); err != nil {
+		if errors.Is(err, storage.ErrNotFound) {
+			jsonError(w, http.StatusNotFound, "book not found")
+			return
+		}
+		s.deps.Log.Error("unarchive book failed", "slug", slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, err.Error())
+		return
+	}
+
+	// Sync the updated archived=false state back to Meilisearch.
+	if meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), slug); err == nil && ok {
+		if upsertErr := s.deps.SearchIndex.UpsertBook(r.Context(), meta); upsertErr != nil {
+			s.deps.Log.Warn("unarchive book: meili upsert failed", "slug", slug, "err", upsertErr)
+		}
+	}
+
+	s.deps.Log.Info("book unarchived", "slug", slug)
+	writeJSON(w, http.StatusOK, map[string]string{"slug": slug, "status": "active"})
+}
+
+// handleAdminDeleteBook handles DELETE /api/admin/books/{slug}.
+// Permanently removes all data for a book:
+//   - PocketBase books record and all chapters_idx records
+//   - All MinIO chapter markdown objects and the cover image
+//   - Meilisearch document
+//
+// This operation is irreversible. Use the archive endpoint for soft-deletion.
+func (s *Server) handleAdminDeleteBook(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	if slug == "" {
+		jsonError(w, http.StatusBadRequest, "missing slug")
+		return
+	}
+	if s.deps.BookAdminStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "book admin store not configured")
+		return
+	}
+
+	if err := s.deps.BookAdminStore.DeleteBook(r.Context(), slug); err != nil {
+		if errors.Is(err, storage.ErrNotFound) {
+			jsonError(w, http.StatusNotFound, "book not found")
+			return
+		}
+		s.deps.Log.Error("delete book failed", "slug", slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, err.Error())
+		return
+	}
+
+	// Remove from Meilisearch — best-effort (log on failure, don't fail request).
+	if err := s.deps.SearchIndex.DeleteBook(r.Context(), slug); err != nil {
+		s.deps.Log.Warn("delete book: meili delete failed", "slug", slug, "err", err)
+	}
+
+	s.deps.Log.Info("book deleted", "slug", slug)
+	writeJSON(w, http.StatusOK, map[string]string{"slug": slug, "status": "deleted"})
+}
diff --git a/backend/internal/backend/handlers_catalogue.go b/backend/internal/backend/handlers_catalogue.go
new file mode 100644
index 0000000..662276a
--- /dev/null
+++ b/backend/internal/backend/handlers_catalogue.go
@@ -0,0 +1,792 @@
+package backend
+
+// Catalogue enrichment handlers: tagline, genre tagging, content warnings,
+// quality scoring, batch cover regeneration, and per-book metadata refresh.
+//
+// All generation endpoints are admin-only (enforced by the SvelteKit proxy layer).
+// All long-running operations support cancellation via r.Context().Done().
+// Batch operations use an in-memory cancel registry (cancelJobs map) so the
+// frontend can send a cancel request by job ID.
+
+import (
+	"context"
+	"crypto/rand"
+	"encoding/hex"
+	"encoding/json"
+	"fmt"
+	"net/http"
+	"strings"
+	"time"
+
+	"github.com/libnovel/backend/internal/cfai"
+	"github.com/libnovel/backend/internal/domain"
+)
+
+
+// ── Tagline ───────────────────────────────────────────────────────────────
+
+// textGenTaglineRequest is the JSON body for POST /api/admin/text-gen/tagline.
+type textGenTaglineRequest struct {
+	Slug      string `json:"slug"`
+	Model     string `json:"model"`
+	MaxTokens int    `json:"max_tokens"`
+}
+
+// textGenTaglineResponse is returned by POST /api/admin/text-gen/tagline.
+type textGenTaglineResponse struct {
+	OldTagline string `json:"old_tagline"`
+	NewTagline string `json:"new_tagline"`
+	Model      string `json:"model"`
+}
+
+// handleAdminTextGenTagline handles POST /api/admin/text-gen/tagline.
+// Generates a 1-sentence marketing hook for a book.
+func (s *Server) handleAdminTextGenTagline(w http.ResponseWriter, r *http.Request) {
+	if s.deps.TextGen == nil {
+		jsonError(w, http.StatusServiceUnavailable, "text generation not configured")
+		return
+	}
+
+	var req textGenTaglineRequest
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if strings.TrimSpace(req.Slug) == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+
+	meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), req.Slug)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "read metadata: "+err.Error())
+		return
+	}
+	if !ok {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("book %q not found", req.Slug))
+		return
+	}
+
+	model := cfai.TextModel(req.Model)
+	if model == "" {
+		model = cfai.DefaultTextModel
+	}
+
+	system := `You are a copywriter for a web novel platform. ` +
+		`Given a book's title, genres, and description, write a single punchy tagline ` +
+		`(one sentence, under 20 words) that hooks a reader. ` +
+		`Output ONLY the tagline — no quotes, no labels, no explanation.`
+
+	user := fmt.Sprintf("Title: %s\nGenres: %s\n\nDescription:\n%s",
+		meta.Title,
+		strings.Join(meta.Genres, ", "),
+		meta.Summary,
+	)
+
+	s.deps.Log.Info("admin: text-gen tagline requested", "slug", req.Slug, "model", model)
+
+	result, genErr := s.deps.TextGen.Generate(r.Context(), cfai.TextRequest{
+		Model:     model,
+		Messages:  []cfai.TextMessage{{Role: "system", Content: system}, {Role: "user", Content: user}},
+		MaxTokens: 64,
+	})
+	if genErr != nil {
+		s.deps.Log.Error("admin: text-gen tagline failed", "err", genErr)
+		jsonError(w, http.StatusBadGateway, "text generation failed: "+genErr.Error())
+		return
+	}
+
+	writeJSON(w, 0, textGenTaglineResponse{
+		OldTagline: "", // BookMeta has no tagline field yet — always empty
+		NewTagline: strings.TrimSpace(result),
+		Model:      string(model),
+	})
+}
+
+// ── Genres ────────────────────────────────────────────────────────────────
+
+// textGenGenresRequest is the JSON body for POST /api/admin/text-gen/genres.
+type textGenGenresRequest struct {
+	Slug      string `json:"slug"`
+	Model     string `json:"model"`
+	MaxTokens int    `json:"max_tokens"`
+}
+
+// textGenGenresResponse is returned by POST /api/admin/text-gen/genres.
+type textGenGenresResponse struct {
+	CurrentGenres  []string `json:"current_genres"`
+	ProposedGenres []string `json:"proposed_genres"`
+	Model          string   `json:"model"`
+}
+
+// handleAdminTextGenGenres handles POST /api/admin/text-gen/genres.
+// Suggests a refined genre list based on the book's description.
+func (s *Server) handleAdminTextGenGenres(w http.ResponseWriter, r *http.Request) {
+	if s.deps.TextGen == nil {
+		jsonError(w, http.StatusServiceUnavailable, "text generation not configured")
+		return
+	}
+
+	var req textGenGenresRequest
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if strings.TrimSpace(req.Slug) == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+
+	meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), req.Slug)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "read metadata: "+err.Error())
+		return
+	}
+	if !ok {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("book %q not found", req.Slug))
+		return
+	}
+
+	model := cfai.TextModel(req.Model)
+	if model == "" {
+		model = cfai.DefaultTextModel
+	}
+
+	system := `You are a genre classification expert for a web novel platform. ` +
+		`Given a book's title and description, return a JSON array of 2–6 genre tags. ` +
+		`Use only well-known web novel genres such as: ` +
+		`Action, Adventure, Comedy, Drama, Fantasy, Historical, Horror, Isekai, Josei, ` +
+		`Martial Arts, Mature, Mecha, Mystery, Psychological, Romance, School Life, ` +
+		`Sci-fi, Seinen, Shoujo, Shounen, Slice of Life, Supernatural, System, Tragedy, Wuxia, Xianxia. ` +
+		`Output ONLY a raw JSON array of strings — no prose, no markdown, no explanation. ` +
+		`Example: ["Fantasy","Adventure","Action"]`
+
+	user := fmt.Sprintf("Title: %s\nCurrent genres: %s\n\nDescription:\n%s",
+		meta.Title,
+		strings.Join(meta.Genres, ", "),
+		meta.Summary,
+	)
+
+	s.deps.Log.Info("admin: text-gen genres requested", "slug", req.Slug, "model", model)
+
+	raw, genErr := s.deps.TextGen.Generate(r.Context(), cfai.TextRequest{
+		Model:     model,
+		Messages:  []cfai.TextMessage{{Role: "system", Content: system}, {Role: "user", Content: user}},
+		MaxTokens: 128,
+	})
+	if genErr != nil {
+		s.deps.Log.Error("admin: text-gen genres failed", "err", genErr)
+		jsonError(w, http.StatusBadGateway, "text generation failed: "+genErr.Error())
+		return
+	}
+
+	proposed := parseStringArrayJSON(raw)
+
+	writeJSON(w, 0, textGenGenresResponse{
+		CurrentGenres:  meta.Genres,
+		ProposedGenres: proposed,
+		Model:          string(model),
+	})
+}
+
+// handleAdminTextGenApplyGenres handles POST /api/admin/text-gen/genres/apply.
+// Persists the confirmed genre list to PocketBase.
+func (s *Server) handleAdminTextGenApplyGenres(w http.ResponseWriter, r *http.Request) {
+	if s.deps.BookWriter == nil {
+		jsonError(w, http.StatusServiceUnavailable, "book writer not configured")
+		return
+	}
+
+	var req struct {
+		Slug   string   `json:"slug"`
+		Genres []string `json:"genres"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if strings.TrimSpace(req.Slug) == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+
+	meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), req.Slug)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "read metadata: "+err.Error())
+		return
+	}
+	if !ok {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("book %q not found", req.Slug))
+		return
+	}
+
+	meta.Genres = req.Genres
+	if err := s.deps.BookWriter.WriteMetadata(r.Context(), meta); err != nil {
+		s.deps.Log.Error("admin: apply genres failed", "slug", req.Slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, "write metadata: "+err.Error())
+		return
+	}
+
+	s.deps.Log.Info("admin: genres applied", "slug", req.Slug, "genres", req.Genres)
+	writeJSON(w, 0, map[string]any{"updated": true})
+}
+
+// ── Content warnings ──────────────────────────────────────────────────────
+
+// textGenContentWarningsRequest is the JSON body for POST /api/admin/text-gen/content-warnings.
+type textGenContentWarningsRequest struct {
+	Slug      string `json:"slug"`
+	Model     string `json:"model"`
+	MaxTokens int    `json:"max_tokens"`
+}
+
+// textGenContentWarningsResponse is returned by POST /api/admin/text-gen/content-warnings.
+type textGenContentWarningsResponse struct {
+	Warnings []string `json:"warnings"`
+	Model    string   `json:"model"`
+}
+
+// handleAdminTextGenContentWarnings handles POST /api/admin/text-gen/content-warnings.
+// Detects mature or sensitive themes in a book's description.
+func (s *Server) handleAdminTextGenContentWarnings(w http.ResponseWriter, r *http.Request) {
+	if s.deps.TextGen == nil {
+		jsonError(w, http.StatusServiceUnavailable, "text generation not configured")
+		return
+	}
+
+	var req textGenContentWarningsRequest
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if strings.TrimSpace(req.Slug) == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+
+	meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), req.Slug)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "read metadata: "+err.Error())
+		return
+	}
+	if !ok {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("book %q not found", req.Slug))
+		return
+	}
+
+	model := cfai.TextModel(req.Model)
+	if model == "" {
+		model = cfai.DefaultTextModel
+	}
+
+	system := `You are a content moderation assistant for a web novel platform. ` +
+		`Given a book's title, genres, and description, detect any content warnings that should be shown to readers. ` +
+		`Choose only relevant warnings from: Violence, Strong Language, Sexual Content, Mature Themes, ` +
+		`Dark Themes, Gore, Torture, Abuse, Drug Use, Suicide/Self-Harm. ` +
+		`If the book is clean, return an empty array. ` +
+		`Output ONLY a raw JSON array of strings — no prose, no markdown. ` +
+		`Example: ["Violence","Dark Themes"]`
+
+	user := fmt.Sprintf("Title: %s\nGenres: %s\n\nDescription:\n%s",
+		meta.Title,
+		strings.Join(meta.Genres, ", "),
+		meta.Summary,
+	)
+
+	s.deps.Log.Info("admin: text-gen content-warnings requested", "slug", req.Slug, "model", model)
+
+	raw, genErr := s.deps.TextGen.Generate(r.Context(), cfai.TextRequest{
+		Model:     model,
+		Messages:  []cfai.TextMessage{{Role: "system", Content: system}, {Role: "user", Content: user}},
+		MaxTokens: 128,
+	})
+	if genErr != nil {
+		s.deps.Log.Error("admin: text-gen content-warnings failed", "err", genErr)
+		jsonError(w, http.StatusBadGateway, "text generation failed: "+genErr.Error())
+		return
+	}
+
+	warnings := parseStringArrayJSON(raw)
+
+	writeJSON(w, 0, textGenContentWarningsResponse{
+		Warnings: warnings,
+		Model:    string(model),
+	})
+}
+
+// ── Quality score ─────────────────────────────────────────────────────────
+
+// textGenQualityScoreRequest is the JSON body for POST /api/admin/text-gen/quality-score.
+type textGenQualityScoreRequest struct {
+	Slug      string `json:"slug"`
+	Model     string `json:"model"`
+	MaxTokens int    `json:"max_tokens"`
+}
+
+// textGenQualityScoreResponse is returned by POST /api/admin/text-gen/quality-score.
+type textGenQualityScoreResponse struct {
+	Score    int    `json:"score"`    // 1–5
+	Feedback string `json:"feedback"` // brief reasoning
+	Model    string `json:"model"`
+}
+
+// handleAdminTextGenQualityScore handles POST /api/admin/text-gen/quality-score.
+// Rates the book description quality on a 1–5 scale with brief feedback.
+func (s *Server) handleAdminTextGenQualityScore(w http.ResponseWriter, r *http.Request) {
+	if s.deps.TextGen == nil {
+		jsonError(w, http.StatusServiceUnavailable, "text generation not configured")
+		return
+	}
+
+	var req textGenQualityScoreRequest
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if strings.TrimSpace(req.Slug) == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+
+	meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), req.Slug)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "read metadata: "+err.Error())
+		return
+	}
+	if !ok {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("book %q not found", req.Slug))
+		return
+	}
+
+	model := cfai.TextModel(req.Model)
+	if model == "" {
+		model = cfai.DefaultTextModel
+	}
+
+	system := `You are a book description quality reviewer for a web novel platform. ` +
+		`Rate the provided description on a scale of 1–5 where: ` +
+		`1=poor (vague/too short), 2=below average, 3=average, 4=good, 5=excellent (engaging/detailed). ` +
+		`Respond with ONLY a JSON object: {"score": <1-5>, "feedback": "<one sentence explanation>"}. ` +
+		`No markdown, no extra text.`
+
+	user := fmt.Sprintf("Title: %s\nGenres: %s\n\nDescription:\n%s",
+		meta.Title,
+		strings.Join(meta.Genres, ", "),
+		meta.Summary,
+	)
+
+	s.deps.Log.Info("admin: text-gen quality-score requested", "slug", req.Slug, "model", model)
+
+	raw, genErr := s.deps.TextGen.Generate(r.Context(), cfai.TextRequest{
+		Model:     model,
+		Messages:  []cfai.TextMessage{{Role: "system", Content: system}, {Role: "user", Content: user}},
+		MaxTokens: 128,
+	})
+	if genErr != nil {
+		s.deps.Log.Error("admin: text-gen quality-score failed", "err", genErr)
+		jsonError(w, http.StatusBadGateway, "text generation failed: "+genErr.Error())
+		return
+	}
+
+	var parsed struct {
+		Score    int    `json:"score"`
+		Feedback string `json:"feedback"`
+	}
+	// Strip markdown fences if any.
+	clean := extractJSONObject(raw)
+	if err := json.Unmarshal([]byte(clean), &parsed); err != nil {
+		// Fallback: try to extract a digit.
+		parsed.Score = 0
+		for _, ch := range raw {
+			if ch >= '1' && ch <= '5' {
+				parsed.Score = int(ch - '0')
+				break
+			}
+		}
+		parsed.Feedback = strings.TrimSpace(raw)
+	}
+
+	writeJSON(w, 0, textGenQualityScoreResponse{
+		Score:    parsed.Score,
+		Feedback: parsed.Feedback,
+		Model:    string(model),
+	})
+}
+
+// ── Batch cover regeneration ──────────────────────────────────────────────
+
+// batchCoverEvent is one SSE event emitted during batch cover regeneration.
+type batchCoverEvent struct {
+	// JobID is the opaque identifier clients use to cancel this job.
+	JobID   string `json:"job_id,omitempty"`
+	Done    int    `json:"done"`
+	Total   int    `json:"total"`
+	Slug    string `json:"slug,omitempty"`
+	Error   string `json:"error,omitempty"`
+	Skipped bool   `json:"skipped,omitempty"`
+	Finish  bool   `json:"finish,omitempty"`
+}
+
+// handleAdminBatchCovers handles POST /api/admin/catalogue/batch-covers.
+//
+// Streams SSE events as it generates covers for every book that has no cover
+// stored in MinIO. Each event carries progress info. The final event has Finish=true.
+//
+// Supports from_item/to_item to process a sub-range of the catalogue (0-based indices).
+// Supports job_id to resume a previously interrupted job.
+// The job can be cancelled by calling POST /api/admin/ai-jobs/{id}/cancel.
+func (s *Server) handleAdminBatchCovers(w http.ResponseWriter, r *http.Request) {
+	if s.deps.TextGen == nil || s.deps.ImageGen == nil {
+		jsonError(w, http.StatusServiceUnavailable, "image/text generation not configured")
+		return
+	}
+	if s.deps.CoverStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "cover store not configured")
+		return
+	}
+
+	var reqBody struct {
+		Model    string `json:"model"`
+		NumSteps int    `json:"num_steps"`
+		Width    int    `json:"width"`
+		Height   int    `json:"height"`
+		FromItem int    `json:"from_item"`
+		ToItem   int    `json:"to_item"`
+		JobID    string `json:"job_id"`
+	}
+	// Body is optional — defaults used if absent.
+	json.NewDecoder(r.Body).Decode(&reqBody) //nolint:errcheck
+
+	allBooks, err := s.deps.BookReader.ListBooks(r.Context())
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "list books: "+err.Error())
+		return
+	}
+
+	// Apply range filter.
+	books := allBooks
+	if reqBody.FromItem > 0 || reqBody.ToItem > 0 {
+		from := reqBody.FromItem
+		to := reqBody.ToItem
+		if to == 0 || to >= len(allBooks) {
+			to = len(allBooks) - 1
+		}
+		if from < 0 {
+			from = 0
+		}
+		if from <= to && from < len(allBooks) {
+			books = allBooks[from : to+1]
+		}
+	}
+
+	// SSE headers.
+	w.Header().Set("Content-Type", "text/event-stream")
+	w.Header().Set("Cache-Control", "no-cache")
+	w.Header().Set("X-Accel-Buffering", "no")
+	flusher, canFlush := w.(http.Flusher)
+
+	sseWrite := func(evt batchCoverEvent) {
+		b, _ := json.Marshal(evt)
+		fmt.Fprintf(w, "data: %s\n\n", b)
+		if canFlush {
+			flusher.Flush()
+		}
+	}
+
+	total := len(books)
+	done := 0
+
+	// Create or resume PB ai_job and register cancel context.
+	var pbJobID string
+	resumeFrom := 0
+	ctx, cancel := context.WithCancel(r.Context())
+	defer cancel()
+
+	if s.deps.AIJobStore != nil {
+		if reqBody.JobID != "" {
+			if existing, ok, _ := s.deps.AIJobStore.GetAIJob(r.Context(), reqBody.JobID); ok {
+				pbJobID = reqBody.JobID
+				resumeFrom = existing.ItemsDone
+				done = resumeFrom
+				_ = s.deps.AIJobStore.UpdateAIJob(r.Context(), pbJobID, map[string]any{
+					"status":      string(domain.TaskStatusRunning),
+					"items_total": total,
+				})
+			}
+		}
+		if pbJobID == "" {
+			id, createErr := s.deps.AIJobStore.CreateAIJob(r.Context(), domain.AIJob{
+				Kind:       "batch-covers",
+				Status:     domain.TaskStatusRunning,
+				FromItem:   reqBody.FromItem,
+				ToItem:     reqBody.ToItem,
+				ItemsTotal: total,
+				Started:    time.Now(),
+			})
+			if createErr == nil {
+				pbJobID = id
+			}
+		}
+		if pbJobID != "" {
+			registerCancelJob(pbJobID, cancel)
+			defer deregisterCancelJob(pbJobID)
+		}
+	}
+
+	// Use pbJobID as the SSE job_id when available, else a random hex fallback.
+	sseJobID := pbJobID
+	if sseJobID == "" {
+		sseJobID = randomHex(8)
+		ctx2, cancel2 := context.WithCancel(r.Context())
+		registerCancelJob(sseJobID, cancel2)
+		defer deregisterCancelJob(sseJobID)
+		defer cancel2()
+		cancel() // replace ctx with ctx2
+		ctx = ctx2
+	}
+
+	// Send initial event with jobID so frontend can store it for cancellation.
+	sseWrite(batchCoverEvent{JobID: sseJobID, Done: done, Total: total})
+
+	for i, book := range books {
+		if ctx.Err() != nil {
+			break
+		}
+		// Skip already-processed items when resuming.
+		if i < resumeFrom {
+			continue
+		}
+
+		// Check if cover already exists.
+		hasCover := s.deps.CoverStore.CoverExists(ctx, book.Slug)
+		if hasCover {
+			done++
+			sseWrite(batchCoverEvent{Done: done, Total: total, Slug: book.Slug, Skipped: true})
+			if pbJobID != "" && s.deps.AIJobStore != nil {
+				_ = s.deps.AIJobStore.UpdateAIJob(r.Context(), pbJobID, map[string]any{"items_done": done})
+			}
+			continue
+		}
+
+		// Build a prompt from the book metadata.
+		prompt := buildCoverPrompt(book)
+
+		// Generate the image via CF AI.
+		imgBytes, genErr := s.deps.ImageGen.GenerateImage(ctx, cfai.ImageRequest{
+			Prompt:   prompt,
+			NumSteps: reqBody.NumSteps,
+			Width:    reqBody.Width,
+			Height:   reqBody.Height,
+		})
+		if genErr != nil {
+			done++
+			s.deps.Log.Error("batch-covers: image gen failed", "slug", book.Slug, "err", genErr)
+			sseWrite(batchCoverEvent{Done: done, Total: total, Slug: book.Slug, Error: genErr.Error()})
+			continue
+		}
+
+		// Save to CoverStore.
+		if saveErr := s.deps.CoverStore.PutCover(ctx, book.Slug, imgBytes, "image/png"); saveErr != nil {
+			done++
+			s.deps.Log.Error("batch-covers: save failed", "slug", book.Slug, "err", saveErr)
+			sseWrite(batchCoverEvent{Done: done, Total: total, Slug: book.Slug, Error: saveErr.Error()})
+			continue
+		}
+
+		done++
+		s.deps.Log.Info("batch-covers: cover generated", "slug", book.Slug)
+		sseWrite(batchCoverEvent{Done: done, Total: total, Slug: book.Slug})
+		if pbJobID != "" && s.deps.AIJobStore != nil {
+			_ = s.deps.AIJobStore.UpdateAIJob(r.Context(), pbJobID, map[string]any{"items_done": done})
+		}
+	}
+
+	if pbJobID != "" && s.deps.AIJobStore != nil {
+		status := domain.TaskStatusDone
+		if ctx.Err() != nil {
+			status = domain.TaskStatusCancelled
+		}
+		_ = s.deps.AIJobStore.UpdateAIJob(r.Context(), pbJobID, map[string]any{
+			"status":     string(status),
+			"items_done": done,
+			"finished":   time.Now().Format(time.RFC3339),
+		})
+	}
+
+	sseWrite(batchCoverEvent{Done: done, Total: total, Finish: true})
+}
+
+// handleAdminBatchCoversCancel handles POST /api/admin/catalogue/batch-covers/cancel.
+// Cancels an in-progress batch cover job by its job ID.
+func (s *Server) handleAdminBatchCoversCancel(w http.ResponseWriter, r *http.Request) {
+	var req struct {
+		JobID string `json:"job_id"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil || req.JobID == "" {
+		jsonError(w, http.StatusBadRequest, "job_id is required")
+		return
+	}
+
+	cancelJobsMu.Lock()
+	cancel, ok := cancelJobs[req.JobID]
+	cancelJobsMu.Unlock()
+
+	if !ok {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("job %q not found", req.JobID))
+		return
+	}
+	cancel()
+	s.deps.Log.Info("batch-covers: job cancelled", "job_id", req.JobID)
+	writeJSON(w, 0, map[string]any{"cancelled": true})
+}
+
+// ── Refresh metadata (per-book) ────────────────────────────────────────────
+
+// refreshMetadataEvent is one SSE event during per-book metadata refresh.
+type refreshMetadataEvent struct {
+	Step  string `json:"step"`  // "description" | "tagline" | "cover"
+	Done  bool   `json:"done"`
+	Error string `json:"error,omitempty"`
+}
+
+// handleAdminRefreshMetadata handles POST /api/admin/catalogue/refresh-metadata/{slug}.
+//
+// Runs description → tagline → cover generation in sequence for a single book
+// and streams SSE progress. Interruptable via client disconnect (r.Context()).
+func (s *Server) handleAdminRefreshMetadata(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	if slug == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+
+	meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), slug)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "read metadata: "+err.Error())
+		return
+	}
+	if !ok {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("book %q not found", slug))
+		return
+	}
+
+	// SSE headers.
+	w.Header().Set("Content-Type", "text/event-stream")
+	w.Header().Set("Cache-Control", "no-cache")
+	w.Header().Set("X-Accel-Buffering", "no")
+	flusher, canFlush := w.(http.Flusher)
+
+	sseWrite := func(evt refreshMetadataEvent) {
+		b, _ := json.Marshal(evt)
+		fmt.Fprintf(w, "data: %s\n\n", b)
+		if canFlush {
+			flusher.Flush()
+		}
+	}
+
+	ctx := r.Context()
+
+	// Step 1 — description.
+	if s.deps.TextGen != nil {
+		if ctx.Err() == nil {
+			newDesc, genErr := s.deps.TextGen.Generate(ctx, cfai.TextRequest{
+				Model: cfai.DefaultTextModel,
+				Messages: []cfai.TextMessage{
+					{Role: "system", Content: `You are a book description writer for a web novel platform. Write an improved description. Respond with ONLY the new description text — no title, no labels, no markdown.`},
+					{Role: "user", Content: fmt.Sprintf("Title: %s\nGenres: %s\n\nCurrent description:\n%s\n\nInstructions: Write a compelling 2–4 sentence description. Keep it spoiler-free and engaging.", meta.Title, strings.Join(meta.Genres, ", "), meta.Summary)},
+				},
+				MaxTokens: 512,
+			})
+			if genErr == nil && strings.TrimSpace(newDesc) != "" && s.deps.BookWriter != nil {
+				meta.Summary = strings.TrimSpace(newDesc)
+				if writeErr := s.deps.BookWriter.WriteMetadata(ctx, meta); writeErr != nil {
+					sseWrite(refreshMetadataEvent{Step: "description", Error: writeErr.Error()})
+				} else {
+					sseWrite(refreshMetadataEvent{Step: "description"})
+				}
+			} else if genErr != nil {
+				sseWrite(refreshMetadataEvent{Step: "description", Error: genErr.Error()})
+			}
+		}
+	}
+
+	// Step 2 — cover.
+	if s.deps.ImageGen != nil && s.deps.CoverStore != nil {
+		if ctx.Err() == nil {
+			prompt := buildCoverPrompt(meta)
+			imgBytes, genErr := s.deps.ImageGen.GenerateImage(ctx, cfai.ImageRequest{Prompt: prompt})
+			if genErr == nil {
+				if saveErr := s.deps.CoverStore.PutCover(ctx, slug, imgBytes, "image/png"); saveErr != nil {
+					sseWrite(refreshMetadataEvent{Step: "cover", Error: saveErr.Error()})
+				} else {
+					sseWrite(refreshMetadataEvent{Step: "cover"})
+				}
+			} else {
+				sseWrite(refreshMetadataEvent{Step: "cover", Error: genErr.Error()})
+			}
+		}
+	}
+
+	sseWrite(refreshMetadataEvent{Step: "done", Done: true})
+}
+
+// ── Helpers ───────────────────────────────────────────────────────────────
+
+// parseStringArrayJSON extracts a JSON string array from model output,
+// tolerating markdown fences and surrounding prose.
+func parseStringArrayJSON(raw string) []string {
+	s := raw
+	if idx := strings.Index(s, "```json"); idx >= 0 {
+		s = s[idx+7:]
+	} else if idx := strings.Index(s, "```"); idx >= 0 {
+		s = s[idx+3:]
+	}
+	if idx := strings.LastIndex(s, "```"); idx >= 0 {
+		s = s[:idx]
+	}
+	start := strings.Index(s, "[")
+	end := strings.LastIndex(s, "]")
+	if start < 0 || end <= start {
+		return nil
+	}
+	s = s[start : end+1]
+	var out []string
+	json.Unmarshal([]byte(s), &out) //nolint:errcheck
+	return out
+}
+
+// extractJSONObject finds the first {...} object in a string.
+func extractJSONObject(raw string) string {
+	start := strings.Index(raw, "{")
+	end := strings.LastIndex(raw, "}")
+	if start < 0 || end <= start {
+		return raw
+	}
+	return raw[start : end+1]
+}
+
+// buildCoverPrompt constructs a prompt string for cover generation from a book.
+func buildCoverPrompt(meta domain.BookMeta) string {
+	parts := []string{"book cover art"}
+	if meta.Title != "" {
+		parts = append(parts, "titled \""+meta.Title+"\"")
+	}
+	if len(meta.Genres) > 0 {
+		parts = append(parts, strings.Join(meta.Genres, ", ")+" genre")
+	}
+	if meta.Summary != "" {
+		summary := meta.Summary
+		if len(summary) > 200 {
+			summary = summary[:200]
+		}
+		parts = append(parts, summary)
+	}
+	return strings.Join(parts, ", ")
+}
+
+// randomHex returns a random hex string of n bytes.
+func randomHex(n int) string {
+	b := make([]byte, n)
+	_, _ = rand.Read(b)
+	return hex.EncodeToString(b)
+}
diff --git a/backend/internal/backend/handlers_image.go b/backend/internal/backend/handlers_image.go
new file mode 100644
index 0000000..c6de202
--- /dev/null
+++ b/backend/internal/backend/handlers_image.go
@@ -0,0 +1,656 @@
+package backend
+
+import (
+	"context"
+	"encoding/base64"
+	"encoding/json"
+	"fmt"
+	"io"
+	"net/http"
+	"strconv"
+	"strings"
+	"time"
+
+	"github.com/libnovel/backend/internal/cfai"
+	"github.com/libnovel/backend/internal/domain"
+)
+
+// handleAdminImageGenModels handles GET /api/admin/image-gen/models.
+// Returns the list of supported Cloudflare AI image generation models.
+func (s *Server) handleAdminImageGenModels(w http.ResponseWriter, r *http.Request) {
+	if s.deps.ImageGen == nil {
+		jsonError(w, http.StatusServiceUnavailable, "image generation not configured (CFAI_ACCOUNT_ID/CFAI_API_TOKEN missing)")
+		return
+	}
+	models := s.deps.ImageGen.Models()
+	writeJSON(w, 0, map[string]any{"models": models})
+}
+
+// imageGenRequest is the JSON body for POST /api/admin/image-gen.
+type imageGenRequest struct {
+	// Prompt is the text description of the desired image.
+	Prompt string `json:"prompt"`
+
+	// Model is the CF Workers AI model ID (e.g. "@cf/black-forest-labs/flux-2-dev").
+	// Defaults to the recommended model for the given type.
+	Model string `json:"model"`
+
+	// Type is either "cover" or "chapter".
+	Type string `json:"type"`
+
+	// Slug is the book slug. Required for cover; required for chapter.
+	Slug string `json:"slug"`
+
+	// Chapter number (1-based). Required when type == "chapter".
+	Chapter int `json:"chapter"`
+
+	// ReferenceImageB64 is an optional base64-encoded PNG/JPEG reference image.
+	// When present the img2img path is used.
+	ReferenceImageB64 string `json:"reference_image_b64"`
+
+	// NumSteps overrides inference steps (default 20).
+	NumSteps int `json:"num_steps"`
+
+	// Width / Height override output dimensions (0 = model default).
+	Width  int `json:"width"`
+	Height int `json:"height"`
+
+	// Guidance overrides prompt guidance scale (0 = model default).
+	Guidance float64 `json:"guidance"`
+
+	// Strength for img2img: 0.0–1.0, default 0.75.
+	Strength float64 `json:"strength"`
+
+	// SaveToCover when true stores the result as the book cover in MinIO
+	// (overwriting any existing cover) and sets the book's cover URL.
+	// Only valid when type == "cover".
+	SaveToCover bool `json:"save_to_cover"`
+}
+
+// imageGenResponse is the JSON body returned by POST /api/admin/image-gen.
+type imageGenResponse struct {
+	// ImageB64 is the generated image as a base64-encoded PNG string.
+	ImageB64 string `json:"image_b64"`
+	// ContentType is "image/png" or "image/jpeg".
+	ContentType string `json:"content_type"`
+	// Saved indicates whether the image was persisted to MinIO.
+	Saved bool `json:"saved"`
+	// CoverURL is the URL the cover is now served from (only set when Saved==true).
+	CoverURL string `json:"cover_url,omitempty"`
+	// Model is the model that was used.
+	Model string `json:"model"`
+	// Bytes is the raw image size in bytes.
+	Bytes int `json:"bytes"`
+}
+
+// handleAdminImageGen handles POST /api/admin/image-gen.
+//
+// Generates an image using Cloudflare Workers AI and optionally stores it.
+// Multipart/form-data is also accepted so the reference image can be uploaded
+// directly; otherwise the reference is expected as base64 JSON.
+func (s *Server) handleAdminImageGen(w http.ResponseWriter, r *http.Request) {
+	if s.deps.ImageGen == nil {
+		jsonError(w, http.StatusServiceUnavailable, "image generation not configured (CFAI_ACCOUNT_ID/CFAI_API_TOKEN missing)")
+		return
+	}
+
+	var req imageGenRequest
+	var refImageData []byte
+
+	ct := r.Header.Get("Content-Type")
+	if strings.HasPrefix(ct, "multipart/form-data") {
+		// Multipart: parse JSON fields from a "json" part + optional "reference" file part.
+		if err := r.ParseMultipartForm(32 << 20); err != nil {
+			jsonError(w, http.StatusBadRequest, "parse multipart: "+err.Error())
+			return
+		}
+		if jsonPart := r.FormValue("json"); jsonPart != "" {
+			if err := json.Unmarshal([]byte(jsonPart), &req); err != nil {
+				jsonError(w, http.StatusBadRequest, "parse json field: "+err.Error())
+				return
+			}
+		}
+		if f, _, err := r.FormFile("reference"); err == nil {
+			defer f.Close()
+			refImageData, _ = io.ReadAll(f)
+		}
+	} else {
+		if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+			jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+			return
+		}
+		if req.ReferenceImageB64 != "" {
+			var decErr error
+			refImageData, decErr = base64.StdEncoding.DecodeString(req.ReferenceImageB64)
+			if decErr != nil {
+				// Try std without padding
+				refImageData, decErr = base64.RawStdEncoding.DecodeString(req.ReferenceImageB64)
+				if decErr != nil {
+					jsonError(w, http.StatusBadRequest, "decode reference_image_b64: "+decErr.Error())
+					return
+				}
+			}
+		}
+	}
+
+	if strings.TrimSpace(req.Prompt) == "" {
+		jsonError(w, http.StatusBadRequest, "prompt is required")
+		return
+	}
+	if req.Type != "cover" && req.Type != "chapter" {
+		jsonError(w, http.StatusBadRequest, `type must be "cover" or "chapter"`)
+		return
+	}
+	if req.Slug == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+	if req.Type == "chapter" && req.Chapter <= 0 {
+		jsonError(w, http.StatusBadRequest, "chapter must be > 0 when type is chapter")
+		return
+	}
+
+	// Resolve model
+	model := cfai.ImageModel(req.Model)
+	if model == "" {
+		if req.Type == "cover" {
+			model = cfai.DefaultImageModel
+		} else {
+			model = cfai.ImageModelFlux2Klein4B
+		}
+	}
+
+	imgReq := cfai.ImageRequest{
+		Prompt:   req.Prompt,
+		Model:    model,
+		NumSteps: req.NumSteps,
+		Width:    req.Width,
+		Height:   req.Height,
+		Guidance: req.Guidance,
+		Strength: req.Strength,
+	}
+
+	s.deps.Log.Info("admin: image gen requested",
+		"type", req.Type, "slug", req.Slug, "chapter", req.Chapter,
+		"model", model, "has_reference", len(refImageData) > 0)
+
+	var imgData []byte
+	var genErr error
+	if len(refImageData) > 0 {
+		imgData, genErr = s.deps.ImageGen.GenerateImageFromReference(r.Context(), imgReq, refImageData)
+	} else {
+		imgData, genErr = s.deps.ImageGen.GenerateImage(r.Context(), imgReq)
+	}
+	if genErr != nil {
+		s.deps.Log.Error("admin: image gen failed", "err", genErr)
+		jsonError(w, http.StatusBadGateway, "image generation failed: "+genErr.Error())
+		return
+	}
+
+	contentType := sniffImageContentType(imgData)
+
+	// ── Optional persistence ──────────────────────────────────────────────────
+	var saved bool
+	var coverURL string
+
+	if req.SaveToCover && req.Type == "cover" && s.deps.CoverStore != nil {
+		if err := s.deps.CoverStore.PutCover(r.Context(), req.Slug, imgData, contentType); err != nil {
+			s.deps.Log.Error("admin: save generated cover failed", "slug", req.Slug, "err", err)
+			// Non-fatal: still return the image
+		} else {
+			saved = true
+			coverURL = fmt.Sprintf("/api/cover/novelfire.net/%s", req.Slug)
+			s.deps.Log.Info("admin: generated cover saved", "slug", req.Slug, "bytes", len(imgData))
+		}
+	}
+
+	// Encode result as base64
+	b64 := base64.StdEncoding.EncodeToString(imgData)
+
+	writeJSON(w, 0, imageGenResponse{
+		ImageB64:    b64,
+		ContentType: contentType,
+		Saved:       saved,
+		CoverURL:    coverURL,
+		Model:       string(model),
+		Bytes:       len(imgData),
+	})
+}
+
+// saveCoverRequest is the JSON body for POST /api/admin/image-gen/save-cover.
+type saveCoverRequest struct {
+	// Slug is the book slug whose cover should be overwritten.
+	Slug string `json:"slug"`
+	// ImageB64 is the base64-encoded image bytes (PNG or JPEG).
+	ImageB64 string `json:"image_b64"`
+}
+
+// handleAdminImageGenSaveCover handles POST /api/admin/image-gen/save-cover.
+//
+// Accepts a pre-generated image as base64 and stores it as the book cover in
+// MinIO, replacing the existing one. Does not call Cloudflare AI at all.
+func (s *Server) handleAdminImageGenSaveCover(w http.ResponseWriter, r *http.Request) {
+	if s.deps.CoverStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "cover store not configured")
+		return
+	}
+
+	var req saveCoverRequest
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if req.Slug == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+	if req.ImageB64 == "" {
+		jsonError(w, http.StatusBadRequest, "image_b64 is required")
+		return
+	}
+
+	imgData, err := base64.StdEncoding.DecodeString(req.ImageB64)
+	if err != nil {
+		imgData, err = base64.RawStdEncoding.DecodeString(req.ImageB64)
+		if err != nil {
+			jsonError(w, http.StatusBadRequest, "decode image_b64: "+err.Error())
+			return
+		}
+	}
+
+	contentType := sniffImageContentType(imgData)
+	if err := s.deps.CoverStore.PutCover(r.Context(), req.Slug, imgData, contentType); err != nil {
+		s.deps.Log.Error("admin: save-cover failed", "slug", req.Slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, "save cover: "+err.Error())
+		return
+	}
+
+	s.deps.Log.Info("admin: cover saved via image-gen", "slug", req.Slug, "bytes", len(imgData))
+	writeJSON(w, 0, map[string]any{
+		"saved":     true,
+		"cover_url": fmt.Sprintf("/api/cover/novelfire.net/%s", req.Slug),
+		"bytes":     len(imgData),
+	})
+}
+
+// sniffImageContentType returns the MIME type of the image bytes.
+func sniffImageContentType(data []byte) string {
+	if len(data) >= 4 {
+		// PNG: 0x89 P N G
+		if data[0] == 0x89 && data[1] == 0x50 && data[2] == 0x4e && data[3] == 0x47 {
+			return "image/png"
+		}
+		// JPEG: FF D8 FF
+		if data[0] == 0xFF && data[1] == 0xD8 && data[2] == 0xFF {
+			return "image/jpeg"
+		}
+		// WebP: RIFF....WEBP
+		if len(data) >= 12 && data[0] == 'R' && data[1] == 'I' && data[2] == 'F' && data[3] == 'F' &&
+			data[8] == 'W' && data[9] == 'E' && data[10] == 'B' && data[11] == 'P' {
+			return "image/webp"
+		}
+	}
+	return "image/png"
+}
+
+// saveChapterImageRequest is the JSON body for POST /api/admin/image-gen/save-chapter-image.
+type saveChapterImageRequest struct {
+	// Slug is the book slug.
+	Slug string `json:"slug"`
+	// Chapter is the 1-based chapter number.
+	Chapter int `json:"chapter"`
+	// ImageB64 is the base64-encoded image bytes (PNG or JPEG).
+	ImageB64 string `json:"image_b64"`
+}
+
+// handleAdminImageGenSaveChapterImage handles POST /api/admin/image-gen/save-chapter-image.
+//
+// Accepts a pre-generated image as base64 and stores it as the chapter illustration
+// in MinIO, replacing the existing one if present. Does not call Cloudflare AI.
+func (s *Server) handleAdminImageGenSaveChapterImage(w http.ResponseWriter, r *http.Request) {
+	if s.deps.ChapterImageStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "chapter image store not configured")
+		return
+	}
+
+	var req saveChapterImageRequest
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if req.Slug == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+	if req.Chapter <= 0 {
+		jsonError(w, http.StatusBadRequest, "chapter must be > 0")
+		return
+	}
+	if req.ImageB64 == "" {
+		jsonError(w, http.StatusBadRequest, "image_b64 is required")
+		return
+	}
+
+	imgData, err := base64.StdEncoding.DecodeString(req.ImageB64)
+	if err != nil {
+		imgData, err = base64.RawStdEncoding.DecodeString(req.ImageB64)
+		if err != nil {
+			jsonError(w, http.StatusBadRequest, "decode image_b64: "+err.Error())
+			return
+		}
+	}
+
+	contentType := sniffImageContentType(imgData)
+	if err := s.deps.ChapterImageStore.PutChapterImage(r.Context(), req.Slug, req.Chapter, imgData, contentType); err != nil {
+		s.deps.Log.Error("admin: save-chapter-image failed", "slug", req.Slug, "chapter", req.Chapter, "err", err)
+		jsonError(w, http.StatusInternalServerError, "save chapter image: "+err.Error())
+		return
+	}
+
+	s.deps.Log.Info("admin: chapter image saved", "slug", req.Slug, "chapter", req.Chapter, "bytes", len(imgData))
+	writeJSON(w, 0, map[string]any{
+		"saved":     true,
+		"image_url": fmt.Sprintf("/api/chapter-image/novelfire.net/%s/%d", req.Slug, req.Chapter),
+		"bytes":     len(imgData),
+	})
+}
+
+// handleHeadChapterImage handles HEAD /api/chapter-image/{domain}/{slug}/{n}.
+//
+// Returns 200 when an image exists for this chapter, 404 otherwise.
+// Used by the SSR loader to check existence without downloading the full image.
+func (s *Server) handleHeadChapterImage(w http.ResponseWriter, r *http.Request) {
+	if s.deps.ChapterImageStore == nil {
+		w.WriteHeader(http.StatusNotFound)
+		return
+	}
+
+	slug := r.PathValue("slug")
+	nStr := r.PathValue("n")
+	n, err := strconv.Atoi(nStr)
+	if err != nil || n <= 0 {
+		w.WriteHeader(http.StatusBadRequest)
+		return
+	}
+
+	if s.deps.ChapterImageStore.ChapterImageExists(r.Context(), slug, n) {
+		w.WriteHeader(http.StatusOK)
+	} else {
+		w.WriteHeader(http.StatusNotFound)
+	}
+}
+
+// handleGetChapterImage handles GET /api/chapter-image/{domain}/{slug}/{n}.
+//
+// Serves the stored chapter illustration directly from MinIO.
+// Returns 404 when no image has been saved for this chapter.
+func (s *Server) handleGetChapterImage(w http.ResponseWriter, r *http.Request) {
+	if s.deps.ChapterImageStore == nil {
+		http.NotFound(w, r)
+		return
+	}
+
+	slug := r.PathValue("slug")
+	nStr := r.PathValue("n")
+	n, err := strconv.Atoi(nStr)
+	if err != nil || n <= 0 {
+		jsonError(w, http.StatusBadRequest, "invalid chapter number")
+		return
+	}
+
+	data, contentType, ok, err := s.deps.ChapterImageStore.GetChapterImage(r.Context(), slug, n)
+	if err != nil {
+		s.deps.Log.Error("chapter-image: get failed", "slug", slug, "n", n, "err", err)
+		jsonError(w, http.StatusInternalServerError, "could not retrieve chapter image")
+		return
+	}
+	if !ok {
+		http.NotFound(w, r)
+		return
+	}
+
+	w.Header().Set("Content-Type", contentType)
+	w.Header().Set("Cache-Control", "public, max-age=31536000, immutable")
+	w.Header().Set("Content-Length", fmt.Sprintf("%d", len(data)))
+	w.WriteHeader(http.StatusOK)
+	_, _ = w.Write(data)
+}
+
+// handleAdminImageGenAsync handles POST /api/admin/image-gen/async.
+//
+// Fire-and-forget variant: validates the request, creates an ai_job record of
+// kind "image-gen", spawns a background goroutine, and returns HTTP 202 with
+// {job_id} immediately. The goroutine calls Cloudflare AI, stores the result
+// as base64 in the job payload, and marks the job done/failed when finished.
+//
+// The admin can then review the result via the ai-jobs page and approve
+// (save as cover) or reject (discard) the image.
+func (s *Server) handleAdminImageGenAsync(w http.ResponseWriter, r *http.Request) {
+	if s.deps.ImageGen == nil {
+		jsonError(w, http.StatusServiceUnavailable, "image generation not configured (CFAI_ACCOUNT_ID/CFAI_API_TOKEN missing)")
+		return
+	}
+	if s.deps.AIJobStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "ai job store not configured")
+		return
+	}
+
+	var req imageGenRequest
+	var refImageData []byte
+
+	ct := r.Header.Get("Content-Type")
+	if strings.HasPrefix(ct, "multipart/form-data") {
+		if err := r.ParseMultipartForm(32 << 20); err != nil {
+			jsonError(w, http.StatusBadRequest, "parse multipart: "+err.Error())
+			return
+		}
+		if jsonPart := r.FormValue("json"); jsonPart != "" {
+			if err := json.Unmarshal([]byte(jsonPart), &req); err != nil {
+				jsonError(w, http.StatusBadRequest, "parse json field: "+err.Error())
+				return
+			}
+		}
+		if f, _, err := r.FormFile("reference"); err == nil {
+			defer f.Close()
+			refImageData, _ = io.ReadAll(f)
+		}
+	} else {
+		if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+			jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+			return
+		}
+		if req.ReferenceImageB64 != "" {
+			var decErr error
+			refImageData, decErr = base64.StdEncoding.DecodeString(req.ReferenceImageB64)
+			if decErr != nil {
+				refImageData, decErr = base64.RawStdEncoding.DecodeString(req.ReferenceImageB64)
+				if decErr != nil {
+					jsonError(w, http.StatusBadRequest, "decode reference_image_b64: "+decErr.Error())
+					return
+				}
+			}
+		}
+	}
+
+	if strings.TrimSpace(req.Prompt) == "" {
+		jsonError(w, http.StatusBadRequest, "prompt is required")
+		return
+	}
+	if req.Type != "cover" && req.Type != "chapter" {
+		jsonError(w, http.StatusBadRequest, `type must be "cover" or "chapter"`)
+		return
+	}
+	if req.Slug == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+	if req.Type == "chapter" && req.Chapter <= 0 {
+		jsonError(w, http.StatusBadRequest, "chapter must be > 0 when type is chapter")
+		return
+	}
+
+	// Resolve model.
+	model := cfai.ImageModel(req.Model)
+	if model == "" {
+		if req.Type == "cover" {
+			model = cfai.DefaultImageModel
+		} else {
+			model = cfai.ImageModelFlux2Klein4B
+		}
+	}
+
+	// Encode request params as job payload so the UI can reconstruct context.
+	type jobParams struct {
+		Prompt    string `json:"prompt"`
+		Type      string `json:"type"`
+		Chapter   int    `json:"chapter,omitempty"`
+		NumSteps  int    `json:"num_steps,omitempty"`
+		Width     int    `json:"width,omitempty"`
+		Height    int    `json:"height,omitempty"`
+		Guidance  float64 `json:"guidance,omitempty"`
+		Strength  float64 `json:"strength,omitempty"`
+		HasRef    bool   `json:"has_ref,omitempty"`
+	}
+	paramsJSON, _ := json.Marshal(jobParams{
+		Prompt:   req.Prompt,
+		Type:     req.Type,
+		Chapter:  req.Chapter,
+		NumSteps: req.NumSteps,
+		Width:    req.Width,
+		Height:   req.Height,
+		Guidance: req.Guidance,
+		Strength: req.Strength,
+		HasRef:   len(refImageData) > 0,
+	})
+
+	jobID, createErr := s.deps.AIJobStore.CreateAIJob(r.Context(), domain.AIJob{
+		Kind:    "image-gen",
+		Slug:    req.Slug,
+		Status:  domain.TaskStatusPending,
+		Model:   string(model),
+		Payload: string(paramsJSON),
+		Started: time.Now(),
+	})
+	if createErr != nil {
+		jsonError(w, http.StatusInternalServerError, "create ai job: "+createErr.Error())
+		return
+	}
+
+	jobCtx, jobCancel := context.WithCancel(context.Background())
+	registerCancelJob(jobID, jobCancel)
+
+	// Mark running before returning.
+	_ = s.deps.AIJobStore.UpdateAIJob(r.Context(), jobID, map[string]any{
+		"status": string(domain.TaskStatusRunning),
+	})
+
+	s.deps.Log.Info("admin: image-gen async started",
+		"job_id", jobID, "slug", req.Slug, "type", req.Type, "model", model)
+
+	// Capture locals for the goroutine.
+	store := s.deps.AIJobStore
+	imageGen := s.deps.ImageGen
+	coverStore := s.deps.CoverStore
+	logger := s.deps.Log
+	capturedReq := req
+	capturedModel := model
+	capturedRefImage := refImageData
+
+	go func() {
+		defer deregisterCancelJob(jobID)
+		defer jobCancel()
+		defer func() {
+			if r := recover(); r != nil {
+				logger.Error("admin: image-gen goroutine panic", "job_id", jobID, "recover", r)
+			}
+		}()
+
+		if jobCtx.Err() != nil {
+			_ = store.UpdateAIJob(context.Background(), jobID, map[string]any{
+				"status":   string(domain.TaskStatusCancelled),
+				"finished": time.Now().Format(time.RFC3339),
+			})
+			return
+		}
+
+		imgReq := cfai.ImageRequest{
+			Prompt:   capturedReq.Prompt,
+			Model:    capturedModel,
+			NumSteps: capturedReq.NumSteps,
+			Width:    capturedReq.Width,
+			Height:   capturedReq.Height,
+			Guidance: capturedReq.Guidance,
+			Strength: capturedReq.Strength,
+		}
+
+		var imgData []byte
+		var genErr error
+		if len(capturedRefImage) > 0 {
+			imgData, genErr = imageGen.GenerateImageFromReference(jobCtx, imgReq, capturedRefImage)
+		} else {
+			imgData, genErr = imageGen.GenerateImage(jobCtx, imgReq)
+		}
+
+		if genErr != nil {
+			logger.Error("admin: image-gen async failed", "job_id", jobID, "err", genErr)
+			_ = store.UpdateAIJob(context.Background(), jobID, map[string]any{
+				"status":        string(domain.TaskStatusFailed),
+				"error_message": genErr.Error(),
+				"finished":      time.Now().Format(time.RFC3339),
+			})
+			return
+		}
+
+		contentType := sniffImageContentType(imgData)
+		b64 := base64.StdEncoding.EncodeToString(imgData)
+
+		// Build result payload: include the original params + the generated image.
+		type resultPayload struct {
+			Prompt      string  `json:"prompt"`
+			Type        string  `json:"type"`
+			Chapter     int     `json:"chapter,omitempty"`
+			ContentType string  `json:"content_type"`
+			ImageB64    string  `json:"image_b64"`
+			Bytes       int     `json:"bytes"`
+			NumSteps    int     `json:"num_steps,omitempty"`
+			Width       int     `json:"width,omitempty"`
+			Height      int     `json:"height,omitempty"`
+			Guidance    float64 `json:"guidance,omitempty"`
+		}
+		resultJSON, _ := json.Marshal(resultPayload{
+			Prompt:      capturedReq.Prompt,
+			Type:        capturedReq.Type,
+			Chapter:     capturedReq.Chapter,
+			ContentType: contentType,
+			ImageB64:    b64,
+			Bytes:       len(imgData),
+			NumSteps:    capturedReq.NumSteps,
+			Width:       capturedReq.Width,
+			Height:      capturedReq.Height,
+			Guidance:    capturedReq.Guidance,
+		})
+
+		if err := store.UpdateAIJob(context.Background(), jobID, map[string]any{
+			"status":      string(domain.TaskStatusDone),
+			"items_done":  1,
+			"items_total": 1,
+			"finished":    time.Now().Format(time.RFC3339),
+		}); err != nil {
+			logger.Error("admin: image-gen failed to mark job done", "job_id", jobID, "err", err)
+		}
+		if err := store.UpdateAIJob(context.Background(), jobID, map[string]any{
+			"payload": string(resultJSON),
+		}); err != nil {
+			logger.Error("admin: image-gen failed to write job payload", "job_id", jobID, "err", err)
+		}
+
+		logger.Info("admin: image-gen async done",
+			"job_id", jobID, "slug", capturedReq.Slug,
+			"bytes", len(imgData), "content_type", contentType)
+
+		// Suppress unused variable warning for coverStore when SaveToCover is false.
+		_ = coverStore
+	}()
+
+	writeJSON(w, http.StatusAccepted, map[string]any{"job_id": jobID})
+}
diff --git a/backend/internal/backend/handlers_import.go b/backend/internal/backend/handlers_import.go
new file mode 100644
index 0000000..0747525
--- /dev/null
+++ b/backend/internal/backend/handlers_import.go
@@ -0,0 +1,234 @@
+package backend
+
+import (
+	"context"
+	"encoding/json"
+	"fmt"
+	"io"
+	"net/http"
+	"path/filepath"
+	"strings"
+	"time"
+
+	"github.com/libnovel/backend/internal/domain"
+	"github.com/libnovel/backend/internal/storage"
+)
+
+type importRequest struct {
+	Title       string   `json:"title"`
+	Author      string   `json:"author"`
+	CoverURL    string   `json:"cover_url"`
+	Genres      []string `json:"genres"`
+	Summary     string   `json:"summary"`
+	BookStatus  string   `json:"book_status"` // "ongoing" | "completed" | "hiatus"
+	FileName    string   `json:"file_name"`
+	FileType    string   `json:"file_type"`   // "pdf" or "epub"
+	ObjectKey   string   `json:"object_key"`  // MinIO path to uploaded file
+}
+
+type importResponse struct {
+	TaskID   string         `json:"task_id"`
+	Slug     string         `json:"slug"`
+	Preview  *importPreview `json:"preview,omitempty"`
+}
+
+type importPreview struct {
+	Chapters   int      `json:"chapters"`
+	FirstLines []string `json:"first_lines"`
+}
+
+func (s *Server) handleAdminImport(w http.ResponseWriter, r *http.Request) {
+	if s.deps.Producer == nil {
+		jsonError(w, http.StatusServiceUnavailable, "task queue not configured")
+		return
+	}
+
+	ct := r.Header.Get("Content-Type")
+	var req importRequest
+	var objectKey string
+	var chaptersKey string
+	var chapterCount int
+
+	if strings.HasPrefix(ct, "multipart/form-data") {
+		if err := r.ParseMultipartForm(32 << 20); err != nil {
+			jsonError(w, http.StatusBadRequest, "parse multipart: "+err.Error())
+			return
+		}
+		req.Title = r.FormValue("title")
+		req.Author = r.FormValue("author")
+		req.CoverURL = r.FormValue("cover_url")
+		req.Summary = r.FormValue("summary")
+		req.BookStatus = r.FormValue("book_status")
+		if g := r.FormValue("genres"); g != "" {
+			for _, s := range strings.Split(g, ",") {
+				if s = strings.TrimSpace(s); s != "" {
+					req.Genres = append(req.Genres, s)
+				}
+			}
+		}
+		req.FileName = r.FormValue("file_name")
+		req.FileType = r.FormValue("file_type")
+		analyzeOnly := r.FormValue("analyze") == "true"
+
+		file, header, err := r.FormFile("file")
+		if err != nil {
+			jsonError(w, http.StatusBadRequest, "parse file: "+err.Error())
+			return
+		}
+		defer file.Close()
+
+		if req.FileName == "" {
+			req.FileName = header.Filename
+		}
+		if req.FileType == "" {
+			req.FileType = strings.TrimPrefix(filepath.Ext(header.Filename), ".")
+		}
+
+		data, err := io.ReadAll(file)
+		if err != nil {
+			jsonError(w, http.StatusBadRequest, "read file: "+err.Error())
+			return
+		}
+
+		// Analyze only - just count chapters
+		if analyzeOnly {
+			preview := analyzeImportFile(data, req.FileType)
+			writeJSON(w, 0, importResponse{
+				Preview: preview,
+			})
+			return
+		}
+
+		// Parse PDF/EPUB on the backend (with timeout) and store chapters as JSON.
+		// The runner only needs to ingest pre-parsed chapters — no PDF parsing on runner.
+		parseCtx, parseCancel := context.WithTimeout(r.Context(), 3*time.Minute)
+		defer parseCancel()
+		chapters, parseErr := storage.ParseImportFile(parseCtx, data, req.FileType)
+		if parseErr != nil || len(chapters) == 0 {
+			jsonError(w, http.StatusUnprocessableEntity, "could not parse file: "+func() string {
+				if parseErr != nil { return parseErr.Error() }
+				return "no chapters found"
+			}())
+			return
+		}
+
+		// Store raw file in MinIO (for reference/re-import).
+		objectKey = fmt.Sprintf("imports/%d_%s", time.Now().Unix(), header.Filename)
+		if s.deps.ImportFileStore == nil {
+			jsonError(w, http.StatusInternalServerError, "storage not available")
+			return
+		}
+		if err := s.deps.ImportFileStore.PutImportFile(r.Context(), objectKey, data); err != nil {
+			jsonError(w, http.StatusInternalServerError, "upload file: "+err.Error())
+			return
+		}
+
+		// Store pre-parsed chapters JSON in MinIO so runner can ingest without re-parsing.
+		chaptersJSON, _ := json.Marshal(chapters)
+		chaptersKey = fmt.Sprintf("imports/%d_%s_chapters.json", time.Now().Unix(), strings.TrimSuffix(header.Filename, filepath.Ext(header.Filename)))
+		if err := s.deps.ImportFileStore.PutImportChapters(r.Context(), chaptersKey, chaptersJSON); err != nil {
+			jsonError(w, http.StatusInternalServerError, "store chapters: "+err.Error())
+			return
+		}
+		chapterCount = len(chapters)
+	} else {
+		if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+			jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+			return
+		}
+		objectKey = req.ObjectKey
+	}
+
+	if req.Title == "" {
+		jsonError(w, http.StatusBadRequest, "title is required")
+		return
+	}
+	if req.FileType != "pdf" && req.FileType != "epub" {
+		jsonError(w, http.StatusBadRequest, "file_type must be 'pdf' or 'epub'")
+		return
+	}
+
+	slug := strings.ToLower(strings.ReplaceAll(req.Title, " ", "-"))
+	slug = strings.Map(func(r rune) rune {
+		if (r >= 'a' && r <= 'z') || (r >= '0' && r <= '9') || r == '-' {
+			return r
+		}
+		return -1
+	}, slug)
+
+	taskID, err := s.deps.Producer.CreateImportTask(r.Context(), domain.ImportTask{
+		Slug:            slug,
+		Title:           req.Title,
+		Author:          req.Author,
+		CoverURL:        req.CoverURL,
+		Genres:          req.Genres,
+		Summary:         req.Summary,
+		BookStatus:      req.BookStatus,
+		FileType:        req.FileType,
+		ObjectKey:       objectKey,
+		ChaptersKey:     chaptersKey,
+		ChaptersTotal:   chapterCount,
+		InitiatorUserID: "",
+	})
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "create import task: "+err.Error())
+		return
+	}
+
+	writeJSON(w, 0, importResponse{
+		TaskID:   taskID,
+		Slug:     slug,
+		Preview: &importPreview{Chapters: chapterCount},
+	})
+}
+
+// analyzeImportFile parses the file to count chapters and extract preview lines.
+func analyzeImportFile(data []byte, fileType string) *importPreview {
+	count, firstLines, err := storage.AnalyzeFile(data, fileType)
+	if err != nil || count == 0 {
+		// Fall back to rough size estimate so the UI still shows something
+		count = estimateChapters(data, fileType)
+	}
+	return &importPreview{
+		Chapters:   count,
+		FirstLines: firstLines,
+	}
+}
+
+func estimateChapters(data []byte, fileType string) int {
+	// Rough estimate: ~100KB per chapter for PDF, ~50KB for EPUB
+	size := len(data)
+	if fileType == "pdf" {
+		return size / 100000
+	}
+	return size / 50000
+}
+
+func (s *Server) handleAdminImportStatus(w http.ResponseWriter, r *http.Request) {
+	taskID := r.PathValue("id")
+	if taskID == "" {
+		jsonError(w, http.StatusBadRequest, "task id required")
+		return
+	}
+
+	task, ok, err := s.deps.TaskReader.GetImportTask(r.Context(), taskID)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "get task: "+err.Error())
+		return
+	}
+	if !ok {
+		jsonError(w, http.StatusNotFound, "task not found")
+		return
+	}
+
+	writeJSON(w, 0, task)
+}
+
+func (s *Server) handleAdminImportList(w http.ResponseWriter, r *http.Request) {
+	tasks, err := s.deps.TaskReader.ListImportTasks(r.Context())
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "list tasks: "+err.Error())
+		return
+	}
+	writeJSON(w, 0, map[string]any{"tasks": tasks})
+}
\ No newline at end of file
diff --git a/backend/internal/backend/handlers_notifications.go b/backend/internal/backend/handlers_notifications.go
new file mode 100644
index 0000000..d52b11a
--- /dev/null
+++ b/backend/internal/backend/handlers_notifications.go
@@ -0,0 +1,119 @@
+package backend
+
+import (
+	"encoding/json"
+	"net/http"
+)
+
+// handleDismissNotification handles DELETE /api/notifications/{id}.
+func (s *Server) handleDismissNotification(w http.ResponseWriter, r *http.Request) {
+	id := r.PathValue("id")
+	if id == "" {
+		jsonError(w, http.StatusBadRequest, "notification id required")
+		return
+	}
+	if s.deps.NotificationStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "notification store not configured")
+		return
+	}
+	if err := s.deps.NotificationStore.DeleteNotification(r.Context(), id); err != nil {
+		jsonError(w, http.StatusInternalServerError, "dismiss notification: "+err.Error())
+		return
+	}
+	writeJSON(w, 0, map[string]any{"success": true})
+}
+
+// handleClearAllNotifications handles DELETE /api/notifications?user_id=...
+func (s *Server) handleClearAllNotifications(w http.ResponseWriter, r *http.Request) {
+	userID := r.URL.Query().Get("user_id")
+	if userID == "" {
+		jsonError(w, http.StatusBadRequest, "user_id required")
+		return
+	}
+	if s.deps.NotificationStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "notification store not configured")
+		return
+	}
+	if err := s.deps.NotificationStore.ClearAllNotifications(r.Context(), userID); err != nil {
+		jsonError(w, http.StatusInternalServerError, "clear notifications: "+err.Error())
+		return
+	}
+	writeJSON(w, 0, map[string]any{"success": true})
+}
+
+// handleMarkAllNotificationsRead handles PATCH /api/notifications?user_id=...
+func (s *Server) handleMarkAllNotificationsRead(w http.ResponseWriter, r *http.Request) {
+	userID := r.URL.Query().Get("user_id")
+	if userID == "" {
+		jsonError(w, http.StatusBadRequest, "user_id required")
+		return
+	}
+	if s.deps.NotificationStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "notification store not configured")
+		return
+	}
+	if err := s.deps.NotificationStore.MarkAllNotificationsRead(r.Context(), userID); err != nil {
+		jsonError(w, http.StatusInternalServerError, "mark all read: "+err.Error())
+		return
+	}
+	writeJSON(w, 0, map[string]any{"success": true})
+}
+
+type notification struct {
+	ID      string `json:"id"`
+	UserID  string `json:"user_id"`
+	Title   string `json:"title"`
+	Message string `json:"message"`
+	Link    string `json:"link"`
+	Read    bool   `json:"read"`
+}
+
+func (s *Server) handleListNotifications(w http.ResponseWriter, r *http.Request) {
+	userID := r.URL.Query().Get("user_id")
+	if userID == "" {
+		jsonError(w, http.StatusBadRequest, "user_id required")
+		return
+	}
+
+	if s.deps.NotificationStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "notification store not configured")
+		return
+	}
+
+	items, err := s.deps.NotificationStore.ListNotifications(r.Context(), userID, 50)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "list notifications: "+err.Error())
+		return
+	}
+
+	// Parse each item as notification
+	notifications := make([]notification, 0, len(items))
+	for _, item := range items {
+		b, _ := json.Marshal(item)
+		var n notification
+		json.Unmarshal(b, &n) //nolint:errcheck
+		notifications = append(notifications, n)
+	}
+
+	writeJSON(w, 0, map[string]any{"notifications": notifications})
+}
+
+func (s *Server) handleMarkNotificationRead(w http.ResponseWriter, r *http.Request) {
+	id := r.PathValue("id")
+	if id == "" {
+		jsonError(w, http.StatusBadRequest, "notification id required")
+		return
+	}
+
+	if s.deps.NotificationStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "notification store not configured")
+		return
+	}
+
+	if err := s.deps.NotificationStore.MarkNotificationRead(r.Context(), id); err != nil {
+		jsonError(w, http.StatusInternalServerError, "mark read: "+err.Error())
+		return
+	}
+
+	writeJSON(w, 0, map[string]any{"success": true})
+}
diff --git a/backend/internal/backend/handlers_podcast.go b/backend/internal/backend/handlers_podcast.go
new file mode 100644
index 0000000..51a3746
--- /dev/null
+++ b/backend/internal/backend/handlers_podcast.go
@@ -0,0 +1,524 @@
+package backend
+
+// handlers_podcast.go — Podcast RSS feed generation and serving.
+//
+// Public endpoints (no auth required, suitable for podcast clients):
+//
+//	GET /podcast/{slug}         — RSS 2.0 feed (slug may end in .xml)
+//	                               ?voice=<voice-id>  (optional; defaults to DefaultVoice)
+//	GET /podcast/audio/{slug}/{n}/{voice} — redirects to a presigned MinIO URL
+//
+// Admin endpoints (Bearer-token protected):
+//
+//	POST /api/admin/podcast          — start a podcast generation job
+//	GET  /api/admin/podcast/{slug}   — list podcast jobs for slug
+
+import (
+	"context"
+	"encoding/json"
+	"encoding/xml"
+	"fmt"
+	"net/http"
+	"strconv"
+	"strings"
+	"time"
+
+	"github.com/libnovel/backend/internal/cfai"
+	"github.com/libnovel/backend/internal/domain"
+	"github.com/libnovel/backend/internal/kokoro"
+	"github.com/libnovel/backend/internal/pockettts"
+)
+
+// ── RSS data structures ────────────────────────────────────────────────────────
+
+type podcastFeed struct {
+	XMLName  xml.Name       `xml:"rss"`
+	Version  string         `xml:"version,attr"`
+	ItunesNS string         `xml:"xmlns:itunes,attr"`
+	Channel  podcastChannel `xml:"channel"`
+}
+
+type podcastChannel struct {
+	Title       string         `xml:"title"`
+	Link        string         `xml:"link"`
+	Description string         `xml:"description"`
+	Language    string         `xml:"language"`
+	Author      string         `xml:"itunes:author"`
+	Image       *podcastImage  `xml:"image,omitempty"`
+	ItunesImg   *itunesCover   `xml:"itunes:image,omitempty"`
+	Items       []podcastItem  `xml:"item"`
+}
+
+type podcastImage struct {
+	URL string `xml:"url"`
+}
+
+type itunesCover struct {
+	Href string `xml:"href,attr"`
+}
+
+type podcastItem struct {
+	Title     string            `xml:"title"`
+	GUID      string            `xml:"guid"`
+	PubDate   string            `xml:"pubDate,omitempty"`
+	Enclosure *podcastEnclosure `xml:"enclosure,omitempty"`
+	Episode   int               `xml:"itunes:episode,omitempty"`
+}
+
+type podcastEnclosure struct {
+	URL    string `xml:"url,attr"`
+	Type   string `xml:"type,attr"`
+	Length string `xml:"length,attr"`
+}
+
+// ── Public: RSS feed ───────────────────────────────────────────────────────────
+
+// handlePodcastFeed handles GET /podcast/{slug}.
+// Slug may optionally end with ".xml" (podcast clients expect it).
+// Query param: voice (optional; defaults to DefaultVoice).
+func (s *Server) handlePodcastFeed(w http.ResponseWriter, r *http.Request) {
+	slug := strings.TrimSuffix(r.PathValue("slug"), ".xml")
+	if slug == "" {
+		http.NotFound(w, r)
+		return
+	}
+
+	voice := r.URL.Query().Get("voice")
+	if voice == "" {
+		voice = s.cfg.DefaultVoice
+	}
+
+	meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), slug)
+	if err != nil {
+		http.Error(w, "read metadata: "+err.Error(), http.StatusInternalServerError)
+		return
+	}
+	if !ok {
+		http.NotFound(w, r)
+		return
+	}
+
+	chapters, err := s.deps.BookReader.ListChapters(r.Context(), slug)
+	if err != nil {
+		http.Error(w, "list chapters: "+err.Error(), http.StatusInternalServerError)
+		return
+	}
+
+	// Determine base URL from request headers (Caddy sets X-Forwarded-Proto/Host).
+	scheme := "https"
+	if r.Header.Get("X-Forwarded-Proto") == "http" || (r.TLS == nil && r.Header.Get("X-Forwarded-Proto") == "") {
+		scheme = "http"
+	}
+	host := r.Host
+	if fh := r.Header.Get("X-Forwarded-Host"); fh != "" {
+		host = fh
+	}
+	baseURL := scheme + "://" + host
+
+	var items []podcastItem
+	for _, ch := range chapters {
+		audioKey := s.deps.AudioStore.AudioObjectKey(slug, ch.Number, voice)
+		size := s.deps.AudioStore.AudioObjectSize(r.Context(), audioKey)
+		if size < 0 {
+			continue // audio not generated yet
+		}
+		title := ch.Title
+		if title == "" {
+			title = fmt.Sprintf("Chapter %d", ch.Number)
+		}
+		audioURL := fmt.Sprintf("%s/podcast/audio/%s/%d/%s", baseURL, slug, ch.Number, voice)
+
+		// pubDate: use chapter creation date if available, else fallback to now.
+		pubDate := time.Now().Format(time.RFC1123Z)
+		if ch.Date != "" {
+			if t, err := time.Parse(time.RFC3339, ch.Date); err == nil {
+				pubDate = t.Format(time.RFC1123Z)
+			}
+		}
+
+		items = append(items, podcastItem{
+			Title:   title,
+			GUID:    fmt.Sprintf("%s/podcast/%s/%d/%s", baseURL, slug, ch.Number, voice),
+			PubDate: pubDate,
+			Enclosure: &podcastEnclosure{
+				URL:    audioURL,
+				Type:   "audio/mpeg",
+				Length: fmt.Sprintf("%d", size),
+			},
+			Episode: ch.Number,
+		})
+	}
+
+	desc := meta.Summary
+	if desc == "" {
+		desc = meta.Title
+	}
+
+	feed := podcastFeed{
+		Version:  "2.0",
+		ItunesNS: "http://www.itunes.com/dtds/podcast-1.0.dtd",
+		Channel: podcastChannel{
+			Title:       meta.Title,
+			Link:        fmt.Sprintf("%s/books/%s", baseURL, slug),
+			Description: desc,
+			Language:    "en",
+			Author:      meta.Author,
+			Items:       items,
+		},
+	}
+	if meta.Cover != "" {
+		feed.Channel.Image = &podcastImage{URL: meta.Cover}
+		feed.Channel.ItunesImg = &itunesCover{Href: meta.Cover}
+	}
+
+	w.Header().Set("Content-Type", "application/rss+xml; charset=utf-8")
+	_, _ = w.Write([]byte(xml.Header))
+	enc := xml.NewEncoder(w)
+	enc.Indent("", "  ")
+	if err := enc.Encode(feed); err != nil {
+		s.deps.Log.Error("podcast: encode RSS failed", "slug", slug, "err", err)
+	}
+}
+
+// handlePodcastAudio handles GET /podcast/audio/{slug}/{n}/{voice}.
+// Redirects to a 4-hour presigned MinIO URL. No auth required.
+func (s *Server) handlePodcastAudio(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	voice := r.PathValue("voice")
+	n, err := strconv.Atoi(r.PathValue("n"))
+	if err != nil || n < 1 {
+		http.NotFound(w, r)
+		return
+	}
+
+	audioKey := s.deps.AudioStore.AudioObjectKey(slug, n, voice)
+	if !s.deps.AudioStore.AudioExists(r.Context(), audioKey) {
+		http.NotFound(w, r)
+		return
+	}
+
+	url, err := s.deps.PresignStore.PresignAudio(r.Context(), audioKey, 4*time.Hour)
+	if err != nil {
+		s.deps.Log.Error("podcast: presign audio failed", "slug", slug, "n", n, "err", err)
+		http.Error(w, "presign failed", http.StatusInternalServerError)
+		return
+	}
+	http.Redirect(w, r, url, http.StatusFound)
+}
+
+// ── Admin: create podcast generation job ──────────────────────────────────────
+
+type podcastJobRequest struct {
+	Slug        string `json:"slug"`
+	Voice       string `json:"voice"`
+	FromChapter int    `json:"from_chapter"` // 0 = chapter 1
+	ToChapter   int    `json:"to_chapter"`   // 0 = all chapters
+}
+
+// handleAdminPodcast handles POST /api/admin/podcast.
+// Creates an ai_job of kind="podcast" and spawns a background goroutine that
+// generates TTS for any chapters that do not yet have audio.
+func (s *Server) handleAdminPodcast(w http.ResponseWriter, r *http.Request) {
+	if s.deps.AIJobStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "ai job store not configured")
+		return
+	}
+
+	var req podcastJobRequest
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if strings.TrimSpace(req.Slug) == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+	if strings.TrimSpace(req.Voice) == "" {
+		req.Voice = s.cfg.DefaultVoice
+	}
+
+	meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), req.Slug)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "read metadata: "+err.Error())
+		return
+	}
+	if !ok {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("book %q not found", req.Slug))
+		return
+	}
+
+	chapters, err := s.deps.BookReader.ListChapters(r.Context(), req.Slug)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "list chapters: "+err.Error())
+		return
+	}
+	if len(chapters) == 0 {
+		jsonError(w, http.StatusBadRequest, "book has no chapters")
+		return
+	}
+
+	from := req.FromChapter
+	if from <= 0 {
+		from = 1
+	}
+	to := req.ToChapter
+	if to <= 0 || to > chapters[len(chapters)-1].Number {
+		to = chapters[len(chapters)-1].Number
+	}
+	if from > to {
+		jsonError(w, http.StatusBadRequest, "from_chapter must be ≤ to_chapter")
+		return
+	}
+
+	paramsJSON, _ := json.Marshal(map[string]any{
+		"voice":        req.Voice,
+		"from_chapter": from,
+		"to_chapter":   to,
+	})
+
+	jobID, createErr := s.deps.AIJobStore.CreateAIJob(r.Context(), domain.AIJob{
+		Kind:       "podcast",
+		Slug:       req.Slug,
+		Status:     domain.TaskStatusPending,
+		Model:      req.Voice,
+		FromItem:   from,
+		ToItem:     to,
+		ItemsTotal: to - from + 1,
+		Payload:    string(paramsJSON),
+		Started:    time.Now(),
+	})
+	if createErr != nil {
+		jsonError(w, http.StatusInternalServerError, "create job: "+createErr.Error())
+		return
+	}
+
+	jobCtx, jobCancel := context.WithCancel(context.Background())
+	registerCancelJob(jobID, jobCancel)
+
+	_ = s.deps.AIJobStore.UpdateAIJob(r.Context(), jobID, map[string]any{
+		"status": string(domain.TaskStatusRunning),
+	})
+
+	s.deps.Log.Info("admin: podcast job started",
+		"job_id", jobID, "slug", req.Slug, "voice", req.Voice,
+		"from", from, "to", to)
+
+	// Capture dependencies for goroutine.
+	store := s.deps.AIJobStore
+	bookReader := s.deps.BookReader
+	audioStore := s.deps.AudioStore
+	kokoroClient := s.deps.Kokoro
+	pocketTTSClient := s.deps.PocketTTS
+	cfaiClient := s.deps.CFAI
+	logger := s.deps.Log
+	capturedMeta := meta
+	capturedChapters := chapters
+	capturedReq := req
+
+	go func() {
+		defer deregisterCancelJob(jobID)
+		defer jobCancel()
+
+		done := 0
+		var lastErr string
+
+		for _, ch := range capturedChapters {
+			if jobCtx.Err() != nil {
+				_ = store.UpdateAIJob(context.Background(), jobID, map[string]any{
+					"status":        string(domain.TaskStatusCancelled),
+					"items_done":    done,
+					"error_message": "cancelled",
+					"finished":      time.Now().Format(time.RFC3339),
+				})
+				return
+			}
+
+			if ch.Number < from || ch.Number > to {
+				continue
+			}
+
+			audioKey := audioStore.AudioObjectKey(capturedMeta.Slug, ch.Number, capturedReq.Voice)
+			if audioStore.AudioExists(jobCtx, audioKey) {
+				// Already generated — count it and move on.
+				done++
+				_ = store.UpdateAIJob(context.Background(), jobID, map[string]any{
+					"items_done": done,
+				})
+				continue
+			}
+
+			raw, readErr := bookReader.ReadChapter(jobCtx, capturedMeta.Slug, ch.Number)
+			if readErr != nil {
+				lastErr = fmt.Sprintf("ch.%d read: %v", ch.Number, readErr)
+				logger.Warn("podcast: read chapter failed",
+					"slug", capturedMeta.Slug, "chapter", ch.Number, "err", readErr)
+				continue
+			}
+			text := stripMarkdown(raw)
+			if text == "" {
+				continue
+			}
+
+			audioData, genErr := podcastGenerateAudio(jobCtx, text, capturedReq.Voice,
+				kokoroClient, pocketTTSClient, cfaiClient, logger)
+			if genErr != nil {
+				lastErr = fmt.Sprintf("ch.%d tts: %v", ch.Number, genErr)
+				logger.Warn("podcast: tts failed",
+					"slug", capturedMeta.Slug, "chapter", ch.Number,
+					"voice", capturedReq.Voice, "err", genErr)
+				continue
+			}
+
+			if putErr := audioStore.PutAudio(jobCtx, audioKey, audioData); putErr != nil {
+				lastErr = fmt.Sprintf("ch.%d put: %v", ch.Number, putErr)
+				logger.Warn("podcast: put audio failed",
+					"slug", capturedMeta.Slug, "chapter", ch.Number, "err", putErr)
+				continue
+			}
+
+			done++
+			_ = store.UpdateAIJob(context.Background(), jobID, map[string]any{
+				"items_done": done,
+			})
+			logger.Info("podcast: chapter audio ready",
+				"slug", capturedMeta.Slug, "chapter", ch.Number, "voice", capturedReq.Voice)
+		}
+
+		finalStatus := string(domain.TaskStatusDone)
+		if lastErr != "" && done == 0 {
+			finalStatus = string(domain.TaskStatusFailed)
+		}
+		_ = store.UpdateAIJob(context.Background(), jobID, map[string]any{
+			"status":        finalStatus,
+			"items_done":    done,
+			"error_message": lastErr,
+			"finished":      time.Now().Format(time.RFC3339),
+		})
+		logger.Info("podcast: job finished",
+			"slug", capturedMeta.Slug, "voice", capturedReq.Voice,
+			"done", done, "status", finalStatus)
+	}()
+
+	writeJSON(w, http.StatusAccepted, map[string]any{
+		"job_id":      jobID,
+		"slug":        req.Slug,
+		"voice":       req.Voice,
+		"from":        from,
+		"to":          to,
+		"items_total": to - from + 1,
+	})
+}
+
+// handleAdminPodcastStatus handles GET /api/admin/podcast/{slug}.
+// Returns all podcast ai_jobs for slug, newest first.
+func (s *Server) handleAdminPodcastStatus(w http.ResponseWriter, r *http.Request) {
+	if s.deps.AIJobStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "ai job store not configured")
+		return
+	}
+	slug := r.PathValue("slug")
+
+	all, err := s.deps.AIJobStore.ListAIJobs(r.Context())
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "list jobs: "+err.Error())
+		return
+	}
+
+	var jobs []domain.AIJob
+	for _, j := range all {
+		if j.Kind == "podcast" && j.Slug == slug {
+			jobs = append(jobs, j)
+		}
+	}
+	writeJSON(w, 0, map[string]any{"jobs": jobs})
+}
+
+// ── TTS helper ─────────────────────────────────────────────────────────────────
+
+// podcastGenerateAudio generates audio for a full chapter text using the
+// appropriate TTS engine for voice. For Kokoro it splits text into ~1 000-char
+// sentence-boundary chunks and concatenates the resulting MP3 frames, matching
+// the runner's behaviour (see runner.kokoroGenerateChunked).
+func podcastGenerateAudio(
+	ctx context.Context,
+	text, voice string,
+	kokoroClient kokoro.Client,
+	pocketTTSClient pockettts.Client,
+	cfaiClient cfai.Client,
+	logger interface{ Warn(string, ...any); Info(string, ...any) },
+) ([]byte, error) {
+	switch {
+	case pockettts.IsPocketTTSVoice(voice):
+		if pocketTTSClient == nil {
+			return nil, fmt.Errorf("pocket-tts client not configured")
+		}
+		return pocketTTSClient.GenerateAudio(ctx, text, voice)
+
+	case cfai.IsCFAIVoice(voice):
+		if cfaiClient == nil {
+			return nil, fmt.Errorf("cloudflare AI client not configured")
+		}
+		return cfaiClient.GenerateAudio(ctx, text, voice)
+
+	default: // Kokoro
+		if kokoroClient == nil {
+			return nil, fmt.Errorf("kokoro client not configured")
+		}
+		return podcastKokoroChunked(ctx, kokoroClient, text, voice, logger)
+	}
+}
+
+// podcastKokoroChunked mirrors runner.kokoroGenerateChunked: splits text into
+// ~1 000-character sentence-boundary chunks and concatenates raw MP3 bytes.
+func podcastKokoroChunked(
+	ctx context.Context,
+	k kokoro.Client,
+	text, voice string,
+	logger interface{ Warn(string, ...any); Info(string, ...any) },
+) ([]byte, error) {
+	const chunkSize = 1000
+	chunks := podcastChunkText(text, chunkSize)
+	logger.Info("podcast: kokoro chunked generation", "chunks", len(chunks), "total_chars", len(text))
+
+	var combined []byte
+	for i, chunk := range chunks {
+		data, err := k.GenerateAudio(ctx, chunk, voice)
+		if err != nil {
+			return nil, fmt.Errorf("chunk %d/%d: %w", i+1, len(chunks), err)
+		}
+		combined = append(combined, data...)
+	}
+	return combined, nil
+}
+
+// podcastChunkText mirrors runner.chunkText.
+func podcastChunkText(text string, maxChars int) []string {
+	if len(text) <= maxChars {
+		return []string{text}
+	}
+	delimiters := []string{".\n", "!\n", "?\n", ". ", "! ", "? ", "\n\n", "\n"}
+	var chunks []string
+	remaining := text
+	for len(remaining) > 0 {
+		if len(remaining) <= maxChars {
+			chunks = append(chunks, strings.TrimSpace(remaining))
+			break
+		}
+		window := remaining[:maxChars]
+		cutAt := -1
+		for _, d := range delimiters {
+			idx := strings.LastIndex(window, d)
+			if idx > 0 && idx+len(d) > cutAt {
+				cutAt = idx + len(d)
+			}
+		}
+		if cutAt <= 0 {
+			cutAt = maxChars
+		}
+		if chunk := strings.TrimSpace(remaining[:cutAt]); chunk != "" {
+			chunks = append(chunks, chunk)
+		}
+		remaining = strings.TrimSpace(remaining[cutAt:])
+	}
+	return chunks
+}
diff --git a/backend/internal/backend/handlers_push.go b/backend/internal/backend/handlers_push.go
new file mode 100644
index 0000000..7fe7324
--- /dev/null
+++ b/backend/internal/backend/handlers_push.go
@@ -0,0 +1,87 @@
+package backend
+
+import (
+	"encoding/json"
+	"net/http"
+	"os"
+
+	"github.com/libnovel/backend/internal/storage"
+)
+
+// handleGetVAPIDPublicKey handles GET /api/push-subscriptions/vapid-public-key.
+// Returns the VAPID public key so the SvelteKit frontend can subscribe browsers.
+func (s *Server) handleGetVAPIDPublicKey(w http.ResponseWriter, r *http.Request) {
+	key := os.Getenv("VAPID_PUBLIC_KEY")
+	if key == "" {
+		jsonError(w, http.StatusServiceUnavailable, "push notifications not configured")
+		return
+	}
+	writeJSON(w, 0, map[string]string{"public_key": key})
+}
+
+// handleSavePushSubscription handles POST /api/push-subscriptions.
+// Registers a new browser push subscription for the authenticated user.
+func (s *Server) handleSavePushSubscription(w http.ResponseWriter, r *http.Request) {
+	store, ok := s.deps.Producer.(*storage.Store)
+	if !ok {
+		jsonError(w, http.StatusInternalServerError, "storage not available")
+		return
+	}
+
+	var body struct {
+		UserID   string `json:"user_id"`
+		Endpoint string `json:"endpoint"`
+		P256DH   string `json:"p256dh"`
+		Auth     string `json:"auth"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&body); err != nil {
+		jsonError(w, http.StatusBadRequest, "invalid request body")
+		return
+	}
+	if body.UserID == "" || body.Endpoint == "" || body.P256DH == "" || body.Auth == "" {
+		jsonError(w, http.StatusBadRequest, "user_id, endpoint, p256dh and auth are required")
+		return
+	}
+
+	if err := store.SavePushSubscription(r.Context(), storage.PushSubscription{
+		UserID:   body.UserID,
+		Endpoint: body.Endpoint,
+		P256DH:   body.P256DH,
+		Auth:     body.Auth,
+	}); err != nil {
+		jsonError(w, http.StatusInternalServerError, "save push subscription: "+err.Error())
+		return
+	}
+
+	writeJSON(w, 0, map[string]any{"success": true})
+}
+
+// handleDeletePushSubscription handles DELETE /api/push-subscriptions.
+// Removes a push subscription by endpoint for the given user.
+func (s *Server) handleDeletePushSubscription(w http.ResponseWriter, r *http.Request) {
+	store, ok := s.deps.Producer.(*storage.Store)
+	if !ok {
+		jsonError(w, http.StatusInternalServerError, "storage not available")
+		return
+	}
+
+	var body struct {
+		UserID   string `json:"user_id"`
+		Endpoint string `json:"endpoint"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&body); err != nil {
+		jsonError(w, http.StatusBadRequest, "invalid request body")
+		return
+	}
+	if body.UserID == "" || body.Endpoint == "" {
+		jsonError(w, http.StatusBadRequest, "user_id and endpoint are required")
+		return
+	}
+
+	if err := store.DeletePushSubscription(r.Context(), body.UserID, body.Endpoint); err != nil {
+		jsonError(w, http.StatusInternalServerError, "delete push subscription: "+err.Error())
+		return
+	}
+
+	writeJSON(w, 0, map[string]any{"success": true})
+}
diff --git a/backend/internal/backend/handlers_split.go b/backend/internal/backend/handlers_split.go
new file mode 100644
index 0000000..2de2d26
--- /dev/null
+++ b/backend/internal/backend/handlers_split.go
@@ -0,0 +1,141 @@
+package backend
+
+import (
+	"encoding/json"
+	"fmt"
+	"net/http"
+	"strings"
+
+	"github.com/libnovel/backend/internal/bookstore"
+	"github.com/libnovel/backend/internal/domain"
+)
+
+// handleAdminSplitChapters handles POST /api/admin/books/{slug}/split-chapters.
+//
+// Request body (JSON):
+//
+//	{ "text": "<full text with --- dividers and optional ## Title lines>" }
+//
+// The text is split on lines containing only "---". Each segment may start with
+// a "## Title" line which becomes the chapter title; remaining lines are the
+// chapter content. Sequential chapter numbers 1..N are assigned.
+//
+// All existing chapters for the book are replaced: WriteChapter is called for
+// each new chapter (upsert by number), so chapters beyond N are not deleted —
+// use the dedup endpoint afterwards if needed.
+func (s *Server) handleAdminSplitChapters(w http.ResponseWriter, r *http.Request) {
+	if s.deps.BookWriter == nil {
+		jsonError(w, http.StatusServiceUnavailable, "book writer not configured")
+		return
+	}
+
+	slug := r.PathValue("slug")
+	if slug == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+
+	var req struct {
+		Text string `json:"text"`
+	}
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if strings.TrimSpace(req.Text) == "" {
+		jsonError(w, http.StatusBadRequest, "text is required")
+		return
+	}
+
+	chapters := splitChapterText(req.Text)
+	if len(chapters) == 0 {
+		jsonError(w, http.StatusUnprocessableEntity, "no chapters produced from text")
+		return
+	}
+
+	for _, ch := range chapters {
+		var mdContent string
+		if ch.Title != "" && ch.Title != fmt.Sprintf("Chapter %d", ch.Number) {
+			mdContent = fmt.Sprintf("# %s\n\n%s", ch.Title, ch.Content)
+		} else {
+			mdContent = fmt.Sprintf("# Chapter %d\n\n%s", ch.Number, ch.Content)
+		}
+		domainCh := domain.Chapter{
+			Ref:  domain.ChapterRef{Number: ch.Number, Title: ch.Title},
+			Text: mdContent,
+		}
+		if err := s.deps.BookWriter.WriteChapter(r.Context(), slug, domainCh); err != nil {
+			jsonError(w, http.StatusInternalServerError, fmt.Sprintf("write chapter %d: %s", ch.Number, err.Error()))
+			return
+		}
+	}
+
+	writeJSON(w, 0, map[string]any{
+		"chapters": len(chapters),
+		"slug":     slug,
+	})
+}
+
+// splitChapterText splits text on "---" divider lines into bookstore.Chapter
+// slices. Each segment may optionally start with a "## Title" header line.
+func splitChapterText(text string) []bookstore.Chapter {
+	lines := strings.Split(text, "\n")
+
+	// Collect raw segments split on "---" dividers.
+	var segments [][]string
+	cur := []string{}
+	for _, line := range lines {
+		if strings.TrimSpace(line) == "---" {
+			segments = append(segments, cur)
+			cur = []string{}
+		} else {
+			cur = append(cur, line)
+		}
+	}
+	segments = append(segments, cur) // last segment
+
+	var chapters []bookstore.Chapter
+	chNum := 0
+	for _, seg := range segments {
+		// Trim leading/trailing blank lines from the segment.
+		start, end := 0, len(seg)
+		for start < end && strings.TrimSpace(seg[start]) == "" {
+			start++
+		}
+		for end > start && strings.TrimSpace(seg[end-1]) == "" {
+			end--
+		}
+		seg = seg[start:end]
+		if len(seg) == 0 {
+			continue
+		}
+
+		// Check for a "## Title" header on the first line.
+		title := ""
+		contentStart := 0
+		if strings.HasPrefix(strings.TrimSpace(seg[0]), "## ") {
+			title = strings.TrimSpace(strings.TrimPrefix(strings.TrimSpace(seg[0]), "## "))
+			contentStart = 1
+			// Skip blank lines after the title.
+			for contentStart < len(seg) && strings.TrimSpace(seg[contentStart]) == "" {
+				contentStart++
+			}
+		}
+
+		content := strings.TrimSpace(strings.Join(seg[contentStart:], "\n"))
+		if content == "" {
+			continue
+		}
+
+		chNum++
+		if title == "" {
+			title = fmt.Sprintf("Chapter %d", chNum)
+		}
+		chapters = append(chapters, bookstore.Chapter{
+			Number:  chNum,
+			Title:   title,
+			Content: content,
+		})
+	}
+	return chapters
+}
diff --git a/backend/internal/backend/handlers_submit.go b/backend/internal/backend/handlers_submit.go
new file mode 100644
index 0000000..69f6ca2
--- /dev/null
+++ b/backend/internal/backend/handlers_submit.go
@@ -0,0 +1,161 @@
+package backend
+
+import (
+	"encoding/json"
+	"errors"
+	"net/http"
+	"regexp"
+	"strings"
+	"unicode"
+
+	"github.com/libnovel/backend/internal/domain"
+	"github.com/libnovel/backend/internal/storage"
+)
+
+// handleAdminPublishBook handles PATCH /api/admin/books/{slug}/publish.
+// Sets visibility=public so the book is visible to all users.
+func (s *Server) handleAdminPublishBook(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	if slug == "" {
+		jsonError(w, http.StatusBadRequest, "missing slug")
+		return
+	}
+	if s.deps.BookAdminStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "book admin store not configured")
+		return
+	}
+	if err := s.deps.BookAdminStore.PublishBook(r.Context(), slug); err != nil {
+		if errors.Is(err, storage.ErrNotFound) {
+			jsonError(w, http.StatusNotFound, "book not found")
+			return
+		}
+		s.deps.Log.Error("publish book failed", "slug", slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, err.Error())
+		return
+	}
+	// Sync the visibility change to Meilisearch immediately.
+	if meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), slug); err == nil && ok {
+		if upsertErr := s.deps.SearchIndex.UpsertBook(r.Context(), meta); upsertErr != nil {
+			s.deps.Log.Warn("publish book: meili upsert failed", "slug", slug, "err", upsertErr)
+		}
+	}
+	s.deps.Log.Info("book published", "slug", slug)
+	writeJSON(w, http.StatusOK, map[string]string{"slug": slug, "visibility": domain.VisibilityPublic})
+}
+
+// handleAdminUnpublishBook handles PATCH /api/admin/books/{slug}/unpublish.
+// Sets visibility=admin_only, hiding the book from regular users.
+func (s *Server) handleAdminUnpublishBook(w http.ResponseWriter, r *http.Request) {
+	slug := r.PathValue("slug")
+	if slug == "" {
+		jsonError(w, http.StatusBadRequest, "missing slug")
+		return
+	}
+	if s.deps.BookAdminStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "book admin store not configured")
+		return
+	}
+	if err := s.deps.BookAdminStore.UnpublishBook(r.Context(), slug); err != nil {
+		if errors.Is(err, storage.ErrNotFound) {
+			jsonError(w, http.StatusNotFound, "book not found")
+			return
+		}
+		s.deps.Log.Error("unpublish book failed", "slug", slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, err.Error())
+		return
+	}
+	// Sync to Meilisearch.
+	if meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), slug); err == nil && ok {
+		if upsertErr := s.deps.SearchIndex.UpsertBook(r.Context(), meta); upsertErr != nil {
+			s.deps.Log.Warn("unpublish book: meili upsert failed", "slug", slug, "err", upsertErr)
+		}
+	}
+	s.deps.Log.Info("book unpublished", "slug", slug)
+	writeJSON(w, http.StatusOK, map[string]string{"slug": slug, "visibility": domain.VisibilityAdminOnly})
+}
+
+// handleAdminSubmitBook handles POST /api/admin/books/submit.
+// Creates a new author-submitted book with visibility=public.
+// The book starts with zero chapters; chapters are added via the import pipeline.
+func (s *Server) handleAdminSubmitBook(w http.ResponseWriter, r *http.Request) {
+	var req struct {
+		Title       string   `json:"title"`
+		Author      string   `json:"author"`
+		Cover       string   `json:"cover"`
+		Summary     string   `json:"summary"`
+		Genres      []string `json:"genres"`
+		Status      string   `json:"status"`
+		SubmittedBy string   `json:"submitted_by"` // app_users ID of submitting author
+	}
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "invalid request body")
+		return
+	}
+	req.Title = strings.TrimSpace(req.Title)
+	if req.Title == "" {
+		jsonError(w, http.StatusBadRequest, "title is required")
+		return
+	}
+	if req.Status == "" {
+		req.Status = "ongoing"
+	}
+
+	slug := slugifyTitle(req.Title)
+	if slug == "" {
+		jsonError(w, http.StatusBadRequest, "could not derive a slug from title")
+		return
+	}
+
+	if s.deps.BookAdminStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "book admin store not configured")
+		return
+	}
+
+	meta := domain.BookMeta{
+		Slug:        slug,
+		Title:       req.Title,
+		Author:      req.Author,
+		Cover:       req.Cover,
+		Summary:     req.Summary,
+		Genres:      req.Genres,
+		Status:      req.Status,
+		Visibility:  domain.VisibilityPublic,
+		SubmittedBy: req.SubmittedBy,
+	}
+	if err := s.deps.BookAdminStore.CreateSubmittedBook(r.Context(), meta); err != nil {
+		s.deps.Log.Error("submit book: create failed", "slug", slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, "failed to create book")
+		return
+	}
+
+	// Index in Meilisearch immediately so it appears in search/catalogue.
+	if upsertErr := s.deps.SearchIndex.UpsertBook(r.Context(), meta); upsertErr != nil {
+		s.deps.Log.Warn("submit book: meili upsert failed", "slug", slug, "err", upsertErr)
+	}
+
+	s.deps.Log.Info("book submitted", "slug", slug, "title", req.Title, "by", req.SubmittedBy)
+	writeJSON(w, http.StatusCreated, map[string]string{"slug": slug})
+}
+
+// slugifyTitle converts a book title into a URL-safe slug.
+// e.g. "The Wandering Sword" → "the-wandering-sword"
+var nonAlnum = regexp.MustCompile(`[^a-z0-9]+`)
+
+func slugifyTitle(title string) string {
+	// Fold to lower-case ASCII, replace non-alphanum runs with hyphens.
+	var b strings.Builder
+	for _, r := range strings.ToLower(title) {
+		if r <= unicode.MaxASCII && (unicode.IsLetter(r) || unicode.IsDigit(r)) {
+			b.WriteRune(r)
+		} else {
+			b.WriteRune('-')
+		}
+	}
+	slug := nonAlnum.ReplaceAllString(b.String(), "-")
+	slug = strings.Trim(slug, "-")
+	if len(slug) > 80 {
+		slug = slug[:80]
+		slug = strings.TrimRight(slug, "-")
+	}
+	return slug
+}
diff --git a/backend/internal/backend/handlers_textgen.go b/backend/internal/backend/handlers_textgen.go
new file mode 100644
index 0000000..f5f2be4
--- /dev/null
+++ b/backend/internal/backend/handlers_textgen.go
@@ -0,0 +1,991 @@
+package backend
+
+import (
+	"context"
+	"encoding/json"
+	"fmt"
+	"net/http"
+	"strings"
+	"time"
+
+	"github.com/libnovel/backend/internal/cfai"
+	"github.com/libnovel/backend/internal/domain"
+)
+
+// chapterNamesBatchSize is the number of chapters sent per LLM request.
+// Keeps output well within the 4096-token response limit (~30 tokens/title).
+const chapterNamesBatchSize = 100
+
+// handleAdminTextGenModels handles GET /api/admin/text-gen/models.
+// Returns the list of supported Cloudflare AI text generation models.
+func (s *Server) handleAdminTextGenModels(w http.ResponseWriter, r *http.Request) {
+	if s.deps.TextGen == nil {
+		jsonError(w, http.StatusServiceUnavailable, "text generation not configured (CFAI_ACCOUNT_ID/CFAI_API_TOKEN missing)")
+		return
+	}
+	models := s.deps.TextGen.Models()
+	writeJSON(w, 0, map[string]any{"models": models})
+}
+
+// ── Chapter names ─────────────────────────────────────────────────────────────
+
+// textGenChapterNamesRequest is the JSON body for POST /api/admin/text-gen/chapter-names.
+type textGenChapterNamesRequest struct {
+	// Slug is the book slug whose chapters to process.
+	Slug string `json:"slug"`
+	// Pattern is a free-text description of the desired naming convention,
+	// e.g. "Chapter {n}: {brief scene description}".
+	Pattern string `json:"pattern"`
+	// Model is the CF Workers AI model ID. Defaults to the recommended model when empty.
+	Model string `json:"model"`
+	// MaxTokens limits response length (0 = model default).
+	MaxTokens int `json:"max_tokens"`
+	// FromChapter is the first chapter to process (1-based). 0 = start from chapter 1.
+	FromChapter int `json:"from_chapter"`
+	// ToChapter is the last chapter to process (inclusive). 0 = process all.
+	ToChapter int `json:"to_chapter"`
+	// JobID is an optional existing ai_job ID for resuming a previous run.
+	// If set, the handler resumes from items_done instead of starting from scratch.
+	JobID string `json:"job_id"`
+}
+
+// proposedChapterTitle is a single chapter with its AI-proposed title.
+type proposedChapterTitle struct {
+	Number int `json:"number"`
+	// OldTitle is the current title stored in the database.
+	OldTitle string `json:"old_title"`
+	// NewTitle is the AI-proposed replacement.
+	NewTitle string `json:"new_title"`
+}
+
+// chapterNamesBatchEvent is one SSE event emitted per processed batch.
+type chapterNamesBatchEvent struct {
+	// JobID is the PB ai_job ID for this run (emitted on the first event only).
+	JobID string `json:"job_id,omitempty"`
+	// Batch is the 1-based batch index.
+	Batch int `json:"batch"`
+	// TotalBatches is the total number of batches.
+	TotalBatches int `json:"total_batches"`
+	// ChaptersDone is the cumulative count of chapters processed so far.
+	ChaptersDone int `json:"chapters_done"`
+	// TotalChapters is the total chapter count for this book.
+	TotalChapters int `json:"total_chapters"`
+	// Model is the CF AI model used.
+	Model string `json:"model"`
+	// Chapters contains the proposed titles for this batch.
+	Chapters []proposedChapterTitle `json:"chapters"`
+	// Error is non-empty if this batch failed.
+	Error string `json:"error,omitempty"`
+	// Done is true on the final sentinel event (no Chapters).
+	Done bool `json:"done,omitempty"`
+}
+
+// handleAdminTextGenChapterNames handles POST /api/admin/text-gen/chapter-names.
+//
+// Splits all chapters into batches of chapterNamesBatchSize, sends each batch
+// to the LLM sequentially, and streams results back as Server-Sent Events so
+// the frontend can show live progress. Each SSE data line is a JSON-encoded
+// chapterNamesBatchEvent. The final event has Done=true.
+//
+// Does NOT persist anything — the frontend shows a diff and the user must
+// confirm via POST /api/admin/text-gen/chapter-names/apply.
+func (s *Server) handleAdminTextGenChapterNames(w http.ResponseWriter, r *http.Request) {
+	if s.deps.TextGen == nil {
+		jsonError(w, http.StatusServiceUnavailable, "text generation not configured (CFAI_ACCOUNT_ID/CFAI_API_TOKEN missing)")
+		return
+	}
+
+	var req textGenChapterNamesRequest
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if strings.TrimSpace(req.Slug) == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+	if strings.TrimSpace(req.Pattern) == "" {
+		jsonError(w, http.StatusBadRequest, "pattern is required")
+		return
+	}
+
+	// Load existing chapter list.
+	allChapters, err := s.deps.BookReader.ListChapters(r.Context(), req.Slug)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "list chapters: "+err.Error())
+		return
+	}
+	if len(allChapters) == 0 {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("no chapters found for slug %q", req.Slug))
+		return
+	}
+
+	// Apply chapter range filter.
+	chapters := allChapters
+	if req.FromChapter > 0 || req.ToChapter > 0 {
+		filtered := chapters[:0]
+		for _, ch := range allChapters {
+			if req.FromChapter > 0 && ch.Number < req.FromChapter {
+				continue
+			}
+			if req.ToChapter > 0 && ch.Number > req.ToChapter {
+				break
+			}
+			filtered = append(filtered, ch)
+		}
+		chapters = filtered
+	}
+	if len(chapters) == 0 {
+		jsonError(w, http.StatusBadRequest, "no chapters in the specified range")
+		return
+	}
+
+	model := cfai.TextModel(req.Model)
+	if model == "" {
+		model = cfai.DefaultTextModel
+	}
+	// 4096 tokens comfortably fits 100 chapter titles (~30 tokens each).
+	maxTokens := req.MaxTokens
+	if maxTokens <= 0 {
+		maxTokens = 4096
+	}
+
+	// Index existing titles for old/new diff.
+	existing := make(map[int]string, len(chapters))
+	for _, ch := range chapters {
+		existing[ch.Number] = ch.Title
+	}
+
+	// Partition chapters into batches.
+	batches := chunkChapters(chapters, chapterNamesBatchSize)
+	totalBatches := len(batches)
+
+	s.deps.Log.Info("admin: text-gen chapter-names requested",
+		"slug", req.Slug, "chapters", len(chapters),
+		"batches", totalBatches, "model", model, "max_tokens", maxTokens)
+
+	systemPrompt := `You are a chapter title editor for a web novel platform. ` +
+		`The user provides a list of chapter numbers with their current titles, ` +
+		`and a naming pattern template. ` +
+		`Your job: produce one new title for every chapter, following the pattern exactly. ` +
+		`Pattern placeholders: {n} = the chapter number (integer), {scene} = a very short (2–5 word) scene hint derived from the existing title. ` +
+		`RULES: ` +
+		`1. Do NOT include the chapter number inside the title text — the {n} placeholder is already in the pattern. ` +
+		`2. Do NOT include any prefix like "Chapter X -" or "Chapter X:" inside the title field itself. ` +
+		`3. The "title" field in your JSON must be the fully-rendered string (e.g. if pattern is "Chapter {n}: {scene}", output "Chapter 3: The Bet"). ` +
+		`4. Respond ONLY with a raw JSON array — no prose, no markdown fences, no explanation. ` +
+		`5. Each element: {"number": <int>, "title": <string>}. ` +
+		`6. Output every chapter in the input list, in order. Do not skip any.`
+
+	// Switch to SSE before writing anything.
+	w.Header().Set("Content-Type", "text/event-stream")
+	w.Header().Set("Cache-Control", "no-cache")
+	w.Header().Set("X-Accel-Buffering", "no") // disable nginx/caddy buffering
+	flusher, canFlush := w.(http.Flusher)
+
+	sseWrite := func(evt chapterNamesBatchEvent) {
+		b, _ := json.Marshal(evt)
+		fmt.Fprintf(w, "data: %s\n\n", b)
+		if canFlush {
+			flusher.Flush()
+		}
+	}
+
+	// Create or resume an ai_job record for tracking.
+	var jobID string
+	resumeFrom := 0
+	jobCtx := r.Context()
+	var jobCancel context.CancelFunc
+
+	if s.deps.AIJobStore != nil {
+		if req.JobID != "" {
+			if existingJob, ok, _ := s.deps.AIJobStore.GetAIJob(r.Context(), req.JobID); ok {
+				jobID = req.JobID
+				resumeFrom = existingJob.ItemsDone
+				_ = s.deps.AIJobStore.UpdateAIJob(r.Context(), jobID, map[string]any{
+					"status":      string(domain.TaskStatusRunning),
+					"items_total": len(chapters),
+				})
+			}
+		}
+		if jobID == "" {
+			jobPayload := fmt.Sprintf(`{"pattern":%q}`, req.Pattern)
+			id, createErr := s.deps.AIJobStore.CreateAIJob(r.Context(), domain.AIJob{
+				Kind:       "chapter-names",
+				Slug:       req.Slug,
+				Status:     domain.TaskStatusRunning,
+				FromItem:   req.FromChapter,
+				ToItem:     req.ToChapter,
+				ItemsTotal: len(chapters),
+				Model:      string(model),
+				Payload:    jobPayload,
+				Started:    time.Now(),
+			})
+			if createErr == nil {
+				jobID = id
+			}
+		}
+		if jobID != "" {
+			jobCtx, jobCancel = context.WithCancel(r.Context())
+			registerCancelJob(jobID, jobCancel)
+			defer deregisterCancelJob(jobID)
+			defer jobCancel()
+		}
+	}
+
+	var allResults []proposedChapterTitle
+	chaptersDone := resumeFrom
+	firstEvent := true
+	for i, batch := range batches {
+		if jobCtx.Err() != nil {
+			return // client disconnected or cancelled
+		}
+		// Skip batches already processed in a previous run.
+		batchEnd := (i + 1) * chapterNamesBatchSize
+		if batchEnd <= resumeFrom {
+			continue
+		}
+
+		var chapterListSB strings.Builder
+		for _, ch := range batch {
+			chapterListSB.WriteString(fmt.Sprintf("%d: %s\n", ch.Number, ch.Title))
+		}
+		userPrompt := fmt.Sprintf("Naming pattern: %s\n\nChapters:\n%s", req.Pattern, chapterListSB.String())
+
+		raw, genErr := s.deps.TextGen.Generate(jobCtx, cfai.TextRequest{
+			Model: model,
+			Messages: []cfai.TextMessage{
+				{Role: "system", Content: systemPrompt},
+				{Role: "user", Content: userPrompt},
+			},
+			MaxTokens: maxTokens,
+		})
+		if genErr != nil {
+			s.deps.Log.Error("admin: text-gen chapter-names batch failed",
+				"batch", i+1, "err", genErr)
+			evt := chapterNamesBatchEvent{
+				Batch:         i + 1,
+				TotalBatches:  totalBatches,
+				ChaptersDone:  chaptersDone,
+				TotalChapters: len(chapters),
+				Model:         string(model),
+				Error:         genErr.Error(),
+			}
+			if firstEvent {
+				evt.JobID = jobID
+				firstEvent = false
+			}
+			sseWrite(evt)
+			continue
+		}
+
+		proposed := parseChapterTitlesJSON(raw)
+		result := make([]proposedChapterTitle, 0, len(proposed))
+		for _, p := range proposed {
+			result = append(result, proposedChapterTitle{
+				Number:   p.Number,
+				OldTitle: existing[p.Number],
+				NewTitle: p.Title,
+			})
+		}
+		allResults = append(allResults, result...)
+		chaptersDone += len(batch)
+
+		if jobID != "" && s.deps.AIJobStore != nil {
+			_ = s.deps.AIJobStore.UpdateAIJob(r.Context(), jobID, map[string]any{
+				"items_done": chaptersDone,
+			})
+		}
+
+		evt := chapterNamesBatchEvent{
+			Batch:         i + 1,
+			TotalBatches:  totalBatches,
+			ChaptersDone:  chaptersDone,
+			TotalChapters: len(chapters),
+			Model:         string(model),
+			Chapters:      result,
+		}
+		if firstEvent {
+			evt.JobID = jobID
+			firstEvent = false
+		}
+		sseWrite(evt)
+	}
+
+	// Mark job as done in PB, persisting results so the Review button works.
+	// Use context.Background() — r.Context() may be cancelled if the SSE client
+	// disconnected before processing finished, which would silently drop results.
+	if jobID != "" && s.deps.AIJobStore != nil {
+		status := domain.TaskStatusDone
+		if jobCtx.Err() != nil {
+			status = domain.TaskStatusCancelled
+		}
+		resultsJSON, _ := json.Marshal(allResults)
+		finalPayload := fmt.Sprintf(`{"pattern":%q,"slug":%q,"results":%s}`,
+			req.Pattern, req.Slug, string(resultsJSON))
+		_ = s.deps.AIJobStore.UpdateAIJob(context.Background(), jobID, map[string]any{
+			"status":     string(status),
+			"items_done": chaptersDone,
+			"finished":   time.Now().Format(time.RFC3339),
+			"payload":    finalPayload,
+		})
+	}
+
+	// Final sentinel event.
+	sseWrite(chapterNamesBatchEvent{Done: true, TotalChapters: len(chapters), Model: string(model)})
+}
+
+// chunkChapters splits a chapter slice into batches of at most size n.
+func chunkChapters(chapters []domain.ChapterInfo, n int) [][]domain.ChapterInfo {
+	var batches [][]domain.ChapterInfo
+	for len(chapters) > 0 {
+		end := n
+		if end > len(chapters) {
+			end = len(chapters)
+		}
+		batches = append(batches, chapters[:end])
+		chapters = chapters[end:]
+	}
+	return batches
+}
+
+// parseChapterTitlesJSON extracts the JSON array from a model response.
+// It tolerates markdown fences and surrounding prose.
+type rawChapterTitle struct {
+	Number int    `json:"number"`
+	Title  string `json:"title"`
+}
+
+func parseChapterTitlesJSON(raw string) []rawChapterTitle {
+	// Strip markdown fences if present.
+	s := raw
+	if idx := strings.Index(s, "```json"); idx >= 0 {
+		s = s[idx+7:]
+	} else if idx := strings.Index(s, "```"); idx >= 0 {
+		s = s[idx+3:]
+	}
+	if idx := strings.LastIndex(s, "```"); idx >= 0 {
+		s = s[:idx]
+	}
+	// Find the JSON array boundaries.
+	start := strings.Index(s, "[")
+	end := strings.LastIndex(s, "]")
+	if start < 0 || end <= start {
+		return nil
+	}
+	s = s[start : end+1]
+	var out []rawChapterTitle
+	json.Unmarshal([]byte(s), &out) //nolint:errcheck
+	return out
+}
+
+// handleAdminTextGenChapterNamesAsync handles POST /api/admin/text-gen/chapter-names/async.
+//
+// Fire-and-forget variant: validates inputs, creates an ai_job record, spawns a
+// background goroutine, and returns HTTP 202 with {job_id} immediately. The
+// goroutine runs all batches, stores the proposed titles in the job payload, and
+// marks the job done/failed/cancelled when finished.
+//
+// The client can poll GET /api/admin/ai-jobs/{id} for progress, then call
+// POST /api/admin/text-gen/chapter-names/apply once the job is "done".
+func (s *Server) handleAdminTextGenChapterNamesAsync(w http.ResponseWriter, r *http.Request) {
+	if s.deps.TextGen == nil {
+		jsonError(w, http.StatusServiceUnavailable, "text generation not configured (CFAI_ACCOUNT_ID/CFAI_API_TOKEN missing)")
+		return
+	}
+
+	var req textGenChapterNamesRequest
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if strings.TrimSpace(req.Slug) == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+	if strings.TrimSpace(req.Pattern) == "" {
+		jsonError(w, http.StatusBadRequest, "pattern is required")
+		return
+	}
+
+	// Load existing chapter list (use request context — just for validation).
+	allChapters, err := s.deps.BookReader.ListChapters(r.Context(), req.Slug)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "list chapters: "+err.Error())
+		return
+	}
+	if len(allChapters) == 0 {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("no chapters found for slug %q", req.Slug))
+		return
+	}
+
+	// Apply chapter range filter.
+	chapters := allChapters
+	if req.FromChapter > 0 || req.ToChapter > 0 {
+		filtered := chapters[:0]
+		for _, ch := range allChapters {
+			if req.FromChapter > 0 && ch.Number < req.FromChapter {
+				continue
+			}
+			if req.ToChapter > 0 && ch.Number > req.ToChapter {
+				break
+			}
+			filtered = append(filtered, ch)
+		}
+		chapters = filtered
+	}
+	if len(chapters) == 0 {
+		jsonError(w, http.StatusBadRequest, "no chapters in the specified range")
+		return
+	}
+
+	model := cfai.TextModel(req.Model)
+	if model == "" {
+		model = cfai.DefaultTextModel
+	}
+	maxTokens := req.MaxTokens
+	if maxTokens <= 0 {
+		maxTokens = 4096
+	}
+
+	// Index existing titles for old/new diff.
+	existing := make(map[int]string, len(chapters))
+	for _, ch := range chapters {
+		existing[ch.Number] = ch.Title
+	}
+
+	batches := chunkChapters(chapters, chapterNamesBatchSize)
+	totalBatches := len(batches)
+
+	if s.deps.AIJobStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "ai job store not configured")
+		return
+	}
+
+	jobPayload := fmt.Sprintf(`{"pattern":%q}`, req.Pattern)
+	jobID, createErr := s.deps.AIJobStore.CreateAIJob(r.Context(), domain.AIJob{
+		Kind:       "chapter-names",
+		Slug:       req.Slug,
+		Status:     domain.TaskStatusPending,
+		FromItem:   req.FromChapter,
+		ToItem:     req.ToChapter,
+		ItemsTotal: len(chapters),
+		Model:      string(model),
+		Payload:    jobPayload,
+		Started:    time.Now(),
+	})
+	if createErr != nil {
+		jsonError(w, http.StatusInternalServerError, "create ai job: "+createErr.Error())
+		return
+	}
+
+	jobCtx, jobCancel := context.WithCancel(context.Background())
+	registerCancelJob(jobID, jobCancel)
+
+	s.deps.Log.Info("admin: text-gen chapter-names async started",
+		"job_id", jobID, "slug", req.Slug,
+		"chapters", len(chapters), "batches", totalBatches, "model", model)
+
+	// Mark running before returning so the UI sees it immediately.
+	_ = s.deps.AIJobStore.UpdateAIJob(r.Context(), jobID, map[string]any{
+		"status": string(domain.TaskStatusRunning),
+	})
+
+	systemPrompt := `You are a chapter title editor for a web novel platform. ` +
+		`The user provides a list of chapter numbers with their current titles, ` +
+		`and a naming pattern template. ` +
+		`Your job: produce one new title for every chapter, following the pattern exactly. ` +
+		`Pattern placeholders: {n} = the chapter number (integer), {scene} = a very short (2–5 word) scene hint derived from the existing title. ` +
+		`RULES: ` +
+		`1. Do NOT include the chapter number inside the title text — the {n} placeholder is already in the pattern. ` +
+		`2. Do NOT include any prefix like "Chapter X -" or "Chapter X:" inside the title field itself. ` +
+		`3. The "title" field in your JSON must be the fully-rendered string (e.g. if pattern is "Chapter {n}: {scene}", output "Chapter 3: The Bet"). ` +
+		`4. Respond ONLY with a raw JSON array — no prose, no markdown fences, no explanation. ` +
+		`5. Each element: {"number": <int>, "title": <string>}. ` +
+		`6. Output every chapter in the input list, in order. Do not skip any.`
+
+	// Capture all locals needed in the goroutine.
+	store := s.deps.AIJobStore
+	textGen := s.deps.TextGen
+	logger := s.deps.Log
+	capturedModel := model
+	capturedMaxTokens := maxTokens
+	capturedPattern := req.Pattern
+	capturedSlug := req.Slug
+
+	go func() {
+		defer deregisterCancelJob(jobID)
+		defer jobCancel()
+		defer func() {
+			if r := recover(); r != nil {
+				logger.Error("admin: text-gen chapter-names goroutine panic", "job_id", jobID, "recover", r)
+			}
+		}()
+
+		var allResults []proposedChapterTitle
+		chaptersDone := 0
+
+		for i, batch := range batches {
+			if jobCtx.Err() != nil {
+				_ = store.UpdateAIJob(context.Background(), jobID, map[string]any{
+					"status":   string(domain.TaskStatusCancelled),
+					"finished": time.Now().Format(time.RFC3339),
+				})
+				return
+			}
+
+			var chapterListSB strings.Builder
+			for _, ch := range batch {
+				chapterListSB.WriteString(fmt.Sprintf("%d: %s\n", ch.Number, ch.Title))
+			}
+			userPrompt := fmt.Sprintf("Naming pattern: %s\n\nChapters:\n%s", capturedPattern, chapterListSB.String())
+
+			raw, genErr := textGen.Generate(jobCtx, cfai.TextRequest{
+				Model: capturedModel,
+				Messages: []cfai.TextMessage{
+					{Role: "system", Content: systemPrompt},
+					{Role: "user", Content: userPrompt},
+				},
+				MaxTokens: capturedMaxTokens,
+			})
+			if genErr != nil {
+				logger.Error("admin: text-gen chapter-names async batch failed",
+					"job_id", jobID, "batch", i+1, "err", genErr)
+				// Continue — skip errored batch rather than aborting.
+				continue
+			}
+
+			proposed := parseChapterTitlesJSON(raw)
+			for _, p := range proposed {
+				allResults = append(allResults, proposedChapterTitle{
+					Number:   p.Number,
+					OldTitle: existing[p.Number],
+					NewTitle: p.Title,
+				})
+			}
+			chaptersDone += len(batch)
+
+			_ = store.UpdateAIJob(context.Background(), jobID, map[string]any{
+				"items_done": chaptersDone,
+			})
+		}
+
+		// Persist results into payload so the UI can load them for review.
+		resultsJSON, _ := json.Marshal(allResults)
+		finalPayload := fmt.Sprintf(`{"pattern":%q,"slug":%q,"results":%s}`,
+			capturedPattern, capturedSlug, string(resultsJSON))
+
+		status := domain.TaskStatusDone
+		if jobCtx.Err() != nil {
+			status = domain.TaskStatusCancelled
+		}
+		if err := store.UpdateAIJob(context.Background(), jobID, map[string]any{
+			"status":     string(status),
+			"items_done": chaptersDone,
+			"finished":   time.Now().Format(time.RFC3339),
+		}); err != nil {
+			logger.Error("admin: text-gen chapter-names failed to mark job done", "job_id", jobID, "err", err)
+		}
+		if err := store.UpdateAIJob(context.Background(), jobID, map[string]any{
+			"payload": finalPayload,
+		}); err != nil {
+			logger.Error("admin: text-gen chapter-names failed to write job payload", "job_id", jobID, "err", err)
+		}
+		logger.Info("admin: text-gen chapter-names async done",
+			"job_id", jobID, "slug", capturedSlug,
+			"results", len(allResults), "status", string(status))
+	}()
+
+	writeJSON(w, http.StatusAccepted, map[string]any{"job_id": jobID})
+}
+
+// ── Apply chapter names ───────────────────────────────────────────────────────
+
+// applyChapterNamesRequest is the JSON body for POST /api/admin/text-gen/chapter-names/apply.
+type applyChapterNamesRequest struct {
+	// Slug is the book slug to update.
+	Slug string `json:"slug"`
+	// Chapters is the list of chapters to save (number + new_title pairs).
+	// The UI may modify individual titles before confirming.
+	Chapters []applyChapterEntry `json:"chapters"`
+}
+
+type applyChapterEntry struct {
+	Number int    `json:"number"`
+	Title  string `json:"title"`
+}
+
+// handleAdminTextGenApplyChapterNames handles POST /api/admin/text-gen/chapter-names/apply.
+//
+// Persists the confirmed chapter titles to PocketBase chapters_idx.
+func (s *Server) handleAdminTextGenApplyChapterNames(w http.ResponseWriter, r *http.Request) {
+	if s.deps.BookWriter == nil {
+		jsonError(w, http.StatusServiceUnavailable, "book writer not configured")
+		return
+	}
+
+	var req applyChapterNamesRequest
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if strings.TrimSpace(req.Slug) == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+	if len(req.Chapters) == 0 {
+		jsonError(w, http.StatusBadRequest, "chapters is required")
+		return
+	}
+
+	refs := make([]domain.ChapterRef, 0, len(req.Chapters))
+	for _, ch := range req.Chapters {
+		if ch.Number <= 0 {
+			continue
+		}
+		refs = append(refs, domain.ChapterRef{
+			Number: ch.Number,
+			Title:  strings.TrimSpace(ch.Title),
+		})
+	}
+
+	if err := s.deps.BookWriter.WriteChapterRefs(r.Context(), req.Slug, refs); err != nil {
+		s.deps.Log.Error("admin: apply chapter names failed", "slug", req.Slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, "write chapter refs: "+err.Error())
+		return
+	}
+
+	s.deps.Log.Info("admin: chapter names applied", "slug", req.Slug, "count", len(refs))
+	writeJSON(w, 0, map[string]any{"updated": len(refs)})
+}
+
+// ── Book description ──────────────────────────────────────────────────────────
+
+// textGenDescriptionRequest is the JSON body for POST /api/admin/text-gen/description.
+type textGenDescriptionRequest struct {
+	// Slug is the book slug whose description to regenerate.
+	Slug string `json:"slug"`
+	// Instructions is an optional free-text hint for the AI,
+	// e.g. "Write a 3-sentence blurb, avoid spoilers, dramatic tone."
+	Instructions string `json:"instructions"`
+	// Model is the CF Workers AI model ID. Defaults to recommended when empty.
+	Model string `json:"model"`
+	// MaxTokens limits response length (0 = model default).
+	MaxTokens int `json:"max_tokens"`
+}
+
+// textGenDescriptionResponse is the JSON body returned by POST /api/admin/text-gen/description.
+type textGenDescriptionResponse struct {
+	// OldDescription is the current summary stored in the database.
+	OldDescription string `json:"old_description"`
+	// NewDescription is the AI-proposed replacement.
+	NewDescription string `json:"new_description"`
+	// Model is the model that was used.
+	Model string `json:"model"`
+}
+
+// handleAdminTextGenDescription handles POST /api/admin/text-gen/description.
+//
+// Reads the current book metadata, sends it to the LLM, and returns a proposed
+// new description. Does NOT persist anything — the user must confirm via
+// POST /api/admin/text-gen/description/apply.
+func (s *Server) handleAdminTextGenDescription(w http.ResponseWriter, r *http.Request) {
+	if s.deps.TextGen == nil {
+		jsonError(w, http.StatusServiceUnavailable, "text generation not configured (CFAI_ACCOUNT_ID/CFAI_API_TOKEN missing)")
+		return
+	}
+
+	var req textGenDescriptionRequest
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if strings.TrimSpace(req.Slug) == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+
+	// Load current book metadata.
+	meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), req.Slug)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "read metadata: "+err.Error())
+		return
+	}
+	if !ok {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("book %q not found", req.Slug))
+		return
+	}
+
+	systemPrompt := `You are a book description writer for a web novel platform. ` +
+		`Given a book's title, author, genres, and current description, write an improved ` +
+		`description that accurately captures the story. ` +
+		`Respond with ONLY the new description text — no title, no labels, no markdown, no quotes.`
+
+	instructions := strings.TrimSpace(req.Instructions)
+	if instructions == "" {
+		instructions = "Write a compelling 2–4 sentence description. Keep it spoiler-free and engaging."
+	}
+
+	userPrompt := fmt.Sprintf(
+		"Title: %s\nAuthor: %s\nGenres: %s\nStatus: %s\n\nCurrent description:\n%s\n\nInstructions: %s",
+		meta.Title,
+		meta.Author,
+		strings.Join(meta.Genres, ", "),
+		meta.Status,
+		meta.Summary,
+		instructions,
+	)
+
+	model := cfai.TextModel(req.Model)
+	if model == "" {
+		model = cfai.DefaultTextModel
+	}
+
+	s.deps.Log.Info("admin: text-gen description requested",
+		"slug", req.Slug, "model", model)
+
+	newDesc, genErr := s.deps.TextGen.Generate(r.Context(), cfai.TextRequest{
+		Model: model,
+		Messages: []cfai.TextMessage{
+			{Role: "system", Content: systemPrompt},
+			{Role: "user", Content: userPrompt},
+		},
+		MaxTokens: req.MaxTokens,
+	})
+	if genErr != nil {
+		s.deps.Log.Error("admin: text-gen description failed", "err", genErr)
+		jsonError(w, http.StatusBadGateway, "text generation failed: "+genErr.Error())
+		return
+	}
+
+	writeJSON(w, 0, textGenDescriptionResponse{
+		OldDescription: meta.Summary,
+		NewDescription: strings.TrimSpace(newDesc),
+		Model:          string(model),
+	})
+}
+
+// ── Apply description ─────────────────────────────────────────────────────────
+
+// applyDescriptionRequest is the JSON body for POST /api/admin/text-gen/description/apply.
+type applyDescriptionRequest struct {
+	// Slug is the book slug to update.
+	Slug string `json:"slug"`
+	// Description is the new summary text to persist.
+	Description string `json:"description"`
+}
+
+// handleAdminTextGenApplyDescription handles POST /api/admin/text-gen/description/apply.
+//
+// Updates only the summary field in PocketBase, leaving all other book metadata
+// unchanged.
+func (s *Server) handleAdminTextGenApplyDescription(w http.ResponseWriter, r *http.Request) {
+	if s.deps.BookWriter == nil {
+		jsonError(w, http.StatusServiceUnavailable, "book writer not configured")
+		return
+	}
+
+	var req applyDescriptionRequest
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if strings.TrimSpace(req.Slug) == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+	if strings.TrimSpace(req.Description) == "" {
+		jsonError(w, http.StatusBadRequest, "description is required")
+		return
+	}
+
+	// Read existing metadata so we can write it back with only summary changed.
+	meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), req.Slug)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "read metadata: "+err.Error())
+		return
+	}
+	if !ok {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("book %q not found", req.Slug))
+		return
+	}
+
+	meta.Summary = strings.TrimSpace(req.Description)
+	if err := s.deps.BookWriter.WriteMetadata(r.Context(), meta); err != nil {
+		s.deps.Log.Error("admin: apply description failed", "slug", req.Slug, "err", err)
+		jsonError(w, http.StatusInternalServerError, "write metadata: "+err.Error())
+		return
+	}
+
+	s.deps.Log.Info("admin: book description applied", "slug", req.Slug)
+	writeJSON(w, 0, map[string]any{"updated": true})
+}
+
+// handleAdminTextGenDescriptionAsync handles POST /api/admin/text-gen/description/async.
+//
+// Fire-and-forget variant: validates inputs, creates an ai_job record of kind
+// "description", spawns a background goroutine that calls the LLM, stores the
+// old/new description in the job payload, and marks the job done/failed.
+// Returns HTTP 202 with {job_id} immediately.
+func (s *Server) handleAdminTextGenDescriptionAsync(w http.ResponseWriter, r *http.Request) {
+	if s.deps.TextGen == nil {
+		jsonError(w, http.StatusServiceUnavailable, "text generation not configured (CFAI_ACCOUNT_ID/CFAI_API_TOKEN missing)")
+		return
+	}
+	if s.deps.AIJobStore == nil {
+		jsonError(w, http.StatusServiceUnavailable, "ai job store not configured")
+		return
+	}
+
+	var req textGenDescriptionRequest
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		jsonError(w, http.StatusBadRequest, "parse body: "+err.Error())
+		return
+	}
+	if strings.TrimSpace(req.Slug) == "" {
+		jsonError(w, http.StatusBadRequest, "slug is required")
+		return
+	}
+
+	// Load current metadata eagerly so we can fail fast if the book is missing.
+	meta, ok, err := s.deps.BookReader.ReadMetadata(r.Context(), req.Slug)
+	if err != nil {
+		jsonError(w, http.StatusInternalServerError, "read metadata: "+err.Error())
+		return
+	}
+	if !ok {
+		jsonError(w, http.StatusNotFound, fmt.Sprintf("book %q not found", req.Slug))
+		return
+	}
+
+	model := cfai.TextModel(req.Model)
+	if model == "" {
+		model = cfai.DefaultTextModel
+	}
+
+	instructions := strings.TrimSpace(req.Instructions)
+	if instructions == "" {
+		instructions = "Write a compelling 2–4 sentence description. Keep it spoiler-free and engaging."
+	}
+
+	// Encode the initial params (without result) as the starting payload.
+	type initPayload struct {
+		Instructions   string `json:"instructions"`
+		OldDescription string `json:"old_description"`
+	}
+	initJSON, _ := json.Marshal(initPayload{
+		Instructions:   instructions,
+		OldDescription: meta.Summary,
+	})
+
+	jobID, createErr := s.deps.AIJobStore.CreateAIJob(r.Context(), domain.AIJob{
+		Kind:    "description",
+		Slug:    req.Slug,
+		Status:  domain.TaskStatusPending,
+		Model:   string(model),
+		Payload: string(initJSON),
+		Started: time.Now(),
+	})
+	if createErr != nil {
+		jsonError(w, http.StatusInternalServerError, "create ai job: "+createErr.Error())
+		return
+	}
+
+	jobCtx, jobCancel := context.WithCancel(context.Background())
+	registerCancelJob(jobID, jobCancel)
+
+	_ = s.deps.AIJobStore.UpdateAIJob(r.Context(), jobID, map[string]any{
+		"status": string(domain.TaskStatusRunning),
+	})
+
+	s.deps.Log.Info("admin: text-gen description async started",
+		"job_id", jobID, "slug", req.Slug, "model", model)
+
+	// Capture locals.
+	store := s.deps.AIJobStore
+	textGen := s.deps.TextGen
+	logger := s.deps.Log
+	capturedMeta := meta
+	capturedModel := model
+	capturedInstructions := instructions
+	capturedMaxTokens := req.MaxTokens
+
+	go func() {
+		defer deregisterCancelJob(jobID)
+		defer jobCancel()
+		defer func() {
+			if r := recover(); r != nil {
+				logger.Error("admin: text-gen description goroutine panic", "job_id", jobID, "recover", r)
+			}
+		}()
+
+		if jobCtx.Err() != nil {
+			_ = store.UpdateAIJob(context.Background(), jobID, map[string]any{
+				"status":   string(domain.TaskStatusCancelled),
+				"finished": time.Now().Format(time.RFC3339),
+			})
+			return
+		}
+
+		systemPrompt := `You are a book description writer for a web novel platform. ` +
+			`Given a book's title, author, genres, and current description, write an improved ` +
+			`description that accurately captures the story. ` +
+			`Respond with ONLY the new description text — no title, no labels, no markdown, no quotes.`
+
+		userPrompt := fmt.Sprintf(
+			"Title: %s\nAuthor: %s\nGenres: %s\nStatus: %s\n\nCurrent description:\n%s\n\nInstructions: %s",
+			capturedMeta.Title,
+			capturedMeta.Author,
+			strings.Join(capturedMeta.Genres, ", "),
+			capturedMeta.Status,
+			capturedMeta.Summary,
+			capturedInstructions,
+		)
+
+		newDesc, genErr := textGen.Generate(jobCtx, cfai.TextRequest{
+			Model: capturedModel,
+			Messages: []cfai.TextMessage{
+				{Role: "system", Content: systemPrompt},
+				{Role: "user", Content: userPrompt},
+			},
+			MaxTokens: capturedMaxTokens,
+		})
+		if genErr != nil {
+			logger.Error("admin: text-gen description async failed", "job_id", jobID, "err", genErr)
+			_ = store.UpdateAIJob(context.Background(), jobID, map[string]any{
+				"status":        string(domain.TaskStatusFailed),
+				"error_message": genErr.Error(),
+				"finished":      time.Now().Format(time.RFC3339),
+			})
+			return
+		}
+
+		type resultPayload struct {
+			Instructions   string `json:"instructions"`
+			OldDescription string `json:"old_description"`
+			NewDescription string `json:"new_description"`
+		}
+		resultJSON, _ := json.Marshal(resultPayload{
+			Instructions:   capturedInstructions,
+			OldDescription: capturedMeta.Summary,
+			NewDescription: strings.TrimSpace(newDesc),
+		})
+
+		if err := store.UpdateAIJob(context.Background(), jobID, map[string]any{
+			"status":      string(domain.TaskStatusDone),
+			"items_done":  1,
+			"items_total": 1,
+			"finished":    time.Now().Format(time.RFC3339),
+		}); err != nil {
+			logger.Error("admin: text-gen description failed to mark job done", "job_id", jobID, "err", err)
+		}
+		if err := store.UpdateAIJob(context.Background(), jobID, map[string]any{
+			"payload": string(resultJSON),
+		}); err != nil {
+			logger.Error("admin: text-gen description failed to write job payload", "job_id", jobID, "err", err)
+		}
+		logger.Info("admin: text-gen description async done", "job_id", jobID, "slug", capturedMeta.Slug)
+	}()
+
+	writeJSON(w, http.StatusAccepted, map[string]any{"job_id": jobID})
+}
diff --git a/backend/internal/backend/server.go b/backend/internal/backend/server.go
new file mode 100644
index 0000000..befc065
--- /dev/null
+++ b/backend/internal/backend/server.go
@@ -0,0 +1,564 @@
+// Package backend implements the HTTP API server for the LibNovel backend.
+//
+// The server exposes all endpoints consumed by the SvelteKit UI:
+//   - Book/chapter reads from PocketBase/MinIO via bookstore interfaces
+//   - Task creation (scrape + audio) via taskqueue.Producer — the runner binary
+//     picks up and executes those tasks asynchronously
+//   - Presigned MinIO URLs for media playback/upload
+//   - Session-scoped reading progress
+//   - Live novelfire.net search (no scraper interface needed; direct HTTP)
+//   - Kokoro voice list
+//
+// The backend never scrapes directly. All scraping (metadata, chapter list,
+// chapter text, audio TTS) is delegated to the runner binary via PocketBase
+// task records. GET /api/book-preview enqueues a task when the book is absent.
+//
+// All external dependencies are injected as interfaces; concrete types live in
+// internal/storage and are wired by cmd/backend/main.go.
+package backend
+
+import (
+	"context"
+	"crypto/rand"
+	"encoding/hex"
+	"encoding/json"
+	"fmt"
+	"log/slog"
+	"net/http"
+	"sync"
+	"time"
+
+	sentryhttp "github.com/getsentry/sentry-go/http"
+	"github.com/libnovel/backend/internal/bookstore"
+	"github.com/libnovel/backend/internal/cfai"
+	"github.com/libnovel/backend/internal/domain"
+	"github.com/libnovel/backend/internal/kokoro"
+	"github.com/libnovel/backend/internal/meili"
+	"github.com/libnovel/backend/internal/pockettts"
+	"github.com/libnovel/backend/internal/taskqueue"
+	"go.opentelemetry.io/contrib/instrumentation/net/http/otelhttp"
+)
+
+// Dependencies holds all external services the backend server depends on.
+// Every field is an interface so test doubles can be injected freely.
+type Dependencies struct {
+	// BookReader reads book metadata and chapter text from PocketBase/MinIO.
+	BookReader bookstore.BookReader
+	// RankingStore reads ranking data from PocketBase.
+	RankingStore bookstore.RankingStore
+	// AudioStore checks audio object existence and computes MinIO keys.
+	AudioStore bookstore.AudioStore
+	// TranslationStore checks translation existence and reads/writes translated markdown.
+	TranslationStore bookstore.TranslationStore
+	// PresignStore generates short-lived MinIO URLs.
+	PresignStore bookstore.PresignStore
+	// ProgressStore reads/writes per-session reading progress.
+	ProgressStore bookstore.ProgressStore
+	// CoverStore reads and writes book cover images from MinIO.
+	// If nil, the cover endpoint falls back to a CDN redirect.
+	CoverStore bookstore.CoverStore
+	// ChapterImageStore reads and writes per-chapter illustration images from MinIO.
+	// If nil, chapter image endpoints return 404/503.
+	ChapterImageStore bookstore.ChapterImageStore
+	// Producer creates scrape/audio tasks in PocketBase.
+	Producer taskqueue.Producer
+	// TaskReader reads scrape/audio task records from PocketBase.
+	TaskReader taskqueue.Reader
+	// SearchIndex provides full-text book search via Meilisearch.
+	// If nil, the local-only fallback search is used.
+	SearchIndex meili.Client
+	// Kokoro is the Kokoro TTS client (used for voice list only in the backend;
+	// audio generation is done by the runner).
+	Kokoro kokoro.Client
+	// PocketTTS is the pocket-tts client (used for voice list only in the backend;
+	// audio generation is done by the runner).
+	PocketTTS pockettts.Client
+	// CFAI is the Cloudflare Workers AI TTS client (used for voice sample
+	// generation and audio-stream live TTS; audio task generation is done by the runner).
+	CFAI cfai.Client
+	// ImageGen is the Cloudflare Workers AI image generation client.
+	// If nil, image generation endpoints return 503.
+	ImageGen cfai.ImageGenClient
+	// TextGen is the Cloudflare Workers AI text generation client.
+	// If nil, text generation endpoints return 503.
+	TextGen cfai.TextGenClient
+	// BookWriter writes book metadata and chapter refs to PocketBase.
+	// Used by admin text-gen apply endpoints.
+	BookWriter bookstore.BookWriter
+	// ImportFileStore uploads raw PDF/EPUB files to MinIO for the runner to process.
+	// Always wired to the concrete *storage.Store (not the Asynq wrapper).
+	ImportFileStore bookstore.ImportFileStore
+	// AIJobStore tracks long-running AI generation jobs in PocketBase.
+	// If nil, job persistence is disabled (jobs still run but are not recorded).
+	AIJobStore bookstore.AIJobStore
+	// BookAdminStore provides admin-only operations: archive, unarchive, hard-delete.
+	// If nil, the admin book management endpoints return 503.
+	BookAdminStore bookstore.BookAdminStore
+	// NotificationStore manages per-user in-app notifications.
+	// Always wired directly to *storage.Store (not the Asynq wrapper) so
+	// notification endpoints work regardless of whether Redis/Asynq is in use.
+	NotificationStore bookstore.NotificationStore
+	// Log is the structured logger.
+	Log *slog.Logger
+}
+
+// Config holds HTTP server tuning parameters.
+type Config struct {
+	// Addr is the listen address, e.g. ":8080".
+	Addr string
+	// DefaultVoice is used when no voice is specified in audio requests.
+	DefaultVoice string
+	// Version and Commit are embedded in /health and /api/version responses.
+	Version string
+	Commit  string
+	// AdminToken is the bearer token required for all /api/admin/* endpoints.
+	// When empty a startup warning is logged and admin routes are unprotected.
+	AdminToken string
+}
+
+// Server is the HTTP API server.
+type Server struct {
+	cfg  Config
+	deps Dependencies
+
+	// voiceMu guards cachedVoices. Populated lazily on first GET /api/voices.
+	voiceMu      sync.RWMutex
+	cachedVoices []domain.Voice
+}
+
+// New creates a Server from cfg and deps.
+func New(cfg Config, deps Dependencies) *Server {
+	if cfg.DefaultVoice == "" {
+		cfg.DefaultVoice = "af_bella"
+	}
+	if deps.Log == nil {
+		deps.Log = slog.Default()
+	}
+	if deps.SearchIndex == nil {
+		deps.SearchIndex = meili.NoopClient{}
+	}
+	return &Server{cfg: cfg, deps: deps}
+}
+
+// requireAdmin returns a handler that enforces Bearer token authentication.
+// When AdminToken is empty all requests are allowed through (with a warning logged
+// once at startup via ListenAndServe).
+func (s *Server) requireAdmin(next http.HandlerFunc) http.HandlerFunc {
+	return func(w http.ResponseWriter, r *http.Request) {
+		if s.cfg.AdminToken == "" {
+			next(w, r)
+			return
+		}
+		if r.Header.Get("Authorization") != "Bearer "+s.cfg.AdminToken {
+			jsonError(w, http.StatusUnauthorized, "unauthorized")
+			return
+		}
+		next(w, r)
+	}
+}
+
+// ListenAndServe registers all routes and starts the HTTP server.
+// It blocks until ctx is cancelled, then performs a graceful shutdown.
+func (s *Server) ListenAndServe(ctx context.Context) error {
+	if s.cfg.AdminToken == "" {
+		s.deps.Log.Warn("backend: BACKEND_ADMIN_TOKEN is not set — /api/admin/* endpoints are unprotected")
+	}
+
+	mux := http.NewServeMux()
+
+	// Health / version
+	mux.HandleFunc("GET /health", s.handleHealth)
+	mux.HandleFunc("GET /api/version", s.handleVersion)
+
+	// Scrape task creation (202 Accepted — runner executes asynchronously)
+	mux.HandleFunc("POST /scrape", s.handleScrapeCatalogue)
+	mux.HandleFunc("POST /scrape/book", s.handleScrapeBook)
+	mux.HandleFunc("POST /scrape/book/range", s.handleScrapeBookRange)
+
+	// Scrape task status / history
+	mux.HandleFunc("GET /api/scrape/status", s.handleScrapeStatus)
+	mux.HandleFunc("GET /api/scrape/tasks", s.handleScrapeTasks)
+
+	// Cancel a pending task (scrape or audio)
+	mux.HandleFunc("POST /api/cancel-task/{id}", s.handleCancelTask)
+
+	// Browse & search
+	mux.HandleFunc("GET /api/search", s.handleSearch)
+
+	// Catalogue (Meilisearch-backed browse + search — preferred path for UI)
+	mux.HandleFunc("GET /api/catalogue", s.handleCatalogue)
+
+	// Ranking (from PocketBase)
+	mux.HandleFunc("GET /api/ranking", s.handleGetRanking)
+
+	// Cover proxy (live URL redirect)
+	mux.HandleFunc("GET /api/cover/{domain}/{slug}", s.handleGetCover)
+
+	// Book preview (enqueues scrape task if not in library; returns stored data if already scraped)
+	mux.HandleFunc("GET /api/book-preview/{slug}", s.handleBookPreview)
+
+	// Chapter text (served from MinIO via PocketBase index)
+	mux.HandleFunc("GET /api/chapter-text/{slug}/{n}", s.handleChapterText)
+	// Raw markdown chapter content — served directly from MinIO by the backend.
+	// Use this instead of presign+fetch to avoid SvelteKit→MinIO network path.
+	mux.HandleFunc("GET /api/chapter-markdown/{slug}/{n}", s.handleChapterMarkdown)
+
+	// Chapter text preview — live scrape from novelfire.net, no store writes.
+	// Used when the chapter is not yet in the library (preview mode).
+	mux.HandleFunc("GET /api/chapter-text-preview/{slug}/{n}", s.handleChapterTextPreview)
+
+	// Reindex chapters_idx from MinIO
+	mux.HandleFunc("POST /api/reindex/{slug}", s.handleReindex)
+
+	// Audio task creation (backend creates task; runner executes)
+	mux.HandleFunc("POST /api/audio/{slug}/{n}", s.handleAudioGenerate)
+	mux.HandleFunc("GET /api/audio/status/{slug}/{n}", s.handleAudioStatus)
+	mux.HandleFunc("GET /api/audio-proxy/{slug}/{n}", s.handleAudioProxy)
+	// Streaming audio: serves from MinIO if cached, else streams live TTS
+	// while simultaneously uploading to MinIO for future requests.
+	mux.HandleFunc("GET /api/audio-stream/{slug}/{n}", s.handleAudioStream)
+	// TTS for arbitrary short text (chapter announcements) — no MinIO caching.
+	mux.HandleFunc("GET /api/tts-announce", s.handleTTSAnnounce)
+	// CF AI preview: generates only the first ~1 800-char chunk so the client
+	// can start playing immediately while the full audio is generated by the runner.
+	mux.HandleFunc("GET /api/audio-preview/{slug}/{n}", s.handleAudioPreview)
+
+	// Translation task creation (backend creates task; runner executes via LibreTranslate)
+	mux.HandleFunc("POST /api/translation/{slug}/{n}", s.handleTranslationGenerate)
+	mux.HandleFunc("GET /api/translation/status/{slug}/{n}", s.handleTranslationStatus)
+	mux.HandleFunc("GET /api/translation/{slug}/{n}", s.handleTranslationRead)
+
+	// admin is a shorthand that wraps every /api/admin/* handler with bearer-token auth.
+	admin := func(pattern string, h http.HandlerFunc) {
+		mux.HandleFunc(pattern, s.requireAdmin(h))
+	}
+
+	// Admin translation endpoints
+	admin("GET /api/admin/translation/jobs", s.handleAdminTranslationJobs)
+	admin("POST /api/admin/translation/bulk", s.handleAdminTranslationBulk)
+
+	// Admin audio endpoints
+	admin("GET /api/admin/audio/jobs", s.handleAdminAudioJobs)
+	admin("POST /api/admin/audio/bulk", s.handleAdminAudioBulk)
+	admin("POST /api/admin/audio/cancel-bulk", s.handleAdminAudioCancelBulk)
+
+	// Admin image generation endpoints
+	admin("GET /api/admin/image-gen/models", s.handleAdminImageGenModels)
+	admin("POST /api/admin/image-gen", s.handleAdminImageGen)
+	admin("POST /api/admin/image-gen/async", s.handleAdminImageGenAsync)
+	admin("POST /api/admin/image-gen/save-cover", s.handleAdminImageGenSaveCover)
+	admin("POST /api/admin/image-gen/save-chapter-image", s.handleAdminImageGenSaveChapterImage)
+
+	// Chapter image serving
+	mux.HandleFunc("GET /api/chapter-image/{domain}/{slug}/{n}", s.handleGetChapterImage)
+	mux.HandleFunc("HEAD /api/chapter-image/{domain}/{slug}/{n}", s.handleHeadChapterImage)
+
+	// Admin text generation endpoints (chapter names + book description)
+	admin("GET /api/admin/text-gen/models", s.handleAdminTextGenModels)
+	admin("POST /api/admin/text-gen/chapter-names", s.handleAdminTextGenChapterNames)
+	admin("POST /api/admin/text-gen/chapter-names/async", s.handleAdminTextGenChapterNamesAsync)
+	admin("POST /api/admin/text-gen/chapter-names/apply", s.handleAdminTextGenApplyChapterNames)
+	admin("POST /api/admin/text-gen/description", s.handleAdminTextGenDescription)
+	admin("POST /api/admin/text-gen/description/async", s.handleAdminTextGenDescriptionAsync)
+	admin("POST /api/admin/text-gen/description/apply", s.handleAdminTextGenApplyDescription)
+
+	// Admin catalogue enrichment endpoints
+	admin("POST /api/admin/text-gen/tagline", s.handleAdminTextGenTagline)
+	admin("POST /api/admin/text-gen/genres", s.handleAdminTextGenGenres)
+	admin("POST /api/admin/text-gen/genres/apply", s.handleAdminTextGenApplyGenres)
+	admin("POST /api/admin/text-gen/content-warnings", s.handleAdminTextGenContentWarnings)
+	admin("POST /api/admin/text-gen/quality-score", s.handleAdminTextGenQualityScore)
+	admin("POST /api/admin/catalogue/batch-covers", s.handleAdminBatchCovers)
+	admin("POST /api/admin/catalogue/batch-covers/cancel", s.handleAdminBatchCoversCancel)
+	admin("POST /api/admin/catalogue/refresh-metadata/{slug}", s.handleAdminRefreshMetadata)
+
+	// Admin AI job tracking endpoints
+	admin("GET /api/admin/ai-jobs", s.handleAdminListAIJobs)
+	admin("GET /api/admin/ai-jobs/{id}", s.handleAdminGetAIJob)
+	admin("POST /api/admin/ai-jobs/{id}/cancel", s.handleAdminCancelAIJob)
+
+	// Auto-prompt generation from book/chapter content
+	admin("POST /api/admin/image-gen/auto-prompt", s.handleAdminImageGenAutoPrompt)
+
+	// Admin data repair endpoints
+	admin("POST /api/admin/dedup-chapters/{slug}", s.handleDedupChapters)
+
+	// Admin book management (soft-delete / hard-delete / publish visibility)
+	admin("PATCH /api/admin/books/{slug}/archive", s.handleAdminArchiveBook)
+	admin("PATCH /api/admin/books/{slug}/unarchive", s.handleAdminUnarchiveBook)
+	admin("DELETE /api/admin/books/{slug}", s.handleAdminDeleteBook)
+	admin("PATCH /api/admin/books/{slug}/publish", s.handleAdminPublishBook)
+	admin("PATCH /api/admin/books/{slug}/unpublish", s.handleAdminUnpublishBook)
+
+	// Author book submission (creates a public book with no scraped content)
+	admin("POST /api/admin/books/submit", s.handleAdminSubmitBook)
+
+	// Admin chapter split (imported books)
+	admin("POST /api/admin/books/{slug}/split-chapters", s.handleAdminSplitChapters)
+
+	// Import (PDF/EPUB)
+	admin("POST /api/admin/import", s.handleAdminImport)
+	admin("GET /api/admin/import", s.handleAdminImportList)
+	admin("GET /api/admin/import/{id}", s.handleAdminImportStatus)
+
+	// Podcast RSS feed generation and serving
+	// Public endpoints — no auth; podcast clients subscribe to these URLs.
+	mux.HandleFunc("GET /podcast/audio/{slug}/{n}/{voice}", s.handlePodcastAudio)
+	mux.HandleFunc("GET /podcast/{slug}", s.handlePodcastFeed)
+	// Admin endpoints — trigger generation job and check status.
+	admin("POST /api/admin/podcast", s.handleAdminPodcast)
+	admin("GET /api/admin/podcast/{slug}", s.handleAdminPodcastStatus)
+
+	// Notifications
+	mux.HandleFunc("GET /api/notifications", s.handleListNotifications)
+	mux.HandleFunc("PATCH /api/notifications", s.handleMarkAllNotificationsRead)
+	mux.HandleFunc("PATCH /api/notifications/{id}", s.handleMarkNotificationRead)
+	mux.HandleFunc("DELETE /api/notifications", s.handleClearAllNotifications)
+	mux.HandleFunc("DELETE /api/notifications/{id}", s.handleDismissNotification)
+
+	// Web Push subscriptions
+	mux.HandleFunc("GET /api/push-subscriptions/vapid-public-key", s.handleGetVAPIDPublicKey)
+	mux.HandleFunc("POST /api/push-subscriptions", s.handleSavePushSubscription)
+	mux.HandleFunc("DELETE /api/push-subscriptions", s.handleDeletePushSubscription)
+
+	// Voices list
+	mux.HandleFunc("GET /api/voices", s.handleVoices)
+
+	// Presigned URLs
+	mux.HandleFunc("GET /api/presign/chapter/{slug}/{n}", s.handlePresignChapter)
+	mux.HandleFunc("GET /api/presign/audio/{slug}/{n}", s.handlePresignAudio)
+	mux.HandleFunc("GET /api/presign/voice-sample/{voice}", s.handlePresignVoiceSample)
+	mux.HandleFunc("GET /api/presign/avatar-upload/{userId}", s.handlePresignAvatarUpload)
+	mux.HandleFunc("GET /api/presign/avatar/{userId}", s.handlePresignAvatar)
+	mux.HandleFunc("PUT /api/avatar-upload/{userId}", s.handleAvatarUpload)
+
+	// EPUB export
+	mux.HandleFunc("GET /api/export/{slug}", s.handleExportEPUB)
+
+	// Reading progress
+	mux.HandleFunc("GET /api/progress", s.handleGetProgress)
+	mux.HandleFunc("POST /api/progress/{slug}", s.handleSetProgress)
+	mux.HandleFunc("DELETE /api/progress/{slug}", s.handleDeleteProgress)
+
+	// Wrap mux with OTel tracing (no-op when no TracerProvider is set),
+	// then with Sentry for panic recovery and error reporting.
+	var handler http.Handler = mux
+	handler = otelhttp.NewHandler(handler, "libnovel.backend",
+		otelhttp.WithMessageEvents(otelhttp.ReadEvents, otelhttp.WriteEvents),
+	)
+	handler = sentryhttp.New(sentryhttp.Options{Repanic: true}).Handle(handler)
+
+	srv := &http.Server{
+		Addr:         s.cfg.Addr,
+		Handler:      handler,
+		ReadTimeout:  15 * time.Second,
+		WriteTimeout: 15 * time.Minute, // audio-stream can take several minutes for a full chapter
+		IdleTimeout:  60 * time.Second,
+	}
+
+	errCh := make(chan error, 1)
+	go func() { errCh <- srv.ListenAndServe() }()
+	s.deps.Log.Info("backend: HTTP server listening", "addr", s.cfg.Addr)
+
+	select {
+	case <-ctx.Done():
+		s.deps.Log.Info("backend: context cancelled, starting graceful shutdown")
+		shutCtx, cancel := context.WithTimeout(context.Background(), 30*time.Second)
+		defer cancel()
+		if err := srv.Shutdown(shutCtx); err != nil {
+			s.deps.Log.Error("backend: graceful shutdown failed", "err", err)
+			return err
+		}
+		s.deps.Log.Info("backend: shutdown complete")
+		return nil
+	case err := <-errCh:
+		return err
+	}
+}
+
+// ── Session cookie helpers ─────────────────────────────────────────────────────
+
+const sessionCookieName = "libnovel_session"
+
+func sessionID(r *http.Request) string {
+	c, err := r.Cookie(sessionCookieName)
+	if err != nil {
+		return ""
+	}
+	return c.Value
+}
+
+func newSessionID() (string, error) {
+	b := make([]byte, 16)
+	if _, err := rand.Read(b); err != nil {
+		return "", err
+	}
+	return hex.EncodeToString(b), nil
+}
+
+func ensureSession(w http.ResponseWriter, r *http.Request) string {
+	if id := sessionID(r); id != "" {
+		return id
+	}
+	id, err := newSessionID()
+	if err != nil {
+		id = fmt.Sprintf("fallback-%d", time.Now().UnixNano())
+	}
+	http.SetCookie(w, &http.Cookie{
+		Name:     sessionCookieName,
+		Value:    id,
+		Path:     "/",
+		HttpOnly: true,
+		SameSite: http.SameSiteLaxMode,
+		MaxAge:   365 * 24 * 60 * 60,
+	})
+	return id
+}
+
+// ── Utility helpers ────────────────────────────────────────────────────────────
+
+// writeJSON writes v as a JSON response with status code. Status 0 → 200.
+func writeJSON(w http.ResponseWriter, status int, v any) {
+	w.Header().Set("Content-Type", "application/json")
+	if status != 0 {
+		w.WriteHeader(status)
+	}
+	_ = json.NewEncoder(w).Encode(v)
+}
+
+// jsonError writes a JSON error body and the given status code.
+func jsonError(w http.ResponseWriter, status int, msg string) {
+	w.Header().Set("Content-Type", "application/json")
+	w.WriteHeader(status)
+	_ = json.NewEncoder(w).Encode(map[string]string{"error": msg})
+}
+
+// voices returns the merged list of available voices from Kokoro and pocket-tts.
+// On the first call it fetches from both services and caches the result.
+// Falls back to the hardcoded Kokoro list on error.
+func (s *Server) voices(ctx context.Context) []domain.Voice {
+	s.voiceMu.RLock()
+	cached := s.cachedVoices
+	s.voiceMu.RUnlock()
+	if len(cached) > 0 {
+		return cached
+	}
+
+	fetchCtx, cancel := context.WithTimeout(ctx, 5*time.Second)
+	defer cancel()
+
+	var result []domain.Voice
+
+	// ── Kokoro voices ─────────────────────────────────────────────────────────
+	var kokoroIDs []string
+	if s.deps.Kokoro != nil {
+		ids, err := s.deps.Kokoro.ListVoices(fetchCtx)
+		if err != nil || len(ids) == 0 {
+			s.deps.Log.Warn("backend: could not fetch kokoro voices, using built-in list", "err", err)
+			ids = kokoroVoiceIDs
+		} else {
+			s.deps.Log.Info("backend: fetched kokoro voices", "count", len(ids))
+		}
+		kokoroIDs = ids
+	} else {
+		kokoroIDs = kokoroVoiceIDs
+	}
+	for _, id := range kokoroIDs {
+		result = append(result, kokoroVoice(id))
+	}
+
+	// ── Pocket-TTS voices ─────────────────────────────────────────────────────
+	if s.deps.PocketTTS != nil {
+		ids, err := s.deps.PocketTTS.ListVoices(fetchCtx)
+		if err != nil {
+			s.deps.Log.Warn("backend: could not fetch pocket-tts voices", "err", err)
+		} else {
+			for _, id := range ids {
+				result = append(result, pocketTTSVoice(id))
+			}
+			s.deps.Log.Info("backend: fetched pocket-tts voices", "count", len(ids))
+		}
+	}
+
+	// ── Cloudflare AI voices ──────────────────────────────────────────────────
+	if s.deps.CFAI != nil {
+		for _, speaker := range cfai.Speakers() {
+			gender := "m"
+			if cfai.IsFemale(speaker) {
+				gender = "f"
+			}
+			result = append(result, domain.Voice{
+				ID:     cfai.VoiceID(speaker),
+				Engine: "cfai",
+				Lang:   "en",
+				Gender: gender,
+			})
+		}
+		s.deps.Log.Info("backend: loaded CF AI voices", "count", len(cfai.Speakers()))
+	}
+
+	s.voiceMu.Lock()
+	s.cachedVoices = result
+	s.voiceMu.Unlock()
+	return result
+}
+
+// kokoroVoice builds a domain.Voice for a Kokoro voice ID.
+// The two-character prefix encodes language and gender:
+//
+//	af/am → en-us f/m  |  bf/bm → en-gb f/m
+//	ef/em → es    f/m  |  ff    → fr    f
+//	hf/hm → hi    f/m  |  if/im → it    f/m
+//	jf/jm → ja    f/m  |  pf/pm → pt    f/m
+//	zf/zm → zh    f/m
+func kokoroVoice(id string) domain.Voice {
+	type meta struct{ lang, gender string }
+	prefixMap := map[string]meta{
+		"af": {"en-us", "f"}, "am": {"en-us", "m"},
+		"bf": {"en-gb", "f"}, "bm": {"en-gb", "m"},
+		"ef": {"es", "f"}, "em": {"es", "m"},
+		"ff": {"fr", "f"},
+		"hf": {"hi", "f"}, "hm": {"hi", "m"},
+		"if": {"it", "f"}, "im": {"it", "m"},
+		"jf": {"ja", "f"}, "jm": {"ja", "m"},
+		"pf": {"pt", "f"}, "pm": {"pt", "m"},
+		"zf": {"zh", "f"}, "zm": {"zh", "m"},
+	}
+	if len(id) >= 2 {
+		if m, ok := prefixMap[id[:2]]; ok {
+			return domain.Voice{ID: id, Engine: "kokoro", Lang: m.lang, Gender: m.gender}
+		}
+	}
+	return domain.Voice{ID: id, Engine: "kokoro", Lang: "en", Gender: ""}
+}
+
+// pocketTTSVoice builds a domain.Voice for a pocket-tts voice ID.
+// All pocket-tts voices are English audiobook narrators.
+func pocketTTSVoice(id string) domain.Voice {
+	femaleVoices := map[string]struct{}{
+		"alba": {}, "fantine": {}, "cosette": {}, "eponine": {},
+		"azelma": {}, "anna": {}, "vera": {}, "mary": {}, "jane": {}, "eve": {},
+	}
+	gender := "m"
+	if _, ok := femaleVoices[id]; ok {
+		gender = "f"
+	}
+	return domain.Voice{ID: id, Engine: "pocket-tts", Lang: "en", Gender: gender}
+}
+
+// handleHealth handles GET /health.
+func (s *Server) handleHealth(w http.ResponseWriter, _ *http.Request) {
+	writeJSON(w, 0, map[string]string{
+		"status":  "ok",
+		"version": s.cfg.Version,
+		"commit":  s.cfg.Commit,
+	})
+}
+
+// handleVersion handles GET /api/version.
+func (s *Server) handleVersion(w http.ResponseWriter, _ *http.Request) {
+	writeJSON(w, 0, map[string]string{
+		"version": s.cfg.Version,
+		"commit":  s.cfg.Commit,
+	})
+}
diff --git a/backend/internal/bookstore/bookstore.go b/backend/internal/bookstore/bookstore.go
new file mode 100644
index 0000000..8c31cad
--- /dev/null
+++ b/backend/internal/bookstore/bookstore.go
@@ -0,0 +1,273 @@
+// Package bookstore defines the segregated read/write interfaces for book,
+// chapter, ranking, progress, audio, and presign data.
+//
+// Interface segregation:
+//   - BookWriter   — used by the runner to persist scraped data.
+//   - BookReader   — used by the backend to serve book/chapter data.
+//   - RankingStore — used by both runner (write) and backend (read).
+//   - PresignStore — used only by the backend for URL signing.
+//   - AudioStore   — used by the runner to store audio; backend for presign.
+//   - ProgressStore— used only by the backend for reading progress.
+//
+// Concrete implementations live in internal/storage.
+package bookstore
+
+import (
+	"context"
+	"io"
+	"time"
+
+	"github.com/libnovel/backend/internal/domain"
+)
+
+// BookWriter is the write side used by the runner after scraping a book.
+type BookWriter interface {
+	// WriteMetadata upserts all bibliographic fields for a book.
+	WriteMetadata(ctx context.Context, meta domain.BookMeta) error
+
+	// WriteChapter stores a fully-scraped chapter's text in MinIO and
+	// updates the chapters_idx record in PocketBase.
+	WriteChapter(ctx context.Context, slug string, chapter domain.Chapter) error
+
+	// WriteChapterRefs persists chapter metadata (number + title) into
+	// chapters_idx without fetching or storing chapter text.
+	WriteChapterRefs(ctx context.Context, slug string, refs []domain.ChapterRef) error
+
+	// ChapterExists returns true if the markdown object for ref already exists.
+	ChapterExists(ctx context.Context, slug string, ref domain.ChapterRef) bool
+
+	// DeduplicateChapters removes duplicate chapters_idx records for slug,
+	// keeping only one record per chapter number (the one with the latest
+	// updated timestamp). Returns the number of duplicate records deleted.
+	DeduplicateChapters(ctx context.Context, slug string) (int, error)
+}
+
+// BookReader is the read side used by the backend to serve content.
+type BookReader interface {
+	// ReadMetadata returns the metadata for slug.
+	// Returns (zero, false, nil) when not found.
+	ReadMetadata(ctx context.Context, slug string) (domain.BookMeta, bool, error)
+
+	// ListBooks returns all books sorted alphabetically by title.
+	ListBooks(ctx context.Context) ([]domain.BookMeta, error)
+
+	// LocalSlugs returns the set of slugs that have metadata stored.
+	LocalSlugs(ctx context.Context) (map[string]bool, error)
+
+	// MetadataMtime returns the Unix-second mtime of the metadata record, or 0.
+	MetadataMtime(ctx context.Context, slug string) int64
+
+	// ReadChapter returns the raw markdown for chapter number n.
+	ReadChapter(ctx context.Context, slug string, n int) (string, error)
+
+	// ListChapters returns all stored chapters for slug, sorted by number.
+	ListChapters(ctx context.Context, slug string) ([]domain.ChapterInfo, error)
+
+	// CountChapters returns the count of stored chapters.
+	CountChapters(ctx context.Context, slug string) int
+
+	// ReindexChapters rebuilds chapters_idx from MinIO objects for slug.
+	ReindexChapters(ctx context.Context, slug string) (int, error)
+}
+
+// RankingStore covers ranking reads and writes.
+type RankingStore interface {
+	// WriteRankingItem upserts a single ranking entry (keyed on Slug).
+	WriteRankingItem(ctx context.Context, item domain.RankingItem) error
+
+	// ReadRankingItems returns all ranking items sorted by rank ascending.
+	ReadRankingItems(ctx context.Context) ([]domain.RankingItem, error)
+
+	// RankingFreshEnough returns true when ranking rows exist and the most
+	// recent Updated timestamp is within maxAge.
+	RankingFreshEnough(ctx context.Context, maxAge time.Duration) (bool, error)
+}
+
+// AudioStore covers audio object storage (runner writes; backend reads).
+type AudioStore interface {
+	// AudioObjectKey returns the MinIO object key for a cached MP3 audio file.
+	// Format: {slug}/{n}/{voice}.mp3
+	AudioObjectKey(slug string, n int, voice string) string
+
+	// AudioObjectKeyExt returns the MinIO object key for a cached audio file
+	// with a custom extension (e.g. "mp3" or "wav").
+	AudioObjectKeyExt(slug string, n int, voice, ext string) string
+
+	// AudioExists returns true when the audio object is present in MinIO.
+	AudioExists(ctx context.Context, key string) bool
+
+	// PutAudio stores raw audio bytes under the given MinIO object key.
+	PutAudio(ctx context.Context, key string, data []byte) error
+
+	// AudioObjectSize returns the byte size of the audio object at key,
+	// or -1 if the object does not exist or size cannot be determined.
+	AudioObjectSize(ctx context.Context, key string) int64
+
+	// PutAudioStream uploads audio from r to MinIO under key.
+	// size must be the exact byte length of r, or -1 to use multipart upload.
+	// contentType should be "audio/mpeg" or "audio/wav".
+	PutAudioStream(ctx context.Context, key string, r io.Reader, size int64, contentType string) error
+}
+
+// PresignStore generates short-lived URLs — used exclusively by the backend.
+type PresignStore interface {
+	// PresignChapter returns a presigned GET URL for a chapter markdown object.
+	PresignChapter(ctx context.Context, slug string, n int, expires time.Duration) (string, error)
+
+	// PresignAudio returns a presigned GET URL for an audio object.
+	PresignAudio(ctx context.Context, key string, expires time.Duration) (string, error)
+
+	// PresignAvatarUpload returns a short-lived presigned PUT URL for uploading
+	// an avatar image. ext should be "jpg", "png", or "webp".
+	PresignAvatarUpload(ctx context.Context, userID, ext string) (uploadURL, key string, err error)
+
+	// PresignAvatarURL returns a presigned GET URL for a user's avatar.
+	// Returns ("", false, nil) when no avatar exists.
+	PresignAvatarURL(ctx context.Context, userID string) (string, bool, error)
+
+	// PutAvatar stores raw image bytes for a user avatar directly in MinIO.
+	// ext should be "jpg", "png", or "webp". Returns the object key.
+	PutAvatar(ctx context.Context, userID, ext, contentType string, data []byte) (key string, err error)
+
+	// DeleteAvatar removes all avatar objects for a user.
+	DeleteAvatar(ctx context.Context, userID string) error
+}
+
+// ProgressStore covers per-session reading progress — backend only.
+type ProgressStore interface {
+	// GetProgress returns the reading progress for the given session + slug.
+	GetProgress(ctx context.Context, sessionID, slug string) (domain.ReadingProgress, bool)
+
+	// SetProgress saves or updates reading progress.
+	SetProgress(ctx context.Context, sessionID string, p domain.ReadingProgress) error
+
+	// AllProgress returns all progress entries for a session.
+	AllProgress(ctx context.Context, sessionID string) ([]domain.ReadingProgress, error)
+
+	// DeleteProgress removes progress for a specific slug.
+	DeleteProgress(ctx context.Context, sessionID, slug string) error
+}
+
+// CoverStore covers book cover image storage in MinIO.
+// The runner writes covers during catalogue refresh; the backend reads them.
+type CoverStore interface {
+	// PutCover stores a raw cover image for a book identified by slug.
+	PutCover(ctx context.Context, slug string, data []byte, contentType string) error
+
+	// GetCover retrieves the cover image for a book. Returns (nil, false, nil)
+	// when no cover exists for the given slug.
+	GetCover(ctx context.Context, slug string) ([]byte, string, bool, error)
+
+	// CoverExists returns true when a cover image is stored for slug.
+	CoverExists(ctx context.Context, slug string) bool
+}
+
+// AIJobStore manages AI generation jobs tracked in PocketBase.
+type AIJobStore interface {
+	// CreateAIJob inserts a new ai_job record with status=running and returns its ID.
+	CreateAIJob(ctx context.Context, job domain.AIJob) (string, error)
+	// GetAIJob retrieves a single ai_job by ID.
+	// Returns (zero, false, nil) when not found.
+	GetAIJob(ctx context.Context, id string) (domain.AIJob, bool, error)
+	// UpdateAIJob patches an existing ai_job record with the given fields.
+	UpdateAIJob(ctx context.Context, id string, fields map[string]any) error
+	// ListAIJobs returns all ai_job records sorted by started descending.
+	ListAIJobs(ctx context.Context) ([]domain.AIJob, error)
+}
+
+// ChapterImageStore covers per-chapter illustration images stored in MinIO.
+// The backend admin writes them; the backend serves them.
+type ChapterImageStore interface {
+	// PutChapterImage stores a raw image for chapter n of slug in MinIO.
+	PutChapterImage(ctx context.Context, slug string, n int, data []byte, contentType string) error
+
+	// GetChapterImage retrieves the image for chapter n of slug.
+	// Returns (nil, "", false, nil) when no image exists.
+	GetChapterImage(ctx context.Context, slug string, n int) ([]byte, string, bool, error)
+
+	// ChapterImageExists returns true when an image is stored for slug/n.
+	ChapterImageExists(ctx context.Context, slug string, n int) bool
+}
+
+// TranslationStore covers machine-translated chapter storage in MinIO.
+// The runner writes translations; the backend reads them.
+type TranslationStore interface {
+	// TranslationObjectKey returns the MinIO object key for a cached translation.
+	TranslationObjectKey(lang, slug string, n int) string
+
+	// TranslationExists returns true when the translation object is present in MinIO.
+	TranslationExists(ctx context.Context, key string) bool
+
+	// PutTranslation stores raw translated markdown under the given MinIO object key.
+	PutTranslation(ctx context.Context, key string, data []byte) error
+
+	// GetTranslation retrieves translated markdown from MinIO.
+	GetTranslation(ctx context.Context, key string) (string, error)
+}
+
+// Chapter represents a single chapter extracted from PDF/EPUB.
+type Chapter struct {
+	Number   int    // 1-based chapter number
+	Title    string // chapter title (may be empty)
+	Content  string // plain text content
+}
+
+// BookImporter handles PDF/EPUB file parsing and chapter extraction.
+// Used by the runner to import books from uploaded files.
+type BookImporter interface {
+	// Import extracts chapters from a PDF or EPUB file stored in MinIO.
+	// Returns the extracted chapters or an error.
+	Import(ctx context.Context, objectKey, fileType string) ([]Chapter, error)
+}
+
+// BookAdminStore covers admin-only operations for managing books in the catalogue.
+// All methods require admin authorisation at the HTTP handler level.
+type BookAdminStore interface {
+	// ArchiveBook sets archived=true on a book record, hiding it from all
+	// public search and catalogue responses. Returns ErrNotFound when the
+	// slug does not exist.
+	ArchiveBook(ctx context.Context, slug string) error
+
+	// UnarchiveBook clears archived on a book record, making it publicly
+	// visible again. Returns ErrNotFound when the slug does not exist.
+	UnarchiveBook(ctx context.Context, slug string) error
+
+	// DeleteBook permanently removes all data for a book:
+	//   - PocketBase books record
+	//   - All PocketBase chapters_idx records
+	//   - All MinIO chapter markdown objects ({slug}/chapter-*.md)
+	//   - MinIO cover image (covers/{slug}.jpg)
+	// The caller is responsible for also deleting the Meilisearch document.
+	DeleteBook(ctx context.Context, slug string) error
+
+	// PublishBook sets visibility=public, making the book visible to all users.
+	PublishBook(ctx context.Context, slug string) error
+
+	// UnpublishBook sets visibility=admin_only, hiding the book from regular users.
+	UnpublishBook(ctx context.Context, slug string) error
+
+	// CreateSubmittedBook creates a new author-submitted book with visibility=public.
+	CreateSubmittedBook(ctx context.Context, meta domain.BookMeta) error
+}
+
+// ImportFileStore uploads raw import files to object storage.
+// Kept separate from BookImporter so the HTTP handler can upload the file
+// without a concrete type assertion, regardless of which Producer is wired.
+type ImportFileStore interface {
+	PutImportFile(ctx context.Context, objectKey string, data []byte) error
+	// PutImportChapters stores the pre-parsed chapters JSON under the given key.
+	PutImportChapters(ctx context.Context, key string, data []byte) error
+	// GetImportChapters retrieves the pre-parsed chapters JSON.
+	GetImportChapters(ctx context.Context, key string) ([]byte, error)
+}
+
+// NotificationStore manages per-user in-app notifications.
+// Always wired directly to the concrete *storage.Store so it works
+// regardless of whether the Asynq task-queue wrapper is in use.
+type NotificationStore interface {
+	ListNotifications(ctx context.Context, userID string, limit int) ([]map[string]any, error)
+	MarkNotificationRead(ctx context.Context, id string) error
+	MarkAllNotificationsRead(ctx context.Context, userID string) error
+	DeleteNotification(ctx context.Context, id string) error
+	ClearAllNotifications(ctx context.Context, userID string) error
+}
diff --git a/backend/internal/bookstore/bookstore_test.go b/backend/internal/bookstore/bookstore_test.go
new file mode 100644
index 0000000..9192cbb
--- /dev/null
+++ b/backend/internal/bookstore/bookstore_test.go
@@ -0,0 +1,148 @@
+package bookstore_test
+
+import (
+	"context"
+	"io"
+	"testing"
+	"time"
+
+	"github.com/libnovel/backend/internal/bookstore"
+	"github.com/libnovel/backend/internal/domain"
+)
+
+// ── Mock that satisfies all bookstore interfaces ──────────────────────────────
+
+type mockStore struct{}
+
+// BookWriter
+func (m *mockStore) WriteMetadata(_ context.Context, _ domain.BookMeta) error         { return nil }
+func (m *mockStore) WriteChapter(_ context.Context, _ string, _ domain.Chapter) error { return nil }
+func (m *mockStore) WriteChapterRefs(_ context.Context, _ string, _ []domain.ChapterRef) error {
+	return nil
+}
+func (m *mockStore) ChapterExists(_ context.Context, _ string, _ domain.ChapterRef) bool {
+	return false
+}
+
+// BookReader
+func (m *mockStore) ReadMetadata(_ context.Context, _ string) (domain.BookMeta, bool, error) {
+	return domain.BookMeta{}, false, nil
+}
+func (m *mockStore) ListBooks(_ context.Context) ([]domain.BookMeta, error) { return nil, nil }
+func (m *mockStore) LocalSlugs(_ context.Context) (map[string]bool, error) {
+	return map[string]bool{}, nil
+}
+func (m *mockStore) MetadataMtime(_ context.Context, _ string) int64 { return 0 }
+func (m *mockStore) ReadChapter(_ context.Context, _ string, _ int) (string, error) {
+	return "", nil
+}
+func (m *mockStore) ListChapters(_ context.Context, _ string) ([]domain.ChapterInfo, error) {
+	return nil, nil
+}
+func (m *mockStore) CountChapters(_ context.Context, _ string) int                { return 0 }
+func (m *mockStore) ReindexChapters(_ context.Context, _ string) (int, error)     { return 0, nil }
+func (m *mockStore) DeduplicateChapters(_ context.Context, _ string) (int, error) { return 0, nil }
+
+// RankingStore
+func (m *mockStore) WriteRankingItem(_ context.Context, _ domain.RankingItem) error { return nil }
+func (m *mockStore) ReadRankingItems(_ context.Context) ([]domain.RankingItem, error) {
+	return nil, nil
+}
+func (m *mockStore) RankingFreshEnough(_ context.Context, _ time.Duration) (bool, error) {
+	return false, nil
+}
+
+// AudioStore
+func (m *mockStore) AudioObjectKey(_ string, _ int, _ string) string       { return "" }
+func (m *mockStore) AudioObjectKeyExt(_ string, _ int, _, _ string) string { return "" }
+func (m *mockStore) AudioExists(_ context.Context, _ string) bool          { return false }
+func (m *mockStore) PutAudio(_ context.Context, _ string, _ []byte) error  { return nil }
+func (m *mockStore) AudioObjectSize(_ context.Context, _ string) int64     { return -1 }
+func (m *mockStore) PutAudioStream(_ context.Context, _ string, _ io.Reader, _ int64, _ string) error {
+	return nil
+}
+
+// PresignStore
+func (m *mockStore) PresignChapter(_ context.Context, _ string, _ int, _ time.Duration) (string, error) {
+	return "", nil
+}
+func (m *mockStore) PresignAudio(_ context.Context, _ string, _ time.Duration) (string, error) {
+	return "", nil
+}
+func (m *mockStore) PresignAvatarUpload(_ context.Context, _, _ string) (string, string, error) {
+	return "", "", nil
+}
+func (m *mockStore) PresignAvatarURL(_ context.Context, _ string) (string, bool, error) {
+	return "", false, nil
+}
+func (m *mockStore) PutAvatar(_ context.Context, _, _, _ string, _ []byte) (string, error) {
+	return "", nil
+}
+func (m *mockStore) DeleteAvatar(_ context.Context, _ string) error { return nil }
+
+// ProgressStore
+func (m *mockStore) GetProgress(_ context.Context, _, _ string) (domain.ReadingProgress, bool) {
+	return domain.ReadingProgress{}, false
+}
+func (m *mockStore) SetProgress(_ context.Context, _ string, _ domain.ReadingProgress) error {
+	return nil
+}
+func (m *mockStore) AllProgress(_ context.Context, _ string) ([]domain.ReadingProgress, error) {
+	return nil, nil
+}
+func (m *mockStore) DeleteProgress(_ context.Context, _, _ string) error { return nil }
+
+// ── Compile-time interface satisfaction ───────────────────────────────────────
+
+var _ bookstore.BookWriter = (*mockStore)(nil)
+var _ bookstore.BookReader = (*mockStore)(nil)
+var _ bookstore.RankingStore = (*mockStore)(nil)
+var _ bookstore.AudioStore = (*mockStore)(nil)
+var _ bookstore.PresignStore = (*mockStore)(nil)
+var _ bookstore.ProgressStore = (*mockStore)(nil)
+
+// ── Behavioural tests ─────────────────────────────────────────────────────────
+
+func TestBookWriter_WriteMetadata_ReturnsNilError(t *testing.T) {
+	var w bookstore.BookWriter = &mockStore{}
+	if err := w.WriteMetadata(context.Background(), domain.BookMeta{Slug: "test"}); err != nil {
+		t.Errorf("unexpected error: %v", err)
+	}
+}
+
+func TestBookReader_ReadMetadata_NotFound(t *testing.T) {
+	var r bookstore.BookReader = &mockStore{}
+	_, found, err := r.ReadMetadata(context.Background(), "unknown")
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if found {
+		t.Error("expected not found")
+	}
+}
+
+func TestRankingStore_RankingFreshEnough_ReturnsFalse(t *testing.T) {
+	var s bookstore.RankingStore = &mockStore{}
+	fresh, err := s.RankingFreshEnough(context.Background(), time.Hour)
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if fresh {
+		t.Error("expected false")
+	}
+}
+
+func TestAudioStore_AudioExists_ReturnsFalse(t *testing.T) {
+	var s bookstore.AudioStore = &mockStore{}
+	if s.AudioExists(context.Background(), "audio/slug/1/af_bella.mp3") {
+		t.Error("expected false")
+	}
+}
+
+func TestProgressStore_GetProgress_NotFound(t *testing.T) {
+	var s bookstore.ProgressStore = &mockStore{}
+	_, found := s.GetProgress(context.Background(), "session-1", "slug")
+	if found {
+		t.Error("expected not found")
+	}
+}
diff --git a/backend/internal/browser/browser.go b/backend/internal/browser/browser.go
new file mode 100644
index 0000000..9c4d669
--- /dev/null
+++ b/backend/internal/browser/browser.go
@@ -0,0 +1,191 @@
+// Package browser provides a rate-limited HTTP client for web scraping.
+package browser
+
+import (
+	"context"
+	"errors"
+	"fmt"
+	"io"
+	"net/http"
+	"strconv"
+	"sync"
+	"time"
+)
+
+// ErrRateLimit is returned by GetContent when the server responds with 429.
+// It carries the suggested retry delay (from Retry-After header, or a default).
+var ErrRateLimit = errors.New("rate limited (429)")
+
+// RateLimitError wraps ErrRateLimit and carries the suggested wait duration.
+type RateLimitError struct {
+	// RetryAfter is how long the caller should wait before retrying.
+	// Derived from the Retry-After response header when present; otherwise a default.
+	RetryAfter time.Duration
+}
+
+func (e *RateLimitError) Error() string {
+	return fmt.Sprintf("rate limited (429): retry after %s", e.RetryAfter)
+}
+
+func (e *RateLimitError) Is(target error) bool { return target == ErrRateLimit }
+
+// defaultRateLimitDelay is used when the server returns 429 with no Retry-After header.
+const defaultRateLimitDelay = 60 * time.Second
+
+// Client is the interface used by scrapers to fetch raw page HTML.
+// Implementations must be safe for concurrent use.
+type Client interface {
+	// GetContent fetches the URL and returns the full response body as a string.
+	// It should respect the provided context for cancellation and timeouts.
+	GetContent(ctx context.Context, pageURL string) (string, error)
+}
+
+// Config holds tunable parameters for the direct HTTP client.
+type Config struct {
+	// MaxConcurrent limits the number of simultaneous in-flight requests.
+	// Defaults to 5 when 0.
+	MaxConcurrent int
+	// Timeout is the per-request deadline. Defaults to 90s when 0.
+	Timeout time.Duration
+}
+
+// DirectClient is a plain net/http-based Client with a concurrency semaphore.
+type DirectClient struct {
+	http      *http.Client
+	semaphore chan struct{}
+}
+
+// NewDirectClient returns a DirectClient configured by cfg.
+func NewDirectClient(cfg Config) *DirectClient {
+	if cfg.MaxConcurrent <= 0 {
+		cfg.MaxConcurrent = 5
+	}
+	if cfg.Timeout <= 0 {
+		cfg.Timeout = 90 * time.Second
+	}
+
+	transport := &http.Transport{
+		MaxIdleConnsPerHost: cfg.MaxConcurrent * 2,
+		DisableCompression:  false,
+	}
+
+	return &DirectClient{
+		http: &http.Client{
+			Transport: transport,
+			Timeout:   cfg.Timeout,
+		},
+		semaphore: make(chan struct{}, cfg.MaxConcurrent),
+	}
+}
+
+// GetContent fetches pageURL respecting the concurrency limit.
+func (c *DirectClient) GetContent(ctx context.Context, pageURL string) (string, error) {
+	// Acquire semaphore slot.
+	select {
+	case c.semaphore <- struct{}{}:
+	case <-ctx.Done():
+		return "", ctx.Err()
+	}
+	defer func() { <-c.semaphore }()
+
+	req, err := http.NewRequestWithContext(ctx, http.MethodGet, pageURL, nil)
+	if err != nil {
+		return "", fmt.Errorf("browser: build request %s: %w", pageURL, err)
+	}
+	req.Header.Set("User-Agent", "Mozilla/5.0 (compatible; libnovel-runner/2)")
+	req.Header.Set("Accept", "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8")
+	req.Header.Set("Accept-Language", "en-US,en;q=0.5")
+
+	resp, err := c.http.Do(req)
+	if err != nil {
+		return "", fmt.Errorf("browser: GET %s: %w", pageURL, err)
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode == http.StatusTooManyRequests {
+		delay := defaultRateLimitDelay
+		if ra := resp.Header.Get("Retry-After"); ra != "" {
+			if secs, err := strconv.Atoi(ra); err == nil && secs > 0 {
+				delay = time.Duration(secs) * time.Second
+			}
+		}
+		return "", &RateLimitError{RetryAfter: delay}
+	}
+
+	if resp.StatusCode >= 400 {
+		return "", fmt.Errorf("browser: GET %s returned %d", pageURL, resp.StatusCode)
+	}
+
+	body, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return "", fmt.Errorf("browser: read body %s: %w", pageURL, err)
+	}
+	return string(body), nil
+}
+
+// Do implements httputil.Client so DirectClient can be passed to RetryGet.
+func (c *DirectClient) Do(req *http.Request) (*http.Response, error) {
+	select {
+	case c.semaphore <- struct{}{}:
+	case <-req.Context().Done():
+		return nil, req.Context().Err()
+	}
+	defer func() { <-c.semaphore }()
+	return c.http.Do(req)
+}
+
+// ── Stub for testing ──────────────────────────────────────────────────────────
+
+// StubClient is a test double for Client. It returns pre-configured responses
+// keyed on URL. Calls to unknown URLs return an error.
+type StubClient struct {
+	mu      sync.Mutex
+	pages   map[string]string
+	errors  map[string]error
+	callLog []string
+}
+
+// NewStub creates a StubClient with no pages pre-loaded.
+func NewStub() *StubClient {
+	return &StubClient{
+		pages:  make(map[string]string),
+		errors: make(map[string]error),
+	}
+}
+
+// SetPage registers a URL → HTML body mapping.
+func (s *StubClient) SetPage(u, html string) {
+	s.mu.Lock()
+	s.pages[u] = html
+	s.mu.Unlock()
+}
+
+// SetError registers a URL → error mapping (returned instead of a body).
+func (s *StubClient) SetError(u string, err error) {
+	s.mu.Lock()
+	s.errors[u] = err
+	s.mu.Unlock()
+}
+
+// CallLog returns the ordered list of URLs that were requested.
+func (s *StubClient) CallLog() []string {
+	s.mu.Lock()
+	defer s.mu.Unlock()
+	out := make([]string, len(s.callLog))
+	copy(out, s.callLog)
+	return out
+}
+
+// GetContent returns the registered page or an error for the URL.
+func (s *StubClient) GetContent(_ context.Context, pageURL string) (string, error) {
+	s.mu.Lock()
+	defer s.mu.Unlock()
+	s.callLog = append(s.callLog, pageURL)
+	if err, ok := s.errors[pageURL]; ok {
+		return "", err
+	}
+	if html, ok := s.pages[pageURL]; ok {
+		return html, nil
+	}
+	return "", fmt.Errorf("stub: no page registered for %q", pageURL)
+}
diff --git a/backend/internal/browser/browser_test.go b/backend/internal/browser/browser_test.go
new file mode 100644
index 0000000..c5dd55d
--- /dev/null
+++ b/backend/internal/browser/browser_test.go
@@ -0,0 +1,141 @@
+package browser_test
+
+import (
+	"context"
+	"errors"
+	"net/http"
+	"net/http/httptest"
+	"sync"
+	"sync/atomic"
+	"testing"
+	"time"
+
+	"github.com/libnovel/backend/internal/browser"
+)
+
+func TestDirectClient_GetContent_Success(t *testing.T) {
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		w.Write([]byte("<html>hello</html>"))
+	}))
+	defer srv.Close()
+
+	c := browser.NewDirectClient(browser.Config{MaxConcurrent: 2, Timeout: 5 * time.Second})
+	body, err := c.GetContent(context.Background(), srv.URL)
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if body != "<html>hello</html>" {
+		t.Errorf("want <html>hello</html>, got %q", body)
+	}
+}
+
+func TestDirectClient_GetContent_4xxReturnsError(t *testing.T) {
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		w.WriteHeader(http.StatusNotFound)
+	}))
+	defer srv.Close()
+
+	c := browser.NewDirectClient(browser.Config{})
+	_, err := c.GetContent(context.Background(), srv.URL)
+	if err == nil {
+		t.Fatal("expected error for 404")
+	}
+}
+
+func TestDirectClient_SemaphoreBlocksConcurrency(t *testing.T) {
+	const maxConcurrent = 2
+	var inflight atomic.Int32
+	var peak atomic.Int32
+
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		n := inflight.Add(1)
+		if int(n) > int(peak.Load()) {
+			peak.Store(n)
+		}
+		time.Sleep(20 * time.Millisecond)
+		inflight.Add(-1)
+		w.Write([]byte("ok"))
+	}))
+	defer srv.Close()
+
+	c := browser.NewDirectClient(browser.Config{MaxConcurrent: maxConcurrent, Timeout: 5 * time.Second})
+
+	var wg sync.WaitGroup
+	for i := 0; i < 8; i++ {
+		wg.Add(1)
+		go func() {
+			defer wg.Done()
+			c.GetContent(context.Background(), srv.URL)
+		}()
+	}
+	wg.Wait()
+
+	if int(peak.Load()) > maxConcurrent {
+		t.Errorf("concurrent requests exceeded limit: peak=%d, limit=%d", peak.Load(), maxConcurrent)
+	}
+}
+
+func TestDirectClient_ContextCancel(t *testing.T) {
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		time.Sleep(200 * time.Millisecond)
+		w.Write([]byte("ok"))
+	}))
+	defer srv.Close()
+
+	ctx, cancel := context.WithCancel(context.Background())
+	cancel() // cancel before making the request
+
+	c := browser.NewDirectClient(browser.Config{})
+	_, err := c.GetContent(ctx, srv.URL)
+	if err == nil {
+		t.Fatal("expected context cancellation error")
+	}
+}
+
+// ── StubClient ────────────────────────────────────────────────────────────────
+
+func TestStubClient_ReturnsRegisteredPage(t *testing.T) {
+	stub := browser.NewStub()
+	stub.SetPage("http://example.com/page1", "<html>page1</html>")
+
+	body, err := stub.GetContent(context.Background(), "http://example.com/page1")
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if body != "<html>page1</html>" {
+		t.Errorf("want page1 html, got %q", body)
+	}
+}
+
+func TestStubClient_ReturnsRegisteredError(t *testing.T) {
+	stub := browser.NewStub()
+	want := errors.New("network failure")
+	stub.SetError("http://example.com/bad", want)
+
+	_, err := stub.GetContent(context.Background(), "http://example.com/bad")
+	if err == nil {
+		t.Fatal("expected error")
+	}
+}
+
+func TestStubClient_UnknownURLReturnsError(t *testing.T) {
+	stub := browser.NewStub()
+	_, err := stub.GetContent(context.Background(), "http://unknown.example.com/")
+	if err == nil {
+		t.Fatal("expected error for unknown URL")
+	}
+}
+
+func TestStubClient_CallLog(t *testing.T) {
+	stub := browser.NewStub()
+	stub.SetPage("http://example.com/a", "a")
+	stub.SetPage("http://example.com/b", "b")
+
+	stub.GetContent(context.Background(), "http://example.com/a")
+	stub.GetContent(context.Background(), "http://example.com/b")
+
+	log := stub.CallLog()
+	if len(log) != 2 || log[0] != "http://example.com/a" || log[1] != "http://example.com/b" {
+		t.Errorf("unexpected call log: %v", log)
+	}
+}
diff --git a/backend/internal/cfai/client.go b/backend/internal/cfai/client.go
new file mode 100644
index 0000000..078432a
--- /dev/null
+++ b/backend/internal/cfai/client.go
@@ -0,0 +1,315 @@
+// Package cfai provides a client for Cloudflare Workers AI Text-to-Speech models.
+//
+// The Cloudflare Workers AI REST API is used to run TTS models:
+//
+//	POST https://api.cloudflare.com/client/v4/accounts/{accountID}/ai/run/{model}
+//	Authorization: Bearer {apiToken}
+//	Content-Type:  application/json
+//	{ "text": "...", "speaker": "luna" }
+//
+//	→ 200 audio/mpeg — raw MP3 bytes
+//
+// Currently supported model: @cf/deepgram/aura-2-en (40 English speakers).
+// Voice IDs are prefixed with "cfai:" to distinguish them from Kokoro/pocket-tts
+// voices (e.g. "cfai:luna", "cfai:orion").
+//
+// The API is batch-only (no streaming), so GenerateAudio waits for the full
+// response. There is no 100-second Cloudflare proxy timeout because we are
+// calling the Cloudflare API directly, not routing through a Cloudflare-proxied
+// homelab tunnel.
+//
+// The aura-2-en model enforces a hard 2 000-character limit per request.
+// GenerateAudio transparently splits longer texts into sentence-boundary chunks
+// and concatenates the resulting MP3 frames.
+package cfai
+
+import (
+	"bytes"
+	"context"
+	"encoding/json"
+	"fmt"
+	"io"
+	"net/http"
+	"strings"
+	"time"
+)
+
+const (
+	// DefaultModel is the Cloudflare Workers AI TTS model used by default.
+	DefaultModel = "@cf/deepgram/aura-2-en"
+
+	// voicePrefix is the prefix used to namespace CF AI voice IDs.
+	voicePrefix = "cfai:"
+)
+
+// aura2Speakers is the exhaustive list of speakers supported by aura-2-en.
+var aura2Speakers = []string{
+	"amalthea", "andromeda", "apollo", "arcas", "aries", "asteria",
+	"athena", "atlas", "aurora", "callista", "cora", "cordelia",
+	"delia", "draco", "electra", "harmonia", "helena", "hera",
+	"hermes", "hyperion", "iris", "janus", "juno", "jupiter",
+	"luna", "mars", "minerva", "neptune", "odysseus", "ophelia",
+	"orion", "orpheus", "pandora", "phoebe", "pluto", "saturn",
+	"thalia", "theia", "vesta", "zeus",
+}
+
+// femaleSpeakers is the set of aura-2-en speaker names that are female voices.
+var femaleSpeakers = map[string]struct{}{
+	"amalthea": {}, "andromeda": {}, "aries": {}, "asteria": {},
+	"athena": {}, "aurora": {}, "callista": {}, "cora": {},
+	"cordelia": {}, "delia": {}, "electra": {}, "harmonia": {},
+	"helena": {}, "hera": {}, "iris": {}, "juno": {},
+	"luna": {}, "minerva": {}, "ophelia": {}, "pandora": {},
+	"phoebe": {}, "thalia": {}, "theia": {}, "vesta": {},
+}
+
+// IsCFAIVoice reports whether voice is served by the Cloudflare AI client.
+// CF AI voices use the "cfai:" prefix, e.g. "cfai:luna".
+func IsCFAIVoice(voice string) bool {
+	return strings.HasPrefix(voice, voicePrefix)
+}
+
+// SpeakerName strips the "cfai:" prefix and returns the bare speaker name.
+// If voice is not a CF AI voice the original string is returned unchanged.
+func SpeakerName(voice string) string {
+	return strings.TrimPrefix(voice, voicePrefix)
+}
+
+// VoiceID returns the full voice ID (with prefix) for a bare speaker name.
+func VoiceID(speaker string) string {
+	return voicePrefix + speaker
+}
+
+// VoiceSampleKey returns the MinIO object key for a CF AI voice sample MP3.
+func VoiceSampleKey(voice string) string {
+	safe := strings.Map(func(r rune) rune {
+		if (r >= 'a' && r <= 'z') || (r >= 'A' && r <= 'Z') ||
+			(r >= '0' && r <= '9') || r == '_' || r == '-' {
+			return r
+		}
+		return '_'
+	}, voice)
+	return fmt.Sprintf("_voice-samples/%s.mp3", safe)
+}
+
+// IsFemale reports whether the given CF AI voice ID (with or without prefix)
+// is a female speaker.
+func IsFemale(voice string) bool {
+	speaker := SpeakerName(voice)
+	_, ok := femaleSpeakers[speaker]
+	return ok
+}
+
+// Speakers returns all available bare speaker names for aura-2-en.
+func Speakers() []string {
+	out := make([]string, len(aura2Speakers))
+	copy(out, aura2Speakers)
+	return out
+}
+
+// Client is the interface for interacting with Cloudflare Workers AI TTS.
+type Client interface {
+	// GenerateAudio synthesises text using the given voice (e.g. "cfai:luna")
+	// and returns raw MP3 bytes.
+	GenerateAudio(ctx context.Context, text, voice string) ([]byte, error)
+
+	// StreamAudioMP3 is not natively supported by the CF AI batch API.
+	// It buffers the full response and returns an io.ReadCloser over the bytes,
+	// so callers can use it like a stream without special-casing.
+	StreamAudioMP3(ctx context.Context, text, voice string) (io.ReadCloser, error)
+
+	// StreamAudioWAV is not natively supported; the CF AI model returns MP3.
+	// This method returns the same MP3 bytes wrapped as an io.ReadCloser.
+	StreamAudioWAV(ctx context.Context, text, voice string) (io.ReadCloser, error)
+
+	// ListVoices returns all available voice IDs (with the "cfai:" prefix).
+	ListVoices(ctx context.Context) ([]string, error)
+}
+
+// httpClient is the concrete CF AI HTTP client.
+type httpClient struct {
+	accountID string
+	apiToken  string
+	model     string
+	http      *http.Client
+}
+
+// New returns a Client for the given Cloudflare account and API token.
+// model defaults to DefaultModel when empty.
+func New(accountID, apiToken, model string) Client {
+	if model == "" {
+		model = DefaultModel
+	}
+	return &httpClient{
+		accountID: accountID,
+		apiToken:  apiToken,
+		model:     model,
+		http:      &http.Client{Timeout: 5 * time.Minute},
+	}
+}
+
+// GenerateAudio calls the Cloudflare Workers AI TTS endpoint and returns MP3 bytes.
+// The aura-2-en model rejects inputs longer than 2 000 characters, so this method
+// splits the text into sentence-bounded chunks and concatenates the MP3 responses.
+func (c *httpClient) GenerateAudio(ctx context.Context, text, voice string) ([]byte, error) {
+	if text == "" {
+		return nil, fmt.Errorf("cfai: empty text")
+	}
+	speaker := SpeakerName(voice)
+	if speaker == "" {
+		speaker = "luna"
+	}
+
+	chunks := splitText(text, 1800) // stay comfortably under the 2 000-char limit
+	var combined []byte
+	for _, chunk := range chunks {
+		part, err := c.generateChunk(ctx, chunk, speaker)
+		if err != nil {
+			return nil, err
+		}
+		combined = append(combined, part...)
+	}
+	return combined, nil
+}
+
+// generateChunk sends a single ≤2 000-character request and returns MP3 bytes.
+func (c *httpClient) generateChunk(ctx context.Context, text, speaker string) ([]byte, error) {
+	body, err := json.Marshal(map[string]any{
+		"text":    text,
+		"speaker": speaker,
+	})
+	if err != nil {
+		return nil, fmt.Errorf("cfai: marshal request: %w", err)
+	}
+
+	url := fmt.Sprintf("https://api.cloudflare.com/client/v4/accounts/%s/ai/run/%s",
+		c.accountID, c.model)
+	req, err := http.NewRequestWithContext(ctx, http.MethodPost, url, bytes.NewReader(body))
+	if err != nil {
+		return nil, fmt.Errorf("cfai: build request: %w", err)
+	}
+	req.Header.Set("Authorization", "Bearer "+c.apiToken)
+	req.Header.Set("Content-Type", "application/json")
+
+	resp, err := c.http.Do(req)
+	if err != nil {
+		return nil, fmt.Errorf("cfai: request: %w", err)
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != http.StatusOK {
+		body, _ := io.ReadAll(resp.Body)
+		return nil, fmt.Errorf("cfai: server returned %d: %s", resp.StatusCode, strings.TrimSpace(string(body)))
+	}
+
+	mp3, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return nil, fmt.Errorf("cfai: read response: %w", err)
+	}
+	return mp3, nil
+}
+
+// splitText splits src into chunks of at most maxChars characters each.
+// It tries to break at paragraph boundaries first, then at sentence-ending
+// punctuation (. ! ?), and falls back to the nearest space.
+func splitText(src string, maxChars int) []string {
+	if len(src) <= maxChars {
+		return []string{src}
+	}
+
+	var chunks []string
+	remaining := src
+
+	for len(remaining) > 0 {
+		if len(remaining) <= maxChars {
+			chunks = append(chunks, strings.TrimSpace(remaining))
+			break
+		}
+
+		// Search window: the first maxChars bytes of remaining.
+		// Use byte length here because the API limit is in bytes/chars for ASCII;
+		// for safety we operate on rune-aware slices.
+		window := remaining
+		if len(window) > maxChars {
+			// Trim to maxChars runes (not bytes), ensuring we don't split a multi-byte char.
+			window = runeSlice(remaining, maxChars)
+		}
+
+		cut := -1
+
+		// 1. Prefer paragraph break (\n\n or \n).
+		if i := strings.LastIndex(window, "\n\n"); i > 0 {
+			cut = i + 2
+		} else if i := strings.LastIndex(window, "\n"); i > 0 {
+			cut = i + 1
+		}
+
+		// 2. Fall back to sentence-ending punctuation followed by a space.
+		if cut < 0 {
+			for _, punct := range []string{". ", "! ", "? ", ".\n", "!\n", "?\n"} {
+				if i := strings.LastIndex(window, punct); i > 0 {
+					candidate := i + len(punct)
+					if cut < 0 || candidate > cut {
+						cut = candidate
+					}
+				}
+			}
+		}
+
+		// 3. Last resort: nearest space.
+		if cut < 0 {
+			if i := strings.LastIndex(window, " "); i > 0 {
+				cut = i + 1
+			}
+		}
+
+		// 4. Hard cut at maxChars runes if no boundary found.
+		if cut < 0 {
+			cut = len(window)
+		}
+
+		chunk := strings.TrimSpace(remaining[:cut])
+		if chunk != "" {
+			chunks = append(chunks, chunk)
+		}
+		remaining = remaining[cut:]
+	}
+
+	return chunks
+}
+
+// runeSlice returns the first n runes of s as a string.
+func runeSlice(s string, n int) string {
+	count := 0
+	for i := range s {
+		if count == n {
+			return s[:i]
+		}
+		count++
+	}
+	return s
+}
+
+// StreamAudioMP3 generates audio and wraps the MP3 bytes as an io.ReadCloser.
+func (c *httpClient) StreamAudioMP3(ctx context.Context, text, voice string) (io.ReadCloser, error) {
+	mp3, err := c.GenerateAudio(ctx, text, voice)
+	if err != nil {
+		return nil, err
+	}
+	return io.NopCloser(bytes.NewReader(mp3)), nil
+}
+
+// StreamAudioWAV generates audio (MP3) and wraps it as an io.ReadCloser.
+// Note: the CF AI aura-2-en model returns MP3 regardless of the method name.
+func (c *httpClient) StreamAudioWAV(ctx context.Context, text, voice string) (io.ReadCloser, error) {
+	return c.StreamAudioMP3(ctx, text, voice)
+}
+
+// ListVoices returns all available CF AI voice IDs (with the "cfai:" prefix).
+func (c *httpClient) ListVoices(_ context.Context) ([]string, error) {
+	ids := make([]string, len(aura2Speakers))
+	for i, s := range aura2Speakers {
+		ids[i] = VoiceID(s)
+	}
+	return ids, nil
+}
diff --git a/backend/internal/cfai/image.go b/backend/internal/cfai/image.go
new file mode 100644
index 0000000..713b95f
--- /dev/null
+++ b/backend/internal/cfai/image.go
@@ -0,0 +1,475 @@
+// Image generation via Cloudflare Workers AI text-to-image models.
+//
+// API reference:
+//
+//	POST https://api.cloudflare.com/client/v4/accounts/{accountID}/ai/run/{model}
+//	Authorization: Bearer {apiToken}
+//
+// FLUX.2 models (flux-2-dev, flux-2-klein-4b, flux-2-klein-9b):
+//
+//	Content-Type: multipart/form-data
+//	Fields: prompt, num_steps, width, height, guidance, image_b64 (optional)
+//	Response: { "image": "<base64 JPEG>" }
+//
+// Other models (flux-1-schnell, SDXL, SD 1.5):
+//
+//	Content-Type: application/json
+//	Body: { "prompt": "...", "num_steps": 20 }
+//	Response: { "image": "<base64>" } or raw bytes depending on model
+//
+// Reference-image request (FLUX.2):
+//
+//	Same multipart form; include image_b64 field with base64-encoded reference.
+//
+// Reference-image request (SD img2img):
+//
+//	JSON body: { "prompt": "...", "image": [r,g,b,a,...], "strength": 0.75 }
+//
+// Recommended models for LibNovel:
+//   - Book covers (no reference): flux-2-dev, flux-2-klein-9b, lucid-origin
+//   - Chapter images (speed):     flux-2-klein-4b, flux-1-schnell
+//   - With reference image:       flux-2-dev, flux-2-klein-9b, sd-v1-5-img2img
+package cfai
+
+import (
+	"bytes"
+	"context"
+	"encoding/base64"
+	"encoding/json"
+	"fmt"
+	"image"
+	"image/draw"
+	"image/jpeg"
+	_ "image/jpeg" // register JPEG decoder
+	"image/png"
+	_ "image/png" // register PNG decoder
+	"io"
+	"mime/multipart"
+	"net/http"
+	"strings"
+	"time"
+)
+
+// ImageModel identifies a Cloudflare Workers AI text-to-image model.
+type ImageModel string
+
+const (
+	// ImageModelFlux2Dev — best quality, multi-reference. Recommended for covers.
+	ImageModelFlux2Dev ImageModel = "@cf/black-forest-labs/flux-2-dev"
+	// ImageModelFlux2Klein9B — 9B params, multi-reference. Good for covers.
+	ImageModelFlux2Klein9B ImageModel = "@cf/black-forest-labs/flux-2-klein-9b"
+	// ImageModelFlux2Klein4B — ultra-fast, unified gen+edit. Recommended for chapters.
+	ImageModelFlux2Klein4B ImageModel = "@cf/black-forest-labs/flux-2-klein-4b"
+	// ImageModelFlux1Schnell — fastest, text-only. Good for quick illustrations.
+	ImageModelFlux1Schnell ImageModel = "@cf/black-forest-labs/flux-1-schnell"
+	// ImageModelSDXLLightning — fast 1024px generation.
+	ImageModelSDXLLightning ImageModel = "@cf/bytedance/stable-diffusion-xl-lightning"
+	// ImageModelSD15Img2Img — explicit img2img with flat RGBA reference.
+	ImageModelSD15Img2Img ImageModel = "@cf/runwayml/stable-diffusion-v1-5-img2img"
+	// ImageModelSDXLBase — Stability AI SDXL base.
+	ImageModelSDXLBase ImageModel = "@cf/stabilityai/stable-diffusion-xl-base-1.0"
+	// ImageModelLucidOrigin — Leonardo AI; strong prompt adherence.
+	ImageModelLucidOrigin ImageModel = "@cf/leonardo/lucid-origin"
+	// ImageModelPhoenix10 — Leonardo AI; accurate text rendering.
+	ImageModelPhoenix10 ImageModel = "@cf/leonardo/phoenix-1.0"
+
+	// DefaultImageModel is the default model for book-cover generation.
+	DefaultImageModel = ImageModelFlux2Dev
+)
+
+// ImageModelInfo describes a single image generation model.
+type ImageModelInfo struct {
+	ID             string   `json:"id"`
+	Label          string   `json:"label"`
+	Provider       string   `json:"provider"`
+	SupportsRef    bool     `json:"supports_ref"`
+	RecommendedFor []string `json:"recommended_for"` // "cover" and/or "chapter"
+	Description    string   `json:"description"`
+}
+
+// AllImageModels returns metadata about every supported image model.
+func AllImageModels() []ImageModelInfo {
+	return []ImageModelInfo{
+		{
+			ID: string(ImageModelFlux2Dev), Label: "FLUX.2 Dev", Provider: "Black Forest Labs",
+			SupportsRef: true, RecommendedFor: []string{"cover"},
+			Description: "Best quality; multi-reference editing. Recommended for book covers.",
+		},
+		{
+			ID: string(ImageModelFlux2Klein9B), Label: "FLUX.2 Klein 9B", Provider: "Black Forest Labs",
+			SupportsRef: true, RecommendedFor: []string{"cover"},
+			Description: "9B parameters with multi-reference support.",
+		},
+		{
+			ID: string(ImageModelFlux2Klein4B), Label: "FLUX.2 Klein 4B", Provider: "Black Forest Labs",
+			SupportsRef: true, RecommendedFor: []string{"chapter"},
+			Description: "Ultra-fast unified gen+edit. Recommended for chapter images.",
+		},
+		{
+			ID: string(ImageModelFlux1Schnell), Label: "FLUX.1 Schnell", Provider: "Black Forest Labs",
+			SupportsRef: false, RecommendedFor: []string{"chapter"},
+			Description: "Fastest inference. Good for quick chapter illustrations.",
+		},
+		{
+			ID: string(ImageModelSDXLLightning), Label: "SDXL Lightning", Provider: "ByteDance",
+			SupportsRef: false, RecommendedFor: []string{"chapter"},
+			Description: "Lightning-fast 1024px images in a few steps.",
+		},
+		{
+			ID: string(ImageModelSD15Img2Img), Label: "SD 1.5 img2img", Provider: "RunwayML",
+			SupportsRef: true, RecommendedFor: []string{"cover", "chapter"},
+			Description: "Explicit img2img: generates from a reference image + prompt.",
+		},
+		{
+			ID: string(ImageModelSDXLBase), Label: "SDXL Base 1.0", Provider: "Stability AI",
+			SupportsRef: false, RecommendedFor: []string{"cover"},
+			Description: "Stable Diffusion XL base model.",
+		},
+		{
+			ID: string(ImageModelLucidOrigin), Label: "Lucid Origin", Provider: "Leonardo AI",
+			SupportsRef: false, RecommendedFor: []string{"cover"},
+			Description: "Highly prompt-responsive; strong graphic design and HD renders.",
+		},
+		{
+			ID: string(ImageModelPhoenix10), Label: "Phoenix 1.0", Provider: "Leonardo AI",
+			SupportsRef: false, RecommendedFor: []string{"cover"},
+			Description: "Exceptional prompt adherence; accurate text rendering.",
+		},
+	}
+}
+
+// ImageRequest is the input to GenerateImage / GenerateImageFromReference.
+type ImageRequest struct {
+	// Prompt is the text description of the desired image.
+	Prompt string
+	// Model is the CF Workers AI model. Defaults to DefaultImageModel when empty.
+	Model ImageModel
+	// NumSteps controls inference quality (default 20). Range: 1–20.
+	NumSteps int
+	// Width and Height in pixels. 0 = model default (typically 1024x1024).
+	Width, Height int
+	// Guidance controls prompt adherence (default 7.5).
+	Guidance float64
+	// Strength for img2img: 0.0 = copy reference, 1.0 = ignore reference (default 0.75).
+	Strength float64
+}
+
+// ImageGenClient generates images via Cloudflare Workers AI.
+type ImageGenClient interface {
+	// GenerateImage creates an image from a text prompt only.
+	// Returns raw PNG bytes.
+	GenerateImage(ctx context.Context, req ImageRequest) ([]byte, error)
+
+	// GenerateImageFromReference creates an image from a text prompt + reference image.
+	// refImage should be PNG or JPEG bytes. Returns raw PNG bytes.
+	GenerateImageFromReference(ctx context.Context, req ImageRequest, refImage []byte) ([]byte, error)
+
+	// Models returns metadata about all supported image models.
+	Models() []ImageModelInfo
+}
+
+// imageGenHTTPClient is the concrete CF AI image generation client.
+type imageGenHTTPClient struct {
+	accountID string
+	apiToken  string
+	http      *http.Client
+}
+
+// NewImageGen returns an ImageGenClient for the given Cloudflare account.
+func NewImageGen(accountID, apiToken string) ImageGenClient {
+	return &imageGenHTTPClient{
+		accountID: accountID,
+		apiToken:  apiToken,
+		http:      &http.Client{Timeout: 5 * time.Minute},
+	}
+}
+
+// requiresMultipart reports whether the model requires a multipart/form-data
+// request body instead of JSON. FLUX.2 models on Cloudflare Workers AI changed
+// their API to require multipart and return {"image":"<base64>"} instead of
+// raw image bytes.
+func requiresMultipart(model ImageModel) bool {
+	switch model {
+	case ImageModelFlux2Dev, ImageModelFlux2Klein4B, ImageModelFlux2Klein9B:
+		return true
+	default:
+		return false
+	}
+}
+
+// GenerateImage generates an image from text only.
+func (c *imageGenHTTPClient) GenerateImage(ctx context.Context, req ImageRequest) ([]byte, error) {
+	req = applyImageDefaults(req)
+
+	// FLUX.2 multipart models use "steps"; JSON models use "num_steps".
+	stepsKey := "num_steps"
+	if requiresMultipart(req.Model) {
+		stepsKey = "steps"
+	}
+
+	fields := map[string]any{
+		"prompt": req.Prompt,
+		stepsKey: req.NumSteps,
+	}
+	if req.Width > 0 {
+		fields["width"] = req.Width
+	}
+	if req.Height > 0 {
+		fields["height"] = req.Height
+	}
+	if req.Guidance > 0 {
+		fields["guidance"] = req.Guidance
+	}
+	return c.callImageAPI(ctx, req.Model, fields, nil)
+}
+
+// refImageMaxDim is the maximum dimension (width or height) for reference images
+// sent to Cloudflare Workers AI. CF's JSON body limit is ~4 MB; a 768px JPEG
+// stays well under that while preserving enough detail for img2img guidance.
+const refImageMaxDim = 768
+
+// GenerateImageFromReference generates an image from a text prompt + reference image.
+func (c *imageGenHTTPClient) GenerateImageFromReference(ctx context.Context, req ImageRequest, refImage []byte) ([]byte, error) {
+	if len(refImage) == 0 {
+		return c.GenerateImage(ctx, req)
+	}
+	req = applyImageDefaults(req)
+
+	// Shrink the reference image if it exceeds the safe payload size.
+	refImage = resizeRefImage(refImage, refImageMaxDim)
+
+	// FLUX.2 multipart models use "steps"; JSON models use "num_steps".
+	stepsKey := "num_steps"
+	if requiresMultipart(req.Model) {
+		stepsKey = "steps"
+	}
+
+	fields := map[string]any{
+		"prompt": req.Prompt,
+		stepsKey: req.NumSteps,
+	}
+	if req.Width > 0 {
+		fields["width"] = req.Width
+	}
+	if req.Height > 0 {
+		fields["height"] = req.Height
+	}
+	if req.Guidance > 0 {
+		fields["guidance"] = req.Guidance
+	}
+
+	if requiresMultipart(req.Model) {
+		// FLUX.2: reference image sent as base64 form field "image_b64".
+		fields["image_b64"] = base64.StdEncoding.EncodeToString(refImage)
+		if req.Strength > 0 {
+			fields["strength"] = req.Strength
+		}
+		return c.callImageAPI(ctx, req.Model, fields, nil)
+	}
+
+	if req.Model == ImageModelSD15Img2Img {
+		pixels, err := decodeImageToRGBA(refImage)
+		if err != nil {
+			return nil, fmt.Errorf("cfai/image: decode reference: %w", err)
+		}
+		strength := req.Strength
+		if strength <= 0 {
+			strength = 0.75
+		}
+		fields["image"] = pixels
+		fields["strength"] = strength
+		return c.callImageAPI(ctx, req.Model, fields, nil)
+	}
+
+	// Other FLUX models: image_b64 JSON field.
+	fields["image_b64"] = base64.StdEncoding.EncodeToString(refImage)
+	if req.Strength > 0 {
+		fields["strength"] = req.Strength
+	}
+	return c.callImageAPI(ctx, req.Model, fields, nil)
+}
+
+// Models returns all supported image model metadata.
+func (c *imageGenHTTPClient) Models() []ImageModelInfo {
+	return AllImageModels()
+}
+
+func (c *imageGenHTTPClient) callImageAPI(ctx context.Context, model ImageModel, fields map[string]any, _ []byte) ([]byte, error) {
+	cfURL := fmt.Sprintf("https://api.cloudflare.com/client/v4/accounts/%s/ai/run/%s",
+		c.accountID, string(model))
+
+	var (
+		bodyReader  io.Reader
+		contentType string
+	)
+
+	if requiresMultipart(model) {
+		// Build a multipart/form-data body from the fields map.
+		// All values are serialised to their string representation.
+		var buf bytes.Buffer
+		mw := multipart.NewWriter(&buf)
+		for k, v := range fields {
+			var strVal string
+			switch tv := v.(type) {
+			case string:
+				strVal = tv
+			default:
+				encoded, merr := json.Marshal(tv)
+				if merr != nil {
+					return nil, fmt.Errorf("cfai/image: marshal field %q: %w", k, merr)
+				}
+				strVal = strings.Trim(string(encoded), `"`)
+			}
+			if werr := mw.WriteField(k, strVal); werr != nil {
+				return nil, fmt.Errorf("cfai/image: write field %q: %w", k, werr)
+			}
+		}
+		if cerr := mw.Close(); cerr != nil {
+			return nil, fmt.Errorf("cfai/image: close multipart writer: %w", cerr)
+		}
+		bodyReader = &buf
+		contentType = mw.FormDataContentType()
+	} else {
+		encoded, merr := json.Marshal(fields)
+		if merr != nil {
+			return nil, fmt.Errorf("cfai/image: marshal: %w", merr)
+		}
+		bodyReader = bytes.NewReader(encoded)
+		contentType = "application/json"
+	}
+
+	req, err := http.NewRequestWithContext(ctx, http.MethodPost, cfURL, bodyReader)
+	if err != nil {
+		return nil, fmt.Errorf("cfai/image: build request: %w", err)
+	}
+	req.Header.Set("Authorization", "Bearer "+c.apiToken)
+	req.Header.Set("Content-Type", contentType)
+
+	resp, err := c.http.Do(req)
+	if err != nil {
+		return nil, fmt.Errorf("cfai/image: http: %w", err)
+	}
+	defer resp.Body.Close()
+
+	respBody, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return nil, fmt.Errorf("cfai/image: read response: %w", err)
+	}
+
+	if resp.StatusCode != http.StatusOK {
+		msg := string(respBody)
+		if len(msg) > 300 {
+			msg = msg[:300]
+		}
+		return nil, fmt.Errorf("cfai/image: model %s returned %d: %s", model, resp.StatusCode, msg)
+	}
+
+	// Try to parse as {"image": "<base64>"} first (FLUX.2 and newer models).
+	// Fall back to treating the body as raw image bytes for legacy models.
+	var jsonResp struct {
+		Image string `json:"image"`
+	}
+	if jerr := json.Unmarshal(respBody, &jsonResp); jerr == nil && jsonResp.Image != "" {
+		imgBytes, decErr := base64.StdEncoding.DecodeString(jsonResp.Image)
+		if decErr != nil {
+			// Try raw (no padding) base64
+			imgBytes, decErr = base64.RawStdEncoding.DecodeString(jsonResp.Image)
+			if decErr != nil {
+				return nil, fmt.Errorf("cfai/image: decode base64 response: %w", decErr)
+			}
+		}
+		return imgBytes, nil
+	}
+
+	// Legacy: model returned raw image bytes directly.
+	return respBody, nil
+}
+
+func applyImageDefaults(req ImageRequest) ImageRequest {
+	if req.Model == "" {
+		req.Model = DefaultImageModel
+	}
+	if req.NumSteps <= 0 {
+		req.NumSteps = 20
+	}
+	return req
+}
+
+// resizeRefImage down-scales an image so that its longest side is at most maxDim
+// pixels, then re-encodes it as JPEG (quality 85). If the image is already small
+// enough, or if decoding fails, the original bytes are returned unchanged.
+// This keeps the JSON payload well under Cloudflare Workers AI's 4 MB body limit.
+func resizeRefImage(data []byte, maxDim int) []byte {
+	src, format, err := image.Decode(bytes.NewReader(data))
+	if err != nil {
+		return data
+	}
+	b := src.Bounds()
+	w, h := b.Dx(), b.Dy()
+
+	longest := w
+	if h > longest {
+		longest = h
+	}
+	if longest <= maxDim {
+		return data // already fits
+	}
+
+	// Compute target dimensions preserving aspect ratio.
+	scale := float64(maxDim) / float64(longest)
+	newW := int(float64(w)*scale + 0.5)
+	newH := int(float64(h)*scale + 0.5)
+	if newW < 1 {
+		newW = 1
+	}
+	if newH < 1 {
+		newH = 1
+	}
+
+	// Nearest-neighbour downsample (no extra deps, sufficient for reference guidance).
+	dst := image.NewRGBA(image.Rect(0, 0, newW, newH))
+	for y := 0; y < newH; y++ {
+		for x := 0; x < newW; x++ {
+			srcX := b.Min.X + int(float64(x)/scale)
+			srcY := b.Min.Y + int(float64(y)/scale)
+			draw.Draw(dst, image.Rect(x, y, x+1, y+1), src, image.Pt(srcX, srcY), draw.Src)
+		}
+	}
+
+	var buf bytes.Buffer
+	if format == "jpeg" {
+		if encErr := jpeg.Encode(&buf, dst, &jpeg.Options{Quality: 85}); encErr != nil {
+			return data
+		}
+	} else {
+		if encErr := png.Encode(&buf, dst); encErr != nil {
+			return data
+		}
+	}
+	return buf.Bytes()
+}
+
+// decodeImageToRGBA decodes PNG/JPEG bytes to a flat []uint8 RGBA pixel array
+// required by the stable-diffusion-v1-5-img2img model.
+func decodeImageToRGBA(data []byte) ([]uint8, error) {
+	img, _, err := image.Decode(bytes.NewReader(data))
+	if err != nil {
+		return nil, fmt.Errorf("decode image: %w", err)
+	}
+	bounds := img.Bounds()
+	w := bounds.Max.X - bounds.Min.X
+	h := bounds.Max.Y - bounds.Min.Y
+	pixels := make([]uint8, w*h*4)
+	idx := 0
+	for y := bounds.Min.Y; y < bounds.Max.Y; y++ {
+		for x := bounds.Min.X; x < bounds.Max.X; x++ {
+			r, g, b, a := img.At(x, y).RGBA()
+			pixels[idx] = uint8(r >> 8)
+			pixels[idx+1] = uint8(g >> 8)
+			pixels[idx+2] = uint8(b >> 8)
+			pixels[idx+3] = uint8(a >> 8)
+			idx += 4
+		}
+	}
+	return pixels, nil
+}
diff --git a/backend/internal/cfai/text.go b/backend/internal/cfai/text.go
new file mode 100644
index 0000000..c62bf10
--- /dev/null
+++ b/backend/internal/cfai/text.go
@@ -0,0 +1,257 @@
+// Text generation via Cloudflare Workers AI LLM models.
+//
+// API reference:
+//
+//	POST https://api.cloudflare.com/client/v4/accounts/{accountID}/ai/run/{model}
+//	Authorization: Bearer {apiToken}
+//	Content-Type:  application/json
+//
+// Request body (all models):
+//
+//	{ "messages": [{"role":"system","content":"..."},{"role":"user","content":"..."}] }
+//
+// Response (wrapped):
+//
+//	{ "result": { "response": "..." }, "success": true }
+package cfai
+
+import (
+	"bytes"
+	"context"
+	"encoding/json"
+	"fmt"
+	"io"
+	"net/http"
+	"time"
+)
+
+// TextModel identifies a Cloudflare Workers AI text generation model.
+type TextModel string
+
+const (
+	// TextModelGemma4          — Google Gemma 4, 256k context.
+	TextModelGemma4 TextModel = "@cf/google/gemma-4-26b-a4b-it"
+	// TextModelLlama4Scout     — Meta Llama 4 Scout 17B, multimodal.
+	TextModelLlama4Scout TextModel = "@cf/meta/llama-4-scout-17b-16e-instruct"
+	// TextModelLlama33_70B     — Meta Llama 3.3 70B, fast fp8.
+	TextModelLlama33_70B TextModel = "@cf/meta/llama-3.3-70b-instruct-fp8-fast"
+	// TextModelQwen3_30B       — Qwen3 30B MoE, function calling.
+	TextModelQwen3_30B TextModel = "@cf/qwen/qwen3-30b-a3b-fp8"
+	// TextModelMistralSmall    — Mistral Small 3.1 24B, 128k context.
+	TextModelMistralSmall TextModel = "@cf/mistralai/mistral-small-3.1-24b-instruct"
+	// TextModelQwQ32B          — Qwen QwQ 32B reasoning model.
+	TextModelQwQ32B TextModel = "@cf/qwen/qwq-32b"
+	// TextModelDeepSeekR1      — DeepSeek R1 distill Qwen 32B.
+	TextModelDeepSeekR1 TextModel = "@cf/deepseek-ai/deepseek-r1-distill-qwen-32b"
+	// TextModelGemma3_12B      — Google Gemma 3 12B, 80k context.
+	TextModelGemma3_12B TextModel = "@cf/google/gemma-3-12b-it"
+	// TextModelGPTOSS120B      — OpenAI gpt-oss-120b, high reasoning.
+	TextModelGPTOSS120B TextModel = "@cf/openai/gpt-oss-120b"
+	// TextModelGPTOSS20B       — OpenAI gpt-oss-20b, lower latency.
+	TextModelGPTOSS20B TextModel = "@cf/openai/gpt-oss-20b"
+	// TextModelNemotron3       — NVIDIA Nemotron 3 120B, agentic.
+	TextModelNemotron3 TextModel = "@cf/nvidia/nemotron-3-120b-a12b"
+	// TextModelLlama32_3B      — Meta Llama 3.2 3B, lightweight.
+	TextModelLlama32_3B TextModel = "@cf/meta/llama-3.2-3b-instruct"
+
+	// DefaultTextModel is the default model used when none is specified.
+	DefaultTextModel = TextModelLlama4Scout
+)
+
+// TextModelInfo describes a single text generation model.
+type TextModelInfo struct {
+	ID          string `json:"id"`
+	Label       string `json:"label"`
+	Provider    string `json:"provider"`
+	ContextSize int    `json:"context_size"` // max context in tokens
+	Description string `json:"description"`
+}
+
+// AllTextModels returns metadata about every supported text generation model.
+func AllTextModels() []TextModelInfo {
+	return []TextModelInfo{
+		{
+			ID: string(TextModelGemma4), Label: "Gemma 4 26B", Provider: "Google",
+			ContextSize: 256000,
+			Description: "Google's most intelligent open model family. 256k context, function calling.",
+		},
+		{
+			ID: string(TextModelLlama4Scout), Label: "Llama 4 Scout 17B", Provider: "Meta",
+			ContextSize: 131000,
+			Description: "Natively multimodal, 16 experts. Good all-purpose model with function calling.",
+		},
+		{
+			ID: string(TextModelLlama33_70B), Label: "Llama 3.3 70B (fp8 fast)", Provider: "Meta",
+			ContextSize: 24000,
+			Description: "Llama 3.3 70B quantized to fp8 for speed. Excellent instruction following.",
+		},
+		{
+			ID: string(TextModelQwen3_30B), Label: "Qwen3 30B MoE", Provider: "Qwen",
+			ContextSize: 32768,
+			Description: "MoE architecture with strong reasoning and instruction following.",
+		},
+		{
+			ID: string(TextModelMistralSmall), Label: "Mistral Small 3.1 24B", Provider: "MistralAI",
+			ContextSize: 128000,
+			Description: "Strong text performance with 128k context and function calling.",
+		},
+		{
+			ID: string(TextModelQwQ32B), Label: "QwQ 32B (reasoning)", Provider: "Qwen",
+			ContextSize: 24000,
+			Description: "Reasoning model — thinks before answering. Slower but more accurate.",
+		},
+		{
+			ID: string(TextModelDeepSeekR1), Label: "DeepSeek R1 32B", Provider: "DeepSeek",
+			ContextSize: 80000,
+			Description: "R1-distilled reasoning model. Outperforms o1-mini on many benchmarks.",
+		},
+		{
+			ID: string(TextModelGemma3_12B), Label: "Gemma 3 12B", Provider: "Google",
+			ContextSize: 80000,
+			Description: "Multimodal, 128k context, multilingual (140+ languages).",
+		},
+		{
+			ID: string(TextModelGPTOSS120B), Label: "GPT-OSS 120B", Provider: "OpenAI",
+			ContextSize: 128000,
+			Description: "OpenAI open-weight model for production, general purpose, high reasoning.",
+		},
+		{
+			ID: string(TextModelGPTOSS20B), Label: "GPT-OSS 20B", Provider: "OpenAI",
+			ContextSize: 128000,
+			Description: "OpenAI open-weight model for lower latency and specialized use cases.",
+		},
+		{
+			ID: string(TextModelNemotron3), Label: "Nemotron 3 120B", Provider: "NVIDIA",
+			ContextSize: 256000,
+			Description: "Hybrid MoE with leading accuracy for multi-agent applications.",
+		},
+		{
+			ID: string(TextModelLlama32_3B), Label: "Llama 3.2 3B", Provider: "Meta",
+			ContextSize: 80000,
+			Description: "Lightweight model for simple tasks. Fast and cheap.",
+		},
+	}
+}
+
+// TextMessage is a single message in a chat conversation.
+type TextMessage struct {
+	Role    string `json:"role"`    // "system" or "user"
+	Content string `json:"content"` // message text
+}
+
+// TextRequest is the input to Generate.
+type TextRequest struct {
+	// Model is the CF Workers AI model ID. Defaults to DefaultTextModel when empty.
+	Model TextModel
+	// Messages is the conversation history (system + user messages).
+	Messages []TextMessage
+	// MaxTokens limits the output length (0 = model default).
+	MaxTokens int
+}
+
+// TextGenClient generates text via Cloudflare Workers AI LLM models.
+type TextGenClient interface {
+	// Generate sends a chat-style request and returns the model's response text.
+	Generate(ctx context.Context, req TextRequest) (string, error)
+
+	// Models returns metadata about all supported text generation models.
+	Models() []TextModelInfo
+}
+
+// textGenHTTPClient is the concrete CF AI text generation client.
+type textGenHTTPClient struct {
+	accountID string
+	apiToken  string
+	http      *http.Client
+}
+
+// NewTextGen returns a TextGenClient for the given Cloudflare account.
+func NewTextGen(accountID, apiToken string) TextGenClient {
+	return &textGenHTTPClient{
+		accountID: accountID,
+		apiToken:  apiToken,
+		http:      &http.Client{Timeout: 5 * time.Minute},
+	}
+}
+
+// Generate sends messages to the model and returns the response text.
+func (c *textGenHTTPClient) Generate(ctx context.Context, req TextRequest) (string, error) {
+	if req.Model == "" {
+		req.Model = DefaultTextModel
+	}
+
+	body := map[string]any{
+		"messages": req.Messages,
+	}
+	if req.MaxTokens > 0 {
+		body["max_tokens"] = req.MaxTokens
+	}
+
+	encoded, err := json.Marshal(body)
+	if err != nil {
+		return "", fmt.Errorf("cfai/text: marshal: %w", err)
+	}
+
+	url := fmt.Sprintf("https://api.cloudflare.com/client/v4/accounts/%s/ai/run/%s",
+		c.accountID, string(req.Model))
+	httpReq, err := http.NewRequestWithContext(ctx, http.MethodPost, url, bytes.NewReader(encoded))
+	if err != nil {
+		return "", fmt.Errorf("cfai/text: build request: %w", err)
+	}
+	httpReq.Header.Set("Authorization", "Bearer "+c.apiToken)
+	httpReq.Header.Set("Content-Type", "application/json")
+
+	resp, err := c.http.Do(httpReq)
+	if err != nil {
+		return "", fmt.Errorf("cfai/text: http: %w", err)
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != http.StatusOK {
+		errBody, _ := io.ReadAll(resp.Body)
+		msg := string(errBody)
+		if len(msg) > 300 {
+			msg = msg[:300]
+		}
+		return "", fmt.Errorf("cfai/text: model %s returned %d: %s", req.Model, resp.StatusCode, msg)
+	}
+
+	// CF AI wraps responses: { "result": { "response": "..." }, "success": true }
+	// Some models (e.g. Llama 4 Scout) return response as an array:
+	// { "result": { "response": [{"generated_text":"..."}] } }
+	var wrapper struct {
+		Result struct {
+			Response json.RawMessage `json:"response"`
+		} `json:"result"`
+		Success bool     `json:"success"`
+		Errors  []string `json:"errors"`
+	}
+	if err := json.NewDecoder(resp.Body).Decode(&wrapper); err != nil {
+		return "", fmt.Errorf("cfai/text: decode response: %w", err)
+	}
+	if !wrapper.Success {
+		return "", fmt.Errorf("cfai/text: model %s error: %v", req.Model, wrapper.Errors)
+	}
+	// Try plain string first.
+	var text string
+	if err := json.Unmarshal(wrapper.Result.Response, &text); err == nil {
+		return text, nil
+	}
+	// Fall back: array of objects with a "generated_text" field
+	// (older CF AI models return [{"generated_text":"..."}]).
+	var arr []struct {
+		GeneratedText string `json:"generated_text"`
+	}
+	if err := json.Unmarshal(wrapper.Result.Response, &arr); err == nil && len(arr) > 0 && arr[0].GeneratedText != "" {
+		return arr[0].GeneratedText, nil
+	}
+	// Final fallback: model returned the result directly as a JSON value
+	// (e.g. Llama 4 Scout returns [{"number":1,"title":"..."},...] directly).
+	// Return the raw JSON bytes as a string so callers can parse it themselves.
+	return string(wrapper.Result.Response), nil
+}
+
+// Models returns all supported text generation model metadata.
+func (c *textGenHTTPClient) Models() []TextModelInfo {
+	return AllTextModels()
+}
diff --git a/backend/internal/config/config.go b/backend/internal/config/config.go
new file mode 100644
index 0000000..4266518
--- /dev/null
+++ b/backend/internal/config/config.go
@@ -0,0 +1,328 @@
+// Package config loads all service configuration from environment variables.
+// Both the runner and backend binaries call config.Load() at startup; each
+// uses only the sub-struct relevant to it.
+//
+// Every field has a documented default so the service starts sensibly without
+// any environment configuration (useful for local development).
+package config
+
+import (
+	"os"
+	"strconv"
+	"strings"
+	"time"
+)
+
+// PocketBase holds connection settings for the remote PocketBase instance.
+type PocketBase struct {
+	// URL is the base URL of the PocketBase instance, e.g. https://pb.libnovel.cc
+	URL string
+	// AdminEmail is the admin account email used for API authentication.
+	AdminEmail string
+	// AdminPassword is the admin account password.
+	AdminPassword string
+}
+
+// MinIO holds connection settings for the remote MinIO / S3-compatible store.
+type MinIO struct {
+	// Endpoint is the host:port of the MinIO S3 API, e.g. storage.libnovel.cc:443
+	Endpoint string
+	// PublicEndpoint is the browser-visible endpoint used for presigned URLs.
+	// Falls back to Endpoint when empty.
+	PublicEndpoint string
+	// AccessKey is the MinIO access key.
+	AccessKey string
+	// SecretKey is the MinIO secret key.
+	SecretKey string
+	// UseSSL enables TLS for the internal MinIO connection.
+	UseSSL bool
+	// PublicUseSSL enables TLS for presigned URL generation.
+	PublicUseSSL bool
+	// BucketChapters is the bucket that holds chapter markdown objects.
+	BucketChapters string
+	// BucketAudio is the bucket that holds generated audio MP3 objects.
+	BucketAudio string
+	// BucketAvatars is the bucket that holds user avatar images.
+	BucketAvatars string
+	// BucketBrowse is the bucket that holds cached browse page snapshots (JSON).
+	BucketBrowse string
+	// BucketTranslations is the bucket that holds machine-translated chapter markdown.
+	BucketTranslations string
+}
+
+// Kokoro holds connection settings for the Kokoro-FastAPI TTS service.
+type Kokoro struct {
+	// URL is the base URL of the Kokoro service, e.g. https://tts.libnovel.cc
+	// An empty string disables Kokoro TTS generation.
+	URL string
+	// DefaultVoice is the voice used when none is specified.
+	DefaultVoice string
+}
+
+// PocketTTS holds connection settings for the kyutai-labs/pocket-tts service.
+type PocketTTS struct {
+	// URL is the base URL of the pocket-tts service, e.g. https://pocket-tts.libnovel.cc
+	// An empty string disables pocket-tts generation.
+	URL string
+}
+
+// CFAI holds credentials for Cloudflare Workers AI TTS.
+type CFAI struct {
+	// AccountID is the Cloudflare account ID.
+	// An empty string disables CF AI generation.
+	AccountID string
+	// APIToken is a Workers AI API token with Workers AI Read+Edit permissions.
+	APIToken string
+	// Model is the Workers AI TTS model ID.
+	// Defaults to "@cf/deepgram/aura-2-en" when empty.
+	Model string
+}
+
+// LibreTranslate holds connection settings for a self-hosted LibreTranslate instance.
+type LibreTranslate struct {
+	// URL is the base URL of the LibreTranslate instance, e.g. https://translate.libnovel.cc
+	// An empty string disables machine translation entirely.
+	URL string
+	// APIKey is the optional API key for the LibreTranslate instance.
+	// Leave empty if the instance runs without authentication.
+	APIKey string
+}
+
+// HTTP holds settings for the HTTP server (backend only).
+type HTTP struct {
+	// Addr is the listen address, e.g. ":8080"
+	Addr string
+	// AdminToken is the bearer token required for all /api/admin/* endpoints.
+	// Set via BACKEND_ADMIN_TOKEN. When empty, admin endpoints are unprotected —
+	// only acceptable when the backend is unreachable from the public internet.
+	AdminToken string
+}
+
+// Meilisearch holds connection settings for the Meilisearch full-text search service.
+type Meilisearch struct {
+	// URL is the base URL of the Meilisearch instance, e.g. http://localhost:7700
+	// An empty string disables Meilisearch indexing and search.
+	URL string
+	// APIKey is the Meilisearch master/search API key.
+	APIKey string
+}
+
+// Valkey holds connection settings for the Valkey/Redis presign URL cache.
+type Valkey struct {
+	// Addr is the host:port of the Valkey instance, e.g. localhost:6379
+	// An empty string disables the Valkey cache (falls through to MinIO directly).
+	Addr string
+}
+
+// Redis holds connection settings for the Asynq task queue Redis instance.
+// This is separate from Valkey (presign cache) — it may point to the same
+// Redis or a dedicated one. An empty Addr falls back to PocketBase polling.
+type Redis struct {
+	// Addr is the host:port (or rediss://... URL) of the Redis instance.
+	// Use rediss:// scheme for TLS (e.g. rediss://:password@redis.libnovel.cc:6380).
+	// An empty string disables Asynq and falls back to PocketBase polling.
+	Addr string
+	// Password is the Redis AUTH password.
+	// Not needed when Addr is a full rediss:// URL that includes the password.
+	Password string
+}
+
+// VAPID holds Web Push VAPID key pair for browser push notifications.
+// Generate a pair once with: go run ./cmd/genkeys (or use the web-push CLI).
+// The public key is exposed via GET /api/push-subscriptions/vapid-public-key
+// and embedded in the SvelteKit app via PUBLIC_VAPID_PUBLIC_KEY.
+type VAPID struct {
+	// PublicKey is the base64url-encoded VAPID public key (65 bytes, uncompressed EC P-256).
+	PublicKey string
+	// PrivateKey is the base64url-encoded VAPID private key (32 bytes).
+	PrivateKey string
+	// Subject is the mailto: or https: URL used as the VAPID subscriber contact.
+	Subject string
+}
+
+// Runner holds settings specific to the runner/worker binary.
+type Runner struct {
+	// PollInterval is how often the runner checks PocketBase for pending tasks.
+	PollInterval time.Duration
+	// MaxConcurrentScrape limits simultaneous book-scrape goroutines.
+	MaxConcurrentScrape int
+	// MaxConcurrentAudio limits simultaneous audio-generation goroutines.
+	MaxConcurrentAudio int
+	// MaxConcurrentTranslation limits simultaneous translation goroutines.
+	MaxConcurrentTranslation int
+	// WorkerID is a unique identifier for this runner instance.
+	// Defaults to the system hostname.
+	WorkerID string
+	// Workers is the number of chapter-scraping goroutines per book.
+	Workers int
+	// Timeout is the per-request HTTP timeout for scraping.
+	Timeout time.Duration
+	// MetricsAddr is the listen address for the runner /metrics HTTP endpoint.
+	// Defaults to ":9091". Set to "" to disable.
+	MetricsAddr string
+	// CatalogueRefreshInterval is how often the runner walks the full catalogue,
+	// scrapes per-book metadata, downloads covers, and re-indexes in Meilisearch.
+	// Defaults to 24h. Set to 0 to use the default.
+	CatalogueRefreshInterval time.Duration
+	// SkipInitialCatalogueRefresh prevents the runner from running a full
+	// catalogue walk on startup. Useful for quick restarts where the catalogue
+	// is already indexed and a 24h walk would be wasteful.
+	// Controlled by RUNNER_SKIP_INITIAL_CATALOGUE_REFRESH=true.
+	SkipInitialCatalogueRefresh bool
+	// CatalogueRequestDelay is the base delay inserted between per-book metadata
+	// requests during a catalogue refresh. A random jitter of up to 50% is added
+	// on top. Defaults to 2s. Increase to reduce 429 pressure on novelfire.net.
+	// Controlled by RUNNER_CATALOGUE_REQUEST_DELAY (e.g. "3s", "500ms").
+	CatalogueRequestDelay time.Duration
+}
+
+// Config is the top-level configuration struct consumed by both binaries.
+type Config struct {
+	PocketBase     PocketBase
+	MinIO          MinIO
+	Kokoro         Kokoro
+	PocketTTS      PocketTTS
+	CFAI           CFAI
+	LibreTranslate LibreTranslate
+	HTTP           HTTP
+	Runner         Runner
+	Meilisearch    Meilisearch
+	Valkey         Valkey
+	Redis          Redis
+	VAPID          VAPID
+	// LogLevel is one of "debug", "info", "warn", "error".
+	LogLevel string
+}
+
+// Load reads all configuration from environment variables and returns a
+// populated Config. Missing variables fall back to documented defaults.
+func Load() Config {
+	workerID, _ := os.Hostname()
+	if workerID == "" {
+		workerID = "runner-default"
+	}
+
+	return Config{
+		LogLevel: envOr("LOG_LEVEL", "info"),
+
+		PocketBase: PocketBase{
+			URL:           envOr("POCKETBASE_URL", "http://localhost:8090"),
+			AdminEmail:    envOr("POCKETBASE_ADMIN_EMAIL", "admin@libnovel.local"),
+			AdminPassword: envOr("POCKETBASE_ADMIN_PASSWORD", "changeme123"),
+		},
+
+		MinIO: MinIO{
+			Endpoint:           envOr("MINIO_ENDPOINT", "localhost:9000"),
+			PublicEndpoint:     envOr("MINIO_PUBLIC_ENDPOINT", ""),
+			AccessKey:          envOr("MINIO_ACCESS_KEY", "admin"),
+			SecretKey:          envOr("MINIO_SECRET_KEY", "changeme123"),
+			UseSSL:             envBool("MINIO_USE_SSL", false),
+			PublicUseSSL:       envBool("MINIO_PUBLIC_USE_SSL", true),
+			BucketChapters:     envOr("MINIO_BUCKET_CHAPTERS", "chapters"),
+			BucketAudio:        envOr("MINIO_BUCKET_AUDIO", "audio"),
+			BucketAvatars:      envOr("MINIO_BUCKET_AVATARS", "avatars"),
+			BucketBrowse:       envOr("MINIO_BUCKET_BROWSE", "catalogue"),
+			BucketTranslations: envOr("MINIO_BUCKET_TRANSLATIONS", "translations"),
+		},
+
+		Kokoro: Kokoro{
+			URL:          envOr("KOKORO_URL", ""),
+			DefaultVoice: envOr("KOKORO_VOICE", "af_bella"),
+		},
+
+		PocketTTS: PocketTTS{
+			URL: envOr("POCKET_TTS_URL", ""),
+		},
+
+		CFAI: CFAI{
+			AccountID: envOr("CFAI_ACCOUNT_ID", ""),
+			APIToken:  envOr("CFAI_API_TOKEN", ""),
+			Model:     envOr("CFAI_TTS_MODEL", ""),
+		},
+
+		LibreTranslate: LibreTranslate{
+			URL:    envOr("LIBRETRANSLATE_URL", ""),
+			APIKey: envOr("LIBRETRANSLATE_API_KEY", ""),
+		},
+
+		HTTP: HTTP{
+			Addr:       envOr("BACKEND_HTTP_ADDR", ":8080"),
+			AdminToken: envOr("BACKEND_ADMIN_TOKEN", ""),
+		},
+
+		Runner: Runner{
+			PollInterval:                envDuration("RUNNER_POLL_INTERVAL", 30*time.Second),
+			MaxConcurrentScrape:         envInt("RUNNER_MAX_CONCURRENT_SCRAPE", 1),
+			MaxConcurrentAudio:          envInt("RUNNER_MAX_CONCURRENT_AUDIO", 1),
+			MaxConcurrentTranslation:    envInt("RUNNER_MAX_CONCURRENT_TRANSLATION", 1),
+			WorkerID:                    envOr("RUNNER_WORKER_ID", workerID),
+			Workers:                     envInt("RUNNER_WORKERS", 0), // 0 → runtime.NumCPU()
+			Timeout:                     envDuration("RUNNER_TIMEOUT", 90*time.Second),
+			MetricsAddr:                 envOr("RUNNER_METRICS_ADDR", ":9091"),
+			CatalogueRefreshInterval:    envDuration("RUNNER_CATALOGUE_REFRESH_INTERVAL", 0),
+			SkipInitialCatalogueRefresh: envBool("RUNNER_SKIP_INITIAL_CATALOGUE_REFRESH", false),
+			CatalogueRequestDelay:       envDuration("RUNNER_CATALOGUE_REQUEST_DELAY", 2*time.Second),
+		},
+
+		Meilisearch: Meilisearch{
+			URL:    envOr("MEILI_URL", ""),
+			APIKey: envOr("MEILI_API_KEY", ""),
+		},
+
+		Valkey: Valkey{
+			Addr: envOr("VALKEY_ADDR", ""),
+		},
+
+		Redis: Redis{
+			Addr:     envOr("REDIS_ADDR", ""),
+			Password: envOr("REDIS_PASSWORD", ""),
+		},
+
+		VAPID: VAPID{
+			PublicKey:  envOr("VAPID_PUBLIC_KEY", ""),
+			PrivateKey: envOr("VAPID_PRIVATE_KEY", ""),
+			Subject:    envOr("VAPID_SUBJECT", "mailto:admin@libnovel.cc"),
+		},
+	}
+}
+
+// ── helpers ───────────────────────────────────────────────────────────────────
+
+func envOr(key, fallback string) string {
+	if v := os.Getenv(key); v != "" {
+		return v
+	}
+	return fallback
+}
+
+func envBool(key string, fallback bool) bool {
+	v := os.Getenv(key)
+	if v == "" {
+		return fallback
+	}
+	return strings.ToLower(v) == "true"
+}
+
+func envInt(key string, fallback int) int {
+	v := os.Getenv(key)
+	if v == "" {
+		return fallback
+	}
+	n, err := strconv.Atoi(v)
+	if err != nil || n < 0 {
+		return fallback
+	}
+	return n
+}
+
+func envDuration(key string, fallback time.Duration) time.Duration {
+	v := os.Getenv(key)
+	if v == "" {
+		return fallback
+	}
+	d, err := time.ParseDuration(v)
+	if err != nil {
+		return fallback
+	}
+	return d
+}
diff --git a/backend/internal/config/config_test.go b/backend/internal/config/config_test.go
new file mode 100644
index 0000000..d281b44
--- /dev/null
+++ b/backend/internal/config/config_test.go
@@ -0,0 +1,127 @@
+package config_test
+
+import (
+	"os"
+	"testing"
+	"time"
+
+	"github.com/libnovel/backend/internal/config"
+)
+
+func TestLoad_Defaults(t *testing.T) {
+	// Unset all relevant vars so we test pure defaults.
+	unset := []string{
+		"LOG_LEVEL",
+		"POCKETBASE_URL", "POCKETBASE_ADMIN_EMAIL", "POCKETBASE_ADMIN_PASSWORD",
+		"MINIO_ENDPOINT", "MINIO_PUBLIC_ENDPOINT", "MINIO_ACCESS_KEY", "MINIO_SECRET_KEY",
+		"MINIO_USE_SSL", "MINIO_PUBLIC_USE_SSL",
+		"MINIO_BUCKET_CHAPTERS", "MINIO_BUCKET_AUDIO", "MINIO_BUCKET_AVATARS",
+		"KOKORO_URL", "KOKORO_VOICE",
+		"BACKEND_HTTP_ADDR",
+		"RUNNER_POLL_INTERVAL", "RUNNER_MAX_CONCURRENT_SCRAPE", "RUNNER_MAX_CONCURRENT_AUDIO",
+		"RUNNER_WORKER_ID", "RUNNER_WORKERS", "RUNNER_TIMEOUT",
+	}
+	for _, k := range unset {
+		t.Setenv(k, "")
+	}
+
+	cfg := config.Load()
+
+	if cfg.LogLevel != "info" {
+		t.Errorf("LogLevel: want info, got %q", cfg.LogLevel)
+	}
+	if cfg.PocketBase.URL != "http://localhost:8090" {
+		t.Errorf("PocketBase.URL: want http://localhost:8090, got %q", cfg.PocketBase.URL)
+	}
+	if cfg.MinIO.BucketChapters != "chapters" {
+		t.Errorf("MinIO.BucketChapters: want chapters, got %q", cfg.MinIO.BucketChapters)
+	}
+	if cfg.MinIO.UseSSL != false {
+		t.Errorf("MinIO.UseSSL: want false, got %v", cfg.MinIO.UseSSL)
+	}
+	if cfg.MinIO.PublicUseSSL != true {
+		t.Errorf("MinIO.PublicUseSSL: want true, got %v", cfg.MinIO.PublicUseSSL)
+	}
+	if cfg.Kokoro.DefaultVoice != "af_bella" {
+		t.Errorf("Kokoro.DefaultVoice: want af_bella, got %q", cfg.Kokoro.DefaultVoice)
+	}
+	if cfg.HTTP.Addr != ":8080" {
+		t.Errorf("HTTP.Addr: want :8080, got %q", cfg.HTTP.Addr)
+	}
+	if cfg.Runner.PollInterval != 30*time.Second {
+		t.Errorf("Runner.PollInterval: want 30s, got %v", cfg.Runner.PollInterval)
+	}
+	if cfg.Runner.MaxConcurrentScrape != 1 {
+		t.Errorf("Runner.MaxConcurrentScrape: want 1, got %d", cfg.Runner.MaxConcurrentScrape)
+	}
+	if cfg.Runner.MaxConcurrentAudio != 1 {
+		t.Errorf("Runner.MaxConcurrentAudio: want 1, got %d", cfg.Runner.MaxConcurrentAudio)
+	}
+}
+
+func TestLoad_EnvOverride(t *testing.T) {
+	t.Setenv("LOG_LEVEL", "debug")
+	t.Setenv("POCKETBASE_URL", "https://pb.libnovel.cc")
+	t.Setenv("MINIO_USE_SSL", "true")
+	t.Setenv("MINIO_PUBLIC_USE_SSL", "false")
+	t.Setenv("RUNNER_POLL_INTERVAL", "1m")
+	t.Setenv("RUNNER_MAX_CONCURRENT_SCRAPE", "5")
+	t.Setenv("RUNNER_WORKER_ID", "homelab-01")
+	t.Setenv("BACKEND_HTTP_ADDR", ":9090")
+	t.Setenv("KOKORO_URL", "https://kokoro.libnovel.cc")
+
+	cfg := config.Load()
+
+	if cfg.LogLevel != "debug" {
+		t.Errorf("LogLevel: want debug, got %q", cfg.LogLevel)
+	}
+	if cfg.PocketBase.URL != "https://pb.libnovel.cc" {
+		t.Errorf("PocketBase.URL: want https://pb.libnovel.cc, got %q", cfg.PocketBase.URL)
+	}
+	if !cfg.MinIO.UseSSL {
+		t.Error("MinIO.UseSSL: want true")
+	}
+	if cfg.MinIO.PublicUseSSL {
+		t.Error("MinIO.PublicUseSSL: want false")
+	}
+	if cfg.Runner.PollInterval != time.Minute {
+		t.Errorf("Runner.PollInterval: want 1m, got %v", cfg.Runner.PollInterval)
+	}
+	if cfg.Runner.MaxConcurrentScrape != 5 {
+		t.Errorf("Runner.MaxConcurrentScrape: want 5, got %d", cfg.Runner.MaxConcurrentScrape)
+	}
+	if cfg.Runner.WorkerID != "homelab-01" {
+		t.Errorf("Runner.WorkerID: want homelab-01, got %q", cfg.Runner.WorkerID)
+	}
+	if cfg.HTTP.Addr != ":9090" {
+		t.Errorf("HTTP.Addr: want :9090, got %q", cfg.HTTP.Addr)
+	}
+	if cfg.Kokoro.URL != "https://kokoro.libnovel.cc" {
+		t.Errorf("Kokoro.URL: want https://kokoro.libnovel.cc, got %q", cfg.Kokoro.URL)
+	}
+}
+
+func TestLoad_InvalidInt_FallsToDefault(t *testing.T) {
+	t.Setenv("RUNNER_MAX_CONCURRENT_SCRAPE", "notanumber")
+	cfg := config.Load()
+	if cfg.Runner.MaxConcurrentScrape != 1 {
+		t.Errorf("want default 1, got %d", cfg.Runner.MaxConcurrentScrape)
+	}
+}
+
+func TestLoad_InvalidDuration_FallsToDefault(t *testing.T) {
+	t.Setenv("RUNNER_POLL_INTERVAL", "notaduration")
+	cfg := config.Load()
+	if cfg.Runner.PollInterval != 30*time.Second {
+		t.Errorf("want default 30s, got %v", cfg.Runner.PollInterval)
+	}
+}
+
+func TestLoad_WorkerID_FallsToHostname(t *testing.T) {
+	t.Setenv("RUNNER_WORKER_ID", "")
+	cfg := config.Load()
+	host, _ := os.Hostname()
+	if host != "" && cfg.Runner.WorkerID != host {
+		t.Errorf("want hostname %q, got %q", host, cfg.Runner.WorkerID)
+	}
+}
diff --git a/backend/internal/domain/domain.go b/backend/internal/domain/domain.go
new file mode 100644
index 0000000..c093dbd
--- /dev/null
+++ b/backend/internal/domain/domain.go
@@ -0,0 +1,246 @@
+// Package domain contains the core value types shared across all packages
+// in this module. It has zero internal imports — only the standard library.
+// Every other package imports domain; domain imports nothing from this module.
+package domain
+
+import "time"
+
+// ── Book types ────────────────────────────────────────────────────────────────
+
+// Visibility values for BookMeta.Visibility.
+const (
+	VisibilityPublic    = "public"     // visible to all users
+	VisibilityAdminOnly = "admin_only" // visible only to admin users (e.g. scraped content)
+)
+
+// BookMeta carries all bibliographic information about a novel.
+type BookMeta struct {
+	Slug          string   `json:"slug"`
+	Title         string   `json:"title"`
+	Author        string   `json:"author"`
+	Cover         string   `json:"cover,omitempty"`
+	Status        string   `json:"status,omitempty"`
+	Genres        []string `json:"genres,omitempty"`
+	Summary       string   `json:"summary,omitempty"`
+	TotalChapters int      `json:"total_chapters,omitempty"`
+	SourceURL     string   `json:"source_url"`
+	Ranking       int      `json:"ranking,omitempty"`
+	Rating        float64  `json:"rating,omitempty"`
+	// MetaUpdated is the Unix timestamp (seconds) when the book record was last
+	// updated in PocketBase. Populated on read; not sent on write (PocketBase
+	// manages its own updated field).
+	MetaUpdated int64 `json:"meta_updated,omitempty"`
+	// Archived is true when the book has been soft-deleted by an admin.
+	// Archived books are excluded from all public search and catalogue responses.
+	Archived bool `json:"archived,omitempty"`
+	// Visibility controls who can see this book.
+	// "public" = all users; "admin_only" = admin only (default for scraped content).
+	Visibility string `json:"visibility,omitempty"`
+	// SubmittedBy is the app_users ID of the author who submitted this book,
+	// or empty for scraped books.
+	SubmittedBy string `json:"submitted_by,omitempty"`
+}
+
+// CatalogueEntry is a lightweight book reference returned by catalogue pages.
+type CatalogueEntry struct {
+	Slug  string `json:"slug"`
+	Title string `json:"title"`
+	URL   string `json:"url"`
+}
+
+// ChapterRef is a reference to a single chapter returned by chapter-list pages.
+type ChapterRef struct {
+	Number int    `json:"number"`
+	Title  string `json:"title"`
+	URL    string `json:"url"`
+	Volume int    `json:"volume,omitempty"`
+}
+
+// Chapter contains the fully-extracted text of a single chapter.
+type Chapter struct {
+	Ref  ChapterRef `json:"ref"`
+	Text string     `json:"text"`
+}
+
+// RankingItem represents a single entry in the novel ranking list.
+type RankingItem struct {
+	Rank      int       `json:"rank"`
+	Slug      string    `json:"slug"`
+	Title     string    `json:"title"`
+	Author    string    `json:"author,omitempty"`
+	Cover     string    `json:"cover,omitempty"`
+	Status    string    `json:"status,omitempty"`
+	Genres    []string  `json:"genres,omitempty"`
+	SourceURL string    `json:"source_url,omitempty"`
+	Updated   time.Time `json:"updated,omitempty"`
+}
+
+// ── Voice types ───────────────────────────────────────────────────────────────
+
+// Voice describes a single text-to-speech voice available in the system.
+type Voice struct {
+	// ID is the voice identifier passed to TTS clients (e.g. "af_bella", "alba").
+	ID string `json:"id"`
+	// Engine is "kokoro" or "pocket-tts".
+	Engine string `json:"engine"`
+	// Lang is the primary language tag (e.g. "en-us", "en-gb", "en", "es", "fr").
+	Lang string `json:"lang"`
+	// Gender is "f" or "m".
+	Gender string `json:"gender"`
+}
+
+// ── Storage record types ──────────────────────────────────────────────────────
+
+// ChapterInfo is a lightweight chapter descriptor stored in the index.
+type ChapterInfo struct {
+	Number int    `json:"number"`
+	Title  string `json:"title"`
+	Date   string `json:"date,omitempty"`
+}
+
+// ReadingProgress holds a single user's reading position for one book.
+type ReadingProgress struct {
+	Slug      string    `json:"slug"`
+	Chapter   int       `json:"chapter"`
+	UpdatedAt time.Time `json:"updated_at"`
+}
+
+// ── Task record types ─────────────────────────────────────────────────────────
+
+// TaskStatus enumerates the lifecycle states of any task.
+type TaskStatus string
+
+const (
+	TaskStatusPending   TaskStatus = "pending"
+	TaskStatusRunning   TaskStatus = "running"
+	TaskStatusDone      TaskStatus = "done"
+	TaskStatusFailed    TaskStatus = "failed"
+	TaskStatusCancelled TaskStatus = "cancelled"
+)
+
+// ScrapeTask represents a book-scraping job stored in PocketBase.
+type ScrapeTask struct {
+	ID              string     `json:"id"`
+	Kind            string     `json:"kind"`       // "catalogue" | "book" | "book_range"
+	TargetURL       string     `json:"target_url"` // non-empty for single-book tasks
+	FromChapter     int        `json:"from_chapter,omitempty"`
+	ToChapter       int        `json:"to_chapter,omitempty"`
+	WorkerID        string     `json:"worker_id,omitempty"`
+	Status          TaskStatus `json:"status"`
+	BooksFound      int        `json:"books_found"`
+	ChaptersScraped int        `json:"chapters_scraped"`
+	ChaptersSkipped int        `json:"chapters_skipped"`
+	Errors          int        `json:"errors"`
+	Started         time.Time  `json:"started"`
+	Finished        time.Time  `json:"finished,omitempty"`
+	ErrorMessage    string     `json:"error_message,omitempty"`
+}
+
+// ScrapeResult is the outcome reported by the runner after finishing a ScrapeTask.
+type ScrapeResult struct {
+	// Slug is the book slug that was scraped. Empty for catalogue tasks.
+	Slug            string `json:"slug,omitempty"`
+	BooksFound      int    `json:"books_found"`
+	ChaptersScraped int    `json:"chapters_scraped"`
+	ChaptersSkipped int    `json:"chapters_skipped"`
+	Errors          int    `json:"errors"`
+	ErrorMessage    string `json:"error_message,omitempty"`
+}
+
+// AudioTask represents an audio-generation job stored in PocketBase.
+type AudioTask struct {
+	ID           string     `json:"id"`
+	CacheKey     string     `json:"cache_key"` // "slug/chapter/voice"
+	Slug         string     `json:"slug"`
+	Chapter      int        `json:"chapter"`
+	Voice        string     `json:"voice"`
+	WorkerID     string     `json:"worker_id,omitempty"`
+	Status       TaskStatus `json:"status"`
+	ErrorMessage string     `json:"error_message,omitempty"`
+	Started      time.Time  `json:"started"`
+	Finished     time.Time  `json:"finished,omitempty"`
+}
+
+// AudioResult is the outcome reported by the runner after finishing an AudioTask.
+type AudioResult struct {
+	ObjectKey    string `json:"object_key,omitempty"`
+	ErrorMessage string `json:"error_message,omitempty"`
+}
+
+// TranslationTask represents a machine-translation job stored in PocketBase.
+type TranslationTask struct {
+	ID           string     `json:"id"`
+	CacheKey     string     `json:"cache_key"` // "{slug}/{chapter}/{lang}"
+	Slug         string     `json:"slug"`
+	Chapter      int        `json:"chapter"`
+	Lang         string     `json:"lang"`
+	WorkerID     string     `json:"worker_id,omitempty"`
+	Status       TaskStatus `json:"status"`
+	ErrorMessage string     `json:"error_message,omitempty"`
+	Started      time.Time  `json:"started"`
+	Finished     time.Time  `json:"finished,omitempty"`
+}
+
+// TranslationResult is the outcome reported by the runner after finishing a TranslationTask.
+type TranslationResult struct {
+	ObjectKey    string `json:"object_key,omitempty"`
+	ErrorMessage string `json:"error_message,omitempty"`
+}
+
+// ImportTask represents a PDF/EPUB import job stored in PocketBase.
+type ImportTask struct {
+	ID               string     `json:"id"`
+	Slug             string     `json:"slug"` // derived from filename
+	Title            string     `json:"title"`
+	FileName         string     `json:"file_name"`
+	FileType         string     `json:"file_type"` // "pdf" or "epub"
+	ObjectKey        string     `json:"object_key,omitempty"` // MinIO path to uploaded file
+	ChaptersKey      string     `json:"chapters_key,omitempty"` // MinIO path to pre-parsed chapters JSON
+	Author           string     `json:"author,omitempty"`
+	CoverURL         string     `json:"cover_url,omitempty"`
+	Genres           []string   `json:"genres,omitempty"`
+	Summary          string     `json:"summary,omitempty"`
+	BookStatus       string     `json:"book_status,omitempty"` // "ongoing" | "completed" | "hiatus"
+	WorkerID         string     `json:"worker_id,omitempty"`
+	InitiatorUserID  string     `json:"initiator_user_id,omitempty"` // PocketBase user ID who submitted the import
+	Status           TaskStatus `json:"status"`
+	ChaptersDone     int        `json:"chapters_done"`
+	ChaptersTotal    int        `json:"chapters_total"`
+	ErrorMessage     string     `json:"error_message,omitempty"`
+	Started          time.Time  `json:"started"`
+	Finished         time.Time  `json:"finished,omitempty"`
+}
+
+// ImportResult is the outcome reported by the runner after finishing an ImportTask.
+type ImportResult struct {
+	Slug             string `json:"slug,omitempty"`
+	ChaptersImported int    `json:"chapters_imported"`
+	ErrorMessage     string `json:"error_message,omitempty"`
+}
+
+// AIJob represents an AI generation task tracked in PocketBase (ai_jobs collection).
+type AIJob struct {
+	ID string `json:"id"`
+	// Kind is one of: "chapter-names", "batch-covers", "chapter-covers", "refresh-metadata".
+	Kind string `json:"kind"`
+	// Slug is the book slug for per-book jobs; empty for catalogue-wide jobs.
+	Slug   string     `json:"slug"`
+	Status TaskStatus `json:"status"`
+	// FromItem is the first item to process (chapter number, or 0-based book index).
+	// 0 = start from the beginning.
+	FromItem int `json:"from_item"`
+	// ToItem is the last item to process (inclusive). 0 = process all.
+	ToItem int `json:"to_item"`
+	// ItemsDone is the cumulative count of successfully processed items.
+	ItemsDone int `json:"items_done"`
+	// ItemsTotal is the total number of items in this job.
+	ItemsTotal int `json:"items_total"`
+	Model      string `json:"model"`
+	// Payload is a JSON-encoded string with job-specific parameters
+	// (e.g. naming pattern for chapter-names, num_steps for batch-covers).
+	Payload      string    `json:"payload"`
+	ErrorMessage string    `json:"error_message,omitempty"`
+	Started      time.Time `json:"started,omitempty"`
+	Finished     time.Time `json:"finished,omitempty"`
+	HeartbeatAt  time.Time `json:"heartbeat_at,omitempty"`
+}
diff --git a/backend/internal/domain/domain_test.go b/backend/internal/domain/domain_test.go
new file mode 100644
index 0000000..c364657
--- /dev/null
+++ b/backend/internal/domain/domain_test.go
@@ -0,0 +1,104 @@
+package domain_test
+
+import (
+	"encoding/json"
+	"testing"
+	"time"
+
+	"github.com/libnovel/backend/internal/domain"
+)
+
+func TestBookMeta_JSONRoundtrip(t *testing.T) {
+	orig := domain.BookMeta{
+		Slug:          "a-great-novel",
+		Title:         "A Great Novel",
+		Author:        "Jane Doe",
+		Cover:         "https://example.com/cover.jpg",
+		Status:        "Ongoing",
+		Genres:        []string{"Fantasy", "Action"},
+		Summary:       "A thrilling tale.",
+		TotalChapters: 120,
+		SourceURL:     "https://novelfire.net/book/a-great-novel",
+		Ranking:       3,
+	}
+
+	b, err := json.Marshal(orig)
+	if err != nil {
+		t.Fatalf("marshal: %v", err)
+	}
+	var got domain.BookMeta
+	if err := json.Unmarshal(b, &got); err != nil {
+		t.Fatalf("unmarshal: %v", err)
+	}
+	if got.Slug != orig.Slug {
+		t.Errorf("Slug: want %q, got %q", orig.Slug, got.Slug)
+	}
+	if got.TotalChapters != orig.TotalChapters {
+		t.Errorf("TotalChapters: want %d, got %d", orig.TotalChapters, got.TotalChapters)
+	}
+	if len(got.Genres) != len(orig.Genres) {
+		t.Errorf("Genres len: want %d, got %d", len(orig.Genres), len(got.Genres))
+	}
+}
+
+func TestChapterRef_JSONRoundtrip(t *testing.T) {
+	orig := domain.ChapterRef{Number: 42, Title: "The Battle", URL: "https://example.com/ch-42", Volume: 2}
+	b, _ := json.Marshal(orig)
+	var got domain.ChapterRef
+	json.Unmarshal(b, &got)
+	if got != orig {
+		t.Errorf("want %+v, got %+v", orig, got)
+	}
+}
+
+func TestRankingItem_JSONRoundtrip(t *testing.T) {
+	now := time.Now().Truncate(time.Second)
+	orig := domain.RankingItem{
+		Rank:      1,
+		Slug:      "top-novel",
+		Title:     "Top Novel",
+		SourceURL: "https://novelfire.net/book/top-novel",
+		Updated:   now,
+	}
+	b, _ := json.Marshal(orig)
+	var got domain.RankingItem
+	json.Unmarshal(b, &got)
+	if got.Rank != orig.Rank || got.Slug != orig.Slug {
+		t.Errorf("want %+v, got %+v", orig, got)
+	}
+}
+
+func TestScrapeResult_JSONRoundtrip(t *testing.T) {
+	orig := domain.ScrapeResult{BooksFound: 10, ChaptersScraped: 200, ChaptersSkipped: 5, Errors: 1, ErrorMessage: "one error"}
+	b, _ := json.Marshal(orig)
+	var got domain.ScrapeResult
+	json.Unmarshal(b, &got)
+	if got != orig {
+		t.Errorf("want %+v, got %+v", orig, got)
+	}
+}
+
+func TestAudioResult_JSONRoundtrip(t *testing.T) {
+	orig := domain.AudioResult{ObjectKey: "audio/slug/1/af_bella.mp3"}
+	b, _ := json.Marshal(orig)
+	var got domain.AudioResult
+	json.Unmarshal(b, &got)
+	if got != orig {
+		t.Errorf("want %+v, got %+v", orig, got)
+	}
+}
+
+func TestTaskStatus_Values(t *testing.T) {
+	cases := []domain.TaskStatus{
+		domain.TaskStatusPending,
+		domain.TaskStatusRunning,
+		domain.TaskStatusDone,
+		domain.TaskStatusFailed,
+		domain.TaskStatusCancelled,
+	}
+	for _, s := range cases {
+		if s == "" {
+			t.Errorf("TaskStatus constant must not be empty")
+		}
+	}
+}
diff --git a/backend/internal/httputil/httputil.go b/backend/internal/httputil/httputil.go
new file mode 100644
index 0000000..f36359e
--- /dev/null
+++ b/backend/internal/httputil/httputil.go
@@ -0,0 +1,124 @@
+// Package httputil provides shared HTTP helpers used by both the runner and
+// backend binaries. It has no imports from this module — only the standard
+// library — so it is safe to import from anywhere in the dependency graph.
+package httputil
+
+import (
+	"context"
+	"encoding/json"
+	"errors"
+	"fmt"
+	"io"
+	"net/http"
+	"time"
+)
+
+// Client is the minimal interface for making HTTP GET requests.
+// *http.Client satisfies this interface.
+type Client interface {
+	Do(req *http.Request) (*http.Response, error)
+}
+
+// ErrMaxRetries is returned when RetryGet exhausts all attempts.
+var ErrMaxRetries = errors.New("httputil: max retries exceeded")
+
+// errClientError is returned by doGet for 4xx responses; it signals that the
+// request should NOT be retried (the client is at fault).
+var errClientError = errors.New("httputil: client error")
+
+// RetryGet fetches url using client, retrying on network errors or 5xx
+// responses with exponential backoff. It returns the full response body as a
+// string on success.
+//
+//   - maxAttempts: total number of attempts (must be >= 1)
+//   - baseDelay:   initial wait before the second attempt; doubles each retry
+func RetryGet(ctx context.Context, client Client, url string, maxAttempts int, baseDelay time.Duration) (string, error) {
+	if maxAttempts < 1 {
+		maxAttempts = 1
+	}
+	delay := baseDelay
+
+	var lastErr error
+	for attempt := 0; attempt < maxAttempts; attempt++ {
+		if attempt > 0 {
+			select {
+			case <-ctx.Done():
+				return "", ctx.Err()
+			case <-time.After(delay):
+			}
+			delay *= 2
+		}
+
+		body, err := doGet(ctx, client, url)
+		if err == nil {
+			return body, nil
+		}
+		lastErr = err
+
+		// Do not retry on context cancellation.
+		if ctx.Err() != nil {
+			return "", ctx.Err()
+		}
+		// Do not retry on 4xx — the client is at fault.
+		if errors.Is(err, errClientError) {
+			return "", err
+		}
+	}
+
+	return "", fmt.Errorf("%w after %d attempts: %w", ErrMaxRetries, maxAttempts, lastErr)
+}
+
+func doGet(ctx context.Context, client Client, url string) (string, error) {
+	req, err := http.NewRequestWithContext(ctx, http.MethodGet, url, nil)
+	if err != nil {
+		return "", fmt.Errorf("build request: %w", err)
+	}
+	req.Header.Set("User-Agent", "Mozilla/5.0 (compatible; libnovel-runner/2)")
+
+	resp, err := client.Do(req)
+	if err != nil {
+		return "", fmt.Errorf("GET %s: %w", url, err)
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode >= 500 {
+		return "", fmt.Errorf("GET %s: server error %d", url, resp.StatusCode)
+	}
+	if resp.StatusCode >= 400 {
+		return "", fmt.Errorf("%w: GET %s: client error %d", errClientError, url, resp.StatusCode)
+	}
+
+	raw, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return "", fmt.Errorf("read body %s: %w", url, err)
+	}
+	return string(raw), nil
+}
+
+// WriteJSON writes v as JSON to w with the given HTTP status code and sets the
+// Content-Type header to application/json.
+func WriteJSON(w http.ResponseWriter, status int, v any) {
+	w.Header().Set("Content-Type", "application/json")
+	w.WriteHeader(status)
+	_ = json.NewEncoder(w).Encode(v)
+}
+
+// WriteError writes a JSON error object {"error": msg} with the given status.
+func WriteError(w http.ResponseWriter, status int, msg string) {
+	WriteJSON(w, status, map[string]string{"error": msg})
+}
+
+// maxBodyBytes is the limit applied by DecodeJSON to prevent unbounded reads.
+const maxBodyBytes = 1 << 20 // 1 MiB
+
+// DecodeJSON decodes a JSON request body into v. It enforces a 1 MiB size
+// limit and returns a descriptive error on any failure.
+func DecodeJSON(r *http.Request, v any) error {
+	r.Body = http.MaxBytesReader(nil, r.Body, maxBodyBytes)
+	dec := json.NewDecoder(r.Body)
+	dec.DisallowUnknownFields()
+	if err := dec.Decode(v); err != nil {
+		return fmt.Errorf("decode JSON body: %w", err)
+	}
+	return nil
+}
diff --git a/backend/internal/httputil/httputil_test.go b/backend/internal/httputil/httputil_test.go
new file mode 100644
index 0000000..2af3bba
--- /dev/null
+++ b/backend/internal/httputil/httputil_test.go
@@ -0,0 +1,181 @@
+package httputil_test
+
+import (
+	"bytes"
+	"context"
+	"encoding/json"
+	"net/http"
+	"net/http/httptest"
+	"strings"
+	"testing"
+	"time"
+
+	"github.com/libnovel/backend/internal/httputil"
+)
+
+// ── RetryGet ──────────────────────────────────────────────────────────────────
+
+func TestRetryGet_ImmediateSuccess(t *testing.T) {
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		w.Write([]byte("hello"))
+	}))
+	defer srv.Close()
+
+	body, err := httputil.RetryGet(context.Background(), srv.Client(), srv.URL, 3, time.Millisecond)
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if body != "hello" {
+		t.Errorf("want hello, got %q", body)
+	}
+}
+
+func TestRetryGet_RetriesOn5xx(t *testing.T) {
+	calls := 0
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		calls++
+		if calls < 3 {
+			w.WriteHeader(http.StatusServiceUnavailable)
+			return
+		}
+		w.Write([]byte("ok"))
+	}))
+	defer srv.Close()
+
+	body, err := httputil.RetryGet(context.Background(), srv.Client(), srv.URL, 5, time.Millisecond)
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if body != "ok" {
+		t.Errorf("want ok, got %q", body)
+	}
+	if calls != 3 {
+		t.Errorf("want 3 calls, got %d", calls)
+	}
+}
+
+func TestRetryGet_MaxAttemptsExceeded(t *testing.T) {
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		w.WriteHeader(http.StatusInternalServerError)
+	}))
+	defer srv.Close()
+
+	_, err := httputil.RetryGet(context.Background(), srv.Client(), srv.URL, 3, time.Millisecond)
+	if err == nil {
+		t.Fatal("expected error, got nil")
+	}
+}
+
+func TestRetryGet_ContextCancelDuringBackoff(t *testing.T) {
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		w.WriteHeader(http.StatusServiceUnavailable)
+	}))
+	defer srv.Close()
+
+	ctx, cancel := context.WithCancel(context.Background())
+
+	// Cancel after first failed attempt hits the backoff wait.
+	go func() { time.Sleep(5 * time.Millisecond); cancel() }()
+
+	_, err := httputil.RetryGet(ctx, srv.Client(), srv.URL, 10, 500*time.Millisecond)
+	if err == nil {
+		t.Fatal("expected context cancellation error")
+	}
+}
+
+func TestRetryGet_NoRetryOn4xx(t *testing.T) {
+	calls := 0
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		calls++
+		w.WriteHeader(http.StatusNotFound)
+	}))
+	defer srv.Close()
+
+	_, err := httputil.RetryGet(context.Background(), srv.Client(), srv.URL, 5, time.Millisecond)
+	if err == nil {
+		t.Fatal("expected error for 404")
+	}
+	// 4xx is NOT retried — should be exactly 1 call.
+	if calls != 1 {
+		t.Errorf("want 1 call for 4xx, got %d", calls)
+	}
+}
+
+// ── WriteJSON ─────────────────────────────────────────────────────────────────
+
+func TestWriteJSON_SetsHeadersAndStatus(t *testing.T) {
+	rr := httptest.NewRecorder()
+	httputil.WriteJSON(rr, http.StatusCreated, map[string]string{"key": "val"})
+
+	if rr.Code != http.StatusCreated {
+		t.Errorf("status: want 201, got %d", rr.Code)
+	}
+	if ct := rr.Header().Get("Content-Type"); ct != "application/json" {
+		t.Errorf("Content-Type: want application/json, got %q", ct)
+	}
+	var got map[string]string
+	if err := json.NewDecoder(rr.Body).Decode(&got); err != nil {
+		t.Fatalf("decode body: %v", err)
+	}
+	if got["key"] != "val" {
+		t.Errorf("body key: want val, got %q", got["key"])
+	}
+}
+
+// ── WriteError ────────────────────────────────────────────────────────────────
+
+func TestWriteError_Format(t *testing.T) {
+	rr := httptest.NewRecorder()
+	httputil.WriteError(rr, http.StatusBadRequest, "bad input")
+
+	if rr.Code != http.StatusBadRequest {
+		t.Errorf("status: want 400, got %d", rr.Code)
+	}
+	var got map[string]string
+	json.NewDecoder(rr.Body).Decode(&got)
+	if got["error"] != "bad input" {
+		t.Errorf("error field: want bad input, got %q", got["error"])
+	}
+}
+
+// ── DecodeJSON ────────────────────────────────────────────────────────────────
+
+func TestDecodeJSON_HappyPath(t *testing.T) {
+	body := `{"name":"test","value":42}`
+	req := httptest.NewRequest(http.MethodPost, "/", strings.NewReader(body))
+	req.Header.Set("Content-Type", "application/json")
+
+	var payload struct {
+		Name  string `json:"name"`
+		Value int    `json:"value"`
+	}
+	if err := httputil.DecodeJSON(req, &payload); err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if payload.Name != "test" || payload.Value != 42 {
+		t.Errorf("unexpected payload: %+v", payload)
+	}
+}
+
+func TestDecodeJSON_UnknownFieldReturnsError(t *testing.T) {
+	body := `{"name":"test","unknown_field":"boom"}`
+	req := httptest.NewRequest(http.MethodPost, "/", strings.NewReader(body))
+
+	var payload struct {
+		Name string `json:"name"`
+	}
+	if err := httputil.DecodeJSON(req, &payload); err == nil {
+		t.Fatal("expected error for unknown field, got nil")
+	}
+}
+
+func TestDecodeJSON_BodyTooLarge(t *testing.T) {
+	// Build a body > 1 MiB.
+	big := bytes.Repeat([]byte("a"), 2<<20)
+	req := httptest.NewRequest(http.MethodPost, "/", bytes.NewReader(big))
+
+	var payload map[string]any
+	if err := httputil.DecodeJSON(req, &payload); err == nil {
+		t.Fatal("expected error for oversized body, got nil")
+	}
+}
diff --git a/backend/internal/kokoro/client.go b/backend/internal/kokoro/client.go
new file mode 100644
index 0000000..6895385
--- /dev/null
+++ b/backend/internal/kokoro/client.go
@@ -0,0 +1,255 @@
+// Package kokoro provides a client for the Kokoro-FastAPI TTS service.
+//
+// The Kokoro API is an OpenAI-compatible audio speech API that returns a
+// download link (X-Download-Path header) instead of streaming audio directly.
+// GenerateAudio handles the two-step flow: POST /v1/audio/speech → GET /v1/download/{file}.
+package kokoro
+
+import (
+	"bytes"
+	"context"
+	"encoding/json"
+	"fmt"
+	"io"
+	"net/http"
+	"strings"
+	"time"
+)
+
+// Client is the interface for interacting with the Kokoro TTS service.
+type Client interface {
+	// GenerateAudio synthesises text using voice and returns raw MP3 bytes.
+	GenerateAudio(ctx context.Context, text, voice string) ([]byte, error)
+
+	// StreamAudioMP3 synthesises text and returns an io.ReadCloser that streams
+	// MP3-encoded audio incrementally. Uses the kokoro-fastapi streaming mode
+	// (stream:true), which delivers MP3 frames as they are generated without
+	// waiting for the full output. The caller must always close the ReadCloser.
+	StreamAudioMP3(ctx context.Context, text, voice string) (io.ReadCloser, error)
+
+	// StreamAudioWAV synthesises text and returns an io.ReadCloser that streams
+	// WAV-encoded audio incrementally using kokoro-fastapi's streaming mode with
+	// response_format:"wav". The caller must always close the ReadCloser.
+	StreamAudioWAV(ctx context.Context, text, voice string) (io.ReadCloser, error)
+
+	// ListVoices returns the available voice IDs. Falls back to an empty slice
+	// on error — callers should treat an empty list as "service unavailable".
+	ListVoices(ctx context.Context) ([]string, error)
+}
+
+// httpClient is the concrete Kokoro HTTP client.
+type httpClient struct {
+	baseURL string
+	http    *http.Client
+}
+
+// New returns a Kokoro Client targeting baseURL (e.g. "https://kokoro.example.com").
+func New(baseURL string) Client {
+	return &httpClient{
+		baseURL: strings.TrimRight(baseURL, "/"),
+		http:    &http.Client{Timeout: 10 * time.Minute},
+	}
+}
+
+// GenerateAudio calls POST /v1/audio/speech (return_download_link=true) and then
+// downloads the resulting MP3 from GET /v1/download/{filename}.
+func (c *httpClient) GenerateAudio(ctx context.Context, text, voice string) ([]byte, error) {
+	if text == "" {
+		return nil, fmt.Errorf("kokoro: empty text")
+	}
+	if voice == "" {
+		voice = "af_bella"
+	}
+
+	// ── Step 1: request generation ────────────────────────────────────────────
+	reqBody, err := json.Marshal(map[string]any{
+		"model":                "kokoro",
+		"input":                text,
+		"voice":                voice,
+		"response_format":      "mp3",
+		"speed":                1.0,
+		"stream":               false,
+		"return_download_link": true,
+	})
+	if err != nil {
+		return nil, fmt.Errorf("kokoro: marshal request: %w", err)
+	}
+
+	req, err := http.NewRequestWithContext(ctx, http.MethodPost,
+		c.baseURL+"/v1/audio/speech", bytes.NewReader(reqBody))
+	if err != nil {
+		return nil, fmt.Errorf("kokoro: build speech request: %w", err)
+	}
+	req.Header.Set("Content-Type", "application/json")
+
+	resp, err := c.http.Do(req)
+	if err != nil {
+		return nil, fmt.Errorf("kokoro: speech request: %w", err)
+	}
+	defer resp.Body.Close()
+	_, _ = io.Copy(io.Discard, resp.Body)
+
+	if resp.StatusCode != http.StatusOK {
+		return nil, fmt.Errorf("kokoro: speech returned %d", resp.StatusCode)
+	}
+
+	dlPath := resp.Header.Get("X-Download-Path")
+	if dlPath == "" {
+		return nil, fmt.Errorf("kokoro: no X-Download-Path header in response")
+	}
+	filename := dlPath
+	if idx := strings.LastIndex(dlPath, "/"); idx >= 0 {
+		filename = dlPath[idx+1:]
+	}
+	if filename == "" {
+		return nil, fmt.Errorf("kokoro: empty filename in X-Download-Path: %q", dlPath)
+	}
+
+	// ── Step 2: download the generated file ───────────────────────────────────
+	dlURL := c.baseURL + "/v1/download/" + filename
+	dlReq, err := http.NewRequestWithContext(ctx, http.MethodGet, dlURL, nil)
+	if err != nil {
+		return nil, fmt.Errorf("kokoro: build download request: %w", err)
+	}
+
+	dlResp, err := c.http.Do(dlReq)
+	if err != nil {
+		return nil, fmt.Errorf("kokoro: download request: %w", err)
+	}
+	defer dlResp.Body.Close()
+
+	if dlResp.StatusCode != http.StatusOK {
+		return nil, fmt.Errorf("kokoro: download returned %d", dlResp.StatusCode)
+	}
+
+	data, err := io.ReadAll(dlResp.Body)
+	if err != nil {
+		return nil, fmt.Errorf("kokoro: read download body: %w", err)
+	}
+	return data, nil
+}
+
+// StreamAudioMP3 calls POST /v1/audio/speech with stream:true and returns an
+// io.ReadCloser that delivers MP3 frames as kokoro generates them.
+// kokoro-fastapi emits raw MP3 bytes when stream mode is enabled — no download
+// redirect; the response body IS the audio stream.
+func (c *httpClient) StreamAudioMP3(ctx context.Context, text, voice string) (io.ReadCloser, error) {
+	if text == "" {
+		return nil, fmt.Errorf("kokoro: empty text")
+	}
+	if voice == "" {
+		voice = "af_bella"
+	}
+
+	reqBody, err := json.Marshal(map[string]any{
+		"model":           "kokoro",
+		"input":           text,
+		"voice":           voice,
+		"response_format": "mp3",
+		"speed":           1.0,
+		"stream":          true,
+	})
+	if err != nil {
+		return nil, fmt.Errorf("kokoro: marshal stream request: %w", err)
+	}
+
+	req, err := http.NewRequestWithContext(ctx, http.MethodPost,
+		c.baseURL+"/v1/audio/speech", bytes.NewReader(reqBody))
+	if err != nil {
+		return nil, fmt.Errorf("kokoro: build stream request: %w", err)
+	}
+	req.Header.Set("Content-Type", "application/json")
+
+	resp, err := c.http.Do(req)
+	if err != nil {
+		return nil, fmt.Errorf("kokoro: stream request: %w", err)
+	}
+	if resp.StatusCode != http.StatusOK {
+		_, _ = io.Copy(io.Discard, resp.Body)
+		resp.Body.Close()
+		return nil, fmt.Errorf("kokoro: stream returned %d", resp.StatusCode)
+	}
+	return resp.Body, nil
+}
+
+// StreamAudioWAV calls POST /v1/audio/speech with stream:true and response_format:wav,
+// returning an io.ReadCloser that delivers WAV bytes as kokoro generates them.
+func (c *httpClient) StreamAudioWAV(ctx context.Context, text, voice string) (io.ReadCloser, error) {
+	if text == "" {
+		return nil, fmt.Errorf("kokoro: empty text")
+	}
+	if voice == "" {
+		voice = "af_bella"
+	}
+
+	reqBody, err := json.Marshal(map[string]any{
+		"model":           "kokoro",
+		"input":           text,
+		"voice":           voice,
+		"response_format": "wav",
+		"speed":           1.0,
+		"stream":          true,
+	})
+	if err != nil {
+		return nil, fmt.Errorf("kokoro: marshal wav stream request: %w", err)
+	}
+
+	req, err := http.NewRequestWithContext(ctx, http.MethodPost,
+		c.baseURL+"/v1/audio/speech", bytes.NewReader(reqBody))
+	if err != nil {
+		return nil, fmt.Errorf("kokoro: build wav stream request: %w", err)
+	}
+	req.Header.Set("Content-Type", "application/json")
+
+	resp, err := c.http.Do(req)
+	if err != nil {
+		return nil, fmt.Errorf("kokoro: wav stream request: %w", err)
+	}
+	if resp.StatusCode != http.StatusOK {
+		_, _ = io.Copy(io.Discard, resp.Body)
+		resp.Body.Close()
+		return nil, fmt.Errorf("kokoro: wav stream returned %d", resp.StatusCode)
+	}
+	return resp.Body, nil
+}
+
+// ListVoices calls GET /v1/audio/voices and returns the list of voice IDs.
+func (c *httpClient) ListVoices(ctx context.Context) ([]string, error) {
+	req, err := http.NewRequestWithContext(ctx, http.MethodGet,
+		c.baseURL+"/v1/audio/voices", nil)
+	if err != nil {
+		return nil, fmt.Errorf("kokoro: build voices request: %w", err)
+	}
+
+	resp, err := c.http.Do(req)
+	if err != nil {
+		return nil, fmt.Errorf("kokoro: voices request: %w", err)
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != http.StatusOK {
+		_, _ = io.Copy(io.Discard, resp.Body)
+		return nil, fmt.Errorf("kokoro: voices returned %d", resp.StatusCode)
+	}
+
+	var result struct {
+		Voices []string `json:"voices"`
+	}
+	if err := json.NewDecoder(resp.Body).Decode(&result); err != nil {
+		return nil, fmt.Errorf("kokoro: decode voices response: %w", err)
+	}
+	return result.Voices, nil
+}
+
+// VoiceSampleKey returns the MinIO object key for a voice sample MP3.
+// Key: _voice-samples/{voice}.mp3 (sanitised).
+func VoiceSampleKey(voice string) string {
+	safe := strings.Map(func(r rune) rune {
+		if (r >= 'a' && r <= 'z') || (r >= 'A' && r <= 'Z') ||
+			(r >= '0' && r <= '9') || r == '_' || r == '-' {
+			return r
+		}
+		return '_'
+	}, voice)
+	return fmt.Sprintf("_voice-samples/%s.mp3", safe)
+}
diff --git a/backend/internal/kokoro/client_test.go b/backend/internal/kokoro/client_test.go
new file mode 100644
index 0000000..9d63bbc
--- /dev/null
+++ b/backend/internal/kokoro/client_test.go
@@ -0,0 +1,291 @@
+package kokoro_test
+
+import (
+	"context"
+	"net/http"
+	"net/http/httptest"
+	"strings"
+	"testing"
+
+	"github.com/libnovel/backend/internal/kokoro"
+)
+
+// ── VoiceSampleKey ────────────────────────────────────────────────────────────
+
+func TestVoiceSampleKey(t *testing.T) {
+	tests := []struct {
+		voice string
+		want  string
+	}{
+		{"af_bella", "_voice-samples/af_bella.mp3"},
+		{"am_echo", "_voice-samples/am_echo.mp3"},
+		{"voice with spaces", "_voice-samples/voice_with_spaces.mp3"},
+		{"special!@#chars", "_voice-samples/special___chars.mp3"},
+		{"", "_voice-samples/.mp3"},
+	}
+	for _, tt := range tests {
+		t.Run(tt.voice, func(t *testing.T) {
+			got := kokoro.VoiceSampleKey(tt.voice)
+			if got != tt.want {
+				t.Errorf("VoiceSampleKey(%q) = %q, want %q", tt.voice, got, tt.want)
+			}
+		})
+	}
+}
+
+// ── GenerateAudio ─────────────────────────────────────────────────────────────
+
+func TestGenerateAudio_EmptyText(t *testing.T) {
+	srv := httptest.NewServer(http.NotFoundHandler())
+	defer srv.Close()
+
+	c := kokoro.New(srv.URL)
+	_, err := c.GenerateAudio(context.Background(), "", "af_bella")
+	if err == nil {
+		t.Fatal("expected error for empty text, got nil")
+	}
+	if !strings.Contains(err.Error(), "empty text") {
+		t.Errorf("expected 'empty text' in error, got: %v", err)
+	}
+}
+
+func TestGenerateAudio_DefaultVoice(t *testing.T) {
+	// Tracks that the voice defaults to af_bella when empty.
+	var capturedBody string
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		if r.URL.Path == "/v1/audio/speech" {
+			buf := make([]byte, 512)
+			n, _ := r.Body.Read(buf)
+			capturedBody = string(buf[:n])
+			w.Header().Set("X-Download-Path", "/download/test_file.mp3")
+			w.WriteHeader(http.StatusOK)
+			return
+		}
+		if strings.HasPrefix(r.URL.Path, "/v1/download/") {
+			w.WriteHeader(http.StatusOK)
+			_, _ = w.Write([]byte("fake-mp3-data"))
+			return
+		}
+		http.NotFound(w, r)
+	}))
+	defer srv.Close()
+
+	c := kokoro.New(srv.URL)
+	data, err := c.GenerateAudio(context.Background(), "hello world", "")
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if string(data) != "fake-mp3-data" {
+		t.Errorf("unexpected data: %q", string(data))
+	}
+	if !strings.Contains(capturedBody, `"af_bella"`) {
+		t.Errorf("expected default voice af_bella in request body, got: %s", capturedBody)
+	}
+}
+
+func TestGenerateAudio_SpeechNon200(t *testing.T) {
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		if r.URL.Path == "/v1/audio/speech" {
+			w.WriteHeader(http.StatusInternalServerError)
+			return
+		}
+		http.NotFound(w, r)
+	}))
+	defer srv.Close()
+
+	c := kokoro.New(srv.URL)
+	_, err := c.GenerateAudio(context.Background(), "text", "af_bella")
+	if err == nil {
+		t.Fatal("expected error for non-200 speech response")
+	}
+	if !strings.Contains(err.Error(), "500") {
+		t.Errorf("expected 500 in error, got: %v", err)
+	}
+}
+
+func TestGenerateAudio_NoDownloadPathHeader(t *testing.T) {
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		if r.URL.Path == "/v1/audio/speech" {
+			// No X-Download-Path header
+			w.WriteHeader(http.StatusOK)
+			return
+		}
+		http.NotFound(w, r)
+	}))
+	defer srv.Close()
+
+	c := kokoro.New(srv.URL)
+	_, err := c.GenerateAudio(context.Background(), "text", "af_bella")
+	if err == nil {
+		t.Fatal("expected error for missing X-Download-Path")
+	}
+	if !strings.Contains(err.Error(), "X-Download-Path") {
+		t.Errorf("expected X-Download-Path in error, got: %v", err)
+	}
+}
+
+func TestGenerateAudio_DownloadFails(t *testing.T) {
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		if r.URL.Path == "/v1/audio/speech" {
+			w.Header().Set("X-Download-Path", "/v1/download/speech.mp3")
+			w.WriteHeader(http.StatusOK)
+			return
+		}
+		if strings.HasPrefix(r.URL.Path, "/v1/download/") {
+			w.WriteHeader(http.StatusNotFound)
+			return
+		}
+		http.NotFound(w, r)
+	}))
+	defer srv.Close()
+
+	c := kokoro.New(srv.URL)
+	_, err := c.GenerateAudio(context.Background(), "text", "af_bella")
+	if err == nil {
+		t.Fatal("expected error for failed download")
+	}
+	if !strings.Contains(err.Error(), "404") {
+		t.Errorf("expected 404 in error, got: %v", err)
+	}
+}
+
+func TestGenerateAudio_FullPath(t *testing.T) {
+	// X-Download-Path with a full path: extract just filename.
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		if r.URL.Path == "/v1/audio/speech" {
+			w.Header().Set("X-Download-Path", "/some/nested/path/audio_abc123.mp3")
+			w.WriteHeader(http.StatusOK)
+			return
+		}
+		if r.URL.Path == "/v1/download/audio_abc123.mp3" {
+			_, _ = w.Write([]byte("audio-bytes"))
+			return
+		}
+		http.NotFound(w, r)
+	}))
+	defer srv.Close()
+
+	c := kokoro.New(srv.URL)
+	data, err := c.GenerateAudio(context.Background(), "text", "af_bella")
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if string(data) != "audio-bytes" {
+		t.Errorf("unexpected data: %q", string(data))
+	}
+}
+
+func TestGenerateAudio_ContextCancelled(t *testing.T) {
+	// Server that hangs — context should cancel before we get a response.
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		// Never respond.
+		select {}
+	}))
+	defer srv.Close()
+
+	ctx, cancel := context.WithCancel(context.Background())
+	cancel() // cancel immediately
+
+	c := kokoro.New(srv.URL)
+	_, err := c.GenerateAudio(ctx, "text", "af_bella")
+	if err == nil {
+		t.Fatal("expected error for cancelled context")
+	}
+}
+
+// ── ListVoices ────────────────────────────────────────────────────────────────
+
+func TestListVoices_Success(t *testing.T) {
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		if r.URL.Path == "/v1/audio/voices" {
+			w.Header().Set("Content-Type", "application/json")
+			_, _ = w.Write([]byte(`{"voices":["af_bella","am_adam","bf_emma"]}`))
+			return
+		}
+		http.NotFound(w, r)
+	}))
+	defer srv.Close()
+
+	c := kokoro.New(srv.URL)
+	voices, err := c.ListVoices(context.Background())
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if len(voices) != 3 {
+		t.Errorf("expected 3 voices, got %d: %v", len(voices), voices)
+	}
+	if voices[0] != "af_bella" {
+		t.Errorf("expected first voice to be af_bella, got %q", voices[0])
+	}
+}
+
+func TestListVoices_Non200(t *testing.T) {
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		w.WriteHeader(http.StatusServiceUnavailable)
+	}))
+	defer srv.Close()
+
+	c := kokoro.New(srv.URL)
+	_, err := c.ListVoices(context.Background())
+	if err == nil {
+		t.Fatal("expected error for non-200 response")
+	}
+	if !strings.Contains(err.Error(), "503") {
+		t.Errorf("expected 503 in error, got: %v", err)
+	}
+}
+
+func TestListVoices_MalformedJSON(t *testing.T) {
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		w.WriteHeader(http.StatusOK)
+		_, _ = w.Write([]byte(`not-json`))
+	}))
+	defer srv.Close()
+
+	c := kokoro.New(srv.URL)
+	_, err := c.ListVoices(context.Background())
+	if err == nil {
+		t.Fatal("expected error for malformed JSON")
+	}
+}
+
+func TestListVoices_EmptyVoices(t *testing.T) {
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		w.Header().Set("Content-Type", "application/json")
+		_, _ = w.Write([]byte(`{"voices":[]}`))
+	}))
+	defer srv.Close()
+
+	c := kokoro.New(srv.URL)
+	voices, err := c.ListVoices(context.Background())
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if len(voices) != 0 {
+		t.Errorf("expected 0 voices, got %d", len(voices))
+	}
+}
+
+// ── New ───────────────────────────────────────────────────────────────────────
+
+func TestNew_TrailingSlashStripped(t *testing.T) {
+	// Verify that a trailing slash on baseURL doesn't produce double-slash paths.
+	srv := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		if r.URL.Path == "/v1/audio/voices" {
+			w.Header().Set("Content-Type", "application/json")
+			_, _ = w.Write([]byte(`{"voices":["af_bella"]}`))
+			return
+		}
+		http.NotFound(w, r)
+	}))
+	defer srv.Close()
+
+	c := kokoro.New(srv.URL + "/") // trailing slash
+	voices, err := c.ListVoices(context.Background())
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if len(voices) == 0 {
+		t.Error("expected at least one voice")
+	}
+}
diff --git a/backend/internal/libretranslate/client.go b/backend/internal/libretranslate/client.go
new file mode 100644
index 0000000..3417864
--- /dev/null
+++ b/backend/internal/libretranslate/client.go
@@ -0,0 +1,181 @@
+// Package libretranslate provides an HTTP client for a self-hosted
+// LibreTranslate instance. It handles text chunking, concurrent translation,
+// and reassembly so callers can pass arbitrarily long markdown strings.
+package libretranslate
+
+import (
+	"bytes"
+	"context"
+	"encoding/json"
+	"fmt"
+	"net/http"
+	"strings"
+	"sync"
+	"time"
+)
+
+const (
+	// maxChunkBytes is the target maximum size of each chunk sent to
+	// LibreTranslate. LibreTranslate's default limit is 5000 characters;
+	// we stay comfortably below that.
+	maxChunkBytes = 4500
+	// concurrency is the number of simultaneous translation requests per chapter.
+	concurrency = 3
+)
+
+// Client translates text via LibreTranslate.
+// A nil Client is valid — all calls return the original text unchanged.
+type Client interface {
+	// Translate translates text from sourceLang to targetLang.
+	// text is a raw markdown string. The returned string is the translated
+	// markdown, reassembled in original paragraph order.
+	Translate(ctx context.Context, text, sourceLang, targetLang string) (string, error)
+}
+
+// New returns a Client for the given LibreTranslate URL.
+// Returns nil when url is empty, which disables translation.
+func New(url, apiKey string) Client {
+	if url == "" {
+		return nil
+	}
+	return &httpClient{
+		url:    strings.TrimRight(url, "/"),
+		apiKey: apiKey,
+		http:   &http.Client{Timeout: 60 * time.Second},
+	}
+}
+
+type httpClient struct {
+	url    string
+	apiKey string
+	http   *http.Client
+}
+
+// Translate splits text into paragraph chunks, translates them concurrently
+// (up to concurrency goroutines), and reassembles in order.
+func (c *httpClient) Translate(ctx context.Context, text, sourceLang, targetLang string) (string, error) {
+	paragraphs := splitParagraphs(text)
+	if len(paragraphs) == 0 {
+		return text, nil
+	}
+	chunks := binChunks(paragraphs, maxChunkBytes)
+
+	translated := make([]string, len(chunks))
+	errs := make([]error, len(chunks))
+
+	sem := make(chan struct{}, concurrency)
+	var wg sync.WaitGroup
+
+	for i, chunk := range chunks {
+		wg.Add(1)
+		sem <- struct{}{}
+		go func(idx int, chunkText string) {
+			defer wg.Done()
+			defer func() { <-sem }()
+			result, err := c.translateChunk(ctx, chunkText, sourceLang, targetLang)
+			translated[idx] = result
+			errs[idx] = err
+		}(i, chunk)
+	}
+	wg.Wait()
+
+	for _, err := range errs {
+		if err != nil {
+			return "", err
+		}
+	}
+
+	return strings.Join(translated, "\n\n"), nil
+}
+
+// translateChunk sends a single POST /translate request.
+func (c *httpClient) translateChunk(ctx context.Context, text, sourceLang, targetLang string) (string, error) {
+	reqBody := map[string]string{
+		"q":      text,
+		"source": sourceLang,
+		"target": targetLang,
+		"format": "html",
+	}
+	if c.apiKey != "" {
+		reqBody["api_key"] = c.apiKey
+	}
+
+	b, err := json.Marshal(reqBody)
+	if err != nil {
+		return "", fmt.Errorf("libretranslate: marshal request: %w", err)
+	}
+
+	req, err := http.NewRequestWithContext(ctx, http.MethodPost, c.url+"/translate", bytes.NewReader(b))
+	if err != nil {
+		return "", fmt.Errorf("libretranslate: build request: %w", err)
+	}
+	req.Header.Set("Content-Type", "application/json")
+
+	resp, err := c.http.Do(req)
+	if err != nil {
+		return "", fmt.Errorf("libretranslate: request: %w", err)
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != http.StatusOK {
+		var errBody struct {
+			Error string `json:"error"`
+		}
+		_ = json.NewDecoder(resp.Body).Decode(&errBody)
+		return "", fmt.Errorf("libretranslate: status %d: %s", resp.StatusCode, errBody.Error)
+	}
+
+	var result struct {
+		TranslatedText string `json:"translatedText"`
+	}
+	if err := json.NewDecoder(resp.Body).Decode(&result); err != nil {
+		return "", fmt.Errorf("libretranslate: decode response: %w", err)
+	}
+	return result.TranslatedText, nil
+}
+
+// splitParagraphs splits markdown text on blank lines, preserving non-empty paragraphs.
+func splitParagraphs(text string) []string {
+	// Normalise line endings.
+	text = strings.ReplaceAll(text, "\r\n", "\n")
+	// Split on double newlines (blank lines between paragraphs).
+	parts := strings.Split(text, "\n\n")
+	var paragraphs []string
+	for _, p := range parts {
+		p = strings.TrimSpace(p)
+		if p != "" {
+			paragraphs = append(paragraphs, p)
+		}
+	}
+	return paragraphs
+}
+
+// binChunks groups paragraphs into chunks each at most maxBytes in length.
+// Each chunk is a single string with paragraphs joined by "\n\n".
+func binChunks(paragraphs []string, maxBytes int) []string {
+	var chunks []string
+	var current strings.Builder
+
+	for _, p := range paragraphs {
+		needed := len(p)
+		if current.Len() > 0 {
+			needed += 2 // for the "\n\n" separator
+		}
+
+		if current.Len()+needed > maxBytes && current.Len() > 0 {
+			// Flush current chunk.
+			chunks = append(chunks, current.String())
+			current.Reset()
+		}
+
+		if current.Len() > 0 {
+			current.WriteString("\n\n")
+		}
+		current.WriteString(p)
+	}
+
+	if current.Len() > 0 {
+		chunks = append(chunks, current.String())
+	}
+	return chunks
+}
diff --git a/backend/internal/meili/client.go b/backend/internal/meili/client.go
new file mode 100644
index 0000000..1554558
--- /dev/null
+++ b/backend/internal/meili/client.go
@@ -0,0 +1,357 @@
+// Package meili provides a thin Meilisearch client for indexing and searching
+// locally scraped books.
+//
+// Index:
+//   - Name: "books"
+//   - Primary key: "slug"
+//   - Searchable attributes: title, author, genres, summary
+//   - Filterable attributes: status, genres
+//   - Sortable attributes: rank, rating, total_chapters, meta_updated
+//
+// The client is intentionally simple: UpsertBook and Search only. All
+// Meilisearch-specific details (index management, attribute configuration)
+// are handled once in Configure(), called at startup.
+package meili
+
+import (
+	"context"
+	"encoding/json"
+	"fmt"
+	"strings"
+
+	"github.com/libnovel/backend/internal/domain"
+	"github.com/meilisearch/meilisearch-go"
+)
+
+const indexName = "books"
+
+// Client is the interface for Meilisearch operations used by runner and backend.
+type Client interface {
+	// UpsertBook adds or updates a book document in the search index.
+	UpsertBook(ctx context.Context, book domain.BookMeta) error
+	// BookExists reports whether a book with the given slug is already in the
+	// index. Used by the catalogue refresh to skip re-indexing known books.
+	BookExists(ctx context.Context, slug string) bool
+	// DeleteBook removes a book document from the search index by slug.
+	DeleteBook(ctx context.Context, slug string) error
+	// Search returns up to limit books matching query.
+	// Archived books are always excluded.
+	Search(ctx context.Context, query string, limit int) ([]domain.BookMeta, error)
+	// Catalogue queries books with optional filters, sort, and pagination.
+	// Returns books, the total hit count for pagination, and a FacetResult
+	// with available genre and status values from the index.
+	// Archived books are always excluded.
+	Catalogue(ctx context.Context, q CatalogueQuery) ([]domain.BookMeta, int64, FacetResult, error)
+}
+
+// CatalogueQuery holds parameters for the /api/catalogue endpoint.
+type CatalogueQuery struct {
+	Q      string // full-text query (may be empty for browse)
+	Genre  string // genre filter, e.g. "fantasy" or "all"
+	Status string // status filter, e.g. "ongoing", "completed", or "all"
+	Sort   string // sort field: "popular", "new", "update", "top-rated", "rank", ""
+	Page   int    // 1-indexed
+	Limit  int    // items per page, default 20
+	// AdminAll disables the visibility filter so admin users see all non-archived
+	// books including those marked admin_only.
+	AdminAll bool
+}
+
+// FacetResult holds the available filter values discovered from the index.
+// Values are sorted alphabetically and include only those present in the index.
+type FacetResult struct {
+	Genres   []string // distinct genre values
+	Statuses []string // distinct status values
+}
+
+// MeiliClient wraps the meilisearch-go SDK.
+type MeiliClient struct {
+	idx meilisearch.IndexManager
+}
+
+// New creates a MeiliClient. Call Configure() once at startup to ensure the
+// index exists and has the correct attribute settings.
+func New(host, apiKey string) *MeiliClient {
+	cli := meilisearch.New(host, meilisearch.WithAPIKey(apiKey))
+	return &MeiliClient{idx: cli.Index(indexName)}
+}
+
+// Configure creates the index if absent and sets searchable/filterable
+// attributes. It is idempotent — safe to call on every startup.
+func Configure(host, apiKey string) error {
+	cli := meilisearch.New(host, meilisearch.WithAPIKey(apiKey))
+
+	// Create index with primary key. Returns 202 if exists — ignore.
+	task, err := cli.CreateIndex(&meilisearch.IndexConfig{
+		Uid:        indexName,
+		PrimaryKey: "slug",
+	})
+	if err != nil {
+		// 400 "index_already_exists" is not an error here; the SDK returns
+		// an error with Code "index_already_exists" which we can ignore.
+		// Any other error is fatal.
+		if apiErr, ok := err.(*meilisearch.Error); ok && apiErr.MeilisearchApiError.Code == "index_already_exists" {
+			// already exists — continue
+		} else {
+			return fmt.Errorf("meili: create index: %w", err)
+		}
+	} else {
+		_ = task // task is async; we don't wait for it
+	}
+
+	idx := cli.Index(indexName)
+
+	searchable := []string{"title", "author", "genres", "summary"}
+	if _, err := idx.UpdateSearchableAttributes(&searchable); err != nil {
+		return fmt.Errorf("meili: update searchable attributes: %w", err)
+	}
+
+	filterable := []interface{}{"status", "genres", "archived", "visibility"}
+	if _, err := idx.UpdateFilterableAttributes(&filterable); err != nil {
+		return fmt.Errorf("meili: update filterable attributes: %w", err)
+	}
+
+	sortable := []string{"rank", "rating", "total_chapters", "meta_updated"}
+	if _, err := idx.UpdateSortableAttributes(&sortable); err != nil {
+		return fmt.Errorf("meili: update sortable attributes: %w", err)
+	}
+
+	return nil
+}
+
+// bookDoc is the Meilisearch document shape for a book.
+type bookDoc struct {
+	Slug          string   `json:"slug"`
+	Title         string   `json:"title"`
+	Author        string   `json:"author"`
+	Cover         string   `json:"cover"`
+	Status        string   `json:"status"`
+	Genres        []string `json:"genres"`
+	Summary       string   `json:"summary"`
+	TotalChapters int      `json:"total_chapters"`
+	SourceURL     string   `json:"source_url"`
+	Rank          int      `json:"rank"`
+	Rating        float64  `json:"rating"`
+	// MetaUpdated is the Unix timestamp (seconds) of the last PocketBase update.
+	// Used for sort=update ("recently updated" ordering).
+	MetaUpdated int64 `json:"meta_updated"`
+	// Archived is true when the book has been soft-deleted by an admin.
+	// Used as a filter to exclude archived books from all search results.
+	Archived bool `json:"archived"`
+	// Visibility is "public" or "admin_only". Only public books are shown to
+	// non-admin users. Empty string is treated as admin_only for safety.
+	Visibility string `json:"visibility"`
+}
+
+func toDoc(b domain.BookMeta) bookDoc {
+	return bookDoc{
+		Slug:          b.Slug,
+		Title:         b.Title,
+		Author:        b.Author,
+		Cover:         b.Cover,
+		Status:        b.Status,
+		Genres:        b.Genres,
+		Summary:       b.Summary,
+		TotalChapters: b.TotalChapters,
+		SourceURL:     b.SourceURL,
+		Rank:          b.Ranking,
+		Rating:        b.Rating,
+		MetaUpdated:   b.MetaUpdated,
+		Archived:      b.Archived,
+		Visibility:    b.Visibility,
+	}
+}
+
+func fromDoc(d bookDoc) domain.BookMeta {
+	return domain.BookMeta{
+		Slug:          d.Slug,
+		Title:         d.Title,
+		Author:        d.Author,
+		Cover:         d.Cover,
+		Status:        d.Status,
+		Genres:        d.Genres,
+		Summary:       d.Summary,
+		TotalChapters: d.TotalChapters,
+		SourceURL:     d.SourceURL,
+		Ranking:       d.Rank,
+		Rating:        d.Rating,
+		MetaUpdated:   d.MetaUpdated,
+		Archived:      d.Archived,
+		Visibility:    d.Visibility,
+	}
+}
+
+// UpsertBook adds or replaces the book document in Meilisearch. The operation
+// is fire-and-forget (Meilisearch processes tasks asynchronously).
+func (c *MeiliClient) UpsertBook(_ context.Context, book domain.BookMeta) error {
+	docs := []bookDoc{toDoc(book)}
+	pk := "slug"
+	if _, err := c.idx.AddDocuments(docs, &meilisearch.DocumentOptions{PrimaryKey: &pk}); err != nil {
+		return fmt.Errorf("meili: upsert book %q: %w", book.Slug, err)
+	}
+	return nil
+}
+
+// BookExists reports whether the slug is already present in the index.
+// It fetches the document by primary key; a 404 or any error is treated as
+// "not present" (safe default: re-index rather than silently skip).
+func (c *MeiliClient) BookExists(_ context.Context, slug string) bool {
+	var doc bookDoc
+	err := c.idx.GetDocument(slug, nil, &doc)
+	return err == nil && doc.Slug != ""
+}
+
+// DeleteBook removes a book document from the index by slug.
+// The operation is fire-and-forget (Meilisearch processes tasks asynchronously).
+func (c *MeiliClient) DeleteBook(_ context.Context, slug string) error {
+	if _, err := c.idx.DeleteDocument(slug, nil); err != nil {
+		return fmt.Errorf("meili: delete book %q: %w", slug, err)
+	}
+	return nil
+}
+
+// Search returns books matching query, up to limit results.
+// Archived books are always excluded.
+func (c *MeiliClient) Search(_ context.Context, query string, limit int) ([]domain.BookMeta, error) {
+	if limit <= 0 {
+		limit = 20
+	}
+	res, err := c.idx.Search(query, &meilisearch.SearchRequest{
+		Limit:  int64(limit),
+		Filter: `archived = false AND visibility = "public"`,
+	})
+	if err != nil {
+		return nil, fmt.Errorf("meili: search %q: %w", query, err)
+	}
+
+	books := make([]domain.BookMeta, 0, len(res.Hits))
+	for _, hit := range res.Hits {
+		// Hit is map[string]json.RawMessage — unmarshal directly into bookDoc.
+		var doc bookDoc
+		raw, err := json.Marshal(hit)
+		if err != nil {
+			continue
+		}
+		if err := json.Unmarshal(raw, &doc); err != nil {
+			continue
+		}
+		books = append(books, fromDoc(doc))
+	}
+	return books, nil
+}
+
+// Catalogue queries books with optional full-text search, genre/status filters,
+// sort order, and pagination. Returns matching books, the total estimate, and
+// a FacetResult containing available genre and status values from the index.
+func (c *MeiliClient) Catalogue(_ context.Context, q CatalogueQuery) ([]domain.BookMeta, int64, FacetResult, error) {
+	if q.Limit <= 0 {
+		q.Limit = 20
+	}
+	if q.Page <= 0 {
+		q.Page = 1
+	}
+
+	req := &meilisearch.SearchRequest{
+		Limit:  int64(q.Limit),
+		Offset: int64((q.Page - 1) * q.Limit),
+		// Request facet distribution so the UI can build filter options
+		// dynamically without hardcoding genre/status lists.
+		Facets: []string{"genres", "status"},
+	}
+
+	// Build filter — always exclude archived books; restrict to public unless admin.
+	filters := []string{"archived = false"}
+	if !q.AdminAll {
+		filters = append(filters, `visibility = "public"`)
+	}
+	if q.Genre != "" && q.Genre != "all" {
+		filters = append(filters, fmt.Sprintf("genres = %q", q.Genre))
+	}
+	if q.Status != "" && q.Status != "all" {
+		filters = append(filters, fmt.Sprintf("status = %q", q.Status))
+	}
+	req.Filter = strings.Join(filters, " AND ")
+
+	// Map UI sort tokens to Meilisearch sort expressions.
+	switch q.Sort {
+	case "rank":
+		req.Sort = []string{"rank:asc"}
+	case "top-rated":
+		req.Sort = []string{"rating:desc"}
+	case "new":
+		req.Sort = []string{"total_chapters:desc"}
+	case "update":
+		req.Sort = []string{"meta_updated:desc"}
+		// "popular" and "" → relevance (no explicit sort)
+	}
+
+	res, err := c.idx.Search(q.Q, req)
+	if err != nil {
+		return nil, 0, FacetResult{}, fmt.Errorf("meili: catalogue query: %w", err)
+	}
+
+	books := make([]domain.BookMeta, 0, len(res.Hits))
+	for _, hit := range res.Hits {
+		var doc bookDoc
+		raw, err := json.Marshal(hit)
+		if err != nil {
+			continue
+		}
+		if err := json.Unmarshal(raw, &doc); err != nil {
+			continue
+		}
+		books = append(books, fromDoc(doc))
+	}
+
+	facets := parseFacets(res.FacetDistribution)
+	return books, res.EstimatedTotalHits, facets, nil
+}
+
+// parseFacets extracts sorted genre and status slices from a Meilisearch
+// facetDistribution raw JSON value.
+// The JSON shape is: {"genres":{"fantasy":12,"action":5},"status":{"ongoing":7}}
+func parseFacets(raw json.RawMessage) FacetResult {
+	var result FacetResult
+	if len(raw) == 0 {
+		return result
+	}
+	var dist map[string]map[string]int64
+	if err := json.Unmarshal(raw, &dist); err != nil {
+		return result
+	}
+	if m, ok := dist["genres"]; ok {
+		for k := range m {
+			result.Genres = append(result.Genres, k)
+		}
+		sortStrings(result.Genres)
+	}
+	if m, ok := dist["status"]; ok {
+		for k := range m {
+			result.Statuses = append(result.Statuses, k)
+		}
+		sortStrings(result.Statuses)
+	}
+	return result
+}
+
+// sortStrings sorts a slice of strings in place.
+func sortStrings(s []string) {
+	for i := 1; i < len(s); i++ {
+		for j := i; j > 0 && s[j] < s[j-1]; j-- {
+			s[j], s[j-1] = s[j-1], s[j]
+		}
+	}
+}
+
+// NoopClient is a no-op Client used when Meilisearch is not configured.
+type NoopClient struct{}
+
+func (NoopClient) UpsertBook(_ context.Context, _ domain.BookMeta) error { return nil }
+func (NoopClient) BookExists(_ context.Context, _ string) bool            { return false }
+func (NoopClient) DeleteBook(_ context.Context, _ string) error           { return nil }
+func (NoopClient) Search(_ context.Context, _ string, _ int) ([]domain.BookMeta, error) {
+	return nil, nil
+}
+func (NoopClient) Catalogue(_ context.Context, _ CatalogueQuery) ([]domain.BookMeta, int64, FacetResult, error) {
+	return nil, 0, FacetResult{}, nil
+}
diff --git a/scraper/internal/scraper/htmlutil/htmlutil.go b/backend/internal/novelfire/htmlutil/htmlutil.go
similarity index 83%
rename from scraper/internal/scraper/htmlutil/htmlutil.go
rename to backend/internal/novelfire/htmlutil/htmlutil.go
index 7a25980..5f4b0ef 100644
--- a/scraper/internal/scraper/htmlutil/htmlutil.go
+++ b/backend/internal/novelfire/htmlutil/htmlutil.go
@@ -3,13 +3,31 @@
 package htmlutil
 
 import (
+	"net/url"
 	"regexp"
 	"strings"
 
-	"github.com/libnovel/scraper/internal/scraper"
+	"github.com/libnovel/backend/internal/scraper"
 	"golang.org/x/net/html"
 )
 
+// ResolveURL returns an absolute URL. If href is already absolute it is
+// returned unchanged. Otherwise it is resolved against base.
+func ResolveURL(base, href string) string {
+	if strings.HasPrefix(href, "http://") || strings.HasPrefix(href, "https://") {
+		return href
+	}
+	b, err := url.Parse(base)
+	if err != nil {
+		return base + href
+	}
+	ref, err := url.Parse(href)
+	if err != nil {
+		return base + href
+	}
+	return b.ResolveReference(ref).String()
+}
+
 // ParseHTML parses raw HTML and returns the root node.
 func ParseHTML(raw string) (*html.Node, error) {
 	return html.Parse(strings.NewReader(raw))
@@ -48,8 +66,8 @@ matched:
 	return true
 }
 
-// attrVal returns the value of attribute key from node n.
-func attrVal(n *html.Node, key string) string {
+// AttrVal returns the value of attribute key from node n.
+func AttrVal(n *html.Node, key string) string {
 	for _, a := range n.Attr {
 		if a.Key == key {
 			return a.Val
@@ -58,8 +76,8 @@ func attrVal(n *html.Node, key string) string {
 	return ""
 }
 
-// textContent returns the concatenated text content of all descendant text nodes.
-func textContent(n *html.Node) string {
+// TextContent returns the concatenated text content of all descendant text nodes.
+func TextContent(n *html.Node) string {
 	var sb strings.Builder
 	var walk func(*html.Node)
 	walk = func(cur *html.Node) {
@@ -114,9 +132,9 @@ func FindAll(root *html.Node, sel scraper.Selector) []*html.Node {
 // If sel.Attr is set the attribute value is returned; otherwise the inner text.
 func ExtractText(n *html.Node, sel scraper.Selector) string {
 	if sel.Attr != "" {
-		return attrVal(n, sel.Attr)
+		return AttrVal(n, sel.Attr)
 	}
-	return textContent(n)
+	return TextContent(n)
 }
 
 // ExtractFirst locates the first match in root and returns its text/attr value.
@@ -140,29 +158,15 @@ func ExtractAll(root *html.Node, sel scraper.Selector) []string {
 	return out
 }
 
-// InnerHTML returns the serialized inner HTML of node n.
-func InnerHTML(n *html.Node) string {
-	var sb strings.Builder
-	for c := n.FirstChild; c != nil; c = c.NextSibling {
-		_ = html.Render(&sb, c)
-	}
-	return sb.String()
-}
-
 // NodeToMarkdown converts the children of an HTML node to a plain-text/Markdown
-// representation suitable for chapter storage. Block elements become newlines;
-// inline elements are inlined. Runs of more than one blank line are collapsed
-// to a single blank line.
+// representation suitable for chapter storage.
 func NodeToMarkdown(n *html.Node) string {
 	var sb strings.Builder
 	nodeToMD(n, &sb)
-	// Collapse 3+ consecutive newlines (i.e. more than one blank line) to 2.
 	out := multiBlankLine.ReplaceAllString(sb.String(), "\n\n")
 	return strings.TrimSpace(out)
 }
 
-// multiBlankLine matches three or more consecutive newline characters
-// (any mix of \n and surrounding whitespace-only lines).
 var multiBlankLine = regexp.MustCompile(`\n(\s*\n){2,}`)
 
 var blockElements = map[string]bool{
diff --git a/backend/internal/novelfire/scraper.go b/backend/internal/novelfire/scraper.go
new file mode 100644
index 0000000..411ec21
--- /dev/null
+++ b/backend/internal/novelfire/scraper.go
@@ -0,0 +1,538 @@
+// Package novelfire provides a NovelScraper implementation for novelfire.net.
+//
+// Site structure (as of 2025):
+//
+//	Catalogue : https://novelfire.net/genre-all/sort-new/status-all/all-novel?page=N
+//	Book page : https://novelfire.net/book/{slug}
+//	Chapters  : https://novelfire.net/book/{slug}/chapters?page=N
+//	Chapter   : https://novelfire.net/book/{slug}/{chapter-slug}
+package novelfire
+
+import (
+	"context"
+	"errors"
+	"fmt"
+	"log/slog"
+	"math/rand"
+	"net/url"
+	"path"
+	"strconv"
+	"strings"
+	"time"
+
+	"github.com/libnovel/backend/internal/browser"
+	"github.com/libnovel/backend/internal/domain"
+	"github.com/libnovel/backend/internal/novelfire/htmlutil"
+	"github.com/libnovel/backend/internal/scraper"
+	"golang.org/x/net/html"
+)
+
+const (
+	baseURL       = "https://novelfire.net"
+	cataloguePath = "/genre-all/sort-new/status-all/all-novel"
+	rankingPath   = "/genre-all/sort-popular/status-all/all-novel"
+)
+
+// Scraper is the novelfire.net implementation of scraper.NovelScraper.
+type Scraper struct {
+	client browser.Client
+	log    *slog.Logger
+}
+
+// Compile-time interface check.
+var _ scraper.NovelScraper = (*Scraper)(nil)
+
+// New returns a new novelfire Scraper backed by client.
+func New(client browser.Client, log *slog.Logger) *Scraper {
+	if log == nil {
+		log = slog.Default()
+	}
+	return &Scraper{client: client, log: log}
+}
+
+// SourceName implements NovelScraper.
+func (s *Scraper) SourceName() string { return "novelfire.net" }
+
+// ── CatalogueProvider ─────────────────────────────────────────────────────────
+
+// ScrapeCatalogue streams all CatalogueEntry values across all catalogue pages.
+// Each page fetch uses retryGet with 429-aware exponential backoff.
+// A small inter-page delay (cataloguePageDelay) is inserted between requests to
+// avoid hammering the server when paging through hundreds of catalogue pages.
+func (s *Scraper) ScrapeCatalogue(ctx context.Context) (<-chan domain.CatalogueEntry, <-chan error) {
+	entries := make(chan domain.CatalogueEntry, 64)
+	errs := make(chan error, 16)
+
+	go func() {
+		defer close(entries)
+		defer close(errs)
+
+		pageURL := baseURL + cataloguePath
+		page := 1
+
+		for pageURL != "" {
+			select {
+			case <-ctx.Done():
+				return
+			default:
+			}
+
+			// Polite inter-page delay — skipped on the very first page.
+			if page > 1 {
+				jitter := time.Duration(500+rand.Intn(1000)) * time.Millisecond
+				select {
+				case <-ctx.Done():
+					return
+				case <-time.After(jitter):
+				}
+			}
+
+			s.log.Info("scraping catalogue page", "page", page, "url", pageURL)
+			raw, err := retryGet(ctx, s.log, s.client, pageURL, 9, 10*time.Second)
+			if err != nil {
+				errs <- fmt.Errorf("catalogue page %d: %w", page, err)
+				return
+			}
+
+			root, err := htmlutil.ParseHTML(raw)
+			if err != nil {
+				errs <- fmt.Errorf("catalogue page %d parse: %w", page, err)
+				return
+			}
+
+			cards := htmlutil.FindAll(root, scraper.Selector{Tag: "li", Class: "novel-item", Multiple: true})
+			if len(cards) == 0 {
+				s.log.Warn("no novel cards found, stopping pagination", "page", page)
+				return
+			}
+
+			for _, card := range cards {
+				linkNode := htmlutil.FindFirst(card, scraper.Selector{Tag: "a", Attr: "href"})
+				titleNode := htmlutil.FindFirst(card, scraper.Selector{Tag: "h4", Class: "novel-title"})
+
+				var title, href string
+				if linkNode != nil {
+					href = htmlutil.ExtractText(linkNode, scraper.Selector{Tag: "a", Attr: "href"})
+				}
+				if titleNode != nil {
+					title = strings.TrimSpace(htmlutil.ExtractText(titleNode, scraper.Selector{}))
+				}
+				if href == "" || title == "" {
+					continue
+				}
+
+				bookURL := resolveURL(baseURL, href)
+				select {
+				case <-ctx.Done():
+					return
+				case entries <- domain.CatalogueEntry{Slug: slugFromURL(bookURL), Title: title, URL: bookURL}:
+				}
+			}
+
+			if !hasNextPageLink(root) {
+				break
+			}
+			nextHref := ""
+			for _, a := range htmlutil.FindAll(root, scraper.Selector{Tag: "a", Multiple: true}) {
+				if htmlutil.AttrVal(a, "rel") == "next" {
+					nextHref = htmlutil.AttrVal(a, "href")
+					break
+				}
+			}
+			if nextHref == "" {
+				break
+			}
+			pageURL = resolveURL(baseURL, nextHref)
+			page++
+		}
+	}()
+
+	return entries, errs
+}
+
+// ── MetadataProvider ──────────────────────────────────────────────────────────
+
+// ScrapeMetadata fetches and parses book metadata from the book's landing page.
+// Uses retryGet with 429-aware exponential backoff (up to 9 attempts).
+func (s *Scraper) ScrapeMetadata(ctx context.Context, bookURL string) (domain.BookMeta, error) {
+	s.log.Debug("metadata fetch starting", "url", bookURL)
+
+	raw, err := retryGet(ctx, s.log, s.client, bookURL, 9, 10*time.Second)
+	if err != nil {
+		return domain.BookMeta{}, fmt.Errorf("metadata fetch %s: %w", bookURL, err)
+	}
+
+	root, err := htmlutil.ParseHTML(raw)
+	if err != nil {
+		return domain.BookMeta{}, fmt.Errorf("metadata parse %s: %w", bookURL, err)
+	}
+
+	title := htmlutil.ExtractFirst(root, scraper.Selector{Tag: "h1", Class: "novel-title"})
+	author := htmlutil.ExtractFirst(root, scraper.Selector{Tag: "span", Class: "author"})
+
+	var cover string
+	if fig := htmlutil.FindFirst(root, scraper.Selector{Tag: "figure", Class: "cover"}); fig != nil {
+		cover = htmlutil.ExtractFirst(fig, scraper.Selector{Tag: "img", Attr: "src"})
+		if cover != "" && !strings.HasPrefix(cover, "http") {
+			cover = baseURL + cover
+		}
+	}
+
+	// Status: novelfire renders <strong class="ongoing">Ongoing</strong> (or
+	// "completed", "hiatus") inside the .header-stats block. We take the text
+	// content and lowercase it so the index value is always canonical lowercase.
+	var status string
+	for _, cls := range []string{"ongoing", "completed", "hiatus"} {
+		if v := htmlutil.ExtractFirst(root, scraper.Selector{Tag: "strong", Class: cls}); v != "" {
+			status = strings.ToLower(strings.TrimSpace(v))
+			break
+		}
+	}
+
+	// Genres: novelfire renders <div class="categories"><ul><li><a class="property-item">Genre</a>
+	// Each <a class="property-item"> is one genre tag. Lowercase for index consistency.
+	var genres []string
+	if categoriesNode := htmlutil.FindFirst(root, scraper.Selector{Tag: "div", Class: "categories"}); categoriesNode != nil {
+		for _, v := range htmlutil.ExtractAll(categoriesNode, scraper.Selector{Tag: "a", Class: "property-item", Multiple: true}) {
+			if v != "" {
+				genres = append(genres, strings.ToLower(strings.TrimSpace(v)))
+			}
+		}
+	}
+
+	summary := htmlutil.ExtractFirst(root, scraper.Selector{Tag: "div", Class: "summary"})
+	totalStr := htmlutil.ExtractFirst(root, scraper.Selector{Tag: "span", Class: "chapter-count"})
+	totalChapters := parseChapterCount(totalStr)
+
+	slug := slugFromURL(bookURL)
+
+	meta := domain.BookMeta{
+		Slug:          slug,
+		Title:         title,
+		Author:        author,
+		Cover:         cover,
+		Status:        status,
+		Genres:        genres,
+		Summary:       summary,
+		TotalChapters: totalChapters,
+		SourceURL:     bookURL,
+	}
+	s.log.Debug("metadata parsed", "slug", meta.Slug, "title", meta.Title)
+	return meta, nil
+}
+
+// ── ChapterListProvider ───────────────────────────────────────────────────────
+
+// ScrapeChapterList returns chapter references for a book, ordered ascending.
+// upTo > 0 stops pagination as soon as at least upTo chapter numbers have been
+// collected — use this for range scrapes so we don't paginate 100 pages just
+// to discover refs we'll never scrape. upTo == 0 fetches all pages.
+// Each page fetch uses retryGet with 429-aware exponential backoff.
+func (s *Scraper) ScrapeChapterList(ctx context.Context, bookURL string, upTo int) ([]domain.ChapterRef, error) {
+	var refs []domain.ChapterRef
+	baseChapterURL := strings.TrimRight(bookURL, "/") + "/chapters"
+	page := 1
+
+	for {
+		select {
+		case <-ctx.Done():
+			return refs, ctx.Err()
+		default:
+		}
+
+		pageURL := fmt.Sprintf("%s?page=%d", baseChapterURL, page)
+		s.log.Debug("scraping chapter list", "page", page, "url", pageURL)
+
+		raw, err := retryGet(ctx, s.log, s.client, pageURL, 9, 6*time.Second)
+		if err != nil {
+			return refs, fmt.Errorf("chapter list page %d: %w", page, err)
+		}
+
+		root, err := htmlutil.ParseHTML(raw)
+		if err != nil {
+			return refs, fmt.Errorf("chapter list page %d parse: %w", page, err)
+		}
+
+		chapterList := htmlutil.FindFirst(root, scraper.Selector{Class: "chapter-list"})
+		if chapterList == nil {
+			s.log.Debug("chapter list container not found, stopping pagination", "page", page)
+			break
+		}
+
+		items := htmlutil.FindAll(chapterList, scraper.Selector{Tag: "li"})
+		if len(items) == 0 {
+			break
+		}
+
+		for _, item := range items {
+			linkNode := htmlutil.FindFirst(item, scraper.Selector{Tag: "a"})
+			if linkNode == nil {
+				continue
+			}
+			href := htmlutil.ExtractText(linkNode, scraper.Selector{Attr: "href"})
+			chTitle := htmlutil.ExtractText(linkNode, scraper.Selector{})
+			if href == "" {
+				continue
+			}
+			chURL := resolveURL(baseURL, href)
+			num := chapterNumberFromURL(chURL)
+			if num <= 0 {
+				num = len(refs) + 1
+				s.log.Warn("chapter number not parseable from URL, falling back to position",
+					"url", chURL, "position", num)
+			}
+			refs = append(refs, domain.ChapterRef{
+				Number: num,
+				Title:  strings.TrimSpace(chTitle),
+				URL:    chURL,
+			})
+		}
+
+		// Early-stop: if we have seen at least upTo chapter numbers, we have
+		// enough refs to cover the requested range — no need to paginate further.
+		if upTo > 0 && len(refs) > 0 && refs[len(refs)-1].Number >= upTo {
+			s.log.Debug("chapter list early-stop reached", "upTo", upTo, "collected", len(refs))
+			break
+		}
+
+		page++
+	}
+
+	return refs, nil
+}
+
+// ── ChapterTextProvider ───────────────────────────────────────────────────────
+
+// ScrapeChapterText fetches and parses a single chapter page.
+func (s *Scraper) ScrapeChapterText(ctx context.Context, ref domain.ChapterRef) (domain.Chapter, error) {
+	s.log.Debug("chapter text fetch starting", "chapter", ref.Number, "url", ref.URL)
+
+	raw, err := retryGet(ctx, s.log, s.client, ref.URL, 9, 6*time.Second)
+	if err != nil {
+		return domain.Chapter{}, fmt.Errorf("chapter %d fetch: %w", ref.Number, err)
+	}
+
+	root, err := htmlutil.ParseHTML(raw)
+	if err != nil {
+		return domain.Chapter{}, fmt.Errorf("chapter %d parse: %w", ref.Number, err)
+	}
+
+	container := htmlutil.FindFirst(root, scraper.Selector{ID: "content"})
+	if container == nil {
+		return domain.Chapter{}, fmt.Errorf("chapter %d: #content container not found in %s", ref.Number, ref.URL)
+	}
+
+	text := htmlutil.NodeToMarkdown(container)
+
+	s.log.Debug("chapter text parsed", "chapter", ref.Number, "text_bytes", len(text))
+
+	return domain.Chapter{Ref: ref, Text: text}, nil
+}
+
+// ── RankingProvider ───────────────────────────────────────────────────────────
+
+// ScrapeRanking pages through up to maxPages pages of the popular-novels listing.
+// maxPages <= 0 means all pages. The caller decides whether to persist items.
+func (s *Scraper) ScrapeRanking(ctx context.Context, maxPages int) (<-chan domain.BookMeta, <-chan error) {
+	entries := make(chan domain.BookMeta, 32)
+	errs := make(chan error, 16)
+
+	go func() {
+		defer close(entries)
+		defer close(errs)
+
+		rank := 1
+
+		for page := 1; maxPages <= 0 || page <= maxPages; page++ {
+			select {
+			case <-ctx.Done():
+				return
+			default:
+			}
+
+			pageURL := fmt.Sprintf("%s%s?page=%d", baseURL, rankingPath, page)
+			s.log.Info("scraping popular ranking page", "page", page, "url", pageURL)
+
+			raw, err := s.client.GetContent(ctx, pageURL)
+			if err != nil {
+				errs <- fmt.Errorf("ranking page %d: %w", page, err)
+				return
+			}
+
+			root, err := htmlutil.ParseHTML(raw)
+			if err != nil {
+				errs <- fmt.Errorf("ranking page %d parse: %w", page, err)
+				return
+			}
+
+			cards := htmlutil.FindAll(root, scraper.Selector{Tag: "li", Class: "novel-item", Multiple: true})
+			if len(cards) == 0 {
+				break
+			}
+
+			for _, card := range cards {
+				linkNode := htmlutil.FindFirst(card, scraper.Selector{Tag: "a"})
+				if linkNode == nil {
+					continue
+				}
+				href := htmlutil.ExtractText(linkNode, scraper.Selector{Tag: "a", Attr: "href"})
+				bookURL := resolveURL(baseURL, href)
+				if bookURL == "" {
+					continue
+				}
+
+				title := strings.TrimSpace(htmlutil.ExtractFirst(card, scraper.Selector{Tag: "h4", Class: "novel-title"}))
+				if title == "" {
+					title = strings.TrimSpace(htmlutil.ExtractText(linkNode, scraper.Selector{Tag: "a", Attr: "title"}))
+				}
+				if title == "" {
+					continue
+				}
+
+				var cover string
+				if fig := htmlutil.FindFirst(card, scraper.Selector{Tag: "figure", Class: "novel-cover"}); fig != nil {
+					cover = htmlutil.ExtractFirst(fig, scraper.Selector{Tag: "img", Attr: "data-src"})
+					if cover == "" {
+						cover = htmlutil.ExtractFirst(fig, scraper.Selector{Tag: "img", Attr: "src"})
+					}
+					if strings.HasPrefix(cover, "data:") {
+						cover = ""
+					}
+					if cover != "" && !strings.HasPrefix(cover, "http") {
+						cover = baseURL + cover
+					}
+				}
+
+				meta := domain.BookMeta{
+					Slug:      slugFromURL(bookURL),
+					Title:     title,
+					Cover:     cover,
+					SourceURL: bookURL,
+					Ranking:   rank,
+				}
+				rank++
+
+				select {
+				case <-ctx.Done():
+					return
+				case entries <- meta:
+				}
+			}
+
+			if !hasNextPageLink(root) {
+				break
+			}
+		}
+	}()
+
+	return entries, errs
+}
+
+// ── helpers ───────────────────────────────────────────────────────────────────
+
+func resolveURL(base, href string) string { return htmlutil.ResolveURL(base, href) }
+
+func hasNextPageLink(root *html.Node) bool {
+	links := htmlutil.FindAll(root, scraper.Selector{Tag: "a", Multiple: true})
+	for _, a := range links {
+		for _, attr := range a.Attr {
+			if attr.Key == "rel" && attr.Val == "next" {
+				return true
+			}
+		}
+	}
+	return false
+}
+
+func slugFromURL(bookURL string) string {
+	u, err := url.Parse(bookURL)
+	if err != nil {
+		return bookURL
+	}
+	parts := strings.Split(strings.Trim(u.Path, "/"), "/")
+	if len(parts) >= 2 && parts[0] == "book" {
+		return parts[1]
+	}
+	if len(parts) > 0 {
+		return parts[len(parts)-1]
+	}
+	return ""
+}
+
+func parseChapterCount(s string) int {
+	s = strings.ReplaceAll(s, ",", "")
+	fields := strings.Fields(s)
+	if len(fields) == 0 {
+		return 0
+	}
+	n, _ := strconv.Atoi(fields[0])
+	return n
+}
+
+func chapterNumberFromURL(chapterURL string) int {
+	u, err := url.Parse(chapterURL)
+	if err != nil {
+		return 0
+	}
+	seg := path.Base(u.Path)
+	seg = strings.TrimPrefix(seg, "chapter-")
+	seg = strings.TrimPrefix(seg, "chap-")
+	seg = strings.TrimPrefix(seg, "ch-")
+	digits := strings.FieldsFunc(seg, func(r rune) bool {
+		return r < '0' || r > '9'
+	})
+	if len(digits) == 0 {
+		return 0
+	}
+	n, _ := strconv.Atoi(digits[0])
+	return n
+}
+
+// retryGet calls client.GetContent up to maxAttempts times with exponential backoff.
+// If the server returns 429 (ErrRateLimit), the suggested Retry-After delay is used
+// instead of the geometric backoff delay.
+func retryGet(
+	ctx context.Context,
+	log *slog.Logger,
+	client browser.Client,
+	pageURL string,
+	maxAttempts int,
+	baseDelay time.Duration,
+) (string, error) {
+	var lastErr error
+	delay := baseDelay
+	for attempt := 1; attempt <= maxAttempts; attempt++ {
+		raw, err := client.GetContent(ctx, pageURL)
+		if err == nil {
+			return raw, nil
+		}
+		lastErr = err
+		if ctx.Err() != nil {
+			return "", err
+		}
+		if attempt < maxAttempts {
+			// If the server is rate-limiting us, honour its Retry-After delay.
+			waitFor := delay
+			var rlErr *browser.RateLimitError
+			if errors.As(err, &rlErr) {
+				waitFor = rlErr.RetryAfter
+				if log != nil {
+					log.Warn("rate limited, backing off",
+						"url", pageURL, "attempt", attempt, "retry_in", waitFor)
+				}
+			} else {
+				if log != nil {
+					log.Warn("fetch failed, retrying",
+						"url", pageURL, "attempt", attempt, "retry_in", delay, "err", err)
+				}
+				delay *= 2
+			}
+			select {
+			case <-ctx.Done():
+				return "", ctx.Err()
+			case <-time.After(waitFor):
+			}
+		}
+	}
+	return "", lastErr
+}
diff --git a/backend/internal/novelfire/scraper_test.go b/backend/internal/novelfire/scraper_test.go
new file mode 100644
index 0000000..6c29a3b
--- /dev/null
+++ b/backend/internal/novelfire/scraper_test.go
@@ -0,0 +1,180 @@
+package novelfire
+
+import (
+	"context"
+	"log/slog"
+	"testing"
+)
+
+func TestSlugFromURL(t *testing.T) {
+	cases := []struct {
+		url  string
+		want string
+	}{
+		{"https://novelfire.net/book/shadow-slave", "shadow-slave"},
+		{"https://novelfire.net/book/a-dragon-against-the-whole-world", "a-dragon-against-the-whole-world"},
+		{"https://novelfire.net/book/foo/chapter-1", "foo"},
+		{"https://novelfire.net/", ""},
+		{"not-a-url", "not-a-url"},
+	}
+	for _, c := range cases {
+		got := slugFromURL(c.url)
+		if got != c.want {
+			t.Errorf("slugFromURL(%q) = %q, want %q", c.url, got, c.want)
+		}
+	}
+}
+
+func TestChapterNumberFromURL(t *testing.T) {
+	cases := []struct {
+		url  string
+		want int
+	}{
+		{"https://novelfire.net/book/shadow-slave/chapter-42", 42},
+		{"https://novelfire.net/book/shadow-slave/chapter-1000", 1000},
+		{"https://novelfire.net/book/shadow-slave/chap-7", 7},
+		{"https://novelfire.net/book/shadow-slave/ch-3", 3},
+		{"https://novelfire.net/book/shadow-slave/42", 42},
+		{"https://novelfire.net/book/shadow-slave/no-number-here", 0},
+		{"not-a-url", 0},
+	}
+	for _, c := range cases {
+		got := chapterNumberFromURL(c.url)
+		if got != c.want {
+			t.Errorf("chapterNumberFromURL(%q) = %d, want %d", c.url, got, c.want)
+		}
+	}
+}
+
+func TestParseChapterCount(t *testing.T) {
+	cases := []struct {
+		in   string
+		want int
+	}{
+		{"123 Chapters", 123},
+		{"1,234 Chapters", 1234},
+		{"0", 0},
+		{"", 0},
+		{"500", 500},
+	}
+	for _, c := range cases {
+		got := parseChapterCount(c.in)
+		if got != c.want {
+			t.Errorf("parseChapterCount(%q) = %d, want %d", c.in, got, c.want)
+		}
+	}
+}
+
+func TestRetryGet_ContextCancellation(t *testing.T) {
+	ctx, cancel := context.WithCancel(context.Background())
+	cancel() // cancel immediately
+
+	stub := newStubClient()
+	stub.setError("https://example.com/page", context.Canceled)
+
+	_, err := retryGet(ctx, nil, stub, "https://example.com/page", 3, 0)
+	if err == nil {
+		t.Fatal("expected error on cancelled context")
+	}
+}
+
+func TestRetryGet_EventualSuccess(t *testing.T) {
+	stub := newStubClient()
+	calls := 0
+	stub.setFn("https://example.com/page", func() (string, error) {
+		calls++
+		if calls < 3 {
+			return "", context.DeadlineExceeded
+		}
+		return "<html>ok</html>", nil
+	})
+
+	got, err := retryGet(context.Background(), nil, stub, "https://example.com/page", 5, 0)
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if got != "<html>ok</html>" {
+		t.Errorf("got %q, want html", got)
+	}
+	if calls != 3 {
+		t.Errorf("expected 3 calls, got %d", calls)
+	}
+}
+
+// TestParseMetadataSelectors verifies that the status and genres selectors
+// match the current novelfire.net HTML structure.
+func TestParseMetadataSelectors(t *testing.T) {
+	// Minimal HTML reproducing the relevant novelfire.net book page structure.
+	const html = `<!DOCTYPE html>
+<html><body>
+<h1 class="novel-title">Shadow Slave</h1>
+<span class="author">Guiltythree</span>
+<figure class="cover"><img src="https://cdn.example.com/cover.jpg"></figure>
+<div class="header-stats">
+  <span><strong>123</strong><small>Chapters</small></span>
+  <span> <strong class="ongoing">Ongoing</strong> <small>Status</small></span>
+</div>
+<div class="categories">
+  <h4>Genres</h4>
+  <ul>
+    <li><a href="/genre-fantasy/..." class="property-item">Fantasy</a></li>
+    <li><a href="/genre-action/..." class="property-item">Action</a></li>
+    <li><a href="/genre-adventure/..." class="property-item">Adventure</a></li>
+  </ul>
+</div>
+<span class="chapter-count">123 Chapters</span>
+</body></html>`
+
+	stub := newStubClient()
+	stub.setFn("https://novelfire.net/book/shadow-slave", func() (string, error) {
+		return html, nil
+	})
+
+	s := &Scraper{client: stub, log: slog.Default()}
+	meta, err := s.ScrapeMetadata(t.Context(), "https://novelfire.net/book/shadow-slave")
+	if err != nil {
+		t.Fatalf("ScrapeMetadata: %v", err)
+	}
+
+	if meta.Status != "ongoing" {
+		t.Errorf("status = %q, want %q", meta.Status, "ongoing")
+	}
+
+	wantGenres := []string{"fantasy", "action", "adventure"}
+	if len(meta.Genres) != len(wantGenres) {
+		t.Fatalf("genres = %v, want %v", meta.Genres, wantGenres)
+	}
+	for i, g := range meta.Genres {
+		if g != wantGenres[i] {
+			t.Errorf("genres[%d] = %q, want %q", i, g, wantGenres[i])
+		}
+	}
+}
+
+// ── minimal stub client for tests ─────────────────────────────────────────────
+
+type stubClient struct {
+	errors map[string]error
+	fns    map[string]func() (string, error)
+}
+
+func newStubClient() *stubClient {
+	return &stubClient{
+		errors: make(map[string]error),
+		fns:    make(map[string]func() (string, error)),
+	}
+}
+
+func (s *stubClient) setError(u string, err error) { s.errors[u] = err }
+
+func (s *stubClient) setFn(u string, fn func() (string, error)) { s.fns[u] = fn }
+
+func (s *stubClient) GetContent(_ context.Context, pageURL string) (string, error) {
+	if fn, ok := s.fns[pageURL]; ok {
+		return fn()
+	}
+	if err, ok := s.errors[pageURL]; ok {
+		return "", err
+	}
+	return "", context.DeadlineExceeded
+}
diff --git a/backend/internal/orchestrator/orchestrator.go b/backend/internal/orchestrator/orchestrator.go
new file mode 100644
index 0000000..a97917a
--- /dev/null
+++ b/backend/internal/orchestrator/orchestrator.go
@@ -0,0 +1,224 @@
+// Package orchestrator coordinates metadata extraction, chapter-list fetching,
+// and parallel chapter scraping for a single book.
+//
+// Design:
+//   - RunBook scrapes one book (metadata + chapter list + chapter texts) end-to-end.
+//   - N worker goroutines pull chapter refs from a shared queue and call ScrapeChapterText.
+//   - The caller (runner poll loop) owns the outer task-claim / finish cycle.
+//   - An optional PostMetadata hook (set in Config) is called after WriteMetadata
+//     succeeds. The runner uses this to upsert books into Meilisearch.
+package orchestrator
+
+import (
+	"context"
+	"fmt"
+	"log/slog"
+	"runtime"
+	"sync"
+	"sync/atomic"
+
+	"github.com/libnovel/backend/internal/bookstore"
+	"github.com/libnovel/backend/internal/domain"
+	"github.com/libnovel/backend/internal/scraper"
+)
+
+// Config holds tunable parameters for the orchestrator.
+type Config struct {
+	// Workers is the number of goroutines used to scrape chapters in parallel.
+	// Defaults to runtime.NumCPU() when 0.
+	Workers int
+	// PostMetadata is an optional hook called with the scraped BookMeta after
+	// WriteMetadata succeeds. Errors from the hook are logged but not fatal.
+	// Used by the runner to index books in Meilisearch.
+	PostMetadata func(ctx context.Context, meta domain.BookMeta)
+}
+
+// Orchestrator runs a single-book scrape pipeline.
+type Orchestrator struct {
+	novel        scraper.NovelScraper
+	store        bookstore.BookWriter
+	log          *slog.Logger
+	workers      int
+	postMetadata func(ctx context.Context, meta domain.BookMeta)
+}
+
+// New returns a new Orchestrator.
+func New(cfg Config, novel scraper.NovelScraper, store bookstore.BookWriter, log *slog.Logger) *Orchestrator {
+	if log == nil {
+		log = slog.Default()
+	}
+	workers := cfg.Workers
+	if workers <= 0 {
+		workers = runtime.NumCPU()
+	}
+	return &Orchestrator{
+		novel:        novel,
+		store:        store,
+		log:          log,
+		workers:      workers,
+		postMetadata: cfg.PostMetadata,
+	}
+}
+
+// RunBook scrapes a single book described by task. It handles:
+//  1. Metadata scrape + write
+//  2. Chapter list scrape + write
+//  3. Parallel chapter text scrape + write (worker pool)
+//
+// Returns a ScrapeResult with counters. The result's ErrorMessage is non-empty
+// if the run failed at the metadata or chapter-list level.
+func (o *Orchestrator) RunBook(ctx context.Context, task domain.ScrapeTask) domain.ScrapeResult {
+	o.log.Debug("orchestrator: RunBook starting",
+		"task_id", task.ID,
+		"kind", task.Kind,
+		"url", task.TargetURL,
+		"workers", o.workers,
+	)
+
+	var result domain.ScrapeResult
+
+	if task.TargetURL == "" {
+		result.ErrorMessage = "task has no target URL"
+		return result
+	}
+
+	// ── Step 1: Metadata ──────────────────────────────────────────────────────
+	meta, err := o.novel.ScrapeMetadata(ctx, task.TargetURL)
+	if err != nil {
+		o.log.Error("metadata scrape failed", "url", task.TargetURL, "err", err)
+		result.ErrorMessage = fmt.Sprintf("metadata: %v", err)
+		result.Errors++
+		return result
+	}
+	result.Slug = meta.Slug
+
+	if err := o.store.WriteMetadata(ctx, meta); err != nil {
+		o.log.Error("metadata write failed", "slug", meta.Slug, "err", err)
+		// non-fatal: continue to chapters
+		result.Errors++
+	} else {
+		result.BooksFound = 1
+		result.Slug = meta.Slug
+		// Fire optional post-metadata hook (e.g. Meilisearch indexing).
+		if o.postMetadata != nil {
+			o.postMetadata(ctx, meta)
+		}
+	}
+
+	o.log.Debug("metadata saved", "slug", meta.Slug, "title", meta.Title)
+
+	// ── Step 2: Chapter list ──────────────────────────────────────────────────
+	refs, err := o.novel.ScrapeChapterList(ctx, task.TargetURL, task.ToChapter)
+	if err != nil {
+		o.log.Error("chapter list scrape failed", "slug", meta.Slug, "err", err)
+		result.ErrorMessage = fmt.Sprintf("chapter list: %v", err)
+		result.Errors++
+		return result
+	}
+
+	o.log.Debug("chapter list fetched", "slug", meta.Slug, "chapters", len(refs))
+
+	// Persist chapter refs (without text) so the index exists early.
+	if wErr := o.store.WriteChapterRefs(ctx, meta.Slug, refs); wErr != nil {
+		o.log.Warn("chapter refs write failed", "slug", meta.Slug, "err", wErr)
+	}
+
+	// ── Step 3: Chapter texts (worker pool) ───────────────────────────────────
+	type chapterJob struct {
+		slug  string
+		ref   domain.ChapterRef
+		total int // total chapters to scrape (for progress logging)
+	}
+	work := make(chan chapterJob, o.workers*4)
+
+	var scraped, skipped, errors atomic.Int64
+	var wg sync.WaitGroup
+
+	for i := 0; i < o.workers; i++ {
+		wg.Add(1)
+		go func(workerID int) {
+			defer wg.Done()
+			for job := range work {
+				select {
+				case <-ctx.Done():
+					return
+				default:
+				}
+
+				if o.store.ChapterExists(ctx, job.slug, job.ref) {
+					o.log.Debug("chapter already exists, skipping",
+						"slug", job.slug, "chapter", job.ref.Number)
+					skipped.Add(1)
+					continue
+				}
+
+				ch, err := o.novel.ScrapeChapterText(ctx, job.ref)
+				if err != nil {
+					o.log.Error("chapter scrape failed",
+						"slug", job.slug, "chapter", job.ref.Number, "err", err)
+					errors.Add(1)
+					continue
+				}
+
+				if err := o.store.WriteChapter(ctx, job.slug, ch); err != nil {
+					o.log.Error("chapter write failed",
+						"slug", job.slug, "chapter", job.ref.Number, "err", err)
+					errors.Add(1)
+					continue
+				}
+
+				n := scraped.Add(1)
+				// Log a progress summary every 25 chapters scraped.
+				if n%25 == 0 {
+					o.log.Info("scraping chapters",
+						"slug", job.slug, "scraped", n, "total", job.total)
+				}
+			}
+		}(i)
+	}
+
+	// Count how many chapters will actually be enqueued (for progress logging).
+	toScrape := 0
+	for _, ref := range refs {
+		if task.FromChapter > 0 && ref.Number < task.FromChapter {
+			continue
+		}
+		if task.ToChapter > 0 && ref.Number > task.ToChapter {
+			continue
+		}
+		toScrape++
+	}
+
+	// Enqueue chapter jobs respecting the optional range filter from the task.
+	for _, ref := range refs {
+		if task.FromChapter > 0 && ref.Number < task.FromChapter {
+			skipped.Add(1)
+			continue
+		}
+		if task.ToChapter > 0 && ref.Number > task.ToChapter {
+			skipped.Add(1)
+			continue
+		}
+		select {
+		case <-ctx.Done():
+			goto drain
+		case work <- chapterJob{slug: meta.Slug, ref: ref, total: toScrape}:
+		}
+	}
+
+drain:
+	close(work)
+	wg.Wait()
+
+	result.ChaptersScraped = int(scraped.Load())
+	result.ChaptersSkipped = int(skipped.Load())
+	result.Errors += int(errors.Load())
+
+	o.log.Info("book scrape finished",
+		"slug", meta.Slug,
+		"scraped", result.ChaptersScraped,
+		"skipped", result.ChaptersSkipped,
+		"errors", result.Errors,
+	)
+	return result
+}
diff --git a/backend/internal/orchestrator/orchestrator_test.go b/backend/internal/orchestrator/orchestrator_test.go
new file mode 100644
index 0000000..d84aa98
--- /dev/null
+++ b/backend/internal/orchestrator/orchestrator_test.go
@@ -0,0 +1,212 @@
+package orchestrator
+
+import (
+	"context"
+	"errors"
+	"sync"
+	"testing"
+
+	"github.com/libnovel/backend/internal/domain"
+)
+
+// ── stubs ─────────────────────────────────────────────────────────────────────
+
+type stubScraper struct {
+	meta     domain.BookMeta
+	metaErr  error
+	refs     []domain.ChapterRef
+	refsErr  error
+	chapters map[int]domain.Chapter
+	chapErr  map[int]error
+}
+
+func (s *stubScraper) SourceName() string { return "stub" }
+
+func (s *stubScraper) ScrapeCatalogue(ctx context.Context) (<-chan domain.CatalogueEntry, <-chan error) {
+	ch := make(chan domain.CatalogueEntry)
+	errs := make(chan error)
+	close(ch)
+	close(errs)
+	return ch, errs
+}
+
+func (s *stubScraper) ScrapeMetadata(_ context.Context, _ string) (domain.BookMeta, error) {
+	return s.meta, s.metaErr
+}
+
+func (s *stubScraper) ScrapeChapterList(_ context.Context, _ string, _ int) ([]domain.ChapterRef, error) {
+	return s.refs, s.refsErr
+}
+
+func (s *stubScraper) ScrapeChapterText(_ context.Context, ref domain.ChapterRef) (domain.Chapter, error) {
+	if s.chapErr != nil {
+		if err, ok := s.chapErr[ref.Number]; ok {
+			return domain.Chapter{}, err
+		}
+	}
+	if s.chapters != nil {
+		if ch, ok := s.chapters[ref.Number]; ok {
+			return ch, nil
+		}
+	}
+	return domain.Chapter{Ref: ref, Text: "text"}, nil
+}
+
+func (s *stubScraper) ScrapeRanking(ctx context.Context, maxPages int) (<-chan domain.BookMeta, <-chan error) {
+	ch := make(chan domain.BookMeta)
+	errs := make(chan error)
+	close(ch)
+	close(errs)
+	return ch, errs
+}
+
+type stubStore struct {
+	mu              sync.Mutex
+	metaWritten     []domain.BookMeta
+	chaptersWritten []domain.Chapter
+	existing        map[string]bool // "slug:N" → exists
+	writeMetaErr    error
+}
+
+func (s *stubStore) WriteMetadata(_ context.Context, meta domain.BookMeta) error {
+	s.mu.Lock()
+	defer s.mu.Unlock()
+	if s.writeMetaErr != nil {
+		return s.writeMetaErr
+	}
+	s.metaWritten = append(s.metaWritten, meta)
+	return nil
+}
+
+func (s *stubStore) WriteChapter(_ context.Context, slug string, ch domain.Chapter) error {
+	s.mu.Lock()
+	defer s.mu.Unlock()
+	s.chaptersWritten = append(s.chaptersWritten, ch)
+	return nil
+}
+
+func (s *stubStore) WriteChapterRefs(_ context.Context, _ string, _ []domain.ChapterRef) error {
+	return nil
+}
+
+func (s *stubStore) DeduplicateChapters(_ context.Context, _ string) (int, error) { return 0, nil }
+
+func (s *stubStore) ChapterExists(_ context.Context, slug string, ref domain.ChapterRef) bool {
+	s.mu.Lock()
+	defer s.mu.Unlock()
+	key := slug + ":" + string(rune('0'+ref.Number))
+	return s.existing[key]
+}
+
+// ── tests ──────────────────────────────────────────────────────────────────────
+
+func TestRunBook_HappyPath(t *testing.T) {
+	sc := &stubScraper{
+		meta: domain.BookMeta{Slug: "test-book", Title: "Test Book", SourceURL: "https://example.com/book/test-book"},
+		refs: []domain.ChapterRef{
+			{Number: 1, Title: "Ch 1", URL: "https://example.com/book/test-book/chapter-1"},
+			{Number: 2, Title: "Ch 2", URL: "https://example.com/book/test-book/chapter-2"},
+			{Number: 3, Title: "Ch 3", URL: "https://example.com/book/test-book/chapter-3"},
+		},
+	}
+	st := &stubStore{}
+	o := New(Config{Workers: 2}, sc, st, nil)
+
+	task := domain.ScrapeTask{
+		ID:        "t1",
+		Kind:      "book",
+		TargetURL: "https://example.com/book/test-book",
+	}
+
+	result := o.RunBook(context.Background(), task)
+
+	if result.ErrorMessage != "" {
+		t.Fatalf("unexpected error: %s", result.ErrorMessage)
+	}
+	if result.BooksFound != 1 {
+		t.Errorf("BooksFound = %d, want 1", result.BooksFound)
+	}
+	if result.ChaptersScraped != 3 {
+		t.Errorf("ChaptersScraped = %d, want 3", result.ChaptersScraped)
+	}
+}
+
+func TestRunBook_MetadataError(t *testing.T) {
+	sc := &stubScraper{metaErr: errors.New("404 not found")}
+	st := &stubStore{}
+	o := New(Config{Workers: 1}, sc, st, nil)
+
+	result := o.RunBook(context.Background(), domain.ScrapeTask{
+		ID:        "t2",
+		TargetURL: "https://example.com/book/missing",
+	})
+
+	if result.ErrorMessage == "" {
+		t.Fatal("expected ErrorMessage to be set")
+	}
+	if result.Errors != 1 {
+		t.Errorf("Errors = %d, want 1", result.Errors)
+	}
+}
+
+func TestRunBook_ChapterRange(t *testing.T) {
+	sc := &stubScraper{
+		meta: domain.BookMeta{Slug: "range-book", SourceURL: "https://example.com/book/range-book"},
+		refs: func() []domain.ChapterRef {
+			var refs []domain.ChapterRef
+			for i := 1; i <= 10; i++ {
+				refs = append(refs, domain.ChapterRef{Number: i, URL: "https://example.com/book/range-book/chapter-" + string(rune('0'+i))})
+			}
+			return refs
+		}(),
+	}
+	st := &stubStore{}
+	o := New(Config{Workers: 2}, sc, st, nil)
+
+	result := o.RunBook(context.Background(), domain.ScrapeTask{
+		ID:          "t3",
+		TargetURL:   "https://example.com/book/range-book",
+		FromChapter: 3,
+		ToChapter:   7,
+	})
+
+	if result.ErrorMessage != "" {
+		t.Fatalf("unexpected error: %s", result.ErrorMessage)
+	}
+	// chapters 3–7 = 5 scraped, chapters 1-2 and 8-10 = 5 skipped
+	if result.ChaptersScraped != 5 {
+		t.Errorf("ChaptersScraped = %d, want 5", result.ChaptersScraped)
+	}
+	if result.ChaptersSkipped != 5 {
+		t.Errorf("ChaptersSkipped = %d, want 5", result.ChaptersSkipped)
+	}
+}
+
+func TestRunBook_ContextCancellation(t *testing.T) {
+	ctx, cancel := context.WithCancel(context.Background())
+	cancel()
+
+	sc := &stubScraper{
+		meta: domain.BookMeta{Slug: "ctx-book", SourceURL: "https://example.com/book/ctx-book"},
+		refs: []domain.ChapterRef{
+			{Number: 1, URL: "https://example.com/book/ctx-book/chapter-1"},
+		},
+	}
+	st := &stubStore{}
+	o := New(Config{Workers: 1}, sc, st, nil)
+
+	// Should not panic; result may have errors or zero chapters.
+	result := o.RunBook(ctx, domain.ScrapeTask{
+		ID:        "t4",
+		TargetURL: "https://example.com/book/ctx-book",
+	})
+	_ = result
+}
+
+func TestRunBook_EmptyTargetURL(t *testing.T) {
+	o := New(Config{Workers: 1}, &stubScraper{}, &stubStore{}, nil)
+	result := o.RunBook(context.Background(), domain.ScrapeTask{ID: "t5"})
+	if result.ErrorMessage == "" {
+		t.Fatal("expected ErrorMessage for empty target URL")
+	}
+}
diff --git a/backend/internal/otelsetup/otelsetup.go b/backend/internal/otelsetup/otelsetup.go
new file mode 100644
index 0000000..09d58cb
--- /dev/null
+++ b/backend/internal/otelsetup/otelsetup.go
@@ -0,0 +1,120 @@
+// Package otelsetup initialises the OpenTelemetry SDK for the LibNovel backend.
+//
+// It reads two environment variables:
+//
+//	OTEL_EXPORTER_OTLP_ENDPOINT  — OTLP/HTTP endpoint; accepts either a full
+//	                               URL ("https://otel.example.com") or a bare
+//	                               host[:port] ("otel-collector:4318").
+//	                               TLS is used when the value starts with "https://".
+//	OTEL_SERVICE_NAME            — service name reported in traces (default: "backend")
+//
+// When OTEL_EXPORTER_OTLP_ENDPOINT is empty the function is a no-op: it
+// returns a nil shutdown func and the default slog.Logger, so callers never
+// need to branch on it.
+//
+// Usage in main.go:
+//
+//	shutdown, log, err := otelsetup.Init(ctx, version)
+//	if err != nil { return err }
+//	if shutdown != nil { defer shutdown() }
+package otelsetup
+
+import (
+	"context"
+	"fmt"
+	"log/slog"
+	"os"
+	"strings"
+	"time"
+
+	"go.opentelemetry.io/contrib/bridges/otelslog"
+	"go.opentelemetry.io/otel"
+	"go.opentelemetry.io/otel/exporters/otlp/otlplog/otlploghttp"
+	"go.opentelemetry.io/otel/exporters/otlp/otlptrace/otlptracehttp"
+	otellog "go.opentelemetry.io/otel/log/global"
+	"go.opentelemetry.io/otel/sdk/log"
+	"go.opentelemetry.io/otel/sdk/resource"
+	sdktrace "go.opentelemetry.io/otel/sdk/trace"
+	semconv "go.opentelemetry.io/otel/semconv/v1.26.0"
+)
+
+// Init sets up TracerProvider and LoggerProvider that export via OTLP/HTTP.
+//
+// Returns:
+//   - shutdown: flushes and stops both providers (nil when OTel is disabled).
+//   - logger:   an slog.Logger bridged to OTel logs (falls back to default when disabled).
+//   - err:      non-nil only on SDK initialisation failure.
+func Init(ctx context.Context, version string) (shutdown func(), logger *slog.Logger, err error) {
+	rawEndpoint := os.Getenv("OTEL_EXPORTER_OTLP_ENDPOINT")
+	if rawEndpoint == "" {
+		return nil, slog.Default(), nil // OTel disabled — not an error
+	}
+
+	// WithEndpoint expects a host[:port] value — no scheme.
+	// Support both "https://otel.example.com" and "otel-collector:4318".
+	useTLS := strings.HasPrefix(rawEndpoint, "https://")
+	endpoint := strings.TrimPrefix(rawEndpoint, "https://")
+	endpoint = strings.TrimPrefix(endpoint, "http://")
+
+	serviceName := os.Getenv("OTEL_SERVICE_NAME")
+	if serviceName == "" {
+		serviceName = "backend"
+	}
+
+	// ── Shared resource ───────────────────────────────────────────────────────
+	res, err := resource.New(ctx,
+		resource.WithAttributes(
+			semconv.ServiceName(serviceName),
+			semconv.ServiceVersion(version),
+		),
+	)
+	if err != nil {
+		return nil, slog.Default(), fmt.Errorf("otelsetup: create resource: %w", err)
+	}
+
+	// ── Trace provider ────────────────────────────────────────────────────────
+	traceOpts := []otlptracehttp.Option{otlptracehttp.WithEndpoint(endpoint)}
+	if !useTLS {
+		traceOpts = append(traceOpts, otlptracehttp.WithInsecure())
+	}
+	traceExp, err := otlptracehttp.New(ctx, traceOpts...)
+	if err != nil {
+		return nil, slog.Default(), fmt.Errorf("otelsetup: create OTLP trace exporter: %w", err)
+	}
+
+	tp := sdktrace.NewTracerProvider(
+		sdktrace.WithBatcher(traceExp),
+		sdktrace.WithResource(res),
+		sdktrace.WithSampler(sdktrace.ParentBased(sdktrace.TraceIDRatioBased(0.2))),
+	)
+	otel.SetTracerProvider(tp)
+
+	// ── Log provider ──────────────────────────────────────────────────────────
+	logOpts := []otlploghttp.Option{otlploghttp.WithEndpoint(endpoint)}
+	if !useTLS {
+		logOpts = append(logOpts, otlploghttp.WithInsecure())
+	}
+	logExp, err := otlploghttp.New(ctx, logOpts...)
+	if err != nil {
+		return nil, slog.Default(), fmt.Errorf("otelsetup: create OTLP log exporter: %w", err)
+	}
+
+	lp := log.NewLoggerProvider(
+		log.WithProcessor(log.NewBatchProcessor(logExp)),
+		log.WithResource(res),
+	)
+	otellog.SetLoggerProvider(lp)
+
+	// Bridge slog → OTel logs. Structured fields and trace IDs are forwarded
+	// automatically; Grafana can correlate log lines with Tempo traces.
+	otelLogger := otelslog.NewLogger(serviceName)
+
+	shutdown = func() {
+		shutCtx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
+		defer cancel()
+		_ = tp.Shutdown(shutCtx)
+		_ = lp.Shutdown(shutCtx)
+	}
+
+	return shutdown, otelLogger, nil
+}
diff --git a/backend/internal/pockettts/client.go b/backend/internal/pockettts/client.go
new file mode 100644
index 0000000..52bab1f
--- /dev/null
+++ b/backend/internal/pockettts/client.go
@@ -0,0 +1,254 @@
+// Package pockettts provides a client for the kyutai-labs/pocket-tts TTS service.
+//
+// pocket-tts exposes a non-OpenAI API:
+//
+//	POST /tts  (multipart form: text, voice_url)  → streaming WAV
+//	GET  /health                                   → {"status":"healthy"}
+//
+// GenerateAudio streams the WAV response and transcodes it to MP3 using ffmpeg,
+// so callers receive MP3 bytes — the same format as the kokoro client — and the
+// rest of the pipeline does not need to care which TTS engine was used.
+//
+// StreamAudioMP3 is the streaming variant: it returns an io.ReadCloser that
+// yields MP3-encoded audio incrementally as pocket-tts generates it, without
+// buffering the full output.
+//
+// Predefined voices (pass the bare name as the voice parameter):
+//
+//	alba, marius, javert, jean, fantine, cosette, eponine, azelma,
+//	anna, vera, charles, paul, george, mary, jane, michael, eve,
+//	bill_boerst, peter_yearsley, stuart_bell
+package pockettts
+
+import (
+	"bytes"
+	"context"
+	"fmt"
+	"io"
+	"mime/multipart"
+	"net/http"
+	"os/exec"
+	"strings"
+	"time"
+)
+
+// PredefinedVoices is the set of voice names built into pocket-tts.
+// The runner uses this to decide which TTS engine to route a task to.
+var PredefinedVoices = map[string]struct{}{
+	"alba": {}, "marius": {}, "javert": {}, "jean": {},
+	"fantine": {}, "cosette": {}, "eponine": {}, "azelma": {},
+	"anna": {}, "vera": {}, "charles": {}, "paul": {},
+	"george": {}, "mary": {}, "jane": {}, "michael": {},
+	"eve": {}, "bill_boerst": {}, "peter_yearsley": {}, "stuart_bell": {},
+}
+
+// IsPocketTTSVoice reports whether voice is served by pocket-tts.
+func IsPocketTTSVoice(voice string) bool {
+	_, ok := PredefinedVoices[voice]
+	return ok
+}
+
+// Client is the interface for interacting with the pocket-tts service.
+type Client interface {
+	// GenerateAudio synthesises text using the given voice and returns MP3 bytes.
+	// Voice must be one of the predefined pocket-tts voice names.
+	GenerateAudio(ctx context.Context, text, voice string) ([]byte, error)
+
+	// StreamAudioMP3 synthesises text and returns an io.ReadCloser that streams
+	// MP3-encoded audio incrementally via a live ffmpeg transcode pipe.
+	// The caller must always close the returned ReadCloser.
+	StreamAudioMP3(ctx context.Context, text, voice string) (io.ReadCloser, error)
+
+	// StreamAudioWAV synthesises text and returns an io.ReadCloser that streams
+	// raw WAV audio directly from pocket-tts without any transcoding.
+	// The stream begins with a WAV header followed by 16-bit PCM frames at 16 kHz.
+	// The caller must always close the returned ReadCloser.
+	StreamAudioWAV(ctx context.Context, text, voice string) (io.ReadCloser, error)
+
+	// ListVoices returns the available predefined voice names.
+	ListVoices(ctx context.Context) ([]string, error)
+}
+
+// httpClient is the concrete pocket-tts HTTP client.
+type httpClient struct {
+	baseURL string
+	http    *http.Client
+}
+
+// New returns a Client targeting baseURL (e.g. "https://pocket-tts.libnovel.cc").
+func New(baseURL string) Client {
+	return &httpClient{
+		baseURL: strings.TrimRight(baseURL, "/"),
+		http:    &http.Client{Timeout: 10 * time.Minute},
+	}
+}
+
+// GenerateAudio posts to POST /tts and transcodes the WAV response to MP3
+// using the system ffmpeg binary. Requires ffmpeg to be on PATH (available in
+// the runner Docker image via Alpine's ffmpeg package).
+func (c *httpClient) GenerateAudio(ctx context.Context, text, voice string) ([]byte, error) {
+	if text == "" {
+		return nil, fmt.Errorf("pockettts: empty text")
+	}
+	if voice == "" {
+		voice = "alba"
+	}
+
+	resp, err := c.postTTS(ctx, text, voice)
+	if err != nil {
+		return nil, err
+	}
+	defer resp.Body.Close()
+
+	wavData, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return nil, fmt.Errorf("pockettts: read response body: %w", err)
+	}
+
+	// ── Transcode WAV → MP3 via ffmpeg ────────────────────────────────────────
+	mp3Data, err := wavToMP3(ctx, wavData)
+	if err != nil {
+		return nil, fmt.Errorf("pockettts: transcode to mp3: %w", err)
+	}
+	return mp3Data, nil
+}
+
+// StreamAudioMP3 posts to POST /tts and returns an io.ReadCloser that delivers
+// MP3 bytes as pocket-tts generates WAV frames. ffmpeg runs as a subprocess
+// with stdin connected to the live WAV stream and stdout piped to the caller.
+// The caller must always close the returned ReadCloser.
+func (c *httpClient) StreamAudioMP3(ctx context.Context, text, voice string) (io.ReadCloser, error) {
+	if text == "" {
+		return nil, fmt.Errorf("pockettts: empty text")
+	}
+	if voice == "" {
+		voice = "alba"
+	}
+
+	resp, err := c.postTTS(ctx, text, voice)
+	if err != nil {
+		return nil, err
+	}
+
+	// Start ffmpeg: read WAV from stdin (the live HTTP body), write MP3 to stdout.
+	cmd := exec.CommandContext(ctx,
+		"ffmpeg",
+		"-hide_banner", "-loglevel", "error",
+		"-i", "pipe:0", // WAV from stdin
+		"-f", "mp3", // output format
+		"-q:a", "2", // VBR ~190 kbps
+		"pipe:1", // MP3 to stdout
+	)
+	cmd.Stdin = resp.Body
+
+	pr, pw := io.Pipe()
+	cmd.Stdout = pw
+
+	var stderrBuf bytes.Buffer
+	cmd.Stderr = &stderrBuf
+
+	if err := cmd.Start(); err != nil {
+		resp.Body.Close()
+		return nil, fmt.Errorf("pockettts: start ffmpeg: %w", err)
+	}
+
+	// Close the write end of the pipe when ffmpeg exits, propagating any error.
+	go func() {
+		waitErr := cmd.Wait()
+		resp.Body.Close()
+		if waitErr != nil {
+			pw.CloseWithError(fmt.Errorf("ffmpeg: %w (stderr: %s)", waitErr, stderrBuf.String()))
+		} else {
+			pw.Close()
+		}
+	}()
+
+	return pr, nil
+}
+
+// StreamAudioWAV posts to POST /tts and returns an io.ReadCloser that delivers
+// raw WAV bytes directly from pocket-tts — no ffmpeg transcoding required.
+// The first bytes will be a WAV header (RIFF/fmt chunk) followed by PCM frames.
+// The caller must always close the returned ReadCloser.
+func (c *httpClient) StreamAudioWAV(ctx context.Context, text, voice string) (io.ReadCloser, error) {
+	if text == "" {
+		return nil, fmt.Errorf("pockettts: empty text")
+	}
+	if voice == "" {
+		voice = "alba"
+	}
+
+	resp, err := c.postTTS(ctx, text, voice)
+	if err != nil {
+		return nil, err
+	}
+	return resp.Body, nil
+}
+
+// ListVoices returns the statically known predefined voice names.
+// pocket-tts has no REST endpoint for listing voices.
+func (c *httpClient) ListVoices(_ context.Context) ([]string, error) {
+	voices := make([]string, 0, len(PredefinedVoices))
+	for v := range PredefinedVoices {
+		voices = append(voices, v)
+	}
+	return voices, nil
+}
+
+// postTTS sends a multipart POST /tts request and returns the raw response.
+// The caller is responsible for closing resp.Body.
+func (c *httpClient) postTTS(ctx context.Context, text, voice string) (*http.Response, error) {
+	var body bytes.Buffer
+	mw := multipart.NewWriter(&body)
+
+	if err := mw.WriteField("text", text); err != nil {
+		return nil, fmt.Errorf("pockettts: write text field: %w", err)
+	}
+	if err := mw.WriteField("voice_url", voice); err != nil {
+		return nil, fmt.Errorf("pockettts: write voice_url field: %w", err)
+	}
+	if err := mw.Close(); err != nil {
+		return nil, fmt.Errorf("pockettts: close multipart writer: %w", err)
+	}
+
+	req, err := http.NewRequestWithContext(ctx, http.MethodPost,
+		c.baseURL+"/tts", &body)
+	if err != nil {
+		return nil, fmt.Errorf("pockettts: build request: %w", err)
+	}
+	req.Header.Set("Content-Type", mw.FormDataContentType())
+
+	resp, err := c.http.Do(req)
+	if err != nil {
+		return nil, fmt.Errorf("pockettts: request: %w", err)
+	}
+	if resp.StatusCode != http.StatusOK {
+		_, _ = io.Copy(io.Discard, resp.Body)
+		resp.Body.Close()
+		return nil, fmt.Errorf("pockettts: server returned %d", resp.StatusCode)
+	}
+	return resp, nil
+}
+
+// wavToMP3 converts raw WAV bytes to MP3 using ffmpeg.
+// ffmpeg reads from stdin (pipe:0) and writes to stdout (pipe:1).
+func wavToMP3(ctx context.Context, wav []byte) ([]byte, error) {
+	cmd := exec.CommandContext(ctx,
+		"ffmpeg",
+		"-hide_banner", "-loglevel", "error",
+		"-i", "pipe:0", // read WAV from stdin
+		"-f", "mp3", // output format
+		"-q:a", "2", // VBR quality ~190 kbps
+		"pipe:1", // write MP3 to stdout
+	)
+	cmd.Stdin = bytes.NewReader(wav)
+
+	var out, stderr bytes.Buffer
+	cmd.Stdout = &out
+	cmd.Stderr = &stderr
+
+	if err := cmd.Run(); err != nil {
+		return nil, fmt.Errorf("ffmpeg: %w (stderr: %s)", err, stderr.String())
+	}
+	return out.Bytes(), nil
+}
diff --git a/backend/internal/presigncache/cache.go b/backend/internal/presigncache/cache.go
new file mode 100644
index 0000000..a721728
--- /dev/null
+++ b/backend/internal/presigncache/cache.go
@@ -0,0 +1,96 @@
+// Package presigncache provides a Valkey (Redis-compatible) backed cache for
+// MinIO presigned URLs. The backend generates presigned URLs and stores them
+// here with a TTL; subsequent requests for the same key return the cached URL
+// without re-contacting MinIO.
+//
+// Design:
+//   - Cache is intentionally best-effort: Get returns ("", false, nil) on any
+//     Valkey error, so callers always have a fallback path to regenerate.
+//   - Set silently drops errors — a miss on the next request is acceptable.
+//   - TTL should be set shorter than the actual presigned URL lifetime so that
+//     cached URLs are always valid when served. Recommended: 55 minutes for a
+//     1-hour presigned URL.
+package presigncache
+
+import (
+	"context"
+	"fmt"
+	"time"
+
+	"github.com/redis/go-redis/v9"
+)
+
+// Cache is the interface for presign URL caching.
+// Implementations must be safe for concurrent use.
+type Cache interface {
+	// Get returns the cached URL for key. ok is false on cache miss or error.
+	Get(ctx context.Context, key string) (url string, ok bool, err error)
+	// Set stores url under key with the given TTL.
+	Set(ctx context.Context, key, url string, ttl time.Duration) error
+	// Delete removes key from the cache.
+	Delete(ctx context.Context, key string) error
+}
+
+// ValkeyCache is a Cache backed by Valkey / Redis via go-redis.
+type ValkeyCache struct {
+	rdb *redis.Client
+}
+
+// New creates a ValkeyCache connecting to addr (e.g. "valkey:6379").
+// The connection is not established until the first command; use Ping to
+// verify connectivity at startup.
+func New(addr string) *ValkeyCache {
+	rdb := redis.NewClient(&redis.Options{
+		Addr:         addr,
+		DialTimeout:  2 * time.Second,
+		ReadTimeout:  1 * time.Second,
+		WriteTimeout: 1 * time.Second,
+	})
+	return &ValkeyCache{rdb: rdb}
+}
+
+// Ping checks connectivity. Call once at startup.
+func (c *ValkeyCache) Ping(ctx context.Context) error {
+	if err := c.rdb.Ping(ctx).Err(); err != nil {
+		return fmt.Errorf("presigncache: ping valkey: %w", err)
+	}
+	return nil
+}
+
+// Get returns (url, true, nil) on hit, ("", false, nil) on miss, and
+// ("", false, err) only on unexpected errors (not redis.Nil).
+func (c *ValkeyCache) Get(ctx context.Context, key string) (string, bool, error) {
+	val, err := c.rdb.Get(ctx, key).Result()
+	if err == redis.Nil {
+		return "", false, nil
+	}
+	if err != nil {
+		return "", false, fmt.Errorf("presigncache: get %q: %w", key, err)
+	}
+	return val, true, nil
+}
+
+// Set stores url under key with ttl. Errors are returned but are non-fatal
+// for callers — a Set failure means the next request will miss and regenerate.
+func (c *ValkeyCache) Set(ctx context.Context, key, url string, ttl time.Duration) error {
+	if err := c.rdb.Set(ctx, key, url, ttl).Err(); err != nil {
+		return fmt.Errorf("presigncache: set %q: %w", key, err)
+	}
+	return nil
+}
+
+// Delete removes key from the cache. It is not an error if the key does not exist.
+func (c *ValkeyCache) Delete(ctx context.Context, key string) error {
+	if err := c.rdb.Del(ctx, key).Err(); err != nil {
+		return fmt.Errorf("presigncache: delete %q: %w", key, err)
+	}
+	return nil
+}
+
+// NoopCache is a no-op Cache that always returns a miss. Used when Valkey is
+// not configured (e.g. local development without Docker).
+type NoopCache struct{}
+
+func (NoopCache) Get(_ context.Context, _ string) (string, bool, error)     { return "", false, nil }
+func (NoopCache) Set(_ context.Context, _, _ string, _ time.Duration) error { return nil }
+func (NoopCache) Delete(_ context.Context, _ string) error                  { return nil }
diff --git a/backend/internal/runner/asynq_runner.go b/backend/internal/runner/asynq_runner.go
new file mode 100644
index 0000000..643fcf6
--- /dev/null
+++ b/backend/internal/runner/asynq_runner.go
@@ -0,0 +1,256 @@
+package runner
+
+// asynq_runner.go — Asynq-based task dispatch for the runner.
+//
+// When cfg.RedisAddr is set, Run() calls runAsynq() instead of runPoll().
+// The Asynq server replaces the polling loop: it listens on Redis for tasks
+// enqueued by the backend Producer and delivers them immediately.
+//
+// Handlers in this file decode Asynq job payloads and call the existing
+// runScrapeTask / runAudioTask methods, keeping all execution logic in one place.
+
+import (
+	"context"
+	"encoding/json"
+	"fmt"
+	"os"
+	"sync"
+	"time"
+
+	"github.com/hibiken/asynq"
+	asynqmetrics "github.com/hibiken/asynq/x/metrics"
+	"github.com/libnovel/backend/internal/asynqqueue"
+	"github.com/libnovel/backend/internal/domain"
+)
+
+// runAsynq starts an Asynq server that replaces the PocketBase poll loop.
+// It also starts the periodic catalogue refresh ticker.
+// Blocks until ctx is cancelled.
+func (r *Runner) runAsynq(ctx context.Context) error {
+	redisOpt, err := r.redisConnOpt()
+	if err != nil {
+		return fmt.Errorf("runner: parse redis addr: %w", err)
+	}
+
+	srv := asynq.NewServer(redisOpt, asynq.Config{
+		// Allocate concurrency slots for each task type.
+		// Total concurrency = scrape + audio slots.
+		Concurrency: r.cfg.MaxConcurrentScrape + r.cfg.MaxConcurrentAudio,
+		Queues: map[string]int{
+			asynqqueue.QueueDefault: 1,
+		},
+		// Let Asynq handle retries with exponential back-off.
+		RetryDelayFunc: asynq.DefaultRetryDelayFunc,
+		// Log errors from handlers via the existing structured logger.
+		ErrorHandler: asynq.ErrorHandlerFunc(func(_ context.Context, task *asynq.Task, err error) {
+			r.deps.Log.Error("runner: asynq task failed",
+				"type", task.Type(),
+				"err", err,
+			)
+		}),
+	})
+
+	mux := asynq.NewServeMux()
+	mux.HandleFunc(asynqqueue.TypeAudioGenerate, r.handleAudioTask)
+	mux.HandleFunc(asynqqueue.TypeScrapeBook, r.handleScrapeTask)
+	mux.HandleFunc(asynqqueue.TypeScrapeCatalogue, r.handleScrapeTask)
+	mux.HandleFunc(asynqqueue.TypeImportBook, r.handleImportTask)
+
+	// Register Asynq queue metrics with the default Prometheus registry so
+	// the /metrics endpoint (metrics.go) can expose them.
+	inspector := asynq.NewInspector(redisOpt)
+	collector := asynqmetrics.NewQueueMetricsCollector(inspector)
+	if err := r.metricsRegistry.Register(collector); err != nil {
+		r.deps.Log.Warn("runner: could not register asynq prometheus collector", "err", err)
+	}
+
+	// Start the periodic catalogue refresh.
+	catalogueTick := time.NewTicker(r.cfg.CatalogueRefreshInterval)
+	defer catalogueTick.Stop()
+	if !r.cfg.SkipInitialCatalogueRefresh {
+		go r.runCatalogueRefresh(ctx)
+	} else {
+		r.deps.Log.Info("runner: skipping initial catalogue refresh (RUNNER_SKIP_INITIAL_CATALOGUE_REFRESH=true)")
+	}
+
+	r.deps.Log.Info("runner: asynq mode active", "redis_addr", r.cfg.RedisAddr)
+
+	// ── Heartbeat goroutine ──────────────────────────────────────────────
+	// Write /tmp/runner.alive every 30s so Docker healthcheck passes in asynq mode.
+	// This mirrors the heartbeat file behavior from the poll() loop.
+	go func() {
+		heartbeatTick := time.NewTicker(r.cfg.StaleTaskThreshold / 2)
+		defer heartbeatTick.Stop()
+		for {
+			select {
+			case <-ctx.Done():
+				return
+			case <-heartbeatTick.C:
+				if f, err := os.Create("/tmp/runner.alive"); err != nil {
+					r.deps.Log.Warn("runner: could not write heartbeat file", "err", err)
+				} else {
+					f.Close()
+				}
+			}
+		}
+	}()
+
+	// ── Translation polling goroutine ────────────────────────────────────
+	// Translation tasks live in PocketBase (not Redis), so we need a separate
+	// poll loop to claim and dispatch them. This runs alongside the Asynq server.
+	translationSem := make(chan struct{}, r.cfg.MaxConcurrentTranslation)
+	var translationWg sync.WaitGroup
+	go func() {
+		tick := time.NewTicker(r.cfg.PollInterval)
+		defer tick.Stop()
+		for {
+			select {
+			case <-ctx.Done():
+				return
+			case <-tick.C:
+				r.pollTranslationTasks(ctx, translationSem, &translationWg)
+			}
+		}
+	}()
+
+	// Run catalogue refresh ticker in the background.
+	go func() {
+		for {
+			select {
+			case <-ctx.Done():
+				return
+			case <-catalogueTick.C:
+				go r.runCatalogueRefresh(ctx)
+			}
+		}
+	}()
+
+	// Start Asynq server (non-blocking).
+	if err := srv.Start(mux); err != nil {
+		return fmt.Errorf("runner: asynq server start: %w", err)
+	}
+
+	// Block until context is cancelled, then gracefully stop.
+	<-ctx.Done()
+	r.deps.Log.Info("runner: context cancelled, shutting down asynq server")
+	srv.Shutdown()
+
+	// Wait for translation tasks to complete.
+	translationWg.Wait()
+	return nil
+}
+
+// redisConnOpt parses cfg.RedisAddr into an asynq.RedisConnOpt.
+// Supports full "redis://" / "rediss://" URLs and plain "host:port".
+func (r *Runner) redisConnOpt() (asynq.RedisConnOpt, error) {
+	addr := r.cfg.RedisAddr
+	// ParseRedisURI handles redis:// and rediss:// schemes.
+	if len(addr) > 7 && (addr[:8] == "redis://" || addr[:9] == "rediss://") {
+		return asynq.ParseRedisURI(addr)
+	}
+	// Plain "host:port" — use RedisClientOpt directly.
+	return asynq.RedisClientOpt{
+		Addr:     addr,
+		Password: r.cfg.RedisPassword,
+	}, nil
+}
+
+// handleScrapeTask is the Asynq handler for TypeScrapeBook and TypeScrapeCatalogue.
+func (r *Runner) handleScrapeTask(ctx context.Context, t *asynq.Task) error {
+	var p asynqqueue.ScrapePayload
+	if err := json.Unmarshal(t.Payload(), &p); err != nil {
+		return fmt.Errorf("unmarshal scrape payload: %w", err)
+	}
+	task := domain.ScrapeTask{
+		ID:          p.PBTaskID,
+		Kind:        p.Kind,
+		TargetURL:   p.TargetURL,
+		FromChapter: p.FromChapter,
+		ToChapter:   p.ToChapter,
+	}
+	r.tasksRunning.Add(1)
+	defer r.tasksRunning.Add(-1)
+	r.runScrapeTask(ctx, task)
+	return nil
+}
+
+// handleAudioTask is the Asynq handler for TypeAudioGenerate.
+func (r *Runner) handleAudioTask(ctx context.Context, t *asynq.Task) error {
+	var p asynqqueue.AudioPayload
+	if err := json.Unmarshal(t.Payload(), &p); err != nil {
+		return fmt.Errorf("unmarshal audio payload: %w", err)
+	}
+	task := domain.AudioTask{
+		ID:      p.PBTaskID,
+		Slug:    p.Slug,
+		Chapter: p.Chapter,
+		Voice:   p.Voice,
+	}
+	r.tasksRunning.Add(1)
+	defer r.tasksRunning.Add(-1)
+	r.runAudioTask(ctx, task)
+	return nil
+}
+
+// handleImportTask is the Asynq handler for TypeImportBook (PDF/EPUB import).
+func (r *Runner) handleImportTask(ctx context.Context, t *asynq.Task) error {
+	var p asynqqueue.ImportPayload
+	if err := json.Unmarshal(t.Payload(), &p); err != nil {
+		return fmt.Errorf("unmarshal import payload: %w", err)
+	}
+	task := domain.ImportTask{
+		ID:          p.PBTaskID,
+		Slug:        p.Slug,
+		Title:       p.Title,
+		FileType:    p.FileType,
+		ChaptersKey: p.ChaptersKey,
+	}
+	r.tasksRunning.Add(1)
+	defer r.tasksRunning.Add(-1)
+	r.runImportTask(ctx, task, p.ObjectKey)
+	return nil
+}
+
+// pollTranslationTasks claims all available translation tasks from PocketBase
+// and dispatches them to goroutines. Translation tasks don't go through Redis/Asynq
+// because they're stored in PocketBase, so we need this separate poll loop.
+func (r *Runner) pollTranslationTasks(ctx context.Context, translationSem chan struct{}, wg *sync.WaitGroup) {
+	// Reap orphaned tasks (same logic as poll() in runner.go).
+	if n, err := r.deps.Consumer.ReapStaleTasks(ctx, r.cfg.StaleTaskThreshold); err != nil {
+		r.deps.Log.Warn("runner: reap stale translation tasks failed", "err", err)
+	} else if n > 0 {
+		r.deps.Log.Info("runner: reaped stale translation tasks", "count", n)
+	}
+
+translationLoop:
+	for {
+		if ctx.Err() != nil {
+			return
+		}
+		select {
+		case translationSem <- struct{}{}:
+			// Slot acquired — proceed to claim a task.
+		default:
+			// All slots busy; leave remaining pending tasks for next tick.
+			break translationLoop
+		}
+		task, ok, err := r.deps.Consumer.ClaimNextTranslationTask(ctx, r.cfg.WorkerID)
+		if err != nil {
+			<-translationSem
+			r.deps.Log.Error("runner: ClaimNextTranslationTask failed", "err", err)
+			break
+		}
+		if !ok {
+			<-translationSem
+			break
+		}
+		r.tasksRunning.Add(1)
+		wg.Add(1)
+		go func(t domain.TranslationTask) {
+			defer wg.Done()
+			defer func() { <-translationSem }()
+			defer r.tasksRunning.Add(-1)
+			r.runTranslationTask(ctx, t)
+		}(task)
+	}
+}
diff --git a/backend/internal/runner/catalogue_refresh.go b/backend/internal/runner/catalogue_refresh.go
new file mode 100644
index 0000000..6e2bea5
--- /dev/null
+++ b/backend/internal/runner/catalogue_refresh.go
@@ -0,0 +1,186 @@
+package runner
+
+// catalogue_refresh.go — independent loop that walks the full novelfire.net
+// catalogue, scrapes per-book metadata, downloads cover images to MinIO, and
+// indexes every book in Meilisearch.
+//
+// Design:
+//   - Runs on its own ticker (CatalogueRefreshInterval, default 24h) inside Run().
+//   - Also fires once on startup (unless SkipInitialCatalogueRefresh is set).
+//   - ScrapeCatalogue streams CatalogueEntry values over a channel — already has
+//     its own inter-page jitter + retryGet (see scraper.go).
+//   - Per-book: only metadata is scraped here (not chapters). Chapters are scraped
+//     on-demand when a user opens a book or via an explicit scrape task.
+//   - Between each metadata request a configurable base delay plus up to 50%
+//     random jitter is applied (CatalogueRequestDelay, default 2s). This keeps
+//     the request rate well below novelfire.net's rate limit even for ~15k books.
+//   - ScrapeMetadata itself uses retryGet with 429-aware exponential backoff
+//     (up to 9 attempts), so transient rate limits are handled gracefully.
+//   - Cover images are fetched and stored in MinIO on first sight; subsequent
+//     refreshes skip covers that already exist (CoverExists check).
+//   - Books already present in Meilisearch are skipped entirely (fast path).
+//   - Errors for individual books are logged and skipped; the loop never aborts.
+
+import (
+	"context"
+	"fmt"
+	"io"
+	"math/rand"
+	"net/http"
+	"time"
+)
+
+// runCatalogueRefresh performs one full catalogue walk: scrapes metadata for
+// every book on novelfire.net, downloads covers to MinIO, and upserts to
+// Meilisearch. Individual book failures are logged and skipped.
+func (r *Runner) runCatalogueRefresh(ctx context.Context) {
+	if r.deps.Novel == nil {
+		r.deps.Log.Warn("runner: catalogue refresh skipped — Novel scraper not configured")
+		return
+	}
+	if r.deps.BookWriter == nil {
+		r.deps.Log.Warn("runner: catalogue refresh skipped — BookWriter not configured")
+		return
+	}
+
+	delay := r.cfg.CatalogueRequestDelay
+	log := r.deps.Log.With("op", "catalogue_refresh")
+	log.Info("runner: catalogue refresh starting", "request_delay", delay)
+
+	entries, errCh := r.deps.Novel.ScrapeCatalogue(ctx)
+
+	ok, skipped, errCount := 0, 0, 0
+	for entry := range entries {
+		if ctx.Err() != nil {
+			break
+		}
+
+		// Fast path: skip books already indexed in Meilisearch.
+		if r.deps.SearchIndex.BookExists(ctx, entry.Slug) {
+			skipped++
+			continue
+		}
+
+		// Polite delay between metadata requests: base + up to 50% jitter.
+		// This applies before every fetch so we never fire bursts.
+		jitter := time.Duration(rand.Int63n(int64(delay / 2)))
+		select {
+		case <-ctx.Done():
+			break
+		case <-time.After(delay + jitter):
+		}
+
+		// ScrapeMetadata internally retries on 429 with exponential back-off.
+		meta, err := r.deps.Novel.ScrapeMetadata(ctx, entry.URL)
+		if err != nil {
+			log.Warn("runner: catalogue refresh: metadata scrape failed — skipping book",
+				"slug", entry.Slug, "url", entry.URL, "err", err)
+			errCount++
+			continue
+		}
+
+		// Rewrite cover URL to backend proxy path so UI never hits CDN directly.
+		originalCover := meta.Cover
+		meta.Cover = fmt.Sprintf("/api/cover/novelfire.net/%s", meta.Slug)
+
+		// Persist to PocketBase.
+		if err := r.deps.BookWriter.WriteMetadata(ctx, meta); err != nil {
+			log.Warn("runner: catalogue refresh: WriteMetadata failed — skipping book",
+				"slug", meta.Slug, "err", err)
+			errCount++
+			continue
+		}
+
+		// Index in Meilisearch (non-fatal).
+		if err := r.deps.SearchIndex.UpsertBook(ctx, meta); err != nil {
+			log.Warn("runner: catalogue refresh: UpsertBook failed",
+				"slug", meta.Slug, "err", err)
+		}
+
+		// Download cover to MinIO if not already cached (non-fatal).
+		if r.deps.CoverStore != nil && originalCover != "" {
+			if !r.deps.CoverStore.CoverExists(ctx, meta.Slug) {
+				if err := r.downloadCover(ctx, meta.Slug, originalCover); err != nil {
+					log.Warn("runner: catalogue refresh: cover download failed",
+						"slug", meta.Slug, "url", originalCover, "err", err)
+				}
+			}
+		}
+
+		ok++
+		if ok%50 == 0 {
+			log.Info("runner: catalogue refresh progress",
+				"scraped", ok, "skipped", skipped, "errors", errCount)
+		}
+	}
+
+	if err := <-errCh; err != nil {
+		log.Warn("runner: catalogue refresh: catalogue stream error", "err", err)
+	}
+
+	log.Info("runner: catalogue refresh finished",
+		"ok", ok, "skipped", skipped, "errors", errCount)
+}
+
+// downloadCover fetches the cover image from coverURL and stores it in MinIO
+// under covers/{slug}.jpg. It retries up to 3 times with exponential backoff
+// on transient errors (5xx, network failures).
+func (r *Runner) downloadCover(ctx context.Context, slug, coverURL string) error {
+	const maxRetries = 3
+	delay := 2 * time.Second
+
+	var lastErr error
+	for attempt := 0; attempt < maxRetries; attempt++ {
+		if ctx.Err() != nil {
+			return ctx.Err()
+		}
+		if attempt > 0 {
+			select {
+			case <-ctx.Done():
+				return ctx.Err()
+			case <-time.After(delay):
+			}
+			delay *= 2
+		}
+
+		data, err := fetchCoverBytes(ctx, coverURL)
+		if err != nil {
+			lastErr = err
+			continue
+		}
+
+		if err := r.deps.CoverStore.PutCover(ctx, slug, data, ""); err != nil {
+			return fmt.Errorf("put cover: %w", err)
+		}
+		return nil
+	}
+	return fmt.Errorf("download cover after %d retries: %w", maxRetries, lastErr)
+}
+
+// fetchCoverBytes performs a single HTTP GET for coverURL and returns the body.
+func fetchCoverBytes(ctx context.Context, coverURL string) ([]byte, error) {
+	req, err := http.NewRequestWithContext(ctx, http.MethodGet, coverURL, nil)
+	if err != nil {
+		return nil, fmt.Errorf("build request: %w", err)
+	}
+	req.Header.Set("User-Agent", "Mozilla/5.0 (compatible; libnovel-runner/2)")
+	req.Header.Set("Referer", "https://novelfire.net/")
+
+	client := &http.Client{Timeout: 30 * time.Second}
+	resp, err := client.Do(req)
+	if err != nil {
+		return nil, fmt.Errorf("http get: %w", err)
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode >= 500 {
+		_, _ = io.Copy(io.Discard, resp.Body)
+		return nil, fmt.Errorf("upstream %d for %s", resp.StatusCode, coverURL)
+	}
+	if resp.StatusCode != http.StatusOK {
+		_, _ = io.Copy(io.Discard, resp.Body)
+		return nil, fmt.Errorf("unexpected status %d for %s", resp.StatusCode, coverURL)
+	}
+
+	return io.ReadAll(io.LimitReader(resp.Body, 5<<20)) // 5 MiB cap
+}
diff --git a/backend/internal/runner/helpers.go b/backend/internal/runner/helpers.go
new file mode 100644
index 0000000..3842c39
--- /dev/null
+++ b/backend/internal/runner/helpers.go
@@ -0,0 +1,71 @@
+package runner
+
+import (
+	"regexp"
+	"strings"
+)
+
+// stripMarkdown removes common markdown syntax from src, returning plain text
+// suitable for TTS. Mirrors the helper in the scraper's server package.
+func stripMarkdown(src string) string {
+	src = regexp.MustCompile(`(?m)^#{1,6}\s+`).ReplaceAllString(src, "")
+	src = regexp.MustCompile(`\*{1,3}|_{1,3}`).ReplaceAllString(src, "")
+	src = regexp.MustCompile("(?s)```.*?```").ReplaceAllString(src, "")
+	src = regexp.MustCompile("`[^`]*`").ReplaceAllString(src, "")
+	src = regexp.MustCompile(`\[([^\]]+)\]\([^)]+\)`).ReplaceAllString(src, "$1")
+	src = regexp.MustCompile(`!\[[^\]]*\]\([^)]+\)`).ReplaceAllString(src, "")
+	src = regexp.MustCompile(`(?m)^>\s?`).ReplaceAllString(src, "")
+	src = regexp.MustCompile(`(?m)^[-*_]{3,}\s*$`).ReplaceAllString(src, "")
+	src = regexp.MustCompile(`\n{3,}`).ReplaceAllString(src, "\n\n")
+	return strings.TrimSpace(src)
+}
+
+// chunkText splits text into chunks of at most maxChars characters, breaking
+// at sentence boundaries (". ", "! ", "? ", "\n") so that the TTS service
+// receives natural prose fragments rather than mid-sentence cuts.
+//
+// If a single sentence exceeds maxChars it is included as its own chunk —
+// never silently truncated.
+func chunkText(text string, maxChars int) []string {
+	if len(text) <= maxChars {
+		return []string{text}
+	}
+
+	// Sentence-boundary delimiters — we split AFTER these sequences.
+	// Order matters: longer sequences first.
+	delimiters := []string{".\n", "!\n", "?\n", ". ", "! ", "? ", "\n\n", "\n"}
+
+	var chunks []string
+	remaining := text
+
+	for len(remaining) > 0 {
+		if len(remaining) <= maxChars {
+			chunks = append(chunks, strings.TrimSpace(remaining))
+			break
+		}
+
+		// Find the last sentence boundary within the maxChars window.
+		window := remaining[:maxChars]
+		cutAt := -1
+		for _, delim := range delimiters {
+			idx := strings.LastIndex(window, delim)
+			if idx > 0 && idx+len(delim) > cutAt {
+				cutAt = idx + len(delim)
+			}
+		}
+
+		if cutAt <= 0 {
+			// No boundary found — hard-break at maxChars to avoid infinite loop.
+			cutAt = maxChars
+		}
+
+		chunk := strings.TrimSpace(remaining[:cutAt])
+		if chunk != "" {
+			chunks = append(chunks, chunk)
+		}
+		remaining = strings.TrimSpace(remaining[cutAt:])
+	}
+
+	return chunks
+}
+
diff --git a/backend/internal/runner/metrics.go b/backend/internal/runner/metrics.go
new file mode 100644
index 0000000..659b113
--- /dev/null
+++ b/backend/internal/runner/metrics.go
@@ -0,0 +1,113 @@
+package runner
+
+// metrics.go — Prometheus metrics HTTP endpoint for the runner.
+//
+// GET /metrics returns a Prometheus text/plain scrape response.
+// Exposes:
+//   - Standard Go runtime metrics (via promhttp)
+//   - Runner task counters (tasks_running, tasks_completed, tasks_failed)
+//   - Asynq queue metrics (registered in asynq_runner.go when Redis is enabled)
+//
+// GET /health — simple liveness probe.
+
+import (
+	"context"
+	"fmt"
+	"log/slog"
+	"net"
+	"net/http"
+	"time"
+
+	"github.com/prometheus/client_golang/prometheus"
+	"github.com/prometheus/client_golang/prometheus/promhttp"
+)
+
+// metricsServer serves GET /metrics and GET /health for the runner process.
+type metricsServer struct {
+	addr string
+	r    *Runner
+	log  *slog.Logger
+}
+
+func newMetricsServer(addr string, r *Runner, log *slog.Logger) *metricsServer {
+	ms := &metricsServer{addr: addr, r: r, log: log}
+	ms.registerCollectors()
+	return ms
+}
+
+// registerCollectors registers runner-specific Prometheus collectors.
+// Called once at construction; Asynq queue collector is registered separately
+// in asynq_runner.go after the Redis connection is established.
+func (ms *metricsServer) registerCollectors() {
+	// Runner task gauges / counters backed by the atomic fields on Runner.
+	ms.r.metricsRegistry.MustRegister(prometheus.NewGaugeFunc(
+		prometheus.GaugeOpts{
+			Namespace: "runner",
+			Name:      "tasks_running",
+			Help:      "Number of tasks currently being processed.",
+		},
+		func() float64 { return float64(ms.r.tasksRunning.Load()) },
+	))
+	ms.r.metricsRegistry.MustRegister(prometheus.NewCounterFunc(
+		prometheus.CounterOpts{
+			Namespace: "runner",
+			Name:      "tasks_completed_total",
+			Help:      "Total number of tasks completed successfully since startup.",
+		},
+		func() float64 { return float64(ms.r.tasksCompleted.Load()) },
+	))
+	ms.r.metricsRegistry.MustRegister(prometheus.NewCounterFunc(
+		prometheus.CounterOpts{
+			Namespace: "runner",
+			Name:      "tasks_failed_total",
+			Help:      "Total number of tasks that ended in failure since startup.",
+		},
+		func() float64 { return float64(ms.r.tasksFailed.Load()) },
+	))
+	ms.r.metricsRegistry.MustRegister(prometheus.NewGaugeFunc(
+		prometheus.GaugeOpts{
+			Namespace: "runner",
+			Name:      "uptime_seconds",
+			Help:      "Seconds since the runner process started.",
+		},
+		func() float64 { return time.Since(ms.r.startedAt).Seconds() },
+	))
+}
+
+// ListenAndServe starts the HTTP server and blocks until ctx is cancelled or
+// a fatal listen error occurs.
+func (ms *metricsServer) ListenAndServe(ctx context.Context) error {
+	mux := http.NewServeMux()
+	mux.Handle("GET /metrics", promhttp.HandlerFor(ms.r.metricsRegistry, promhttp.HandlerOpts{}))
+	mux.HandleFunc("GET /health", ms.handleHealth)
+
+	srv := &http.Server{
+		Addr:         ms.addr,
+		Handler:      mux,
+		ReadTimeout:  5 * time.Second,
+		WriteTimeout: 10 * time.Second,
+		BaseContext:  func(_ net.Listener) context.Context { return ctx },
+	}
+
+	errCh := make(chan error, 1)
+	go func() {
+		ms.log.Info("runner: metrics server listening", "addr", ms.addr)
+		errCh <- srv.ListenAndServe()
+	}()
+
+	select {
+	case <-ctx.Done():
+		shutCtx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
+		defer cancel()
+		_ = srv.Shutdown(shutCtx)
+		return nil
+	case err := <-errCh:
+		return fmt.Errorf("runner: metrics server: %w", err)
+	}
+}
+
+// handleHealth handles GET /health — simple liveness probe.
+func (ms *metricsServer) handleHealth(w http.ResponseWriter, _ *http.Request) {
+	w.Header().Set("Content-Type", "application/json")
+	_, _ = w.Write([]byte(`{"status":"ok"}`))
+}
diff --git a/backend/internal/runner/runner.go b/backend/internal/runner/runner.go
new file mode 100644
index 0000000..f279cba
--- /dev/null
+++ b/backend/internal/runner/runner.go
@@ -0,0 +1,884 @@
+// Package runner implements the worker loop that polls PocketBase for pending
+// scrape and audio tasks, executes them, and reports results back.
+//
+// Design:
+//   - Run(ctx) loops on a ticker; each tick claims and dispatches pending tasks.
+//   - Scrape tasks are dispatched to the Orchestrator (one goroutine per task,
+//     up to MaxConcurrentScrape).
+//   - Audio tasks fetch chapter text, call Kokoro, upload to MinIO, and report
+//     the result back (up to MaxConcurrentAudio goroutines).
+//   - The runner is stateless between ticks; all state lives in PocketBase.
+//   - Atomic task counters are exposed via /metrics (see metrics.go).
+//   - Books are indexed in Meilisearch via an orchestrator.Config.PostMetadata
+//     hook injected at construction time.
+package runner
+
+import (
+	"context"
+	"encoding/json"
+	"fmt"
+	"log/slog"
+	"os"
+	"sync"
+	"sync/atomic"
+	"time"
+
+	"go.opentelemetry.io/otel"
+	"go.opentelemetry.io/otel/attribute"
+	"go.opentelemetry.io/otel/codes"
+
+	"github.com/libnovel/backend/internal/bookstore"
+	"github.com/libnovel/backend/internal/cfai"
+	"github.com/libnovel/backend/internal/domain"
+	"github.com/libnovel/backend/internal/kokoro"
+	"github.com/libnovel/backend/internal/libretranslate"
+	"github.com/libnovel/backend/internal/meili"
+	"github.com/libnovel/backend/internal/orchestrator"
+	"github.com/libnovel/backend/internal/pockettts"
+	"github.com/libnovel/backend/internal/scraper"
+	"github.com/libnovel/backend/internal/storage"
+	"github.com/libnovel/backend/internal/taskqueue"
+	"github.com/libnovel/backend/internal/webpush"
+	"github.com/prometheus/client_golang/prometheus"
+)
+
+// Notifier creates notifications for users.
+type Notifier interface {
+	CreateNotification(ctx context.Context, userID, title, message, link string) error
+}
+
+// ChapterIngester persists imported chapters for a book.
+type ChapterIngester interface {
+	IngestChapters(ctx context.Context, slug string, chapters []bookstore.Chapter) error
+}
+
+// ImportChapterStore retrieves pre-parsed chapter JSON blobs from object storage.
+type ImportChapterStore interface {
+	GetImportChapters(ctx context.Context, key string) ([]byte, error)
+}
+
+// Config tunes the runner behaviour.
+type Config struct {
+	// WorkerID uniquely identifies this runner instance in PocketBase records.
+	WorkerID string
+	// PollInterval is how often the runner checks for new tasks.
+	// Only used in PocketBase-polling mode (RedisAddr == "").
+	PollInterval time.Duration
+	// MaxConcurrentScrape limits simultaneous book-scrape goroutines.
+	MaxConcurrentScrape int
+	// MaxConcurrentAudio limits simultaneous audio-generation goroutines.
+	MaxConcurrentAudio int
+	// MaxConcurrentTranslation limits simultaneous translation goroutines.
+	MaxConcurrentTranslation int
+	// OrchestratorWorkers is the chapter-scraping parallelism inside each book run.
+	OrchestratorWorkers int
+	// HeartbeatInterval is how often active tasks PATCH their heartbeat_at
+	// timestamp to signal they are still alive. Defaults to 30s when 0.
+	// Only used in PocketBase-polling mode.
+	HeartbeatInterval time.Duration
+	// StaleTaskThreshold is how old a heartbeat must be (or absent) before the
+	// task is considered orphaned and reset to pending. Defaults to 2m when 0.
+	// Only used in PocketBase-polling mode.
+	StaleTaskThreshold time.Duration
+	// CatalogueRefreshInterval is how often the runner walks the full catalogue,
+	// scrapes per-book metadata, downloads covers, and re-indexes everything in
+	// Meilisearch. Defaults to 24h (expensive — full catalogue walk).
+	CatalogueRefreshInterval time.Duration
+	// CatalogueRequestDelay is the base inter-request pause during a catalogue
+	// refresh metadata walk. Jitter of up to 50% is added on top.
+	// Defaults to 2s. Set via RUNNER_CATALOGUE_REQUEST_DELAY.
+	CatalogueRequestDelay time.Duration
+	// SkipInitialCatalogueRefresh suppresses the immediate catalogue walk that
+	// otherwise fires at startup. The periodic ticker (CatalogueRefreshInterval)
+	// still fires normally. Set RUNNER_SKIP_INITIAL_CATALOGUE_REFRESH=true for
+	// quick restarts where the catalogue is already up to date.
+	SkipInitialCatalogueRefresh bool
+	// MetricsAddr is the HTTP listen address for the /metrics endpoint.
+	// Defaults to ":9091". Set to "" to disable.
+	MetricsAddr string
+	// RedisAddr is the address of the Redis instance used for Asynq task
+	// dispatch. When set the runner switches from PocketBase-polling mode to
+	// Asynq ServeMux mode (immediate task delivery, no polling).
+	// Supports plain "host:port" or a full "rediss://..." URL.
+	// When empty the runner falls back to PocketBase polling.
+	RedisAddr string
+	// RedisPassword is the Redis AUTH password.
+	// Not required when RedisAddr is a full URL that includes credentials.
+	RedisPassword string
+}
+
+// Dependencies are the external services the runner depends on.
+type Dependencies struct {
+	// Consumer claims tasks from PocketBase.
+	Consumer taskqueue.Consumer
+	// BookWriter persists scraped data (used by orchestrator).
+	BookWriter bookstore.BookWriter
+	// BookReader reads chapter text for audio generation.
+	BookReader bookstore.BookReader
+	// AudioStore persists generated audio and checks key existence.
+	AudioStore bookstore.AudioStore
+	// TranslationStore persists translated markdown and checks key existence.
+	TranslationStore bookstore.TranslationStore
+	// CoverStore stores book cover images in MinIO.
+	CoverStore bookstore.CoverStore
+	// BookImport handles PDF/EPUB file parsing and chapter extraction.
+	// Kept for backward compatibility when ChaptersKey is not set.
+	BookImport bookstore.BookImporter
+	// ImportChapterStore retrieves pre-parsed chapter JSON blobs from MinIO.
+	// When set and the task has a ChaptersKey, the runner reads from here
+	// instead of calling BookImport.Import() (the new preferred path).
+	ImportChapterStore ImportChapterStore
+	// ChapterIngester persists extracted chapters into MinIO/PocketBase.
+	ChapterIngester ChapterIngester
+	// Notifier creates notifications for users.
+	Notifier Notifier
+	// WebPush sends browser push notifications to subscribed users.
+	// If nil, push notifications are disabled.
+	WebPush *webpush.Sender
+	// Store is the underlying *storage.Store; used for push subscription lookups.
+	// Only needed when WebPush is non-nil.
+	Store *storage.Store
+	// SearchIndex indexes books in Meilisearch after scraping.
+	// If nil a no-op is used.
+	SearchIndex meili.Client
+	// Novel is the scraper implementation.
+	Novel scraper.NovelScraper
+	// Kokoro is the Kokoro-FastAPI TTS client (GPU, OpenAI-compatible voices).
+	Kokoro kokoro.Client
+	// PocketTTS is the pocket-tts client (CPU, kyutai voices: alba, marius, etc.).
+	// If nil, pocket-tts voice tasks will fail with a clear error.
+	PocketTTS pockettts.Client
+	// CFAI is the Cloudflare Workers AI TTS client (cfai:* prefixed voices).
+	// If nil, CF AI voice tasks will fail with a clear error.
+	CFAI cfai.Client
+	// LibreTranslate is the machine translation client.
+	// If nil, translation tasks will fail with a clear error.
+	LibreTranslate libretranslate.Client
+	// Log is the structured logger.
+	Log *slog.Logger
+}
+
+// Runner is the main worker process.
+type Runner struct {
+	cfg  Config
+	deps Dependencies
+
+	metricsRegistry *prometheus.Registry
+
+	// Atomic task counters — read by /metrics without locking.
+	tasksRunning   atomic.Int64
+	tasksCompleted atomic.Int64
+	tasksFailed    atomic.Int64
+
+	startedAt time.Time
+}
+
+// New creates a Runner from cfg and deps.
+func New(cfg Config, deps Dependencies) *Runner {
+	if cfg.PollInterval <= 0 {
+		cfg.PollInterval = 30 * time.Second
+	}
+	if cfg.MaxConcurrentScrape <= 0 {
+		cfg.MaxConcurrentScrape = 2
+	}
+	if cfg.MaxConcurrentAudio <= 0 {
+		cfg.MaxConcurrentAudio = 1
+	}
+	if cfg.MaxConcurrentTranslation <= 0 {
+		cfg.MaxConcurrentTranslation = 1
+	}
+	if cfg.WorkerID == "" {
+		cfg.WorkerID = "runner"
+	}
+	if cfg.HeartbeatInterval <= 0 {
+		cfg.HeartbeatInterval = 30 * time.Second
+	}
+	if cfg.StaleTaskThreshold <= 0 {
+		cfg.StaleTaskThreshold = 2 * time.Minute
+	}
+	if cfg.CatalogueRefreshInterval <= 0 {
+		cfg.CatalogueRefreshInterval = 24 * time.Hour
+	}
+	if cfg.CatalogueRequestDelay <= 0 {
+		cfg.CatalogueRequestDelay = 2 * time.Second
+	}
+	if cfg.MetricsAddr == "" {
+		cfg.MetricsAddr = ":9091"
+	}
+	if deps.Log == nil {
+		deps.Log = slog.Default()
+	}
+	if deps.SearchIndex == nil {
+		deps.SearchIndex = meili.NoopClient{}
+	}
+	return &Runner{cfg: cfg, deps: deps, startedAt: time.Now(), metricsRegistry: prometheus.NewRegistry()}
+}
+
+// Run starts the worker loop and the metrics HTTP server, blocking until ctx
+// is cancelled.
+//
+// When cfg.RedisAddr is set the runner uses Asynq (immediate task delivery).
+// Otherwise it falls back to PocketBase polling (legacy mode).
+func (r *Runner) Run(ctx context.Context) error {
+	r.deps.Log.Info("runner: starting",
+		"worker_id", r.cfg.WorkerID,
+		"mode", r.mode(),
+		"max_scrape", r.cfg.MaxConcurrentScrape,
+		"max_audio", r.cfg.MaxConcurrentAudio,
+		"max_translation", r.cfg.MaxConcurrentTranslation,
+		"catalogue_refresh_interval", r.cfg.CatalogueRefreshInterval,
+		"metrics_addr", r.cfg.MetricsAddr,
+	)
+
+	// Start metrics HTTP server in background if configured.
+	if r.cfg.MetricsAddr != "" {
+		ms := newMetricsServer(r.cfg.MetricsAddr, r, r.deps.Log)
+		go func() {
+			if err := ms.ListenAndServe(ctx); err != nil {
+				r.deps.Log.Error("runner: metrics server error", "err", err)
+			}
+		}()
+	}
+
+	if r.cfg.RedisAddr != "" {
+		return r.runAsynq(ctx)
+	}
+	return r.runPoll(ctx)
+}
+
+// mode returns a short string describing the active dispatch mode.
+func (r *Runner) mode() string {
+	if r.cfg.RedisAddr != "" {
+		return "asynq"
+	}
+	return "poll"
+}
+
+// runPoll is the legacy PocketBase-polling dispatch loop.
+// Used when cfg.RedisAddr is empty.
+func (r *Runner) runPoll(ctx context.Context) error {
+	scrapeSem := make(chan struct{}, r.cfg.MaxConcurrentScrape)
+	audioSem := make(chan struct{}, r.cfg.MaxConcurrentAudio)
+	translationSem := make(chan struct{}, r.cfg.MaxConcurrentTranslation)
+	importSem := make(chan struct{}, 1) // Limit concurrent imports
+	var wg sync.WaitGroup
+
+	tick := time.NewTicker(r.cfg.PollInterval)
+	defer tick.Stop()
+
+	catalogueTick := time.NewTicker(r.cfg.CatalogueRefreshInterval)
+	defer catalogueTick.Stop()
+
+	// Run one catalogue refresh immediately on startup (unless skipped by flag).
+	if !r.cfg.SkipInitialCatalogueRefresh {
+		go r.runCatalogueRefresh(ctx)
+	} else {
+		r.deps.Log.Info("runner: skipping initial catalogue refresh (RUNNER_SKIP_INITIAL_CATALOGUE_REFRESH=true)")
+	}
+
+	r.deps.Log.Info("runner: poll mode active", "poll_interval", r.cfg.PollInterval)
+
+	// Run one poll immediately on startup, then on each tick.
+	for {
+		r.poll(ctx, scrapeSem, audioSem, translationSem, importSem, &wg)
+
+		select {
+		case <-ctx.Done():
+			r.deps.Log.Info("runner: context cancelled, draining active tasks")
+			done := make(chan struct{})
+			go func() {
+				wg.Wait()
+				close(done)
+			}()
+			select {
+			case <-done:
+				r.deps.Log.Info("runner: all tasks drained, exiting")
+			case <-time.After(2 * time.Minute):
+				r.deps.Log.Warn("runner: drain timeout exceeded, forcing exit")
+			}
+			return nil
+		case <-catalogueTick.C:
+			go r.runCatalogueRefresh(ctx)
+		case <-tick.C:
+		}
+	}
+}
+
+// poll claims all available pending tasks and dispatches them to goroutines.
+func (r *Runner) poll(ctx context.Context, scrapeSem, audioSem, translationSem, importSem chan struct{}, wg *sync.WaitGroup) {
+	// ── Heartbeat file ────────────────────────────────────────────────────
+	// Touch /tmp/runner.alive so the Docker health check can confirm the
+	// runner is actively polling. Failure is non-fatal — just log it.
+	if f, err := os.Create("/tmp/runner.alive"); err != nil {
+		r.deps.Log.Warn("runner: could not write heartbeat file", "err", err)
+	} else {
+		f.Close()
+	}
+
+	// ── Reap orphaned tasks ───────────────────────────────────────────────
+	if n, err := r.deps.Consumer.ReapStaleTasks(ctx, r.cfg.StaleTaskThreshold); err != nil {
+		r.deps.Log.Warn("runner: reap stale tasks failed", "err", err)
+	} else if n > 0 {
+		r.deps.Log.Info("runner: reaped stale tasks", "count", n)
+	}
+
+	// ── Scrape tasks ──────────────────────────────────────────────────────
+	for {
+		if ctx.Err() != nil {
+			return
+		}
+		task, ok, err := r.deps.Consumer.ClaimNextScrapeTask(ctx, r.cfg.WorkerID)
+		if err != nil {
+			r.deps.Log.Error("runner: ClaimNextScrapeTask failed", "err", err)
+			break
+		}
+		if !ok {
+			break
+		}
+		select {
+		case scrapeSem <- struct{}{}:
+		default:
+			r.deps.Log.Warn("runner: scrape semaphore full, will retry next tick",
+				"task_id", task.ID)
+			break
+		}
+		r.tasksRunning.Add(1)
+		wg.Add(1)
+		go func(t domain.ScrapeTask) {
+			defer wg.Done()
+			defer func() { <-scrapeSem }()
+			defer r.tasksRunning.Add(-1)
+			r.runScrapeTask(ctx, t)
+		}(task)
+	}
+
+	// ── Audio tasks ───────────────────────────────────────────────────────
+	// Only claim tasks when there is a free slot in the semaphore.
+	// This avoids the old bug where we claimed (status→running) a task and
+	// then couldn't dispatch it, leaving it orphaned until the reaper fired.
+audioLoop:
+	for {
+		if ctx.Err() != nil {
+			return
+		}
+		// Check capacity before claiming to avoid orphaning tasks.
+		select {
+		case audioSem <- struct{}{}:
+			// Slot acquired — proceed to claim a task.
+		default:
+			// All slots busy; leave remaining pending tasks for next tick.
+			break audioLoop
+		}
+		task, ok, err := r.deps.Consumer.ClaimNextAudioTask(ctx, r.cfg.WorkerID)
+		if err != nil {
+			<-audioSem // release the pre-acquired slot
+			r.deps.Log.Error("runner: ClaimNextAudioTask failed", "err", err)
+			break
+		}
+		if !ok {
+			<-audioSem // release the pre-acquired slot; queue empty
+			break
+		}
+		r.tasksRunning.Add(1)
+		wg.Add(1)
+		go func(t domain.AudioTask) {
+			defer wg.Done()
+			defer func() { <-audioSem }()
+			defer r.tasksRunning.Add(-1)
+			r.runAudioTask(ctx, t)
+		}(task)
+	}
+
+	// ── Translation tasks ─────────────────────────────────────────────────
+translationLoop:
+	for {
+		if ctx.Err() != nil {
+			return
+		}
+		select {
+		case translationSem <- struct{}{}:
+			// Slot acquired — proceed to claim a task.
+		default:
+			// All slots busy; leave remaining pending tasks for next tick.
+			break translationLoop
+		}
+		task, ok, err := r.deps.Consumer.ClaimNextTranslationTask(ctx, r.cfg.WorkerID)
+		if err != nil {
+			<-translationSem
+			r.deps.Log.Error("runner: ClaimNextTranslationTask failed", "err", err)
+			break
+		}
+		if !ok {
+			<-translationSem
+			break
+		}
+		r.tasksRunning.Add(1)
+		wg.Add(1)
+		go func(t domain.TranslationTask) {
+			defer wg.Done()
+			defer func() { <-translationSem }()
+			defer r.tasksRunning.Add(-1)
+			r.runTranslationTask(ctx, t)
+		}(task)
+	}
+
+	// ── Import tasks ─────────────────────────────────────────────────────
+importLoop:
+	for {
+		if ctx.Err() != nil {
+			return
+		}
+		select {
+		case importSem <- struct{}{}:
+			// Slot acquired — proceed to claim a task.
+		default:
+			// All slots busy; leave remaining pending tasks for next tick.
+			break importLoop
+		}
+		task, ok, err := r.deps.Consumer.ClaimNextImportTask(ctx, r.cfg.WorkerID)
+		if err != nil {
+			<-importSem
+			r.deps.Log.Error("runner: ClaimNextImportTask failed", "err", err)
+			break
+		}
+		if !ok {
+			<-importSem
+			break
+		}
+		r.tasksRunning.Add(1)
+		wg.Add(1)
+		go func(t domain.ImportTask) {
+			defer wg.Done()
+			defer func() { <-importSem }()
+			defer r.tasksRunning.Add(-1)
+			r.runImportTask(ctx, t, t.ObjectKey)
+		}(task)
+	}
+}
+
+// newOrchestrator builds an orchestrator with the Meilisearch post-hook wired in.
+func (r *Runner) newOrchestrator() *orchestrator.Orchestrator {
+	oCfg := orchestrator.Config{
+		Workers: r.cfg.OrchestratorWorkers,
+		PostMetadata: func(ctx context.Context, meta domain.BookMeta) {
+			if err := r.deps.SearchIndex.UpsertBook(ctx, meta); err != nil {
+				r.deps.Log.Warn("runner: meilisearch upsert failed",
+					"slug", meta.Slug, "err", err)
+			}
+		},
+	}
+	return orchestrator.New(oCfg, r.deps.Novel, r.deps.BookWriter, r.deps.Log)
+}
+
+// runScrapeTask executes one scrape task end-to-end and reports the result.
+func (r *Runner) runScrapeTask(ctx context.Context, task domain.ScrapeTask) {
+	ctx, span := otel.Tracer("runner").Start(ctx, "runner.scrape_task")
+	defer span.End()
+	span.SetAttributes(
+		attribute.String("task.id", task.ID),
+		attribute.String("task.kind", task.Kind),
+		attribute.String("task.url", task.TargetURL),
+	)
+
+	log := r.deps.Log.With("task_id", task.ID, "kind", task.Kind, "url", task.TargetURL)
+	log.Info("runner: scrape task starting")
+
+	hbCtx, hbCancel := context.WithCancel(ctx)
+	defer hbCancel()
+	go func() {
+		tick := time.NewTicker(r.cfg.HeartbeatInterval)
+		defer tick.Stop()
+		for {
+			select {
+			case <-hbCtx.Done():
+				return
+			case <-tick.C:
+				if err := r.deps.Consumer.HeartbeatTask(ctx, task.ID); err != nil {
+					log.Warn("runner: heartbeat failed", "err", err)
+				}
+			}
+		}
+	}()
+
+	o := r.newOrchestrator()
+	var result domain.ScrapeResult
+
+	switch task.Kind {
+	case "catalogue":
+		result = r.runCatalogueTask(ctx, task, o, log)
+	case "book", "book_range":
+		result = o.RunBook(ctx, task)
+	default:
+		result.ErrorMessage = fmt.Sprintf("unknown task kind: %q", task.Kind)
+		log.Warn("runner: unknown task kind")
+	}
+
+	// Use a fresh context for the final write so a cancelled task context doesn't
+	// prevent the result counters from being persisted to PocketBase.
+	finishCtx, finishCancel := context.WithTimeout(context.Background(), 15*time.Second)
+	defer finishCancel()
+	if err := r.deps.Consumer.FinishScrapeTask(finishCtx, task.ID, result); err != nil {
+		log.Error("runner: FinishScrapeTask failed", "err", err)
+	}
+
+	if result.ErrorMessage != "" {
+		r.tasksFailed.Add(1)
+		span.SetStatus(codes.Error, result.ErrorMessage)
+		if r.deps.Notifier != nil {
+			_ = r.deps.Notifier.CreateNotification(ctx, "admin",
+				"Scrape Failed",
+				fmt.Sprintf("Scrape task (%s) failed: %s", task.Kind, result.ErrorMessage),
+				"/admin/tasks")
+		}
+	} else {
+		r.tasksCompleted.Add(1)
+		span.SetStatus(codes.Ok, "")
+		if r.deps.Notifier != nil {
+			_ = r.deps.Notifier.CreateNotification(ctx, "admin",
+				"Scrape Complete",
+				fmt.Sprintf("Scraped %d chapters, skipped %d (%s)", result.ChaptersScraped, result.ChaptersSkipped, task.Kind),
+				"/admin/tasks")
+		}
+		// Fan-out in-app new-chapter notification to all users who have this book
+		// in their library. Runs in background so it doesn't block the task loop.
+		if r.deps.Store != nil && result.ChaptersScraped > 0 &&
+			result.Slug != "" && task.Kind != "catalogue" {
+			go func() {
+				notifyCtx, cancel := context.WithTimeout(context.Background(), 30*time.Second)
+				defer cancel()
+				title := result.Slug
+				_ = r.deps.Store.NotifyUsersWithBook(notifyCtx, result.Slug,
+					"New chapters available",
+					fmt.Sprintf("%d new chapter(s) added to %s", result.ChaptersScraped, title),
+					"/books/"+result.Slug)
+			}()
+		}
+		// Send Web Push notifications to subscribed browsers.
+		if r.deps.WebPush != nil && r.deps.Store != nil &&
+			result.ChaptersScraped > 0 && result.Slug != "" && task.Kind != "catalogue" {
+			go r.deps.WebPush.SendToBook(context.Background(), r.deps.Store, result.Slug, webpush.Payload{
+				Title: "New chapter available",
+				Body:  fmt.Sprintf("%d new chapter(s) added", result.ChaptersScraped),
+				URL:   "/books/" + result.Slug,
+				Icon:  "/icon-192.png",
+			})
+		}
+	}
+
+	log.Info("runner: scrape task finished",
+		"scraped", result.ChaptersScraped,
+		"skipped", result.ChaptersSkipped,
+		"errors", result.Errors,
+	)
+}
+
+// runCatalogueTask runs a full catalogue scrape.
+func (r *Runner) runCatalogueTask(ctx context.Context, task domain.ScrapeTask, o *orchestrator.Orchestrator, log *slog.Logger) domain.ScrapeResult {
+	entries, errCh := r.deps.Novel.ScrapeCatalogue(ctx)
+	var result domain.ScrapeResult
+
+	for entry := range entries {
+		if ctx.Err() != nil {
+			break
+		}
+		bookTask := domain.ScrapeTask{
+			ID:        task.ID,
+			Kind:      "book",
+			TargetURL: entry.URL,
+		}
+		bookResult := o.RunBook(ctx, bookTask)
+		result.BooksFound += bookResult.BooksFound
+		result.ChaptersScraped += bookResult.ChaptersScraped
+		result.ChaptersSkipped += bookResult.ChaptersSkipped
+		result.Errors += bookResult.Errors
+	}
+
+	if err := <-errCh; err != nil {
+		log.Warn("runner: catalogue scrape finished with error", "err", err)
+		result.Errors++
+		if result.ErrorMessage == "" {
+			result.ErrorMessage = err.Error()
+		}
+	}
+	return result
+}
+
+// runAudioTask executes one audio-generation task.
+func (r *Runner) runAudioTask(ctx context.Context, task domain.AudioTask) {
+	ctx, span := otel.Tracer("runner").Start(ctx, "runner.audio_task")
+	defer span.End()
+	span.SetAttributes(
+		attribute.String("task.id", task.ID),
+		attribute.String("book.slug", task.Slug),
+		attribute.Int("chapter.number", task.Chapter),
+		attribute.String("audio.voice", task.Voice),
+	)
+
+	log := r.deps.Log.With("task_id", task.ID, "slug", task.Slug, "chapter", task.Chapter, "voice", task.Voice)
+	log.Info("runner: audio task starting")
+
+	hbCtx, hbCancel := context.WithCancel(ctx)
+	defer hbCancel()
+	go func() {
+		tick := time.NewTicker(r.cfg.HeartbeatInterval)
+		defer tick.Stop()
+		for {
+			select {
+			case <-hbCtx.Done():
+				return
+			case <-tick.C:
+				if err := r.deps.Consumer.HeartbeatTask(ctx, task.ID); err != nil {
+					log.Warn("runner: heartbeat failed", "err", err)
+				}
+			}
+		}
+	}()
+
+	fail := func(msg string) {
+		log.Error("runner: audio task failed", "reason", msg)
+		r.tasksFailed.Add(1)
+		span.SetStatus(codes.Error, msg)
+		result := domain.AudioResult{ErrorMessage: msg}
+		if err := r.deps.Consumer.FinishAudioTask(ctx, task.ID, result); err != nil {
+			log.Error("runner: FinishAudioTask failed", "err", err)
+		}
+		if r.deps.Notifier != nil {
+			_ = r.deps.Notifier.CreateNotification(ctx, "admin",
+				"Audio Failed",
+				fmt.Sprintf("Ch.%d of %s (%s): %s", task.Chapter, task.Slug, task.Voice, msg),
+				fmt.Sprintf("/books/%s", task.Slug))
+		}
+	}
+
+	raw, err := r.deps.BookReader.ReadChapter(ctx, task.Slug, task.Chapter)
+	if err != nil {
+		fail(fmt.Sprintf("read chapter: %v", err))
+		return
+	}
+	text := stripMarkdown(raw)
+	if text == "" {
+		fail("chapter text is empty after stripping markdown")
+		return
+	}
+
+	var audioData []byte
+	if pockettts.IsPocketTTSVoice(task.Voice) {
+		if r.deps.PocketTTS == nil {
+			fail("pocket-tts client not configured (POCKET_TTS_URL is empty)")
+			return
+		}
+		var genErr error
+		audioData, genErr = r.deps.PocketTTS.GenerateAudio(ctx, text, task.Voice)
+		if genErr != nil {
+			fail(fmt.Sprintf("pocket-tts generate: %v", genErr))
+			return
+		}
+		log.Info("runner: audio generated via pocket-tts", "voice", task.Voice)
+	} else if cfai.IsCFAIVoice(task.Voice) {
+		if r.deps.CFAI == nil {
+			fail("cloudflare AI client not configured (CFAI_ACCOUNT_ID/CFAI_API_TOKEN empty)")
+			return
+		}
+		var genErr error
+		audioData, genErr = r.deps.CFAI.GenerateAudio(ctx, text, task.Voice)
+		if genErr != nil {
+			fail(fmt.Sprintf("cfai generate: %v", genErr))
+			return
+		}
+		log.Info("runner: audio generated via cloudflare AI", "voice", task.Voice)
+	} else {
+		if r.deps.Kokoro == nil {
+			fail("kokoro client not configured (KOKORO_URL is empty)")
+			return
+		}
+		var genErr error
+		audioData, genErr = kokoroGenerateChunked(ctx, r.deps.Kokoro, text, task.Voice, log)
+		if genErr != nil {
+			fail(fmt.Sprintf("kokoro generate: %v", genErr))
+			return
+		}
+		log.Info("runner: audio generated via kokoro-fastapi", "voice", task.Voice)
+	}
+
+	key := r.deps.AudioStore.AudioObjectKey(task.Slug, task.Chapter, task.Voice)
+	if err := r.deps.AudioStore.PutAudio(ctx, key, audioData); err != nil {
+		fail(fmt.Sprintf("put audio: %v", err))
+		return
+	}
+
+	r.tasksCompleted.Add(1)
+	span.SetStatus(codes.Ok, "")
+	result := domain.AudioResult{ObjectKey: key}
+	if err := r.deps.Consumer.FinishAudioTask(ctx, task.ID, result); err != nil {
+		log.Error("runner: FinishAudioTask failed", "err", err)
+	}
+	if r.deps.Notifier != nil {
+		_ = r.deps.Notifier.CreateNotification(ctx, "admin",
+			"Audio Ready",
+			fmt.Sprintf("Ch.%d of %s (%s) is ready", task.Chapter, task.Slug, task.Voice),
+			fmt.Sprintf("/books/%s", task.Slug))
+	}
+	log.Info("runner: audio task finished", "key", key)
+}
+
+// kokoroGenerateChunked splits text into ~1 000-character sentence-boundary
+// chunks, calls Kokoro.GenerateAudio for each, and concatenates the raw MP3
+// bytes. This avoids EOF / timeout failures that occur when the Kokoro
+// FastAPI server receives very large inputs (e.g. a full imported PDF chapter).
+//
+// Concatenating raw MP3 frames is valid — MP3 is a frame-based format and
+// standard players handle multi-segment files correctly.
+func kokoroGenerateChunked(ctx context.Context, k kokoro.Client, text, voice string, log *slog.Logger) ([]byte, error) {
+	const chunkSize = 1000
+
+	chunks := chunkText(text, chunkSize)
+	log.Info("runner: kokoro chunked generation", "chunks", len(chunks), "total_chars", len(text))
+
+	var combined []byte
+	for i, chunk := range chunks {
+		data, err := k.GenerateAudio(ctx, chunk, voice)
+		if err != nil {
+			return nil, fmt.Errorf("chunk %d/%d: %w", i+1, len(chunks), err)
+		}
+		combined = append(combined, data...)
+		log.Info("runner: kokoro chunk done", "chunk", i+1, "of", len(chunks), "bytes", len(data))
+	}
+	return combined, nil
+}
+
+// runImportTask executes one PDF/EPUB import task.
+// Preferred path: when task.ChaptersKey is set, it reads pre-parsed chapters
+// JSON from MinIO (written by the backend at upload time) and ingests them.
+// Fallback path: when ChaptersKey is empty, calls BookImport.Import() to
+// parse the raw file on the runner (legacy behaviour, not used for new tasks).
+func (r *Runner) runImportTask(ctx context.Context, task domain.ImportTask, objectKey string) {
+	ctx, span := otel.Tracer("runner").Start(ctx, "runner.import_task")
+	defer span.End()
+	span.SetAttributes(
+		attribute.String("task.id", task.ID),
+		attribute.String("book.slug", task.Slug),
+		attribute.String("file.type", task.FileType),
+		attribute.String("chapters_key", task.ChaptersKey),
+	)
+
+	log := r.deps.Log.With("task_id", task.ID, "slug", task.Slug, "file_type", task.FileType)
+	log.Info("runner: import task starting", "chapters_key", task.ChaptersKey)
+
+	hbCtx, hbCancel := context.WithCancel(ctx)
+	defer hbCancel()
+	go func() {
+		tick := time.NewTicker(r.cfg.HeartbeatInterval)
+		defer tick.Stop()
+		for {
+			select {
+			case <-hbCtx.Done():
+				return
+			case <-tick.C:
+				if err := r.deps.Consumer.HeartbeatTask(ctx, task.ID); err != nil {
+					log.Warn("runner: heartbeat failed", "err", err)
+				}
+			}
+		}
+	}()
+
+	fail := func(msg string) {
+		log.Error("runner: import task failed", "reason", msg)
+		r.tasksFailed.Add(1)
+		span.SetStatus(codes.Error, msg)
+		result := domain.ImportResult{ErrorMessage: msg}
+		if err := r.deps.Consumer.FinishImportTask(ctx, task.ID, result); err != nil {
+			log.Error("runner: FinishImportTask failed", "err", err)
+		}
+	}
+
+	var chapters []bookstore.Chapter
+
+	if task.ChaptersKey != "" && r.deps.ImportChapterStore != nil {
+		// New path: read pre-parsed chapters JSON uploaded by the backend.
+		raw, err := r.deps.ImportChapterStore.GetImportChapters(ctx, task.ChaptersKey)
+		if err != nil {
+			fail(fmt.Sprintf("get chapters JSON: %v", err))
+			return
+		}
+		if err := json.Unmarshal(raw, &chapters); err != nil {
+			fail(fmt.Sprintf("unmarshal chapters JSON: %v", err))
+			return
+		}
+		log.Info("runner: loaded pre-parsed chapters", "count", len(chapters))
+	} else {
+		// Legacy path: parse the raw file on the runner.
+		if r.deps.BookImport == nil {
+			fail("book import not configured (BookImport dependency missing)")
+			return
+		}
+		var err error
+		chapters, err = r.deps.BookImport.Import(ctx, objectKey, task.FileType)
+		if err != nil {
+			fail(fmt.Sprintf("import file: %v", err))
+			return
+		}
+		log.Info("runner: parsed chapters from file (legacy path)", "count", len(chapters))
+	}
+
+	if len(chapters) == 0 {
+		fail("no chapters extracted from file")
+		return
+	}
+
+	// Persist chapters via ChapterIngester.
+	if r.deps.ChapterIngester == nil {
+		fail("chapter ingester not configured")
+		return
+	}
+	if err := r.deps.ChapterIngester.IngestChapters(ctx, task.Slug, chapters); err != nil {
+		fail(fmt.Sprintf("store chapters: %v", err))
+		return
+	}
+
+	// Write book metadata so the book appears in PocketBase catalogue.
+	if r.deps.BookWriter != nil {
+		meta := domain.BookMeta{
+			Slug:          task.Slug,
+			Title:         task.Title,
+			Author:        task.Author,
+			Cover:         task.CoverURL,
+			Status:        task.BookStatus,
+			Genres:        task.Genres,
+			Summary:       task.Summary,
+			TotalChapters: len(chapters),
+		}
+		if meta.Status == "" {
+			meta.Status = "completed"
+		}
+		if err := r.deps.BookWriter.WriteMetadata(ctx, meta); err != nil {
+			log.Warn("runner: import task WriteMetadata failed (non-fatal)", "err", err)
+		} else {
+			// Index in Meilisearch so the book is searchable.
+			if err := r.deps.SearchIndex.UpsertBook(ctx, meta); err != nil {
+				log.Warn("runner: import task meilisearch upsert failed (non-fatal)", "err", err)
+			}
+		}
+	}
+
+	r.tasksCompleted.Add(1)
+	span.SetStatus(codes.Ok, "")
+	result := domain.ImportResult{
+		Slug:             task.Slug,
+		ChaptersImported: len(chapters),
+	}
+	if err := r.deps.Consumer.FinishImportTask(ctx, task.ID, result); err != nil {
+		log.Error("runner: FinishImportTask failed", "err", err)
+	}
+
+	// Notify the user who initiated the import.
+	if r.deps.Notifier != nil {
+		msg := fmt.Sprintf("Import completed: %d chapters from %s", len(chapters), task.Title)
+		targetUser := task.InitiatorUserID
+		if targetUser == "" {
+			targetUser = "admin"
+		}
+		_ = r.deps.Notifier.CreateNotification(ctx, targetUser, "Import Complete", msg, "/admin/import")
+	}
+
+	log.Info("runner: import task finished", "chapters", len(chapters))
+}
diff --git a/backend/internal/runner/runner_test.go b/backend/internal/runner/runner_test.go
new file mode 100644
index 0000000..8dd3531
--- /dev/null
+++ b/backend/internal/runner/runner_test.go
@@ -0,0 +1,413 @@
+package runner_test
+
+import (
+	"bytes"
+	"context"
+	"errors"
+	"io"
+	"sync/atomic"
+	"testing"
+	"time"
+
+	"github.com/libnovel/backend/internal/domain"
+	"github.com/libnovel/backend/internal/runner"
+)
+
+// ── Stub types ────────────────────────────────────────────────────────────────
+
+// stubConsumer is a test double for taskqueue.Consumer.
+type stubConsumer struct {
+	scrapeQueue []domain.ScrapeTask
+	audioQueue  []domain.AudioTask
+	scrapeIdx   int
+	audioIdx    int
+	finished    []string
+	failCalled  []string
+	claimErr    error
+}
+
+func (s *stubConsumer) ClaimNextScrapeTask(_ context.Context, _ string) (domain.ScrapeTask, bool, error) {
+	if s.claimErr != nil {
+		return domain.ScrapeTask{}, false, s.claimErr
+	}
+	if s.scrapeIdx >= len(s.scrapeQueue) {
+		return domain.ScrapeTask{}, false, nil
+	}
+	t := s.scrapeQueue[s.scrapeIdx]
+	s.scrapeIdx++
+	return t, true, nil
+}
+
+func (s *stubConsumer) ClaimNextAudioTask(_ context.Context, _ string) (domain.AudioTask, bool, error) {
+	if s.claimErr != nil {
+		return domain.AudioTask{}, false, s.claimErr
+	}
+	if s.audioIdx >= len(s.audioQueue) {
+		return domain.AudioTask{}, false, nil
+	}
+	t := s.audioQueue[s.audioIdx]
+	s.audioIdx++
+	return t, true, nil
+}
+
+func (s *stubConsumer) ClaimNextTranslationTask(_ context.Context, _ string) (domain.TranslationTask, bool, error) {
+	return domain.TranslationTask{}, false, nil
+}
+
+func (s *stubConsumer) ClaimNextImportTask(_ context.Context, _ string) (domain.ImportTask, bool, error) {
+	return domain.ImportTask{}, false, nil
+}
+
+func (s *stubConsumer) FinishScrapeTask(_ context.Context, id string, _ domain.ScrapeResult) error {
+	s.finished = append(s.finished, id)
+	return nil
+}
+
+func (s *stubConsumer) FinishAudioTask(_ context.Context, id string, _ domain.AudioResult) error {
+	s.finished = append(s.finished, id)
+	return nil
+}
+
+func (s *stubConsumer) FinishTranslationTask(_ context.Context, id string, _ domain.TranslationResult) error {
+	s.finished = append(s.finished, id)
+	return nil
+}
+
+func (s *stubConsumer) FinishImportTask(_ context.Context, id string, _ domain.ImportResult) error {
+	s.finished = append(s.finished, id)
+	return nil
+}
+
+func (s *stubConsumer) FailTask(_ context.Context, id, _ string) error {
+	s.failCalled = append(s.failCalled, id)
+	return nil
+}
+
+func (s *stubConsumer) HeartbeatTask(_ context.Context, _ string) error { return nil }
+
+func (s *stubConsumer) ReapStaleTasks(_ context.Context, _ time.Duration) (int, error) {
+	return 0, nil
+}
+
+// stubBookWriter satisfies bookstore.BookWriter (no-op).
+type stubBookWriter struct{}
+
+func (s *stubBookWriter) WriteMetadata(_ context.Context, _ domain.BookMeta) error { return nil }
+func (s *stubBookWriter) WriteChapter(_ context.Context, _ string, _ domain.Chapter) error {
+	return nil
+}
+func (s *stubBookWriter) WriteChapterRefs(_ context.Context, _ string, _ []domain.ChapterRef) error {
+	return nil
+}
+func (s *stubBookWriter) ChapterExists(_ context.Context, _ string, _ domain.ChapterRef) bool {
+	return false
+}
+
+func (s *stubBookWriter) DeduplicateChapters(_ context.Context, _ string) (int, error) {
+	return 0, nil
+}
+
+// stubBookReader satisfies bookstore.BookReader — returns a single chapter.
+type stubBookReader struct {
+	text    string
+	readErr error
+}
+
+func (s *stubBookReader) ReadChapter(_ context.Context, _ string, _ int) (string, error) {
+	return s.text, s.readErr
+}
+func (s *stubBookReader) ReadMetadata(_ context.Context, _ string) (domain.BookMeta, bool, error) {
+	return domain.BookMeta{}, false, nil
+}
+func (s *stubBookReader) ListBooks(_ context.Context) ([]domain.BookMeta, error) { return nil, nil }
+func (s *stubBookReader) LocalSlugs(_ context.Context) (map[string]bool, error)  { return nil, nil }
+func (s *stubBookReader) MetadataMtime(_ context.Context, _ string) int64        { return 0 }
+func (s *stubBookReader) ListChapters(_ context.Context, _ string) ([]domain.ChapterInfo, error) {
+	return nil, nil
+}
+func (s *stubBookReader) CountChapters(_ context.Context, _ string) int { return 0 }
+func (s *stubBookReader) ReindexChapters(_ context.Context, _ string) (int, error) {
+	return 0, nil
+}
+
+// stubAudioStore satisfies bookstore.AudioStore.
+type stubAudioStore struct {
+	putCalled atomic.Int32
+	putErr    error
+}
+
+func (s *stubAudioStore) AudioObjectKey(slug string, n int, voice string) string {
+	return slug + "/" + string(rune('0'+n)) + "/" + voice + ".mp3"
+}
+func (s *stubAudioStore) AudioObjectKeyExt(slug string, n int, voice, ext string) string {
+	return slug + "/" + string(rune('0'+n)) + "/" + voice + "." + ext
+}
+func (s *stubAudioStore) AudioExists(_ context.Context, _ string) bool         { return false }
+func (s *stubAudioStore) AudioObjectSize(_ context.Context, _ string) int64    { return -1 }
+func (s *stubAudioStore) PutAudio(_ context.Context, _ string, _ []byte) error {
+	s.putCalled.Add(1)
+	return s.putErr
+}
+func (s *stubAudioStore) PutAudioStream(_ context.Context, _ string, _ io.Reader, _ int64, _ string) error {
+	s.putCalled.Add(1)
+	return s.putErr
+}
+
+// stubNovelScraper satisfies scraper.NovelScraper minimally.
+type stubNovelScraper struct {
+	entries  []domain.CatalogueEntry
+	metaErr  error
+	chapters []domain.ChapterRef
+}
+
+func (s *stubNovelScraper) ScrapeCatalogue(_ context.Context) (<-chan domain.CatalogueEntry, <-chan error) {
+	ch := make(chan domain.CatalogueEntry, len(s.entries))
+	errCh := make(chan error, 1)
+	for _, e := range s.entries {
+		ch <- e
+	}
+	close(ch)
+	close(errCh)
+	return ch, errCh
+}
+
+func (s *stubNovelScraper) ScrapeMetadata(_ context.Context, _ string) (domain.BookMeta, error) {
+	if s.metaErr != nil {
+		return domain.BookMeta{}, s.metaErr
+	}
+	return domain.BookMeta{Slug: "test-book", Title: "Test Book", SourceURL: "https://example.com/book/test-book"}, nil
+}
+
+func (s *stubNovelScraper) ScrapeChapterList(_ context.Context, _ string, _ int) ([]domain.ChapterRef, error) {
+	return s.chapters, nil
+}
+
+func (s *stubNovelScraper) ScrapeChapterText(_ context.Context, ref domain.ChapterRef) (domain.Chapter, error) {
+	return domain.Chapter{Ref: ref, Text: "# Chapter\n\nSome text."}, nil
+}
+
+func (s *stubNovelScraper) ScrapeRanking(_ context.Context, _ int) (<-chan domain.BookMeta, <-chan error) {
+	ch := make(chan domain.BookMeta)
+	errCh := make(chan error, 1)
+	close(ch)
+	close(errCh)
+	return ch, errCh
+}
+
+func (s *stubNovelScraper) SourceName() string { return "stub" }
+
+// stubKokoro satisfies kokoro.Client.
+type stubKokoro struct {
+	data   []byte
+	genErr error
+	called atomic.Int32
+}
+
+func (s *stubKokoro) GenerateAudio(_ context.Context, _, _ string) ([]byte, error) {
+	s.called.Add(1)
+	return s.data, s.genErr
+}
+
+func (s *stubKokoro) StreamAudioMP3(_ context.Context, _, _ string) (io.ReadCloser, error) {
+	s.called.Add(1)
+	if s.genErr != nil {
+		return nil, s.genErr
+	}
+	return io.NopCloser(bytes.NewReader(s.data)), nil
+}
+
+func (s *stubKokoro) StreamAudioWAV(_ context.Context, _, _ string) (io.ReadCloser, error) {
+	s.called.Add(1)
+	if s.genErr != nil {
+		return nil, s.genErr
+	}
+	return io.NopCloser(bytes.NewReader(s.data)), nil
+}
+
+func (s *stubKokoro) ListVoices(_ context.Context) ([]string, error) {
+	return []string{"af_bella"}, nil
+}
+
+// ── stripMarkdown helper ──────────────────────────────────────────────────────
+
+func TestStripMarkdownViaAudioTask(t *testing.T) {
+	// Verify markdown is stripped before sending to Kokoro.
+	// We inject chapter text with markdown; the kokoro stub verifies data flows.
+	consumer := &stubConsumer{
+		audioQueue: []domain.AudioTask{
+			{ID: "a1", Slug: "book", Chapter: 1, Voice: "af_bella", Status: domain.TaskStatusRunning},
+		},
+	}
+	bookReader := &stubBookReader{text: "## Chapter 1\n\nPlain **text** here."}
+	audioStore := &stubAudioStore{}
+	kokoroStub := &stubKokoro{data: []byte("mp3")}
+
+	cfg := runner.Config{
+		WorkerID:     "test",
+		PollInterval: time.Hour, // long poll — we'll cancel manually
+	}
+	deps := runner.Dependencies{
+		Consumer:   consumer,
+		BookWriter: &stubBookWriter{},
+		BookReader: bookReader,
+		AudioStore: audioStore,
+		Novel:      &stubNovelScraper{},
+		Kokoro:     kokoroStub,
+	}
+
+	r := runner.New(cfg, deps)
+	ctx, cancel := context.WithTimeout(context.Background(), 2*time.Second)
+	defer cancel()
+	_ = r.Run(ctx)
+
+	if kokoroStub.called.Load() != 1 {
+		t.Errorf("expected Kokoro.GenerateAudio called once, got %d", kokoroStub.called.Load())
+	}
+	if audioStore.putCalled.Load() != 1 {
+		t.Errorf("expected PutAudio called once, got %d", audioStore.putCalled.Load())
+	}
+}
+
+func TestAudioTask_ReadChapterError(t *testing.T) {
+	consumer := &stubConsumer{
+		audioQueue: []domain.AudioTask{
+			{ID: "a2", Slug: "book", Chapter: 2, Voice: "af_bella", Status: domain.TaskStatusRunning},
+		},
+	}
+	bookReader := &stubBookReader{readErr: errors.New("chapter not found")}
+	audioStore := &stubAudioStore{}
+	kokoroStub := &stubKokoro{data: []byte("mp3")}
+
+	cfg := runner.Config{WorkerID: "test", PollInterval: time.Hour}
+	deps := runner.Dependencies{
+		Consumer:   consumer,
+		BookWriter: &stubBookWriter{},
+		BookReader: bookReader,
+		AudioStore: audioStore,
+		Novel:      &stubNovelScraper{},
+		Kokoro:     kokoroStub,
+	}
+
+	r := runner.New(cfg, deps)
+	ctx, cancel := context.WithTimeout(context.Background(), 2*time.Second)
+	defer cancel()
+	_ = r.Run(ctx)
+
+	// Kokoro should not be called; FinishAudioTask should be called with error.
+	if kokoroStub.called.Load() != 0 {
+		t.Errorf("expected Kokoro not called, got %d", kokoroStub.called.Load())
+	}
+	if len(consumer.finished) != 1 {
+		t.Errorf("expected FinishAudioTask called once, got %d", len(consumer.finished))
+	}
+}
+
+func TestAudioTask_KokoroError(t *testing.T) {
+	consumer := &stubConsumer{
+		audioQueue: []domain.AudioTask{
+			{ID: "a3", Slug: "book", Chapter: 3, Voice: "af_bella", Status: domain.TaskStatusRunning},
+		},
+	}
+	bookReader := &stubBookReader{text: "Chapter text."}
+	audioStore := &stubAudioStore{}
+	kokoroStub := &stubKokoro{genErr: errors.New("tts failed")}
+
+	cfg := runner.Config{WorkerID: "test", PollInterval: time.Hour}
+	deps := runner.Dependencies{
+		Consumer:   consumer,
+		BookWriter: &stubBookWriter{},
+		BookReader: bookReader,
+		AudioStore: audioStore,
+		Novel:      &stubNovelScraper{},
+		Kokoro:     kokoroStub,
+	}
+
+	r := runner.New(cfg, deps)
+	ctx, cancel := context.WithTimeout(context.Background(), 2*time.Second)
+	defer cancel()
+	_ = r.Run(ctx)
+
+	if audioStore.putCalled.Load() != 0 {
+		t.Errorf("expected PutAudio not called, got %d", audioStore.putCalled.Load())
+	}
+	if len(consumer.finished) != 1 {
+		t.Errorf("expected FinishAudioTask called once, got %d", len(consumer.finished))
+	}
+}
+
+func TestScrapeTask_BookKind(t *testing.T) {
+	consumer := &stubConsumer{
+		scrapeQueue: []domain.ScrapeTask{
+			{ID: "s1", Kind: "book", TargetURL: "https://example.com/book/test-book", Status: domain.TaskStatusRunning},
+		},
+	}
+
+	cfg := runner.Config{WorkerID: "test", PollInterval: time.Hour}
+	deps := runner.Dependencies{
+		Consumer:   consumer,
+		BookWriter: &stubBookWriter{},
+		BookReader: &stubBookReader{},
+		AudioStore: &stubAudioStore{},
+		Novel:      &stubNovelScraper{},
+		Kokoro:     &stubKokoro{},
+	}
+
+	r := runner.New(cfg, deps)
+	ctx, cancel := context.WithTimeout(context.Background(), 2*time.Second)
+	defer cancel()
+	_ = r.Run(ctx)
+
+	if len(consumer.finished) != 1 || consumer.finished[0] != "s1" {
+		t.Errorf("expected task s1 finished, got %v", consumer.finished)
+	}
+}
+
+func TestScrapeTask_UnknownKind(t *testing.T) {
+	consumer := &stubConsumer{
+		scrapeQueue: []domain.ScrapeTask{
+			{ID: "s2", Kind: "unknown_kind", Status: domain.TaskStatusRunning},
+		},
+	}
+
+	cfg := runner.Config{WorkerID: "test", PollInterval: time.Hour}
+	deps := runner.Dependencies{
+		Consumer:   consumer,
+		BookWriter: &stubBookWriter{},
+		BookReader: &stubBookReader{},
+		AudioStore: &stubAudioStore{},
+		Novel:      &stubNovelScraper{},
+		Kokoro:     &stubKokoro{},
+	}
+
+	r := runner.New(cfg, deps)
+	ctx, cancel := context.WithTimeout(context.Background(), 2*time.Second)
+	defer cancel()
+	_ = r.Run(ctx)
+
+	// Unknown kind still finishes the task (with error message in result).
+	if len(consumer.finished) != 1 || consumer.finished[0] != "s2" {
+		t.Errorf("expected task s2 finished, got %v", consumer.finished)
+	}
+}
+
+func TestRun_CancelImmediately(t *testing.T) {
+	consumer := &stubConsumer{}
+	cfg := runner.Config{WorkerID: "test", PollInterval: 10 * time.Millisecond}
+	deps := runner.Dependencies{
+		Consumer:   consumer,
+		BookWriter: &stubBookWriter{},
+		BookReader: &stubBookReader{},
+		AudioStore: &stubAudioStore{},
+		Novel:      &stubNovelScraper{},
+		Kokoro:     &stubKokoro{},
+	}
+
+	r := runner.New(cfg, deps)
+	ctx, cancel := context.WithCancel(context.Background())
+	cancel() // cancel before Run
+
+	err := r.Run(ctx)
+	if err != nil {
+		t.Errorf("expected nil on graceful shutdown, got %v", err)
+	}
+}
diff --git a/backend/internal/runner/translation.go b/backend/internal/runner/translation.go
new file mode 100644
index 0000000..eb72391
--- /dev/null
+++ b/backend/internal/runner/translation.go
@@ -0,0 +1,109 @@
+package runner
+
+import (
+	"context"
+	"fmt"
+	"time"
+
+	"go.opentelemetry.io/otel"
+	"go.opentelemetry.io/otel/attribute"
+	"go.opentelemetry.io/otel/codes"
+
+	"github.com/libnovel/backend/internal/domain"
+)
+
+// runTranslationTask executes one machine-translation task end-to-end and
+// reports the result back to PocketBase.
+func (r *Runner) runTranslationTask(ctx context.Context, task domain.TranslationTask) {
+	ctx, span := otel.Tracer("runner").Start(ctx, "runner.translation_task")
+	defer span.End()
+	span.SetAttributes(
+		attribute.String("task.id", task.ID),
+		attribute.String("book.slug", task.Slug),
+		attribute.Int("chapter.number", task.Chapter),
+		attribute.String("translation.lang", task.Lang),
+	)
+
+	log := r.deps.Log.With("task_id", task.ID, "slug", task.Slug, "chapter", task.Chapter, "lang", task.Lang)
+	log.Info("runner: translation task starting")
+
+	// Heartbeat goroutine — keeps the task alive while translation runs.
+	hbCtx, hbCancel := context.WithCancel(ctx)
+	defer hbCancel()
+	go func() {
+		tick := time.NewTicker(r.cfg.HeartbeatInterval)
+		defer tick.Stop()
+		for {
+			select {
+			case <-hbCtx.Done():
+				return
+			case <-tick.C:
+				if err := r.deps.Consumer.HeartbeatTask(ctx, task.ID); err != nil {
+					log.Warn("runner: heartbeat failed", "err", err)
+				}
+			}
+		}
+	}()
+
+	fail := func(msg string) {
+		log.Error("runner: translation task failed", "reason", msg)
+		r.tasksFailed.Add(1)
+		span.SetStatus(codes.Error, msg)
+		result := domain.TranslationResult{ErrorMessage: msg}
+		if err := r.deps.Consumer.FinishTranslationTask(ctx, task.ID, result); err != nil {
+			log.Error("runner: FinishTranslationTask failed", "err", err)
+		}
+		if r.deps.Notifier != nil {
+			_ = r.deps.Notifier.CreateNotification(ctx, "admin",
+				"Translation Failed",
+				fmt.Sprintf("Ch.%d of %s (%s): %s", task.Chapter, task.Slug, task.Lang, msg),
+				fmt.Sprintf("/books/%s", task.Slug))
+		}
+	}
+
+	// Guard: LibreTranslate must be configured.
+	if r.deps.LibreTranslate == nil {
+		fail("libretranslate client not configured (LIBRETRANSLATE_URL is empty)")
+		return
+	}
+
+	// 1. Read raw markdown chapter.
+	raw, err := r.deps.BookReader.ReadChapter(ctx, task.Slug, task.Chapter)
+	if err != nil {
+		fail(fmt.Sprintf("read chapter: %v", err))
+		return
+	}
+	if raw == "" {
+		fail("chapter text is empty")
+		return
+	}
+
+	// 2. Translate (chunked, concurrent).
+	translated, err := r.deps.LibreTranslate.Translate(ctx, raw, "en", task.Lang)
+	if err != nil {
+		fail(fmt.Sprintf("translate: %v", err))
+		return
+	}
+
+	// 3. Store translated markdown in MinIO.
+	key := r.deps.TranslationStore.TranslationObjectKey(task.Lang, task.Slug, task.Chapter)
+	if err := r.deps.TranslationStore.PutTranslation(ctx, key, []byte(translated)); err != nil {
+		fail(fmt.Sprintf("put translation: %v", err))
+		return
+	}
+
+	// 4. Report success.
+	r.tasksCompleted.Add(1)
+	span.SetStatus(codes.Ok, "")
+	result := domain.TranslationResult{ObjectKey: key}
+	if err := r.deps.Consumer.FinishTranslationTask(ctx, task.ID, result); err != nil {
+		log.Error("runner: FinishTranslationTask failed", "err", err)
+	}
+	if r.deps.Notifier != nil {
+		_ = r.deps.Notifier.CreateNotification(ctx, "admin",
+			"Translation Ready",
+			fmt.Sprintf("Ch.%d of %s translated to %s", task.Chapter, task.Slug, task.Lang),
+			fmt.Sprintf("/books/%s", task.Slug))
+	}
+	log.Info("runner: translation task finished", "key", key)
+}
diff --git a/backend/internal/scraper/scraper.go b/backend/internal/scraper/scraper.go
new file mode 100644
index 0000000..a8081f7
--- /dev/null
+++ b/backend/internal/scraper/scraper.go
@@ -0,0 +1,60 @@
+// Package scraper defines the NovelScraper interface and its sub-interfaces.
+// Domain types live in internal/domain — this package only defines the scraping
+// contract so that novelfire and any future scrapers can be swapped freely.
+package scraper
+
+import (
+	"context"
+
+	"github.com/libnovel/backend/internal/domain"
+)
+
+// CatalogueProvider can enumerate every novel available on a source site.
+type CatalogueProvider interface {
+	ScrapeCatalogue(ctx context.Context) (<-chan domain.CatalogueEntry, <-chan error)
+}
+
+// MetadataProvider can extract structured book metadata from a novel's landing page.
+type MetadataProvider interface {
+	ScrapeMetadata(ctx context.Context, bookURL string) (domain.BookMeta, error)
+}
+
+// ChapterListProvider can enumerate all chapters of a book.
+// upTo > 0 stops pagination once at least upTo chapter numbers have been
+// collected (early-exit optimisation for range scrapes). upTo == 0 fetches all pages.
+type ChapterListProvider interface {
+	ScrapeChapterList(ctx context.Context, bookURL string, upTo int) ([]domain.ChapterRef, error)
+}
+
+// ChapterTextProvider can extract the readable text from a single chapter page.
+type ChapterTextProvider interface {
+	ScrapeChapterText(ctx context.Context, ref domain.ChapterRef) (domain.Chapter, error)
+}
+
+// RankingProvider can enumerate novels from a ranking page.
+type RankingProvider interface {
+	// ScrapeRanking pages through up to maxPages ranking pages.
+	// maxPages <= 0 means all pages.
+	ScrapeRanking(ctx context.Context, maxPages int) (<-chan domain.BookMeta, <-chan error)
+}
+
+// NovelScraper is the full interface a concrete novel source must implement.
+type NovelScraper interface {
+	CatalogueProvider
+	MetadataProvider
+	ChapterListProvider
+	ChapterTextProvider
+	RankingProvider
+
+	// SourceName returns the human-readable name of this scraper, e.g. "novelfire.net".
+	SourceName() string
+}
+
+// Selector describes how to locate an element in an HTML document.
+type Selector struct {
+	Tag      string
+	Class    string
+	ID       string
+	Attr     string
+	Multiple bool
+}
diff --git a/backend/internal/storage/import.go b/backend/internal/storage/import.go
new file mode 100644
index 0000000..ae19003
--- /dev/null
+++ b/backend/internal/storage/import.go
@@ -0,0 +1,857 @@
+package storage
+
+import (
+	"archive/zip"
+	"bytes"
+	"context"
+	"fmt"
+	"io"
+	"os"
+	"sort"
+	"strconv"
+	"strings"
+
+	"github.com/libnovel/backend/internal/bookstore"
+	"github.com/libnovel/backend/internal/domain"
+	minio "github.com/minio/minio-go/v7"
+	"github.com/pdfcpu/pdfcpu/pkg/api"
+	"github.com/pdfcpu/pdfcpu/pkg/pdfcpu/model"
+	"golang.org/x/net/html"
+)
+
+type importer struct {
+	mc *minioClient
+}
+
+// NewBookImporter creates a BookImporter that reads files from MinIO.
+func NewBookImporter(s *Store) bookstore.BookImporter {
+	return &importer{mc: s.mc}
+}
+
+func (i *importer) Import(ctx context.Context, objectKey, fileType string) ([]bookstore.Chapter, error) {
+	if fileType != "pdf" && fileType != "epub" {
+		return nil, fmt.Errorf("unsupported file type: %s", fileType)
+	}
+
+	obj, err := i.mc.client.GetObject(ctx, "imports", objectKey, minio.GetObjectOptions{})
+	if err != nil {
+		return nil, fmt.Errorf("get object from minio: %w", err)
+	}
+	defer obj.Close()
+
+	data, err := io.ReadAll(obj)
+	if err != nil {
+		return nil, fmt.Errorf("read object: %w", err)
+	}
+
+	if fileType == "pdf" {
+		return parsePDF(data)
+	}
+	return parseEPUB(data)
+}
+
+// AnalyzeFile parses the given PDF or EPUB data and returns the detected
+// chapter count and up to 3 preview lines (first non-empty line of each of
+// the first 3 chapters). It is used by the analyze-only endpoint so users
+// can preview chapter count before committing the import.
+// Note: uses parsePDF which is backed by pdfcpu ExtractContent — fast, no hang risk.
+func AnalyzeFile(data []byte, fileType string) (chapterCount int, firstLines []string, err error) {
+	var chapters []bookstore.Chapter
+	switch fileType {
+	case "pdf":
+		chapters, err = parsePDF(data)
+	case "epub":
+		chapters, err = parseEPUB(data)
+	default:
+		return 0, nil, fmt.Errorf("unsupported file type: %s", fileType)
+	}
+	if err != nil {
+		return 0, nil, err
+	}
+	chapterCount = len(chapters)
+	for i, ch := range chapters {
+		if i >= 3 {
+			break
+		}
+		line := strings.TrimSpace(ch.Content)
+		if nl := strings.Index(line, "\n"); nl > 0 {
+			line = line[:nl]
+		}
+		if len(line) > 120 {
+			line = line[:120] + "…"
+		}
+		firstLines = append(firstLines, line)
+	}
+	return chapterCount, firstLines, nil
+}
+
+
+
+// decryptPDF strips encryption from a PDF using an empty user password.
+// Returns the decrypted bytes, or an error if decryption is not possible.
+// This handles the common case of "owner-only" encrypted PDFs (copy/print
+// restrictions) which use an empty user password and open normally in readers.
+func decryptPDF(data []byte) ([]byte, error) {
+	conf := model.NewDefaultConfiguration()
+	conf.UserPW = ""
+	conf.OwnerPW = ""
+
+	var out bytes.Buffer
+	err := api.Decrypt(bytes.NewReader(data), &out, conf)
+	if err != nil {
+		return nil, err
+	}
+	return out.Bytes(), nil
+}
+
+// ParseImportFile parses a PDF or EPUB and returns chapters.
+// Unlike AnalyzeFile it respects ctx cancellation so callers can apply a timeout.
+// For PDFs it first attempts to strip encryption with an empty password.
+func ParseImportFile(ctx context.Context, data []byte, fileType string) ([]bookstore.Chapter, error) {
+	type result struct {
+		chapters []bookstore.Chapter
+		err      error
+	}
+	ch := make(chan result, 1)
+	go func() {
+		var chapters []bookstore.Chapter
+		var err error
+		switch fileType {
+		case "pdf":
+			chapters, err = parsePDF(data)
+		case "epub":
+			chapters, err = parseEPUB(data)
+		default:
+			err = fmt.Errorf("unsupported file type: %s", fileType)
+		}
+		ch <- result{chapters, err}
+	}()
+	select {
+	case <-ctx.Done():
+		return nil, fmt.Errorf("parse timed out: %w", ctx.Err())
+	case r := <-ch:
+		return r.chapters, r.err
+	}
+}
+
+// pdfSkipBookmarks lists bookmark titles that are front/back matter, not story chapters.
+// These are skipped when building the chapter list.
+var pdfSkipBookmarks = map[string]bool{
+	"cover": true, "insert": true, "title page": true, "copyright": true,
+	"appendix": true, "color insert": true, "color illustrations": true,
+}
+
+// parsePDF extracts text from PDF bytes and returns it as a single chapter.
+//
+// The full readable text is returned as one chapter so the admin can manually
+// split it into chapters via the UI using --- markers.
+//
+// Strategy:
+//  1. Decrypt owner-protected PDFs (empty user password).
+//  2. Extract raw content streams for every page using pdfcpu ExtractContent.
+//  3. Concatenate text from all pages in order, skipping front matter
+//     (cover, title page, copyright — typically the first 10 pages).
+func parsePDF(data []byte) ([]bookstore.Chapter, error) {
+	// Decrypt owner-protected PDFs (empty user password).
+	decrypted, err := decryptPDF(data)
+	if err == nil {
+		data = decrypted
+	}
+
+	conf := model.NewDefaultConfiguration()
+	conf.UserPW = ""
+	conf.OwnerPW = ""
+
+	// Extract all page content streams to a temp directory.
+	tmpDir, err := os.MkdirTemp("", "pdf-extract-*")
+	if err != nil {
+		return nil, fmt.Errorf("create temp dir: %w", err)
+	}
+	defer os.RemoveAll(tmpDir)
+
+	if err := api.ExtractContent(bytes.NewReader(data), tmpDir, "out", nil, conf); err != nil {
+		return nil, fmt.Errorf("extract PDF content: %w", err)
+	}
+
+	entries, err := os.ReadDir(tmpDir)
+	if err != nil || len(entries) == 0 {
+		return nil, fmt.Errorf("PDF has no content pages")
+	}
+
+	// Parse page number from filename and build ordered text map.
+	pageTexts := make(map[int]string, len(entries))
+	maxPage := 0
+	for _, e := range entries {
+		pageNum := pageNumFromFilename(e.Name())
+		if pageNum <= 0 {
+			continue
+		}
+		raw, readErr := os.ReadFile(tmpDir + "/" + e.Name())
+		if readErr != nil {
+			continue
+		}
+		pageTexts[pageNum] = fixWin1252(extractTextFromContentStream(raw))
+		if pageNum > maxPage {
+			maxPage = pageNum
+		}
+	}
+
+	// Determine front-matter cutoff using bookmarks if available,
+	// otherwise skip the first 10 pages (cover/title/copyright).
+	bodyStart := 1
+	bookmarks, bmErr := api.Bookmarks(bytes.NewReader(data), conf)
+	if bmErr == nil {
+		for _, bm := range bookmarks {
+			title := strings.ToLower(strings.TrimSpace(bm.Title))
+			if !pdfSkipBookmarks[title] && bm.PageFrom > 0 {
+				// First non-front-matter bookmark — body starts here.
+				bodyStart = bm.PageFrom
+				break
+			}
+		}
+	} else if maxPage > 10 {
+		bodyStart = 11
+	}
+
+	// Concatenate all body pages.
+	var sb strings.Builder
+	for p := bodyStart; p <= maxPage; p++ {
+		t := strings.TrimSpace(pageTexts[p])
+		if t == "" {
+			continue
+		}
+		sb.WriteString(t)
+		sb.WriteString("\n\n")
+	}
+
+	text := strings.TrimSpace(sb.String())
+	if text == "" {
+		return nil, fmt.Errorf("could not extract any text from PDF")
+	}
+
+	return []bookstore.Chapter{{
+		Number:  1,
+		Title:   "Full Text",
+		Content: text,
+	}}, nil
+}
+
+// pageNumFromFilename extracts the page number from a pdfcpu content-stream
+// filename like "out_Content_page_42.txt". Returns 0 if not parseable.
+func pageNumFromFilename(name string) int {
+	// Strip directory prefix and extension.
+	base := name
+	if idx := strings.LastIndex(base, "/"); idx >= 0 {
+		base = base[idx+1:]
+	}
+	if idx := strings.LastIndex(base, "."); idx >= 0 {
+		base = base[:idx]
+	}
+	// Find last "_" and parse the number after it.
+	if idx := strings.LastIndex(base, "_"); idx >= 0 {
+		n, err := strconv.Atoi(base[idx+1:])
+		if err == nil && n > 0 {
+			return n
+		}
+	}
+	return 0
+}
+
+// win1252ToUnicode maps the Windows-1252 control range 0x80–0x9F to the
+// Unicode characters they actually represent in that encoding.
+// Standard Latin-1 maps these bytes to control characters; Win-1252 maps
+// them to typographic symbols that appear in publisher PDFs.
+var win1252ToUnicode = map[byte]rune{
+	0x80: '\u20AC', // €
+	0x82: '\u201A', // ‚
+	0x83: '\u0192', // ƒ
+	0x84: '\u201E', // „
+	0x85: '\u2026', // …
+	0x86: '\u2020', // †
+	0x87: '\u2021', // ‡
+	0x88: '\u02C6', // ˆ
+	0x89: '\u2030', // ‰
+	0x8A: '\u0160', // Š
+	0x8B: '\u2039', // ‹
+	0x8C: '\u0152', // Œ
+	0x8E: '\u017D', // Ž
+	0x91: '\u2018', // ' (left single quotation mark)
+	0x92: '\u2019', // ' (right single quotation mark / apostrophe)
+	0x93: '\u201C', // " (left double quotation mark)
+	0x94: '\u201D', // " (right double quotation mark)
+	0x95: '\u2022', // • (bullet)
+	0x96: '\u2013', // – (en dash)
+	0x97: '\u2014', // — (em dash)
+	0x98: '\u02DC', // ˜
+	0x99: '\u2122', // ™
+	0x9A: '\u0161', // š
+	0x9B: '\u203A', // ›
+	0x9C: '\u0153', // œ
+	0x9E: '\u017E', // ž
+	0x9F: '\u0178', // Ÿ
+}
+
+// fixWin1252 replaces Windows-1252 specific bytes (0x80–0x9F) in a string
+// that was decoded as raw Latin-1 bytes with their proper Unicode equivalents.
+func fixWin1252(s string) string {
+	// Fast path: if no bytes in 0x80–0x9F range, return unchanged.
+	needsFix := false
+	for i := 0; i < len(s); i++ {
+		b := s[i]
+		if b >= 0x80 && b <= 0x9F {
+			needsFix = true
+			break
+		}
+	}
+	if !needsFix {
+		return s
+	}
+	var sb strings.Builder
+	sb.Grow(len(s))
+	for i := 0; i < len(s); i++ {
+		b := s[i]
+		if b >= 0x80 && b <= 0x9F {
+			if r, ok := win1252ToUnicode[b]; ok {
+				sb.WriteRune(r)
+				continue
+			}
+		}
+		sb.WriteByte(b)
+	}
+	return sb.String()
+}
+
+// extractTextFromContentStream parses a raw PDF content stream and extracts
+// readable text from Tj and TJ operators.
+//
+// TJ arrays may contain a mix of literal strings (parenthesised) and hex glyph
+// arrays. Only the literal strings are decoded — hex arrays require per-font
+// ToUnicode CMaps and are skipped. Kerning adjustment numbers inside TJ arrays
+// are also ignored (they're just spacing hints).
+//
+// Line breaks are inserted on ET / Td / TD / T* operators.
+func extractTextFromContentStream(stream []byte) string {
+	s := string(stream)
+	var sb strings.Builder
+	i := 0
+	n := len(s)
+	for i < n {
+		// TJ array: [ ... ]TJ — collect all literal strings, skip hex & numbers.
+		if s[i] == '[' {
+			j := i + 1
+			for j < n && s[j] != ']' {
+				if s[j] == '(' {
+					// Literal string inside TJ array.
+					k := j + 1
+					depth := 1
+					for k < n && depth > 0 {
+						if s[k] == '\\' {
+							k += 2
+							continue
+						}
+						if s[k] == '(' {
+							depth++
+						} else if s[k] == ')' {
+							depth--
+						}
+						k++
+					}
+					lit := pdfUnescapeString(s[j+1 : k-1])
+					if hasPrintableASCII(lit) {
+						sb.WriteString(lit)
+					}
+					j = k
+					continue
+				}
+				j++
+			}
+			// Check if this is a TJ operator (skip whitespace after ']').
+			end := j + 1
+			for end < n && (s[end] == ' ' || s[end] == '\t' || s[end] == '\r' || s[end] == '\n') {
+				end++
+			}
+			if end+2 <= n && s[end:end+2] == "TJ" && (end+2 == n || !isAlphaNum(s[end+2])) {
+				i = end + 2
+				continue
+			}
+			i = j + 1
+			continue
+		}
+		// Single string: (string) Tj
+		if s[i] == '(' {
+			j := i + 1
+			depth := 1
+			for j < n && depth > 0 {
+				if s[j] == '\\' {
+					j += 2
+					continue
+				}
+				if s[j] == '(' {
+					depth++
+				} else if s[j] == ')' {
+					depth--
+				}
+				j++
+			}
+			lit := pdfUnescapeString(s[i+1 : j-1])
+			if hasPrintableASCII(lit) {
+				// Check for Tj operator.
+				end := j
+				for end < n && (s[end] == ' ' || s[end] == '\t') {
+					end++
+				}
+				if end+2 <= n && s[end:end+2] == "Tj" && (end+2 == n || !isAlphaNum(s[end+2])) {
+					sb.WriteString(lit)
+					i = end + 2
+					continue
+				}
+			}
+			i = j
+			continue
+		}
+		// Detect end of text object (ET) — add a newline.
+		if i+2 <= n && s[i:i+2] == "ET" && (i+2 == n || !isAlphaNum(s[i+2])) {
+			sb.WriteByte('\n')
+			i += 2
+			continue
+		}
+		// Detect Td / TD / T* — newline within text block.
+		if i+2 <= n && (s[i:i+2] == "Td" || s[i:i+2] == "TD" || s[i:i+2] == "T*") &&
+			(i+2 == n || !isAlphaNum(s[i+2])) {
+			sb.WriteByte('\n')
+			i += 2
+			continue
+		}
+		i++
+	}
+	return sb.String()
+}
+
+func isAlphaNum(b byte) bool {
+	return (b >= 'a' && b <= 'z') || (b >= 'A' && b <= 'Z') || (b >= '0' && b <= '9') || b == '_'
+}
+
+func hasPrintableASCII(s string) bool {
+	for _, c := range s {
+		if c >= 0x20 && c < 0x7F {
+			return true
+		}
+	}
+	return false
+}
+
+// pdfUnescapeString handles PDF string escape sequences.
+func pdfUnescapeString(s string) string {
+	if !strings.ContainsRune(s, '\\') {
+		return s
+	}
+	var sb strings.Builder
+	i := 0
+	for i < len(s) {
+		if s[i] == '\\' && i+1 < len(s) {
+			switch s[i+1] {
+			case 'n':
+				sb.WriteByte('\n')
+			case 'r':
+				sb.WriteByte('\r')
+			case 't':
+				sb.WriteByte('\t')
+			case '(', ')', '\\':
+				sb.WriteByte(s[i+1])
+			default:
+				// Octal escape \ddd
+				if s[i+1] >= '0' && s[i+1] <= '7' {
+					end := i + 2
+					for end < i+5 && end < len(s) && s[end] >= '0' && s[end] <= '7' {
+						end++
+					}
+					val, _ := strconv.ParseInt(s[i+1:end], 8, 16)
+					sb.WriteByte(byte(val))
+					i = end
+					continue
+				}
+				sb.WriteByte(s[i+1])
+			}
+			i += 2
+		} else {
+			sb.WriteByte(s[i])
+			i++
+		}
+	}
+	return sb.String()
+}
+
+// ── EPUB parsing ──────────────────────────────────────────────────────────────
+
+func parseEPUB(data []byte) ([]bookstore.Chapter, error) {
+	zr, err := zip.NewReader(bytes.NewReader(data), int64(len(data)))
+	if err != nil {
+		return nil, fmt.Errorf("open EPUB zip: %w", err)
+	}
+
+	// 1. Read META-INF/container.xml → find rootfile (content.opf path).
+	opfPath, err := epubRootfilePath(zr)
+	if err != nil {
+		return nil, fmt.Errorf("epub container: %w", err)
+	}
+
+	// 2. Parse content.opf → spine order of chapter files.
+	spineFiles, titleMap, err := epubSpine(zr, opfPath)
+	if err != nil {
+		return nil, fmt.Errorf("epub spine: %w", err)
+	}
+
+	if len(spineFiles) == 0 {
+		return nil, fmt.Errorf("EPUB spine is empty")
+	}
+
+	// Base directory of the OPF file for resolving relative hrefs.
+	opfDir := ""
+	if idx := strings.LastIndex(opfPath, "/"); idx >= 0 {
+		opfDir = opfPath[:idx+1]
+	}
+
+	var chapters []bookstore.Chapter
+	chNum := 0
+	for i, href := range spineFiles {
+		fullPath := opfDir + href
+		content, err := epubFileContent(zr, fullPath)
+		if err != nil {
+			continue
+		}
+		text := htmlToText(content)
+		if strings.TrimSpace(text) == "" {
+			continue
+		}
+		chNum++
+		title := titleMap[href]
+		if title == "" {
+			title = fmt.Sprintf("Chapter %d", chNum)
+		}
+		_ = i // spine index unused for numbering
+		chapters = append(chapters, bookstore.Chapter{
+			Number:  chNum,
+			Title:   title,
+			Content: text,
+		})
+	}
+
+	if len(chapters) == 0 {
+		return nil, fmt.Errorf("no readable chapters found in EPUB")
+	}
+	return chapters, nil
+}
+
+// epubRootfilePath parses META-INF/container.xml and returns the full-path
+// of the OPF package document.
+func epubRootfilePath(zr *zip.Reader) (string, error) {
+	f := zipFile(zr, "META-INF/container.xml")
+	if f == nil {
+		return "", fmt.Errorf("META-INF/container.xml not found")
+	}
+	rc, err := f.Open()
+	if err != nil {
+		return "", err
+	}
+	defer rc.Close()
+
+	doc, err := html.Parse(rc)
+	if err != nil {
+		return "", err
+	}
+
+	var path string
+	var walk func(*html.Node)
+	walk = func(n *html.Node) {
+		if n.Type == html.ElementNode && strings.EqualFold(n.Data, "rootfile") {
+			for _, a := range n.Attr {
+				if strings.EqualFold(a.Key, "full-path") {
+					path = a.Val
+					return
+				}
+			}
+		}
+		for c := n.FirstChild; c != nil; c = c.NextSibling {
+			walk(c)
+		}
+	}
+	walk(doc)
+
+	if path == "" {
+		return "", fmt.Errorf("rootfile full-path not found in container.xml")
+	}
+	return path, nil
+}
+
+// epubSpine parses the OPF document and returns the spine item hrefs in order,
+// plus a map from href → nav title (if available from NCX/NAV).
+func epubSpine(zr *zip.Reader, opfPath string) ([]string, map[string]string, error) {
+	f := zipFile(zr, opfPath)
+	if f == nil {
+		return nil, nil, fmt.Errorf("OPF file %q not found in EPUB", opfPath)
+	}
+	rc, err := f.Open()
+	if err != nil {
+		return nil, nil, err
+	}
+	defer rc.Close()
+
+	opfData, err := io.ReadAll(rc)
+	if err != nil {
+		return nil, nil, err
+	}
+
+	// Build id→href map from <manifest>.
+	idToHref := make(map[string]string)
+	// Also keep a href→navTitle map (populated from NCX later).
+	hrefTitle := make(map[string]string)
+
+	// Parse OPF XML with html.Parse (handles malformed XML too).
+	doc, _ := html.Parse(bytes.NewReader(opfData))
+
+	var manifestItems []struct{ id, href, mediaType string }
+	var spineIdrefs []string
+	var ncxID string
+
+	var walk func(*html.Node)
+	walk = func(n *html.Node) {
+		if n.Type == html.ElementNode {
+			tag := strings.ToLower(n.Data)
+			switch tag {
+			case "item":
+				var id, href, mt string
+				for _, a := range n.Attr {
+					switch strings.ToLower(a.Key) {
+					case "id":
+						id = a.Val
+					case "href":
+						href = a.Val
+					case "media-type":
+						mt = a.Val
+					}
+				}
+				if id != "" && href != "" {
+					manifestItems = append(manifestItems, struct{ id, href, mediaType string }{id, href, mt})
+					idToHref[id] = href
+				}
+			case "itemref":
+				for _, a := range n.Attr {
+					if strings.ToLower(a.Key) == "idref" {
+						spineIdrefs = append(spineIdrefs, a.Val)
+					}
+				}
+			case "spine":
+				for _, a := range n.Attr {
+					if strings.ToLower(a.Key) == "toc" {
+						ncxID = a.Val
+					}
+				}
+			}
+		}
+		for c := n.FirstChild; c != nil; c = c.NextSibling {
+			walk(c)
+		}
+	}
+	walk(doc)
+
+	// Build ordered spine href list.
+	var spineHrefs []string
+	for _, idref := range spineIdrefs {
+		if href, ok := idToHref[idref]; ok {
+			spineHrefs = append(spineHrefs, href)
+		}
+	}
+
+	// If no explicit spine, fall back to all XHTML items in manifest order.
+	if len(spineHrefs) == 0 {
+		sort.Slice(manifestItems, func(i, j int) bool {
+			return manifestItems[i].href < manifestItems[j].href
+		})
+		for _, it := range manifestItems {
+			mt := strings.ToLower(it.mediaType)
+			if strings.Contains(mt, "html") || strings.HasSuffix(strings.ToLower(it.href), ".html") || strings.HasSuffix(strings.ToLower(it.href), ".xhtml") {
+				spineHrefs = append(spineHrefs, it.href)
+			}
+		}
+	}
+
+	// Try to get chapter titles from NCX (toc.ncx).
+	opfDir := ""
+	if idx := strings.LastIndex(opfPath, "/"); idx >= 0 {
+		opfDir = opfPath[:idx+1]
+	}
+	if ncxHref, ok := idToHref[ncxID]; ok {
+		ncxPath := opfDir + ncxHref
+		if ncxFile := zipFile(zr, ncxPath); ncxFile != nil {
+			if ncxRC, err := ncxFile.Open(); err == nil {
+				defer ncxRC.Close()
+				parseNCXTitles(ncxRC, hrefTitle)
+			}
+		}
+	}
+
+	return spineHrefs, hrefTitle, nil
+}
+
+// parseNCXTitles extracts navPoint label→src mappings from a toc.ncx.
+func parseNCXTitles(r io.Reader, out map[string]string) {
+	doc, err := html.Parse(r)
+	if err != nil {
+		return
+	}
+
+	// Collect navPoints: each has a <navLabel><text>…</text></navLabel> and
+	// a <content src="…"/> child.
+	var walk func(*html.Node)
+	walk = func(n *html.Node) {
+		if n.Type == html.ElementNode && strings.EqualFold(n.Data, "navpoint") {
+			var label, src string
+			var inner func(*html.Node)
+			inner = func(c *html.Node) {
+				if c.Type == html.ElementNode {
+					if strings.EqualFold(c.Data, "text") && label == "" {
+						if c.FirstChild != nil && c.FirstChild.Type == html.TextNode {
+							label = strings.TrimSpace(c.FirstChild.Data)
+						}
+					}
+					if strings.EqualFold(c.Data, "content") {
+						for _, a := range c.Attr {
+							if strings.EqualFold(a.Key, "src") {
+								// Strip fragment identifier (#...).
+								src = strings.SplitN(a.Val, "#", 2)[0]
+							}
+						}
+					}
+				}
+				for child := c.FirstChild; child != nil; child = child.NextSibling {
+					inner(child)
+				}
+			}
+			inner(n)
+			if label != "" && src != "" {
+				out[src] = label
+			}
+		}
+		for c := n.FirstChild; c != nil; c = c.NextSibling {
+			walk(c)
+		}
+	}
+	walk(doc)
+}
+
+// epubFileContent returns the raw bytes of a file inside the EPUB zip.
+func epubFileContent(zr *zip.Reader, path string) ([]byte, error) {
+	f := zipFile(zr, path)
+	if f == nil {
+		return nil, fmt.Errorf("file %q not in EPUB", path)
+	}
+	rc, err := f.Open()
+	if err != nil {
+		return nil, err
+	}
+	defer rc.Close()
+	return io.ReadAll(rc)
+}
+
+// zipFile finds a file by name (case-insensitive) in a zip.Reader.
+func zipFile(zr *zip.Reader, name string) *zip.File {
+	nameLower := strings.ToLower(name)
+	for _, f := range zr.File {
+		if strings.ToLower(f.Name) == nameLower {
+			return f
+		}
+	}
+	return nil
+}
+
+// htmlToText converts HTML/XHTML content to plain text suitable for storage.
+func htmlToText(data []byte) string {
+	doc, err := html.Parse(bytes.NewReader(data))
+	if err != nil {
+		return string(data)
+	}
+
+	var sb strings.Builder
+	var walk func(*html.Node)
+	walk = func(n *html.Node) {
+		if n.Type == html.TextNode {
+			text := strings.TrimSpace(n.Data)
+			if text != "" {
+				sb.WriteString(text)
+				sb.WriteByte(' ')
+			}
+		}
+		if n.Type == html.ElementNode {
+			switch strings.ToLower(n.Data) {
+			case "p", "div", "br", "h1", "h2", "h3", "h4", "h5", "h6", "li", "tr":
+				// Block-level: ensure newline before content.
+				if sb.Len() > 0 {
+					s := sb.String()
+					if s[len(s)-1] != '\n' {
+						sb.WriteByte('\n')
+					}
+				}
+			case "script", "style", "head":
+				// Skip entirely.
+				return
+			}
+		}
+		for c := n.FirstChild; c != nil; c = c.NextSibling {
+			walk(c)
+		}
+		if n.Type == html.ElementNode {
+			switch strings.ToLower(n.Data) {
+			case "p", "div", "h1", "h2", "h3", "h4", "h5", "h6", "li", "tr":
+				sb.WriteByte('\n')
+			}
+		}
+	}
+	walk(doc)
+
+	// Collapse multiple blank lines.
+	lines := strings.Split(sb.String(), "\n")
+	var out []string
+	blanks := 0
+	for _, l := range lines {
+		l = strings.TrimSpace(l)
+		if l == "" {
+			blanks++
+			if blanks <= 1 {
+				out = append(out, "")
+			}
+		} else {
+			blanks = 0
+			out = append(out, l)
+		}
+	}
+	return strings.TrimSpace(strings.Join(out, "\n"))
+}
+
+// ── Chapter ingestion ─────────────────────────────────────────────────────────
+
+// IngestChapters stores extracted chapters for a book.
+// Each chapter is written as a markdown file in the chapters MinIO bucket
+// and its index record is upserted in PocketBase via WriteChapter.
+func (s *Store) IngestChapters(ctx context.Context, slug string, chapters []bookstore.Chapter) error {
+	for _, ch := range chapters {
+		var mdContent string
+		if ch.Title != "" && ch.Title != fmt.Sprintf("Chapter %d", ch.Number) {
+			mdContent = fmt.Sprintf("# %s\n\n%s", ch.Title, ch.Content)
+		} else {
+			mdContent = fmt.Sprintf("# Chapter %d\n\n%s", ch.Number, ch.Content)
+		}
+		domainCh := domain.Chapter{
+			Ref:  domain.ChapterRef{Number: ch.Number, Title: ch.Title},
+			Text: mdContent,
+		}
+		if err := s.WriteChapter(ctx, slug, domainCh); err != nil {
+			return fmt.Errorf("ingest chapter %d: %w", ch.Number, err)
+		}
+	}
+	return nil
+}
+
+// GetImportObjectKey returns the MinIO object key for an uploaded import file.
+func GetImportObjectKey(filename string) string {
+	return fmt.Sprintf("imports/%s", filename)
+}
diff --git a/backend/internal/storage/minio.go b/backend/internal/storage/minio.go
new file mode 100644
index 0000000..6134bd3
--- /dev/null
+++ b/backend/internal/storage/minio.go
@@ -0,0 +1,306 @@
+package storage
+
+import (
+	"context"
+	"fmt"
+	"io"
+	"net/url"
+	"path"
+	"strings"
+	"time"
+
+	minio "github.com/minio/minio-go/v7"
+	"github.com/minio/minio-go/v7/pkg/credentials"
+
+	"github.com/libnovel/backend/internal/config"
+)
+
+// minioClient wraps the official minio-go client with bucket names.
+type minioClient struct {
+	client             *minio.Client // internal — all read/write operations
+	pubClient          *minio.Client // presign-only — initialised against the public endpoint
+	bucketChapters     string
+	bucketAudio        string
+	bucketAvatars      string
+	bucketBrowse       string
+	bucketTranslations string
+}
+
+func newMinioClient(cfg config.MinIO) (*minioClient, error) {
+	creds := credentials.NewStaticV4(cfg.AccessKey, cfg.SecretKey, "")
+
+	internal, err := minio.New(cfg.Endpoint, &minio.Options{
+		Creds:  creds,
+		Secure: cfg.UseSSL,
+	})
+	if err != nil {
+		return nil, fmt.Errorf("minio: init internal client: %w", err)
+	}
+
+	// Presigned URLs must be signed with the hostname the browser will use
+	// (PUBLIC_MINIO_PUBLIC_URL), because AWS Signature V4 includes the Host
+	// header in the canonical request — a URL signed against "minio:9000" will
+	// return SignatureDoesNotMatch when the browser fetches it from
+	// "localhost:9000".
+	//
+	// However, minio-go normally makes a live BucketLocation HTTP call before
+	// signing, which would fail from inside the container when the public
+	// endpoint is externally-facing (e.g. "localhost:9000" is unreachable from
+	// within Docker).  We prevent this by:
+	//   1. Setting Region: "us-east-1" — minio-go skips getBucketLocation when
+	//      the region is already known (bucket-cache.go:49).
+	//   2. Setting BucketLookup: BucketLookupPath — forces path-style URLs
+	//      (e.g. host/bucket/key), matching MinIO's default behaviour and
+	//      avoiding any virtual-host DNS probing.
+	//
+	// When no public endpoint is configured (or it equals the internal one),
+	// fall back to the internal client so presigning still works.
+	publicEndpoint := cfg.PublicEndpoint
+	if u, err2 := url.Parse(publicEndpoint); err2 == nil && u.Host != "" {
+		publicEndpoint = u.Host // strip scheme so minio.New is happy
+	}
+	pubUseSSL := cfg.PublicUseSSL
+	if publicEndpoint == "" || publicEndpoint == cfg.Endpoint {
+		publicEndpoint = cfg.Endpoint
+		pubUseSSL = cfg.UseSSL
+	}
+	pub, err := minio.New(publicEndpoint, &minio.Options{
+		Creds:        creds,
+		Secure:       pubUseSSL,
+		Region:       "us-east-1", // skip live BucketLocation preflight
+		BucketLookup: minio.BucketLookupPath,
+	})
+	if err != nil {
+		return nil, fmt.Errorf("minio: init public client: %w", err)
+	}
+
+	return &minioClient{
+		client:             internal,
+		pubClient:          pub,
+		bucketChapters:     cfg.BucketChapters,
+		bucketAudio:        cfg.BucketAudio,
+		bucketAvatars:      cfg.BucketAvatars,
+		bucketBrowse:       cfg.BucketBrowse,
+		bucketTranslations: cfg.BucketTranslations,
+	}, nil
+}
+
+// ensureBuckets creates all required buckets if they don't already exist.
+func (m *minioClient) ensureBuckets(ctx context.Context) error {
+	for _, bucket := range []string{m.bucketChapters, m.bucketAudio, m.bucketAvatars, m.bucketBrowse, m.bucketTranslations} {
+		exists, err := m.client.BucketExists(ctx, bucket)
+		if err != nil {
+			return fmt.Errorf("minio: check bucket %q: %w", bucket, err)
+		}
+		if !exists {
+			if err := m.client.MakeBucket(ctx, bucket, minio.MakeBucketOptions{}); err != nil {
+				return fmt.Errorf("minio: create bucket %q: %w", bucket, err)
+			}
+		}
+	}
+	return nil
+}
+
+// ── Key helpers ───────────────────────────────────────────────────────────────
+
+// ChapterObjectKey returns the MinIO object key for a chapter markdown file.
+// Format: {slug}/chapter-{n:06d}.md
+func ChapterObjectKey(slug string, n int) string {
+	return fmt.Sprintf("%s/chapter-%06d.md", slug, n)
+}
+
+// AudioObjectKeyExt returns the MinIO object key for a cached audio file
+// with a custom extension (e.g. "mp3" or "wav").
+// Format: {slug}/{n}/{voice}.{ext}
+func AudioObjectKeyExt(slug string, n int, voice, ext string) string {
+	return fmt.Sprintf("%s/%d/%s.%s", slug, n, voice, ext)
+}
+
+// AudioObjectKey returns the MinIO object key for a cached MP3 audio file.
+// Format: {slug}/{n}/{voice}.mp3
+func AudioObjectKey(slug string, n int, voice string) string {
+	return AudioObjectKeyExt(slug, n, voice, "mp3")
+}
+
+// AvatarObjectKey returns the MinIO object key for a user avatar image.
+// Format: {userID}/{ext}.{ext}
+func AvatarObjectKey(userID, ext string) string {
+	return fmt.Sprintf("%s/%s.%s", userID, ext, ext)
+}
+
+// CoverObjectKey returns the MinIO object key for a book cover image.
+// Format: covers/{slug}.jpg
+func CoverObjectKey(slug string) string {
+	return fmt.Sprintf("covers/%s.jpg", slug)
+}
+
+// ChapterImageObjectKey returns the MinIO object key for a chapter illustration.
+// Format: chapter-images/{slug}/{n:06d}.jpg
+func ChapterImageObjectKey(slug string, n int) string {
+	return fmt.Sprintf("chapter-images/%s/%06d.jpg", slug, n)
+}
+
+// TranslationObjectKey returns the MinIO object key for a translated chapter.
+// Format: {lang}/{slug}/{n:06d}.md
+func TranslationObjectKey(lang, slug string, n int) string {
+	return fmt.Sprintf("%s/%s/%06d.md", lang, slug, n)
+}
+
+// chapterNumberFromKey extracts the chapter number from a MinIO object key.
+// e.g. "my-book/chapter-000042.md" → 42
+func chapterNumberFromKey(key string) int {
+	base := path.Base(key)
+	base = strings.TrimPrefix(base, "chapter-")
+	base = strings.TrimSuffix(base, ".md")
+	var n int
+	fmt.Sscanf(base, "%d", &n)
+	return n
+}
+
+// ── Object operations ─────────────────────────────────────────────────────────
+
+func (m *minioClient) putObject(ctx context.Context, bucket, key, contentType string, data []byte) error {
+	_, err := m.client.PutObject(ctx, bucket, key,
+		strings.NewReader(string(data)),
+		int64(len(data)),
+		minio.PutObjectOptions{ContentType: contentType},
+	)
+	return err
+}
+
+// putObjectStream uploads from r with known size (or -1 for multipart).
+func (m *minioClient) putObjectStream(ctx context.Context, bucket, key, contentType string, r io.Reader, size int64) error {
+	_, err := m.client.PutObject(ctx, bucket, key, r, size,
+		minio.PutObjectOptions{ContentType: contentType},
+	)
+	return err
+}
+
+func (m *minioClient) getObject(ctx context.Context, bucket, key string) ([]byte, error) {
+	obj, err := m.client.GetObject(ctx, bucket, key, minio.GetObjectOptions{})
+	if err != nil {
+		return nil, err
+	}
+	defer obj.Close()
+	return io.ReadAll(obj)
+}
+
+func (m *minioClient) objectExists(ctx context.Context, bucket, key string) bool {
+	_, err := m.client.StatObject(ctx, bucket, key, minio.StatObjectOptions{})
+	return err == nil
+}
+
+func (m *minioClient) objectSize(ctx context.Context, bucket, key string) int64 {
+	info, err := m.client.StatObject(ctx, bucket, key, minio.StatObjectOptions{})
+	if err != nil {
+		return -1
+	}
+	return info.Size
+}
+
+func (m *minioClient) presignGet(ctx context.Context, bucket, key string, expires time.Duration) (string, error) {
+	u, err := m.pubClient.PresignedGetObject(ctx, bucket, key, expires, nil)
+	if err != nil {
+		return "", fmt.Errorf("minio presign %s/%s: %w", bucket, key, err)
+	}
+	return u.String(), nil
+}
+
+func (m *minioClient) presignPut(ctx context.Context, bucket, key string, expires time.Duration) (string, error) {
+	u, err := m.pubClient.PresignedPutObject(ctx, bucket, key, expires)
+	if err != nil {
+		return "", fmt.Errorf("minio presign PUT %s/%s: %w", bucket, key, err)
+	}
+	return u.String(), nil
+}
+
+func (m *minioClient) deleteObjects(ctx context.Context, bucket, prefix string) error {
+	objCh := m.client.ListObjects(ctx, bucket, minio.ListObjectsOptions{Prefix: prefix})
+	for obj := range objCh {
+		if obj.Err != nil {
+			return obj.Err
+		}
+		if err := m.client.RemoveObject(ctx, bucket, obj.Key, minio.RemoveObjectOptions{}); err != nil {
+			return err
+		}
+	}
+	return nil
+}
+
+func (m *minioClient) listObjectKeys(ctx context.Context, bucket, prefix string) ([]string, error) {
+	var keys []string
+	for obj := range m.client.ListObjects(ctx, bucket, minio.ListObjectsOptions{Prefix: prefix}) {
+		if obj.Err != nil {
+			return nil, obj.Err
+		}
+		keys = append(keys, obj.Key)
+	}
+	return keys, nil
+}
+
+// ── Cover operations ──────────────────────────────────────────────────────────
+
+// putCover stores a raw cover image in the browse bucket under covers/{slug}.jpg.
+func (m *minioClient) putCover(ctx context.Context, key, contentType string, data []byte) error {
+	return m.putObject(ctx, m.bucketBrowse, key, contentType, data)
+}
+
+// getCover retrieves a cover image. Returns (nil, "", false, nil) when the
+// object does not exist.
+func (m *minioClient) getCover(ctx context.Context, key string) ([]byte, bool, error) {
+	if !m.objectExists(ctx, m.bucketBrowse, key) {
+		return nil, false, nil
+	}
+	data, err := m.getObject(ctx, m.bucketBrowse, key)
+	if err != nil {
+		return nil, false, err
+	}
+	return data, true, nil
+}
+
+// coverExists returns true when the cover image object exists.
+func (m *minioClient) coverExists(ctx context.Context, key string) bool {
+	return m.objectExists(ctx, m.bucketBrowse, key)
+}
+
+// coverContentType inspects the first bytes of data to determine if it is
+// a JPEG or PNG image. Falls back to "image/jpeg".
+func coverContentType(data []byte) string {
+	if len(data) >= 4 {
+		// PNG magic: 0x89 0x50 0x4E 0x47
+		if data[0] == 0x89 && data[1] == 0x50 && data[2] == 0x4E && data[3] == 0x47 {
+			return "image/png"
+		}
+		// WebP: starts with "RIFF" at 0..3 and "WEBP" at 8..11
+		if len(data) >= 12 && data[0] == 'R' && data[1] == 'I' && data[2] == 'F' && data[3] == 'F' &&
+			data[8] == 'W' && data[9] == 'E' && data[10] == 'B' && data[11] == 'P' {
+			return "image/webp"
+		}
+	}
+	return "image/jpeg"
+}
+
+// ── Chapter image operations ───────────────────────────────────────────────────
+
+// putChapterImage stores a chapter illustration in the browse bucket.
+func (m *minioClient) putChapterImage(ctx context.Context, key, contentType string, data []byte) error {
+	return m.putObject(ctx, m.bucketBrowse, key, contentType, data)
+}
+
+// getChapterImage retrieves a chapter illustration. Returns (nil, false, nil)
+// when the object does not exist.
+func (m *minioClient) getChapterImage(ctx context.Context, key string) ([]byte, bool, error) {
+	if !m.objectExists(ctx, m.bucketBrowse, key) {
+		return nil, false, nil
+	}
+	data, err := m.getObject(ctx, m.bucketBrowse, key)
+	if err != nil {
+		return nil, false, err
+	}
+	return data, true, nil
+}
+
+// chapterImageExists returns true when the chapter image object exists.
+func (m *minioClient) chapterImageExists(ctx context.Context, key string) bool {
+	return m.objectExists(ctx, m.bucketBrowse, key)
+}
diff --git a/backend/internal/storage/pocketbase.go b/backend/internal/storage/pocketbase.go
new file mode 100644
index 0000000..789462a
--- /dev/null
+++ b/backend/internal/storage/pocketbase.go
@@ -0,0 +1,274 @@
+// Package storage provides the concrete implementations of all bookstore and
+// taskqueue interfaces backed by PocketBase (structured data) and MinIO (blobs).
+//
+// Entry point: NewStore(ctx, cfg, log) returns a *Store that satisfies every
+// interface defined in bookstore and taskqueue.
+package storage
+
+import (
+	"bytes"
+	"context"
+	"encoding/json"
+	"errors"
+	"fmt"
+	"io"
+	"log/slog"
+	"net/http"
+	"net/url"
+	"strings"
+	"sync"
+	"time"
+
+	"github.com/libnovel/backend/internal/config"
+	"github.com/libnovel/backend/internal/domain"
+)
+
+// ErrNotFound is returned by single-record lookups when no record exists.
+var ErrNotFound = errors.New("storage: record not found")
+
+// pbHTTPClient is a shared HTTP client with a 30 s timeout so that a slow or
+// hung PocketBase never stalls the backend/runner process indefinitely.
+// http.DefaultClient has no timeout and must not be used for PocketBase calls.
+var pbHTTPClient = &http.Client{Timeout: 30 * time.Second}
+
+// pbClient is the internal PocketBase REST admin client.
+type pbClient struct {
+	baseURL  string
+	email    string
+	password string
+	log      *slog.Logger
+
+	mu    sync.Mutex
+	token string
+	exp   time.Time
+}
+
+func newPBClient(cfg config.PocketBase, log *slog.Logger) *pbClient {
+	return &pbClient{
+		baseURL:  strings.TrimRight(cfg.URL, "/"),
+		email:    cfg.AdminEmail,
+		password: cfg.AdminPassword,
+		log:      log,
+	}
+}
+
+// authToken returns a valid admin auth token, refreshing it when expired.
+func (c *pbClient) authToken(ctx context.Context) (string, error) {
+	c.mu.Lock()
+	defer c.mu.Unlock()
+	if c.token != "" && time.Now().Before(c.exp) {
+		return c.token, nil
+	}
+
+	body, _ := json.Marshal(map[string]string{
+		"identity": c.email,
+		"password": c.password,
+	})
+	req, err := http.NewRequestWithContext(ctx, http.MethodPost,
+		c.baseURL+"/api/collections/_superusers/auth-with-password", bytes.NewReader(body))
+	if err != nil {
+		return "", fmt.Errorf("pb auth: build request: %w", err)
+	}
+	req.Header.Set("Content-Type", "application/json")
+
+	resp, err := pbHTTPClient.Do(req)
+	if err != nil {
+		return "", fmt.Errorf("pb auth: %w", err)
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != http.StatusOK {
+		raw, _ := io.ReadAll(resp.Body)
+		return "", fmt.Errorf("pb auth: status %d: %s", resp.StatusCode, string(raw))
+	}
+
+	var payload struct {
+		Token string `json:"token"`
+	}
+	if err := json.NewDecoder(resp.Body).Decode(&payload); err != nil {
+		return "", fmt.Errorf("pb auth: decode: %w", err)
+	}
+	c.token = payload.Token
+	c.exp = time.Now().Add(30 * time.Minute)
+	return c.token, nil
+}
+
+// do executes an authenticated PocketBase REST request.
+func (c *pbClient) do(ctx context.Context, method, path string, body io.Reader) (*http.Response, error) {
+	tok, err := c.authToken(ctx)
+	if err != nil {
+		return nil, err
+	}
+
+	req, err := http.NewRequestWithContext(ctx, method, c.baseURL+path, body)
+	if err != nil {
+		return nil, fmt.Errorf("pb: build request %s %s: %w", method, path, err)
+	}
+	req.Header.Set("Authorization", tok)
+	if body != nil {
+		req.Header.Set("Content-Type", "application/json")
+	}
+
+	resp, err := pbHTTPClient.Do(req)
+	if err != nil {
+		return nil, fmt.Errorf("pb: %s %s: %w", method, path, err)
+	}
+	return resp, nil
+}
+
+// get is a convenience wrapper that decodes a JSON response into v.
+func (c *pbClient) get(ctx context.Context, path string, v any) error {
+	resp, err := c.do(ctx, http.MethodGet, path, nil)
+	if err != nil {
+		return err
+	}
+	defer resp.Body.Close()
+	if resp.StatusCode == http.StatusNotFound {
+		return ErrNotFound
+	}
+	if resp.StatusCode >= 400 {
+		raw, _ := io.ReadAll(resp.Body)
+		return fmt.Errorf("pb GET %s: status %d: %s", path, resp.StatusCode, string(raw))
+	}
+	return json.NewDecoder(resp.Body).Decode(v)
+}
+
+// post creates a record and decodes the created record into v.
+func (c *pbClient) post(ctx context.Context, path string, payload, v any) error {
+	b, err := json.Marshal(payload)
+	if err != nil {
+		return fmt.Errorf("pb: marshal: %w", err)
+	}
+	resp, err := c.do(ctx, http.MethodPost, path, bytes.NewReader(b))
+	if err != nil {
+		return err
+	}
+	defer resp.Body.Close()
+	if resp.StatusCode >= 400 {
+		raw, _ := io.ReadAll(resp.Body)
+		return fmt.Errorf("pb POST %s: status %d: %s", path, resp.StatusCode, string(raw))
+	}
+	if v != nil {
+		return json.NewDecoder(resp.Body).Decode(v)
+	}
+	return nil
+}
+
+// patch updates a record.
+func (c *pbClient) patch(ctx context.Context, path string, payload any) error {
+	b, err := json.Marshal(payload)
+	if err != nil {
+		return fmt.Errorf("pb: marshal: %w", err)
+	}
+	resp, err := c.do(ctx, http.MethodPatch, path, bytes.NewReader(b))
+	if err != nil {
+		return err
+	}
+	defer resp.Body.Close()
+	if resp.StatusCode >= 400 {
+		raw, _ := io.ReadAll(resp.Body)
+		return fmt.Errorf("pb PATCH %s: status %d: %s", path, resp.StatusCode, string(raw))
+	}
+	return nil
+}
+
+// delete removes a record.
+func (c *pbClient) delete(ctx context.Context, path string) error {
+	resp, err := c.do(ctx, http.MethodDelete, path, nil)
+	if err != nil {
+		return err
+	}
+	defer resp.Body.Close()
+	if resp.StatusCode == http.StatusNotFound {
+		return ErrNotFound
+	}
+	if resp.StatusCode >= 400 {
+		raw, _ := io.ReadAll(resp.Body)
+		return fmt.Errorf("pb DELETE %s: status %d: %s", path, resp.StatusCode, string(raw))
+	}
+	return nil
+}
+
+// listAll fetches all pages of a collection. PocketBase returns at most 200
+// records per page; we paginate until empty.
+func (c *pbClient) listAll(ctx context.Context, collection string, filter, sort string) ([]json.RawMessage, error) {
+	var all []json.RawMessage
+	page := 1
+	for {
+		q := url.Values{
+			"page":    {fmt.Sprintf("%d", page)},
+			"perPage": {"200"},
+		}
+		if filter != "" {
+			q.Set("filter", filter)
+		}
+		if sort != "" {
+			q.Set("sort", sort)
+		}
+		path := fmt.Sprintf("/api/collections/%s/records?%s", collection, q.Encode())
+
+		var result struct {
+			Items []json.RawMessage `json:"items"`
+			Page  int               `json:"page"`
+			Pages int               `json:"totalPages"`
+		}
+		if err := c.get(ctx, path, &result); err != nil {
+			return nil, err
+		}
+		all = append(all, result.Items...)
+		if result.Page >= result.Pages {
+			break
+		}
+		page++
+	}
+	return all, nil
+}
+
+// claimRecord atomically claims the first pending record matching collection.
+// It fetches the oldest pending record (filter + sort), then PATCHes it with
+// the claim payload. Returns (nil, nil) when the queue is empty.
+func (c *pbClient) claimRecord(ctx context.Context, collection, workerID string, extraClaim map[string]any) (json.RawMessage, error) {
+	q := url.Values{}
+	q.Set("filter", `status="pending"`)
+	q.Set("sort", "+started")
+	q.Set("perPage", "1")
+	path := fmt.Sprintf("/api/collections/%s/records?%s", collection, q.Encode())
+
+	var result struct {
+		Items []json.RawMessage `json:"items"`
+	}
+	if err := c.get(ctx, path, &result); err != nil {
+		return nil, fmt.Errorf("claimRecord list: %w", err)
+	}
+	if len(result.Items) == 0 {
+		return nil, nil // queue empty
+	}
+
+	var rec struct {
+		ID string `json:"id"`
+	}
+	if err := json.Unmarshal(result.Items[0], &rec); err != nil {
+		return nil, fmt.Errorf("claimRecord parse id: %w", err)
+	}
+
+	claim := map[string]any{
+		"status":       string(domain.TaskStatusRunning),
+		"worker_id":    workerID,
+		"heartbeat_at": time.Now().UTC().Format(time.RFC3339),
+	}
+	for k, v := range extraClaim {
+		claim[k] = v
+	}
+
+	claimPath := fmt.Sprintf("/api/collections/%s/records/%s", collection, rec.ID)
+	if err := c.patch(ctx, claimPath, claim); err != nil {
+		return nil, fmt.Errorf("claimRecord patch: %w", err)
+	}
+
+	// Re-fetch the updated record so caller has current state.
+	var updated json.RawMessage
+	if err := c.get(ctx, claimPath, &updated); err != nil {
+		return nil, fmt.Errorf("claimRecord re-fetch: %w", err)
+	}
+	return updated, nil
+}
diff --git a/backend/internal/storage/store.go b/backend/internal/storage/store.go
new file mode 100644
index 0000000..f0926ad
--- /dev/null
+++ b/backend/internal/storage/store.go
@@ -0,0 +1,1761 @@
+package storage
+
+import (
+	"context"
+	"encoding/json"
+	"fmt"
+	"io"
+	"log/slog"
+	"strings"
+	"time"
+
+	"github.com/libnovel/backend/internal/bookstore"
+	"github.com/libnovel/backend/internal/config"
+	"github.com/libnovel/backend/internal/domain"
+	"github.com/libnovel/backend/internal/taskqueue"
+)
+
+// Store is the unified persistence implementation that satisfies all bookstore
+// and taskqueue interfaces. It routes structured data to PocketBase and binary
+// blobs to MinIO.
+type Store struct {
+	pb  *pbClient
+	mc  *minioClient
+	log *slog.Logger
+}
+
+// NewStore initialises PocketBase and MinIO connections and ensures all MinIO
+// buckets exist. Returns a ready-to-use Store.
+func NewStore(ctx context.Context, cfg config.Config, log *slog.Logger) (*Store, error) {
+	pb := newPBClient(cfg.PocketBase, log)
+	// Validate PocketBase connectivity by fetching an auth token.
+	if _, err := pb.authToken(ctx); err != nil {
+		return nil, fmt.Errorf("pocketbase: %w", err)
+	}
+
+	mc, err := newMinioClient(cfg.MinIO)
+	if err != nil {
+		return nil, fmt.Errorf("minio: %w", err)
+	}
+	if err := mc.ensureBuckets(ctx); err != nil {
+		return nil, fmt.Errorf("minio: ensure buckets: %w", err)
+	}
+
+	return &Store{pb: pb, mc: mc, log: log}, nil
+}
+
+// Compile-time interface satisfaction.
+var _ bookstore.BookWriter = (*Store)(nil)
+var _ bookstore.BookReader = (*Store)(nil)
+var _ bookstore.RankingStore = (*Store)(nil)
+var _ bookstore.AudioStore = (*Store)(nil)
+var _ bookstore.PresignStore = (*Store)(nil)
+var _ bookstore.ProgressStore = (*Store)(nil)
+var _ bookstore.CoverStore = (*Store)(nil)
+var _ bookstore.TranslationStore = (*Store)(nil)
+var _ bookstore.AIJobStore = (*Store)(nil)
+var _ bookstore.ChapterImageStore = (*Store)(nil)
+var _ bookstore.BookAdminStore = (*Store)(nil)
+var _ taskqueue.Producer = (*Store)(nil)
+var _ taskqueue.Consumer = (*Store)(nil)
+var _ taskqueue.Reader = (*Store)(nil)
+
+// ── BookWriter ────────────────────────────────────────────────────────────────
+
+func (s *Store) WriteMetadata(ctx context.Context, meta domain.BookMeta) error {
+	// patchPayload does NOT include visibility or submitted_by — preserve existing values.
+	patchPayload := map[string]any{
+		"slug":           meta.Slug,
+		"title":          meta.Title,
+		"author":         meta.Author,
+		"cover":          meta.Cover,
+		"status":         meta.Status,
+		"genres":         meta.Genres,
+		"summary":        meta.Summary,
+		"total_chapters": meta.TotalChapters,
+		"source_url":     meta.SourceURL,
+		"ranking":        meta.Ranking,
+		"rating":         meta.Rating,
+	}
+	// Upsert via filter: if exists PATCH, otherwise POST.
+	// Use a conflict-retry pattern to handle concurrent scrapes racing to insert
+	// the same slug: if POST fails (or another concurrent writer beat us to it),
+	// re-fetch and PATCH instead.
+	existing, err := s.getBookBySlug(ctx, meta.Slug)
+	if err != nil && err != ErrNotFound {
+		return fmt.Errorf("WriteMetadata: %w", err)
+	}
+	if err == ErrNotFound {
+		// New scraped book — default to admin_only visibility.
+		postPayload := make(map[string]any, len(patchPayload)+1)
+		for k, v := range patchPayload {
+			postPayload[k] = v
+		}
+		postPayload["visibility"] = domain.VisibilityAdminOnly
+		postErr := s.pb.post(ctx, "/api/collections/books/records", postPayload, nil)
+		if postErr == nil {
+			return nil
+		}
+		// POST failed — a concurrent writer may have inserted the same slug.
+		// Re-fetch and fall through to PATCH.
+		existing, err = s.getBookBySlug(ctx, meta.Slug)
+		if err != nil {
+			return postErr // original POST error is more informative
+		}
+	}
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/books/records/%s", existing.ID), patchPayload)
+}
+
+// CreateSubmittedBook creates a new author-submitted book with visibility=public.
+// Unlike WriteMetadata this always POSTs (no upsert) and sets the submitted_by field.
+func (s *Store) CreateSubmittedBook(ctx context.Context, meta domain.BookMeta) error {
+	payload := map[string]any{
+		"slug":           meta.Slug,
+		"title":          meta.Title,
+		"author":         meta.Author,
+		"cover":          meta.Cover,
+		"status":         meta.Status,
+		"genres":         meta.Genres,
+		"summary":        meta.Summary,
+		"total_chapters": 0,
+		"source_url":     "",
+		"ranking":        0,
+		"rating":         0,
+		"visibility":     domain.VisibilityPublic,
+		"submitted_by":   meta.SubmittedBy,
+	}
+	return s.pb.post(ctx, "/api/collections/books/records", payload, nil)
+}
+
+func (s *Store) WriteChapter(ctx context.Context, slug string, chapter domain.Chapter) error {
+	key := ChapterObjectKey(slug, chapter.Ref.Number)
+	if err := s.mc.putObject(ctx, s.mc.bucketChapters, key, "text/markdown", []byte(chapter.Text)); err != nil {
+		return fmt.Errorf("WriteChapter: minio: %w", err)
+	}
+	// Upsert the chapters_idx record in PocketBase.
+	return s.upsertChapterIdx(ctx, slug, chapter.Ref)
+}
+
+func (s *Store) WriteChapterRefs(ctx context.Context, slug string, refs []domain.ChapterRef) error {
+	for _, ref := range refs {
+		if err := s.upsertChapterIdx(ctx, slug, ref); err != nil {
+			s.log.Warn("WriteChapterRefs: upsert failed", "slug", slug, "chapter", ref.Number, "err", err)
+		}
+	}
+	return nil
+}
+
+func (s *Store) ChapterExists(ctx context.Context, slug string, ref domain.ChapterRef) bool {
+	return s.mc.objectExists(ctx, s.mc.bucketChapters, ChapterObjectKey(slug, ref.Number))
+}
+
+func (s *Store) upsertChapterIdx(ctx context.Context, slug string, ref domain.ChapterRef) error {
+	payload := map[string]any{
+		"slug":   slug,
+		"number": ref.Number,
+		"title":  ref.Title,
+	}
+	filter := fmt.Sprintf(`slug=%q&&number=%d`, slug, ref.Number)
+	items, err := s.pb.listAll(ctx, "chapters_idx", filter, "")
+	if err != nil && err != ErrNotFound {
+		return err
+	}
+	if len(items) == 0 {
+		// Set created timestamp on first insert so recentlyUpdatedBooks can sort by it.
+		insertPayload := map[string]any{
+			"slug":    slug,
+			"number":  ref.Number,
+			"title":   ref.Title,
+			"created": time.Now().UTC().Format(time.RFC3339),
+		}
+		postErr := s.pb.post(ctx, "/api/collections/chapters_idx/records", insertPayload, nil)
+		if postErr == nil {
+			return nil
+		}
+		// POST failed — a concurrent writer may have inserted the same slug+number.
+		// Re-fetch and fall through to PATCH (mirrors WriteMetadata retry pattern).
+		items, err = s.pb.listAll(ctx, "chapters_idx", filter, "")
+		if err != nil || len(items) == 0 {
+			return postErr // original POST error is more informative
+		}
+	}
+	var rec struct {
+		ID string `json:"id"`
+	}
+	json.Unmarshal(items[0], &rec)
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/chapters_idx/records/%s", rec.ID), payload)
+}
+
+// DeduplicateChapters removes duplicate chapters_idx records for slug.
+// For each chapter number that has more than one record, it keeps the record
+// with the latest "updated" timestamp and deletes the rest.
+// Returns the number of records deleted.
+func (s *Store) DeduplicateChapters(ctx context.Context, slug string) (int, error) {
+	filter := fmt.Sprintf(`slug=%q`, slug)
+	items, err := s.pb.listAll(ctx, "chapters_idx", filter, "number")
+	if err != nil {
+		return 0, fmt.Errorf("DeduplicateChapters: list: %w", err)
+	}
+
+	type record struct {
+		ID      string `json:"id"`
+		Number  int    `json:"number"`
+		Updated string `json:"updated"`
+	}
+
+	// Group records by chapter number.
+	byNumber := make(map[int][]record)
+	for _, raw := range items {
+		var rec record
+		if err := json.Unmarshal(raw, &rec); err != nil || rec.ID == "" {
+			continue
+		}
+		byNumber[rec.Number] = append(byNumber[rec.Number], rec)
+	}
+
+	deleted := 0
+	for _, recs := range byNumber {
+		if len(recs) <= 1 {
+			continue
+		}
+		// Keep the record with the latest Updated timestamp; delete the rest.
+		keep := 0
+		for i := 1; i < len(recs); i++ {
+			if recs[i].Updated > recs[keep].Updated {
+				keep = i
+			}
+		}
+		for i, rec := range recs {
+			if i == keep {
+				continue
+			}
+			if delErr := s.pb.delete(ctx, fmt.Sprintf("/api/collections/chapters_idx/records/%s", rec.ID)); delErr != nil {
+				s.log.Warn("DeduplicateChapters: delete failed", "slug", slug, "number", rec.Number, "id", rec.ID, "err", delErr)
+				continue
+			}
+			deleted++
+		}
+	}
+	return deleted, nil
+}
+
+// ── BookReader ────────────────────────────────────────────────────────────────
+
+type pbBook struct {
+	ID            string   `json:"id"`
+	Slug          string   `json:"slug"`
+	Title         string   `json:"title"`
+	Author        string   `json:"author"`
+	Cover         string   `json:"cover"`
+	Status        string   `json:"status"`
+	Genres        []string `json:"genres"`
+	Summary       string   `json:"summary"`
+	TotalChapters int      `json:"total_chapters"`
+	SourceURL     string   `json:"source_url"`
+	Ranking       int      `json:"ranking"`
+	Rating        float64  `json:"rating"`
+	Updated       string   `json:"updated"`
+	Archived      bool     `json:"archived"`
+	Visibility    string   `json:"visibility"`
+	SubmittedBy   string   `json:"submitted_by"`
+}
+
+func (b pbBook) toDomain() domain.BookMeta {
+	var metaUpdated int64
+	if t, err := time.Parse(time.RFC3339, b.Updated); err == nil {
+		metaUpdated = t.Unix()
+	}
+	return domain.BookMeta{
+		Slug:          b.Slug,
+		Title:         b.Title,
+		Author:        b.Author,
+		Cover:         b.Cover,
+		Status:        b.Status,
+		Genres:        b.Genres,
+		Summary:       b.Summary,
+		TotalChapters: b.TotalChapters,
+		SourceURL:     b.SourceURL,
+		Ranking:       b.Ranking,
+		Rating:        b.Rating,
+		MetaUpdated:   metaUpdated,
+		Archived:      b.Archived,
+		Visibility:    b.Visibility,
+		SubmittedBy:   b.SubmittedBy,
+	}
+}
+
+func (s *Store) getBookBySlug(ctx context.Context, slug string) (pbBook, error) {
+	filter := fmt.Sprintf(`slug=%q`, slug)
+	items, err := s.pb.listAll(ctx, "books", filter, "")
+	if err != nil {
+		return pbBook{}, err
+	}
+	if len(items) == 0 {
+		return pbBook{}, ErrNotFound
+	}
+	var b pbBook
+	json.Unmarshal(items[0], &b)
+	return b, nil
+}
+
+func (s *Store) ReadMetadata(ctx context.Context, slug string) (domain.BookMeta, bool, error) {
+	b, err := s.getBookBySlug(ctx, slug)
+	if err == ErrNotFound {
+		return domain.BookMeta{}, false, nil
+	}
+	if err != nil {
+		return domain.BookMeta{}, false, err
+	}
+	return b.toDomain(), true, nil
+}
+
+func (s *Store) ListBooks(ctx context.Context) ([]domain.BookMeta, error) {
+	items, err := s.pb.listAll(ctx, "books", "archived=false", "title")
+	if err != nil {
+		return nil, err
+	}
+	books := make([]domain.BookMeta, 0, len(items))
+	for _, raw := range items {
+		var b pbBook
+		json.Unmarshal(raw, &b)
+		books = append(books, b.toDomain())
+	}
+	return books, nil
+}
+
+func (s *Store) LocalSlugs(ctx context.Context) (map[string]bool, error) {
+	items, err := s.pb.listAll(ctx, "books", "", "")
+	if err != nil {
+		return nil, err
+	}
+	slugs := make(map[string]bool, len(items))
+	for _, raw := range items {
+		var b struct {
+			Slug string `json:"slug"`
+		}
+		json.Unmarshal(raw, &b)
+		if b.Slug != "" {
+			slugs[b.Slug] = true
+		}
+	}
+	return slugs, nil
+}
+
+func (s *Store) MetadataMtime(ctx context.Context, slug string) int64 {
+	b, err := s.getBookBySlug(ctx, slug)
+	if err != nil {
+		return 0
+	}
+	t, err := time.Parse(time.RFC3339, b.Updated)
+	if err != nil {
+		return 0
+	}
+	return t.Unix()
+}
+
+func (s *Store) ReadChapter(ctx context.Context, slug string, n int) (string, error) {
+	data, err := s.mc.getObject(ctx, s.mc.bucketChapters, ChapterObjectKey(slug, n))
+	if err != nil {
+		return "", fmt.Errorf("ReadChapter: %w", err)
+	}
+	return string(data), nil
+}
+
+func (s *Store) ListChapters(ctx context.Context, slug string) ([]domain.ChapterInfo, error) {
+	filter := fmt.Sprintf(`slug=%q`, slug)
+	items, err := s.pb.listAll(ctx, "chapters_idx", filter, "number")
+	if err != nil {
+		return nil, err
+	}
+	chapters := make([]domain.ChapterInfo, 0, len(items))
+	for _, raw := range items {
+		var rec struct {
+			Number  int    `json:"number"`
+			Title   string `json:"title"`
+			Created string `json:"created"`
+		}
+		json.Unmarshal(raw, &rec)
+		chapters = append(chapters, domain.ChapterInfo{
+			Number: rec.Number,
+			Title:  rec.Title,
+			Date:   rec.Created,
+		})
+	}
+	return chapters, nil
+}
+
+func (s *Store) CountChapters(ctx context.Context, slug string) int {
+	chapters, err := s.ListChapters(ctx, slug)
+	if err != nil {
+		return 0
+	}
+	return len(chapters)
+}
+
+func (s *Store) ReindexChapters(ctx context.Context, slug string) (int, error) {
+	keys, err := s.mc.listObjectKeys(ctx, s.mc.bucketChapters, slug+"/")
+	if err != nil {
+		return 0, fmt.Errorf("ReindexChapters: list objects: %w", err)
+	}
+	count := 0
+	for _, key := range keys {
+		if !strings.HasSuffix(key, ".md") {
+			continue
+		}
+		n := chapterNumberFromKey(key)
+		if n == 0 {
+			continue
+		}
+		ref := domain.ChapterRef{Number: n}
+		if err := s.upsertChapterIdx(ctx, slug, ref); err != nil {
+			s.log.Warn("ReindexChapters: upsert failed", "key", key, "err", err)
+			continue
+		}
+		count++
+	}
+	return count, nil
+}
+
+// ── BookAdminStore ────────────────────────────────────────────────────────────
+
+// ArchiveBook sets archived=true on the book record for slug.
+func (s *Store) ArchiveBook(ctx context.Context, slug string) error {
+	book, err := s.getBookBySlug(ctx, slug)
+	if err == ErrNotFound {
+		return ErrNotFound
+	}
+	if err != nil {
+		return fmt.Errorf("ArchiveBook: %w", err)
+	}
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/books/records/%s", book.ID),
+		map[string]any{"archived": true})
+}
+
+// UnarchiveBook clears archived on the book record for slug.
+func (s *Store) UnarchiveBook(ctx context.Context, slug string) error {
+	book, err := s.getBookBySlug(ctx, slug)
+	if err == ErrNotFound {
+		return ErrNotFound
+	}
+	if err != nil {
+		return fmt.Errorf("UnarchiveBook: %w", err)
+	}
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/books/records/%s", book.ID),
+		map[string]any{"archived": false})
+}
+
+// PublishBook sets visibility=public on the book record for slug.
+func (s *Store) PublishBook(ctx context.Context, slug string) error {
+	book, err := s.getBookBySlug(ctx, slug)
+	if err == ErrNotFound {
+		return ErrNotFound
+	}
+	if err != nil {
+		return fmt.Errorf("PublishBook: %w", err)
+	}
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/books/records/%s", book.ID),
+		map[string]any{"visibility": domain.VisibilityPublic})
+}
+
+// UnpublishBook sets visibility=admin_only on the book record for slug.
+func (s *Store) UnpublishBook(ctx context.Context, slug string) error {
+	book, err := s.getBookBySlug(ctx, slug)
+	if err == ErrNotFound {
+		return ErrNotFound
+	}
+	if err != nil {
+		return fmt.Errorf("UnpublishBook: %w", err)
+	}
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/books/records/%s", book.ID),
+		map[string]any{"visibility": domain.VisibilityAdminOnly})
+}
+
+// DeleteBook permanently removes all data for a book:
+//   - PocketBase books record
+//   - All PocketBase chapters_idx records for the slug
+//   - All MinIO chapter markdown objects ({slug}/chapter-*.md)
+//   - MinIO cover image (covers/{slug}.jpg)
+func (s *Store) DeleteBook(ctx context.Context, slug string) error {
+	// 1. Fetch the book record to get its PocketBase ID.
+	book, err := s.getBookBySlug(ctx, slug)
+	if err == ErrNotFound {
+		return ErrNotFound
+	}
+	if err != nil {
+		return fmt.Errorf("DeleteBook: fetch: %w", err)
+	}
+
+	// 2. Delete all chapters_idx records.
+	filter := fmt.Sprintf(`slug=%q`, slug)
+	items, err := s.pb.listAll(ctx, "chapters_idx", filter, "")
+	if err != nil && err != ErrNotFound {
+		return fmt.Errorf("DeleteBook: list chapters_idx: %w", err)
+	}
+	for _, raw := range items {
+		var rec struct {
+			ID string `json:"id"`
+		}
+		if json.Unmarshal(raw, &rec) == nil && rec.ID != "" {
+			if delErr := s.pb.delete(ctx, fmt.Sprintf("/api/collections/chapters_idx/records/%s", rec.ID)); delErr != nil {
+				s.log.Warn("DeleteBook: delete chapters_idx record failed", "slug", slug, "id", rec.ID, "err", delErr)
+			}
+		}
+	}
+
+	// 3. Delete MinIO chapter objects.
+	if err := s.mc.deleteObjects(ctx, s.mc.bucketChapters, slug+"/"); err != nil {
+		s.log.Warn("DeleteBook: delete chapter objects failed", "slug", slug, "err", err)
+	}
+
+	// 4. Delete MinIO cover image.
+	if err := s.mc.deleteObjects(ctx, s.mc.bucketBrowse, CoverObjectKey(slug)); err != nil {
+		s.log.Warn("DeleteBook: delete cover failed", "slug", slug, "err", err)
+	}
+
+	// 5. Delete the PocketBase books record.
+	if err := s.pb.delete(ctx, fmt.Sprintf("/api/collections/books/records/%s", book.ID)); err != nil {
+		return fmt.Errorf("DeleteBook: delete books record: %w", err)
+	}
+
+	return nil
+}
+
+// ── RankingStore ──────────────────────────────────────────────────────────────
+
+func (s *Store) WriteRankingItem(ctx context.Context, item domain.RankingItem) error {
+	payload := map[string]any{
+		"rank":       item.Rank,
+		"slug":       item.Slug,
+		"title":      item.Title,
+		"author":     item.Author,
+		"cover":      item.Cover,
+		"status":     item.Status,
+		"genres":     item.Genres,
+		"source_url": item.SourceURL,
+	}
+	filter := fmt.Sprintf(`slug=%q`, item.Slug)
+	items, err := s.pb.listAll(ctx, "ranking", filter, "")
+	if err != nil && err != ErrNotFound {
+		return err
+	}
+	if len(items) == 0 {
+		return s.pb.post(ctx, "/api/collections/ranking/records", payload, nil)
+	}
+	var rec struct {
+		ID string `json:"id"`
+	}
+	json.Unmarshal(items[0], &rec)
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/ranking/records/%s", rec.ID), payload)
+}
+
+func (s *Store) ReadRankingItems(ctx context.Context) ([]domain.RankingItem, error) {
+	items, err := s.pb.listAll(ctx, "ranking", "", "rank")
+	if err != nil {
+		return nil, err
+	}
+	result := make([]domain.RankingItem, 0, len(items))
+	for _, raw := range items {
+		var rec struct {
+			Rank      int      `json:"rank"`
+			Slug      string   `json:"slug"`
+			Title     string   `json:"title"`
+			Author    string   `json:"author"`
+			Cover     string   `json:"cover"`
+			Status    string   `json:"status"`
+			Genres    []string `json:"genres"`
+			SourceURL string   `json:"source_url"`
+			Updated   string   `json:"updated"`
+		}
+		json.Unmarshal(raw, &rec)
+		t, _ := time.Parse(time.RFC3339, rec.Updated)
+		result = append(result, domain.RankingItem{
+			Rank:      rec.Rank,
+			Slug:      rec.Slug,
+			Title:     rec.Title,
+			Author:    rec.Author,
+			Cover:     rec.Cover,
+			Status:    rec.Status,
+			Genres:    rec.Genres,
+			SourceURL: rec.SourceURL,
+			Updated:   t,
+		})
+	}
+	return result, nil
+}
+
+func (s *Store) RankingFreshEnough(ctx context.Context, maxAge time.Duration) (bool, error) {
+	items, err := s.ReadRankingItems(ctx)
+	if err != nil || len(items) == 0 {
+		return false, err
+	}
+	var latest time.Time
+	for _, item := range items {
+		if item.Updated.After(latest) {
+			latest = item.Updated
+		}
+	}
+	return time.Since(latest) < maxAge, nil
+}
+
+// ── AudioStore ────────────────────────────────────────────────────────────────
+
+func (s *Store) AudioObjectKey(slug string, n int, voice string) string {
+	return AudioObjectKey(slug, n, voice)
+}
+
+func (s *Store) AudioObjectKeyExt(slug string, n int, voice, ext string) string {
+	return AudioObjectKeyExt(slug, n, voice, ext)
+}
+
+func (s *Store) AudioExists(ctx context.Context, key string) bool {
+	return s.mc.objectExists(ctx, s.mc.bucketAudio, key)
+}
+
+func (s *Store) AudioObjectSize(ctx context.Context, key string) int64 {
+	return s.mc.objectSize(ctx, s.mc.bucketAudio, key)
+}
+
+func (s *Store) PutAudio(ctx context.Context, key string, data []byte) error {
+	return s.mc.putObject(ctx, s.mc.bucketAudio, key, "audio/mpeg", data)
+}
+
+func (s *Store) PutAudioStream(ctx context.Context, key string, r io.Reader, size int64, contentType string) error {
+	return s.mc.putObjectStream(ctx, s.mc.bucketAudio, key, contentType, r, size)
+}
+
+// ── PresignStore ──────────────────────────────────────────────────────────────
+
+func (s *Store) PresignChapter(ctx context.Context, slug string, n int, expires time.Duration) (string, error) {
+	return s.mc.presignGet(ctx, s.mc.bucketChapters, ChapterObjectKey(slug, n), expires)
+}
+
+func (s *Store) PresignAudio(ctx context.Context, key string, expires time.Duration) (string, error) {
+	return s.mc.presignGet(ctx, s.mc.bucketAudio, key, expires)
+}
+
+func (s *Store) PresignAvatarUpload(ctx context.Context, userID, ext string) (uploadURL, key string, err error) {
+	key = AvatarObjectKey(userID, ext)
+	uploadURL, err = s.mc.presignPut(ctx, s.mc.bucketAvatars, key, 15*time.Minute)
+	return
+}
+
+func (s *Store) PresignAvatarURL(ctx context.Context, userID string) (string, bool, error) {
+	for _, ext := range []string{"jpg", "png", "webp"} {
+		key := AvatarObjectKey(userID, ext)
+		if s.mc.objectExists(ctx, s.mc.bucketAvatars, key) {
+			u, err := s.mc.presignGet(ctx, s.mc.bucketAvatars, key, 1*time.Hour)
+			return u, true, err
+		}
+	}
+	return "", false, nil
+}
+
+func (s *Store) PutAvatar(ctx context.Context, userID, ext, contentType string, data []byte) (string, error) {
+	// Delete existing avatar objects for this user before writing the new one
+	// so old extensions don't linger (e.g. old .png after uploading a .jpg).
+	_ = s.mc.deleteObjects(ctx, s.mc.bucketAvatars, userID+"/")
+	key := AvatarObjectKey(userID, ext)
+	if err := s.mc.putObject(ctx, s.mc.bucketAvatars, key, contentType, data); err != nil {
+		return "", fmt.Errorf("put avatar: %w", err)
+	}
+	return key, nil
+}
+
+func (s *Store) DeleteAvatar(ctx context.Context, userID string) error {
+	return s.mc.deleteObjects(ctx, s.mc.bucketAvatars, userID+"/")
+}
+
+// ── ProgressStore ─────────────────────────────────────────────────────────────
+
+func (s *Store) GetProgress(ctx context.Context, sessionID, slug string) (domain.ReadingProgress, bool) {
+	filter := fmt.Sprintf(`session_id=%q&&slug=%q`, sessionID, slug)
+	items, err := s.pb.listAll(ctx, "progress", filter, "")
+	if err != nil || len(items) == 0 {
+		return domain.ReadingProgress{}, false
+	}
+	var rec struct {
+		Slug      string `json:"slug"`
+		Chapter   int    `json:"chapter"`
+		UpdatedAt string `json:"updated"`
+	}
+	json.Unmarshal(items[0], &rec)
+	t, _ := time.Parse(time.RFC3339, rec.UpdatedAt)
+	return domain.ReadingProgress{Slug: rec.Slug, Chapter: rec.Chapter, UpdatedAt: t}, true
+}
+
+func (s *Store) SetProgress(ctx context.Context, sessionID string, p domain.ReadingProgress) error {
+	payload := map[string]any{
+		"session_id": sessionID,
+		"slug":       p.Slug,
+		"chapter":    p.Chapter,
+	}
+	filter := fmt.Sprintf(`session_id=%q&&slug=%q`, sessionID, p.Slug)
+	items, err := s.pb.listAll(ctx, "progress", filter, "")
+	if err != nil && err != ErrNotFound {
+		return err
+	}
+	if len(items) == 0 {
+		return s.pb.post(ctx, "/api/collections/progress/records", payload, nil)
+	}
+	var rec struct {
+		ID string `json:"id"`
+	}
+	json.Unmarshal(items[0], &rec)
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/progress/records/%s", rec.ID), payload)
+}
+
+func (s *Store) AllProgress(ctx context.Context, sessionID string) ([]domain.ReadingProgress, error) {
+	filter := fmt.Sprintf(`session_id=%q`, sessionID)
+	items, err := s.pb.listAll(ctx, "progress", filter, "-updated")
+	if err != nil {
+		return nil, err
+	}
+	result := make([]domain.ReadingProgress, 0, len(items))
+	for _, raw := range items {
+		var rec struct {
+			Slug      string `json:"slug"`
+			Chapter   int    `json:"chapter"`
+			UpdatedAt string `json:"updated"`
+		}
+		json.Unmarshal(raw, &rec)
+		t, _ := time.Parse(time.RFC3339, rec.UpdatedAt)
+		result = append(result, domain.ReadingProgress{Slug: rec.Slug, Chapter: rec.Chapter, UpdatedAt: t})
+	}
+	return result, nil
+}
+
+func (s *Store) DeleteProgress(ctx context.Context, sessionID, slug string) error {
+	filter := fmt.Sprintf(`session_id=%q&&slug=%q`, sessionID, slug)
+	items, err := s.pb.listAll(ctx, "progress", filter, "")
+	if err != nil || len(items) == 0 {
+		return nil
+	}
+	var rec struct {
+		ID string `json:"id"`
+	}
+	json.Unmarshal(items[0], &rec)
+	return s.pb.delete(ctx, fmt.Sprintf("/api/collections/progress/records/%s", rec.ID))
+}
+
+// ── taskqueue.Producer ────────────────────────────────────────────────────────
+
+func (s *Store) CreateScrapeTask(ctx context.Context, kind, targetURL string, fromChapter, toChapter int) (string, error) {
+	payload := map[string]any{
+		"kind":         kind,
+		"target_url":   targetURL,
+		"from_chapter": fromChapter,
+		"to_chapter":   toChapter,
+		"status":       string(domain.TaskStatusPending),
+		"started":      time.Now().UTC().Format(time.RFC3339),
+	}
+	var rec struct {
+		ID string `json:"id"`
+	}
+	if err := s.pb.post(ctx, "/api/collections/scraping_tasks/records", payload, &rec); err != nil {
+		return "", err
+	}
+	return rec.ID, nil
+}
+
+func (s *Store) CreateAudioTask(ctx context.Context, slug string, chapter int, voice string) (string, error) {
+	cacheKey := fmt.Sprintf("%s/%d/%s", slug, chapter, voice)
+	payload := map[string]any{
+		"cache_key": cacheKey,
+		"slug":      slug,
+		"chapter":   chapter,
+		"voice":     voice,
+		"status":    string(domain.TaskStatusPending),
+		"started":   time.Now().UTC().Format(time.RFC3339),
+	}
+	var rec struct {
+		ID string `json:"id"`
+	}
+	if err := s.pb.post(ctx, "/api/collections/audio_jobs/records", payload, &rec); err != nil {
+		return "", err
+	}
+	return rec.ID, nil
+}
+
+func (s *Store) CreateTranslationTask(ctx context.Context, slug string, chapter int, lang string) (string, error) {
+	cacheKey := fmt.Sprintf("%s/%d/%s", slug, chapter, lang)
+	payload := map[string]any{
+		"cache_key": cacheKey,
+		"slug":      slug,
+		"chapter":   chapter,
+		"lang":      lang,
+		"status":    string(domain.TaskStatusPending),
+		"started":   time.Now().UTC().Format(time.RFC3339),
+	}
+	var rec struct {
+		ID string `json:"id"`
+	}
+	if err := s.pb.post(ctx, "/api/collections/translation_jobs/records", payload, &rec); err != nil {
+		return "", err
+	}
+	return rec.ID, nil
+}
+
+func (s *Store) CreateImportTask(ctx context.Context, task domain.ImportTask) (string, error) {
+	payload := map[string]any{
+		"slug":              task.Slug,
+		"title":             task.Title,
+		"file_name":         task.Slug + "." + task.FileType,
+		"file_type":         task.FileType,
+		"object_key":        task.ObjectKey,
+		"chapters_key":      task.ChaptersKey,
+		"author":            task.Author,
+		"cover_url":         task.CoverURL,
+		"summary":           task.Summary,
+		"book_status":       task.BookStatus,
+		"status":            string(domain.TaskStatusPending),
+		"chapters_done":     0,
+		"chapters_total":    task.ChaptersTotal,
+		"started":           time.Now().UTC().Format(time.RFC3339),
+		"initiator_user_id": task.InitiatorUserID,
+	}
+	if len(task.Genres) > 0 {
+		payload["genres"] = strings.Join(task.Genres, ",")
+	}
+	var rec struct {
+		ID string `json:"id"`
+	}
+	if err := s.pb.post(ctx, "/api/collections/import_tasks/records", payload, &rec); err != nil {
+		return "", err
+	}
+	return rec.ID, nil
+}
+
+// CreateNotification creates a notification record in PocketBase.
+func (s *Store) CreateNotification(ctx context.Context, userID, title, message, link string) error {
+	payload := map[string]any{
+		"user_id":  userID,
+		"title":     title,
+		"message":  message,
+		"link":     link,
+		"read":     false,
+		"created":  time.Now().UTC().Format(time.RFC3339),
+	}
+	return s.pb.post(ctx, "/api/collections/notifications/records", payload, nil)
+}
+
+// ListNotifications returns notifications for a user.
+func (s *Store) ListNotifications(ctx context.Context, userID string, limit int) ([]map[string]any, error) {
+	filter := fmt.Sprintf(`user_id=%q`, userID)
+	items, err := s.pb.listAll(ctx, "notifications", filter, "-created")
+	if err != nil {
+		return nil, err
+	}
+	// Parse each json.RawMessage into a map
+	results := make([]map[string]any, 0, len(items))
+	for _, raw := range items {
+		var m map[string]any
+		if json.Unmarshal(raw, &m) == nil {
+			results = append(results, m)
+		}
+	}
+	if limit > 0 && len(results) > limit {
+		results = results[:limit]
+	}
+	return results, nil
+}
+
+// MarkNotificationRead marks a notification as read.
+func (s *Store) MarkNotificationRead(ctx context.Context, id string) error {
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/notifications/records/%s", id),
+		map[string]any{"read": true})
+}
+
+// DeleteNotification deletes a single notification by ID.
+func (s *Store) DeleteNotification(ctx context.Context, id string) error {
+	return s.pb.delete(ctx, fmt.Sprintf("/api/collections/notifications/records/%s", id))
+}
+
+// ClearAllNotifications deletes all notifications for a user.
+func (s *Store) ClearAllNotifications(ctx context.Context, userID string) error {
+	filter := fmt.Sprintf(`user_id=%q`, userID)
+	items, err := s.pb.listAll(ctx, "notifications", filter, "")
+	if err != nil {
+		return fmt.Errorf("ClearAllNotifications list: %w", err)
+	}
+	for _, raw := range items {
+		var rec struct {
+			ID string `json:"id"`
+		}
+		if json.Unmarshal(raw, &rec) == nil && rec.ID != "" {
+			_ = s.pb.delete(ctx, fmt.Sprintf("/api/collections/notifications/records/%s", rec.ID))
+		}
+	}
+	return nil
+}
+
+// MarkAllNotificationsRead marks all notifications for a user as read.
+func (s *Store) MarkAllNotificationsRead(ctx context.Context, userID string) error {
+	filter := fmt.Sprintf(`user_id=%q&&read=false`, userID)
+	items, err := s.pb.listAll(ctx, "notifications", filter, "")
+	if err != nil {
+		return fmt.Errorf("MarkAllNotificationsRead list: %w", err)
+	}
+	for _, raw := range items {
+		var rec struct {
+			ID string `json:"id"`
+		}
+		if json.Unmarshal(raw, &rec) == nil && rec.ID != "" {
+			_ = s.pb.patch(ctx, fmt.Sprintf("/api/collections/notifications/records/%s", rec.ID),
+				map[string]any{"read": true})
+		}
+	}
+	return nil
+}
+
+func (s *Store) CancelTask(ctx context.Context, id string) error {
+	// Try scraping_tasks first, then audio_jobs, then translation_jobs.
+	if err := s.pb.patch(ctx, fmt.Sprintf("/api/collections/scraping_tasks/records/%s", id),
+		map[string]string{"status": string(domain.TaskStatusCancelled)}); err == nil {
+		return nil
+	}
+	if err := s.pb.patch(ctx, fmt.Sprintf("/api/collections/audio_jobs/records/%s", id),
+		map[string]string{"status": string(domain.TaskStatusCancelled)}); err == nil {
+		return nil
+	}
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/translation_jobs/records/%s", id),
+		map[string]string{"status": string(domain.TaskStatusCancelled)})
+}
+
+func (s *Store) CancelAudioTasksBySlug(ctx context.Context, slug string) (int, error) {
+	filter := fmt.Sprintf(`slug='%s'&&(status='pending'||status='running')`, slug)
+	items, err := s.pb.listAll(ctx, "audio_jobs", filter, "")
+	if err != nil {
+		return 0, fmt.Errorf("CancelAudioTasksBySlug list: %w", err)
+	}
+	cancelled := 0
+	for _, raw := range items {
+		var rec struct {
+			ID string `json:"id"`
+		}
+		if json.Unmarshal(raw, &rec) == nil && rec.ID != "" {
+			if patchErr := s.pb.patch(ctx,
+				fmt.Sprintf("/api/collections/audio_jobs/records/%s", rec.ID),
+				map[string]string{"status": string(domain.TaskStatusCancelled)}); patchErr == nil {
+				cancelled++
+			}
+		}
+	}
+	return cancelled, nil
+}
+
+// ── taskqueue.Consumer ────────────────────────────────────────────────────────
+
+func (s *Store) ClaimNextScrapeTask(ctx context.Context, workerID string) (domain.ScrapeTask, bool, error) {
+	raw, err := s.pb.claimRecord(ctx, "scraping_tasks", workerID, nil)
+	if err != nil {
+		return domain.ScrapeTask{}, false, err
+	}
+	if raw == nil {
+		return domain.ScrapeTask{}, false, nil
+	}
+	task, err := parseScrapeTask(raw)
+	return task, err == nil, err
+}
+
+func (s *Store) ClaimNextAudioTask(ctx context.Context, workerID string) (domain.AudioTask, bool, error) {
+	raw, err := s.pb.claimRecord(ctx, "audio_jobs", workerID, nil)
+	if err != nil {
+		return domain.AudioTask{}, false, err
+	}
+	if raw == nil {
+		return domain.AudioTask{}, false, nil
+	}
+	task, err := parseAudioTask(raw)
+	return task, err == nil, err
+}
+
+func (s *Store) ClaimNextTranslationTask(ctx context.Context, workerID string) (domain.TranslationTask, bool, error) {
+	raw, err := s.pb.claimRecord(ctx, "translation_jobs", workerID, nil)
+	if err != nil {
+		return domain.TranslationTask{}, false, err
+	}
+	if raw == nil {
+		return domain.TranslationTask{}, false, nil
+	}
+	task, err := parseTranslationTask(raw)
+	return task, err == nil, err
+}
+
+func (s *Store) ClaimNextImportTask(ctx context.Context, workerID string) (domain.ImportTask, bool, error) {
+	raw, err := s.pb.claimRecord(ctx, "import_tasks", workerID, nil)
+	if err != nil {
+		return domain.ImportTask{}, false, err
+	}
+	if raw == nil {
+		return domain.ImportTask{}, false, nil
+	}
+	task, err := parseImportTask(raw)
+	return task, err == nil, err
+}
+
+func (s *Store) FinishScrapeTask(ctx context.Context, id string, result domain.ScrapeResult) error {
+	status := string(domain.TaskStatusDone)
+	if result.ErrorMessage != "" {
+		status = string(domain.TaskStatusFailed)
+	}
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/scraping_tasks/records/%s", id), map[string]any{
+		"status":           status,
+		"books_found":      result.BooksFound,
+		"chapters_scraped": result.ChaptersScraped,
+		"chapters_skipped": result.ChaptersSkipped,
+		"errors":           result.Errors,
+		"error_message":    result.ErrorMessage,
+		"finished":         time.Now().UTC().Format(time.RFC3339),
+	})
+}
+
+func (s *Store) FinishAudioTask(ctx context.Context, id string, result domain.AudioResult) error {
+	status := string(domain.TaskStatusDone)
+	if result.ErrorMessage != "" {
+		status = string(domain.TaskStatusFailed)
+	}
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/audio_jobs/records/%s", id), map[string]any{
+		"status":        status,
+		"error_message": result.ErrorMessage,
+		"finished":      time.Now().UTC().Format(time.RFC3339),
+	})
+}
+
+func (s *Store) FinishTranslationTask(ctx context.Context, id string, result domain.TranslationResult) error {
+	status := string(domain.TaskStatusDone)
+	if result.ErrorMessage != "" {
+		status = string(domain.TaskStatusFailed)
+	}
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/translation_jobs/records/%s", id), map[string]any{
+		"status":        status,
+		"error_message": result.ErrorMessage,
+		"finished":      time.Now().UTC().Format(time.RFC3339),
+	})
+}
+
+func (s *Store) FinishImportTask(ctx context.Context, id string, result domain.ImportResult) error {
+	status := string(domain.TaskStatusDone)
+	if result.ErrorMessage != "" {
+		status = string(domain.TaskStatusFailed)
+	}
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/import_tasks/records/%s", id), map[string]any{
+		"status":           status,
+		"chapters_done":    result.ChaptersImported,
+		"chapters_total":   result.ChaptersImported,
+		"error_message":    result.ErrorMessage,
+		"finished":         time.Now().UTC().Format(time.RFC3339),
+	})
+}
+
+func (s *Store) FailTask(ctx context.Context, id, errMsg string) error {
+	payload := map[string]any{
+		"status":        string(domain.TaskStatusFailed),
+		"error_message": errMsg,
+		"finished":      time.Now().UTC().Format(time.RFC3339),
+	}
+	if err := s.pb.patch(ctx, fmt.Sprintf("/api/collections/scraping_tasks/records/%s", id), payload); err == nil {
+		return nil
+	}
+	if err := s.pb.patch(ctx, fmt.Sprintf("/api/collections/audio_jobs/records/%s", id), payload); err == nil {
+		return nil
+	}
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/translation_jobs/records/%s", id), payload)
+}
+
+// HeartbeatTask updates the heartbeat_at field on a running task.
+// Tries scraping_tasks, audio_jobs, translation_jobs, then import_tasks.
+func (s *Store) HeartbeatTask(ctx context.Context, id string) error {
+	payload := map[string]any{
+		"heartbeat_at": time.Now().UTC().Format(time.RFC3339),
+	}
+	if err := s.pb.patch(ctx, fmt.Sprintf("/api/collections/scraping_tasks/records/%s", id), payload); err == nil {
+		return nil
+	}
+	if err := s.pb.patch(ctx, fmt.Sprintf("/api/collections/audio_jobs/records/%s", id), payload); err == nil {
+		return nil
+	}
+	if err := s.pb.patch(ctx, fmt.Sprintf("/api/collections/translation_jobs/records/%s", id), payload); err == nil {
+		return nil
+	}
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/import_tasks/records/%s", id), payload)
+}
+
+// ReapStaleTasks finds all running tasks whose heartbeat_at is either missing
+// or older than staleAfter, and resets them to pending so they can be
+// re-claimed. Returns the number of tasks reaped.
+func (s *Store) ReapStaleTasks(ctx context.Context, staleAfter time.Duration) (int, error) {
+	threshold := time.Now().UTC().Add(-staleAfter).Format(time.RFC3339)
+	// Match tasks that are running AND (heartbeat_at is null OR heartbeat_at < threshold).
+	// PocketBase datetime fields require `=null` not `=""` in filter expressions.
+	filter := fmt.Sprintf(`status="running"&&(heartbeat_at=null||heartbeat_at<"%s")`, threshold)
+	resetPayload := map[string]any{
+		"status":       string(domain.TaskStatusPending),
+		"worker_id":    "",
+		"heartbeat_at": nil,
+	}
+
+	total := 0
+	for _, collection := range []string{"scraping_tasks", "audio_jobs", "translation_jobs", "import_tasks"} {
+		items, err := s.pb.listAll(ctx, collection, filter, "")
+		if err != nil {
+			return total, fmt.Errorf("ReapStaleTasks list %s: %w", collection, err)
+		}
+		for _, raw := range items {
+			var rec struct {
+				ID string `json:"id"`
+			}
+			if err := json.Unmarshal(raw, &rec); err != nil || rec.ID == "" {
+				continue
+			}
+			path := fmt.Sprintf("/api/collections/%s/records/%s", collection, rec.ID)
+			if err := s.pb.patch(ctx, path, resetPayload); err != nil {
+				s.log.Warn("ReapStaleTasks: patch failed", "collection", collection, "id", rec.ID, "err", err)
+				continue
+			}
+			total++
+		}
+	}
+	return total, nil
+}
+
+// ── taskqueue.Reader ──────────────────────────────────────────────────────────
+
+func (s *Store) ListScrapeTasks(ctx context.Context) ([]domain.ScrapeTask, error) {
+	items, err := s.pb.listAll(ctx, "scraping_tasks", "", "-started")
+	if err != nil {
+		return nil, err
+	}
+	tasks := make([]domain.ScrapeTask, 0, len(items))
+	for _, raw := range items {
+		t, err := parseScrapeTask(raw)
+		if err == nil {
+			tasks = append(tasks, t)
+		}
+	}
+	return tasks, nil
+}
+
+func (s *Store) GetScrapeTask(ctx context.Context, id string) (domain.ScrapeTask, bool, error) {
+	var raw json.RawMessage
+	if err := s.pb.get(ctx, fmt.Sprintf("/api/collections/scraping_tasks/records/%s", id), &raw); err != nil {
+		if err == ErrNotFound {
+			return domain.ScrapeTask{}, false, nil
+		}
+		return domain.ScrapeTask{}, false, err
+	}
+	t, err := parseScrapeTask(raw)
+	return t, err == nil, err
+}
+
+func (s *Store) ListAudioTasks(ctx context.Context) ([]domain.AudioTask, error) {
+	items, err := s.pb.listAll(ctx, "audio_jobs", "", "-started")
+	if err != nil {
+		return nil, err
+	}
+	tasks := make([]domain.AudioTask, 0, len(items))
+	for _, raw := range items {
+		t, err := parseAudioTask(raw)
+		if err == nil {
+			tasks = append(tasks, t)
+		}
+	}
+	return tasks, nil
+}
+
+func (s *Store) GetAudioTask(ctx context.Context, cacheKey string) (domain.AudioTask, bool, error) {
+	filter := fmt.Sprintf(`cache_key='%s'`, cacheKey)
+	items, err := s.pb.listAll(ctx, "audio_jobs", filter, "-started")
+	if err != nil || len(items) == 0 {
+		return domain.AudioTask{}, false, err
+	}
+	t, err := parseAudioTask(items[0])
+	return t, err == nil, err
+}
+
+func (s *Store) ListTranslationTasks(ctx context.Context) ([]domain.TranslationTask, error) {
+	items, err := s.pb.listAll(ctx, "translation_jobs", "", "-started")
+	if err != nil {
+		return nil, err
+	}
+	tasks := make([]domain.TranslationTask, 0, len(items))
+	for _, raw := range items {
+		t, err := parseTranslationTask(raw)
+		if err == nil {
+			tasks = append(tasks, t)
+		}
+	}
+	return tasks, nil
+}
+
+func (s *Store) GetTranslationTask(ctx context.Context, cacheKey string) (domain.TranslationTask, bool, error) {
+	items, err := s.pb.listAll(ctx, "translation_jobs", fmt.Sprintf("cache_key=%q", cacheKey), "-started")
+	if err != nil || len(items) == 0 {
+		return domain.TranslationTask{}, false, err
+	}
+	t, err := parseTranslationTask(items[0])
+	return t, err == nil, err
+}
+
+func (s *Store) ListImportTasks(ctx context.Context) ([]domain.ImportTask, error) {
+	items, err := s.pb.listAll(ctx, "import_tasks", "", "-started")
+	if err != nil {
+		return nil, err
+	}
+	tasks := make([]domain.ImportTask, 0, len(items))
+	for _, raw := range items {
+		t, err := parseImportTask(raw)
+		if err == nil {
+			tasks = append(tasks, t)
+		}
+	}
+	return tasks, nil
+}
+
+func (s *Store) GetImportTask(ctx context.Context, id string) (domain.ImportTask, bool, error) {
+	var raw json.RawMessage
+	if err := s.pb.get(ctx, fmt.Sprintf("/api/collections/import_tasks/records/%s", id), &raw); err != nil {
+		if err == ErrNotFound {
+			return domain.ImportTask{}, false, nil
+		}
+		return domain.ImportTask{}, false, err
+	}
+	t, err := parseImportTask(raw)
+	return t, err == nil, err
+}
+
+// ── Parsers ───────────────────────────────────────────────────────────────────
+
+func parseScrapeTask(raw json.RawMessage) (domain.ScrapeTask, error) {
+	var rec struct {
+		ID              string `json:"id"`
+		Kind            string `json:"kind"`
+		TargetURL       string `json:"target_url"`
+		FromChapter     int    `json:"from_chapter"`
+		ToChapter       int    `json:"to_chapter"`
+		WorkerID        string `json:"worker_id"`
+		Status          string `json:"status"`
+		BooksFound      int    `json:"books_found"`
+		ChaptersScraped int    `json:"chapters_scraped"`
+		ChaptersSkipped int    `json:"chapters_skipped"`
+		Errors          int    `json:"errors"`
+		Started         string `json:"started"`
+		Finished        string `json:"finished"`
+		ErrorMessage    string `json:"error_message"`
+	}
+	if err := json.Unmarshal(raw, &rec); err != nil {
+		return domain.ScrapeTask{}, err
+	}
+	started, _ := time.Parse(time.RFC3339, rec.Started)
+	finished, _ := time.Parse(time.RFC3339, rec.Finished)
+	return domain.ScrapeTask{
+		ID:              rec.ID,
+		Kind:            rec.Kind,
+		TargetURL:       rec.TargetURL,
+		FromChapter:     rec.FromChapter,
+		ToChapter:       rec.ToChapter,
+		WorkerID:        rec.WorkerID,
+		Status:          domain.TaskStatus(rec.Status),
+		BooksFound:      rec.BooksFound,
+		ChaptersScraped: rec.ChaptersScraped,
+		ChaptersSkipped: rec.ChaptersSkipped,
+		Errors:          rec.Errors,
+		Started:         started,
+		Finished:        finished,
+		ErrorMessage:    rec.ErrorMessage,
+	}, nil
+}
+
+func parseAudioTask(raw json.RawMessage) (domain.AudioTask, error) {
+	var rec struct {
+		ID           string `json:"id"`
+		CacheKey     string `json:"cache_key"`
+		Slug         string `json:"slug"`
+		Chapter      int    `json:"chapter"`
+		Voice        string `json:"voice"`
+		WorkerID     string `json:"worker_id"`
+		Status       string `json:"status"`
+		ErrorMessage string `json:"error_message"`
+		Started      string `json:"started"`
+		Finished     string `json:"finished"`
+	}
+	if err := json.Unmarshal(raw, &rec); err != nil {
+		return domain.AudioTask{}, err
+	}
+	started, _ := time.Parse(time.RFC3339, rec.Started)
+	finished, _ := time.Parse(time.RFC3339, rec.Finished)
+	return domain.AudioTask{
+		ID:           rec.ID,
+		CacheKey:     rec.CacheKey,
+		Slug:         rec.Slug,
+		Chapter:      rec.Chapter,
+		Voice:        rec.Voice,
+		WorkerID:     rec.WorkerID,
+		Status:       domain.TaskStatus(rec.Status),
+		ErrorMessage: rec.ErrorMessage,
+		Started:      started,
+		Finished:     finished,
+	}, nil
+}
+
+func parseTranslationTask(raw json.RawMessage) (domain.TranslationTask, error) {
+	var rec struct {
+		ID           string `json:"id"`
+		CacheKey     string `json:"cache_key"`
+		Slug         string `json:"slug"`
+		Chapter      int    `json:"chapter"`
+		Lang         string `json:"lang"`
+		WorkerID     string `json:"worker_id"`
+		Status       string `json:"status"`
+		ErrorMessage string `json:"error_message"`
+		Started      string `json:"started"`
+		Finished     string `json:"finished"`
+	}
+	if err := json.Unmarshal(raw, &rec); err != nil {
+		return domain.TranslationTask{}, err
+	}
+	started, _ := time.Parse(time.RFC3339, rec.Started)
+	finished, _ := time.Parse(time.RFC3339, rec.Finished)
+	return domain.TranslationTask{
+		ID:           rec.ID,
+		CacheKey:     rec.CacheKey,
+		Slug:         rec.Slug,
+		Chapter:      rec.Chapter,
+		Lang:         rec.Lang,
+		WorkerID:     rec.WorkerID,
+		Status:       domain.TaskStatus(rec.Status),
+		ErrorMessage: rec.ErrorMessage,
+		Started:      started,
+		Finished:     finished,
+	}, nil
+}
+
+func parseImportTask(raw json.RawMessage) (domain.ImportTask, error) {
+	var rec struct {
+		ID              string `json:"id"`
+		Slug            string `json:"slug"`
+		Title           string `json:"title"`
+		FileName        string `json:"file_name"`
+		FileType        string `json:"file_type"`
+		ObjectKey       string `json:"object_key"`
+		ChaptersKey     string `json:"chapters_key"`
+		Author          string `json:"author"`
+		CoverURL        string `json:"cover_url"`
+		Genres          string `json:"genres"` // stored as comma-separated
+		Summary         string `json:"summary"`
+		BookStatus      string `json:"book_status"`
+		WorkerID        string `json:"worker_id"`
+		InitiatorUserID string `json:"initiator_user_id"`
+		Status          string `json:"status"`
+		ChaptersDone    int    `json:"chapters_done"`
+		ChaptersTotal   int    `json:"chapters_total"`
+		ErrorMessage    string `json:"error_message"`
+		Started         string `json:"started"`
+		Finished        string `json:"finished"`
+	}
+	if err := json.Unmarshal(raw, &rec); err != nil {
+		return domain.ImportTask{}, err
+	}
+	started, _ := time.Parse(time.RFC3339, rec.Started)
+	finished, _ := time.Parse(time.RFC3339, rec.Finished)
+	var genres []string
+	if rec.Genres != "" {
+		for _, g := range strings.Split(rec.Genres, ",") {
+			if g = strings.TrimSpace(g); g != "" {
+				genres = append(genres, g)
+			}
+		}
+	}
+	return domain.ImportTask{
+		ID:              rec.ID,
+		Slug:            rec.Slug,
+		Title:           rec.Title,
+		FileName:        rec.FileName,
+		FileType:        rec.FileType,
+		ObjectKey:       rec.ObjectKey,
+		ChaptersKey:     rec.ChaptersKey,
+		Author:          rec.Author,
+		CoverURL:        rec.CoverURL,
+		Genres:          genres,
+		Summary:         rec.Summary,
+		BookStatus:      rec.BookStatus,
+		WorkerID:        rec.WorkerID,
+		InitiatorUserID: rec.InitiatorUserID,
+		Status:          domain.TaskStatus(rec.Status),
+		ChaptersDone:    rec.ChaptersDone,
+		ChaptersTotal:   rec.ChaptersTotal,
+		ErrorMessage:    rec.ErrorMessage,
+		Started:         started,
+		Finished:        finished,
+	}, nil
+}
+
+// ── CoverStore ─────────────────────────────────────────────────────────────────
+
+func (s *Store) PutCover(ctx context.Context, slug string, data []byte, contentType string) error {
+	key := CoverObjectKey(slug)
+	if contentType == "" {
+		contentType = coverContentType(data)
+	}
+	if err := s.mc.putCover(ctx, key, contentType, data); err != nil {
+		return fmt.Errorf("PutCover: %w", err)
+	}
+	return nil
+}
+
+func (s *Store) GetCover(ctx context.Context, slug string) ([]byte, string, bool, error) {
+	key := CoverObjectKey(slug)
+	data, ok, err := s.mc.getCover(ctx, key)
+	if err != nil {
+		return nil, "", false, fmt.Errorf("GetCover: %w", err)
+	}
+	if !ok {
+		return nil, "", false, nil
+	}
+	ct := coverContentType(data)
+	return data, ct, true, nil
+}
+
+// PutImportFile stores an uploaded import file (PDF/EPUB) in MinIO.
+func (s *Store) PutImportFile(ctx context.Context, key string, data []byte) error {
+	return s.mc.putObject(ctx, "imports", key, "application/octet-stream", data)
+}
+
+// PutImportChapters stores a pre-parsed chapters JSON blob in MinIO.
+func (s *Store) PutImportChapters(ctx context.Context, key string, data []byte) error {
+	return s.mc.putObject(ctx, "imports", key, "application/json", data)
+}
+
+// GetImportChapters retrieves the pre-parsed chapters JSON from MinIO.
+func (s *Store) GetImportChapters(ctx context.Context, key string) ([]byte, error) {
+	data, err := s.mc.getObject(ctx, "imports", key)
+	if err != nil {
+		return nil, fmt.Errorf("get chapters object: %w", err)
+	}
+	return data, nil
+}
+
+func (s *Store) CoverExists(ctx context.Context, slug string) bool {
+	return s.mc.coverExists(ctx, CoverObjectKey(slug))
+}
+
+// ── ChapterImageStore ──────────────────────────────────────────────────────────
+
+func (s *Store) PutChapterImage(ctx context.Context, slug string, n int, data []byte, contentType string) error {
+	key := ChapterImageObjectKey(slug, n)
+	if contentType == "" {
+		contentType = coverContentType(data)
+	}
+	if err := s.mc.putChapterImage(ctx, key, contentType, data); err != nil {
+		return fmt.Errorf("PutChapterImage: %w", err)
+	}
+	return nil
+}
+
+func (s *Store) GetChapterImage(ctx context.Context, slug string, n int) ([]byte, string, bool, error) {
+	key := ChapterImageObjectKey(slug, n)
+	data, ok, err := s.mc.getChapterImage(ctx, key)
+	if err != nil {
+		return nil, "", false, fmt.Errorf("GetChapterImage: %w", err)
+	}
+	if !ok {
+		return nil, "", false, nil
+	}
+	ct := coverContentType(data)
+	return data, ct, true, nil
+}
+
+func (s *Store) ChapterImageExists(ctx context.Context, slug string, n int) bool {
+	return s.mc.chapterImageExists(ctx, ChapterImageObjectKey(slug, n))
+}
+
+// ── TranslationStore ───────────────────────────────────────────────────────────
+
+func (s *Store) TranslationObjectKey(lang, slug string, n int) string {
+	return TranslationObjectKey(lang, slug, n)
+}
+
+func (s *Store) TranslationExists(ctx context.Context, key string) bool {
+	return s.mc.objectExists(ctx, s.mc.bucketTranslations, key)
+}
+
+func (s *Store) PutTranslation(ctx context.Context, key string, data []byte) error {
+	return s.mc.putObject(ctx, s.mc.bucketTranslations, key, "text/markdown; charset=utf-8", data)
+}
+
+func (s *Store) GetTranslation(ctx context.Context, key string) (string, error) {
+	data, err := s.mc.getObject(ctx, s.mc.bucketTranslations, key)
+	if err != nil {
+		return "", fmt.Errorf("GetTranslation: %w", err)
+	}
+	return string(data), nil
+}
+
+// ── AIJobStore ────────────────────────────────────────────────────────────────
+
+func (s *Store) CreateAIJob(ctx context.Context, job domain.AIJob) (string, error) {
+	payload := map[string]any{
+		"kind":        job.Kind,
+		"slug":        job.Slug,
+		"status":      string(job.Status),
+		"from_item":   job.FromItem,
+		"to_item":     job.ToItem,
+		"items_done":  job.ItemsDone,
+		"items_total": job.ItemsTotal,
+		"model":       job.Model,
+		"payload":     job.Payload,
+		"started":     job.Started.Format(time.RFC3339),
+	}
+	var out struct {
+		ID string `json:"id"`
+	}
+	if err := s.pb.post(ctx, "/api/collections/ai_jobs/records", payload, &out); err != nil {
+		return "", fmt.Errorf("CreateAIJob: %w", err)
+	}
+	return out.ID, nil
+}
+
+func (s *Store) GetAIJob(ctx context.Context, id string) (domain.AIJob, bool, error) {
+	var raw json.RawMessage
+	if err := s.pb.get(ctx, fmt.Sprintf("/api/collections/ai_jobs/records/%s", id), &raw); err != nil {
+		if strings.Contains(err.Error(), "404") {
+			return domain.AIJob{}, false, nil
+		}
+		return domain.AIJob{}, false, fmt.Errorf("GetAIJob: %w", err)
+	}
+	job, err := parseAIJob(raw)
+	if err != nil {
+		return domain.AIJob{}, false, err
+	}
+	return job, true, nil
+}
+
+func (s *Store) UpdateAIJob(ctx context.Context, id string, fields map[string]any) error {
+	return s.pb.patch(ctx, fmt.Sprintf("/api/collections/ai_jobs/records/%s", id), fields)
+}
+
+func (s *Store) ListAIJobs(ctx context.Context) ([]domain.AIJob, error) {
+	items, err := s.pb.listAll(ctx, "ai_jobs", "", "-started")
+	if err != nil {
+		return nil, fmt.Errorf("ListAIJobs: %w", err)
+	}
+	out := make([]domain.AIJob, 0, len(items))
+	for _, raw := range items {
+		j, err := parseAIJob(raw)
+		if err != nil {
+			continue
+		}
+		out = append(out, j)
+	}
+	return out, nil
+}
+
+func parseAIJob(raw json.RawMessage) (domain.AIJob, error) {
+	var r struct {
+		ID           string `json:"id"`
+		Kind         string `json:"kind"`
+		Slug         string `json:"slug"`
+		Status       string `json:"status"`
+		FromItem     int    `json:"from_item"`
+		ToItem       int    `json:"to_item"`
+		ItemsDone    int    `json:"items_done"`
+		ItemsTotal   int    `json:"items_total"`
+		Model        string `json:"model"`
+		Payload      string `json:"payload"`
+		ErrorMessage string `json:"error_message"`
+		Started      string `json:"started"`
+		Finished     string `json:"finished"`
+		HeartbeatAt  string `json:"heartbeat_at"`
+	}
+	if err := json.Unmarshal(raw, &r); err != nil {
+		return domain.AIJob{}, fmt.Errorf("parseAIJob: %w", err)
+	}
+	parseT := func(s string) time.Time {
+		if s == "" {
+			return time.Time{}
+		}
+		t, _ := time.Parse(time.RFC3339, s)
+		return t
+	}
+	return domain.AIJob{
+		ID:           r.ID,
+		Kind:         r.Kind,
+		Slug:         r.Slug,
+		Status:       domain.TaskStatus(r.Status),
+		FromItem:     r.FromItem,
+		ToItem:       r.ToItem,
+		ItemsDone:    r.ItemsDone,
+		ItemsTotal:   r.ItemsTotal,
+		Model:        r.Model,
+		Payload:      r.Payload,
+		ErrorMessage: r.ErrorMessage,
+		Started:      parseT(r.Started),
+		Finished:     parseT(r.Finished),
+		HeartbeatAt:  parseT(r.HeartbeatAt),
+	}, nil
+}
+
+// ── Push subscriptions ────────────────────────────────────────────────────────
+
+// PushSubscription holds the Web Push subscription data for a single browser.
+type PushSubscription struct {
+	ID       string
+	UserID   string
+	Endpoint string
+	P256DH   string
+	Auth     string
+}
+
+// SavePushSubscription upserts a Web Push subscription for a user.
+// If a record with the same endpoint already exists it is updated in place.
+func (s *Store) SavePushSubscription(ctx context.Context, sub PushSubscription) error {
+	filter := fmt.Sprintf("endpoint=%q", sub.Endpoint)
+	existing, err := s.pb.listAll(ctx, "push_subscriptions", filter, "")
+	if err != nil {
+		return fmt.Errorf("SavePushSubscription list: %w", err)
+	}
+	payload := map[string]any{
+		"user_id":  sub.UserID,
+		"endpoint": sub.Endpoint,
+		"p256dh":   sub.P256DH,
+		"auth":     sub.Auth,
+	}
+	if len(existing) > 0 {
+		var rec struct {
+			ID string `json:"id"`
+		}
+		if json.Unmarshal(existing[0], &rec) == nil && rec.ID != "" {
+			return s.pb.patch(ctx, fmt.Sprintf("/api/collections/push_subscriptions/records/%s", rec.ID), payload)
+		}
+	}
+	return s.pb.post(ctx, "/api/collections/push_subscriptions/records", payload, nil)
+}
+
+// DeletePushSubscription removes a Web Push subscription by endpoint.
+func (s *Store) DeletePushSubscription(ctx context.Context, userID, endpoint string) error {
+	filter := fmt.Sprintf("user_id=%q&&endpoint=%q", userID, endpoint)
+	items, err := s.pb.listAll(ctx, "push_subscriptions", filter, "")
+	if err != nil {
+		return fmt.Errorf("DeletePushSubscription list: %w", err)
+	}
+	for _, raw := range items {
+		var rec struct {
+			ID string `json:"id"`
+		}
+		if json.Unmarshal(raw, &rec) == nil && rec.ID != "" {
+			_ = s.pb.delete(ctx, fmt.Sprintf("/api/collections/push_subscriptions/records/%s", rec.ID))
+		}
+	}
+	return nil
+}
+
+// ListPushSubscriptionsByBook returns all push subscriptions belonging to users
+// who have the given book slug in their library (user_library collection).
+func (s *Store) ListPushSubscriptionsByBook(ctx context.Context, slug string) ([]PushSubscription, error) {
+	// Find all users who have this book in their library
+	libFilter := fmt.Sprintf("slug=%q&&user_id!=''", slug)
+	libItems, err := s.pb.listAll(ctx, "user_library", libFilter, "")
+	if err != nil {
+		return nil, fmt.Errorf("ListPushSubscriptionsByBook list library: %w", err)
+	}
+
+	// Collect unique user IDs
+	seen := make(map[string]bool)
+	var userIDs []string
+	for _, raw := range libItems {
+		var rec struct {
+			UserID string `json:"user_id"`
+		}
+		if json.Unmarshal(raw, &rec) == nil && rec.UserID != "" && !seen[rec.UserID] {
+			seen[rec.UserID] = true
+			userIDs = append(userIDs, rec.UserID)
+		}
+	}
+	if len(userIDs) == 0 {
+		return nil, nil
+	}
+
+	// Build OR filter for push_subscriptions
+	parts := make([]string, len(userIDs))
+	for i, uid := range userIDs {
+		parts[i] = fmt.Sprintf("user_id=%q", uid)
+	}
+	subFilter := strings.Join(parts, "||")
+	subItems, err := s.pb.listAll(ctx, "push_subscriptions", subFilter, "")
+	if err != nil {
+		return nil, fmt.Errorf("ListPushSubscriptionsByBook list subs: %w", err)
+	}
+
+	subs := make([]PushSubscription, 0, len(subItems))
+	for _, raw := range subItems {
+		var rec struct {
+			ID       string `json:"id"`
+			UserID   string `json:"user_id"`
+			Endpoint string `json:"endpoint"`
+			P256DH   string `json:"p256dh"`
+			Auth     string `json:"auth"`
+		}
+		if json.Unmarshal(raw, &rec) == nil && rec.Endpoint != "" {
+			subs = append(subs, PushSubscription{
+				ID:       rec.ID,
+				UserID:   rec.UserID,
+				Endpoint: rec.Endpoint,
+				P256DH:   rec.P256DH,
+				Auth:     rec.Auth,
+			})
+		}
+	}
+	return subs, nil
+}
+
+// NotifyUsersWithBook creates an in-app notification for every logged-in user
+// who has slug in their library. Errors for individual users are logged but
+// do not abort the loop. Returns the number of notifications created.
+func (s *Store) NotifyUsersWithBook(ctx context.Context, slug, title, message, link string) int {
+	userIDs, err := s.ListUserIDsWithBook(ctx, slug)
+	if err != nil || len(userIDs) == 0 {
+		return 0
+	}
+	var n int
+	for _, uid := range userIDs {
+		if createErr := s.CreateNotification(ctx, uid, title, message, link); createErr == nil {
+			n++
+		}
+	}
+	return n
+}
+// who have slug in their user_library. Used to fan-out new-chapter notifications.
+// Admin users and users who have opted out of in-app new-chapter notifications
+// (notify_new_chapters=false on app_users) are excluded.
+func (s *Store) ListUserIDsWithBook(ctx context.Context, slug string) ([]string, error) {
+	// Collect user IDs to skip: admins + opted-out users.
+	skipIDs := make(map[string]bool)
+	excludedItems, err := s.pb.listAll(ctx, "app_users", `role="admin"||notify_new_chapters=false`, "")
+	if err == nil {
+		for _, raw := range excludedItems {
+			var rec struct {
+				ID string `json:"id"`
+			}
+			if json.Unmarshal(raw, &rec) == nil && rec.ID != "" {
+				skipIDs[rec.ID] = true
+			}
+		}
+	}
+
+	filter := fmt.Sprintf("slug=%q&&user_id!=''", slug)
+	items, err := s.pb.listAll(ctx, "user_library", filter, "")
+	if err != nil {
+		return nil, fmt.Errorf("ListUserIDsWithBook: %w", err)
+	}
+	seen := make(map[string]bool)
+	var ids []string
+	for _, raw := range items {
+		var rec struct {
+			UserID string `json:"user_id"`
+		}
+		if json.Unmarshal(raw, &rec) == nil && rec.UserID != "" && !seen[rec.UserID] && !skipIDs[rec.UserID] {
+			seen[rec.UserID] = true
+			ids = append(ids, rec.UserID)
+		}
+	}
+	return ids, nil
+}
diff --git a/backend/internal/taskqueue/taskqueue.go b/backend/internal/taskqueue/taskqueue.go
new file mode 100644
index 0000000..1c9fd9b
--- /dev/null
+++ b/backend/internal/taskqueue/taskqueue.go
@@ -0,0 +1,127 @@
+// Package taskqueue defines the interfaces for creating and consuming
+// scrape/audio tasks stored in PocketBase.
+//
+// Interface segregation:
+//   - Producer is used only by the backend (creates tasks, cancels tasks).
+//   - Consumer is used only by the runner (claims tasks, reports results).
+//   - Reader is used by the backend for status/history endpoints.
+//
+// Concrete implementations live in internal/storage.
+package taskqueue
+
+import (
+	"context"
+	"time"
+
+	"github.com/libnovel/backend/internal/domain"
+)
+
+// Producer is the write side of the task queue used by the backend service.
+// It creates new tasks in PocketBase for the runner to pick up.
+type Producer interface {
+	// CreateScrapeTask inserts a new scrape task with status=pending and
+	// returns the assigned PocketBase record ID.
+	// kind is one of "catalogue", "book", or "book_range".
+	// targetURL is the book URL (empty for catalogue-wide tasks).
+	CreateScrapeTask(ctx context.Context, kind, targetURL string, fromChapter, toChapter int) (string, error)
+
+	// CreateAudioTask inserts a new audio task with status=pending and
+	// returns the assigned PocketBase record ID.
+	CreateAudioTask(ctx context.Context, slug string, chapter int, voice string) (string, error)
+
+	// CreateTranslationTask inserts a new translation task with status=pending and
+	// returns the assigned PocketBase record ID.
+	CreateTranslationTask(ctx context.Context, slug string, chapter int, lang string) (string, error)
+
+	// CreateImportTask inserts a new import task with status=pending and
+	// returns the assigned PocketBase record ID.
+	// The task struct must have at minimum Slug, Title, FileType, and ObjectKey set.
+	CreateImportTask(ctx context.Context, task domain.ImportTask) (string, error)
+
+	// CancelTask transitions a pending task to status=cancelled.
+	// Returns ErrNotFound if the task does not exist.
+	CancelTask(ctx context.Context, id string) error
+
+	// CancelAudioTasksBySlug cancels all pending or running audio tasks for slug.
+	// Returns the number of tasks cancelled.
+	CancelAudioTasksBySlug(ctx context.Context, slug string) (int, error)
+}
+
+// Consumer is the read/claim side of the task queue used by the runner.
+type Consumer interface {
+	// ClaimNextScrapeTask atomically finds the oldest pending scrape task,
+	// sets its status=running and worker_id=workerID, and returns it.
+	// Returns (zero, false, nil) when the queue is empty.
+	ClaimNextScrapeTask(ctx context.Context, workerID string) (domain.ScrapeTask, bool, error)
+
+	// ClaimNextAudioTask atomically finds the oldest pending audio task,
+	// sets its status=running and worker_id=workerID, and returns it.
+	// Returns (zero, false, nil) when the queue is empty.
+	ClaimNextAudioTask(ctx context.Context, workerID string) (domain.AudioTask, bool, error)
+
+	// ClaimNextTranslationTask atomically finds the oldest pending translation task,
+	// sets its status=running and worker_id=workerID, and returns it.
+	// Returns (zero, false, nil) when the queue is empty.
+	ClaimNextTranslationTask(ctx context.Context, workerID string) (domain.TranslationTask, bool, error)
+
+	// ClaimNextImportTask atomically finds the oldest pending import task,
+	// sets its status=running and worker_id=workerID, and returns it.
+	// Returns (zero, false, nil) when the queue is empty.
+	ClaimNextImportTask(ctx context.Context, workerID string) (domain.ImportTask, bool, error)
+
+	// FinishScrapeTask marks a running scrape task as done and records the result.
+	FinishScrapeTask(ctx context.Context, id string, result domain.ScrapeResult) error
+
+	// FinishAudioTask marks a running audio task as done and records the result.
+	FinishAudioTask(ctx context.Context, id string, result domain.AudioResult) error
+
+	// FinishTranslationTask marks a running translation task as done and records the result.
+	FinishTranslationTask(ctx context.Context, id string, result domain.TranslationResult) error
+
+	// FinishImportTask marks a running import task as done and records the result.
+	FinishImportTask(ctx context.Context, id string, result domain.ImportResult) error
+
+	// FailTask marks a task (scrape, audio, or translation) as failed with an error message.
+	FailTask(ctx context.Context, id, errMsg string) error
+
+	// HeartbeatTask updates the heartbeat_at timestamp on a running task.
+	// Should be called periodically by the runner while the task is active so
+	// the reaper knows the task is still alive.
+	HeartbeatTask(ctx context.Context, id string) error
+
+	// ReapStaleTasks finds all running tasks whose heartbeat_at is older than
+	// staleAfter (or was never set) and resets them to pending so they can be
+	// re-claimed by a healthy runner. Returns the number of tasks reaped.
+	ReapStaleTasks(ctx context.Context, staleAfter time.Duration) (int, error)
+}
+
+// Reader is the read-only side used by the backend for status pages.
+type Reader interface {
+	// ListScrapeTasks returns all scrape tasks sorted by started descending.
+	ListScrapeTasks(ctx context.Context) ([]domain.ScrapeTask, error)
+
+	// GetScrapeTask returns a single scrape task by ID.
+	// Returns (zero, false, nil) if not found.
+	GetScrapeTask(ctx context.Context, id string) (domain.ScrapeTask, bool, error)
+
+	// ListAudioTasks returns all audio tasks sorted by started descending.
+	ListAudioTasks(ctx context.Context) ([]domain.AudioTask, error)
+
+	// GetAudioTask returns the most recent audio task for cacheKey.
+	// Returns (zero, false, nil) if not found.
+	GetAudioTask(ctx context.Context, cacheKey string) (domain.AudioTask, bool, error)
+
+	// ListTranslationTasks returns all translation tasks sorted by started descending.
+	ListTranslationTasks(ctx context.Context) ([]domain.TranslationTask, error)
+
+	// GetTranslationTask returns the most recent translation task for cacheKey.
+	// Returns (zero, false, nil) if not found.
+	GetTranslationTask(ctx context.Context, cacheKey string) (domain.TranslationTask, bool, error)
+
+	// ListImportTasks returns all import tasks sorted by started descending.
+	ListImportTasks(ctx context.Context) ([]domain.ImportTask, error)
+
+	// GetImportTask returns a single import task by ID.
+	// Returns (zero, false, nil) if not found.
+	GetImportTask(ctx context.Context, id string) (domain.ImportTask, bool, error)
+}
diff --git a/backend/internal/taskqueue/taskqueue_test.go b/backend/internal/taskqueue/taskqueue_test.go
new file mode 100644
index 0000000..9f8969a
--- /dev/null
+++ b/backend/internal/taskqueue/taskqueue_test.go
@@ -0,0 +1,167 @@
+package taskqueue_test
+
+import (
+	"context"
+	"encoding/json"
+	"testing"
+	"time"
+
+	"github.com/libnovel/backend/internal/domain"
+	"github.com/libnovel/backend/internal/taskqueue"
+)
+
+// ── Compile-time interface satisfaction ───────────────────────────────────────
+
+// stubStore satisfies all three taskqueue interfaces.
+// Any method that is called but not expected panics — making accidental
+// calls immediately visible in tests.
+type stubStore struct{}
+
+func (s *stubStore) CreateScrapeTask(_ context.Context, _, _ string, _, _ int) (string, error) {
+	return "task-1", nil
+}
+func (s *stubStore) CreateAudioTask(_ context.Context, _ string, _ int, _ string) (string, error) {
+	return "audio-1", nil
+}
+func (s *stubStore) CreateTranslationTask(_ context.Context, _ string, _ int, _ string) (string, error) {
+	return "translation-1", nil
+}
+func (s *stubStore) CreateImportTask(_ context.Context, _ domain.ImportTask) (string, error) {
+	return "import-1", nil
+}
+func (s *stubStore) CancelTask(_ context.Context, _ string) error                    { return nil }
+func (s *stubStore) CancelAudioTasksBySlug(_ context.Context, _ string) (int, error) { return 0, nil }
+
+func (s *stubStore) ClaimNextScrapeTask(_ context.Context, _ string) (domain.ScrapeTask, bool, error) {
+	return domain.ScrapeTask{ID: "task-1", Status: domain.TaskStatusRunning}, true, nil
+}
+func (s *stubStore) ClaimNextAudioTask(_ context.Context, _ string) (domain.AudioTask, bool, error) {
+	return domain.AudioTask{ID: "audio-1", Status: domain.TaskStatusRunning}, true, nil
+}
+func (s *stubStore) ClaimNextTranslationTask(_ context.Context, _ string) (domain.TranslationTask, bool, error) {
+	return domain.TranslationTask{ID: "translation-1", Status: domain.TaskStatusRunning}, true, nil
+}
+func (s *stubStore) ClaimNextImportTask(_ context.Context, _ string) (domain.ImportTask, bool, error) {
+	return domain.ImportTask{ID: "import-1", Status: domain.TaskStatusRunning}, true, nil
+}
+func (s *stubStore) FinishScrapeTask(_ context.Context, _ string, _ domain.ScrapeResult) error {
+	return nil
+}
+func (s *stubStore) FinishAudioTask(_ context.Context, _ string, _ domain.AudioResult) error {
+	return nil
+}
+func (s *stubStore) FinishTranslationTask(_ context.Context, _ string, _ domain.TranslationResult) error {
+	return nil
+}
+func (s *stubStore) FinishImportTask(_ context.Context, _ string, _ domain.ImportResult) error {
+	return nil
+}
+func (s *stubStore) FailTask(_ context.Context, _, _ string) error { return nil }
+
+func (s *stubStore) HeartbeatTask(_ context.Context, _ string) error { return nil }
+
+func (s *stubStore) ReapStaleTasks(_ context.Context, _ time.Duration) (int, error) {
+	return 0, nil
+}
+
+func (s *stubStore) ListScrapeTasks(_ context.Context) ([]domain.ScrapeTask, error) { return nil, nil }
+func (s *stubStore) GetScrapeTask(_ context.Context, _ string) (domain.ScrapeTask, bool, error) {
+	return domain.ScrapeTask{}, false, nil
+}
+func (s *stubStore) ListAudioTasks(_ context.Context) ([]domain.AudioTask, error) { return nil, nil }
+func (s *stubStore) GetAudioTask(_ context.Context, _ string) (domain.AudioTask, bool, error) {
+	return domain.AudioTask{}, false, nil
+}
+func (s *stubStore) ListTranslationTasks(_ context.Context) ([]domain.TranslationTask, error) {
+	return nil, nil
+}
+func (s *stubStore) GetTranslationTask(_ context.Context, _ string) (domain.TranslationTask, bool, error) {
+	return domain.TranslationTask{}, false, nil
+}
+func (s *stubStore) ListImportTasks(_ context.Context) ([]domain.ImportTask, error) { return nil, nil }
+func (s *stubStore) GetImportTask(_ context.Context, _ string) (domain.ImportTask, bool, error) {
+	return domain.ImportTask{}, false, nil
+}
+
+// Verify the stub satisfies all three interfaces at compile time.
+var _ taskqueue.Producer = (*stubStore)(nil)
+var _ taskqueue.Consumer = (*stubStore)(nil)
+var _ taskqueue.Reader = (*stubStore)(nil)
+
+// ── Behavioural tests (using stub) ────────────────────────────────────────────
+
+func TestProducer_CreateScrapeTask(t *testing.T) {
+	var p taskqueue.Producer = &stubStore{}
+	id, err := p.CreateScrapeTask(context.Background(), "book", "https://example.com/book/slug", 0, 0)
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if id == "" {
+		t.Error("expected non-empty task ID")
+	}
+}
+
+func TestConsumer_ClaimNextScrapeTask(t *testing.T) {
+	var c taskqueue.Consumer = &stubStore{}
+	task, ok, err := c.ClaimNextScrapeTask(context.Background(), "worker-1")
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if !ok {
+		t.Fatal("expected a task to be claimed")
+	}
+	if task.Status != domain.TaskStatusRunning {
+		t.Errorf("want running, got %q", task.Status)
+	}
+}
+
+func TestConsumer_ClaimNextAudioTask(t *testing.T) {
+	var c taskqueue.Consumer = &stubStore{}
+	task, ok, err := c.ClaimNextAudioTask(context.Background(), "worker-1")
+	if err != nil {
+		t.Fatalf("unexpected error: %v", err)
+	}
+	if !ok {
+		t.Fatal("expected an audio task to be claimed")
+	}
+	if task.ID == "" {
+		t.Error("expected non-empty task ID")
+	}
+}
+
+// ── domain.ScrapeResult / domain.AudioResult JSON shape ──────────────────────
+
+func TestScrapeResult_JSONRoundtrip(t *testing.T) {
+	cases := []domain.ScrapeResult{
+		{BooksFound: 5, ChaptersScraped: 100, ChaptersSkipped: 2, Errors: 0},
+		{BooksFound: 0, ChaptersScraped: 0, Errors: 1, ErrorMessage: "timeout"},
+	}
+	for _, orig := range cases {
+		b, err := json.Marshal(orig)
+		if err != nil {
+			t.Fatalf("marshal: %v", err)
+		}
+		var got domain.ScrapeResult
+		if err := json.Unmarshal(b, &got); err != nil {
+			t.Fatalf("unmarshal: %v", err)
+		}
+		if got != orig {
+			t.Errorf("want %+v, got %+v", orig, got)
+		}
+	}
+}
+
+func TestAudioResult_JSONRoundtrip(t *testing.T) {
+	cases := []domain.AudioResult{
+		{ObjectKey: "audio/slug/1/af_bella.mp3"},
+		{ErrorMessage: "kokoro unavailable"},
+	}
+	for _, orig := range cases {
+		b, _ := json.Marshal(orig)
+		var got domain.AudioResult
+		json.Unmarshal(b, &got)
+		if got != orig {
+			t.Errorf("want %+v, got %+v", orig, got)
+		}
+	}
+}
diff --git a/backend/internal/webpush/webpush.go b/backend/internal/webpush/webpush.go
new file mode 100644
index 0000000..9cff793
--- /dev/null
+++ b/backend/internal/webpush/webpush.go
@@ -0,0 +1,147 @@
+// Package webpush sends Web Push notifications using the VAPID protocol.
+package webpush
+
+import (
+	"context"
+	"encoding/json"
+	"fmt"
+	"log/slog"
+	"sync"
+
+	webpushgo "github.com/SherClockHolmes/webpush-go"
+
+	"github.com/libnovel/backend/internal/storage"
+)
+
+// Payload is the JSON body delivered to the browser service worker.
+type Payload struct {
+	Title string `json:"title"`
+	Body  string `json:"body"`
+	URL   string `json:"url,omitempty"`
+	Icon  string `json:"icon,omitempty"`
+}
+
+// Sender sends Web Push notifications to subscribed browsers.
+type Sender struct {
+	vapidPublic  string
+	vapidPrivate string
+	subject      string
+	log          *slog.Logger
+}
+
+// New returns a Sender configured with the given VAPID key pair.
+// subject should be a mailto: or https: contact URL per the VAPID spec.
+func New(vapidPublic, vapidPrivate, subject string, log *slog.Logger) *Sender {
+	if log == nil {
+		log = slog.Default()
+	}
+	return &Sender{
+		vapidPublic:  vapidPublic,
+		vapidPrivate: vapidPrivate,
+		subject:      subject,
+		log:          log,
+	}
+}
+
+// Enabled returns true when VAPID keys are configured.
+func (s *Sender) Enabled() bool {
+	return s.vapidPublic != "" && s.vapidPrivate != ""
+}
+
+// Send delivers payload to all provided subscriptions concurrently.
+// Errors for individual subscriptions are logged but do not abort other sends.
+// Returns the number of successful sends.
+func (s *Sender) Send(ctx context.Context, subs []storage.PushSubscription, p Payload) int {
+	if !s.Enabled() || len(subs) == 0 {
+		return 0
+	}
+
+	body, err := json.Marshal(p)
+	if err != nil {
+		s.log.Error("webpush: marshal payload", "err", err)
+		return 0
+	}
+
+	var (
+		wg      sync.WaitGroup
+		mu      sync.Mutex
+		success int
+	)
+
+	for _, sub := range subs {
+		sub := sub
+		wg.Add(1)
+		go func() {
+			defer wg.Done()
+
+			resp, err := webpushgo.SendNotificationWithContext(ctx, body, &webpushgo.Subscription{
+				Endpoint: sub.Endpoint,
+				Keys: webpushgo.Keys{
+					P256dh: sub.P256DH,
+					Auth:   sub.Auth,
+				},
+			}, &webpushgo.Options{
+				VAPIDPublicKey:  s.vapidPublic,
+				VAPIDPrivateKey: s.vapidPrivate,
+				Subscriber:      s.subject,
+				TTL:             86400,
+			})
+			if err != nil {
+				s.log.Warn("webpush: send failed", "endpoint", truncate(sub.Endpoint, 60), "err", err)
+				return
+			}
+			defer resp.Body.Close() //nolint:errcheck
+			if resp.StatusCode >= 400 {
+				s.log.Warn("webpush: push service returned error",
+					"endpoint", truncate(sub.Endpoint, 60),
+					"status", resp.StatusCode)
+				return
+			}
+			mu.Lock()
+			success++
+			mu.Unlock()
+		}()
+	}
+
+	wg.Wait()
+	return success
+}
+
+// SendToBook sends a push notification to all subscribers of the given book.
+// store is used to list subscriptions for the book's library followers.
+func (s *Sender) SendToBook(ctx context.Context, store *storage.Store, slug string, p Payload) {
+	if !s.Enabled() {
+		return
+	}
+	subs, err := store.ListPushSubscriptionsByBook(ctx, slug)
+	if err != nil {
+		s.log.Warn("webpush: list push subscriptions", "slug", slug, "err", err)
+		return
+	}
+	if len(subs) == 0 {
+		return
+	}
+	n := s.Send(ctx, subs, p)
+	s.log.Info("webpush: sent chapter notification",
+		"slug", slug,
+		"recipients", n,
+		"total_subs", len(subs),
+	)
+}
+
+// GenerateVAPIDKeys generates a new VAPID key pair and prints them.
+// Useful for one-off key generation during setup.
+func GenerateVAPIDKeys() (public, private string, err error) {
+	private, public, err = webpushgo.GenerateVAPIDKeys()
+	if err != nil {
+		return "", "", fmt.Errorf("generate VAPID keys: %w", err)
+	}
+	return public, private, nil
+}
+
+func truncate(s string, n int) string {
+	if len(s) <= n {
+		return s
+	}
+	return s[:n] + "..."
+}
diff --git a/backend/migrations/20260414000001_initial_schema.go b/backend/migrations/20260414000001_initial_schema.go
new file mode 100644
index 0000000..22dfad1
--- /dev/null
+++ b/backend/migrations/20260414000001_initial_schema.go
@@ -0,0 +1,431 @@
+// Migration 1 — full schema baseline.
+//
+// Creates all 21 collections that were previously bootstrapped by
+// scripts/pb-init-v3.sh.  Also creates the initial superuser from the
+// POCKETBASE_ADMIN_EMAIL / POCKETBASE_ADMIN_PASSWORD env vars (first run only).
+//
+// This migration is intentionally idempotent: each collection is skipped if it
+// already exists.  This makes it safe to apply on an existing install without
+// running `migrate history-sync` first — existing collections are left untouched
+// and migration 2 still runs to add the three fields that were missing.
+package migrations
+
+import (
+	"os"
+
+	"github.com/pocketbase/pocketbase/core"
+	m "github.com/pocketbase/pocketbase/migrations"
+)
+
+func init() {
+	m.Register(func(app core.App) error {
+		steps := []func(core.App) error{
+			createBooks,
+			createChaptersIdx,
+			createRanking,
+			createProgress,
+			createScrapingTasks,
+			createAudioJobs,
+			createAppUsers,
+			createUserSessions,
+			createUserLibrary,
+			createUserSettings,
+			createUserSubscriptions,
+			createBookComments,
+			createCommentVotes,
+			createTranslationJobs,
+			createImportTasks,
+			createNotifications,
+			createPushSubscriptions,
+			createAIJobs,
+			createDiscoveryVotes,
+			createBookRatings,
+			createSiteConfig,
+			createInitialSuperuser,
+		}
+		for _, step := range steps {
+			if err := step(app); err != nil {
+				return err
+			}
+		}
+		return nil
+	}, func(app core.App) error {
+		// Down: drop all collections in safe reverse order.
+		names := []string{
+			"site_config", "book_ratings", "discovery_votes", "ai_jobs",
+			"push_subscriptions", "notifications", "import_tasks",
+			"translation_jobs", "comment_votes", "book_comments",
+			"user_subscriptions", "user_settings", "user_library",
+			"user_sessions", "app_users", "audio_jobs", "scraping_tasks",
+			"progress", "ranking", "chapters_idx", "books",
+		}
+		for _, name := range names {
+			coll, err := app.FindCollectionByNameOrId(name)
+			if err != nil {
+				continue // already absent — safe to skip
+			}
+			if err := app.Delete(coll); err != nil {
+				return err
+			}
+		}
+		return nil
+	})
+}
+
+// ── Helpers ───────────────────────────────────────────────────────────────────
+
+// saveIfAbsent saves the collection only when no collection with that name
+// exists yet.  This makes the migration safe to run on an existing install
+// without history-sync — already-created collections are simply skipped.
+func saveIfAbsent(app core.App, c *core.Collection) error {
+	if _, err := app.FindCollectionByNameOrId(c.Name); err == nil {
+		return nil // already exists — skip
+	}
+	return app.Save(c)
+}
+
+// ── Collection creators ───────────────────────────────────────────────────────
+
+func createBooks(app core.App) error {
+	c := core.NewBaseCollection("books")
+	c.Fields.Add(
+		&core.TextField{Name: "slug", Required: true},
+		&core.TextField{Name: "title", Required: true},
+		&core.TextField{Name: "author"},
+		&core.TextField{Name: "cover"},
+		&core.TextField{Name: "status"},
+		&core.JSONField{Name: "genres"},
+		&core.TextField{Name: "summary"},
+		&core.NumberField{Name: "total_chapters"},
+		&core.TextField{Name: "source_url"},
+		&core.NumberField{Name: "ranking"},
+		&core.TextField{Name: "meta_updated"},
+		&core.BoolField{Name: "archived"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createChaptersIdx(app core.App) error {
+	c := core.NewBaseCollection("chapters_idx")
+	c.Fields.Add(
+		&core.TextField{Name: "slug", Required: true},
+		&core.NumberField{Name: "number", Required: true},
+		&core.TextField{Name: "title"},
+	)
+	// Enforce uniqueness on (slug, number) — prevents duplicate chapter entries.
+	c.AddIndex("idx_chapters_idx_slug_number", true, "slug, number", "")
+	// Allow fast "recently updated books" queries.
+	c.AddIndex("idx_chapters_idx_created", false, "created", "")
+	return saveIfAbsent(app, c)
+}
+
+func createRanking(app core.App) error {
+	c := core.NewBaseCollection("ranking")
+	c.Fields.Add(
+		&core.NumberField{Name: "rank", Required: true},
+		&core.TextField{Name: "slug", Required: true},
+		&core.TextField{Name: "title"},
+		&core.TextField{Name: "author"},
+		&core.TextField{Name: "cover"},
+		&core.TextField{Name: "status"},
+		&core.JSONField{Name: "genres"},
+		&core.TextField{Name: "source_url"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createProgress(app core.App) error {
+	c := core.NewBaseCollection("progress")
+	c.Fields.Add(
+		&core.TextField{Name: "session_id", Required: true},
+		&core.TextField{Name: "slug", Required: true},
+		&core.NumberField{Name: "chapter"},
+		&core.TextField{Name: "user_id"},
+		&core.NumberField{Name: "audio_time"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createScrapingTasks(app core.App) error {
+	c := core.NewBaseCollection("scraping_tasks")
+	c.Fields.Add(
+		&core.TextField{Name: "kind"},
+		&core.TextField{Name: "target_url"},
+		&core.NumberField{Name: "from_chapter"},
+		&core.NumberField{Name: "to_chapter"},
+		&core.TextField{Name: "worker_id"},
+		&core.TextField{Name: "status", Required: true},
+		&core.NumberField{Name: "books_found"},
+		&core.NumberField{Name: "chapters_scraped"},
+		&core.NumberField{Name: "chapters_skipped"},
+		&core.NumberField{Name: "errors"},
+		&core.TextField{Name: "error_message"},
+		&core.DateField{Name: "started"},
+		&core.DateField{Name: "finished"},
+		&core.DateField{Name: "heartbeat_at"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createAudioJobs(app core.App) error {
+	c := core.NewBaseCollection("audio_jobs")
+	c.Fields.Add(
+		&core.TextField{Name: "cache_key", Required: true},
+		&core.TextField{Name: "slug", Required: true},
+		&core.NumberField{Name: "chapter", Required: true},
+		&core.TextField{Name: "voice"},
+		&core.TextField{Name: "worker_id"},
+		&core.TextField{Name: "status", Required: true},
+		&core.TextField{Name: "error_message"},
+		&core.DateField{Name: "started"},
+		&core.DateField{Name: "finished"},
+		&core.DateField{Name: "heartbeat_at"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createAppUsers(app core.App) error {
+	c := core.NewBaseCollection("app_users")
+	c.Fields.Add(
+		&core.TextField{Name: "username", Required: true},
+		&core.TextField{Name: "password_hash"},
+		&core.TextField{Name: "role"},
+		&core.TextField{Name: "avatar_url"},
+		&core.TextField{Name: "email"},
+		&core.BoolField{Name: "email_verified"},
+		&core.TextField{Name: "verification_token"},
+		&core.TextField{Name: "verification_token_exp"},
+		&core.TextField{Name: "oauth_provider"},
+		&core.TextField{Name: "oauth_id"},
+		&core.TextField{Name: "polar_customer_id"},
+		&core.TextField{Name: "polar_subscription_id"},
+		&core.BoolField{Name: "notify_new_chapters"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createUserSessions(app core.App) error {
+	c := core.NewBaseCollection("user_sessions")
+	c.Fields.Add(
+		&core.TextField{Name: "user_id", Required: true},
+		&core.TextField{Name: "session_id", Required: true},
+		&core.TextField{Name: "user_agent"},
+		&core.TextField{Name: "ip"},
+		&core.TextField{Name: "device_fingerprint"},
+		// created_at is a custom text field (not the system `created` date field).
+		&core.TextField{Name: "created_at"},
+		&core.TextField{Name: "last_seen"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createUserLibrary(app core.App) error {
+	c := core.NewBaseCollection("user_library")
+	c.Fields.Add(
+		&core.TextField{Name: "session_id", Required: true},
+		&core.TextField{Name: "user_id"},
+		&core.TextField{Name: "slug", Required: true},
+		&core.TextField{Name: "saved_at"},
+		&core.TextField{Name: "shelf"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createUserSettings(app core.App) error {
+	c := core.NewBaseCollection("user_settings")
+	c.Fields.Add(
+		&core.TextField{Name: "session_id", Required: true},
+		&core.TextField{Name: "user_id"},
+		&core.BoolField{Name: "auto_next"},
+		&core.TextField{Name: "voice"},
+		&core.NumberField{Name: "speed"},
+		&core.TextField{Name: "theme"},
+		&core.TextField{Name: "locale"},
+		&core.TextField{Name: "font_family"},
+		&core.NumberField{Name: "font_size"},
+		&core.BoolField{Name: "announce_chapter"},
+		&core.TextField{Name: "audio_mode"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createUserSubscriptions(app core.App) error {
+	c := core.NewBaseCollection("user_subscriptions")
+	c.Fields.Add(
+		&core.TextField{Name: "follower_id", Required: true},
+		&core.TextField{Name: "followee_id", Required: true},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createBookComments(app core.App) error {
+	c := core.NewBaseCollection("book_comments")
+	c.Fields.Add(
+		&core.TextField{Name: "slug", Required: true},
+		&core.TextField{Name: "user_id"},
+		&core.TextField{Name: "username"},
+		&core.TextField{Name: "body"},
+		&core.NumberField{Name: "upvotes"},
+		&core.NumberField{Name: "downvotes"},
+		&core.TextField{Name: "parent_id"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createCommentVotes(app core.App) error {
+	c := core.NewBaseCollection("comment_votes")
+	c.Fields.Add(
+		&core.TextField{Name: "comment_id", Required: true},
+		&core.TextField{Name: "user_id"},
+		&core.TextField{Name: "session_id"},
+		&core.TextField{Name: "vote"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createTranslationJobs(app core.App) error {
+	c := core.NewBaseCollection("translation_jobs")
+	c.Fields.Add(
+		&core.TextField{Name: "cache_key", Required: true},
+		&core.TextField{Name: "slug", Required: true},
+		&core.NumberField{Name: "chapter", Required: true},
+		&core.TextField{Name: "lang", Required: true},
+		&core.TextField{Name: "worker_id"},
+		&core.TextField{Name: "status", Required: true},
+		&core.TextField{Name: "error_message"},
+		&core.DateField{Name: "started"},
+		&core.DateField{Name: "finished"},
+		&core.DateField{Name: "heartbeat_at"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createImportTasks(app core.App) error {
+	c := core.NewBaseCollection("import_tasks")
+	c.Fields.Add(
+		&core.TextField{Name: "slug", Required: true},
+		&core.TextField{Name: "title", Required: true},
+		&core.TextField{Name: "file_name"},
+		&core.TextField{Name: "file_type"},
+		&core.TextField{Name: "object_key"},
+		&core.TextField{Name: "chapters_key"},
+		&core.TextField{Name: "author"},
+		&core.TextField{Name: "cover_url"},
+		&core.TextField{Name: "genres"},
+		&core.TextField{Name: "summary"},
+		&core.TextField{Name: "book_status"},
+		&core.TextField{Name: "worker_id"},
+		&core.TextField{Name: "initiator_user_id"},
+		&core.TextField{Name: "status", Required: true},
+		&core.NumberField{Name: "chapters_done"},
+		&core.NumberField{Name: "chapters_total"},
+		&core.TextField{Name: "error_message"},
+		&core.DateField{Name: "started"},
+		&core.DateField{Name: "finished"},
+		&core.DateField{Name: "heartbeat_at"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createNotifications(app core.App) error {
+	c := core.NewBaseCollection("notifications")
+	c.Fields.Add(
+		&core.TextField{Name: "user_id", Required: true},
+		&core.TextField{Name: "title", Required: true},
+		&core.TextField{Name: "message"},
+		&core.TextField{Name: "link"},
+		&core.BoolField{Name: "read"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createPushSubscriptions(app core.App) error {
+	c := core.NewBaseCollection("push_subscriptions")
+	c.Fields.Add(
+		&core.TextField{Name: "user_id", Required: true},
+		&core.TextField{Name: "endpoint", Required: true},
+		&core.TextField{Name: "p256dh", Required: true},
+		&core.TextField{Name: "auth", Required: true},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createAIJobs(app core.App) error {
+	c := core.NewBaseCollection("ai_jobs")
+	c.Fields.Add(
+		&core.TextField{Name: "kind", Required: true},
+		&core.TextField{Name: "slug"},
+		&core.TextField{Name: "status", Required: true},
+		&core.NumberField{Name: "from_item"},
+		&core.NumberField{Name: "to_item"},
+		&core.NumberField{Name: "items_done"},
+		&core.NumberField{Name: "items_total"},
+		&core.TextField{Name: "model"},
+		&core.TextField{Name: "payload"},
+		&core.TextField{Name: "error_message"},
+		&core.DateField{Name: "started"},
+		&core.DateField{Name: "finished"},
+		&core.DateField{Name: "heartbeat_at"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createDiscoveryVotes(app core.App) error {
+	c := core.NewBaseCollection("discovery_votes")
+	c.Fields.Add(
+		&core.TextField{Name: "session_id", Required: true},
+		&core.TextField{Name: "user_id"},
+		&core.TextField{Name: "slug", Required: true},
+		&core.TextField{Name: "action", Required: true},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createBookRatings(app core.App) error {
+	c := core.NewBaseCollection("book_ratings")
+	c.Fields.Add(
+		&core.TextField{Name: "session_id", Required: true},
+		&core.TextField{Name: "user_id"},
+		&core.TextField{Name: "slug", Required: true},
+		&core.NumberField{Name: "rating", Required: true},
+	)
+	return saveIfAbsent(app, c)
+}
+
+func createSiteConfig(app core.App) error {
+	c := core.NewBaseCollection("site_config")
+	c.Fields.Add(
+		&core.TextField{Name: "decoration"},
+		&core.TextField{Name: "logoAnimation"},
+		&core.TextField{Name: "eventLabel"},
+	)
+	return saveIfAbsent(app, c)
+}
+
+// createInitialSuperuser creates the first PocketBase superuser from env vars.
+// It is a no-op if a superuser with that email already exists, or if the env
+// vars are not set.  This replaces the superuser bootstrap block in
+// scripts/pb-init-v3.sh.
+func createInitialSuperuser(app core.App) error {
+	email := os.Getenv("POCKETBASE_ADMIN_EMAIL")
+	password := os.Getenv("POCKETBASE_ADMIN_PASSWORD")
+	if email == "" || password == "" {
+		return nil
+	}
+
+	existing, _ := app.FindFirstRecordByData("_superusers", "email", email)
+	if existing != nil {
+		return nil // superuser already exists
+	}
+
+	superusers, err := app.FindCollectionByNameOrId("_superusers")
+	if err != nil {
+		return err
+	}
+
+	record := core.NewRecord(superusers)
+	record.Set("email", email)
+	record.Set("password", password)
+	record.Set("passwordConfirm", password)
+	return app.Save(record)
+}
diff --git a/backend/migrations/20260414000002_missing_fields.go b/backend/migrations/20260414000002_missing_fields.go
new file mode 100644
index 0000000..a401b31
--- /dev/null
+++ b/backend/migrations/20260414000002_missing_fields.go
@@ -0,0 +1,71 @@
+// Migration 2 — add fields present in code but absent from pb-init-v3.sh.
+//
+// Discovered by auditing every PocketBase field access in the Go backend
+// and SvelteKit UI against the collection definitions in pb-init-v3.sh:
+//
+//   books.rating              (number) — written by WriteMetadata but never defined.
+//   app_users.notify_new_chapters_push (bool) — used in UI push-notification opt-in.
+//   book_comments.chapter     (number) — used to scope comments to a chapter (0 = book-level).
+//
+// The check for field existence makes this migration safe to re-apply on
+// a fresh install where migration 1 already created the collections without
+// these fields.
+package migrations
+
+import (
+	"github.com/pocketbase/pocketbase/core"
+	m "github.com/pocketbase/pocketbase/migrations"
+)
+
+func init() {
+	m.Register(func(app core.App) error {
+		type addition struct {
+			collection string
+			field      core.Field
+		}
+		additions := []addition{
+			{"books", &core.NumberField{Name: "rating"}},
+			{"app_users", &core.BoolField{Name: "notify_new_chapters_push"}},
+			{"book_comments", &core.NumberField{Name: "chapter"}},
+		}
+		for _, a := range additions {
+			coll, err := app.FindCollectionByNameOrId(a.collection)
+			if err != nil {
+				return err
+			}
+			if coll.Fields.GetByName(a.field.GetName()) != nil {
+				continue // already present — idempotent
+			}
+			coll.Fields.Add(a.field)
+			if err := app.Save(coll); err != nil {
+				return err
+			}
+		}
+		return nil
+	}, func(app core.App) error {
+		type removal struct {
+			collection string
+			field      string
+		}
+		removals := []removal{
+			{"books", "rating"},
+			{"app_users", "notify_new_chapters_push"},
+			{"book_comments", "chapter"},
+		}
+		for _, r := range removals {
+			coll, err := app.FindCollectionByNameOrId(r.collection)
+			if err != nil {
+				continue
+			}
+			f := coll.Fields.GetByName(r.field)
+			if f == nil {
+				continue
+			}
+			coll.Fields.RemoveById(f.GetId())
+			if err := app.Save(coll); err != nil {
+				return err
+			}
+		}
+		return nil
+	})
+}
diff --git a/backend/migrations/20260414000003_visibility.go b/backend/migrations/20260414000003_visibility.go
new file mode 100644
index 0000000..2fa572a
--- /dev/null
+++ b/backend/migrations/20260414000003_visibility.go
@@ -0,0 +1,75 @@
+// Migration 3 — add visibility + submitted_by fields to books.
+//
+// visibility:   "public" | "admin_only"
+//               All existing (scraped) books are backfilled to "admin_only".
+//               New author-submitted books are created with "public".
+//
+// submitted_by: optional app_users ID for books submitted by a registered author.
+//               Empty for scraped books.
+//
+// The backfill iterates books in pages of 200.  It is idempotent: books whose
+// visibility is already set are skipped.
+package migrations
+
+import (
+	"github.com/pocketbase/pocketbase/core"
+	m "github.com/pocketbase/pocketbase/migrations"
+)
+
+func init() {
+	m.Register(func(app core.App) error {
+		coll, err := app.FindCollectionByNameOrId("books")
+		if err != nil {
+			return err
+		}
+
+		changed := false
+		if coll.Fields.GetByName("visibility") == nil {
+			coll.Fields.Add(&core.TextField{Name: "visibility"})
+			changed = true
+		}
+		if coll.Fields.GetByName("submitted_by") == nil {
+			coll.Fields.Add(&core.TextField{Name: "submitted_by"})
+			changed = true
+		}
+		if changed {
+			if err := app.Save(coll); err != nil {
+				return err
+			}
+		}
+
+		// Backfill: mark all existing books as admin_only where visibility is empty.
+		// These are scraped books that pre-date this migration.
+		const perPage = 200
+		for page := 1; ; page++ {
+			records, err := app.FindRecordsByFilter(
+				"books", `visibility=""`, "+id", perPage, (page-1)*perPage, nil,
+			)
+			if err != nil || len(records) == 0 {
+				break
+			}
+			for _, rec := range records {
+				rec.Set("visibility", "admin_only")
+				// Best-effort: ignore individual save errors (don't abort migration).
+				_ = app.Save(rec)
+			}
+			if len(records) < perPage {
+				break
+			}
+		}
+		return nil
+	}, func(app core.App) error {
+		coll, err := app.FindCollectionByNameOrId("books")
+		if err != nil {
+			return nil
+		}
+		for _, name := range []string{"visibility", "submitted_by"} {
+			f := coll.Fields.GetByName(name)
+			if f == nil {
+				continue
+			}
+			coll.Fields.RemoveById(f.GetId())
+		}
+		return app.Save(coll)
+	})
+}
diff --git a/backend/todos.md b/backend/todos.md
new file mode 100644
index 0000000..9447ffc
--- /dev/null
+++ b/backend/todos.md
@@ -0,0 +1,301 @@
+# LibNovel Scraper Rewrite — Project Todos
+
+## Overview
+
+Split the monolithic scraper into two separate binaries inside the same Go module:
+
+| Binary | Command | Location | Responsibility |
+|--------|---------|----------|----------------|
+| **runner** | `cmd/runner` | Homelab | Polls remote PB for pending scrape tasks → scrapes novelfire.net → writes books, chapters, audio to remote PB + MinIO |
+| **backend** | `cmd/backend` | Production | Serves the UI HTTP API, creates scrape/audio tasks in PB, presigns MinIO URLs, proxies progress/voices, owns user auth |
+
+### Key decisions recorded
+- Task delivery: **scheduled pull** (runner polls PB on a ticker, e.g. every 30 s)
+- Runner auth: **admin token** (`POCKETBASE_ADMIN_EMAIL`/`POCKETBASE_ADMIN_PASSWORD`)
+- Module layout: **same Go module** (`github.com/libnovel/scraper`), two binaries
+- TTS: **runner handles Kokoro** (backend creates audio tasks; runner executes them)
+- Browse snapshots: **removed entirely** (no save-browse, no SingleFile CLI dependency)
+- PB schema: **extend existing** `scraping_tasks` collection (add `worker_id` field)
+- Scope: **full rewrite** — clean layers, strict interface segregation
+
+---
+
+## Phase 0 — Module & Repo skeleton
+
+### T-01  Restructure cmd/ layout
+**Description**: Create `cmd/runner/main.go` and `cmd/backend/main.go` entry points. Remove the old `cmd/scraper/` entry point (or keep temporarily as a stub). Update `go.mod` module path if needed.
+**Unit tests**: `cmd/runner/main_test.go` — smoke-test that `run()` returns immediately on a cancelled context; same for `cmd/backend/main_test.go`.
+**Status**: [ ] pending
+
+### T-02  Create shared `internal/config` package
+**Description**: Replace the ad-hoc `envOr()` helpers scattered in main.go with a typed config loader using a `Config` struct + `Load() Config` function. Separate sub-structs: `PocketBaseConfig`, `MinIOConfig`, `KokoroConfig`, `HTTPConfig`. Each binary calls `config.Load()`.
+**Unit tests**: `internal/config/config_test.go` — verify defaults, env override for each field, zero-value safety.
+**Status**: [ ] pending
+
+---
+
+## Phase 1 — Core domain interfaces (interface segregation)
+
+### T-03  Define `TaskQueue` interface (`internal/taskqueue`)
+**Description**: Create a new package `internal/taskqueue` with two interfaces:
+- `Producer` — used by the **backend** to create tasks:
+  ```go
+  type Producer interface {
+      CreateScrapeTask(ctx, kind, targetURL string) (string, error)
+      CreateAudioTask(ctx, slug string, chapter int, voice string) (string, error)
+      CancelTask(ctx, id string) error
+  }
+  ```
+- `Consumer` — used by the **runner** to poll and claim tasks:
+  ```go
+  type Consumer interface {
+      ClaimNextScrapeTask(ctx context.Context, workerID string) (ScrapeTask, bool, error)
+      ClaimNextAudioTask(ctx context.Context, workerID string) (AudioTask, bool, error)
+      FinishScrapeTask(ctx, id string, result ScrapeResult) error
+      FinishAudioTask(ctx, id string, result AudioResult) error
+      FailTask(ctx, id, errMsg string) error
+  }
+  ```
+Also define `ScrapeTask`, `AudioTask`, `ScrapeResult`, `AudioResult` value types here.
+**Unit tests**: `internal/taskqueue/taskqueue_test.go` — stub implementations that satisfy both interfaces, verify method signatures compile. Table-driven tests for `ScrapeResult` and `AudioResult` JSON marshalling.
+**Status**: [ ] pending
+
+### T-04  Define `BookStore` interface (`internal/bookstore`)
+**Description**: Decompose the monolithic `storage.Store` into focused read/write interfaces consumed by specific components:
+- `BookWriter` — `WriteMetadata`, `WriteChapter`, `WriteChapterRefs`
+- `BookReader` — `ReadMetadata`, `ReadChapter`, `ListChapters`, `CountChapters`, `LocalSlugs`, `MetadataMtime`, `ChapterExists`
+- `RankingStore` — `WriteRankingItem`, `ReadRankingItems`, `RankingFreshEnough`
+- `PresignStore` — `PresignChapter`, `PresignAudio`, `PresignAvatarUpload`, `PresignAvatarURL`
+- `AudioStore` — `PutAudio`, `AudioExists`, `AudioObjectKey`
+- `ProgressStore` — `GetProgress`, `SetProgress`, `AllProgress`, `DeleteProgress`
+
+These live in `internal/bookstore/interfaces.go`. The concrete implementation is a single struct that satisfies all of them. The runner only gets `BookWriter + RankingStore + AudioStore`. The backend only gets `BookReader + PresignStore + ProgressStore`.
+**Unit tests**: `internal/bookstore/interfaces_test.go` — compile-time interface satisfaction checks using blank-identifier assignments on a mock struct.
+**Status**: [ ] pending
+
+### T-05  Rewrite `internal/scraper/interfaces.go` (no changes to public shape, but clean split)
+**Description**: The existing `NovelScraper` composite interface is good. Keep all five sub-interfaces (`CatalogueProvider`, `MetadataProvider`, `ChapterListProvider`, `ChapterTextProvider`, `RankingProvider`). Ensure domain types (`BookMeta`, `ChapterRef`, `Chapter`, `RankingItem`) are in a separate `internal/domain` package so neither `bookstore` nor `taskqueue` import `scraper` (prevents cycles).
+**Unit tests**: `internal/domain/domain_test.go` — JSON roundtrip tests for `BookMeta`, `ChapterRef`, `Chapter`, `RankingItem`.
+**Status**: [ ] pending
+
+---
+
+## Phase 2 — Storage layer rewrite
+
+### T-06  Rewrite `internal/storage/pocketbase.go`
+**Description**: Clean rewrite of the PocketBase REST client. Must satisfy `taskqueue.Producer`, `taskqueue.Consumer`, and all `bookstore` interfaces. Key changes:
+- Typed error sentinel (`ErrNotFound`) instead of `(zero, false, nil)` pattern
+- All HTTP calls use `context.Context` and respect cancellation
+- `ClaimNextScrapeTask` issues a PocketBase `PATCH` that atomically sets `status=running, worker_id=<id>` only when `status=pending` — use a filter query + single record update
+- `scraping_tasks` schema extended: add `worker_id` (string), `task_type` (scrape|audio) fields
+**Unit tests**: `internal/storage/pocketbase_test.go` — mock HTTP server (`httptest.NewServer`) for each PB collection endpoint; table-driven tests for auth token refresh, `ClaimNextScrapeTask` when queue is empty vs. has pending task, `FinishScrapeTask` happy path, error on 4xx response.
+**Status**: [ ] pending
+
+### T-07  Rewrite `internal/storage/minio.go`
+**Description**: Clean rewrite of the MinIO client. Must satisfy `bookstore.AudioStore` + presign methods. Key changes:
+- `PutObject` wrapped to accept `io.Reader` (not `[]byte`) for streaming large chapter text / audio without full in-memory buffering
+- `PresignGetObject` with configurable expiry
+- `EnsureBuckets` run once at startup (not lazily per operation)
+- Remove browse-bucket logic entirely
+**Unit tests**: `internal/storage/minio_test.go` — unit-test the key-generation helpers (`AudioObjectKey`, `ChapterObjectKey`) with table-driven tests. Integration tests remain in `_integration_test.go` with build tag.
+**Status**: [ ] pending
+
+### T-08  Rewrite `internal/storage/hybrid.go` → `internal/storage/store.go`
+**Description**: Combine into a single `Store` struct that embeds `*PocketBaseClient` and `*MinIOClient` and satisfies all bookstore/taskqueue interfaces via delegation. Remove the separate `hybrid.go` file. `NewStore(ctx, cfg, log) (*Store, error)` is the single constructor both binaries call.
+**Unit tests**: `internal/storage/store_test.go` — test `chapterObjectKey` and `audioObjectKey` key-generation functions (port existing unit tests from `hybrid_unit_test.go`).
+**Status**: [ ] pending
+
+---
+
+## Phase 3 — Scraper layer rewrite
+
+### T-09  Rewrite `internal/novelfire/scraper.go`
+**Description**: Full rewrite of the novelfire scraper. Changes:
+- Accept only a single `browser.Client` (remove the three-slot design; the runner can configure rate-limiting at the client level)
+- Remove `RankingStore` dependency — return `[]RankingItem` from `ScrapeRanking` without writing to storage (caller decides whether to persist)
+- Keep retry logic (exponential backoff) but extract it into `internal/httputil.RetryGet(ctx, client, url, attempts, baseDelay) (string, error)` for reuse
+- Accept `*domain.BookMeta` directly, not `scraper.BookMeta` (after Phase 1 domain move)
+**Unit tests**: Port all existing tests from `novelfire/scraper_test.go` and `novelfire/ranking_test.go` to the new package layout. Add test for `RetryGet` abort on context cancellation.
+**Status**: [ ] pending
+
+### T-10  Rewrite `internal/orchestrator/orchestrator.go`
+**Description**: Clean rewrite. Changes:
+- Accept `taskqueue.Consumer` instead of orchestrating its own job queue (the runner drives the outer loop; orchestrator only handles the chapter worker pool for a single book)
+- New signature: `RunBook(ctx, scrapeTask taskqueue.ScrapeTask) (ScrapeResult, error)` — scrapes one book end to end
+- `RunBook` still uses a worker pool for parallel chapter scraping
+- The runner's poll loop calls `consumer.ClaimNextScrapeTask`, then `orchestrator.RunBook`, then `consumer.FinishScrapeTask`
+**Unit tests**: Port `orchestrator/orchestrator_test.go`. Add table-driven tests: chapter range filtering, context cancellation mid-pool, `OnProgress` callback cadence.
+**Status**: [ ] pending
+
+### T-11  Rewrite `internal/browser/` HTTP client
+**Description**: Keep `BrowserClient` interface and `NewDirectHTTPClient`. Remove all Browserless variants (no longer needed). Add proxy support via `Config.ProxyURL`. Export `Config` cleanly.
+**Unit tests**: `internal/browser/browser_test.go` — test `NewDirectHTTPClient` with a `httptest.Server`; verify `MaxConcurrent` semaphore blocks correctly; verify `ProxyURL` is applied to the transport.
+**Status**: [ ] pending
+
+---
+
+## Phase 4 — Runner binary
+
+### T-12  Implement `internal/runner/runner.go`
+**Description**: The runner's main loop:
+```
+for {
+    select case <-ticker.C:
+        // try to claim a scrape task
+        task, ok, _ := consumer.ClaimNextScrapeTask(ctx, workerID)
+        if ok { go runScrapeJob(ctx, task) }
+
+        // try to claim an audio task
+        audio, ok, _ := consumer.ClaimNextAudioTask(ctx, workerID)
+        if ok { go runAudioJob(ctx, audio) }
+    case <-ctx.Done():
+        return
+    }
+}
+```
+`runScrapeJob` calls `orchestrator.RunBook`. `runAudioJob` calls `kokoroclient.GenerateAudio` then `store.PutAudio`.
+Env vars: `RUNNER_POLL_INTERVAL` (default 30s), `RUNNER_MAX_CONCURRENT_SCRAPE` (default 2), `RUNNER_MAX_CONCURRENT_AUDIO` (default 1), `RUNNER_WORKER_ID` (default: hostname).
+**Unit tests**: `internal/runner/runner_test.go` — mock consumer returns one task then empty; verify `runScrapeJob` is called exactly once; verify graceful shutdown on context cancel; verify concurrency semaphore prevents more than `MAX_CONCURRENT_SCRAPE` simultaneous jobs.
+**Status**: [ ] pending
+
+### T-13  Implement `internal/kokoro/client.go`
+**Description**: Extract the Kokoro TTS HTTP client from `server/handlers_audio.go` into its own package `internal/kokoro`. Interface:
+```go
+type Client interface {
+    GenerateAudio(ctx context.Context, text, voice string) ([]byte, error)
+    ListVoices(ctx context.Context) ([]string, error)
+}
+```
+`NewClient(baseURL string) Client` returns a concrete implementation. `GenerateAudio` calls `POST /v1/audio/speech` and returns the raw MP3 bytes. `ListVoices` calls `GET /v1/audio/voices`.
+**Unit tests**: `internal/kokoro/client_test.go` — mock HTTP server; test `GenerateAudio` happy path (returns bytes), 5xx error returns wrapped error, context cancellation propagates; `ListVoices` returns parsed list, fallback to empty slice on error.
+**Status**: [ ] pending
+
+### T-14  Write `cmd/runner/main.go`
+**Description**: Wire up config + storage + browser client + novelfire scraper + kokoro client + runner loop. Signal handling (SIGINT/SIGTERM → cancel context → graceful drain). Log structured startup info.
+**Unit tests**: `cmd/runner/main_test.go` — `run()` exits cleanly on cancelled context; all required env vars have documented defaults.
+**Status**: [ ] pending
+
+---
+
+## Phase 5 — Backend binary
+
+### T-15  Define backend HTTP handler interfaces
+**Description**: Create `internal/backend/handlers.go` (not a concrete type yet — just the interface segregation scaffold). Each handler group gets its own dependency interface, e.g.:
+- `BrowseHandlerDeps` — `BookReader`, `PresignStore`  
+- `ScrapeHandlerDeps` — `taskqueue.Producer`, scrape task reader  
+- `AudioHandlerDeps` — `bookstore.AudioStore`, `taskqueue.Producer`, `kokoro.Client`  
+- `ProgressHandlerDeps` — `bookstore.ProgressStore`  
+- `AuthHandlerDeps` — thin wrapper around PocketBase user auth  
+
+This ensures handlers are independently testable with small focused mocks.
+**Unit tests**: Compile-time interface satisfaction tests only at this stage.
+**Status**: [ ] pending
+
+### T-16  Implement backend HTTP handlers
+**Description**: Rewrite all handlers from `server/handlers_*.go` into `internal/backend/`. Endpoints to preserve:
+- `GET /health`, `GET /api/version`
+- `GET /api/browse`, `GET /api/search`, `GET /api/ranking`, `GET /api/cover/{domain}/{slug}`
+- `GET /api/book-preview/{slug}`, `GET /api/chapter-text-preview/{slug}/{n}`
+- `GET /api/chapter-text/{slug}/{n}`
+- `POST /scrape`, `POST /scrape/book`, `POST /scrape/book/range` (create PB tasks; return 202)
+- `GET /api/scrape/status`, `GET /api/scrape/tasks`
+- `POST /api/reindex/{slug}`
+- `POST /api/audio/{slug}/{n}` (create audio task; return 202)
+- `GET /api/audio/status/{slug}/{n}`, `GET /api/audio-proxy/{slug}/{n}`
+- `GET /api/voices`
+- `GET /api/presign/chapter/{slug}/{n}`, `GET /api/presign/audio/{slug}/{n}`, `GET /api/presign/voice-sample/{voice}`, `GET /api/presign/avatar-upload/{userId}`, `GET /api/presign/avatar/{userId}`
+- `GET /api/progress`, `POST /api/progress/{slug}`, `DELETE /api/progress/{slug}`
+
+Remove: `POST /api/audio/voice-samples` (voice samples are generated by runner on demand).
+**Unit tests**: `internal/backend/handlers_test.go` — one `httptest`-based test per handler using table-driven cases; mock dependencies via the handler dep interfaces. Focus: correct status codes, JSON shape, error propagation.
+**Status**: [ ] pending
+
+### T-17  Implement `internal/backend/server.go`
+**Description**: Clean HTTP server struct — no embedded scraping state, no audio job map, no browse cache. Dependencies injected via constructor. Routes registered via a `routes(mux)` method so they are independently testable.
+**Unit tests**: `internal/backend/server_test.go` — verify all routes registered, `ListenAndServe` exits cleanly on context cancel.
+**Status**: [ ] pending
+
+### T-18  Write `cmd/backend/main.go`
+**Description**: Wire up config + storage + kokoro client + backend server. Signal handling. Structured startup logging.
+**Unit tests**: `cmd/backend/main_test.go` — same smoke tests as runner.
+**Status**: [ ] pending
+
+---
+
+## Phase 6 — Cleanup & cross-cutting
+
+### T-19  Port and extend unit tests
+**Description**: Ensure all existing passing unit tests (`htmlutil`, `novelfire`, `orchestrator`, `storage` unit tests) are ported / updated for the new package layout. Remove integration-test stubs that are no longer relevant.
+**Unit tests**: All tests under `internal/` must pass with `go test ./... -short`.
+**Status**: [ ] pending
+
+### T-20  Update `go.mod` and dependencies
+**Description**: Remove unused dependencies (e.g. Browserless-related). Verify `go mod tidy` produces a clean output. Update `Dockerfile` to build both `runner` and `backend` binaries. Update `docker-compose.yml` to run both services.
+**Unit tests**: `go build ./...` and `go vet ./...` pass cleanly.
+**Status**: [ ] pending
+
+### T-21  Update `AGENTS.md` and environment variable documentation
+**Description**: Update root `AGENTS.md` and `scraper/` docs to reflect the new two-binary architecture, new env vars (`RUNNER_*`, `BACKEND_*`), and removed features (save-browse, SingleFile CLI).
+**Unit tests**: N/A — documentation only.
+**Status**: [ ] pending
+
+### T-22  Write `internal/httputil` package
+**Description**: Extract shared HTTP helpers reused by both binaries:
+- `RetryGet(ctx, client, url, maxAttempts int, baseDelay time.Duration) (string, error)` — exponential backoff
+- `WriteJSON(w, status, v)` — standard JSON response helper
+- `DecodeJSON(r, v) error` — standard JSON decode with size limit
+
+**Unit tests**: `internal/httputil/httputil_test.go` — table-driven tests for `RetryGet` (immediate success, retry on 5xx, abort on context cancel, max attempts exceeded); `WriteJSON` sets correct Content-Type and status; `DecodeJSON` returns error on body > limit.
+**Status**: [ ] pending
+
+---
+
+## Dependency graph (simplified)
+
+```
+internal/domain          ← pure types, no imports from this repo
+internal/httputil        ← domain (none), stdlib only
+internal/browser         ← httputil
+internal/scraper         ← domain
+internal/novelfire       ← browser, scraper/domain, httputil
+internal/kokoro          ← httputil
+internal/bookstore       ← domain
+internal/taskqueue       ← domain
+internal/storage         ← bookstore, taskqueue, domain, minio-go, ...
+internal/orchestrator    ← scraper, bookstore
+internal/runner          ← orchestrator, taskqueue, kokoro, storage
+internal/backend         ← bookstore, taskqueue, kokoro, storage
+cmd/runner               ← runner, config
+cmd/backend              ← backend, config
+```
+
+No circular imports. Runner and backend never import each other.
+
+---
+
+## Progress tracker
+
+| Task | Description | Status |
+|------|-------------|--------|
+| T-01 | Restructure cmd/ layout | ✅ done |
+| T-02 | Shared config package | ✅ done |
+| T-03 | TaskQueue interfaces | ✅ done |
+| T-04 | BookStore interface decomposition | ✅ done |
+| T-05 | Domain package + NovelScraper cleanup | ✅ done |
+| T-06 | PocketBase client rewrite | ✅ done |
+| T-07 | MinIO client rewrite | ✅ done |
+| T-08 | Hybrid → unified Store | ✅ done |
+| T-09 | novelfire scraper rewrite | ✅ done |
+| T-10 | Orchestrator rewrite | ✅ done |
+| T-11 | Browser client rewrite | ✅ done |
+| T-12 | Runner main loop | ✅ done |
+| T-13 | Kokoro client package | ✅ done |
+| T-14 | cmd/runner entrypoint | ✅ done |
+| T-15 | Backend handler interfaces | ✅ done |
+| T-16 | Backend HTTP handlers | ✅ done |
+| T-17 | Backend server | ✅ done |
+| T-18 | cmd/backend entrypoint | ✅ done |
+| T-19 | Port existing unit tests | ✅ done |
+| T-20 | go.mod + Docker updates | ✅ done (`go mod tidy` + `go build ./...` + `go vet ./...` all clean; Docker TBD) |
+| T-21 | Documentation updates | ✅ done (progress table updated) |
+| T-22 | httputil package | ✅ done |
diff --git a/caddy/Dockerfile b/caddy/Dockerfile
new file mode 100644
index 0000000..d78156e
--- /dev/null
+++ b/caddy/Dockerfile
@@ -0,0 +1,10 @@
+FROM caddy:2-builder AS builder
+
+RUN xcaddy build \
+    --with github.com/mholt/caddy-ratelimit \
+    --with github.com/hslatman/caddy-crowdsec-bouncer/http \
+    --with github.com/mholt/caddy-l4
+
+FROM caddy:2-alpine
+COPY --from=builder /usr/bin/caddy /usr/bin/caddy
+COPY errors/ /srv/errors/
diff --git a/caddy/errors/404.html b/caddy/errors/404.html
new file mode 100644
index 0000000..0333734
--- /dev/null
+++ b/caddy/errors/404.html
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>404 — Page Not Found — libnovel</title>
+  <style>
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+    html, body {
+      height: 100%;
+      background: #09090b;
+    }
+
+    body {
+      min-height: 100svh;
+      display: flex;
+      flex-direction: column;
+      font-family: ui-sans-serif, system-ui, sans-serif;
+      color: #a1a1aa;
+    }
+
+    header {
+      padding: 1.5rem 2rem;
+      border-bottom: 1px solid #27272a;
+    }
+    .logo {
+      font-size: 1.125rem;
+      font-weight: 700;
+      color: #f59e0b;
+      letter-spacing: -0.02em;
+      text-decoration: none;
+    }
+
+    main {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 3rem 2rem;
+      text-align: center;
+      gap: 0;
+    }
+
+    .watermark {
+      font-size: clamp(5rem, 22vw, 9rem);
+      font-weight: 800;
+      color: #18181b;
+      line-height: 1;
+      letter-spacing: -0.04em;
+      user-select: none;
+      margin-bottom: 2rem;
+    }
+
+    .status-row {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      margin-bottom: 1.25rem;
+    }
+    .dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: #71717a;
+    }
+    .status-label {
+      font-size: 0.75rem;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      color: #71717a;
+    }
+
+    h1 {
+      font-size: 1.5rem;
+      font-weight: 700;
+      color: #e4e4e7;
+      letter-spacing: -0.02em;
+      margin-bottom: 0.75rem;
+    }
+
+    p {
+      font-size: 0.9375rem;
+      max-width: 38ch;
+      line-height: 1.65;
+      margin-bottom: 2rem;
+    }
+
+    .btn {
+      display: inline-block;
+      padding: 0.625rem 1.5rem;
+      border-radius: 0.5rem;
+      background: #f59e0b;
+      color: #000;
+      font-weight: 600;
+      font-size: 0.875rem;
+      text-decoration: none;
+      transition: background 0.15s;
+    }
+    .btn:hover { background: #d97706; }
+
+    footer {
+      padding: 1.5rem 2rem;
+      border-top: 1px solid #27272a;
+      text-align: center;
+      font-size: 0.8rem;
+      color: #3f3f46;
+    }
+  </style>
+</head>
+<body>
+
+  <header>
+    <a class="logo" href="/">libnovel</a>
+  </header>
+
+  <main>
+    <div class="watermark">404</div>
+
+    <div class="status-row">
+      <div class="dot"></div>
+      <span class="status-label">Page not found</span>
+    </div>
+
+    <h1>Nothing here</h1>
+    <p>The page you're looking for doesn't exist or has been moved.</p>
+
+    <a class="btn" href="/">Go home</a>
+  </main>
+
+  <footer>
+    &copy; LibNovel
+  </footer>
+
+</body>
+</html>
diff --git a/caddy/errors/500.html b/caddy/errors/500.html
new file mode 100644
index 0000000..0cedc55
--- /dev/null
+++ b/caddy/errors/500.html
@@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>500 — Internal Error — libnovel</title>
+  <meta http-equiv="refresh" content="20">
+  <style>
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+    html, body {
+      height: 100%;
+      background: #09090b;
+    }
+
+    body {
+      min-height: 100svh;
+      display: flex;
+      flex-direction: column;
+      font-family: ui-sans-serif, system-ui, sans-serif;
+      color: #a1a1aa;
+    }
+
+    header {
+      padding: 1.5rem 2rem;
+      border-bottom: 1px solid #27272a;
+    }
+    .logo {
+      font-size: 1.125rem;
+      font-weight: 700;
+      color: #f59e0b;
+      letter-spacing: -0.02em;
+      text-decoration: none;
+    }
+
+    main {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 3rem 2rem;
+      text-align: center;
+      gap: 0;
+    }
+
+    .illustration {
+      width: 96px;
+      height: 96px;
+      margin-bottom: 2rem;
+    }
+
+    .watermark {
+      font-size: clamp(5rem, 22vw, 9rem);
+      font-weight: 800;
+      color: #18181b;
+      line-height: 1;
+      letter-spacing: -0.04em;
+      user-select: none;
+      margin-bottom: 2rem;
+    }
+
+    .status-row {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      margin-bottom: 1.25rem;
+    }
+    .dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: #f59e0b;
+      animation: pulse 2s ease-in-out infinite;
+    }
+    @keyframes pulse {
+      0%, 100% { opacity: 1; transform: scale(1); }
+      50%       { opacity: 0.4; transform: scale(0.75); }
+    }
+    .status-label {
+      font-size: 0.75rem;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      color: #f59e0b;
+    }
+
+    h1 {
+      font-size: 1.5rem;
+      font-weight: 700;
+      color: #e4e4e7;
+      letter-spacing: -0.02em;
+      margin-bottom: 0.75rem;
+    }
+
+    p {
+      font-size: 0.9375rem;
+      max-width: 38ch;
+      line-height: 1.65;
+      margin-bottom: 2rem;
+    }
+
+    .actions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.75rem;
+      justify-content: center;
+    }
+
+    .btn {
+      display: inline-block;
+      padding: 0.625rem 1.5rem;
+      border-radius: 0.5rem;
+      background: #f59e0b;
+      color: #000;
+      font-weight: 600;
+      font-size: 0.875rem;
+      text-decoration: none;
+      transition: background 0.15s;
+    }
+    .btn:hover { background: #d97706; }
+
+    .btn-secondary {
+      background: transparent;
+      color: #a1a1aa;
+      border: 1px solid #27272a;
+      cursor: pointer;
+    }
+    .btn-secondary:hover { background: #18181b; color: #e4e4e7; }
+
+    .refresh-note {
+      margin-top: 1.25rem;
+      font-size: 0.8rem;
+      color: #52525b;
+    }
+    #countdown { color: #71717a; }
+
+    footer {
+      padding: 1.5rem 2rem;
+      border-top: 1px solid #27272a;
+      text-align: center;
+      font-size: 0.8rem;
+      color: #3f3f46;
+    }
+  </style>
+</head>
+<body>
+
+  <header>
+    <a class="logo" href="/">libnovel</a>
+  </header>
+
+  <main>
+    <!-- Book with lightning bolt SVG -->
+    <svg class="illustration" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+      <!-- Book cover -->
+      <rect x="14" y="12" width="50" height="68" rx="4" fill="#27272a" stroke="#3f3f46" stroke-width="1.5"/>
+      <!-- Spine -->
+      <rect x="10" y="12" width="8" height="68" rx="2" fill="#18181b" stroke="#3f3f46" stroke-width="1.5"/>
+      <!-- Pages edge -->
+      <rect x="62" y="14" width="4" height="64" rx="1" fill="#1c1c1f"/>
+      <!-- Lightning bolt -->
+      <path d="M44 22 L34 46 H42 L36 70 L58 42 H48 L56 22 Z" fill="#f59e0b" opacity="0.9"/>
+      <!-- Text lines -->
+      <rect x="22" y="58" width="28" height="2.5" rx="1.25" fill="#3f3f46"/>
+      <rect x="22" y="63" width="18" height="2.5" rx="1.25" fill="#3f3f46"/>
+      <rect x="22" y="68" width="24" height="2.5" rx="1.25" fill="#3f3f46"/>
+    </svg>
+
+    <div class="watermark">500</div>
+
+    <div class="status-row">
+      <div class="dot"></div>
+      <span class="status-label">Internal error</span>
+    </div>
+
+    <h1>Something went wrong</h1>
+    <p>An unexpected error occurred on our end. We're on it — try again in a moment.</p>
+
+    <div class="actions">
+      <a class="btn" href="/">Go home</a>
+      <button class="btn btn-secondary" onclick="location.reload()">Retry</button>
+    </div>
+
+    <p class="refresh-note">Auto-refreshing in <span id="countdown">20</span>s</p>
+  </main>
+
+  <footer>
+    &copy; LibNovel
+  </footer>
+
+  <script>
+    var s = 20;
+    var el = document.getElementById('countdown');
+    var t = setInterval(function () {
+      s--;
+      el.textContent = s;
+      if (s <= 0) { clearInterval(t); location.reload(); }
+    }, 1000);
+  </script>
+
+</body>
+</html>
diff --git a/caddy/errors/502.html b/caddy/errors/502.html
new file mode 100644
index 0000000..ff7a384
--- /dev/null
+++ b/caddy/errors/502.html
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>502 — Service Unavailable — libnovel</title>
+  <meta http-equiv="refresh" content="20">
+  <style>
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+    html, body {
+      height: 100%;
+      background: #09090b;
+    }
+
+    body {
+      min-height: 100svh;
+      display: flex;
+      flex-direction: column;
+      font-family: ui-sans-serif, system-ui, sans-serif;
+      color: #a1a1aa;
+    }
+
+    header {
+      padding: 1.5rem 2rem;
+      border-bottom: 1px solid #27272a;
+    }
+    .logo {
+      font-size: 1.125rem;
+      font-weight: 700;
+      color: #f59e0b;
+      letter-spacing: -0.02em;
+      text-decoration: none;
+    }
+
+    main {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 3rem 2rem;
+      text-align: center;
+      gap: 0;
+    }
+
+    .watermark {
+      font-size: clamp(5rem, 22vw, 9rem);
+      font-weight: 800;
+      color: #18181b;
+      line-height: 1;
+      letter-spacing: -0.04em;
+      user-select: none;
+      margin-bottom: 2rem;
+    }
+
+    .status-row {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      margin-bottom: 1.25rem;
+    }
+    .dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: #f59e0b;
+      animation: pulse 2s ease-in-out infinite;
+    }
+    @keyframes pulse {
+      0%, 100% { opacity: 1; transform: scale(1); }
+      50%       { opacity: 0.4; transform: scale(0.75); }
+    }
+    .status-label {
+      font-size: 0.75rem;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      color: #f59e0b;
+    }
+
+    h1 {
+      font-size: 1.5rem;
+      font-weight: 700;
+      color: #e4e4e7;
+      letter-spacing: -0.02em;
+      margin-bottom: 0.75rem;
+    }
+
+    p {
+      font-size: 0.9375rem;
+      max-width: 38ch;
+      line-height: 1.65;
+      margin-bottom: 2rem;
+    }
+
+    .btn {
+      display: inline-block;
+      padding: 0.625rem 1.5rem;
+      border-radius: 0.5rem;
+      background: #f59e0b;
+      color: #000;
+      font-weight: 600;
+      font-size: 0.875rem;
+      text-decoration: none;
+      transition: background 0.15s;
+    }
+    .btn:hover { background: #d97706; }
+
+    .refresh-note {
+      margin-top: 1.25rem;
+      font-size: 0.8rem;
+      color: #52525b;
+    }
+    #countdown { color: #71717a; }
+
+    footer {
+      padding: 1.5rem 2rem;
+      border-top: 1px solid #27272a;
+      text-align: center;
+      font-size: 0.8rem;
+      color: #3f3f46;
+    }
+  </style>
+</head>
+<body>
+
+  <header>
+    <a class="logo" href="/">libnovel</a>
+  </header>
+
+  <main>
+    <div class="watermark">502</div>
+
+    <div class="status-row">
+      <div class="dot"></div>
+      <span class="status-label">Service unavailable</span>
+    </div>
+
+    <h1>Something went wrong</h1>
+    <p>The server is temporarily unreachable. This usually resolves itself quickly.</p>
+
+    <a class="btn" href="/">Try again</a>
+    <p class="refresh-note">Page refreshes automatically in <span id="countdown">20</span>s</p>
+  </main>
+
+  <footer>
+    &copy; LibNovel
+  </footer>
+
+  <script>
+    var s = 20;
+    var el = document.getElementById('countdown');
+    var t = setInterval(function () {
+      s--;
+      el.textContent = s;
+      if (s <= 0) { clearInterval(t); location.reload(); }
+    }, 1000);
+  </script>
+
+</body>
+</html>
diff --git a/caddy/errors/503.html b/caddy/errors/503.html
new file mode 100644
index 0000000..6267602d
--- /dev/null
+++ b/caddy/errors/503.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Under Maintenance — libnovel</title>
+  <meta http-equiv="refresh" content="30">
+  <style>
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+    html, body {
+      height: 100%;
+      background: #09090b;
+    }
+
+    body {
+      min-height: 100svh;
+      display: flex;
+      flex-direction: column;
+      font-family: ui-sans-serif, system-ui, sans-serif;
+      color: #a1a1aa;
+    }
+
+    /* ── Header ── */
+    header {
+      padding: 1.5rem 2rem;
+      border-bottom: 1px solid #27272a;
+    }
+    .logo {
+      font-size: 1.125rem;
+      font-weight: 700;
+      color: #f59e0b;
+      letter-spacing: -0.02em;
+      text-decoration: none;
+    }
+
+    /* ── Main ── */
+    main {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 3rem 2rem;
+      text-align: center;
+      gap: 0;
+    }
+
+    .watermark {
+      font-size: clamp(5rem, 22vw, 9rem);
+      font-weight: 800;
+      color: #18181b;
+      line-height: 1;
+      letter-spacing: -0.04em;
+      user-select: none;
+      margin-bottom: 2rem;
+    }
+
+    .status-row {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      margin-bottom: 1.25rem;
+    }
+    .dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: #f59e0b;
+      animation: pulse 2s ease-in-out infinite;
+    }
+    @keyframes pulse {
+      0%, 100% { opacity: 1; transform: scale(1); }
+      50%       { opacity: 0.4; transform: scale(0.75); }
+    }
+    .status-label {
+      font-size: 0.75rem;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      color: #f59e0b;
+    }
+
+    h1 {
+      font-size: 1.5rem;
+      font-weight: 700;
+      color: #e4e4e7;
+      letter-spacing: -0.02em;
+      margin-bottom: 0.75rem;
+    }
+
+    p {
+      font-size: 0.9375rem;
+      max-width: 38ch;
+      line-height: 1.65;
+      margin-bottom: 2rem;
+    }
+
+    .btn {
+      display: inline-block;
+      padding: 0.625rem 1.5rem;
+      border-radius: 0.5rem;
+      background: #f59e0b;
+      color: #000;
+      font-weight: 600;
+      font-size: 0.875rem;
+      text-decoration: none;
+      transition: background 0.15s;
+    }
+    .btn:hover { background: #d97706; }
+
+    .refresh-note {
+      margin-top: 1.25rem;
+      font-size: 0.8rem;
+      color: #52525b;
+    }
+    #countdown { color: #71717a; }
+
+    /* ── Footer ── */
+    footer {
+      padding: 1.5rem 2rem;
+      border-top: 1px solid #27272a;
+      text-align: center;
+      font-size: 0.8rem;
+      color: #3f3f46;
+    }
+  </style>
+</head>
+<body>
+
+  <header>
+    <a class="logo" href="/">libnovel</a>
+  </header>
+
+  <main>
+    <div class="watermark">503</div>
+
+    <div class="status-row">
+      <div class="dot"></div>
+      <span class="status-label">Maintenance in progress</span>
+    </div>
+
+    <h1>We'll be right back</h1>
+    <p>LibNovel is briefly offline for scheduled maintenance. No data is being changed — hang tight.</p>
+
+    <a class="btn" href="/">Try again</a>
+    <p class="refresh-note">Page refreshes automatically in <span id="countdown">30</span>s</p>
+  </main>
+
+  <footer>
+    &copy; LibNovel
+  </footer>
+
+  <script>
+    var s = 30;
+    var el = document.getElementById('countdown');
+    var t = setInterval(function () {
+      s--;
+      el.textContent = s;
+      if (s <= 0) { clearInterval(t); location.reload(); }
+    }, 1000);
+  </script>
+
+</body>
+</html>
diff --git a/caddy/errors/504.html b/caddy/errors/504.html
new file mode 100644
index 0000000..83611d1
--- /dev/null
+++ b/caddy/errors/504.html
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>504 — Gateway Timeout — libnovel</title>
+  <meta http-equiv="refresh" content="20">
+  <style>
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+    html, body {
+      height: 100%;
+      background: #09090b;
+    }
+
+    body {
+      min-height: 100svh;
+      display: flex;
+      flex-direction: column;
+      font-family: ui-sans-serif, system-ui, sans-serif;
+      color: #a1a1aa;
+    }
+
+    header {
+      padding: 1.5rem 2rem;
+      border-bottom: 1px solid #27272a;
+    }
+    .logo {
+      font-size: 1.125rem;
+      font-weight: 700;
+      color: #f59e0b;
+      letter-spacing: -0.02em;
+      text-decoration: none;
+    }
+
+    main {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 3rem 2rem;
+      text-align: center;
+      gap: 0;
+    }
+
+    .watermark {
+      font-size: clamp(5rem, 22vw, 9rem);
+      font-weight: 800;
+      color: #18181b;
+      line-height: 1;
+      letter-spacing: -0.04em;
+      user-select: none;
+      margin-bottom: 2rem;
+    }
+
+    .status-row {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      margin-bottom: 1.25rem;
+    }
+    .dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: #f59e0b;
+      animation: pulse 2s ease-in-out infinite;
+    }
+    @keyframes pulse {
+      0%, 100% { opacity: 1; transform: scale(1); }
+      50%       { opacity: 0.4; transform: scale(0.75); }
+    }
+    .status-label {
+      font-size: 0.75rem;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      color: #f59e0b;
+    }
+
+    h1 {
+      font-size: 1.5rem;
+      font-weight: 700;
+      color: #e4e4e7;
+      letter-spacing: -0.02em;
+      margin-bottom: 0.75rem;
+    }
+
+    p {
+      font-size: 0.9375rem;
+      max-width: 38ch;
+      line-height: 1.65;
+      margin-bottom: 2rem;
+    }
+
+    .btn {
+      display: inline-block;
+      padding: 0.625rem 1.5rem;
+      border-radius: 0.5rem;
+      background: #f59e0b;
+      color: #000;
+      font-weight: 600;
+      font-size: 0.875rem;
+      text-decoration: none;
+      transition: background 0.15s;
+    }
+    .btn:hover { background: #d97706; }
+
+    .refresh-note {
+      margin-top: 1.25rem;
+      font-size: 0.8rem;
+      color: #52525b;
+    }
+    #countdown { color: #71717a; }
+
+    footer {
+      padding: 1.5rem 2rem;
+      border-top: 1px solid #27272a;
+      text-align: center;
+      font-size: 0.8rem;
+      color: #3f3f46;
+    }
+  </style>
+</head>
+<body>
+
+  <header>
+    <a class="logo" href="/">libnovel</a>
+  </header>
+
+  <main>
+    <div class="watermark">504</div>
+
+    <div class="status-row">
+      <div class="dot"></div>
+      <span class="status-label">Gateway timeout</span>
+    </div>
+
+    <h1>Request timed out</h1>
+    <p>The server took too long to respond. Please refresh and try again.</p>
+
+    <a class="btn" href="/">Try again</a>
+    <p class="refresh-note">Page refreshes automatically in <span id="countdown">20</span>s</p>
+  </main>
+
+  <footer>
+    &copy; LibNovel
+  </footer>
+
+  <script>
+    var s = 20;
+    var el = document.getElementById('countdown');
+    var t = setInterval(function () {
+      s--;
+      el.textContent = s;
+      if (s <= 0) { clearInterval(t); location.reload(); }
+    }, 1000);
+  </script>
+
+</body>
+</html>
diff --git a/crowdsec/acquis.yaml b/crowdsec/acquis.yaml
new file mode 100644
index 0000000..2af7d7f
--- /dev/null
+++ b/crowdsec/acquis.yaml
@@ -0,0 +1,12 @@
+# CrowdSec log acquisition — tells the CrowdSec agent which logs to parse.
+#
+# Caddy writes JSON access logs to /var/log/caddy/access.log (mounted from the
+# caddy_logs Docker volume).  CrowdSec reads the same volume at the same path.
+#
+# The `crowdsecurity/caddy` collection (installed via COLLECTIONS env var)
+# provides the parser that understands Caddy's JSON log format.
+
+filenames:
+  - /var/log/caddy/access.log
+labels:
+  type: caddy
diff --git a/docker-bake.hcl b/docker-bake.hcl
new file mode 100644
index 0000000..3d5b7a1
--- /dev/null
+++ b/docker-bake.hcl
@@ -0,0 +1,106 @@
+# docker-bake.hcl — defines all five production images.
+#
+# CI passes version info as environment variables; locally everything gets :dev tags.
+#
+# Local build (no push):
+#   docker buildx bake
+#
+# CI environment variables: VERSION, MAJOR_MINOR, COMMIT, BUILD_TIME
+
+variable "DOCKER_USER"  { default = "kalekber" }
+variable "VERSION"      { default = "dev" }    # e.g. "4.1.6"  (no leading v)
+variable "MAJOR_MINOR"  { default = "dev" }    # e.g. "4.1"
+variable "COMMIT"       { default = "unknown" }
+variable "BUILD_TIME"   { default = "" }
+
+# ── Shared defaults ───────────────────────────────────────────────────────────
+
+target "_defaults" {
+  pull     = true
+  # CI overrides to push=true via --set *.output=type=image,push=true
+  output   = ["type=image,push=false"]
+  cache-to = ["type=inline"]
+}
+
+# ── Go targets (share the backend/ build context + builder stage) ─────────────
+
+target "backend" {
+  inherits   = ["_defaults"]
+  context    = "backend"
+  target     = "backend"
+  tags       = [
+    "${DOCKER_USER}/libnovel-backend:${VERSION}",
+    "${DOCKER_USER}/libnovel-backend:${MAJOR_MINOR}",
+    "${DOCKER_USER}/libnovel-backend:latest",
+  ]
+  cache-from = ["type=registry,ref=${DOCKER_USER}/libnovel-backend:latest"]
+  args = {
+    VERSION = VERSION
+    COMMIT  = COMMIT
+  }
+}
+
+target "runner" {
+  inherits   = ["_defaults"]
+  context    = "backend"
+  target     = "runner"
+  tags       = [
+    "${DOCKER_USER}/libnovel-runner:${VERSION}",
+    "${DOCKER_USER}/libnovel-runner:${MAJOR_MINOR}",
+    "${DOCKER_USER}/libnovel-runner:latest",
+  ]
+  cache-from = ["type=registry,ref=${DOCKER_USER}/libnovel-runner:latest"]
+  args = {
+    VERSION = VERSION
+    COMMIT  = COMMIT
+  }
+}
+
+target "pocketbase" {
+  inherits   = ["_defaults"]
+  context    = "backend"
+  target     = "pocketbase"
+  tags       = [
+    "${DOCKER_USER}/libnovel-pocketbase:${VERSION}",
+    "${DOCKER_USER}/libnovel-pocketbase:${MAJOR_MINOR}",
+    "${DOCKER_USER}/libnovel-pocketbase:latest",
+  ]
+  cache-from = ["type=registry,ref=${DOCKER_USER}/libnovel-pocketbase:latest"]
+}
+
+# ── UI (SvelteKit — separate context) ────────────────────────────────────────
+
+target "ui" {
+  inherits   = ["_defaults"]
+  context    = "ui"
+  tags       = [
+    "${DOCKER_USER}/libnovel-ui:${VERSION}",
+    "${DOCKER_USER}/libnovel-ui:${MAJOR_MINOR}",
+    "${DOCKER_USER}/libnovel-ui:latest",
+  ]
+  cache-from = ["type=registry,ref=${DOCKER_USER}/libnovel-ui:latest"]
+  args = {
+    BUILD_VERSION = VERSION
+    BUILD_COMMIT  = COMMIT
+    BUILD_TIME    = BUILD_TIME
+  }
+}
+
+# ── Caddy (custom plugins — separate context) ─────────────────────────────────
+
+target "caddy" {
+  inherits   = ["_defaults"]
+  context    = "caddy"
+  tags       = [
+    "${DOCKER_USER}/libnovel-caddy:${VERSION}",
+    "${DOCKER_USER}/libnovel-caddy:${MAJOR_MINOR}",
+    "${DOCKER_USER}/libnovel-caddy:latest",
+  ]
+  cache-from = ["type=registry,ref=${DOCKER_USER}/libnovel-caddy:latest"]
+}
+
+# ── Default group: all five images ────────────────────────────────────────────
+
+group "default" {
+  targets = ["backend", "runner", "pocketbase", "ui", "caddy"]
+}
diff --git a/docker-compose.yml b/docker-compose.yml
index 750c534..e481f66 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,82 +1,452 @@
-version: "3.9"
+# ── Shared environment fragments ──────────────────────────────────────────────
+# These YAML anchors eliminate duplication between backend and runner.
+# All values come from Doppler — no fallbacks needed here.
+# Run commands via: just up / just build / etc.  (see justfile)
+x-infra-env: &infra-env
+  # MinIO
+  MINIO_ENDPOINT: "minio:9000"
+  MINIO_ACCESS_KEY: "${MINIO_ROOT_USER}"
+  MINIO_SECRET_KEY: "${MINIO_ROOT_PASSWORD}"
+  MINIO_USE_SSL: "false"
+  MINIO_PUBLIC_ENDPOINT: "${MINIO_PUBLIC_ENDPOINT}"
+  MINIO_PUBLIC_USE_SSL: "${MINIO_PUBLIC_USE_SSL}"
+  # PocketBase
+  POCKETBASE_URL: "http://pocketbase:8090"
+  POCKETBASE_ADMIN_EMAIL: "${POCKETBASE_ADMIN_EMAIL}"
+  POCKETBASE_ADMIN_PASSWORD: "${POCKETBASE_ADMIN_PASSWORD}"
+  # Meilisearch
+  MEILI_URL: "${MEILI_URL:-http://meilisearch:7700}"
+  MEILI_API_KEY: "${MEILI_MASTER_KEY}"
+  # Valkey
+  VALKEY_ADDR: "valkey:6379"
+  # Cloudflare AI (TTS + image generation)
+  CFAI_ACCOUNT_ID: "${CFAI_ACCOUNT_ID}"
+  CFAI_API_TOKEN: "${CFAI_API_TOKEN}"
 
 services:
-  # ─── Browserless ────────────────────────────────────────────────────────────
-  browserless:
-    image: ghcr.io/browserless/chromium:latest
-    container_name: libnovel-browserless
+  # ─── MinIO (object storage: chapters, audio, avatars, browse) ────────────────
+  minio:
+    image: minio/minio:latest
     restart: unless-stopped
+    command: server /data --console-address ":9001"
     environment:
-      # Set a token to lock down the endpoint; the scraper reads it via
-      # BROWSERLESS_TOKEN below.
-      TOKEN: "${BROWSERLESS_TOKEN:-}"
-      # Allow up to 10 concurrent browser sessions.
-      CONCURRENT: "${BROWSERLESS_CONCURRENT:-10}"
-      # Queue up to 100 requests before returning 429.
-      QUEUED: "${BROWSERLESS_QUEUED:-100}"
-      # Per-session timeout in ms.
-      TIMEOUT: "${BROWSERLESS_TIMEOUT:-60000}"
-      # Optional webhook URL for Browserless error alerts.
-      ERROR_ALERT_URL: "${ERROR_ALERT_URL:-}"
-    ports:
-      - "3030:3000"
-    # Shared memory is required for Chrome.
-    shm_size: "2gb"
+      MINIO_ROOT_USER: "${MINIO_ROOT_USER}"
+      MINIO_ROOT_PASSWORD: "${MINIO_ROOT_PASSWORD}"
+    # No public port — all presigned URL traffic goes through backend or a
+    # separately-exposed MINIO_PUBLIC_ENDPOINT (e.g. storage.libnovel.cc).
+    expose:
+      - "9000"
+      - "9001"
+    volumes:
+      - minio_data:/data
     healthcheck:
-      test: ["CMD", "wget", "-qO-", "http://localhost:3000/json/version"]
+      test: ["CMD", "mc", "ready", "local"]
       interval: 10s
       timeout: 5s
       retries: 5
 
-  # ─── Kokoro-FastAPI (TTS) ────────────────────────────────────────────────────
-  # CPU image; swap for ghcr.io/remsky/kokoro-fastapi-gpu:latest on NVIDIA hosts.
-  # Models are baked in — no volume mount required for the default voice set.
-  kokoro:
-    image: ghcr.io/remsky/kokoro-fastapi-cpu:latest
-    container_name: libnovel-kokoro
+  # ─── MinIO bucket initialisation ─────────────────────────────────────────────
+  minio-init:
+    image: minio/mc:latest
+    depends_on:
+      minio:
+        condition: service_healthy
+    entrypoint: >
+      /bin/sh -c "
+        mc alias set local http://minio:9000 $${MINIO_ROOT_USER} $${MINIO_ROOT_PASSWORD};
+        mc mb --ignore-existing local/chapters;
+        mc mb --ignore-existing local/audio;
+        mc mb --ignore-existing local/avatars;
+        mc mb --ignore-existing local/catalogue;
+        mc mb --ignore-existing local/translations;
+        mc mb --ignore-existing local/imports;
+        echo 'buckets ready';
+      "
+    environment:
+      MINIO_ROOT_USER: "${MINIO_ROOT_USER}"
+      MINIO_ROOT_PASSWORD: "${MINIO_ROOT_PASSWORD}"
+
+  # ─── PocketBase (auth + structured data) ─────────────────────────────────────
+  # Custom binary built from backend/cmd/pocketbase — runs Go migrations on every
+  # startup before accepting traffic, replacing the old pb-init-v3.sh script.
+  pocketbase:
+    image: kalekber/libnovel-pocketbase:${GIT_TAG:-latest}
+    build:
+      context: ./backend
+      dockerfile: Dockerfile
+      target: pocketbase
+    labels:
+      com.centurylinklabs.watchtower.enable: "true"
     restart: unless-stopped
-    ports:
-      - "8880:8880"
+    environment:
+      # Used by migration 1 to create the initial superuser on a fresh install.
+      POCKETBASE_ADMIN_EMAIL: "${POCKETBASE_ADMIN_EMAIL}"
+      POCKETBASE_ADMIN_PASSWORD: "${POCKETBASE_ADMIN_PASSWORD}"
+    # No public port — accessed only by backend/runner on the internal network.
+    expose:
+      - "8090"
+    volumes:
+      - pb_data:/pb_data
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8880/health"]
-      interval: 15s
+      test: ["CMD", "wget", "-qO-", "http://localhost:8090/api/health"]
+      interval: 10s
+      timeout: 5s
+      retries: 10
+      start_period: 30s
+
+  # ─── Meilisearch (full-text search) ──────────────────────────────────────────
+  meilisearch:
+    image: getmeili/meilisearch:v1.40.0
+    restart: unless-stopped
+    environment:
+      MEILI_MASTER_KEY: "${MEILI_MASTER_KEY}"
+      MEILI_ENV: "${MEILI_ENV}"
+    # No public port — backend/runner reach it via internal network.
+    expose:
+      - "7700"
+    volumes:
+      - meili_data:/meili_data
+    healthcheck:
+      test: ["CMD", "wget", "-qO-", "http://127.0.0.1:7700/health"]
+      interval: 10s
       timeout: 5s
       retries: 5
 
-  # ─── Scraper ─────────────────────────────────────────────────────────────────
-  scraper:
-    build:
-      context: ./scraper
-      dockerfile: Dockerfile
-    container_name: libnovel-scraper
+  # ─── Valkey (presign URL cache) ───────────────────────────────────────────────
+  valkey:
+    image: valkey/valkey:7-alpine
     restart: unless-stopped
-    depends_on:
-      kokoro:
-        condition: service_healthy
-    environment:
-      BROWSERLESS_URL: "http://browserless:3000"
-      BROWSERLESS_TOKEN: "${BROWSERLESS_TOKEN:-}"
-      # content | scrape | cdp | direct — swap to test different strategies.
-      BROWSERLESS_STRATEGY: "${BROWSERLESS_STRATEGY:-direct}"
-      # Strategy for URL retrieval (chapter list). Default: content (browserless)
-      BROWSERLESS_URL_STRATEGY: "${BROWSERLESS_URL_STRATEGY:-content}"
-      # 0 → defaults to NumCPU inside the container.
-      SCRAPER_WORKERS: "${SCRAPER_WORKERS:-0}"
-      SCRAPER_STATIC_ROOT: "/app/static/books"
-      SCRAPER_HTTP_ADDR: ":8080"
-      LOG_LEVEL: "debug"
-      # Kokoro-FastAPI TTS endpoint.
-      KOKORO_URL: "${KOKORO_URL:-http://localhost:8880}"
-      KOKORO_VOICE: "${KOKORO_VOICE:-af_bella}"
-    ports:
-      - "8080:8080"
+    # No public port — backend/runner/ui reach it via internal network.
+    expose:
+      - "6379"
     volumes:
-      - static_books:/app/static/books
+      - valkey_data:/data
     healthcheck:
-      test: ["CMD", "wget", "-qO-", "http://localhost:8080/health"]
+      test: ["CMD", "valkey-cli", "ping"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  # ─── Redis (Asynq task queue — accessed locally by backend, remotely by homelab runner) ──
+  redis:
+    image: redis:7-alpine
+    restart: unless-stopped
+    command: >
+      redis-server
+      --appendonly yes
+      --requirepass "${REDIS_PASSWORD}"
+    # No public port — backend reaches it via internal network.
+    # Homelab runner reaches it via Caddy TLS proxy on :6380 → redis:6379.
+    expose:
+      - "6379"
+    volumes:
+      - redis_data:/data
+    healthcheck:
+      test: ["CMD", "redis-cli", "-a", "${REDIS_PASSWORD}", "ping"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  # ─── Backend API ──────────────────────────────────────────────────────────────
+  backend:
+    image: kalekber/libnovel-backend:${GIT_TAG:-latest}
+    build:
+      context: ./backend
+      dockerfile: Dockerfile
+      target: backend
+      args:
+        VERSION: "${GIT_TAG}"
+        COMMIT: "${GIT_COMMIT}"
+    labels:
+      com.centurylinklabs.watchtower.enable: "true"
+    restart: unless-stopped
+    stop_grace_period: 35s
+    depends_on:
+      pocketbase:
+        condition: service_healthy
+      minio:
+        condition: service_healthy
+      meilisearch:
+        condition: service_healthy
+      valkey:
+        condition: service_healthy
+      redis:
+        condition: service_healthy
+    # No public port — all traffic is routed via Caddy.
+    expose:
+      - "8080"
+    environment:
+      <<: *infra-env
+      BACKEND_HTTP_ADDR: ":8080"
+      BACKEND_ADMIN_TOKEN: "${BACKEND_ADMIN_TOKEN}"
+      LOG_LEVEL: "${LOG_LEVEL}"
+      KOKORO_URL: "${KOKORO_URL}"
+      KOKORO_VOICE: "${KOKORO_VOICE}"
+      POCKET_TTS_URL: "${POCKET_TTS_URL}"
+      GLITCHTIP_DSN: "${GLITCHTIP_DSN_BACKEND}"
+      OTEL_EXPORTER_OTLP_ENDPOINT: "${OTEL_EXPORTER_OTLP_ENDPOINT}"
+      OTEL_SERVICE_NAME: "backend"
+      # Asynq task queue — backend enqueues jobs to local Redis sidecar.
+      # Homelab runner connects to the same Redis via Caddy TLS proxy on :6380.
+      REDIS_ADDR: "redis:6379"
+      REDIS_PASSWORD: "${REDIS_PASSWORD}"
+    healthcheck:
+      test: ["CMD", "/healthcheck", "http://localhost:8080/health"]
       interval: 15s
       timeout: 5s
       retries: 3
 
+  # ─── Runner (background task worker) ─────────────────────────────────────────
+  # profiles: [runner] prevents accidental restart on `docker compose up -d`.
+  # The homelab runner (192.168.0.109) is the sole worker in production.
+  # To start explicitly: doppler run -- docker compose --profile runner up -d runner
+  runner:
+    profiles: [runner]
+    image: kalekber/libnovel-runner:${GIT_TAG:-latest}
+    build:
+      context: ./backend
+      dockerfile: Dockerfile
+      target: runner
+      args:
+        VERSION: "${GIT_TAG}"
+        COMMIT: "${GIT_COMMIT}"
+    labels:
+      com.centurylinklabs.watchtower.enable: "true"
+    restart: unless-stopped
+    stop_grace_period: 135s
+    depends_on:
+      pocketbase:
+        condition: service_healthy
+      minio:
+        condition: service_healthy
+      meilisearch:
+        condition: service_healthy
+      valkey:
+        condition: service_healthy
+    # Metrics endpoint — internal only; expose publicly via Caddy if needed.
+    expose:
+      - "9091"
+    environment:
+      <<: *infra-env
+      LOG_LEVEL: "${LOG_LEVEL}"
+      # Runner tuning
+      RUNNER_POLL_INTERVAL: "${RUNNER_POLL_INTERVAL}"
+      RUNNER_MAX_CONCURRENT_SCRAPE: "${RUNNER_MAX_CONCURRENT_SCRAPE}"
+      RUNNER_MAX_CONCURRENT_AUDIO: "${RUNNER_MAX_CONCURRENT_AUDIO}"
+      RUNNER_WORKER_ID: "${RUNNER_WORKER_ID}"
+      RUNNER_TIMEOUT: "${RUNNER_TIMEOUT}"
+      RUNNER_METRICS_ADDR: "${RUNNER_METRICS_ADDR}"
+      # Suppress the on-startup catalogue walk — catalogue_refresh now skips
+      # books already in Meilisearch, so a full walk on every restart is wasteful.
+      # The 24h periodic ticker (CatalogueRefreshInterval) still fires normally.
+      RUNNER_SKIP_INITIAL_CATALOGUE_REFRESH: "true"
+      # Kokoro-FastAPI TTS endpoint
+      KOKORO_URL: "${KOKORO_URL}"
+      KOKORO_VOICE: "${KOKORO_VOICE}"
+      POCKET_TTS_URL: "${POCKET_TTS_URL}"
+      GLITCHTIP_DSN: "${GLITCHTIP_DSN_RUNNER}"
+      OTEL_EXPORTER_OTLP_ENDPOINT: "${OTEL_EXPORTER_OTLP_ENDPOINT}"
+      OTEL_SERVICE_NAME: "runner"
+    healthcheck:
+      # 120s = 2× the default 30s poll interval with generous headroom.
+      test: ["CMD", "/healthcheck", "file", "/tmp/runner.alive", "120"]
+      interval: 60s
+      timeout: 5s
+      retries: 3
+
+  # ─── SvelteKit UI ─────────────────────────────────────────────────────────────
+  ui:
+    image: kalekber/libnovel-ui:${GIT_TAG:-latest}
+    build:
+      context: ./ui
+      dockerfile: Dockerfile
+      args:
+        BUILD_VERSION: "${GIT_TAG}"
+        BUILD_COMMIT: "${GIT_COMMIT}"
+    labels:
+      com.centurylinklabs.watchtower.enable: "true"
+    restart: unless-stopped
+    stop_grace_period: 35s
+    depends_on:
+      backend:
+        condition: service_healthy
+      pocketbase:
+        condition: service_healthy
+      valkey:
+        condition: service_healthy
+    # No public port — all traffic via Caddy.
+    expose:
+      - "3000"
+    environment:
+      # ORIGIN must match the public URL Caddy serves on.
+      # adapter-node uses this for SvelteKit's built-in CSRF origin check.
+      ORIGIN: "${ORIGIN}"
+      BACKEND_API_URL: "http://backend:8080"
+      POCKETBASE_URL: "http://pocketbase:8090"
+      POCKETBASE_ADMIN_EMAIL: "${POCKETBASE_ADMIN_EMAIL}"
+      POCKETBASE_ADMIN_PASSWORD: "${POCKETBASE_ADMIN_PASSWORD}"
+      AUTH_SECRET: "${AUTH_SECRET}"
+      BACKEND_ADMIN_TOKEN: "${BACKEND_ADMIN_TOKEN}"
+      DEBUG_LOGIN_TOKEN: "${DEBUG_LOGIN_TOKEN}"
+      PUBLIC_MINIO_PUBLIC_URL: "${MINIO_PUBLIC_ENDPOINT}"
+      # Valkey
+      VALKEY_ADDR: "valkey:6379"
+      # Umami analytics
+      PUBLIC_UMAMI_WEBSITE_ID: "${PUBLIC_UMAMI_WEBSITE_ID}"
+      PUBLIC_UMAMI_SCRIPT_URL: "${PUBLIC_UMAMI_SCRIPT_URL}"
+      # GlitchTip client + server-side error tracking
+      PUBLIC_GLITCHTIP_DSN: "${PUBLIC_GLITCHTIP_DSN}"
+      # Grafana Faro RUM (browser Web Vitals, traces, errors)
+      PUBLIC_FARO_COLLECTOR_URL: "${PUBLIC_FARO_COLLECTOR_URL}"
+      # OpenTelemetry tracing
+      OTEL_EXPORTER_OTLP_ENDPOINT: "${OTEL_EXPORTER_OTLP_ENDPOINT}"
+      OTEL_SERVICE_NAME: "ui"
+      # Allow large PDF/EPUB uploads (adapter-node default is 512KB)
+      BODY_SIZE_LIMIT: "52428800"
+      # OAuth2 providers
+      GOOGLE_CLIENT_ID: "${GOOGLE_CLIENT_ID}"
+      GOOGLE_CLIENT_SECRET: "${GOOGLE_CLIENT_SECRET}"
+      GITHUB_CLIENT_ID: "${GITHUB_CLIENT_ID}"
+      GITHUB_CLIENT_SECRET: "${GITHUB_CLIENT_SECRET}"
+      # Polar (subscriptions)
+      POLAR_API_TOKEN: "${POLAR_API_TOKEN}"
+      POLAR_WEBHOOK_SECRET: "${POLAR_WEBHOOK_SECRET}"
+    healthcheck:
+      test: ["CMD", "wget", "-qO-", "http://127.0.0.1:3000/health"]
+      interval: 15s
+      timeout: 5s
+      retries: 3
+
+  # ─── CrowdSec (threat detection + IP blocking) ───────────────────────────────
+  # Reads Caddy JSON access logs from the shared caddy_logs volume and enforces
+  # decisions via the Caddy bouncer plugin.
+  crowdsec:
+    image: crowdsecurity/crowdsec:latest
+    restart: unless-stopped
+    environment:
+      GID: "1000"
+      COLLECTIONS: "crowdsecurity/caddy crowdsecurity/http-dos crowdsecurity/base-http-scenarios"
+    volumes:
+      - crowdsec_data:/var/lib/crowdsec/data
+      - ./crowdsec/acquis.yaml:/etc/crowdsec/acquis.yaml:ro
+      - caddy_logs:/var/log/caddy:ro
+    expose:
+      - "8080"
+    healthcheck:
+      test: ["CMD", "cscli", "version"]
+      interval: 20s
+      timeout: 10s
+      retries: 5
+
+  # ─── Dozzle agent ────────────────────────────────────────────────────────────
+  # Exposes prod container logs to the Dozzle instance on the homelab.
+  # The homelab Dozzle connects here via DOZZLE_REMOTE_AGENT.
+  # Port 7007 is bound to localhost only — not reachable from the internet.
+  dozzle-agent:
+    image: amir20/dozzle:latest
+    restart: unless-stopped
+    command: agent
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock:ro
+    ports:
+      - "127.0.0.1:7007:7007"
+
+  # ─── CrowdSec bouncer registration ───────────────────────────────────────────
+  # One-shot: registers the Caddy bouncer with the CrowdSec LAPI and writes the
+  # generated API key to crowdsec/.crowdsec.env, which Caddy reads via env_file.
+  # Uses the Docker socket to exec cscli inside the running crowdsec container.
+  crowdsec-init:
+    image: docker:cli
+    depends_on:
+      crowdsec:
+        condition: service_healthy
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock
+      - ./crowdsec:/crowdsec-out
+    entrypoint: >
+      /bin/sh -c "
+        out=/crowdsec-out/.crowdsec.env;
+        existing=$$(grep -s '^CROWDSEC_API_KEY=.' \"$$out\" | cut -d= -f2-);
+        if [ -n \"$$existing\" ]; then
+          echo 'crowdsec-init: key already present, skipping registration';
+          exit 0;
+        fi;
+        container=$$(docker ps --filter name=crowdsec --filter status=running --format '{{.Names}}' | grep -v init | head -1);
+        echo \"crowdsec-init: using container $$container\";
+        docker exec $$container cscli bouncers delete caddy-bouncer 2>/dev/null || true;
+        key=$$(docker exec $$container cscli bouncers add caddy-bouncer -o raw 2>&1);
+        if [ -z \"$$key\" ]; then
+          echo 'crowdsec-init: ERROR — failed to obtain bouncer key' >&2;
+          exit 1;
+        fi;
+        printf 'CROWDSEC_API_KEY=%s\n' \"$$key\" > \"$$out\";
+        echo \"crowdsec-init: bouncer key written (key length: $${#key})\";
+      "
+    restart: "no"
+
+
+  # ─── Caddy (reverse proxy + automatic HTTPS) ──────────────────────────────────
+  # Custom build includes github.com/mholt/caddy-ratelimit,
+  # github.com/hslatman/caddy-crowdsec-bouncer/http, and
+  # github.com/mholt/caddy-l4 (TCP layer4 proxy for Redis).
+  caddy:
+    image: kalekber/libnovel-caddy:${GIT_TAG:-latest}
+    build:
+      context: ./caddy
+      dockerfile: Dockerfile
+    labels:
+      com.centurylinklabs.watchtower.enable: "true"
+    restart: unless-stopped
+    depends_on:
+      backend:
+        condition: service_healthy
+      ui:
+        condition: service_healthy
+      crowdsec-init:
+        condition: service_completed_successfully
+    ports:
+      - "80:80"
+      - "443:443"
+      - "443:443/udp" # HTTP/3 (QUIC)
+      - "6380:6380"   # Redis TCP proxy (TLS) for homelab runner → Asynq
+    environment:
+      DOMAIN: "${DOMAIN}"
+      CADDY_ACME_EMAIL: "${CADDY_ACME_EMAIL}"
+    env_file:
+      - path: ./crowdsec/.crowdsec.env
+        required: false
+    volumes:
+      - ./Caddyfile:/etc/caddy/Caddyfile:ro
+      - ./caddy/errors:/srv/errors:ro
+      - caddy_data:/data
+      - caddy_config:/config
+      - caddy_logs:/var/log/caddy
+
+  # ─── Watchtower (auto-redeploy custom services on new images) ────────────────
+  # Only watches services labelled com.centurylinklabs.watchtower.enable=true.
+  # Third-party infra images (minio, pocketbase, meilisearch, etc.) are excluded.
+  # doppler binary is mounted from the host so watchtower fetches fresh secrets
+  # on every start (notification URL, credentials) without baking them in.
+  watchtower:
+    image: containrrr/watchtower:latest
+    restart: unless-stopped
+    entrypoint: ["/usr/bin/doppler", "run", "--project", "libnovel", "--config", "prd", "--"]
+    command: ["/watchtower", "--label-enable", "--interval", "300", "--cleanup"]
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock
+      - /usr/bin/doppler:/usr/bin/doppler:ro
+      - /root/.doppler:/root/.doppler:ro
+    environment:
+      HOME: "/root"
+      DOCKER_API_VERSION: "1.44"
+
 volumes:
-  static_books:
+  minio_data:
+  pb_data:
+  meili_data:
+  valkey_data:
+  redis_data:
+  caddy_data:
+  caddy_config:
+  caddy_logs:
+  crowdsec_data:
diff --git a/docs/api-endpoints.md b/docs/api-endpoints.md
new file mode 100644
index 0000000..01019bb
--- /dev/null
+++ b/docs/api-endpoints.md
@@ -0,0 +1,82 @@
+# API Endpoint Reference
+
+> **Routing ownership map**: see [`docs/d2/api-routing.svg`](d2/api-routing.svg) (source: [`docs/d2/api-routing.d2`](d2/api-routing.d2)) for a visual overview of which paths Caddy sends to the backend directly vs. through SvelteKit, with auth levels colour-coded.
+
+All traffic enters through **Caddy :443**. Caddy routes a subset of paths directly to the Go backend (bypassing SvelteKit); everything else goes to SvelteKit, which enforces auth before proxying onward.
+
+## Health / Version
+
+| Method | Path | Auth | Description |
+|--------|------|------|-------------|
+| `GET` | `/health` | — | Liveness probe. Returns `{"ok":true}`. |
+| `GET` | `/api/version` | — | Build version + commit hash. |
+
+## Scrape Jobs (admin)
+
+| Method | Path | Auth | Description |
+|--------|------|------|-------------|
+| `POST` | `/scrape` | admin | Enqueue full catalogue scrape. |
+| `POST` | `/scrape/book` | admin | Enqueue single-book scrape `{url}`. |
+| `POST` | `/scrape/book/range` | admin | Enqueue range scrape `{url, from, to?}`. |
+| `GET` | `/api/scrape/status` | admin | Current job status. |
+| `GET` | `/api/scrape/tasks` | admin | All scrape task records. |
+| `POST` | `/api/cancel-task/{id}` | admin | Cancel a pending task. |
+
+## Browse / Catalogue
+
+| Method | Path | Auth | Description |
+|--------|------|------|-------------|
+| `GET` | `/api/browse` | — | Live novelfire.net browse (MinIO page-1 cache). Legacy — used by save-browse subcommand. |
+| `GET` | `/api/catalogue` | — | **Primary browse endpoint.** Meilisearch-backed, paginated. Params: `q`, `page`, `limit`, `genre`, `status`, `sort` (`popular`\|`new`\|`update`\|`rank`\|`top-rated`). Falls back to empty when Meilisearch is not configured. |
+| `GET` | `/api/search` | — | Full-text search: Meilisearch local results merged with live novelfire.net remote results. Param: `q` (≥ 2 chars). Used by iOS app. |
+| `GET` | `/api/ranking` | — | Top-ranked novels from PocketBase. |
+| `GET` | `/api/cover/{domain}/{slug}` | — | Proxy cover image from MinIO (redirect to presigned URL). |
+
+## Book / Chapter Content
+
+| Method | Path | Auth | Description |
+|--------|------|------|-------------|
+| `GET` | `/api/book-preview/{slug}` | — | Returns stored metadata + chapter list, or enqueues a scrape task (202) if unknown. |
+| `GET` | `/api/chapter-text/{slug}/{n}` | — | Chapter content as plain text (markdown stripped). |
+| `GET` | `/api/chapter-markdown/{slug}/{n}` | — | Chapter content as raw markdown from MinIO. |
+| `POST` | `/api/reindex/{slug}` | admin | Rebuild `chapters_idx` from MinIO objects. |
+
+## Audio
+
+| Method | Path | Auth | Description |
+|--------|------|------|-------------|
+| `POST` | `/api/audio/{slug}/{n}` | — | Trigger Kokoro TTS generation. Body: `{voice?}`. Returns `200 {status:"done"}` if cached, `202 {task_id, status}` if enqueued. |
+| `GET` | `/api/audio/status/{slug}/{n}` | — | Poll audio generation status. Param: `voice`. Returns `{status, task_id?, error?}`. |
+| `GET` | `/api/audio-proxy/{slug}/{n}` | — | Redirect to presigned MinIO audio URL. |
+| `GET` | `/api/voices` | — | List available Kokoro voices. Returns `{voices:[]}` on error. |
+
+## Presigned URLs
+
+All presign endpoints return a `302` redirect to a short-lived MinIO presigned
+URL. The URL is cached in Valkey (TTL ~55 min) to avoid regenerating on every
+request.
+
+| Method | Path | Auth | Description |
+|--------|------|------|-------------|
+| `GET` | `/api/presign/chapter/{slug}/{n}` | — | Presigned URL for chapter markdown object. |
+| `GET` | `/api/presign/audio/{slug}/{n}` | — | Presigned URL for audio MP3. Param: `voice`. |
+| `GET` | `/api/presign/voice-sample/{voice}` | — | Presigned URL for voice sample MP3. |
+| `GET` | `/api/presign/avatar-upload/{userId}` | user | Presigned PUT URL for avatar upload. |
+| `GET` | `/api/presign/avatar/{userId}` | — | Presigned GET URL for avatar image. |
+
+## Reading Progress
+
+Session-scoped (anonymous via cookie session ID, or tied to authenticated user).
+
+| Method | Path | Auth | Description |
+|--------|------|------|-------------|
+| `GET` | `/api/progress` | — | Get all reading progress for the current session/user. |
+| `POST` | `/api/progress/{slug}` | — | Set progress. Body: `{chapter}`. |
+| `DELETE` | `/api/progress/{slug}` | — | Delete progress for a book. |
+
+## Notes
+
+- **Auth**: The backend does not enforce auth itself — the SvelteKit UI layer enforces admin/user guards before proxying requests. The backend trusts all incoming requests.
+- **`/api/catalogue` vs `/api/browse`**: `/api/catalogue` is the primary UI endpoint (Meilisearch, always-local, fast). `/api/browse` hits or caches the live novelfire.net browse page and is only used internally by the `save-browse` subcommand.
+- **Meilisearch fallback**: When `MEILI_URL` is unset, `/api/catalogue` returns `{books:[], has_next:false}` and `/api/search` falls back to a PocketBase substring scan.
+- **`BACKEND_API_URL`**: The SvelteKit UI reads this env var (default `http://localhost:8080`) to reach the backend server-side. In docker-compose it is set to `http://backend:8080`.
diff --git a/docs/d2/api-routing.d2 b/docs/d2/api-routing.d2
new file mode 100644
index 0000000..ec45746
--- /dev/null
+++ b/docs/d2/api-routing.d2
@@ -0,0 +1,208 @@
+direction: right
+
+# ─── Legend ───────────────────────────────────────────────────────────────────
+
+legend: Legend {
+  style.fill: "#fafafa"
+  style.stroke: "#d4d4d8"
+
+  pub: public {
+    style.fill: "#f0fdf4"
+    style.font-color: "#15803d"
+    style.stroke: "#86efac"
+  }
+  user: user auth {
+    style.fill: "#eff6ff"
+    style.font-color: "#1d4ed8"
+    style.stroke: "#93c5fd"
+  }
+  adm: admin only {
+    style.fill: "#fff7ed"
+    style.font-color: "#c2410c"
+    style.stroke: "#fdba74"
+  }
+}
+
+# ─── Client ───────────────────────────────────────────────────────────────────
+
+client: Browser / iOS App {
+  shape: person
+  style.fill: "#fff9e6"
+}
+
+# ─── Caddy ────────────────────────────────────────────────────────────────────
+
+caddy: Caddy :443 {
+  shape: rectangle
+  style.fill: "#f1f5f9"
+  label: "Caddy :443\ncustom build · caddy-l4 · caddy-ratelimit\nCrowdSec bouncer · security headers\nrate limiting · static error pages\nRedis TCP proxy :6380"
+}
+
+# ─── SvelteKit UI ─────────────────────────────────────────────────────────────
+# All routes here pass through SvelteKit — auth is enforced server-side.
+
+sk: SvelteKit UI :3000 {
+  style.fill: "#fef3c7"
+
+  auth: Auth {
+    style.fill: "#fde68a"
+    style.stroke: "#f59e0b"
+    label: "POST /api/auth/login\nPOST /api/auth/register\nPOST /api/auth/change-password\nGET  /api/auth/session"
+  }
+
+  catalogue_sk: Catalogue {
+    style.fill: "#f0fdf4"
+    style.stroke: "#86efac"
+    label: "GET /api/catalogue-page  (infinite scroll)\nGET /api/search"
+  }
+
+  book_sk: Book {
+    style.fill: "#f0fdf4"
+    style.stroke: "#86efac"
+    label: "GET /api/book/{slug}\nGET /api/chapter/{slug}/{n}\nGET /api/chapter-text-preview/{slug}/{n}"
+  }
+
+  scrape_sk: Scrape (admin) {
+    style.fill: "#fff7ed"
+    style.stroke: "#fdba74"
+    label: "GET  /api/scrape/status\nGET  /api/scrape/tasks\nPOST /api/scrape\nPOST /api/scrape/book\nPOST /api/scrape/book/range\nPOST /api/scrape/cancel/{id}"
+  }
+
+  audio_sk: Audio {
+    style.fill: "#f0fdf4"
+    style.stroke: "#86efac"
+    label: "POST /api/audio/{slug}/{n}\nGET  /api/audio/status/{slug}/{n}\nGET  /api/voices"
+  }
+
+  presign_sk: Presigned URLs (public) {
+    style.fill: "#f0fdf4"
+    style.stroke: "#86efac"
+    label: "GET /api/presign/chapter/{slug}/{n}\nGET /api/presign/audio/{slug}/{n}\nGET /api/presign/voice-sample/{voice}"
+  }
+
+  presign_user: Presigned URLs (user) {
+    style.fill: "#eff6ff"
+    style.stroke: "#93c5fd"
+    label: "GET /api/presign/avatar-upload/{userId}\nGET /api/presign/avatar/{userId}"
+  }
+
+  progress_sk: Progress {
+    style.fill: "#f0fdf4"
+    style.stroke: "#86efac"
+    label: "GET    /api/progress\nPOST   /api/progress/{slug}\nDELETE /api/progress/{slug}"
+  }
+
+  library_sk: Library {
+    style.fill: "#f0fdf4"
+    style.stroke: "#86efac"
+    label: "GET    /api/library\nPOST   /api/library/{slug}\nDELETE /api/library/{slug}"
+  }
+
+  comments_sk: Comments {
+    style.fill: "#f0fdf4"
+    style.stroke: "#86efac"
+    label: "GET  /api/comments/{slug}\nPOST /api/comments/{slug}"
+  }
+}
+
+# ─── Go Backend ───────────────────────────────────────────────────────────────
+# Caddy proxies these paths directly — bypasses SvelteKit entirely.
+
+be: Backend API :8080 {
+  style.fill: "#eef3ff"
+
+  health_be: Health / Version {
+    style.fill: "#f0fdf4"
+    style.stroke: "#86efac"
+    label: "GET /health\nGET /api/version"
+  }
+
+  scrape_be: Scrape admin (direct) {
+    style.fill: "#fff7ed"
+    style.stroke: "#fdba74"
+    label: "POST /scrape\nPOST /scrape/book\nPOST /scrape/book/range"
+  }
+
+  catalogue_be: Catalogue {
+    style.fill: "#f0fdf4"
+    style.stroke: "#86efac"
+    label: "GET /api/catalogue  (Meilisearch)\nGET /api/browse  (legacy MinIO cache)\nGET /api/ranking\nGET /api/cover/{domain}/{slug}"
+  }
+
+  book_be: Book / Chapter {
+    style.fill: "#f0fdf4"
+    style.stroke: "#86efac"
+    label: "GET  /api/book-preview/{slug}\nGET  /api/chapter-text/{slug}/{n}\nGET  /api/chapter-markdown/{slug}/{n}\nPOST /api/reindex/{slug}  ⚠ admin"
+  }
+
+  audio_be: Audio {
+    style.fill: "#f0fdf4"
+    style.stroke: "#86efac"
+    label: "POST /api/audio/{slug}/{n}\nGET  /api/audio/status/{slug}/{n}\nGET  /api/audio-proxy/{slug}/{n}\nGET  /api/voices"
+  }
+
+  presign_be: Presigned URLs {
+    style.fill: "#f0fdf4"
+    style.stroke: "#86efac"
+    label: "GET /api/presign/chapter/{slug}/{n}\nGET /api/presign/audio/{slug}/{n}\nGET /api/presign/voice-sample/{voice}\nGET /api/presign/avatar-upload/{userId}\nGET /api/presign/avatar/{userId}"
+  }
+}
+
+# ─── Storage ──────────────────────────────────────────────────────────────────
+
+storage: Storage {
+  style.fill: "#eaf7ea"
+
+  pb: PocketBase :8090 {
+    shape: cylinder
+    label: "auth · books · progress\ncomments · library\nscrape_jobs · audio_cache\nranking"
+  }
+  mn: MinIO :9000 {
+    shape: cylinder
+    label: "chapters · audio\navatars · catalogue (browse)"
+  }
+  ms: Meilisearch :7700 {
+    shape: cylinder
+    label: "index: books\nfilterable: status · genres\nsortable: rank · rating\n  total_chapters · meta_updated"
+  }
+  vk: Valkey :6379 {
+    shape: cylinder
+    label: "presign URL cache (TTL ~55 min)\nAsynq job queue (runner)"
+  }
+}
+
+# ─── Caddy routing ────────────────────────────────────────────────────────────
+
+client -> caddy: HTTPS :443
+
+caddy -> sk: "/* (catch-all)\n→ SvelteKit enforces auth"
+caddy -> be: "/health  /scrape*\n/api/browse  /api/catalogue  /api/ranking\n/api/version  /api/book-preview/*\n/api/chapter-text/*  /api/chapter-markdown/*\n/api/reindex/*  /api/cover/*\n/api/audio*  /api/voices  /api/presign/*"
+caddy -> storage.mn: "/avatars/*  /audio/*  /chapters/*\n(presigned MinIO GETs)"
+
+# ─── SvelteKit → Backend (server-side proxy) ──────────────────────────────────
+
+sk.catalogue_sk -> be.catalogue_be: internal proxy
+sk.book_sk -> be.book_be: internal proxy
+sk.audio_sk -> be.audio_be: internal proxy
+sk.presign_sk -> be.presign_be: internal proxy
+sk.presign_user -> be.presign_be: internal proxy
+
+# ─── SvelteKit → Storage (direct) ────────────────────────────────────────────
+
+sk.auth -> storage.pb: sessions / users
+sk.scrape_sk -> storage.pb: scrape job records
+sk.progress_sk -> storage.pb
+sk.library_sk -> storage.pb
+sk.comments_sk -> storage.pb
+
+# ─── Backend → Storage ────────────────────────────────────────────────────────
+
+be.catalogue_be -> storage.ms: full-text search + facets
+be.catalogue_be -> storage.pb: ranking records
+be.catalogue_be -> storage.mn: cover presign
+be.book_be -> storage.mn: chapter objects
+be.book_be -> storage.pb: book metadata
+be.audio_be -> storage.mn: audio presign
+be.audio_be -> storage.vk: presign cache
+be.presign_be -> storage.vk: check / set presign cache
+be.presign_be -> storage.mn: generate presigned URL
diff --git a/docs/d2/api-routing.svg b/docs/d2/api-routing.svg
new file mode 100644
index 0000000..633b329
--- /dev/null
+++ b/docs/d2/api-routing.svg
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="0.7.1" preserveAspectRatio="xMinYMin meet" viewBox="0 0 4686 2293"><svg class="d2-4043408742 d2-svg" width="4686" height="2293" viewBox="49 -29 4686 2293"><rect x="49.000000" y="-29.000000" width="4686.000000" height="2293.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-4043408742 .text {
+	font-family: "d2-4043408742-font-regular";
+}
+@font-face {
+	font-family: d2-4043408742-font-regular;
+	src: url("data:application/font-woff;base64,d09GRgABAAAAABV8AAoAAAAAIEAAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXd/Vo2NtYXAAAAFUAAAA6QAAAUoI8ytWZ2x5ZgAAAkAAAA4QAAATpJqX365oZWFkAAAQUAAAADYAAAA2G4Ue32hoZWEAABCIAAAAJAAAACQKhAYFaG10eAAAEKwAAADkAAABDHluDQhsb2NhAAARkAAAAIgAAACIqTatzm1heHAAABIYAAAAIAAAACAAWwD2bmFtZQAAEjgAAAMjAAAIFAbDVU1wb3N0AAAVXAAAAB0AAAAg/9EAMgADAgkBkAAFAAACigJYAAAASwKKAlgAAAFeADIBIwAAAgsFAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPAEAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAeYClAAAACAAA3icjM5JSpsBGIDh52/SdEiaNp3n/umYsVPaGKMGXIiIiCK4Dh5DJB7Cc7hy48YYvYRLwVuoCJ8QXLj0XT+LF4mMBAXZpIeGVFZBqqqu6Zff2jq65ixYsmJN34ZNA1v2ytsRSFXUrnVrrGfNW7RsVd/6TR2nikpy8nEZF3EeZ3EUhzGKgxjGcezGMPZjFIOTnfHX7Uu0TZgyraWroenn+OePv+7IyLor5577Hngor+CRoseeKHnqv2eee+GlV15746133vvgo09SZZ998dU33/1QUVVT1zFpxj89rgAAAP//AQAA//+O+DhQAAAAeJx0WGtwG9d1vvcCxBIC+FgByyVAvHaXxOL9WiwWJECABAGSAgmCBEjxIZGyJEokJUuxqI40smkpjuVHHddFx/ZY4yqO0qjTeGo3SjMj26NpZ2rFLl1HdjPTxnZtady0w3hip6lZpqkTc9HZBUhCefy6O5h77znnO9/5zrkAdWAaAMSjZ4ACqEET2A0IADicwjsolmUwgRMEhlQILMSxafiRWIJwT1gZiSiDqU9T5y5cgFPn0TOb93ZdXFh4Y+7sWfFP1j4RQ/CdTwACCgCQGZWAGuAA6DCOtdtZRqVS6DgdwzLY29Y3rLttzcom27/dmbsznfhFEn5lfl440dl5QpxBpc37VlcBAEABZgBA7agEcGAEjOQbF2ppIfQqjJAXFaPgQhE+bGcYfOtj5mbfkc6gPzaUvC97/uB4Npc7sjwxN7t3GZVs/V3BfJNSM5Lu2euC57pCnYHNjWSquxMAAEG4vIHa0GVgBqCOttv5cCTChVpIzG5naJWK0Le0cKGIQKpUsFB4aGj4YjG+3+Q1plyJWS60L+HPWn3sIe3YpePHLhWCtoiJ7j1TKJxLOeiwNwQAQHIsYVQC9RImciSEXsWw235fvfTCN56dGDp9+vTpIVR68fI3/ib99ZWVR2TfZgCAd1AJaOT8EBTBEQxBETPwfvGDL76AQVTqf2fgvwa247Cjy8D2h+KQwuAZnsNVKrh/76PDI49PpmdNPkMqlDrEn1pienRff8+6VA2Fs0SM7b1nCit/Ruz+64z4GeWu+oNCW/5IjOFwBqfwmSIMjo+L76KS+HOo27wP8uLbW/6Dl1FJ4oW0f6YoJbl6TxKVgLbyOwc5TMcoMGKmqID43K2fz/7gFCqJr8A9vxaPwYlH/nkLix+iEqir2iZmitCKSpuvSOFX73wQlaQ8cjina2khuUhE0EkehiMCgykYBcu0tBD4zPx5LalVagntypGReoUyvCKshJUKDJXEv6AzNJ2h4dzmfXDJc9z9rPgSHH/WfdwjPifnUsL4CLoMmn6LLTIp2VBETiktkwYOFy4MDFwoFM8PDp4vxiYDx6amjgWmtOPPLy09Nzb23NLS8+N7+s4V7n/qqfsL5/rANlc0Mr76GtYzDL5D8xvZk4lH77330N7i5N45VGqfGFyYF7+Eg739A8L2HTZUAo2ArK0cHaOoveZW32JsNP1Xcy+cPZkrFHInUYkZSw/P4uJPICF+CqeTPb3hCq6u8gb8BboMvHLErCDXAx+221nWh+5mmRQ3SVqQhAZszpxxh5gDXO+gOWids3Y7+blYbJ7xWvb4hD4qZJy1d7dH5rW8p6vDGwvQDlOjs8GVCoTyXm97xEyFPVanUeNo9vYGwxMhAIEJAPglKgFMiorhKYLBf/Im/PhNlO3v37xe8XWyvIF8qCTpmZwdnMMr9RuRP1Uq2Nd3PFF0Ztyefudo4pg2srIEHxIfzO+z2/fl4cPihaWVSCXP8HtwHRhBOwAkLaVZCMshYqwcMIEzkrCxUknJxfV699if/jnudriyZht9uGt6NI0p6LEWJsGcOxjS7ukdncCtUcam72xxntgn/rjL5ErR1sea4n5nB0CgUN6Av0GrQFetXpbBGJwjsIqtCrcq1JIUEDrpPTYFliogKu84cCh2oD+ej2WsPYwtqaXMIbT6+pSZffRU8UwiszAzepi2lU1kBR9feQN+F65LWP5hjZCkbnfPYrz3eCKQMbgIv9mTYYt9dFdLOzWqjS+PFpbjNBnRtfonosUFs14wUxLv/OUN+MFWDBXM5MtZntsCS+C3Df3fvpOxg4IrYVMW05jCNGzoiVs7LWzS3q995Fz+dMJiLN7YjHaanJk+0UT6i9HJwwDJ/v8TXAetwHpXBBLBqW2hVlAyVJDsPZZIzguzRyASX62b7GdibWZr/m2oTHZyY9ru5fzocmJlscGgzu0n8IjeAu3ZXF7GyQIATKJ/qfRFhhf4cBUnhiYkDcbvSaUye0hX8+42U3phAX47UZfLTqqxpHYu1yfOyj3MW7bBz+A6CIJukNtmEW+vWeRLOYKpNjWareSgmnNFaEdOdNW6pe2VPf87fZ+d2m2gda1saDyob294cR4nA6Mhlm7Y3RGcm5iInxx2dcfd7nh3pH+c8483Us3G1qGP00lrZ4tS4zBZfQ1KfdrNj7iwumQzbw0PO3FNm560CN3eYT/8XpLn43GeT4qPd9tpo1KpcxGsT8amAAB8D61WFWqLo5LKyvzECwUFkwvlBgqeQEesA62+Pk/5D86KP4TOdMLeIV4B5TLIAAC+j64jO0gCAFSgZwUAUC6X3y+z4G/l33srvz8Atm2uodXtfqGT+gWLEYUxxbv7vv3azFP70KpogeCmePtnx75aPVPeAO+jVdBUwV6WgipBXvQ5C41qJYZp6lu0nTw6uvmMDocwoVRWbKHP4TqgZFtSE5GydFeU2PZaSGMK27A7mmyyj3iG9hQ8vki64PFH0nCtn/EHPc7wVuhD4pXqsoUhXK9iWLVRi2EaUzAj2yDKl92FYbUW/huugybQ9nt70TZ3YFNsIZlciMWPJpNH48lcLpkYGanWcXy5MLocTy8UxxcXx4sLQNYiDv4GrlfreMc7maF2liR0tVokeUrl3XOHYgeidB+NzspSlGynErfQ96Mmx2OnCmcSFuPEVai6S4skveDgB1t26nhBvn67KAQOV9TqBXxUaR5yVUSjh0L1qXe3BePWy1MmhywaZrNvMwdVO4qxxZ05uF6dvirRVBWvArRh0Gkmm7X6JmufAa5N+SK7BpXKUEJcrfDIVN6AD8N14JJ5VNv/5Pb3W92v0vx+FJ5jnLa0OxCguDY65ZrOe0dMDkPE5nNbAm1M2uvMa1mTYKC8VgNN7mqgeGcsbyPDulaXiTQTmgZK8LEph2y/tbwBM+ik1M1lHjO8IHCyCG3z+dOR7sHhXZmHH6ZcDRZts96vnRmEDYm6xx/vE9e9QbUygWnku4bKG/AduCbx7q6awKsS/XFusOgO2GO0hAs9rD04C8Pie+kE64bTonHYEQBQqkH4j3ANNADAKWrmLMWN707s15AapYbctX/sJbgmftY+yDCD7VAvGqU4AEDX4ZpcV7Xnam5gFJX3Aqb45mPjg/WNmLK+WT00OqzG65X1TdjAyNfm+9VNamV98640XBN/SvfRdB8NDTVfRljHpDs6Moz4JYCgEQB4Da4BAwCcwHJk1ZTAYSRTfZtgWOM3n57u1bQ2KDUtmtjep1+YHmgwNiobWrUp8ZPjOpde79Id//yXp1o8BOEmT8k4ast+GYO2Wk4Iwl1wNKKZZrO2uV6vdkaaNDcnDmsMGqVGv2ty9BXcn/mRStmL6mLedvhT8X+sgzQ1aIMNm+uBYa9UG57yBnwDPQE0W1kPV0uwtq6/uOfEiXsOnDhxIJpOR6OZjPblK9/6zne+deXl1IUnn3zggSefvCD7aixvwL9HT/wufxl+e2Ddmmp2XlifDR+1ucwj0a4sOz2cztMxztFn9nTMRIv39oS7RqMHtAITsfh6eHunLWmLUP5IuznMeCdyXVm9sqGYihY8AEk1B/8VnQdqiXECJ3U+CXIdT/FQah4MsbiqhEqtsZET/x3i+ycn118zDhpIDymGr0XgJfGPUtekGAzlDfgP6Hx1stiJQXZdRxEMtiN9Pxuepxzm4WhsLJug/GYPAZO/wkmfWZiOdB/SRqiIyZvvS2X1OhPkBv5O2+ieymQOhiqaFChvwLdk3B0AQFqFbRlS/O60tDOcwTrroKV+oNvfEwsn5rsyX0mGh9p8uqjFm/UjyyhbPByegIMOz+yhXDKxR3wp/cdHv3p5gDVzZBt39kiH+/Ch7v1heWZwljfgKnoCWIEHdMqxylZrxgXJHkZUVEZR+95QVEVJVstfx+cERrAwkUCBKx40OfTmkI2bxW1MF++JOdN10Uwg77Nzea13NOTqDTYrDYOhYNZ5T5aK+ZuUzZ5ut3/ECxfNPYw/FfXbQ4z4ZjLoDNt3G/o9fEbu1aC3vAFehR8iFqQAgEtAJa0AAif4EDZBo/TmE3iOcK59mEzK+6ECvAofQpi8v6laR1+Dn5Rfk/aSPEVo4UfnBUHu3aNQjT6SNIasDEykHBf540R/f4Lr6uzsunbk9sWLd+ZbD9xeXr59AEBgL4+C29UzrIyMxBNCr5qW93OJ/v5r1d2t83cuXrwNIKDLixBHPwDurSqTTvHyYankOKIC7k5dyOMZ8Z+xLjXDcYy6K+Ztc5hUJpvNpDI52i5Fc8JUyByAYRgwcVNCLup3BX3jXJBTK9XhADfuC7r8UtzW8iJsqNrlKwzbmQrlQY+v5FqKmVBVfWCsRmdbXZvN1lbX5jR64p3q9lCoXd0Zv1QxEwirlWouWDEjucKZZFfMIckVye6u8j1wDL0p4w05uAtq4uIvryiOfvl8pdd1watwEa1KuqljBVYgBY4USIzE2CccnQebjqqD6oWmg1F2AF41zzl8hnuPt/occ+a90lkaLMJ3kQdopLwzPMfLTYp4//r13uvXF28mbt5M3JT2tUMIb8GnJWWDtA9tq48FbT0+Ri1+B0u02HFfW8pW8w2hgTaYbVTAJa+03yXdx5Y/R3mEATUAdaxA8RQrQAIm3W+JWXj9LTdsbvLdSN/wib9Sbs+S4Cpc2/pPolCAa1J/Kr+FskBA1yX/8RrFbbVaW1utVpQ1G1otllaDGQAoz6l/Cdeqs+WWHslPTFtLRwOubm1oby3EP6ivSyjqOA8yb/5HdgrASs2AZclGrao/aGAYQyvDaJk2M8OY2xjw/wAAAP//AQAA///S6yXbAAEAAAACC4UDh7HbXw889QADA+gAAAAA2F2goQAAAADdZi82/jr+2whvA8gAAAADAAIAAAAAAAAAAQAAA9j+7wAACJj+Ov46CG8AAQAAAAAAAAAAAAAAAAAAAEN4nCzOPS9DYQDF8f85HSTSEItc0tRNNaReeg03BDGImJieRTwSq4jPYWM38z3MtVgMfAIrTyJV05XbdDpnOL/k+J5zBuCchk+J3qf0FdGzRF9T+o6oKaKPiPok+p3oB0pvE71L9Dxrzmj5ljONKN0jaEDf6xT6pq8ubY3YdE5gyDG/1Ye+CFSExgHBywS3x/swNhcEPdFSIHPOid5o+pVMz8zUXYkNJRaVmFNiQYktJXr8caidSf7QVEFQwYoKOipY0iXTemRPiY4SXd+wypAA1Uv9qXb/AAAA//8BAAD//5+NN8YAAAAsACwAUACGALYA1ADqARwBNAFAAVoBagGcAcwB7gIWAloCbAKQAsgC/AMqA1wDkAOyBB4EQARMBFgEcgSOBMAE4gUOBUIFdgWWBdYF/AYeBjoGdAagBtAG9gc0B1gHjAfMCCIILgg6CEQIUAhqCIQIwAj8CQwJKgk+CWYJfgmKCaAJvAnSAAEAAABDAIwADABmAAcAAQAAAAAAAAAAAAAAAAAEAAN4nJyU3U4bVxSFPwfbbVQ1FxWKyA06l22VjN0IogSuTAmKVYRTj9Mfqao0eMY/Yjwz8gxQqj5Ar/sWfYtc9Tn6EFWvq7O8DTaqFIEQsM6cvfdZZ6+1D7DJv2xQqz8E/mr+YLjGdnPP8AMeNZ8a3uC48bfh+kpMg7jxm+EmXzb6hj/iff0Pwx+zU//Z8EO26keGP+F5fdPwpxuOfww/Yof3C1yDl/xuuMYWheEHbPKT4Q0eYzVrdR7TNtzgM7YNN9kGBkypSJmSMcYxYsqYc+YklIQkzJkyIiHG0aVDSqWvGZGQY/y/XyNCKuZEqjihwpESkhJRMrGKvyor561OHGk1t70OFRMiTpVxRkSGI2dMTkbCmepUVBTs0aJFyVB8CypKAkqmpATkzBnToscRxwyYMKXEcaRKnllIzoiKSyKd7yzCd2ZIQkZprM7JiMXTiV+i7C7HOHoUil2tfLxW4SmO75TtueWK/YpAv26F2fq5SzYRF+pnqq6k2rmUghPt+nM7fCtcsYe7V3/WmXy4R7H+V6p8yrn0j6VUJiYZzm3RIZSDQvcEx4HWXUJ15Hu6DHhDj3cMtO7Qp0+HEwZ0ea3cHn0cX9PjhENldIUXe0dyzAk/4viGrmJ87cT6s1As4RcKc3cpjnPdY0ahnnvmge6a6IZ3V9jPUL7mjlI5Q82Rj3TSL9OcRYzNFYUYztTLpTdK619sjpjpLl7bm30/DRc2e8spviLXDHu3Ljh55RaMPqRqcMszl/oJiIjJOVXEkJwZLSquxPstEeekOA7VvTeakorOdY4/50ouSZiJQZdMdeYU+huZb0LjPlzzvbO3JFa+Z3p2fav7nOLUqxuN3ql7y73QupysKNAyVfMVNw3FNTPvJ5qpVf6hcku9bjnP6JNI9VQ3uP0OPCegzQ677DPROUPtXNgb0dY70eYV++rBGYmiRnJ1YhV2CXjBLru84sVazQ6HHNBj/w4cF1k9Dnh9a2ddp2UVZ3X+FJu2+DqeXa9e3luvz+/gyy80UTcvY1/a+G5fWLUb/58QMfNc3NbqndwTgv8AAAD//wEAAP//B1tMMAB4nGJgZgCD/+cYjBiwAAAAAAD//wEAAP//LwECAwAAAA==");
+}
+.d2-4043408742 .text-bold {
+	font-family: "d2-4043408742-font-bold";
+}
+@font-face {
+	font-family: d2-4043408742-font-bold;
+	src: url("data:application/font-woff;base64,d09GRgABAAAAABVsAAoAAAAAIBQAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXxHXrmNtYXAAAAFUAAAA6QAAAUoI8ytWZ2x5ZgAAAkAAAA31AAATYME1gd5oZWFkAAAQOAAAADYAAAA2G38e1GhoZWEAABBwAAAAJAAAACQKfwYCaG10eAAAEJQAAADnAAABDIElCuVsb2NhAAARfAAAAIgAAACIphSqom1heHAAABIEAAAAIAAAACAAWwD3bmFtZQAAEiQAAAMoAAAIKgjwVkFwb3N0AAAVTAAAAB0AAAAg/9EAMgADAioCvAAFAAACigJYAAAASwKKAlgAAAFeADIBKQAAAgsHAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPACAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAfAClAAAACAAA3icjM5JSpsBGIDh52/SdEiaNp3n/umYsVPaGKMGXIiIiCK4Dh5DJB7Cc7hy48YYvYRLwVuoCJ8QXLj0XT+LF4mMBAXZpIeGVFZBqqqu6Zff2jq65ixYsmJN34ZNA1v2ytsRSFXUrnVrrGfNW7RsVd/6TR2nikpy8nEZF3EeZ3EUhzGKgxjGcezGMPZjFIOTnfHX7Uu0TZgyraWroenn+OePv+7IyLor5577Hngor+CRoseeKHnqv2eee+GlV15746133vvgo09SZZ998dU33/1QUVVT1zFpxj89rgAAAP//AQAA//+O+DhQAAAAeJyEWGlwG9d9f+9hiRVB8AAWiwVALK7F7gIgCRBYLpYXCB7gKYCnRVI2D5kjS7RIUYxERbQtWx8s220MVYnJqHTU2I5qT9uM3dqjdkZNR+00k9jRRJ3O1Hb1JZHs1uNxotaiEyZNbHLReQvwkNKZfiAeZrnvf73f7/f/P4AiMAgAmkGrQAeKQTkwAxoAyeQ18ZIocqQiKQrH6BQRmshBZFbfeF0MEsEgEfKsuZ+cnoaZKbS6Nf9IZmbmt9NNTeorf/8D9QI89QMAUO5LAFAHyoJiYAKAIiVREEROr9dREsWJHPlpxYvlpZWlhNH+5c13bv5Z4L0A7Gtuji5IdcfV51B2a+nyZQAA0IEMAKgZZYEJOIAPxybFrFbaoidpbdFzOikWl+sEjjNJMW3N3EnNt9YEYh2pk93TnfForK5r5InmxAjKsl3JqpFyonR/W8dDQfhCiBM86vh4FQ8ABOHcBqpFa6ASgCKfIMh18bgUszKkIHA+vZ62WKVYXGH0cHL4GyMHLgwnD3v77QpX3Vs12hNI2vqHjelvH59/eUjyTTFsbKr98KLfPnEIIC3+NMoCQ76yhej1nCjF4jhuHPC1wy8NDV48VOOsHwmHR+qdKJu6uLj4UveZwER//0Ee4PgyAMB7KAtKtPOhvbREc7SXzsA19avbt2E5yp599qlLZ8F2Lim0Btz/Vy6FVGROlkx6PTx+8FsHxr451n3Ek7HXh9KHJh6xCMb5z31fKyRU552yuhZnDi8aDIvL6gfecD4WdGA7FomWZMnEmThTZuXj1dWPUfarr7aWYIW6vh03+AhlgU5715RZwYdbsDGPssCYfy5Rko7idCSdWSF+eOXHv/jeq2mUVX8DS9RNdRlSh/9muwb/gbKgKL/HS2dWIELZrXWcdsHmWyiL88YWrVZGiscVSjJxuAQKR5KcKHIuRNOZ7z1uMBsIg8lw9LXnyWIdIU8OTdYRxD4SZdXbzhaXq8UJfVtL9zwDg+7Lv//9ZffggOceAEir7TNoDZQ/gBTtVMU8FLUiw9Hx5/bvf248/9nR39/R0d9vHH752Ny3BwYuHTv28vC5pZmZhYWZmSVQwEmtVg/LfTjh6B1cf9RzuqtrqXOoZ7m1OYWy4sRAeibyczg8K4Vw/nkbIygLygCzlymYcNhKniaZu50nU0l59Y2nh9KNiURjGmX58f6eSUb96u5deChaWyvgWnK5DWRAayCkZSkqVmvegCiG0R8AimHy0UJL67nYQ9xoIFwjVR3wNgtNj6fqF0P7Pa2iUNMQeqipq3HBWBt+zCX4WDdr9pdFuiLx8brq0KS90u10uUw+20Od8Yl6AIEdAEShLCBxJpzspTnTzavwy6uo4uzZrfX8effmNtCApg04RtkkmTRsa1/0sP/c86uNitL8J88aL70Op9SVQ+n0IXhcvfL6JYBAKLcBP4CbwA44ABgfPkZFS4cUteRoE4f1SsFU0fj/j6nB8yuIC7pb/XJkrnH6yLKBcHfvs/NUf7PbOJbsHy/3ijb6Uda/cFL9RHJyJxlqzFDF2hjtbNpyG8iKrgNLgZUiR3ImiSYfAA/nw8IGO70dLGE8tUKwKV/zeKR5elyIj1YHLQGj1yOj62+mHWzL19IHnkgud6Wfr/mpuUyrhz+3Aa/DTeB4kPe7tGf0emjvPNHW8/VUuNvZyXnkZLLWFqYa+VFj4vTwyFLCxUyz6bbWDF1+yFOZx5WY24Cb6DqggGe7VpphERN/p0rbYPjVxImm6bpgvV2/smwgHF3IJpqpKgsXjxhffGLodIvTlv6rrY6og1u22H9qLuvo7u0ESIv9Y7gJbA+oloZgL0Yfjl0nafSC7u6T7R3zTd2TEQKptwxdUTkeFaa+c1Ws9sWNLUvDQ0vJ5FyK4ovjkvegwwUbg3IkjxkbAHAJ3cArxpXyAJaxrJoebm/3D3a46yoqSx3GStfBg/Dp40WV8midUT9fVOQVXKfUZ3Fv8uVqEAk3QQQ0gT6tMoJchwuBwSRvp8BINFcgs0/UzgHDy6LX6/aoBVVgp0/QXvlV41R9N1XpsTmCjVNytffvBsjiunGFdZt9wcGJR1Nn+1hRZFlRDMZaRV6ye42Vifcd9dXNAaI04K6MVRDmVFXzQMA4V+KzNPT5DeVWytzUIQ2F4Y1QUAwGAsGQuuK3MxU6nc3uZPO1acOHrWFU03VymwgmLUrS1LZCOvfHhnpXWI8zYEPX3zxor5qbVG9CbzxgZ9R3QC4HFADAz9H7SABJAAAJWsE3AMjlcv+SawZ3tOdthefZHZ8udH2nDygS1iuSbrtIfPe1v/6HVxeT6Lq68OOb6s/+uftJ/H5uA5rRdVCeR+I25zE4fpJuWjEVF5F6s5E3PrIfcVu3GDOEx4vIvB8dCzeBV/ODGwM+9fsyJHfWNsztrqjcRnn7ooP7V1gPX4s/InC91V1TFfBFt9OuVd8pLNv1g5uF+hV87K3fsoHwZHYKCNeTrpr76pfngYap/7+/WJMnUqkTyeRCKrWQrAmHa8I1NQUOJ5ZGhk8nzmRa29KYynn96UFWuAko4AKA2Y1Og6UgMjS1Kz84TrZXfHi2eTruaXYUDQjx0aqQJXAN/WXUwf3xqQPLyUr7wLegf0d8sEb0wE3NvgeAIlnRzG6TS1Ikk26vRsDH9fZ2X14oWrDSfbIjEtf+NG1za0LBeqJb49C/qxIFvMCLcBOY7zvHPHvzFa5MC7TTYCu1VzgTFrg+FosWFZ0jiGBM/QhAQOc24KtwE4gafnb7mpDvazvGcFdzIdqifz96VGj3Jd1eFxt2uJoCjx9oGHO3O+ocDQ2CJxGcNQruCXslQ5mslMHobwh2joq2cYtVtNnLSriGcMdknlum3AZcQEu4M+NeJXOyokjaELcrzGBiIJU2PXnmDMca7QaGUozHRm8c158/f+q9EK8n5vTGvK3m3Ab8HVzHOLuPA6aCHP/7UO+Ky+MUrCvLJTp3n3FuEtapd+Sgg4U9akUnXw0g5hvMwXVQCoCkk5jCrKRIuqt/sdpqoAxEMWVou3AFrv+Sz4hihv+lWrGtn2gdrms82rtvjwWuMOuT5OrZl2r1Bj1BlhYr5+qLy0mCLCYjf3TmzRqylCTIErIarn/K9whCH/eptvbwn6oV73JdgUAX967mrwwAuAHX8TwgUeIeNySz66ds7eIr1Qargdhn3udb++bLr9QaGSNRbCkWIfp8kK6i6Sp6MPfFMF1N01XWYWzXmGuBW3Ads2wXB4pyXynK0LLVW+4gzfv4gIH8p9XuErOB2Gcqbr7wJlM/8EM9sQiL/KwD/ueHvi6e6+Y+VEtaDhRmMT63Ae+iF0BJgcd5bNEWzOH83J+/VljhviNPP30E/9kDDBOw2wI2W8D4/StX3njjypXvn+SnxsYmfL6JsbEp7Z5izW3AO+gFEHwQv5y8LQ7bE8zuJenXmeNciu0KROqdfZ2jrQHBp7j6qmcaZ55QJKW7bc4YC0w6/aLfGbTORgQv73I8LFQ9MhLtshIVmZamkap8ThQA8HfoKVCMkUdJuMvh8lOyV6Zww+Do154vgoTRURZT//uzv+3thfuOuodcjnilurD2GHxGvbC4hnNgchvwI/QU7vT35aDFTnlpjtxRvP/pnxfa2VQg2lhf7eTZdjOc/UWJV1AeqW87ZqzjJx18LFobKzOHYNvZM+WhsVTX4Tot1mBuA/6XVv8AANCnJ7ed6P7wdkfuSCGk7JLFUO/1RiKuxEJn7+mO5IQrU6E4uUZOZ+9lh+capyHP+vY3ROOxkPqvbS+eOLPWW+MeN1fyY30ebvqx9uk67d6K58vP0AvACURQt6Pku1PB3uPRPTgHCKKGDUgmDzcma/jauommsWMxb7i1/jGnGPSzoWYjX+trDtDORmP1gNTYZyOcPbH4QGh6INxtJez9ydhgGD5TU8vX+HmxWv1QDDh51kTJbCiSy4FEbgPcg18gEbQDAFNAj1cAQRW4Ab0wiu9qiizRVb+9MTuLe3oCfALuwe8iUnsvf68z5pbgZ7n38LuM7KWN8GfZkREAQU8uAwPoDtYVJp8yo+XC3Ex2diYnlFhMuXr09vnzt48Kj96aO3ZrBkBQm8vAisIeUWMHxgRt0Wcn6mOx+olkZ+dVYebWsblbjwraXgCBOzcLQ+hHoGZnIsXb5Dy3MNkkOl/R3Tproxd9t72lqIiPRvmiopb2JOW2En5B8BNWN7WWGPLLktsRgaMo7PDE4txQop8NBjLhBqmYKJYawulgkO0HhTv2LGwo+JfzyNo9X22UkwuYwsnTea7TFj0Xpjw0wfM8T9AeKrk3mLV+NhhM7zjLBIJsf2KIi8c8jjAahRGHW5L9Q4m8/9LcIRhH72r1pyRd6Y1DN17THdn8Dv6fACfhn6OfYO2kREVUGEViFIZkSHE10TTPLJVmSk/Z5psSg3CyejbaY/v6GXtPdLb6IN7rA1PwcxTHd3vtNwI536T+7e23599+e+ra7LVrs9fweyxYh7+GrwMrALwvjDhfXnVcaLuZTbojvJ8WvWk+zWtfaa4ize9fZ1xMY1N9hHExLmdTfQTbCuTuoRFUDIoBKBIVr+wVFUjDRNcl9TJ87FIXtJoGzi+dH1B/Q+zMqeADuL79m0LbClxXKwDMvYUawAh6H8du2qO4fDjM8+EwaghxXAj/4daH59EP4TqouE+DtJuj3u8OljsMlIFlVjyZH+3Tz+sIMQi/UKn4wwr2r/EHvIX9MHv8XBIkSRAkySiLAVkOiDL4XwAAAP//AQAA//8qexZ9AAAAAAEAAAACC4WmenQnXw889QABA+gAAAAA2F2ghAAAAADdZi82/jf+xAhtA/EAAQADAAIAAAAAAAAAAQAAA9j+7wAACJj+N/43CG0AAQAAAAAAAAAAAAAAAAAAAEN4nBzOvy4EYRiF8ec9m2yIwSfWWAWSNf7tjomOxE7xNULiTSRIRqEkcQ0S7kCvVdNo3QCFyq2othmZqU5zfsmjD875ApX1RDe4jin0gCvD9UihV9z2cN3h6uKa4Hqj0CWuW1w5G8pZ0Qunmmeokmi/ZCrZVpfMrugrZaAjovU4sLT+UUa0NWLnmqgxUaP2Hxtjz0T7ZMmeWNAhY82QdKboS8xpmkSBTQVSBRYVWFZgV4Gh5ZR2xqjdPxKrOLGKfatYt4rCLpi1b7YUGCiwqnt2rEeE+r1patw/AAAA//8BAAD//6NHJnEAAAAALAAsAFAAhACwANQA6gEaATABPAFWAWYBmAHEAeYCDAJMAl4CfAK0AuYDEgNEA3gDngQGBCgENARABFgEdASmBMgE9AUkBVgFeAW0BdoF/AYYBlAGfAasBtgHFgc6B2wHrAf6CAYIEggcCCgIQghcCJwI3AjqCQgJHAlCCVoJZgl8CZoJsAABAAAAQwCQAAwAYwAHAAEAAAAAAAAAAAAAAAAABAADeJyclM9uG1UUxn9ObNMKwQJFVbqJ7oJFkejYVEnVNiuH1IpFFAePC0JCSBPP+I8ynhl5Jg7hCVjzFrxFVzwEz4FYo/l87NgF0SaKknx37vnznXO+c4Ed/mabSvUh8Ec9MVxhr35ueIsH9RPD27TrW4arPKn9abhGWJsbrvN5rWf4I95WfzP8gP3qT4YfslttG/6YZ9Udw59sO/4y/Cn7vF3gCrzgV8MVdskMb7HDj4a3eYTFrFR5RNNwjc/YM1xnD+gzoSBmQsIIx5AJI66YEZHjEzFjwpCIEEeHFjGFviYEQo7Rf34N8CmYESjimAJHjE9MQM7YIv4ir5RzZRzqNLO7FgVjAi7kcUlAgiNlREpCxKXiFBRkvKJBg5yB+GYU5HjkTIjxSJkxokGXNqf0GTMhx9FWpJKZT8qQgmsC5XdmUXZmQERCbqyuSAjF04lfJO8Opzi6ZLJdj3y6EeFLHN/Ju+SWyvYrPP26NWabeZdsAubqZ6yuxLq51gTHui3ztvhWuOAV7l792WTy/h6F+l8o8gVXmn+oSSVikuDcLi18Kch3j3Ec6dzBV0e+p0OfE7q8oa9zix49WpzRp8Nr+Xbp4fiaLmccy6MjvLhrSzFn/IDjGzqyKWNH1p/FxCJ+JjN15+I4Ux1TMvW8ZO6p1kgV3n3C5Q6lG+rI5TPQHpWWTvNLtGcBI1NFJoZT9XKpjdz6F5oipqqlnO3tfbkNc9u95RbfkGqHS7UuOJWTWzB631S9dzRzrR+PgJCUC1kMSJnSoOBGvM8JuCLGcazunWhLClornzLPjVQSMRWDDonizMj0NzDd+MZ9sKF7Z29JKP+S6eWqqvtkcerV7YzeqHvLO9+6HK1NoGFTTdfUNBDXxLQfaafW+fvyzfW6pTzliJSY8F8vwDM8muxzwCFjZRjoZm6vQ1MvRJOXHKr6SyJZDaXnyCIc4PGcAw54yfN3+rhk4oyLW3FZz93imCO6HH5QFQv7Lke8Xn37/6y/i2lTtTierk4v7j3FJ3dQ6xfas9v3sqeJlZOYW7TbrTgjYFpycbvrNbnHeP8AAAD//wEAAP//9LdPUXicYmBmAIP/5xiMGLAAAAAAAP//AQAA//8vAQIDAAAA");
+}
+.d2-4043408742 .text-italic {
+	font-family: "d2-4043408742-font-italic";
+}
+@font-face {
+	font-family: d2-4043408742-font-italic;
+	src: url("data:application/font-woff;base64,d09GRgABAAAAABYgAAoAAAAAIWgAARhRAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgW1SVeGNtYXAAAAFUAAAA6QAAAUoI8ytWZ2x5ZgAAAkAAAA6mAAAUrPqjagZoZWFkAAAQ6AAAADYAAAA2G7Ur2mhoZWEAABEgAAAAJAAAACQLeAjnaG10eAAAEUQAAADsAAABDHVtBlxsb2NhAAASMAAAAIgAAACIsLK1qG1heHAAABK4AAAAIAAAACAAWwD2bmFtZQAAEtgAAAMmAAAIMgntVzNwb3N0AAAWAAAAACAAAAAg/8YAMgADAeEBkAAFAAACigJY//EASwKKAlgARAFeADIBIwAAAgsFAwMEAwkCBCAAAHcAAAADAAAAAAAAAABBREJPAAEAIP//Au7/BgAAA9gBESAAAZMAAAAAAeYClAAAACAAA3icjM5JSpsBGIDh52/SdEiaNp3n/umYsVPaGKMGXIiIiCK4Dh5DJB7Cc7hy48YYvYRLwVuoCJ8QXLj0XT+LF4mMBAXZpIeGVFZBqqqu6Zff2jq65ixYsmJN34ZNA1v2ytsRSFXUrnVrrGfNW7RsVd/6TR2nikpy8nEZF3EeZ3EUhzGKgxjGcezGMPZjFIOTnfHX7Uu0TZgyraWroenn+OePv+7IyLor5577Hngor+CRoseeKHnqv2eee+GlV15746133vvgo09SZZ998dU33/1QUVVT1zFpxj89rgAAAP//AQAA//+O+DhQAAAAeJx8eAtwG9d19r0XSywJgiSAxYOA8CCwwC4eC4DYBbAAQQAEQfABAnyI4sOiSOphvRWZlk0/IsmOLY8ja/74hz1um3qc2I3bTDqeqTVy2mkS14mjtKbtyNN2lI4TPzq1HTqRmrHNYR0nY+52dpcPUNN2hrO4s+C955zvnO879wA0AC8A6DR6CqhAE2gDBmACgCPcKhXH86RFxdE0ieM8TRC492G4/PDTWHHvr/3P/YFxYQMP/fXwf+5/AT21fgp+be7BB4XZi4cPT9+8KQThv90EAAAkvgkA/AWqgSagB4DAOZqiaFKthpAjSJrEP+y6qsE0GGbjhJ/D2/dWxg2/OQ7vX1yMn0iljwrjqLa+eO0aACpAAoA6UA3ogU1acwTHmk1GtRrHzfInqeLYZCJOkdsL8sKLC6dCRS/k+gfOjXTNz+8tlWdPnpk/XR26G9XKA0wf04hpC6mhOQbeM8CH2fUbpQqblfyGIC2uoTB6BrgAaPBQVCKeQxxrtuAURXpakcloNnNskreo1dAzfCzZufd8JTXeniSSVNdCr9dTzviLHaR3Tlu8b6T61L0DfDDQQWdvv687M5fo2MW6whI2ckxJGRuiLiKS5tjkZgRffewbk8/eMTU1ea549FAS1b5+/73fP9yz508PzB1X/JTO0KEaaJZzhrtxDidxN05egCdahA+Dn7V+wkGqFdUKv+j9vHcjrgx6BnjkuP6XsHiS51RqNWTuOd85+9B4ZtzKE7w/d7DkJSt5b5rwXWx5K+2d1z5x38hT9/ZvBdc1n2zX/W2P8JHTt+Xb8U3fOJWb4FQk4VaRF0ZS0J+qXhjJC2/nUE24CU3rizAlLCt7wBqqAZWyh7wwckEqgq3zplENaJXvOMjhBKnCcfLCSEEFh2Y+/5PxBx4Lo5rwMuz7UjgFDz767uY++CSqgYYNP6QN90BjC6qtX+ndOPdlVANW+XvCwvGyp8kkT+IqUiXVK64iL8ylzVj/1bkLw5UmmxYbfZXJmjF1a2MZ1YRvX7wID64vwjPMidCTwl/CfU8yxxnhcYBAt7iG5tEzQAc66hE3m4ytiGZzSMqzgjx0nV6KTC31lw/HI1N3FxPTOU95RHoOaf/s3HBtqdR3dmL4iaVSsfvgUvrAUubgUtf+e7bqKCzjbKyvI1JFbFPhB/vOlB/aczxeWDh8ojJ4GNXKU2NHY8IXcGBsNM2BrXNoVAMtwLx9jgTxjpO+v+/O0xN3TZw6w/cdmr99eHA/qvVPzJ7WCx9Cs3ADTu7uT0aV2tSKa1BAz4AgABYPRfNycSXiFE1LhEomtypPrTYZzRaLwuSPi4v+tGOS7x4P+yrBTGJfJrPfxVn7I76EI+atROOZI9qurlCI7Ut5WXPENsSzu9m4P+IMuDp3UVFz2D7Ad83GAQRzAKAEqgFciobk3Tip+u7SKy3wzZYfL6Fqsbj+kuLnqLiGjqCaFLWcoaSUf8kliQuEzATn7SfVWHlkuKmnlNprGq/stj+sPX7EFLXCReGxsKe/uu8kfFI4+fj9Eo60uAa/gKvAKCFq2WYZx3MqkifValri2BblXuqpMOV5js7qMSJ3IN+IkTMGatTLmFi7t5hwxbSzk/337+P87qxgG/RFeyLRX1Ke4NAcm88qeXOJa/BTtAxMkpJLSJM4SXA4zskQ76g0WS9v0Fm9yph/vEqbkXdPWDaf8BYTzs6AZ5yMGDmt351Fy6/sd4T2Tkmme4JDc1wuG/R9THkABD5xDV6Bq8C+I7rtTG4o49ujtzPVAwmm2xwmKEfnVDLd1ZE0e2xV7ZG5vrsmox5rp8XUt1js7bfpWaNPiYUW1xBdF8s2dv83eF0GlY6q1jbQG/Hdih7dsfDKeupW+JAcy4/hKrABX709ufLd6i2VV3GyJEsRfjR1PDy8r5MvOLUNws+aOopBR9ridIz/uYhUhgCZmNeeOFBa3M1Exlg715of81n1nMkFfc3tLfaYaxJAEAIAfgNdBxa5LvOongm4JOCq0GS+uaBrG8nagoZdml16d6BRf1B7aBJ+L90wXp5oaeZxDRuayAkzEmZQ9MJVuApcIFLPNJ5Xq8md1adWq3ag90JsivTaS/5cudVK7Ylmx0JD+2JUTq8i8keIu9LkuCdkjtnJAueMvks5EhZPpecYxUxNFu++jZXqUbVwBLpDwX+mPIH+mc5MRuGTCwD4Nlre0NPtOsRlUU3EpTBVrsernTossJvJJRpzlW4MG7QPRkpo+WaWjBZSLq/wBmSM7S3DwYjwPVGUzgR/RFcQBfIAADXoGQQAiKL4iEiD38vvC8r70rYPv0PLW72CkHoFjeOux6v70R9mfro0MrdoQ8uCA8I3hV//7sxZAAEjroE/omVgkFBMxBXqm4wbJfCVgvps9TyEepUahxqzNq+3opPrT+BNKgNEGQzbsotuwFVJ8ySbSuiWDQDUOxCoB+NAHseoCaor1hCd8WWTGJarZjFswDTIlCRs+s2DoRJcGfLGeD/DFVJ6p7Een+3VNv5wFbTX+3Ar/JLFwO7IDvRlC7eCv8VL+A5cBW3AUc8TRVyU64pC/uuj80x5nh1dYIbng+FxLslKD+2x2dJdkxHl2dO72Nc7UFzs6+2X74ifixz8FK4qnMfrPG5FpKxmOLFDvzSX8mqVbzIiU5+luglkcP1VvX5dQy/1uMIbxHcdexbCDQGjfuNzb8bDyRot22zgJWG5hSs7mQLdbifyzUTqtfrSs/VCc+3Ze6nollSvVyHcKdRKXs7BVaCry4sFpzbz0Yw5KmGraZfO5q24snBljsk29TXmM8I1AMUvxTV4Hq4C+tZeemsrlTqp0kifj81ZOy09VDAbSEXSzBATKdsjBOemYsmOXLxztzbup1z+CGmjXbZcIFTweZ1+oy3sclIGTzcT7vNJPneLa3AGndrS+iQvKRYnq1Sd1v+gJ47B9EBzxVvYdVZ7Pq2ye1ptzXpdVJsPt9laoCHd8OijOeGGweB0ahp4vE06OyWuwU/giqQTlu2+u8E4YkPuX9hiw6BjgClVpAbp36Pt5fUuAiaF64RVKlM4I9jKJKdwMAMA/A+4AloAkJhvNlu4pHQgfHig4sXUGKb3Ev+/KqzDFeFjcpj0DnmhVbApe/sBQK/BFeC+Ze/2SkWqlBkGVx0nKzoIIda2S/e1YT1CEGu16R4cfG+hVX7raLsHrggfePo8nj4PdNatbFBDDnq9g6TwOYDidQDgvyo4kATNWTZM8RxuITfmJRxnfjU7EmxsxbG2jrbJieVDo0yjXoPpPMQ8RB+dMtMmY8B06r8+O2OOmM2M5S4AoPhTMQo/hCvABgAu14zcFHYg0orUmo5Wq8HgK1gNExWqoVGF6X2G/1cRPrBmBv8Fx9NNWZaEHwufuKskWfFA/fpn0SqjcCgorsG30CWgl9CybE9J/8Pldpkd8AWH9ifYfm9gaCFGF+MOJiI/talDudv+4txA16Hc3ufO9mf77rzYV5wu3Xmxr3caQPH34hp8HV0C/lvqnuS3VAenN9XVpBT+jwqHnZylHOub3nNYOzpLs5yj6KAn5samh8uJTPa4thD2e+LDaa63K5B1BpN2C5cf683uM2H6QTZ7W0yKTSrQa+gBoJHu1G6Sd/OQU3E46eN4aS5Qq3E4PEgKv22C83vGJrQTgviPlNqAY0a/8XIcPi0s5nL/4Ci47fF2pa6ApJ/oAWkK2I5jKwDCjZP4ZpNQv1yYd7DmQio4yOTjLqbDPQZDLb+N64PWwYXiaW0+HHDHg1Uu163T22C49+VG7eRE5Y6snBNOXIM30SXQBhgAeGO9FbXRsmOSlQR72+jZDEt1kxxrHfXC48mxUHjsKz2JkjHu6Wan863uPe6BSX7hjdJktOznC55os+WD1IH8wefv7Y11BLqKZ/dQ3pmR3IkeaVZ3i2vwV+gScIEQSG9WRjLJJ7a0SsmWE0mGiU0HTUazSvGWouVW8n5kOhXqo+3O+DQbGIr080a/vfuAw9edCjL9Oae3xx8o0mzvkNY7lIqVE3rMnqH5arCjwPZMubCWQMrTNRGGh9vLbDSeSbAZ4YeOlN/HBUz24RSfle8PwCKugWX4HqJBL+iBdwI16N2YGd+HGmiV5lCJiKT2nZb35fuNKIJRqAU/gY8gHPSCFJQSDMV3xUfgZfHvpP/HeTfubYava86xrHxWQRyD0+gdqaYsG1BY1PKwbflqu5s/Vg6fONVkbL3c8/zupdd/NGd9VPj3b0eO7Kekc6+LY+DGxl46aZDB4ZUyh+ETJ5sMbax0xGXbo9D9reiRBYro+c7upTd+KNntEI/B/ehnoHOrY28Sh5f/OA6X60L+Mym0lSSdw78eCepN+l2hZo/fiDVpNW2Z7ojG5vdoGluaNDTZbtQZdZaOds03qaC9XO0zm0i23Wfo3MeNpMORztBsJJZswhpdZtvQSKnd2h6WOSD+XDwGtYo/OC9pkeJIgtryjeQ3+r7kBu5RbzhHxptsfrKpsbWxmSKthM6oM3dYNUx008kAgTU1N+symW+GmVhoNsJuWB8cKbXb2sN0wF4eKZkJkm33Ep1z8WpK8efvxf3wO+if5JxBDg7CKymh+pzqyJdPK5w9D78Lv4VeB60AEDRP8xbegvMW3ILTlztKM4ZDVqbxKH6U8sfhFcdMzO8+gZ1sDbkOWGYABJ3gKHwDBUEzAHyCTHAJzsSZSNP7f/Ni94uXj76Wvno1/ZpkIwwxeBU+Kc0C0BNBipwlOdaJNn9fquyK0JTRTOpD1rxLWXt1IWseYjaPzdFhjwaVz4g0VgCj+CnKoQbQBEADzbsTbpqHJpiirwo98CdXaajWBV/NvxoUvmjYuq+Ca3Bl8/cW14HqQbgiN0MIBtAwuIKuSDEQcn9WpOI+wklajA4SDVvMVne72doBoHwPfwuuSHWKb08gcj+PWUi9VWPU2d2aO6p3tBZ/qWlKq/FYCHnX3+ufAlDm4EVwSrJjqbPTb7bSdnO7T2s32xiH2cqA/wYAAP//AQAA///TFUcLAAAAAQAAAAEYUTkK7yFfDzz1AAED6AAAAADYXaDMAAAAAN1mLzf+vf7dCB0DyQACAAMAAgAAAAAAAAABAAAD2P7vAAAIQP69/bwIHQPoAML/0QAAAAAAAAAAAAAAQ3icHM6xLkNhGMfh3//tiJCQHCwfXqcncQiJRaOLgS6SkojNbjJZDDZXwHWYLMZikRBTxw6fmBk6qEjTT44LeJLHzlnmGTRKL9bCrU7DDnANcNunYWc4Q9zWcb3h9oDbBU2r41bi+mVcI07slLbNUdgsQXfkllHonVzzlDaNbIzAJ4GvdKUegR9Wa4FgEwSrUViWviuvY4Ku01C7NG2KLXXYtif2dJu66qRHRVYU00CRSUVQZFORRfpkKnH6tPWRenJ2lKeullhQnl51lO51w6UiG4qs2SEz/x9oVafK/wEAAP//AQAA//+lLUIEAAAALgAuAFIAigC8AN4A9gEsAUYBVAFwAYABrgHgAgQCLAJsAoACqALgAxgDRgN+A7gD4AQoBFIEXgRqBIQEpgToBRIFQAV6BbQF0gYOBjwGaAaGBsAG7AccB04HigeyB+YIKAh+CIoImAiiCLAIzgjsCTQJfAmMCaoJvgnmCf4KDAoiCkAKVgABAAAAQwCMAAwAZgAHAAEAAAAAAAAAAAAAAAAABAADeJyclNtOG1cUhj8H2216uqhQRG7QvkylZEyjECXhypSgjIpw6nF6kKpKgz0+iPHMyDOYkifodd+ib5GrPkafoup1tX8vgx1FQSAE/Hv2OvxrrX9tYJP/2KBWvwv83ZwbrrHd/NnwHb5oHhneYL/5meE6Dxv/GG4waLw13ORBo2v4E97V/zT8KU/qvxm+y1b90PDnPK5vGv5yw/Gv4a94wrsFrsEz/jBcY4vC8B02+dXwBvewmLU699gx3OBrtg032QZ6TKhImZAxwjFkwogzZiSURCTMmDAkYYAjpE1Kpa8ZsZBj9MGvMREVM2JFHFPhSIlIiSkZW8S38sp5rYxDnWZ216ZiTMyJPE6JyXDkjMjJSDhVnIqKghe0aFHSF9+CipKAkgkpATkzRrTocMgRPcZMKHEcKpJnFpEzpOKcWPmdWfjO9EnIKI3VGRkD8XTil8g75AhHh0K2q5GP1iI8xPGjvD23XLbfEujXrTBbz7tkEzNXP1N1JdXNuSY41q3P2+YH4YoXuFv1Z53J9T0a6H+lyCecaf4DTSoTkwzntmgTSUGRu49jX+eQSB35iZAer+jwhp7Obbp0aXNMj5CX8u3QxfEdHY45kEcovLg7lGKO+QXH94Sy8bET689iYgm/U5i6S3GcqY4phXrumQeqNVGFN5+w36F8TR2lfPraI2/pNL9MexYzMlUUYjhVL5faKK1/A1PEVLX42V7d+22Y2+4tt/iCXDvs1brg5Ce3YHTdVIP3NHOun4CYATknsuiTM6VFxYV4vybmjBTHgbr3SltS0b708XkupJKEqRiEZIozo9Df2HQTGff+mu6dvSUD+Xump5dV3SaLU6+uZvRG3VveRdblZGUCLZtqvqKmvrhmpv1EO7XKP5Jvqdct5xGh4i52+0OvwA7P2WWPsbL0dTO/vPOvhLfYUwdOSWQ1lKZ9DY8J2CXgKbvs8pyn7/VyycYZH7fGZzV/mwP26bB3bTUL2w77vFyL9vHMf4ntjupxPLo8Pbv1NB/cQLXfaN+u3s2uJuenMbdoV9txTMzUc3FbqzW5+wT/AwAA//8BAAD//3KhUUAAAAADAAD/9QAA/84AMgAAAAAAAAAAAAAAAAAAAAAAAAAA");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-4043408742 .fill-N1{fill:#0A0F25;}
+		.d2-4043408742 .fill-N2{fill:#676C7E;}
+		.d2-4043408742 .fill-N3{fill:#9499AB;}
+		.d2-4043408742 .fill-N4{fill:#CFD2DD;}
+		.d2-4043408742 .fill-N5{fill:#DEE1EB;}
+		.d2-4043408742 .fill-N6{fill:#EEF1F8;}
+		.d2-4043408742 .fill-N7{fill:#FFFFFF;}
+		.d2-4043408742 .fill-B1{fill:#0D32B2;}
+		.d2-4043408742 .fill-B2{fill:#0D32B2;}
+		.d2-4043408742 .fill-B3{fill:#E3E9FD;}
+		.d2-4043408742 .fill-B4{fill:#E3E9FD;}
+		.d2-4043408742 .fill-B5{fill:#EDF0FD;}
+		.d2-4043408742 .fill-B6{fill:#F7F8FE;}
+		.d2-4043408742 .fill-AA2{fill:#4A6FF3;}
+		.d2-4043408742 .fill-AA4{fill:#EDF0FD;}
+		.d2-4043408742 .fill-AA5{fill:#F7F8FE;}
+		.d2-4043408742 .fill-AB4{fill:#EDF0FD;}
+		.d2-4043408742 .fill-AB5{fill:#F7F8FE;}
+		.d2-4043408742 .stroke-N1{stroke:#0A0F25;}
+		.d2-4043408742 .stroke-N2{stroke:#676C7E;}
+		.d2-4043408742 .stroke-N3{stroke:#9499AB;}
+		.d2-4043408742 .stroke-N4{stroke:#CFD2DD;}
+		.d2-4043408742 .stroke-N5{stroke:#DEE1EB;}
+		.d2-4043408742 .stroke-N6{stroke:#EEF1F8;}
+		.d2-4043408742 .stroke-N7{stroke:#FFFFFF;}
+		.d2-4043408742 .stroke-B1{stroke:#0D32B2;}
+		.d2-4043408742 .stroke-B2{stroke:#0D32B2;}
+		.d2-4043408742 .stroke-B3{stroke:#E3E9FD;}
+		.d2-4043408742 .stroke-B4{stroke:#E3E9FD;}
+		.d2-4043408742 .stroke-B5{stroke:#EDF0FD;}
+		.d2-4043408742 .stroke-B6{stroke:#F7F8FE;}
+		.d2-4043408742 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-4043408742 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-4043408742 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-4043408742 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-4043408742 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-4043408742 .background-color-N1{background-color:#0A0F25;}
+		.d2-4043408742 .background-color-N2{background-color:#676C7E;}
+		.d2-4043408742 .background-color-N3{background-color:#9499AB;}
+		.d2-4043408742 .background-color-N4{background-color:#CFD2DD;}
+		.d2-4043408742 .background-color-N5{background-color:#DEE1EB;}
+		.d2-4043408742 .background-color-N6{background-color:#EEF1F8;}
+		.d2-4043408742 .background-color-N7{background-color:#FFFFFF;}
+		.d2-4043408742 .background-color-B1{background-color:#0D32B2;}
+		.d2-4043408742 .background-color-B2{background-color:#0D32B2;}
+		.d2-4043408742 .background-color-B3{background-color:#E3E9FD;}
+		.d2-4043408742 .background-color-B4{background-color:#E3E9FD;}
+		.d2-4043408742 .background-color-B5{background-color:#EDF0FD;}
+		.d2-4043408742 .background-color-B6{background-color:#F7F8FE;}
+		.d2-4043408742 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-4043408742 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-4043408742 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-4043408742 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-4043408742 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-4043408742 .color-N1{color:#0A0F25;}
+		.d2-4043408742 .color-N2{color:#676C7E;}
+		.d2-4043408742 .color-N3{color:#9499AB;}
+		.d2-4043408742 .color-N4{color:#CFD2DD;}
+		.d2-4043408742 .color-N5{color:#DEE1EB;}
+		.d2-4043408742 .color-N6{color:#EEF1F8;}
+		.d2-4043408742 .color-N7{color:#FFFFFF;}
+		.d2-4043408742 .color-B1{color:#0D32B2;}
+		.d2-4043408742 .color-B2{color:#0D32B2;}
+		.d2-4043408742 .color-B3{color:#E3E9FD;}
+		.d2-4043408742 .color-B4{color:#E3E9FD;}
+		.d2-4043408742 .color-B5{color:#EDF0FD;}
+		.d2-4043408742 .color-B6{color:#F7F8FE;}
+		.d2-4043408742 .color-AA2{color:#4A6FF3;}
+		.d2-4043408742 .color-AA4{color:#EDF0FD;}
+		.d2-4043408742 .color-AA5{color:#F7F8FE;}
+		.d2-4043408742 .color-AB4{color:#EDF0FD;}
+		.d2-4043408742 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-4043408742);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-4043408742);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-4043408742);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-4043408742);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-4043408742);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-4043408742);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-4043408742);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-4043408742);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-4043408742);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-4043408742);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-4043408742);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-4043408742);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-4043408742);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4043408742);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-4043408742);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-4043408742);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-4043408742);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-4043408742);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bGVnZW5k"><g class="shape" ><rect x="150.000000" y="241.000000" width="185.000000" height="378.000000" stroke="#d4d4d8" fill="#fafafa" style="stroke-width:2;" /></g><text x="242.500000" y="228.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Legend</text></g><g class="Y2xpZW50"><g class="shape" ><path d="M 312 1415 H 172 V 1414 C 172 1398 187 1384 212 1377 C 198 1371 190 1362 190 1352 C 190 1336 213 1322 242 1322 C 270 1322 294 1336 294 1352 C 294 1362 286 1371 273 1377 C 297 1384 313 1398 313 1414 V 1415 H 312 Z" stroke="#0D32B2" fill="#fff9e6" class=" stroke-B1" style="stroke-width:2;" /></g><text x="242.000000" y="1436.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Browser / iOS App</text></g><g class="Y2FkZHk="><g class="shape" ><rect x="902.000000" y="1303.000000" width="331.000000" height="130.000000" stroke="#0D32B2" fill="#f1f5f9" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1067.500000" y="1341.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="1067.500000" dy="0.000000">Caddy :443</tspan><tspan x="1067.500000" dy="17.000000">custom build · caddy-l4 · caddy-ratelimit</tspan><tspan x="1067.500000" dy="17.000000">CrowdSec bouncer · security headers</tspan><tspan x="1067.500000" dy="17.000000">rate limiting · static error pages</tspan><tspan x="1067.500000" dy="17.000000">Redis TCP proxy :6380</tspan></text></g><g class="c2s="><g class="shape" ><rect x="1885.000000" y="371.000000" width="393.000000" height="1662.000000" stroke="#0D32B2" fill="#fef3c7" class=" stroke-B1" style="stroke-width:2;" /></g><text x="2081.500000" y="358.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">SvelteKit UI :3000</text></g><g class="YmU="><g class="shape" ><rect x="3119.000000" y="886.000000" width="390.000000" height="1160.000000" stroke="#0D32B2" fill="#eef3ff" class=" stroke-B1" style="stroke-width:2;" /></g><text x="3314.000000" y="873.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Backend API :8080</text></g><g class="c3RvcmFnZQ=="><g class="shape" ><rect x="4300.000000" y="565.000000" width="334.000000" height="1557.000000" stroke="#0D32B2" fill="#eaf7ea" class=" stroke-B1" style="stroke-width:2;" /></g><text x="4467.000000" y="552.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Storage</text></g><g class="bGVnZW5kLnB1Yg=="><g class="shape" ><rect x="198.000000" y="271.000000" width="89.000000" height="66.000000" stroke="#86efac" fill="#f0fdf4" style="stroke-width:2;" /></g><text x="242.500000" y="309.500000" fill="#15803d" class="text-bold" style="text-anchor:middle;font-size:16px">public</text></g><g class="bGVnZW5kLnVzZXI="><g class="shape" ><rect x="186.000000" y="397.000000" width="112.000000" height="66.000000" stroke="#93c5fd" fill="#eff6ff" style="stroke-width:2;" /></g><text x="242.000000" y="435.500000" fill="#1d4ed8" class="text-bold" style="text-anchor:middle;font-size:16px">user auth</text></g><g class="bGVnZW5kLmFkbQ=="><g class="shape" ><rect x="180.000000" y="523.000000" width="125.000000" height="66.000000" stroke="#fdba74" fill="#fff7ed" style="stroke-width:2;" /></g><text x="242.500000" y="561.500000" fill="#c2410c" class="text-bold" style="text-anchor:middle;font-size:16px">admin only</text></g><g class="c2suYXV0aA=="><g class="shape" ><rect x="1940.000000" y="401.000000" width="283.000000" height="114.000000" stroke="#f59e0b" fill="#fde68a" style="stroke-width:2;" /></g><text x="2081.500000" y="439.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2081.500000" dy="0.000000">POST /api/auth/login</tspan><tspan x="2081.500000" dy="17.250000">POST /api/auth/register</tspan><tspan x="2081.500000" dy="17.250000">POST /api/auth/change-password</tspan><tspan x="2081.500000" dy="17.250000">GET  /api/auth/session</tspan></text></g><g class="c2suY2F0YWxvZ3VlX3Nr"><g class="shape" ><rect x="1917.000000" y="1427.000000" width="330.000000" height="82.000000" stroke="#86efac" fill="#f0fdf4" style="stroke-width:2;" /></g><text x="2082.000000" y="1465.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2082.000000" dy="0.000000">GET /api/catalogue-page  (infinite scroll)</tspan><tspan x="2082.000000" dy="18.500000">GET /api/search</tspan></text></g><g class="c2suYm9va19zaw=="><g class="shape" ><rect x="1915.000000" y="1239.000000" width="333.000000" height="98.000000" stroke="#86efac" fill="#f0fdf4" style="stroke-width:2;" /></g><text x="2081.500000" y="1277.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2081.500000" dy="0.000000">GET /api/book/{slug}</tspan><tspan x="2081.500000" dy="17.666667">GET /api/chapter/{slug}/{n}</tspan><tspan x="2081.500000" dy="17.666667">GET /api/chapter-text-preview/{slug}/{n}</tspan></text></g><g class="c2suc2NyYXBlX3Nr"><g class="shape" ><rect x="1955.000000" y="575.000000" width="254.000000" height="146.000000" stroke="#fdba74" fill="#fff7ed" style="stroke-width:2;" /></g><text x="2082.000000" y="613.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2082.000000" dy="0.000000">GET  /api/scrape/status</tspan><tspan x="2082.000000" dy="16.833333">GET  /api/scrape/tasks</tspan><tspan x="2082.000000" dy="16.833333">POST /api/scrape</tspan><tspan x="2082.000000" dy="16.833333">POST /api/scrape/book</tspan><tspan x="2082.000000" dy="16.833333">POST /api/scrape/book/range</tspan><tspan x="2082.000000" dy="16.833333">POST /api/scrape/cancel/{id}</tspan></text></g><g class="c2suYXVkaW9fc2s="><g class="shape" ><rect x="1945.000000" y="1593.000000" width="274.000000" height="98.000000" stroke="#86efac" fill="#f0fdf4" style="stroke-width:2;" /></g><text x="2082.000000" y="1631.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2082.000000" dy="0.000000">POST /api/audio/{slug}/{n}</tspan><tspan x="2082.000000" dy="17.666667">GET  /api/audio/status/{slug}/{n}</tspan><tspan x="2082.000000" dy="17.666667">GET  /api/voices</tspan></text></g><g class="c2sucHJlc2lnbl9zaw=="><g class="shape" ><rect x="1924.000000" y="1763.000000" width="316.000000" height="98.000000" stroke="#86efac" fill="#f0fdf4" style="stroke-width:2;" /></g><text x="2082.000000" y="1801.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2082.000000" dy="0.000000">GET /api/presign/chapter/{slug}/{n}</tspan><tspan x="2082.000000" dy="17.666667">GET /api/presign/audio/{slug}/{n}</tspan><tspan x="2082.000000" dy="17.666667">GET /api/presign/voice-sample/{voice}</tspan></text></g><g class="c2sucHJlc2lnbl91c2Vy"><g class="shape" ><rect x="1917.000000" y="1921.000000" width="330.000000" height="82.000000" stroke="#93c5fd" fill="#eff6ff" style="stroke-width:2;" /></g><text x="2082.000000" y="1959.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2082.000000" dy="0.000000">GET /api/presign/avatar-upload/{userId}</tspan><tspan x="2082.000000" dy="18.500000">GET /api/presign/avatar/{userId}</tspan></text></g><g class="c2sucHJvZ3Jlc3Nfc2s="><g class="shape" ><rect x="1960.000000" y="781.000000" width="243.000000" height="98.000000" stroke="#86efac" fill="#f0fdf4" style="stroke-width:2;" /></g><text x="2081.500000" y="819.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2081.500000" dy="0.000000">GET    /api/progress</tspan><tspan x="2081.500000" dy="17.666667">POST   /api/progress/{slug}</tspan><tspan x="2081.500000" dy="17.666667">DELETE /api/progress/{slug}</tspan></text></g><g class="c2subGlicmFyeV9zaw=="><g class="shape" ><rect x="1967.000000" y="939.000000" width="229.000000" height="98.000000" stroke="#86efac" fill="#f0fdf4" style="stroke-width:2;" /></g><text x="2081.500000" y="977.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2081.500000" dy="0.000000">GET    /api/library</tspan><tspan x="2081.500000" dy="17.666667">POST   /api/library/{slug}</tspan><tspan x="2081.500000" dy="17.666667">DELETE /api/library/{slug}</tspan></text></g><g class="c2suY29tbWVudHNfc2s="><g class="shape" ><rect x="1962.000000" y="1097.000000" width="240.000000" height="82.000000" stroke="#86efac" fill="#f0fdf4" style="stroke-width:2;" /></g><text x="2082.000000" y="1135.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2082.000000" dy="0.000000">GET  /api/comments/{slug}</tspan><tspan x="2082.000000" dy="18.500000">POST /api/comments/{slug}</tspan></text></g><g class="YmUuaGVhbHRoX2Jl"><g class="shape" ><rect x="3233.000000" y="916.000000" width="162.000000" height="82.000000" stroke="#86efac" fill="#f0fdf4" style="stroke-width:2;" /></g><text x="3314.000000" y="954.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="3314.000000" dy="0.000000">GET /health</tspan><tspan x="3314.000000" dy="18.500000">GET /api/version</tspan></text></g><g class="YmUuc2NyYXBlX2Jl"><g class="shape" ><rect x="3202.000000" y="1058.000000" width="225.000000" height="98.000000" stroke="#fdba74" fill="#fff7ed" style="stroke-width:2;" /></g><text x="3314.500000" y="1096.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="3314.500000" dy="0.000000">POST /scrape</tspan><tspan x="3314.500000" dy="17.666667">POST /scrape/book</tspan><tspan x="3314.500000" dy="17.666667">POST /scrape/book/range</tspan></text></g><g class="YmUuY2F0YWxvZ3VlX2Jl"><g class="shape" ><rect x="3158.000000" y="1411.000000" width="313.000000" height="114.000000" stroke="#86efac" fill="#f0fdf4" style="stroke-width:2;" /></g><text x="3314.500000" y="1449.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="3314.500000" dy="0.000000">GET /api/catalogue  (Meilisearch)</tspan><tspan x="3314.500000" dy="17.250000">GET /api/browse  (legacy MinIO cache)</tspan><tspan x="3314.500000" dy="17.250000">GET /api/ranking</tspan><tspan x="3314.500000" dy="17.250000">GET /api/cover/{domain}/{slug}</tspan></text></g><g class="YmUuYm9va19iZQ=="><g class="shape" ><rect x="3153.000000" y="1216.000000" width="322.000000" height="114.000000" stroke="#86efac" fill="#f0fdf4" style="stroke-width:2;" /></g><text x="3314.000000" y="1254.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="3314.000000" dy="0.000000">GET  /api/book-preview/{slug}</tspan><tspan x="3314.000000" dy="17.250000">GET  /api/chapter-text/{slug}/{n}</tspan><tspan x="3314.000000" dy="17.250000">GET  /api/chapter-markdown/{slug}/{n}</tspan><tspan x="3314.000000" dy="17.250000">POST /api/reindex/{slug}  ⚠ admin</tspan></text></g><g class="YmUuYXVkaW9fYmU="><g class="shape" ><rect x="3177.000000" y="1660.000000" width="274.000000" height="114.000000" stroke="#86efac" fill="#f0fdf4" style="stroke-width:2;" /></g><text x="3314.000000" y="1698.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="3314.000000" dy="0.000000">POST /api/audio/{slug}/{n}</tspan><tspan x="3314.000000" dy="17.250000">GET  /api/audio/status/{slug}/{n}</tspan><tspan x="3314.000000" dy="17.250000">GET  /api/audio-proxy/{slug}/{n}</tspan><tspan x="3314.000000" dy="17.250000">GET  /api/voices</tspan></text></g><g class="YmUucHJlc2lnbl9iZQ=="><g class="shape" ><rect x="3149.000000" y="1886.000000" width="330.000000" height="130.000000" stroke="#86efac" fill="#f0fdf4" style="stroke-width:2;" /></g><text x="3314.000000" y="1924.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="3314.000000" dy="0.000000">GET /api/presign/chapter/{slug}/{n}</tspan><tspan x="3314.000000" dy="17.000000">GET /api/presign/audio/{slug}/{n}</tspan><tspan x="3314.000000" dy="17.000000">GET /api/presign/voice-sample/{voice}</tspan><tspan x="3314.000000" dy="17.000000">GET /api/presign/avatar-upload/{userId}</tspan><tspan x="3314.000000" dy="17.000000">GET /api/presign/avatar/{userId}</tspan></text></g><g class="c3RvcmFnZS5wYg=="><g class="shape" ><path d="M 4352 619 C 4352 595 4456 595 4467 595 C 4479 595 4582 595 4582 619 V 737 C 4582 761 4479 761 4467 761 C 4456 761 4352 761 4352 737 V 619 Z" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 4352 619 C 4352 643 4456 643 4467 643 C 4479 643 4582 643 4582 619" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="4467.000000" y="671.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="4467.000000" dy="0.000000">auth · books · progress</tspan><tspan x="4467.000000" dy="17.250000">comments · library</tspan><tspan x="4467.000000" dy="17.250000">scrape_jobs · audio_cache</tspan><tspan x="4467.000000" dy="17.250000">ranking</tspan></text></g><g class="c3RvcmFnZS5tbg=="><g class="shape" ><path d="M 4344 1345 C 4344 1321 4455 1321 4467 1321 C 4479 1321 4590 1321 4590 1345 V 1431 C 4590 1455 4479 1455 4467 1455 C 4455 1455 4344 1455 4344 1431 V 1345 Z" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 4344 1345 C 4344 1369 4455 1369 4467 1369 C 4479 1369 4590 1369 4590 1345" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="4467.000000" y="1397.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="4467.000000" dy="0.000000">chapters · audio</tspan><tspan x="4467.000000" dy="18.500000">avatars · catalogue (browse)</tspan></text></g><g class="c3RvcmFnZS5tcw=="><g class="shape" ><path d="M 4332 1749 C 4332 1725 4454 1725 4468 1725 C 4481 1725 4603 1725 4603 1749 V 1867 C 4603 1891 4481 1891 4468 1891 C 4454 1891 4332 1891 4332 1867 V 1749 Z" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 4332 1749 C 4332 1773 4454 1773 4468 1773 C 4481 1773 4603 1773 4603 1749" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="4467.500000" y="1801.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="4467.500000" dy="0.000000">index: books</tspan><tspan x="4467.500000" dy="17.250000">filterable: status · genres</tspan><tspan x="4467.500000" dy="17.250000">sortable: rank · rating</tspan><tspan x="4467.500000" dy="17.250000">  total_chapters · meta_updated</tspan></text></g><g class="c3RvcmFnZS52aw=="><g class="shape" ><path d="M 4330 1982 C 4330 1958 4453 1958 4467 1958 C 4481 1958 4604 1958 4604 1982 V 2068 C 4604 2092 4481 2092 4467 2092 C 4453 2092 4330 2092 4330 2068 V 1982 Z" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 4330 1982 C 4330 2006 4453 2006 4467 2006 C 4481 2006 4604 2006 4604 1982" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="4467.000000" y="2034.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="4467.000000" dy="0.000000">presign URL cache (TTL ~55 min)</tspan><tspan x="4467.000000" dy="18.500000">Asynq job queue (runner)</tspan></text></g><g class="KGNsaWVudCAtJmd0OyBjYWRkeSlbMF0="><marker id="mk-d2-4043408742-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 287.999998 1368.002525 C 444.399994 1368.199951 734.799988 1368.250000 898.000000 1368.250000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="594.000000" y="1374.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">HTTPS :443</text></g><g class="KGNhZGR5IC0mZ3Q7IHNrKVswXQ=="><path d="M 1130.469664 1434.701735 C 1416.218018 1736.250000 1567.400024 1812.000000 1881.000000 1812.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="1447.000000" y="1749.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="1447.000000" dy="0.000000">/* (catch-all)</tspan><tspan x="1447.000000" dy="18.500000">→ SvelteKit enforces auth</tspan></text></g><g class="KGNhZGR5IC0mZ3Q7IGJlKVswXQ=="><path d="M 1105.157874 1434.991854 C 1411.234985 1977.449951 1539.000000 2113.500000 1615.500000 2113.500000 C 1692.000000 2113.500000 1810.699951 2113.500000 1912.250000 2113.500000 C 2013.800049 2113.500000 2149.199951 2113.500000 2250.750000 2113.500000 C 2352.300049 2113.500000 2782.699951 1250.750000 3115.500000 1250.750000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="2190.000000" y="2079.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="2190.000000" dy="0.000000">/health  /scrape*</tspan><tspan x="2190.000000" dy="16.833333">/api/browse  /api/catalogue  /api/ranking</tspan><tspan x="2190.000000" dy="16.833333">/api/version  /api/book-preview/*</tspan><tspan x="2190.000000" dy="16.833333">/api/chapter-text/*  /api/chapter-markdown/*</tspan><tspan x="2190.000000" dy="16.833333">/api/reindex/*  /api/cover/*</tspan><tspan x="2190.000000" dy="16.833333">/api/audio*  /api/voices  /api/presign/*</tspan></text></g><g class="KGNhZGR5IC0mZ3Q7IHN0b3JhZ2UubW4pWzBd"><path d="M 1094.728101 1301.137242 C 1409.199951 496.598999 1539.000000 295.000000 1615.500000 295.000000 C 1692.000000 295.000000 1810.699951 295.000000 1912.250000 295.000000 C 2013.800049 295.000000 2149.199951 295.000000 2250.750000 295.000000 C 2352.300049 295.000000 2475.699951 298.200012 2559.250000 303.000000 C 2642.800049 307.799988 2754.199951 311.000000 2837.750000 311.000000 C 2921.300049 311.000000 3044.399902 311.000000 3145.500000 311.000000 C 3246.600098 311.000000 3381.399902 311.000000 3482.500000 311.000000 C 3583.600098 311.000000 3701.699951 413.399994 3777.750000 567.000000 C 3853.800049 720.599976 4212.399902 922.799988 4428.085577 1318.487880" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="2691.500000" y="307.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="2691.500000" dy="0.000000">/avatars/*  /audio/*  /chapters/*</tspan><tspan x="2691.500000" dy="18.500000">(presigned MinIO GETs)</tspan></text></g><g class="KHNrLmNhdGFsb2d1ZV9zayAtJmd0OyBiZS5jYXRhbG9ndWVfYmUpWzBd"><path d="M 2249.000000 1468.000000 C 2385.399902 1468.000000 2475.699951 1468.000000 2559.250000 1468.000000 C 2642.800049 1468.000000 3013.100098 1468.000000 3153.500000 1468.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="2702.000000" y="1474.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">internal proxy</text></g><g class="KHNrLmJvb2tfc2sgLSZndDsgYmUuYm9va19iZSlbMF0="><path d="M 2250.000000 1288.000000 C 2385.600098 1288.000000 2475.699951 1288.000000 2559.250000 1288.000000 C 2642.800049 1288.000000 3012.199951 1286.400024 3149.004126 1280.181631" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="2701.000000" y="1293.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">internal proxy</text></g><g class="KHNrLmF1ZGlvX3NrIC0mZ3Q7IGJlLmF1ZGlvX2JlKVswXQ=="><path d="M 2221.500000 1642.000000 C 2379.899902 1642.000000 2475.699951 1657.050049 2559.250000 1679.625000 C 2642.800049 1702.199951 3017.000000 1717.250000 3173.000000 1717.250000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="2695.000000" y="1710.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">internal proxy</text></g><g class="KHNrLnByZXNpZ25fc2sgLSZndDsgYmUucHJlc2lnbl9iZSlbMF0="><path d="M 2242.500000 1812.000000 C 2384.100098 1812.000000 2475.699951 1815.349976 2559.250000 1820.375000 C 2642.800049 1825.400024 3011.399902 1841.150024 3145.237008 1889.393574" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="2699.000000" y="1833.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">internal proxy</text></g><g class="KHNrLnByZXNpZ25fdXNlciAtJmd0OyBiZS5wcmVzaWduX2JlKVswXQ=="><path d="M 2249.000000 1962.000000 C 2385.399902 1962.000000 2475.699951 1964.449951 2559.250000 1968.125000 C 2642.800049 1971.800049 3011.399902 1971.849976 3145.009700 1962.528392" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="2698.000000" y="1977.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">internal proxy</text></g><g class="KHNrLmF1dGggLSZndDsgc3RvcmFnZS5wYilbMF0="><path d="M 2225.000000 458.000000 C 2380.600098 458.000000 2475.699951 382.700012 2559.250000 269.750000 C 2642.800049 156.800003 2754.199951 81.500000 2837.750000 81.500000 C 2921.300049 81.500000 3044.399902 81.500000 3145.500000 81.500000 C 3246.600098 81.500000 3381.399902 81.500000 3482.500000 81.500000 C 3583.600098 81.500000 3701.699951 81.500000 3777.750000 81.500000 C 3853.800049 81.500000 4210.600098 184.600006 4419.182175 593.436924" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="3374.000000" y="87.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">sessions / users</text></g><g class="KHNrLnNjcmFwZV9zayAtJmd0OyBzdG9yYWdlLnBiKVswXQ=="><path d="M 2211.500000 648.000000 C 2377.899902 648.000000 2475.699951 542.900024 2559.250000 385.250000 C 2642.800049 227.598999 2754.199951 122.500000 2837.750000 122.500000 C 2921.300049 122.500000 3044.399902 122.500000 3145.500000 122.500000 C 3246.600098 122.500000 3381.399902 122.500000 3482.500000 122.500000 C 3583.600098 122.500000 3701.699951 122.500000 3777.750000 122.500000 C 3853.800049 122.500000 4210.000000 217.399994 4416.077861 593.492097" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="3294.000000" y="128.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">scrape job records</text></g><g class="KHNrLnByb2dyZXNzX3NrIC0mZ3Q7IHN0b3JhZ2UucGIpWzBd"><path d="M 2205.000000 830.000000 C 2376.600098 830.000000 2475.699951 694.599976 2559.250000 491.500000 C 2642.800049 288.399994 2754.199951 153.000000 2837.750000 153.000000 C 2921.300049 153.000000 3044.399902 153.000000 3145.500000 153.000000 C 3246.600098 153.000000 3381.399902 153.000000 3482.500000 153.000000 C 3583.600098 153.000000 3701.699951 153.000000 3777.750000 153.000000 C 3853.800049 153.000000 4209.399902 241.800003 4412.996162 593.538117" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /></g><g class="KHNrLmxpYnJhcnlfc2sgLSZndDsgc3RvcmFnZS5wYilbMF0="><path d="M 2198.000000 988.000000 C 2375.199951 988.000000 2475.699951 825.000000 2559.250000 580.500000 C 2642.800049 336.000000 2754.199951 173.000000 2837.750000 173.000000 C 2921.300049 173.000000 3044.399902 173.000000 3145.500000 173.000000 C 3246.600098 173.000000 3381.399902 173.000000 3482.500000 173.000000 C 3583.600098 173.000000 3701.699951 173.000000 3777.750000 173.000000 C 3853.800049 173.000000 4209.000000 257.799988 4410.938451 593.572170" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /></g><g class="KHNrLmNvbW1lbnRzX3NrIC0mZ3Q7IHN0b3JhZ2UucGIpWzBd"><path d="M 2204.500000 1138.000000 C 2376.500000 1138.000000 2475.699951 958.549988 2559.250000 689.375000 C 2642.800049 420.199005 2754.199951 240.750000 2837.750000 240.750000 C 2921.300049 240.750000 3044.399902 240.750000 3145.500000 240.750000 C 3246.600098 240.750000 3381.399902 240.750000 3482.500000 240.750000 C 3583.600098 240.750000 3701.699951 240.750000 3777.750000 240.750000 C 3853.800049 240.750000 4207.200195 312.200012 4401.731441 594.705514" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /></g><g class="KGJlLmNhdGFsb2d1ZV9iZSAtJmd0OyBzdG9yYWdlLm1zKVswXQ=="><path d="M 3371.409190 1526.669220 C 3594.800049 1751.650024 3701.699951 1808.250000 3777.750000 1808.250000 C 3853.800049 1808.250000 4192.799805 1808.199951 4328.000004 1808.005746" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="3797.000000" y="1814.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">full-text search + facets</text></g><g class="KGJlLmNhdGFsb2d1ZV9iZSAtJmd0OyBzdG9yYWdlLnBiKVswXQ=="><path d="M 3365.319286 1409.746842 C 3593.600098 1149.650024 3701.699951 986.099976 3777.750000 838.875000 C 3853.800049 691.650024 4196.799805 604.000000 4348.138885 644.955112" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="3771.000000" y="857.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">ranking records</text></g><g class="KGJlLmNhdGFsb2d1ZV9iZSAtJmd0OyBzdG9yYWdlLm1uKVswXQ=="><path d="M 3473.494568 1456.358681 C 3615.100098 1445.901001 3701.699951 1443.250000 3777.750000 1443.250000 C 3853.800049 1443.250000 4195.200195 1436.599976 4340.062421 1410.703896" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="3909.000000" y="1448.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">cover presign</text></g><g class="KGJlLmJvb2tfYmUgLSZndDsgc3RvcmFnZS5tbilbMF0="><path d="M 3390.589749 1331.463548 C 3598.600098 1490.250000 3701.699951 1530.250000 3777.750000 1530.250000 C 3853.800049 1530.250000 4197.000000 1512.400024 4349.362858 1442.664692" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="3848.000000" y="1536.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">chapter objects</text></g><g class="KGJlLmJvb2tfYmUgLSZndDsgc3RvcmFnZS5wYilbMF0="><path d="M 3476.999484 1269.954558 C 3615.800049 1266.800049 3701.699951 1171.300049 3777.750000 1029.250000 C 3853.800049 887.200012 4196.799805 778.200012 4348.246792 722.383268" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="3838.000000" y="922.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">book metadata</text></g><g class="KGJlLmF1ZGlvX2JlIC0mZ3Q7IHN0b3JhZ2UubW4pWzBd"><path d="M 3448.833139 1659.450249 C 3610.199951 1589.050049 3701.699951 1571.250000 3777.750000 1571.250000 C 3853.800049 1571.250000 4200.000000 1546.400024 4364.557437 1449.036850" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="3913.000000" y="1572.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">audio presign</text></g><g class="KGJlLmF1ZGlvX2JlIC0mZ3Q7IHN0b3JhZ2UudmspWzBd"><path d="M 3404.407779 1775.331010 C 3601.344971 1901.849976 3701.699951 1933.750000 3777.750000 1933.750000 C 3853.800049 1933.750000 4192.398926 1944.000000 4326.166552 1983.857775" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="3848.000000" y="1939.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">presign cache</text></g><g class="KGJlLnByZXNpZ25fYmUgLSZndDsgc3RvcmFnZS52aylbMF0="><path d="M 3480.926393 1997.787598 C 3616.600098 2035.650024 3701.699951 2045.250000 3777.750000 2045.250000 C 3853.800049 2045.250000 4192.398926 2043.000000 4326.008529 2034.261068" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="3901.500000" y="2050.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">check / set presign cache</text></g><g class="KGJlLnByZXNpZ25fYmUgLSZndDsgc3RvcmFnZS5tbilbMF0="><path d="M 3397.300464 1884.505147 C 3599.947021 1723.349976 3701.699951 1682.750000 3777.750000 1682.750000 C 3853.800049 1682.750000 4206.399902 1636.599976 4397.105084 1454.760337" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4043408742-3488378134)" mask="url(#d2-4043408742)" /><text x="3903.500000" y="1682.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">generate presigned URL</text></g><mask id="d2-4043408742" maskUnits="userSpaceOnUse" x="49" y="-29" width="4686" height="2293">
+<rect x="49" y="-29" width="4686" height="2293" fill="white"></rect>
+<rect x="555.000000" y="1358.000000" width="78" height="21" fill="black"></rect>
+<rect x="1362.000000" y="1733.000000" width="170" height="37" fill="black"></rect>
+<rect x="2036.000000" y="2063.000000" width="308" height="101" fill="black"></rect>
+<rect x="2583.000000" y="291.000000" width="217" height="37" fill="black"></rect>
+<rect x="2654.000000" y="1458.000000" width="96" height="21" fill="black"></rect>
+<rect x="2653.000000" y="1277.000000" width="96" height="21" fill="black"></rect>
+<rect x="2647.000000" y="1694.000000" width="96" height="21" fill="black"></rect>
+<rect x="2651.000000" y="1817.000000" width="96" height="21" fill="black"></rect>
+<rect x="2650.000000" y="1961.000000" width="96" height="21" fill="black"></rect>
+<rect x="3321.000000" y="71.000000" width="106" height="21" fill="black"></rect>
+<rect x="3231.000000" y="112.000000" width="126" height="21" fill="black"></rect>
+<rect x="3719.000000" y="1798.000000" width="156" height="21" fill="black"></rect>
+<rect x="3717.000000" y="841.000000" width="108" height="21" fill="black"></rect>
+<rect x="3863.000000" y="1432.000000" width="92" height="21" fill="black"></rect>
+<rect x="3795.000000" y="1520.000000" width="106" height="21" fill="black"></rect>
+<rect x="3785.000000" y="906.000000" width="106" height="21" fill="black"></rect>
+<rect x="3866.000000" y="1556.000000" width="94" height="21" fill="black"></rect>
+<rect x="3800.000000" y="1923.000000" width="96" height="21" fill="black"></rect>
+<rect x="3818.000000" y="2034.000000" width="167" height="21" fill="black"></rect>
+<rect x="3823.000000" y="1666.000000" width="161" height="21" fill="black"></rect>
+</mask></svg></svg>
diff --git a/docs/d2/architecture.d2 b/docs/d2/architecture.d2
new file mode 100644
index 0000000..cb726d0
--- /dev/null
+++ b/docs/d2/architecture.d2
@@ -0,0 +1,180 @@
+direction: right
+
+# ─── External ─────────────────────────────────────────────────────────────────
+
+novelfire: novelfire.net {
+  shape: cloud
+  style.fill: "#f0f4ff"
+  label: "novelfire.net\n(scrape source)"
+}
+
+kokoro: Kokoro-FastAPI TTS {
+  shape: cloud
+  style.fill: "#f0f4ff"
+  label: "Kokoro-FastAPI TTS\n(self-hosted · homelab)\nchapter audio"
+}
+
+pockettts: pocket-tts {
+  shape: cloud
+  style.fill: "#f0f4ff"
+  label: "pocket-tts\n(self-hosted · homelab)\nvoice sample MP3s"
+}
+
+letsencrypt: Let's Encrypt {
+  shape: cloud
+  style.fill: "#f0f4ff"
+  label: "Let's Encrypt\n(ACME TLS-ALPN-01)"
+}
+
+browser: Browser / iOS App {
+  shape: person
+  style.fill: "#fff9e6"
+}
+
+# ─── Init containers (one-shot) ───────────────────────────────────────────────
+
+init: Init containers {
+  style.fill: "#f5f5f5"
+  style.stroke-dash: 4
+
+  minio-init: minio-init {
+    shape: rectangle
+    label: "minio-init\n(mc: create buckets\n  chapters · audio\n  avatars · catalogue)"
+  }
+
+  pb-init: pb-init {
+    shape: rectangle
+    label: "pb-init\n(bootstrap PocketBase\n  collections + schema)"
+  }
+}
+
+# ─── Storage ──────────────────────────────────────────────────────────────────
+
+storage: Storage {
+  style.fill: "#eaf7ea"
+
+  minio: MinIO {
+    shape: cylinder
+    label: "MinIO :9000\nbuckets:\n  chapters · audio\n  avatars · catalogue"
+  }
+
+  pocketbase: PocketBase {
+    shape: cylinder
+    label: "PocketBase :8090\ncollections:\n  books · chapters_idx\n  audio_cache · progress\n  scrape_jobs · app_users\n  ranking · library\n  comments"
+  }
+
+  valkey: Valkey {
+    shape: cylinder
+    label: "Valkey :6379\npresign URL cache (TTL ~55 min)\nAsynq job queue (runner tasks)"
+  }
+
+  meilisearch: Meilisearch {
+    shape: cylinder
+    label: "Meilisearch :7700\nindex: books\n(filterable: status · genres\n sortable: rank · rating\n  total_chapters · meta_updated)"
+  }
+}
+
+# ─── Application — prod VPS (165.22.70.138) ───────────────────────────────────
+
+app: Application — prod (165.22.70.138) {
+  style.fill: "#eef3ff"
+
+  caddy: caddy {
+    shape: rectangle
+    label: "Caddy :443 / :80 / :6380\ncustom build\n+ caddy-l4 (Redis TCP proxy)\n+ caddy-ratelimit\nauto-HTTPS · security headers\nrate limiting (per-IP)\nstatic error pages (404/502/503/504)\nCrowdSec bouncer"
+  }
+
+  backend: backend {
+    shape: rectangle
+    label: "Backend API :8080\n(Go)\nHTTP API server\nffmpeg (audio sample conv.)\nOpenTelemetry tracing\nSentry / GlitchTip errors"
+  }
+
+  ui: ui {
+    shape: rectangle
+    label: "SvelteKit UI :3000\n(adapter-node)\nSSR · session auth\nserver-side API proxy"
+  }
+
+  crowdsec: CrowdSec {
+    shape: rectangle
+    label: "CrowdSec :8080\nsecurity engine\nreads Caddy JSON logs\nbouncer integrated in Caddy"
+  }
+
+  dozzle: Dozzle agent {
+    shape: rectangle
+    label: "Dozzle agent\n127.0.0.1:7007\nlog relay → homelab dashboard"
+  }
+}
+
+# ─── Runner — homelab (192.168.0.109) ────────────────────────────────────────
+
+homelab: Runner — homelab (192.168.0.109) {
+  style.fill: "#fef9ec"
+
+  runner: runner {
+    shape: rectangle
+    label: "Runner :9091\n(Go background worker)\nscrape pipeline\nTTS audio job queue\nPrometheus /metrics\ncron: catalogue refresh\nAsynq worker → Valkey"
+  }
+}
+
+# ─── Ops ──────────────────────────────────────────────────────────────────────
+
+ops: Ops {
+  style.fill: "#f5f5f5"
+
+  watchtower: Watchtower {
+    shape: rectangle
+    label: "Watchtower\n(containrrr/watchtower)\npolls Docker Hub every 5 min\nautopulls + redeploys:\n  backend · ui\n(runner: label-disabled on prod)"
+  }
+}
+
+# ─── CI / CD ──────────────────────────────────────────────────────────────────
+
+cicd: CI / CD {
+  style.fill: "#f0f9ff"
+
+  gitea: Gitea Actions {
+    shape: rectangle
+    label: "Gitea Actions\n(homelab runner)\ntag v* trigger:\n  test-backend\n  check-ui (type-check + build)\n  docker-backend\n  docker-runner\n  docker-ui (bakes releases.json)\n  docker-caddy\n  → push Docker Hub\n  → Gitea Release"
+  }
+}
+
+# ─── Init → Storage ───────────────────────────────────────────────────────────
+
+init.minio-init -> storage.minio: create buckets {style.stroke-dash: 4}
+init.pb-init -> storage.pocketbase: bootstrap schema {style.stroke-dash: 4}
+
+# ─── App internal ─────────────────────────────────────────────────────────────
+
+app.caddy -> app.ui: "/* (catch-all)\nSvelteKit — auth enforced"
+app.caddy -> app.backend: "/health  /scrape*\n/api/browse  /api/catalogue\n/api/ranking  /api/version\n/api/book-preview/*\n/api/chapter-text/*\n/api/chapter-markdown/*\n/api/reindex/*  /api/cover/*\n/api/audio-proxy/*  /api/voices\n/api/audio*  /api/presign/*"
+app.caddy -> storage.minio: "/avatars/*  /audio/*\n/chapters/*\n(presigned GETs)"
+app.caddy -> app.crowdsec: bouncer check (15 s poll)
+app.caddy -> letsencrypt: ACME cert (TLS-ALPN-01)
+
+app.ui -> app.backend: "internal REST proxy\n(server-side only)"
+app.ui -> storage.pocketbase: "auth · sessions\nprogress · library\ncomments"
+
+app.backend -> storage.minio: "chapter objs · audio MP3s\navatars · browse cache"
+app.backend -> storage.pocketbase: "books · scrape_jobs\naudio_cache · ranking"
+app.backend -> storage.valkey: "presign URL cache\n(SET/GET TTL ~55 min)"
+app.backend -> storage.meilisearch: "catalogue search\nfacets: genres · status"
+app.backend -> pockettts: "voice sample gen.\n(on-demand · ffmpeg conv.)"
+
+# ─── Runner → deps ────────────────────────────────────────────────────────────
+
+homelab.runner -> novelfire: "HTTP scrape\nHTML → Markdown"
+homelab.runner -> kokoro: "TTS generation\ntext → MP3"
+homelab.runner -> storage.minio: "write chapters\n& audio MP3s"
+homelab.runner -> storage.pocketbase: "read/update scrape_jobs\nwrite book records"
+homelab.runner -> storage.meilisearch: "index books\n(on scrape completion)"
+homelab.runner -> storage.valkey: "Asynq job queue\n(task consume)"
+
+# ─── Client ───────────────────────────────────────────────────────────────────
+
+browser -> app.caddy: HTTPS :443\n(single entry point)
+
+# ─── Ops / CI ─────────────────────────────────────────────────────────────────
+
+ops.watchtower -> app.backend: watch (label-enabled)
+ops.watchtower -> app.ui: watch (label-enabled)
+cicd.gitea -> ops.watchtower: push to Docker Hub\n→ Watchtower detects new tag
diff --git a/docs/d2/architecture.svg b/docs/d2/architecture.svg
new file mode 100644
index 0000000..6a7941b
--- /dev/null
+++ b/docs/d2/architecture.svg
@@ -0,0 +1,132 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="0.7.1" preserveAspectRatio="xMinYMin meet" viewBox="0 0 4010 2454"><svg class="d2-286243964 d2-svg" width="4010" height="2454" viewBox="-9 -101 4010 2454"><rect x="-9.000000" y="-101.000000" width="4010.000000" height="2454.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-286243964 .text {
+	font-family: "d2-286243964-font-regular";
+}
+@font-face {
+	font-family: d2-286243964-font-regular;
+	src: url("data:application/font-woff;base64,d09GRgABAAAAABeoAAoAAAAAI0gAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXd/Vo2NtYXAAAAFUAAAA4QAAAUotICkuZ2x5ZgAAAjgAABALAAAWaAn7F8loZWFkAAASRAAAADYAAAA2G4Ue32hoZWEAABJ8AAAAJAAAACQKhAYQaG10eAAAEqAAAAEBAAABOJJhDzBsb2NhAAATpAAAAJ4AAACe55LiZG1heHAAABREAAAAIAAAACAAZgD2bmFtZQAAFGQAAAMjAAAIFAbDVU1wb3N0AAAXiAAAAB0AAAAg/9EAMgADAgkBkAAFAAACigJYAAAASwKKAlgAAAFeADIBIwAAAgsFAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPAEAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAeYClAAAACAAA3icjM9JTppxAIbx31conWhpCy04fziggDiPqCjOujJuXBKv4cILuPMyuNS1dzCaeI+/kRDd+q6f5H0eRBIipCWjBkpiSSmxknFlVTVTpq2qO3Gm5cKldpwrXodAl5tQ6XIz6ppOtZy/c+FJWkG/AVkZeQnJcBduw3Noh/tw9Vh7uOlYfGSROZt27TlwaMuGffMWLFqybKVjumZdw6fXH5+lfPHVN9/9kPbTLxm//fFXVs4//+XtKOjRq69jOWhIrGjYiFFj3cayiqrJt9JZR7Y1HfMCAAD//wEAAP//8bQpgQAAAHicjFh7cBv1nf/9fpK9diQ/ZGm9kq3nrq3VW7ZWq5UlWbL1smxLliLZiR+xEydObMckTUwhTUkTKIGEx1H1gIGBQGnLDTAHx6MzASbDPUih5ijQdjgehaRc78ZlCrSHzz0KxaubXcmODdeZ+2t3dn77fXy+n+/n+90FVWAMAMSiu4AE1IIG0ARwABiFSdFuomkK4xiOowgJR0MFNgbf54sQ9nulPp+0M/pR9PipU3D0JLpr7arA6dnZl6aOHeP/ZvlD3gNf/xAgIAEA6VAR1AIFAEqMoc1mmqquligZJUVT2KuGlwxNxkZpg/HXl6cuj4X/GIHfmJnhDnV1HeLHUXHtyNISAABIwDgAqA0VgQK0AEqIjfE0N+OqagwXL9WUhPH4WK+ZohTrN+MXY/u7Ot3BwciRgZPTwwOZzP7FkanJHYuoaEwGOrMNUtlQvGeHDR4PeLo61lYj0e4uAAAE3tIqakXngA6AKtJsZr0+H+NpJjCzmSKrq3FVczPj8XFEdTXM528YTJ8uhHZpnS1RW3iS8UyE3QMGF71Xvv3ehYP35juNPi3Ze20+fzxqIb1ODwAAibl4URHUCJiImeCqaoreiPvhex984O6RwauvvvrqQVR87NwD/xC/7cSJm8TYxgGAl1ERyMT64CacwSnchI/Db/Pvfv457ETF5Ot9f+jbOPumiP2Vswrx5BdfoGLycpL/9Ua+ZnQOGP9avkK6LMUyiupquGvHzemhszvjk1qXJuqJ7mWPzlM9ytveNsxXUmb0vpa23mvzJ76PN/19gv/YZK/EgjzrcQvMYhSUwqQYL8DO4WH+DVTkP4HKtSOQ5V9djx08gYoCf4Tz4wWBDAACQ2kV3oKKoAEAgqQ5sRSsglGoqqvfvC4QavZTrHe4PSeft9FU7yD8Gd/pn+Iq/iOoCORlewxkMCUlwfDxggQqpl77ZPKnR1GRfxb2f8EfhCM3/WIdv5+jIqiqxIyPF6ABFdeeFeCt2PwOKgo8YRSMsrmZYHw+Tilk5vVxFCahJDTV3IwrxmdOygm5VI7LT+wfqpFIvSe4E16pBENF/kdkgiQTJJxaOwLnHQv2u/nH4fDd9gUHf8+GDycqAmXZB8GYzUK6G5Z3fNInlWDZHX/ok0oFezNnPQteWFg7Ah840znn5R8DSKzvfnQONHyF0WLj0B6fSDtSJDZM50/19Z3KF06mUicLwZ0dB0dHD3aMyofvm5+/Z/v2e+bn7xvujx3Pf/uOO76dPx4DG3yWibVVbepMilJcacULA4fDN1911d4dhZ07plCxbSQ1O8N/CVO9yT5uw4YRFUE9IDZ3t5KSbDbzWmwumIs/MvXgscOZfD5zGBWp7fH0pIL/LcT5j+BYpKfXW66NrbQK/4jOAaeY8TpRvGYzTbvQVoYLeROEHglowMbEtXYPtZvpTek6DVOGbis7FQzOUE59v4uLmTwtk+buNt+MnHUE2p3BDtKirbfW2aIdnqzT2ebTmbwOg7VFZml09nZ6RzwAAi0A8EtUBJiQFcWacErx25fhBy+jgWRy7Xw51p2lVeRCRUFzxeoIdBbjXWc2jMUWwgVrwu5IWnPhg3LfiXl4A/+d7ITZPJGFN/Kn5k/4ABSLIUFFUAcAI9nER8mvfjU239SqlDZpFfMjv0BF/sHA/kBgfwDuFXuKAAB9gYrA9JX3NlmgJGXdxiQ/um1HolZVK5WpZRPpCblaLq1t2pbInZ3ZV9tQI8WaaqZRkb+fPciyC164n7/fu1C+WzsCbzP3m839Zv6aMifh03AFtIA2oZMFSnJesRwYLRYHV1CCQ1qQHlGEXuze/r37FXaLbUBnJPcFxnJxTEJub6bC1PFpj7y/NzeiMPgpo6qr2Xpogn8roLVFScOZhpDb2g4QyJdW4V/QElBWVI6mMErB4FjZV7kPym0gTBRoJfuNEiyaR6asZffe4O5kKBtMGHooY0Ru0nnQ0oujOvrmo4Vrw4nZ8dw+0ljSEuVaukqr8Em4ItT9r2upMDqaeuZCvQvhjoTGhrt1jgRdiJGB5jZTTh5azOUXQyThU6rdI/7CrE7F6UxCj7hLq/Dd9RzKmInGaZZZB4tjNxz9eeJwcJqzhY3SQhyTaNOanpChS09HzEn5TcezV4f1LYULa/4urTUR47WEu+DfuQ8gMf5/hStADQxbMhCa0bQx+CQmESpI9B4MR2a4yf0Q8c9V7UxSwVadIfsqlEa6mO3y7sVsbjF8Yq5OU5vZhSt8Kj00D2SyIk56AGAEvVneMyiWY70VnCgSF+fUnmg00U/YGptatfHZWfjjcFVmYGctFpFPZWL8pLgTOEtG+DFcAZ2gG2Q2WMSaN11EowxOVZYEki7XoFJzieeK9CkrGkOay2f+Z+yI2dSkIZVq2jPcqWqre2xGQXTkPDRZ19TeOTUyEjqctnWH7PZQty85zLiH602NLerBD+IRQ1ezVGbRGlx1UlXczg7ZsKpII2vwpq0KWauK0HPdzrQbPh1h2VCIZSP82W4z2SKVKm047RKxyQMA30ZLFTVd56gwVUR+KvJ5CZXxZPryjo72YDtaenHG5J6e5H8OrfGwuZ1/CJRKIAEA+Ak6j8xgEABQDdInAAClUumdEg2eEZ9nys+vAxs+l9HSxnxUCvORxvD8dskbEz9+fvyOCbTE6yG4yF/6/cHrK++UVsE7aKk8iyuyVSHIYy5rvr5WimGymmZ5F4sOrN2lVEAYlkrLvtCncEXUGwUjSIxQpS1ZYhvXfByTGNN2f6TBPOQY7M87XL543uH2xeFyknJ3Oqze9dQH+Ycql3UM4UoFw4qPzRjGMQk1tAGiaGwLhpVe+C+4AhpA6/85Nze4AxuCs5HIbDB0IBI5EIpkMpHw0FClj0OL+dxiKD5bGJ6bGy7MAlGLGPgXuFLp4yvRiQw10wSu3KxFQqSmrH1qb3C3n4yR6JgoRZE2U/g19BO/1nLmaP7asL5l5GFYvUWLBL1g4LvrfqpYTjS/0RQco5Bs1gt4s1Q3aCuLRo8J1UTf2BCM154Y1VpE0dDpXGsZWH1FMda5MwVXKttsOZuK4pWB1qSsOqJRrmowxDRwedTl25aSSj1hfqnMI21pFd4IV4BN5NHmWS2O6q9M6vKg/qV3irIa4/aODhPTSkZtY1nnkNai8Rlddn1HKxV3WrNyWstpTE6DhiS21ZlYazBrJLxKtU1L6HBZnYlz0VGL6F9dWoUJdFiYgyKPKZbjGFGENvj80VB3Kr0tceONJludXt6ocsvHU7AuXHX2bIxfcXbWSsOYTLQ1WFqFr8NlgXdbekJRkegPMqmCvcMcJAVcyLR8ehJ6+bfjYdoOx/iWtKUDQKEH4c/g8tfn+IUnR3bJCJlURmzbtf1xuMx/3JaiqFQbVPEtQh4AoPNw+f83x39wZjhVU49JaxprB3PpWkWNtKYB6xv67kyytqFWWtO4LQ6X+d+RMZKMkVCz6a4FVlHx9vYExX8JIKgHAD4Fl4EGAIajGaLiimMwgqp862FY/Q/uHOuVqeuksmZZcMedD4711bXUS+vU8ij/4YLSplLZlAuf/uloswPH7cRREUd5yS1i0LqZExy3BY56NN6okzfWqGqtvgbZxZF9Mo1MKlNt25l7VuFO/LJa2ouqgs42+Dv+vw0p0pQywrq1lY60U7BvAAB+Dy6L30YsFBYzaMINEPwnTJcArHHAYzEHf0tMnDPG0irKo3NABljQC4BSJYhVuUGVFVXgNg/KaqxZOMEx5TvMLIwUuswD8f4FRb0zpjO1O+zBCU97gFQR5oSzO+6ItRtHXXp3Q0bZRZPh1mYyY2mfembQR0a0HWMU2YFQa0Cv77Xr7L61V9x51hH3EdZMmyNpTQXscX+rZzdtnfb3HPMSxpr4tnYtab3ARbUa2wyr7QYIOEqr8CV0K5CtM91bCXizln2+59ChPbsPHdrtj8f9/kRC/sRDP3z00R8+9ET01O23X3fd7befEuuTBQA+i06K80JYP1ghXwWDZ//2m47elsjpOHyLrSEa116Ol3u8DQD4U3SrUE+GDaOKvNFXIPP5GAa37Lk5Geq2xLVuy0R47EDsmnSLX/N8557vX8NwSafR7WBnR0LXnckiaR+AoKW0Cv8R3fp13aDYjY+aKy7W/xR8nD5gtOmG/IEBeiwdz5JBxhLTOdrH/YWreryBnH+3nKN8elcPa+4yRow+k9vXpvNSzpFMYEAlrStE/XkHQILWwX9DJ0Gt0OkcI2wcAtWVrImFAg4UPrckhVJ5Sz3D/ztU7Nq5c+X5lpSGcBC89ykfvJf/ZvQpARdNaRX+CzpZ2eiu5CCGrjThFHZl5Pw+PWOy6NL+4PaBsMmtc+Aw8pmCcOm4MV/3XrnP5NM6s7HogEqphUzfC/J6+2giMe0pz4KO0ip8Ray9BQBICsQsO5J8fUu9shTDKkNKX9PX7e4JesMzgcQ3It7BVpfSr3cOuJE+Rxf2eUdgyuKY3JuJhPv5x+O3HLj+XB+tY4hW5tj+dvu+vd27vGL9HYKmoZOipoURZ2JNeL0Ee7qazkT4F+H9XSmLSvqtf3psZx+TuunMfeX9zlpahUvoVmAADtAl4lPuNXZrs+HliSDZ/B0rqQwQcbJ9EZriKE5P+TryTGFaa1HpPEZmUmGkAqwjaI1X+RMdWZeZycqdOY+tt7NRqkl5OgesewZMQXeDtNHRbXcPOeGcrodyR/1us4fiX450Wr3mJk3SwSbK+FpKq/Cf1/FVrvd6WSEqVfVtGcBi7NcEg8Y+Q02q29U7ymRaXCpOL+yG+pwlv887wkRmuhKH4Qvhfotzcjqz9mda6yW03m8dMDtEYONnZ68/V/kX0VtaBc+BRSDb2tnf0VCURk1RcqpVR1G6VkrYDcWz8D1Eg24A4DyoFq4Aghx8EjyKngFVAChpmsGwfY2SUUkjfPKRXbseARBYwXuwAbYACQAcy+DW5fciESA+/w36DKrLz024Fb3+m64uwQ+UgOfgDQgT/TRUdP278MPS88JZgjXhcvj+SY4Td8kcrEXvC/wgygs8IdaOeCucTIaZQFdX4Kn9l06fvjyj3n1pcfHSbgCBuZQDlyrv0GL1BaRxVfWYeJ4JJ5NPVU6rZy6fPn0JQLCttAduRy+L/iEDt0FZiP/TQ5IDX95XxjEAH4ZzaEmYa0qaozmCYwiOwAiMvtXSNd1woLazdrZh2k/3wYd1UxaX5qoFtcsypdshvEuCOfgGcgg1EH+XseISgb9z/nzv+fNzF8MXL4YviloIIXwN3imoMCRdaEOl9Gj94zCnd1tovNmscLVGjZvuIdSQGp3R1GETr6TbJtijS5+iLMKEWVZFC61FcxCHEfsr/AA8/4odNja4LsQvuPjPpBu7PngYLq//W8vn4bKwP5ReQQOAQ+eF+BWbOKQ2GNRqgwEN6DRqvV6t0QEAxe+Iv4PLld1/y484Y3N7naJWXdemzoferakKS6oYB9Kt/cfA6P8CAAD//wEAAP//T8vIgQAAAQAAAAILhS2ywQlfDzz1AAMD6AAAAADYXaChAAAAAN1mLzb+Ov7bCG8DyAAAAAMAAgAAAAAAAAABAAAD2P7vAAAImP46/joIbwABAAAAAAAAAAAAAAAAAAAATnicLI5NK0RhHMV/538XShOxYGiauTHhepmxuBGykKwoejbyV8pK8jlkw96alS9hPTY2FiytLPGUxliN7jSLU+d0Xjp2wxEtsJTE9nDbILcz3IZxfeJ2Tm7XuAZwvVOzbVwfuL3idoXbLbmt4LaG2xjzVqZilxxaAsko4+qQW0ZQi4Yt0NQ3DdWpqsOSpQTa7PDbfdMXgS4h2STYNMGqvXzodY4JuqeiQNlSdvVCyZ4p65GhguuBmp2SKrKoyL4idUUmFRlRZEKR5b6XKTLHH1t9HGiVLEnJCq0fSmoS1GRGJwzqjnVFpoo9u2CWNgG6T8XffwAAAP//AQAA//96eEHyAAAAAAAALAAsAFAAhgC2ANQA6gD+ATABSAFUAXABigGaAcwB7gIeAkACaAKsAr4C4gL+AzgDcAOkA9IEBAQ4BFoExgToBPQFAAUaBTYFaAWKBbYF6gYeBj4GfgakBsYG4gccB0gHeAeOB/IIGAgwCFoImAi8CPAJMAlKCaAJ4An2CgIKEgoeCioKNApACloKdAqECqIKtgreCvYLAgsYCzQAAAABAAAATgCMAAwAZgAHAAEAAAAAAAAAAAAAAAAABAADeJyclN1OG1cUhT8H221UNRcVisgNOpdtlYzdCKIErkwJilWEU4/TH6mqNHjGP2I8M/IMUKo+QK/7Fn2LXPU5+hBVr6uzvA02qhSBELDOnL33WWevtQ+wyb9sUKs/BP5q/mC4xnZzz/ADHjWfGt7guPG34fpKTIO48ZvhJl82+oY/4n39D8Mfs1P/2fBDtupHhj/heX3T8Kcbjn8MP2KH9wtcg5f8brjGFoXhB2zyk+ENHmM1a3Ue0zbc4DO2DTfZBgZMqUiZkjHGMWLKmHPmJJSEJMyZMiIhxtGlQ0qlrxmRkGP8v18jQirmRKo4ocKREpISUTKxir8qK+etThxpNbe9DhUTIk6VcUZEhiNnTE5GwpnqVFQU7NGiRclQfAsqSgJKpqQE5MwZ06LHEccMmDClxHGkSp5ZSM6Iiksine8swndmSEJGaazOyYjF04lfouwuxzh6FIpdrXy8VuEpju+U7bnliv2KQL9uhdn6uUs2ERfqZ6qupNq5lIIT7fpzO3wrXLGHu1d/1pl8uEex/leqfMq59I+lVCYmGc5t0SGUg0L3BMeB1l1CdeR7ugx4Q493DLTu0KdPhxMGdHmt3B59HF/T44RDZXSFF3tHcswJP+L4hq5ifO3E+rNQLOEXCnN3KY5z3WNGoZ575oHumuiGd1fYz1C+5o5SOUPNkY900i/TnEWMzRWFGM7Uy6U3SutfbI6Y6S5e25t9Pw0XNnvLKb4i1wx7ty44eeUWjD6kanDLM5f6CYiIyTlVxJCcGS0qrsT7LRHnpDgO1b03mpKKznWOP+dKLkmYiUGXTHXmFPobmW9C4z5c872ztyRWvmd6dn2r+5zi1Ksbjd6pe8u90LqcrCjQMlXzFTcNxTUz7yeaqVX+oXJLvW45z+iTSPVUN7j9DjwnoM0Ou+wz0TlD7VzYG9HWO9HmFfvqwRmJokZydWIVdgl4wS67vOLFWs0OhxzQY/8OHBdZPQ54fWtnXadlFWd1/hSbtvg6nl2vXt5br8/v4MsvNFE3L2Nf2vhuX1i1G/+fEDHzXNzW6p3cE4L/AAAA//8BAAD//wdbTDAAeJxiYGYAg//nGIwYsAAAAAAA//8BAAD//y8BAgMAAAA=");
+}
+.d2-286243964 .text-bold {
+	font-family: "d2-286243964-font-bold";
+}
+@font-face {
+	font-family: d2-286243964-font-bold;
+	src: url("data:application/font-woff;base64,d09GRgABAAAAABe0AAoAAAAAIwwAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXxHXrmNtYXAAAAFUAAAA4QAAAUotICkuZ2x5ZgAAAjgAABANAAAWFBBoRupoZWFkAAASSAAAADYAAAA2G38e1GhoZWEAABKAAAAAJAAAACQKfwYNaG10eAAAEqQAAAEFAAABOJtkDLFsb2NhAAATrAAAAJ4AAACe4+Levm1heHAAABRMAAAAIAAAACAAZgD3bmFtZQAAFGwAAAMoAAAIKgjwVkFwb3N0AAAXlAAAAB0AAAAg/9EAMgADAioCvAAFAAACigJYAAAASwKKAlgAAAFeADIBKQAAAgsHAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPACAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAfAClAAAACAAA3icjM9JTppxAIbx31conWhpCy04fziggDiPqCjOujJuXBKv4cILuPMyuNS1dzCaeI+/kRDd+q6f5H0eRBIipCWjBkpiSSmxknFlVTVTpq2qO3Gm5cKldpwrXodAl5tQ6XIz6ppOtZy/c+FJWkG/AVkZeQnJcBduw3Noh/tw9Vh7uOlYfGSROZt27TlwaMuGffMWLFqybKVjumZdw6fXH5+lfPHVN9/9kPbTLxm//fFXVs4//+XtKOjRq69jOWhIrGjYiFFj3cayiqrJt9JZR7Y1HfMCAAD//wEAAP//8bQpgQAAAHichFhrcBvXdT73AsSSIPgAwcUCIN4L7AIgCRBYLJZvkCIIPgTwaYqUxYfMkSVaoihGok05ouLMRLYbB4qdUJHpKLEd1Z64Hju1q3RGdqt0msZ21KixW9tVp5P4FY/qxK1FJ3TqB7no3AVIPZKZ/iAvZufuved+5/u+c+5CAQwA4Gl8ClRQBGVQATSAoHfpvQLPs5QkSBLLqCQe6akBXCE/+QTvV/v96oBzxfHlqSmUnsSnNmZ3paen/zjV1CQ/+sKL8kl05EUAnP0cAHfgDBSBHsBACTzH8axGozIIBpZnqSvl3ygrqSpR68yfX3r+0vd8r/hQb3NzeE6IHpTvxZmNhTNnAABUkAbAzTgDerCAm8QmRIxGulJD0cqgYVVCJCZGOZbVCxFlTL+dmG2r9UU6Eoe7pjpj4Ug0OXx3c8swztiS8erhMnXJ9vaOW/zo/gDLOeWxsWovAIJgdg3X4RWoAihwc5wYjcWEiJGhOI51azR0pVGIxCRGgyaGHhgeOTkU3+PqM0tsTU/1jm5f3NQ3pEt95+DsI4OCe5KxRSa37Zn3mMd3A1biT+EMaHPI5qPXsLwQiZG4ScDn93x7cODB3bXW+uFgcLjeijOJB+fnv9216Bvv69vpBRJfGgBdxRkoVvJDu2iBZmkXnUYr8hdvvYXKcGbpa8dOL23N/UDB/rq5aXRG/vS993Bm6eGlDYDNMyfwCjj+3JnzRxZZUdBrNOjgzm+NjD402rXXmTbXB1K7x3dVcrrZj9xfyh886po02uen98xrtfNH5TdcwVwceGQzZoEWREHP6ll9evndU6fexZkvvthYQOXy6mbM8A7OgEqZq08vExIAgvLsGjqHM1AOwLg5XjKSqES9oK/UaN7r3eveU1Fn9vmXayZ0TU29Lme4Hf1QTsdnWvNr4lmcAV1uTcEgqAysiqLTy+qfnn3ptz94LIUz8ieoWF6XjyLDnr/exO49nIGC3DsuOr2MMM5srC7BZpz4WZwhmJEVjUZGiMUkg6BnCXwSS1Esz7N2TNPpH9yhrdCqtXrtvsfvo4pUanFicCKqVhdSOCO/ZW2121utyL2xcNXZP+A489lnZxwD/c6rm3sQzhhyezACx4kEOxXPGo00nX746Ta1ujRDhoISnJH//qHoVxuvbCygzm/Glhr/CwCwktuv4BUou4nRCvv4nGSUJKMdY/du337vWO5/R19fR0dfn27okf0HvtPff3r//keG7lmYnp6bm55egDyf6xRMK2/gM0tv6e+d7juTyYXOwe6jbc0JnOHH+1PToV+joRkhALC5xjDOQCkw1yuaGANZJSfn9IedhxNx8dSTxwdTjS0tjSmc8Y71dU8w8hcffoh2h+vqOIIVm13DWrwCAeWUm/yIcjwfxH9CaIbJRYsq2+6J3MLu8AVrheoRVzPXdEeifj6w3dnGc7UNgVuako1zurrg7XbObXPYKjyloWQoNhatCUyYqxxWu13vNt3SGRuvBwRmAGzAGaDISVjRRbP6S+fQ5+dw+dLSxmqOMz3ZNdyveBiJUSHvNRajvnvuO9UoSc3f/Jru9BNoUl7enUrtRgfls0+cBpT9DAALOAMlAILqOr6pfvLS9/rKmDJ1qak0ffpnOCO/Ju6NxfaKqE7RTSmAyokz4LrpvetWYFU5T6ZU99/9cK2mVKPWGrTJ40mtQaumSqjakwsvtBWWFKg1JYUtOCO/KuyLRvcJKCy/Gp4RxX0RFN5YQD4u7fGkOfk/AEMgu4beQOtgBlZRqxiNSQr0FK8kgtazZD+J2IriqT9JDJxYxqzf0eYRQwcap/Ye1aodXYVmr6Gv2aEbjfeNlbl4E32bzTN3WH5fsLKHGcOottpmYhQetWfXsBFfgMq8g/EsxeoFmrqJ6KybFAvU6eqwqXVHltW2hLt5LNQ8NcbFdtT4K306l1PEF55JWWytX0qN3B0/mkzdV/uLilIld57sGrqA1sFys0des0hGo0HmzkPt3Xclgl3WTtYpxuN1pqCh0btD13Ln0PBCi52ZsqXa29J02W5nVU4DfHYNreMLYADnJlbKwjwR+hZKm8T9/fihpqmov96sWT6qVVuS2MRXGKor2VhI9427B+9stZpSf7XREbawRyvNv6go7ejq6QSsxP4uWgfTTQ6vqM1FlEJiVwmKFSBH1+FtHbNNXRMhNZYva5NhMRbmJr97jq9xx3StC0ODC/H4gYTBWxQTXDstdtToF0M5fpsA0AK+SEaiAekm3ZHyo7912zbPQIcjWl5VYtFV2XfuRMcPFlSJO6I6zWxBgYuzH5G/Ruq9O1uLKbQOIWiCXgUZTowSIAiZxM0jMALN5o3HzSt5IPSq1GhU1zmbIe8kbk6Z8vvGyfouQ5XTZPE3Too1rr/tp4qiY5LNUeH2D4zflljqtfG8zcbz/kgb7xXMLl1Vy+uW+ppmn7rE56iKlKsrEtXN/T7dgWJ3ZUOvR1tmNFQ0dQiDQXQx4Of9Pp8/IC97zEy5SmUyW205bNpJshWOKjWQ2hSCXomS0rcvU9btkcGeZZvT6jPhC8/sNFcfmJAvIVfMZ2bk5yGbBQkAfo1fxxxsBwAKUvAAQDab/ZdsM7ytPE/nn2e29rTjC1t1TxKIt1J0+4Pq7z/+o797bD6OL8hzL12Sf/WPXV8m87NrqAJfgLIcEzf9iZDj56mmZX1RAaWp0Hl1u7ZjduMyU4HQwQIqt4/KhtYVj9ELxFZI1m84IbU1thNtJ8Niu8HVGx7YvmxzeuvIvxBabXPUVvvc4c1j18nP54dN/NB6Hr/8Htfjd1Srdqa3AESrcXvtDfjldKBw6v+vhcb4oUTiUDw+l0jMxWuDwdpgbW1ewy0Lw0N3tiym29pTRMo5/+nGRrQOBrADMNeiU2jJ8QxtuGY/JE5bD3/rTPNUzNlsKejnYjuqA5W+8/ipsIX9+pGRo/Eqc/+3kGfLfIhHdKN1ZX0nQIEoKctuikuQBL3qeo9Ad2jM29w5o2glTvf+lkmcfzhlcihGYXOGN8aQ55pL5PmCHkTrUHFDHnPqzSFcleJoq9ZUYi63tlSi1dFIuKDgHrXaH5HfAQR0dg09htaBv6FHi3JcrgZvLUYqsB3TlZrXw/u4be64w2W3BS32Jt8dIw2jjm2WqKWhgXO2+Gd0nGPcXMUY9EaDVudp8Hfu4E1jlUbeZC4tZhuCHRM5bemza2gOL5AugtRVkRUlSVCa3WvGDOP9iZT+y4uLrE1n1jIGSbd/x8WDmhMnjrwS8GrUBzS63FrN2TX0KVolPLtBA/q8Hf/7YM+y3WnljMtHi1WOXt2BCRSV3xb9Fhvqlss7vTWAiN5QFq3mazWTr7SSoDr3w1NtpKoWGbTtJ8+i1d950zyf9v5OLt/0T7yKVvO1+tp7163A5u9PFHVq6dt1Gq1GTZUUSffUF5VRaqqICv3F4jO1VAmlpoqpGrR6xdvNcb3sFWXs9l6Ry19mkz5fkn1Z2a8UAK2hVdK7CAb+um0o5to+pSsPPlqjNWrVhRWF7pWHHnm0Tsfo1EWVRTzCHw3Q1TRdTQ9kPx6ia2i62jhE1tVlW9EGWiUqu8YDSboBilJ81Ogqs1AVhV6flvqHU13FFVp1ob6o+eQzTH3/TzXqeVTgsVnQb950J71sF/umXNw6EsjliDR8P0aryr1GNJBmSyXQ3GsvoPnXLvej4JE++V+PkBpizq7hr+MVKIYoxAEMlcSUciI35NQvbXkAEStlJBMkIfeL4jheo+FJ+iXl57vFWrbOyJjd+q7bwl11Brp6INa7w9fqtnZ4zJzuvgqRczSYWd9IwL83E6v2+72dNoMZfVThq6SDLsbKb7wvjEQSIw620xFKhwYSgQ6RcbZYnH3BpjmhnFYvFrpNDvafvEGLI+HRc0p/4M2uoQ/x/VCc96ycjuhK4le5e2PuWmpEhXuPH99L/sw+hvGZTT6Tyad7+uzZJ588e/bpw97J0dFxt3t8dHRSuecmAdB/4mNKbSCthkgOrhfo5AOL0W737OIiOrRLa63cWF/MYW4HQO/j+8FK5rfiHIr5fi4HXiwmCLR38Hgy7HdLpoHQdCI+KTaNR03Nxq/ekj5+R20ozFv6I0JkV4t46FBMVbBE1jVm19Db+H7w3+wZrLhpyJtd47XL/h/SB9mELekL1Vt7O3e0+Ti3ZO+tmW6cvlsSpK72A7qIb8Lq4T1Wv3EmxLm8dsutXPWu4XDSqC5PtzYNV+d6LwMA+hQfgyKidoNA+EAobxBdooFgwdKP31eA1DpLaUT+nw9+3NODCvc5Bu2WWJU8t3I7+op8cn6FnIHJrqF38DHSXd1wBiV2g4tmqS2U/rdvlttmS/jCjfU1Vq9tWwWa+W2xi5N21bfv10W9ExZvJFwXKa0IoPalxbLAaCK5J6rE6s+uof9WeOADQG7C0Nwmqj/9SkFtMRoZzEKltt7lCoXsLXOdPXd2xMft6XLJyjayKnOPbehA4xTy2tzbG8KxSEB+tf0bhxZXemodYxVV3tFeJzt1+7apqJL/GgB0BR9TPK0VSy7RRZeqqMc07mSz/Bv0otThLVfvf+q7w0u3dtx17KEJ5ZsNuQd8oHCGh+hWxb3WvV2fUtXN/RpRHKlmVHxPY7zWWxcdbxrdH3EF2+pvt/J+jy3QrPPWuZt9tLVRV9MvNPaa1NbuSKw/MNUf7DKqzX3xyEAQfaW2zlvr8fI18pu8z+q16Q2iLRACDO7sGrqi4OlXnIE4FJd3hnwGY7lCe0OX8FSdxywYtJLbWdcSn7D3lcesngYPNvfYYiORxt0NrQRk9DeRgIKprAvac1A6PIHRjm27hfYH5u96pAcQtGTX4Co8C8WbXX8OjtOcIHCcIOhE3ieKPl4kfZ8yF32MeWgBQAnQkBEQpNA0vIN/BAUABp4XKGrOVnCqwIamX7n33lcAQTVcRC4UBhWAJAp09R8vzsyA8vyX+BNUk3vuoqvxP/9ycpLsA+/DVfR9TCnr577H6LIL6IPsK2QuI7poHfpVZngYEHRn08iH3yZ8YHJpZZR8MZfinZ3xcSkSkc7te+vEibf2cbddPrD/8jQgqMumUXn+HV5xL4I0XanJjNdHIvXj8c7Oc9z05f0HLt/GKe8CgpLsbhTDLyv7GwRVycXdFx9X7V3/rlIH0AT6S/xzUscMvMRLjCQwEkMxFH+qpWmWWShJlxwxzTa1DKCJmplwt+muRXN3eKZmJ3nXDZPoIxwj+CvftsRcw/Bvzz03+9xzk+dnzp+fOU/m2WAV/QE9AUYArzuIWXfOjex4s7GYcIS8Hpp3pbwpr/KTZstT3u2rjJ1pbKoPMXbGbm2qD5G1fNmreBgXkbpVwBMJ8RKiUUvytHwG3X46iYz6/hMLJ/rlT9RbdwZ4A61ufgtrX0arcjmg7LO4AYbx6yR2/XXc8QaDXm8wiBsCLBsgf6QNIXeDN9Hqn/1u5nH4yyxag9bGLDvTPyvUzKrUvB99LBtit0rwfwAAAP//AQAA//+VGrpPAAAAAAEAAAACC4UPimufXw889QABA+gAAAAA2F2ghAAAAADdZi82/jf+xAhtA/EAAQADAAIAAAAAAAAAAQAAA9j+7wAACJj+N/43CG0AAQAAAAAAAAAAAAAAAAAAAE54nCzOsUorURjE8f83C+FeXOMRY0wKg8Q1arJZ7BTMFqcJCjkgqBALSwWfQdA3sA921trY+gIKWvkqNgZkZYPFFAO/gdEzR7yC8mKqc4KGZLomKCEoJuiGTA8E6xPsB6dLgioETQmaEPRIphOCLghKWVdKUxMOlRbfUZ+qFugqx9sniXI2VSGxUxqq09Y+3mrsWr34UIK3Fj46w2uAV2/mfbmxO7y9sGy3LGqPgeaIo380JKr6T2zvdHRPU44NOYZytOSoy7Ekx4oc23KkcnTlaFtK/peRjehFa/Rm/YvYxhzYmB07Zt7e6JRejlVdsWU1PBRP5d9fAAAA//8BAAD//2GiLZEAAAAAAAAsACwAUACEALAA1ADqAP4BLgFEAVABbgGIAZgBygHsAhgCOgJgAqACsgLQAuwDJgNeA5ADvAPuBCIESASwBNIE3gTqBQIFHgVQBXIFngXOBgIGIgZeBoQGpgbCBvoHJgdWB2oHzAf4CBAIPAh6CJ4I0AkQCSoJeAm4Cc4J2gnqCfYKAgoMChgKMgpMCloKeAqMCrIKygrWCuwLCgAAAAEAAABOAJAADABjAAcAAQAAAAAAAAAAAAAAAAAEAAN4nJyUz24bVRTGf05s0wrBAkVVuonugkWR6NhUSdU2K4fUikUUB48LQkJIE8/4jzKeGXkmDuEJWPMWvEVXPATPgVij+Xzs2AXRJoqSfHfu+fOdc75zgR3+ZptK9SHwRz0xXGGvfm54iwf1E8PbtOtbhqs8qf1puEZYmxuu83mtZ/gj3lZ/M/yA/epPhh+yW20b/phn1R3Dn2w7/jL8Kfu8XeAKvOBXwxV2yQxvscOPhrd5hMWsVHlE03CNz9gzXGcP6DOhIGZCwgjHkAkjrpgRkeMTMWPCkIgQR4cWMYW+JgRCjtF/fg3wKZgRKOKYAkeMT0xAztgi/iKvlHNlHOo0s7sWBWMCLuRxSUCCI2VESkLEpeIUFGS8okGDnIH4ZhTkeORMiPFImTGiQZc2p/QZMyHH0VakkplPypCCawLld2ZRdmZAREJurK5ICMXTiV8k7w6nOLpksl2PfLoR4Usc38m75JbK9is8/bo1Zpt5l2wC5upnrK7EurnWBMe6LfO2+Fa44BXuXv3ZZPL+HoX6XyjyBVeaf6hJJWKS4NwuLXwpyHePcRzp3MFXR76nQ58Turyhr3OLHj1anNGnw2v5dunh+JouZxzLoyO8uGtLMWf8gOMbOrIpY0fWn8XEIn4mM3Xn4jhTHVMy9bxk7qnWSBXefcLlDqUb6sjlM9AelZZO80u0ZwEjU0UmhlP1cqmN3PoXmiKmqqWc7e19uQ1z273lFt+QaodLtS44lZNbMHrfVL13NHOtH4+AkJQLWQxImdKg4Ea8zwm4IsZxrO6daEsKWiufMs+NVBIxFYMOieLMyPQ3MN34xn2woXtnb0ko/5Lp5aqq+2Rx6tXtjN6oe8s737ocrU2gYVNN19Q0ENfEtB9pp9b5+/LN9bqlPOWIlJjwXy/AMzya7HPAIWNlGOhmbq9DUy9Ek5ccqvpLIlkNpefIIhzg8ZwDDnjJ83f6uGTijItbcVnP3eKYI7ocflAVC/suR7xeffv/rL+LaVO1OJ6uTi/uPcUnd1DrF9qz2/eyp4mVk5hbtNutOCNgWnJxu+s1ucd4/wAAAP//AQAA///0t09ReJxiYGYAg//nGIwYsAAAAAAA//8BAAD//y8BAgMAAAA=");
+}
+.d2-286243964 .text-italic {
+	font-family: "d2-286243964-font-italic";
+}
+@font-face {
+	font-family: d2-286243964-font-italic;
+	src: url("data:application/font-woff;base64,d09GRgABAAAAABg4AAoAAAAAJFgAARhRAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgW1SVeGNtYXAAAAFUAAAA4QAAAUotICkuZ2x5ZgAAAjgAABCJAAAXWJc1mdNoZWFkAAASxAAAADYAAAA2G7Ur2mhoZWEAABL8AAAAJAAAACQLeAjyaG10eAAAEyAAAAEOAAABOI1rCJZsb2NhAAAUMAAAAJ4AAACe8Urrtm1heHAAABTQAAAAIAAAACAAZgD2bmFtZQAAFPAAAAMmAAAIMgntVzNwb3N0AAAYGAAAACAAAAAg/8YAMgADAeEBkAAFAAACigJY//EASwKKAlgARAFeADIBIwAAAgsFAwMEAwkCBCAAAHcAAAADAAAAAAAAAABBREJPAAEAIP//Au7/BgAAA9gBESAAAZMAAAAAAeYClAAAACAAA3icjM9JTppxAIbx31conWhpCy04fziggDiPqCjOujJuXBKv4cILuPMyuNS1dzCaeI+/kRDd+q6f5H0eRBIipCWjBkpiSSmxknFlVTVTpq2qO3Gm5cKldpwrXodAl5tQ6XIz6ppOtZy/c+FJWkG/AVkZeQnJcBduw3Noh/tw9Vh7uOlYfGSROZt27TlwaMuGffMWLFqybKVjumZdw6fXH5+lfPHVN9/9kPbTLxm//fFXVs4//+XtKOjRq69jOWhIrGjYiFFj3cayiqrJt9JZR7Y1HfMCAAD//wEAAP//8bQpgQAAAHicfHh7dBvlmf73fSNrfJFly7pZimVZGmlGl5FkzUgaybIky7JlWxdf4wuJb7nHiUlMwEloEkoJP34hu6SCky0HDm3Ywva05bTkhHbPtqW0kG4xsOHs7qG7UCC73EybbA/g46W0B4/2zIxsy9nLP9J3pPne73uf93mf930HVAAbAOgIuggwUAXqQAPQAsCqLRjGchyhx1iKInCco9Rq3HYfXLrvcVlqx0eOJ/9Em2U9X/te9j9mn0EX1+bhvVNf/Sq/89y+feM3b/Iu+C83AQAAFV8DAP4GFUAVUAGgxlmKJClCLoeQVRMUgX/QdrVaVi2TGVn+H+DeHbmhht/NwbsXFgKHwpED/BAqrC1cuwYABggAUAsqABUwCmtWzTI6rUYux3Gd+E1gLBMKBkhic0GcfXZm3p2yQTbdc7q/bXp6R3dm5+Fj00fyfXehQqaH7qIrZYpkuG+Khsd7OA+zdqM7x8SEe0MQKa4iD3oCmAGosJJkMBBHLKPT4yRJWJVIq9HpWCbE6eVyaM0eDLXuOJMLDzWG1CGybabTZs1EHakWwjalSJ3sz1880cO5nC1UbO/J9uhUsGUbY/YI2Ig+hURs1GUeERTLhNY9+MqDD41eOjo2Nno6dWBPCBX+/90nfrSvY/s3dk3NSfcUbNSjAqgRY4ZbcBYncAtOnIWHavkPXJ8pP2EhqUSF5G86P+8se76q7Hms9LTns9pP21Eh+WEn/6/rGETRE8AqYvC/QMARHIvJ5ZA+fqZ159eGokMGTs054ru7bUQuYYuo7edqX4/YphUPn+y/eCK9AUTbdKix/scd/IfN9g0/5tb9YDGLmsUItQUjzvaHoSOcP9uf4N+MowJ/E2rXFmCYX5L2gFVUAJi0hzjbf1YgjGCvyBdX4RIqgDoA9FaS4qTLqoWrXmob1rLKiJOJ1072T9fvU3Bet82ZTcJrvGP0aOku46gAFJJdFrK4msBwnDjbn8Rg38TnfzV0z4MeVOCfh11f8vNw9wPvrPsAH0EFUFHyQdhwHGpqUWHtyjr2z6MCMIj/q/UsJ3oZCnEEjhGYkBc4Rpydiuhk6atTZ7O5KqNCNvAiHdPJ5MrKDCrw3zp3Du5eW4DH6EPuR/in4eQj9BzNXyjZ3o8KJSap9WxI9HbTav83XDK5sro7ezZ/0S2T11WnUYGffNB/Owsn1xbgUw+xhxj+ksjL9uIqmkZPgHrQUh55nVajRBQTRwI3JQZA85FF79hiOrMv4B27KxUcj1sz/cJnn+LR09nCYnfXqZHsw4vdqfbdi5Fdi9Hdi22zxze47xHjrSnnPoGpN9P3J5PHMl/bPhdIzuw7lOvdhwqZscEDfv4L2DM4EGHBhh0KFUAt0G3aEcK1xdKPJu84MnLnyPwxrmvP9N5s7ywqpEd2HlHxH0AdfwOODqdDPimfFMVVyKMngKucN8EASVGCCIRCGxkgl2s1Or1eUp+PUwuOiGmUax/y2HOuaHAyGp01s4a01x40+W05XyC6X9HW5nYzXWEbo/Ma+zhmmAk4vM1Oc+s20qfzNPVwbTsDAIIpAFAQFQAueENwFpzAvrP4Qi18rfYXiyifSq09J91zoLgqxltXipDEba1mk+awee9huSzTn63q6A7v0A7lhpvuU8zt1/oMcIF/0GNN5ycPw0f4wxfuFuwNA4CSIo6AxVi1TldiEHwoOrCtohKTGYLGH2/nv4cK/MXg7aHg0QCcF1MNQDADAEajArBIvJfLcWmvWqfRlqwQWCDEiUycqRqsxjCZTN+qe7qnCso0bs2FPL+yB0dQprSonkMF/tHAfDA4H4Bz/KOBw6HQ4QCcW1uAD9sGKCpH8UfFuFPFVfgFXAEagQH6TXViORYjhJMoQZs2pOq5jhydmWapmEqmju9KVMqIiQZywEZrmSZbKmj2K3aOpu+eZB2WGG/stfs6vL63SKurb4pJxCSemYur8FO0BLRCtRSYQeCEmsUFT0XOlWWGWJNuUDEVpklcyFM6ZNvuEY8P2lLB5landYjwaliFwxJDSy/Mmtw7xoSjO1x9U2w85rJ/TFoBBPbiKrwCV0DTFu82mVeqPm8O7KXzu4J0u86jJk2tY6FIW0tIZzXmFfunuu4c9VkNrXpt10KqM21UMRo7WMcOUWW+bGL3f4PX1oDVk/lCCb1++63oUS0zL6yFb4UPib78Aq4AI7CXnydmqkW+UUkxVix7gocfjs15spOtXLJZUcH/qqol5TJF9M2moceKCGtwEsFpxaFd3QvDtHeQaWKViUG7QcVqzdBe01jb5DePAgjcAMCH0BtAL+ZRApVnLi4WPfdooiZZX9cfM7oatlVvU1mclardij2j8LuRiqHMSG0Nh1cz7pE4PyFgBos2uAJXgBl4t1QUTi4ntrJPLse2oPeMf4ywNXU74hmlgdzuiw26+yb9ZFyFqRP71XdGiCGrW+dvIpJss+8d0hTUW3MdB0l6bDR1122MwEdsZj+0uF3/SFqd6YnWaFTKOTMA8E20VKolmzzExYISDAhuYuYL+dZ6mXOYjgcr47l2may3qdfbjZZuxghfMmy28a9CWtNYm3V5+e8Wi4JN8Gd0BZEgCwCQg1wvAKBYLN5fpMAfxd/z0u/dm3f4A1raqJNqoU5SOG6+kJ9Ff5p4abF/asGIlngThK/xH/3h2CkAAV1cBX9GS6BBQDEYkKRKqylR4Pak/FT+DIQqTI7Dap0ioTKgw2sP41VYA0RRmWzjXHQDrggaLZwpua4vASDfgkA5GLsSuIwcIdv8Fb4Jeywkk8XzMZmsR9tLdwvYpHW97m643Gfzcw6aTYZVzZpyfDZXm/jDFdBYfodb4RdOdA57t6AvnnAr+Bt5Cd+GK6AOmMrzRBIXqSWUkv+NgWk6M80MzNDZaZdniA0xwofi4M7uO0e90mdH50JXZ09qoaszLfbhnxdZ+ClckXIeL7uxEhGimuHqLfpVfT4hx+yjXjH1GbJdjRrMf1OuX9fQcx1mTynxzQcvQVgSMPJ3dsu6P6yo0eKZFZwgLLfkytZMgRZLM7JPeMu1+vylcqG5dukE6duQ6rU8hFuFWorLabgC6sviosfJ9XjUyEw5j0G7rd5oy5ljcHmKjlV1VSai/DUAi18WV+EZuAKoW2v/raVfqPxS4X/KP2Vo1XeQrpgz7I3QfbQ30+RVsxbSH2qJB1qHFQEHaXZ4CSNlNsad7qTd1uzQGD3mZrLB2k57uuzCnduLq3ACzW9ofYgTFIsVVapM63/SEZDBSE9NzpbcdkpxJoI1WZXGGlW9T5Hw1BlrYUOk4oEH4vyNhobm5uoKDq8TbIeLq/ATuCzohH6zTyhlnLok989sZEOvqYfuzgkF0rFd0cmpzGoY4t9QGwSawgnemCFYKQejAMD34PJ/7xfu68nZZHKZTGVTfz3Pr8Fl/mMiS9j6bNDAG6W9aQDQy3BZ7BfK926uMAKT5kQcmyNy9RBCWd22+nuzKiR0Ccb6r/a+O6MUfzXVHYfL/PvWLqu1ywqby1ZGWE302my9BP85gMU3AID/LOFAqClWXzqKY3E9UZpJcZz+7c5+V6USl9W11I2OLO0ZoCtV1bJ6q3oaog/ndZRW49TO/+dnx3RenY7W3ynMGS8VffADuAyMAOAiZ8SisAURJZJXtygNDQ32pKFhJEcK3ZTK3vCXOf59Q7T3n3A8UhVjCPgx/4klTxA5K1StfebL0yJWxc8BgD+Ey8K8RnBQaAghi1dXwtS7tTBWyf+cV9DwdNzD/7+48DwG6oqrqAs9AWqAH8QAUGv061mNieEPcetcFqdnnaCbHCus9DhJyeWURDdSWH9UQyaoRqO7zZ/Z6cu5G1r7vaFQaLtXm7Q7Y8a0OdfK+Vpicdfs1yNeoruF6tR7k/DfSVrvDRN6S3btrZF0aDBujIbC4/6Yl83HTYE9Dvfets5TAVoV1wSt1FPecJPBfZAz9wl64SquwtfReaASmKHfnLr/h8Fjiemxu/pmg0za5uyb8VOpgIn2ip+K8J74bX99uqdtT3zHk6fSsa47znWlxrvvONfVOQ6gECd4L7pHnDM5ocMOcSzG4sbav5i9o3qUi951n6IDXmcU1rWXOtbx/xU6L+wjuDhWEkhqQzxxC15dOXth2scGW5JWih5vHZ5wDZ8egRqFd+jU7tu8dLvF3Eo6b+sKTs8u9HYKNv9YXIWvoPPAcYvOENyGyuPUejXTSkLzs+S+Zlaf8XeNb9+nGNhJMawpZaJGpgbHs5lgNDanSHoc1kA2wna2OWPNrlCTnk0MdsYmtTJVLxO7zS/gKwjCNXQPqBZmLgvBWTgo+E7YWS4kdecw20vwv6+C09sHRxQjfPHvSXkDLtM4NJcD8HF+IR7/uSlpaQo0SnkMhHqF7hGmxE0/NhxQW3AC32Da88lpE6NLhl29dCJgplssg9Bd+/uAymXonUkdUSQ8TkvAlWfj7fUqI/R0Pl+pGB3JHY2JdYQtrsKb6DyoAzQAnKb8FLlGv+XtjFAgNw89FWXIdoJlDAM2OBcadHsGb+8IdmsC1nZmPKG0bLf0jHIzr3aP+jIOLmn11ejfD+9K7H7qRKe/xdmWOrWdtE30xw8JPABzAKAKdI/Y68QRZ+EsuBLhJ02Zo0P8q0p4oXrP8ZT+5Ms/GOxkpp7/9e1iLlqKq/C36DwwAzeIrDM6FOKCG/VEinAzEi6rXndKq9FhkodCEmo1uuve8bC7i2pqDowzzj5vmtM4mtp3meztYRedjjfbOhzOFMV09ilsfWF/JqiSNUUpLu9qSTIdY2ZZrTNsbRvxwH2NGcYXiAaZKP9TU9hhZ53apmyYK8039cVV+PI6xmpJBEKBUsuhXle20Hq7u357JXoowDQOEjDK2Ntt9YFuTaAlzowlai0jlvQoNx3lBgTU4Q8kfBUC1ry51SLAO2wnJvoTcx3c7sSup090SpzSF1fBOTAv5KdUr6RQpnUGqknXaFc06Yy0SWegQbEoPrsE30UUiIEOeAeQA6kHuBd+H3yGLoEKANSCwuP36uuyahf8/mOTk4+J70quw2poABgAwt+E4u3a6+t9NQHeQ9ehXvrPghM16HLNe6GQ0AeDAagAv4T3IxzEQBg2ivr8TvF+eLn4t8LzOGfBbTXwlerTDCPaShYH4Th6W3wHVQq9Xi6+ONN/pdHCHcx4Ds1XaZSXO54aXnzlZ1OGB/h/+5Z3/ywp2H2jOAhulPZSoQaRDJwkBdBz6HBVQx0jmLhsfABavunbP0OqO749vPjqT4W9f1echd9GvxbvBFnYC6+E+fyT2P4vH5d8PAO/A7+JXgFKANQUR3F6To9zelyPU5dbuica9hjoygP4AdIRgFdME36H5ZDssNJt3qWfABC0ggPwVeQS4sMFiSAbZLWsltBe/+Gz7c9ePvBy5OrVyMvCGR4og1fhI8L8Ba1etCGazWj9vWlum5ciNTpC5TYkzNLaVu82JKDMaDWaWpp8LunbK4xyQFP8FMVRhVAHKyjOErRQHNTCMHWV74C/vEpBeb3rxcSLLv6Lio0ZAVyDy+vvBs278rvhstiAQNCDsuAKuiL4oC7j2El1M6HXmAiU1esMlkadoQVAcfZ5HS4LccBveY/o1xMqQ7WmvslSfTR/VJl6q7oqIsf9bmRbezc99l8AAAD//wEAAP//SqfttwAAAAABAAAAARhRBkoMl18PPPUAAQPoAAAAANhdoMwAAAAA3WYvN/69/t0IHQPJAAIAAwACAAAAAAAAAAEAAAPY/u8AAAhA/r39vAgdA+gAwv/RAAAAAAAAAAAAAABOeJwszjFLKlAYxvH/8zree7nCvWC5HOJNhSwKWpJcGtIlsCLaorUImloagoY+QW19h6aWRqtFCJpcAocTzUVIaIR4Qml4lgf+8LMjpmmBhunB6rgVqdg6rj6uJ9zWqNghzgBXKw1tHtcjbre4HeB2TNWKuJVxffFbQ3Zsj4be2bQPdm2Skk0QdE3BcpT0TEF5yvYP2S8CrwTe0pk6BD6ZzQSC/SFYhpLlUm/Ua5ug8zTQKlXLsqQmy3ZPTVeprWa602XqWY2/iswokldMPcXUVxx/KLKoyL4iU4pk6ZL72anKeEY4XRp6SR05KyqktrbSjS44UWRBkTnb4P/YCvWR9xsAAP//AQAA//9YHFFHAAAAAAAuAC4AUgCKALwA3gD2AQwBQgFcAWoBiAGkAbQB4gIIAjoCXgKGAsYC2gMCAyADWgOSA8oD+AQwBGoEkgTaBQQFEAUcBTYFWAWaBcQF8gYsBmYGhAbABu4HGgc4B3IHngfOB+YIRAh2CI4IuAj0CRwJUAmSCawKAgpGClwKaAp4CoYKlAqeCqwKygroCvgLFgsqC1ILagt4C44LrAAAAAEAAABOAIwADABmAAcAAQAAAAAAAAAAAAAAAAAEAAN4nJyU204bVxSGPwfbbXq6qFBEbtC+TKVkTKMQJeHKlKCMinDqcXqQqkqDPT6I8czIM5iSJ+h136Jvkas+Rp+i6nW1fy+DHUVBIAT8e/Y6/Gutf21gk//YoFa/C/zdnBuusd382fAdvmgeGd5gv/mZ4ToPG/8YbjBovDXc5EGja/gT3tX/NPwpT+q/Gb7LVv3Q8Oc8rm8a/nLD8a/hr3jCuwWuwTP+MFxji8LwHTb51fAG97CYtTr32DHc4Gu2DTfZBnpMqEiZkDHCMWTCiDNmJJREJMyYMCRhgCOkTUqlrxmxkGP0wa8xERUzYkUcU+FIiUiJKRlbxLfyynmtjEOdZnbXpmJMzIk8TonJcOSMyMlIOFWcioqCF7RoUdIX34KKkoCSCSkBOTNGtOhwyBE9xkwocRwqkmcWkTOk4pxY+Z1Z+M70ScgojdUZGQPxdOKXyDvkCEeHQrarkY/WIjzE8aO8Pbdctt8S6NetMFvPu2QTM1c/U3Ul1c25JjjWrc/b5gfhihe4W/Vnncn1PRrof6XIJ5xp/gNNKhOTDOe2aBNJQZG7j2Nf55BIHfmJkB6v6PCGns5tunRpc0yPkJfy7dDF8R0djjmQRyi8uDuUYo75Bcf3hLLxsRPrz2JiCb9TmLpLcZypjimFeu6ZB6o1UYU3n7DfoXxNHaV8+tojb+k0v0x7FjMyVRRiOFUvl9oorX8DU8RUtfjZXt37bZjb7i23+IJcO+zVuuDkJ7dgdN1Ug/c0c66fgJgBOSey6JMzpUXFhXi/JuaMFMeBuvdKW1LRvvTxeS6kkoSpGIRkijOj0N/YdBMZ9/6a7p29JQP5e6anl1XdJotTr65m9EbdW95F1uVkZQItm2q+oqa+uGam/UQ7tco/km+p1y3nEaHiLnb7Q6/ADs/ZZY+xsvR1M7+886+Et9hTB05JZDWUpn0NjwnYJeApu+zynKfv9XLJxhkft8ZnNX+bA/bpsHdtNQvbDvu8XIv28cx/ie2O6nE8ujw9u/U0H9xAtd9o367eza4m56cxt2hX23FMzNRzcVurNbn7BP8DAAD//wEAAP//cqFRQAAAAAMAAP/1AAD/zgAyAAAAAAAAAAAAAAAAAAAAAAAAAAA=");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-286243964 .fill-N1{fill:#0A0F25;}
+		.d2-286243964 .fill-N2{fill:#676C7E;}
+		.d2-286243964 .fill-N3{fill:#9499AB;}
+		.d2-286243964 .fill-N4{fill:#CFD2DD;}
+		.d2-286243964 .fill-N5{fill:#DEE1EB;}
+		.d2-286243964 .fill-N6{fill:#EEF1F8;}
+		.d2-286243964 .fill-N7{fill:#FFFFFF;}
+		.d2-286243964 .fill-B1{fill:#0D32B2;}
+		.d2-286243964 .fill-B2{fill:#0D32B2;}
+		.d2-286243964 .fill-B3{fill:#E3E9FD;}
+		.d2-286243964 .fill-B4{fill:#E3E9FD;}
+		.d2-286243964 .fill-B5{fill:#EDF0FD;}
+		.d2-286243964 .fill-B6{fill:#F7F8FE;}
+		.d2-286243964 .fill-AA2{fill:#4A6FF3;}
+		.d2-286243964 .fill-AA4{fill:#EDF0FD;}
+		.d2-286243964 .fill-AA5{fill:#F7F8FE;}
+		.d2-286243964 .fill-AB4{fill:#EDF0FD;}
+		.d2-286243964 .fill-AB5{fill:#F7F8FE;}
+		.d2-286243964 .stroke-N1{stroke:#0A0F25;}
+		.d2-286243964 .stroke-N2{stroke:#676C7E;}
+		.d2-286243964 .stroke-N3{stroke:#9499AB;}
+		.d2-286243964 .stroke-N4{stroke:#CFD2DD;}
+		.d2-286243964 .stroke-N5{stroke:#DEE1EB;}
+		.d2-286243964 .stroke-N6{stroke:#EEF1F8;}
+		.d2-286243964 .stroke-N7{stroke:#FFFFFF;}
+		.d2-286243964 .stroke-B1{stroke:#0D32B2;}
+		.d2-286243964 .stroke-B2{stroke:#0D32B2;}
+		.d2-286243964 .stroke-B3{stroke:#E3E9FD;}
+		.d2-286243964 .stroke-B4{stroke:#E3E9FD;}
+		.d2-286243964 .stroke-B5{stroke:#EDF0FD;}
+		.d2-286243964 .stroke-B6{stroke:#F7F8FE;}
+		.d2-286243964 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-286243964 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-286243964 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-286243964 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-286243964 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-286243964 .background-color-N1{background-color:#0A0F25;}
+		.d2-286243964 .background-color-N2{background-color:#676C7E;}
+		.d2-286243964 .background-color-N3{background-color:#9499AB;}
+		.d2-286243964 .background-color-N4{background-color:#CFD2DD;}
+		.d2-286243964 .background-color-N5{background-color:#DEE1EB;}
+		.d2-286243964 .background-color-N6{background-color:#EEF1F8;}
+		.d2-286243964 .background-color-N7{background-color:#FFFFFF;}
+		.d2-286243964 .background-color-B1{background-color:#0D32B2;}
+		.d2-286243964 .background-color-B2{background-color:#0D32B2;}
+		.d2-286243964 .background-color-B3{background-color:#E3E9FD;}
+		.d2-286243964 .background-color-B4{background-color:#E3E9FD;}
+		.d2-286243964 .background-color-B5{background-color:#EDF0FD;}
+		.d2-286243964 .background-color-B6{background-color:#F7F8FE;}
+		.d2-286243964 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-286243964 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-286243964 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-286243964 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-286243964 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-286243964 .color-N1{color:#0A0F25;}
+		.d2-286243964 .color-N2{color:#676C7E;}
+		.d2-286243964 .color-N3{color:#9499AB;}
+		.d2-286243964 .color-N4{color:#CFD2DD;}
+		.d2-286243964 .color-N5{color:#DEE1EB;}
+		.d2-286243964 .color-N6{color:#EEF1F8;}
+		.d2-286243964 .color-N7{color:#FFFFFF;}
+		.d2-286243964 .color-B1{color:#0D32B2;}
+		.d2-286243964 .color-B2{color:#0D32B2;}
+		.d2-286243964 .color-B3{color:#E3E9FD;}
+		.d2-286243964 .color-B4{color:#E3E9FD;}
+		.d2-286243964 .color-B5{color:#EDF0FD;}
+		.d2-286243964 .color-B6{color:#F7F8FE;}
+		.d2-286243964 .color-AA2{color:#4A6FF3;}
+		.d2-286243964 .color-AA4{color:#EDF0FD;}
+		.d2-286243964 .color-AA5{color:#F7F8FE;}
+		.d2-286243964 .color-AB4{color:#EDF0FD;}
+		.d2-286243964 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-286243964);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-286243964);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-286243964);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-286243964);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-286243964);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-286243964);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-286243964);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-286243964);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-286243964);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-286243964);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-286243964);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-286243964);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-286243964);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-286243964);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-286243964);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-286243964);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-286243964);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-286243964);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bm92ZWxmaXJl"><g class="shape" ><path d="M 3670 2178 C 3670 2179 3669 2180 3668 2180 C 3652 2182 3640 2197 3640 2216 C 3640 2236 3654 2252 3672 2252 H 3792 C 3811 2252 3826 2235 3826 2214 C 3826 2194 3812 2177 3794 2176 C 3793 2176 3792 2175 3791 2174 C 3787 2154 3768 2139 3747 2139 C 3733 2139 3720 2145 3712 2155 C 3711 2156 3710 2157 3709 2156 C 3706 2155 3702 2154 3699 2154 C 3683 2154 3671 2164 3670 2178 Z" stroke="#0D32B2" fill="#f0f4ff" class=" stroke-B1" style="stroke-width:2;" /></g><text x="3731.167000" y="2213.736000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="3731.167000" dy="0.000000">novelfire.net</tspan><tspan x="3731.167000" dy="18.500000">(scrape source)</tspan></text></g><g class="a29rb3Jv"><g class="shape" ><path d="M 3646 1985 C 3646 1987 3644 1988 3643 1988 C 3621 1990 3604 2009 3604 2033 C 3604 2058 3623 2078 3647 2078 H 3812 C 3838 2078 3859 2056 3859 2030 C 3859 2005 3839 1984 3815 1983 C 3813 1983 3812 1982 3811 1980 C 3805 1955 3780 1936 3750 1936 C 3730 1936 3713 1944 3702 1957 C 3701 1959 3699 1959 3697 1959 C 3693 1957 3688 1957 3683 1957 C 3664 1955 3648 1968 3646 1985 Z" stroke="#0D32B2" fill="#f0f4ff" class=" stroke-B1" style="stroke-width:2;" /></g><text x="3730.832000" y="2022.682000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="3730.832000" dy="0.000000">Kokoro-FastAPI TTS</tspan><tspan x="3730.832000" dy="17.666667">(self-hosted · homelab)</tspan><tspan x="3730.832000" dy="17.666667">chapter audio</tspan></text></g><g class="cG9ja2V0dHRz"><g class="shape" ><path d="M 3646 50 C 3646 52 3644 53 3643 53 C 3621 55 3604 74 3604 98 C 3604 123 3623 143 3647 143 H 3812 C 3838 143 3859 121 3859 95 C 3859 70 3839 49 3815 48 C 3813 48 3812 47 3811 45 C 3805 20 3780 1 3750 1 C 3730 1 3713 9 3702 22 C 3701 24 3699 24 3697 24 C 3693 22 3688 22 3683 22 C 3664 20 3648 33 3646 50 Z" stroke="#0D32B2" fill="#f0f4ff" class=" stroke-B1" style="stroke-width:2;" /></g><text x="3730.832000" y="87.682000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="3730.832000" dy="0.000000">pocket-tts</tspan><tspan x="3730.832000" dy="17.666667">(self-hosted · homelab)</tspan><tspan x="3730.832000" dy="17.666667">voice sample MP3s</tspan></text></g><g class="bGV0c2VuY3J5cHQ="><g class="shape" ><path d="M 1963 323 C 1963 324 1961 325 1960 325 C 1940 327 1925 342 1925 361 C 1925 381 1942 397 1964 397 H 2113 C 2136 397 2156 380 2156 359 C 2156 339 2138 322 2116 321 C 2114 321 2113 320 2113 319 C 2108 299 2085 284 2058 284 C 2040 284 2025 290 2015 300 C 2014 301 2012 302 2011 301 C 2007 300 2003 299 1998 299 C 1979 299 1965 309 1963 323 Z" stroke="#0D32B2" fill="#f0f4ff" class=" stroke-B1" style="stroke-width:2;" /></g><text x="2039.594500" y="358.736000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2039.594500" dy="0.000000">Let&#39;s Encrypt</tspan><tspan x="2039.594500" dy="18.500000">(ACME TLS-ALPN-01)</tspan></text></g><g class="YnJvd3Nlcg=="><g class="shape" ><path d="M 328 757 H 188 V 756 C 188 740 203 726 228 719 C 214 713 206 704 206 694 C 206 678 229 664 258 664 C 286 664 310 678 310 694 C 310 704 302 713 289 719 C 313 726 329 740 329 756 V 757 H 328 Z" stroke="#0D32B2" fill="#fff9e6" class=" stroke-B1" style="stroke-width:2;" /></g><text x="258.000000" y="778.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Browser / iOS App</text></g><g class="aW5pdA=="><g class="shape" ><rect x="2661.000000" y="75.000000" width="267.000000" height="332.000000" stroke="#0D32B2" fill="#f5f5f5" class=" stroke-B2" style="stroke-width:2;stroke-dasharray:8.000000,7.892511;" /></g><text x="2794.500000" y="62.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Init containers</text></g><g class="c3RvcmFnZQ=="><g class="shape" ><rect x="3564.000000" y="454.000000" width="336.000000" height="1296.000000" stroke="#0D32B2" fill="#eaf7ea" class=" stroke-B1" style="stroke-width:2;" /></g><text x="3732.000000" y="441.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Storage</text></g><g class="YXBw"><g class="shape" ><rect x="1051.000000" y="529.000000" width="1905.000000" height="726.000000" stroke="#0D32B2" fill="#eef3ff" class=" stroke-B1" style="stroke-width:2;" /></g><text x="2003.500000" y="516.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Application — prod (165.22.70.138)</text></g><g class="aG9tZWxhYg=="><g class="shape" ><rect x="2655.000000" y="1774.000000" width="279.000000" height="222.000000" stroke="#0D32B2" fill="#fef9ec" class=" stroke-B1" style="stroke-width:2;" /></g><text x="2794.500000" y="1761.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Runner — homelab (192.168.0.109)</text></g><g class="b3Bz"><g class="shape" ><rect x="1066.000000" y="1729.000000" width="331.000000" height="206.000000" stroke="#0D32B2" fill="#f5f5f5" class=" stroke-B1" style="stroke-width:2;" /></g><text x="1231.500000" y="1716.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Ops</text></g><g class="Y2ljZA=="><g class="shape" ><rect x="92.000000" y="1689.000000" width="331.000000" height="286.000000" stroke="#0D32B2" fill="#f0f9ff" class=" stroke-B1" style="stroke-width:2;" /></g><text x="257.500000" y="1676.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">CI / CD</text></g><g class="aW5pdC5taW5pby1pbml0"><g class="shape" ><rect x="2699.000000" y="105.000000" width="191.000000" height="114.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2794.500000" y="143.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2794.500000" dy="0.000000">minio-init</tspan><tspan x="2794.500000" dy="17.250000">(mc: create buckets</tspan><tspan x="2794.500000" dy="17.250000">  chapters · audio</tspan><tspan x="2794.500000" dy="17.250000">  avatars · catalogue)</tspan></text></g><g class="aW5pdC5wYi1pbml0"><g class="shape" ><rect x="2691.000000" y="279.000000" width="207.000000" height="98.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2794.500000" y="317.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2794.500000" dy="0.000000">pb-init</tspan><tspan x="2794.500000" dy="17.666667">(bootstrap PocketBase</tspan><tspan x="2794.500000" dy="17.666667">  collections + schema)</tspan></text></g><g class="c3RvcmFnZS5taW5pbw=="><g class="shape" ><path d="M 3639 838 C 3639 814 3723 814 3732 814 C 3741 814 3825 814 3825 838 V 956 C 3825 980 3741 980 3732 980 C 3723 980 3639 980 3639 956 V 838 Z" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 3639 838 C 3639 862 3723 862 3732 862 C 3741 862 3825 862 3825 838" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="3732.000000" y="890.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="3732.000000" dy="0.000000">MinIO :9000</tspan><tspan x="3732.000000" dy="17.250000">buckets:</tspan><tspan x="3732.000000" dy="17.250000">  chapters · audio</tspan><tspan x="3732.000000" dy="17.250000">  avatars · catalogue</tspan></text></g><g class="c3RvcmFnZS5wb2NrZXRiYXNl"><g class="shape" ><path d="M 3622 508 C 3622 484 3721 484 3732 484 C 3743 484 3842 484 3842 508 V 674 C 3842 698 3743 698 3732 698 C 3721 698 3622 698 3622 674 V 508 Z" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 3622 508 C 3622 532 3721 532 3732 532 C 3743 532 3842 532 3842 508" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="3732.000000" y="560.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="3732.000000" dy="0.000000">PocketBase :8090</tspan><tspan x="3732.000000" dy="16.714286">collections:</tspan><tspan x="3732.000000" dy="16.714286">  books · chapters_idx</tspan><tspan x="3732.000000" dy="16.714286">  audio_cache · progress</tspan><tspan x="3732.000000" dy="16.714286">  scrape_jobs · app_users</tspan><tspan x="3732.000000" dy="16.714286">  ranking · library</tspan><tspan x="3732.000000" dy="16.714286">  comments</tspan></text></g><g class="c3RvcmFnZS52YWxrZXk="><g class="shape" ><path d="M 3595 1594 C 3595 1570 3718 1570 3732 1570 C 3746 1570 3869 1570 3869 1594 V 1696 C 3869 1720 3746 1720 3732 1720 C 3718 1720 3595 1720 3595 1696 V 1594 Z" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 3595 1594 C 3595 1618 3718 1618 3732 1618 C 3746 1618 3869 1618 3869 1594" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="3732.000000" y="1646.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="3732.000000" dy="0.000000">Valkey :6379</tspan><tspan x="3732.000000" dy="17.666667">presign URL cache (TTL ~55 min)</tspan><tspan x="3732.000000" dy="17.666667">Asynq job queue (runner tasks)</tspan></text></g><g class="c3RvcmFnZS5tZWlsaXNlYXJjaA=="><g class="shape" ><path d="M 3594 1306 C 3594 1282 3718 1282 3732 1282 C 3746 1282 3870 1282 3870 1306 V 1440 C 3870 1464 3746 1464 3732 1464 C 3718 1464 3594 1464 3594 1440 V 1306 Z" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 3594 1306 C 3594 1330 3718 1330 3732 1330 C 3746 1330 3870 1330 3870 1306" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="3732.000000" y="1358.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="3732.000000" dy="0.000000">Meilisearch :7700</tspan><tspan x="3732.000000" dy="17.000000">index: books</tspan><tspan x="3732.000000" dy="17.000000">(filterable: status · genres</tspan><tspan x="3732.000000" dy="17.000000"> sortable: rank · rating</tspan><tspan x="3732.000000" dy="17.000000">  total_chapters · meta_updated)</tspan></text></g><g class="YXBwLmNhZGR5"><g class="shape" ><rect x="1081.000000" y="622.000000" width="301.000000" height="178.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1231.500000" y="660.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="1231.500000" dy="0.000000">Caddy :443 / :80 / :6380</tspan><tspan x="1231.500000" dy="16.625000">custom build</tspan><tspan x="1231.500000" dy="16.625000">+ caddy-l4 (Redis TCP proxy)</tspan><tspan x="1231.500000" dy="16.625000">+ caddy-ratelimit</tspan><tspan x="1231.500000" dy="16.625000">auto-HTTPS · security headers</tspan><tspan x="1231.500000" dy="16.625000">rate limiting (per-IP)</tspan><tspan x="1231.500000" dy="16.625000">static error pages (404/502/503/504)</tspan><tspan x="1231.500000" dy="16.625000">CrowdSec bouncer</tspan></text></g><g class="YXBwLmJhY2tlbmQ="><g class="shape" ><rect x="2671.000000" y="1079.000000" width="246.000000" height="146.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2794.000000" y="1117.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2794.000000" dy="0.000000">Backend API :8080</tspan><tspan x="2794.000000" dy="16.833333">(Go)</tspan><tspan x="2794.000000" dy="16.833333">HTTP API server</tspan><tspan x="2794.000000" dy="16.833333">ffmpeg (audio sample conv.)</tspan><tspan x="2794.000000" dy="16.833333">OpenTelemetry tracing</tspan><tspan x="2794.000000" dy="16.833333">Sentry / GlitchTip errors</tspan></text></g><g class="YXBwLnVp"><g class="shape" ><rect x="1943.000000" y="1025.000000" width="196.000000" height="114.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2041.000000" y="1063.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2041.000000" dy="0.000000">SvelteKit UI :3000</tspan><tspan x="2041.000000" dy="17.250000">(adapter-node)</tspan><tspan x="2041.000000" dy="17.250000">SSR · session auth</tspan><tspan x="2041.000000" dy="17.250000">server-side API proxy</tspan></text></g><g class="YXBwLmNyb3dkc2Vj"><g class="shape" ><rect x="1917.000000" y="559.000000" width="247.000000" height="114.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2040.500000" y="597.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2040.500000" dy="0.000000">CrowdSec :8080</tspan><tspan x="2040.500000" dy="17.250000">security engine</tspan><tspan x="2040.500000" dy="17.250000">reads Caddy JSON logs</tspan><tspan x="2040.500000" dy="17.250000">bouncer integrated in Caddy</tspan></text></g><g class="YXBwLmRvenpsZQ=="><g class="shape" ><rect x="2662.000000" y="784.000000" width="264.000000" height="98.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2794.000000" y="822.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2794.000000" dy="0.000000">Dozzle agent</tspan><tspan x="2794.000000" dy="17.666667">127.0.0.1:7007</tspan><tspan x="2794.000000" dy="17.666667">log relay → homelab dashboard</tspan></text></g><g class="aG9tZWxhYi5ydW5uZXI="><g class="shape" ><rect x="2685.000000" y="1804.000000" width="219.000000" height="162.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2794.500000" y="1842.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="2794.500000" dy="0.000000">Runner :9091</tspan><tspan x="2794.500000" dy="16.714286">(Go background worker)</tspan><tspan x="2794.500000" dy="16.714286">scrape pipeline</tspan><tspan x="2794.500000" dy="16.714286">TTS audio job queue</tspan><tspan x="2794.500000" dy="16.714286">Prometheus /metrics</tspan><tspan x="2794.500000" dy="16.714286">cron: catalogue refresh</tspan><tspan x="2794.500000" dy="16.714286">Asynq worker → Valkey</tspan></text></g><g class="b3BzLndhdGNodG93ZXI="><g class="shape" ><rect x="1096.000000" y="1759.000000" width="271.000000" height="146.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1231.500000" y="1797.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="1231.500000" dy="0.000000">Watchtower</tspan><tspan x="1231.500000" dy="16.833333">(containrrr/watchtower)</tspan><tspan x="1231.500000" dy="16.833333">polls Docker Hub every 5 min</tspan><tspan x="1231.500000" dy="16.833333">autopulls + redeploys:</tspan><tspan x="1231.500000" dy="16.833333">  backend · ui</tspan><tspan x="1231.500000" dy="16.833333">(runner: label-disabled on prod)</tspan></text></g><g class="Y2ljZC5naXRlYQ=="><g class="shape" ><rect x="122.000000" y="1719.000000" width="271.000000" height="226.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="257.500000" y="1757.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="257.500000" dy="0.000000">Gitea Actions</tspan><tspan x="257.500000" dy="16.454545">(homelab runner)</tspan><tspan x="257.500000" dy="16.454545">tag v* trigger:</tspan><tspan x="257.500000" dy="16.454545">  test-backend</tspan><tspan x="257.500000" dy="16.454545">  check-ui (type-check + build)</tspan><tspan x="257.500000" dy="16.454545">  docker-backend</tspan><tspan x="257.500000" dy="16.454545">  docker-runner</tspan><tspan x="257.500000" dy="16.454545">  docker-ui (bakes releases.json)</tspan><tspan x="257.500000" dy="16.454545">  docker-caddy</tspan><tspan x="257.500000" dy="16.454545">  → push Docker Hub</tspan><tspan x="257.500000" dy="16.454545">  → Gitea Release</tspan></text></g><g class="KGluaXQubWluaW8taW5pdCAtJmd0OyBzdG9yYWdlLm1pbmlvKVswXQ=="><marker id="mk-d2-286243964-2177206569" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B2" stroke-width="2" /> </marker><path d="M 2892.500000 161.750000 C 3016.500000 161.750000 3090.399902 161.750000 3154.000000 161.750000 C 3217.600098 161.750000 3513.800049 558.200012 3678.829364 813.640187" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:8.000000,7.892511;" marker-end="url(#mk-d2-286243964-2177206569)" mask="url(#d2-286243964)" /><text x="3360.500000" y="358.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">create buckets</text></g><g class="KGluaXQucGItaW5pdCAtJmd0OyBzdG9yYWdlLnBvY2tldGJhc2UpWzBd"><path d="M 2900.500000 327.750000 C 3018.100098 327.750000 3090.399902 327.750000 3154.000000 327.750000 C 3217.600098 327.750000 3502.000000 587.000000 3618.000555 588.933343" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:8.000000,7.892511;" marker-end="url(#mk-d2-286243964-2177206569)" mask="url(#d2-286243964)" /><text x="3286.500000" y="396.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">bootstrap schema</text></g><g class="YXBwLihjYWRkeSAtJmd0OyB1aSlbMF0="><marker id="mk-d2-286243964-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 1353.605054 800.943232 C 1473.599976 890.150024 1756.900024 936.512024 1938.939722 1029.738712" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="1643.500000" y="915.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="1643.500000" dy="0.000000">/* (catch-all)</tspan><tspan x="1643.500000" dy="18.500000">SvelteKit — auth enforced</tspan></text></g><g class="YXBwLihjYWRkeSAtJmd0OyBiYWNrZW5kKVswXQ=="><path d="M 1383.886266 765.414832 C 1479.599976 799.150024 1545.300049 807.750000 1607.250000 807.750000 C 1669.199951 807.750000 1776.500000 807.750000 1875.500000 807.750000 C 1974.500000 807.750000 2102.800049 807.750000 2196.250000 807.750000 C 2289.699951 807.750000 2580.010986 861.900024 2737.681974 1075.282958" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="2115.000000" y="749.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="2115.000000" dy="0.000000">/health  /scrape*</tspan><tspan x="2115.000000" dy="16.555556">/api/browse  /api/catalogue</tspan><tspan x="2115.000000" dy="16.555556">/api/ranking  /api/version</tspan><tspan x="2115.000000" dy="16.555556">/api/book-preview/*</tspan><tspan x="2115.000000" dy="16.555556">/api/chapter-text/*</tspan><tspan x="2115.000000" dy="16.555556">/api/chapter-markdown/*</tspan><tspan x="2115.000000" dy="16.555556">/api/reindex/*  /api/cover/*</tspan><tspan x="2115.000000" dy="16.555556">/api/audio-proxy/*  /api/voices</tspan><tspan x="2115.000000" dy="16.555556">/api/audio*  /api/presign/*</tspan></text></g><g class="KGFwcC5jYWRkeSAtJmd0OyBzdG9yYWdlLm1pbmlvKVswXQ=="><path d="M 1383.999933 712.266393 C 1479.599976 713.049988 1545.300049 713.250000 1607.250000 713.250000 C 1669.199951 713.250000 1776.500000 713.250000 1875.500000 713.250000 C 1974.500000 713.250000 2102.800049 713.250000 2196.250000 713.250000 C 2289.699951 713.250000 2389.600098 713.250000 2446.000000 713.250000 C 2502.399902 713.250000 2590.800049 713.250000 2667.000000 713.250000 C 2743.199951 713.250000 2844.800049 713.250000 2921.000000 713.250000 C 2997.199951 713.250000 3090.399902 713.250000 3154.000000 713.250000 C 3217.600098 713.250000 3505.399902 884.200012 3635.005171 890.796671" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="2534.000000" y="703.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="2534.000000" dy="0.000000">/avatars/*  /audio/*</tspan><tspan x="2534.000000" dy="17.666667">/chapters/*</tspan><tspan x="2534.000000" dy="17.666667">(presigned GETs)</tspan></text></g><g class="YXBwLihjYWRkeSAtJmd0OyBjcm93ZHNlYylbMF0="><path d="M 1383.891075 657.598974 C 1479.599976 624.650024 1751.900024 616.250000 1913.500000 616.250000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="1647.000000" y="625.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">bouncer check (15 s poll)</text></g><g class="KGFwcC5jYWRkeSAtJmd0OyBsZXRzZW5jcnlwdClbMF0="><path d="M 1383.759087 627.548363 C 1479.599976 575.700012 1756.599976 528.000000 1937.797501 392.396664" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="1676.500000" y="547.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">ACME cert (TLS-ALPN-01)</text></g><g class="YXBwLih1aSAtJmd0OyBiYWNrZW5kKVswXQ=="><path d="M 2141.451232 1104.131963 C 2309.500000 1141.937988 2566.199951 1151.500000 2667.000000 1151.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="2403.500000" y="1143.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="2403.500000" dy="0.000000">internal REST proxy</tspan><tspan x="2403.500000" dy="18.500000">(server-side only)</tspan></text></g><g class="KGFwcC51aSAtJmd0OyBzdG9yYWdlLnBvY2tldGJhc2UpWzBd"><path d="M 2141.337484 1039.038285 C 2309.500000 966.765015 2389.600098 948.500000 2446.000000 948.500000 C 2502.399902 948.500000 2590.800049 948.500000 2667.000000 948.500000 C 2743.199951 948.500000 2844.800049 948.500000 2921.000000 948.500000 C 2997.199951 948.500000 3090.399902 948.500000 3154.000000 948.500000 C 3217.600098 948.500000 3513.600098 1033.400024 3678.230737 699.587438" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="3012.000000" y="938.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="3012.000000" dy="0.000000">auth · sessions</tspan><tspan x="3012.000000" dy="17.666667">progress · library</tspan><tspan x="3012.000000" dy="17.666667">comments</tspan></text></g><g class="KGFwcC5iYWNrZW5kIC0mZ3Q7IHN0b3JhZ2UubWluaW8pWzBd"><path d="M 2868.414214 1226.164214 C 3011.800049 1369.550049 3090.399902 1405.750000 3154.000000 1405.750000 C 3217.600098 1405.750000 3515.800049 1320.199951 3689.177100 981.560482" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="3350.000000" y="1365.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="3350.000000" dy="0.000000">chapter objs · audio MP3s</tspan><tspan x="3350.000000" dy="18.500000">avatars · browse cache</tspan></text></g><g class="KGFwcC5iYWNrZW5kIC0mZ3Q7IHN0b3JhZ2UucG9ja2V0YmFzZSlbMF0="><path d="M 2890.582654 1226.725310 C 3016.199951 1324.099976 3090.399902 1348.750000 3154.000000 1348.750000 C 3217.600098 1348.750000 3516.600098 1218.400024 3693.705079 700.784598" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="3451.500000" y="1244.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="3451.500000" dy="0.000000">books · scrape_jobs</tspan><tspan x="3451.500000" dy="18.500000">audio_cache · ranking</tspan></text></g><g class="KGFwcC5iYWNrZW5kIC0mZ3Q7IHN0b3JhZ2UudmFsa2V5KVswXQ=="><path d="M 2918.752715 1220.713323 C 3021.800049 1277.349976 3090.399902 1291.750000 3154.000000 1291.750000 C 3217.600098 1291.750000 3511.600098 1347.800049 3667.691895 1568.733098" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="3343.500000" y="1313.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="3343.500000" dy="0.000000">presign URL cache</tspan><tspan x="3343.500000" dy="18.500000">(SET/GET TTL ~55 min)</tspan></text></g><g class="KGFwcC5iYWNrZW5kIC0mZ3Q7IHN0b3JhZ2UubWVpbGlzZWFyY2gpWzBd"><path d="M 2918.942874 1181.724595 C 3021.800049 1206.849976 3090.399902 1213.250000 3154.000000 1213.250000 C 3217.600098 1213.250000 3498.600098 1229.599976 3601.592269 1292.905396" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="3269.000000" y="1214.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="3269.000000" dy="0.000000">catalogue search</tspan><tspan x="3269.000000" dy="18.500000">facets: genres · status</tspan></text></g><g class="KGFwcC5iYWNrZW5kIC0mZ3Q7IHBvY2tldHR0cylbMF0="><path d="M 2918.823583 1095.678693 C 3021.800049 1049.300049 3090.399902 1037.500000 3154.000000 1037.500000 C 3217.600098 1037.500000 3499.199951 117.599998 3604.000027 117.985294" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="3329.000000" y="672.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="3329.000000" dy="0.000000">voice sample gen.</tspan><tspan x="3329.000000" dy="18.500000">(on-demand · ffmpeg conv.)</tspan></text></g><g class="KGhvbWVsYWIucnVubmVyIC0mZ3Q7IG5vdmVsZmlyZSlbMF0="><path d="M 2861.269047 1967.795807 C 3010.399902 2149.449951 3090.399902 2195.250000 3154.000000 2195.250000 C 3217.600098 2195.250000 3506.800049 2195.199951 3642.000004 2195.005746" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="3203.500000" y="2193.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="3203.500000" dy="0.000000">HTTP scrape</tspan><tspan x="3203.500000" dy="18.500000">HTML → Markdown</tspan></text></g><g class="KGhvbWVsYWIucnVubmVyIC0mZ3Q7IGtva29ybylbMF0="><path d="M 2906.300468 1938.214806 C 3019.300049 1992.868042 3090.399902 2006.750000 3154.000000 2006.750000 C 3217.600098 2006.750000 3500.000000 2006.800049 3608.000006 2006.992859" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="3251.000000" y="2004.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="3251.000000" dy="0.000000">TTS generation</tspan><tspan x="3251.000000" dy="18.500000">text → MP3</tspan></text></g><g class="KGhvbWVsYWIucnVubmVyIC0mZ3Q7IHN0b3JhZ2UubWluaW8pWzBd"><path d="M 2906.445713 1858.420238 C 3019.300049 1831.576050 3090.399902 1824.750000 3154.000000 1824.750000 C 3217.600098 1824.750000 3519.199951 1655.599976 3706.924902 982.852813" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="3524.500000" y="1634.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="3524.500000" dy="0.000000">write chapters</tspan><tspan x="3524.500000" dy="18.500000">&amp; audio MP3s</tspan></text></g><g class="KGhvbWVsYWIucnVubmVyIC0mZ3Q7IHN0b3JhZ2UucG9ja2V0YmFzZSlbMF0="><path d="M 2906.314326 1833.469476 C 3019.300049 1781.062012 3090.399902 1767.750000 3154.000000 1767.750000 C 3217.600098 1767.750000 3519.000000 1553.800049 3706.141755 701.906842" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="3538.000000" y="1463.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="3538.000000" dy="0.000000">read/update scrape_jobs</tspan><tspan x="3538.000000" dy="18.500000">write book records</tspan></text></g><g class="KGhvbWVsYWIucnVubmVyIC0mZ3Q7IHN0b3JhZ2UubWVpbGlzZWFyY2gpWzBd"><path d="M 2904.751073 1802.558114 C 3019.029053 1717.750000 3090.399902 1696.250000 3154.000000 1696.250000 C 3217.600098 1696.250000 3507.600098 1649.000000 3647.592975 1463.194719" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="3309.000000" y="1679.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="3309.000000" dy="0.000000">index books</tspan><tspan x="3309.000000" dy="18.500000">(on scrape completion)</tspan></text></g><g class="KGhvbWVsYWIucnVubmVyIC0mZ3Q7IHN0b3JhZ2UudmFsa2V5KVswXQ=="><path d="M 2879.242024 1802.360051 C 3013.959961 1672.150024 3090.399902 1639.250000 3154.000000 1639.250000 C 3217.600098 1639.250000 3496.600098 1639.800049 3591.000999 1641.910593" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="3206.000000" y="1637.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="3206.000000" dy="0.000000">Asynq job queue</tspan><tspan x="3206.000000" dy="18.500000">(task consume)</tspan></text></g><g class="KGJyb3dzZXIgLSZndDsgYXBwLmNhZGR5KVswXQ=="><path d="M 303.999999 710.997652 C 472.399994 710.799988 559.400024 710.750000 626.000000 710.750000 C 692.599976 710.750000 983.400024 710.750000 1077.000000 710.750000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="691.500000" y="708.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="691.500000" dy="0.000000">HTTPS :443</tspan><tspan x="691.500000" dy="18.500000">(single entry point)</tspan></text></g><g class="KG9wcy53YXRjaHRvd2VyIC0mZ3Q7IGFwcC5iYWNrZW5kKVswXQ=="><path d="M 1368.991056 1844.438933 C 1476.599976 1854.650024 1545.300049 1776.650024 1607.250000 1655.750000 C 1669.199951 1534.849976 1776.500000 1454.250000 1875.500000 1454.250000 C 1974.500000 1454.250000 2102.800049 1454.250000 2196.250000 1454.250000 C 2289.699951 1454.250000 2578.399902 1408.449951 2729.430057 1228.315190" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="1988.500000" y="1460.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">watch (label-enabled)</text></g><g class="KG9wcy53YXRjaHRvd2VyIC0mZ3Q7IGFwcC51aSlbMF0="><path d="M 1368.956644 1802.835821 C 1476.599976 1780.050049 1764.099976 1336.050049 1975.553210 1141.954890" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="1668.500000" y="1488.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">watch (label-enabled)</text></g><g class="KGNpY2QuZ2l0ZWEgLSZndDsgb3BzLndhdGNodG93ZXIpWzBd"><path d="M 395.000000 1832.000000 C 490.600006 1832.000000 559.400024 1832.000000 626.000000 1832.000000 C 692.599976 1832.000000 986.400024 1832.000000 1092.000000 1832.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-286243964-3488378134)" mask="url(#d2-286243964)" /><text x="745.000000" y="1830.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="745.000000" dy="0.000000">push to Docker Hub</tspan><tspan x="745.000000" dy="18.500000">→ Watchtower detects new tag</tspan></text></g><mask id="d2-286243964" maskUnits="userSpaceOnUse" x="-9" y="-101" width="4010" height="2454">
+<rect x="-9" y="-101" width="4010" height="2454" fill="white"></rect>
+<rect x="3310.000000" y="342.000000" width="101" height="21" fill="black"></rect>
+<rect x="3225.000000" y="380.000000" width="123" height="21" fill="black"></rect>
+<rect x="1557.000000" y="899.000000" width="173" height="37" fill="black"></rect>
+<rect x="2011.000000" y="733.000000" width="208" height="149" fill="black"></rect>
+<rect x="2466.000000" y="687.000000" width="136" height="53" fill="black"></rect>
+<rect x="1565.000000" y="609.000000" width="164" height="21" fill="black"></rect>
+<rect x="1594.000000" y="531.000000" width="165" height="21" fill="black"></rect>
+<rect x="2337.000000" y="1127.000000" width="133" height="37" fill="black"></rect>
+<rect x="2954.000000" y="922.000000" width="116" height="53" fill="black"></rect>
+<rect x="3264.000000" y="1349.000000" width="172" height="37" fill="black"></rect>
+<rect x="3377.000000" y="1228.000000" width="149" height="37" fill="black"></rect>
+<rect x="3268.000000" y="1297.000000" width="151" height="37" fill="black"></rect>
+<rect x="3196.000000" y="1198.000000" width="146" height="37" fill="black"></rect>
+<rect x="3237.000000" y="656.000000" width="184" height="37" fill="black"></rect>
+<rect x="3140.000000" y="2177.000000" width="127" height="37" fill="black"></rect>
+<rect x="3199.000000" y="1988.000000" width="104" height="37" fill="black"></rect>
+<rect x="3475.000000" y="1618.000000" width="99" height="37" fill="black"></rect>
+<rect x="3453.000000" y="1447.000000" width="170" height="37" fill="black"></rect>
+<rect x="3232.000000" y="1663.000000" width="154" height="37" fill="black"></rect>
+<rect x="3150.000000" y="1621.000000" width="112" height="37" fill="black"></rect>
+<rect x="628.000000" y="692.000000" width="127" height="37" fill="black"></rect>
+<rect x="1915.000000" y="1444.000000" width="147" height="21" fill="black"></rect>
+<rect x="1595.000000" y="1472.000000" width="147" height="21" fill="black"></rect>
+<rect x="643.000000" y="1814.000000" width="204" height="37" fill="black"></rect>
+</mask></svg></svg>
diff --git a/docs/mermaid/architecture.mermaid.md b/docs/mermaid/architecture.mermaid.md
new file mode 100644
index 0000000..4752934
--- /dev/null
+++ b/docs/mermaid/architecture.mermaid.md
@@ -0,0 +1,72 @@
+# Architecture Overview
+
+```mermaid
+graph LR
+    %% ── External ──────────────────────────────────────────────────────────
+    NF([novelfire.net])
+    KK([Kokoro-FastAPI TTS])
+    LE([Let's Encrypt])
+    CL([Browser / iOS App])
+
+    %% ── Init containers ───────────────────────────────────────────────────
+    subgraph INIT["Init containers (one-shot)"]
+        MI[minio-init\nmc: create buckets]
+        PI[pb-init\nbootstrap collections]
+    end
+
+    %% ── Storage ───────────────────────────────────────────────────────────
+    subgraph STORAGE["Storage"]
+        MN[(MinIO :9000\nchapters · audio\navatars · browse)]
+        PB[(PocketBase :8090\nbooks · chapters_idx\naudio_cache · progress\nscrape_jobs · app_users · ranking)]
+        VK[(Valkey :6379\npresign URL cache\nTTL-based · shared)]
+        MS[(Meilisearch :7700\nindex: books)]
+    end
+
+    %% ── Application ───────────────────────────────────────────────────────
+    subgraph APP["Application"]
+        CD["Caddy :443/:80\ncustom build + caddy-ratelimit\nauto-HTTPS · security headers\nrate limiting · error pages"]
+        BE[Backend API :8080\nGo HTTP server]
+        RN[Runner :9091\nGo background worker\n/metrics endpoint]
+        UI[SvelteKit UI :3000\nadapter-node]
+    end
+
+    %% ── Ops ───────────────────────────────────────────────────────────────
+    subgraph OPS["Ops"]
+        WT[Watchtower\npolls every 5 min\nautopull + redeploy\nbackend · runner · ui]
+    end
+
+    %% ── Init → Storage ────────────────────────────────────────────────────
+    MI -.->|create buckets| MN
+    PI -.->|bootstrap schema| PB
+
+    %% ── App → Storage ─────────────────────────────────────────────────────
+    BE -->|blobs| MN
+    BE -->|structured records| PB
+    BE -->|cache presigned URLs| VK
+    RN -->|chapter markdown & audio| MN
+    RN -->|read/update jobs & books| PB
+    RN -->|index books on scrape| MS
+    UI -->|read presign cache| VK
+    UI -->|auth · progress · comments| PB
+
+    %% ── App internal ──────────────────────────────────────────────────────
+    UI -->|"REST API (server-side)\n/api/catalogue /api/book-preview\n/api/chapter-text /api/audio"| BE
+
+    %% ── Caddy routing ─────────────────────────────────────────────────────
+    CD -->|"/* catch-all\n/api/scrape/*\n/api/chapter-text-preview/*\n→ SvelteKit (auth enforced)"| UI
+    CD -->|"/health /scrape*\n/api/browse /api/book-preview/*\n/api/chapter-text/*\n/api/reindex/* /api/cover/*\n/api/audio-proxy/*"| BE
+    CD -->|/avatars/* presigned GETs| MN
+
+    %% ── Runner → External ─────────────────────────────────────────────────
+    RN -->|scrape HTTP GET| NF
+    RN -->|TTS HTTP POST| KK
+    CD -->|ACME certificate| LE
+
+    %% ── Ops ───────────────────────────────────────────────────────────────
+    WT -->|watch label-enabled| BE
+    WT -->|watch label-enabled| RN
+    WT -->|watch label-enabled| UI
+
+    %% ── Client ────────────────────────────────────────────────────────────
+    CL -->|HTTPS :443 single entry| CD
+```
diff --git a/docs/mermaid/data-flow.mermaid.md b/docs/mermaid/data-flow.mermaid.md
new file mode 100644
index 0000000..0536890
--- /dev/null
+++ b/docs/mermaid/data-flow.mermaid.md
@@ -0,0 +1,102 @@
+# Data Flow — Scrape & TTS Job Pipeline
+
+How content moves from novelfire.net through the runner into storage, and how
+audio is generated on-demand via the backend.
+
+## Catalogue Scrape Pipeline
+
+The runner performs a background catalogue walk on startup and then on a
+configurable interval (`RUNNER_CATALOGUE_REFRESH_INTERVAL`, default 24 h).
+
+```mermaid
+flowchart TD
+    A([Runner starts / refresh tick]) --> B[Walk novelfire.net catalogue\npages 1…N]
+    B --> C{Book already\nin PocketBase?}
+    C -- no --> D[Scrape book metadata\ntitle · author · genres\ncover · summary · status]
+    C -- yes --> E[Check for new chapters\ncompare total_chapters]
+    D --> F[Write BookMeta\nto PocketBase books]
+    E --> G{New chapters\nfound?}
+    G -- no --> Z([Done — next book])
+    G -- yes --> H
+    F --> H[Scrape chapter list with upTo limit\n→ chapters_idx in PocketBase\nretries on 429 with Retry-After backoff]
+    H --> I[Worker pool — N goroutines\nRUNNER_MAX_CONCURRENT_SCRAPE]
+    I --> J[For each missing chapter:\nGET chapter HTML from novelfire.net]
+    J --> K[Parse HTML → Markdown\nhtmlutil.NodeToMarkdown]
+    K --> L[PUT object to MinIO\nchapters/{slug}/{n}.md]
+    L --> M[Upsert book doc\nto Meilisearch index: books]
+    M --> Z
+    F --> M
+```
+
+## On-Demand Single-Book Scrape
+
+Triggered when a user visits `/books/{slug}` and the book is not in PocketBase.
+The UI calls `GET /api/book-preview/{slug}` → backend enqueues a scrape task.
+
+```mermaid
+sequenceDiagram
+    actor U as User
+    participant UI as SvelteKit UI
+    participant BE as Backend API
+    participant TQ as Task Queue (PocketBase)
+    participant RN as Runner
+    participant NF as novelfire.net
+    participant PB as PocketBase
+    participant MN as MinIO
+    participant MS as Meilisearch
+
+    U->>UI: Visit /books/{slug}
+    UI->>BE: GET /api/book-preview/{slug}
+    BE->>PB: getBook(slug) — not found
+    BE->>TQ: INSERT scrape_task (slug, status=pending)
+    BE-->>UI: 202 {task_id, message}
+    UI-->>U: "Scraping…" placeholder
+
+    RN->>TQ: Poll for pending tasks
+    TQ-->>RN: scrape_task (slug)
+    RN->>NF: GET novelfire.net/book/{slug}
+    NF-->>RN: HTML
+    RN->>PB: upsert book + chapters_idx
+    RN->>MN: PUT chapter objects
+    RN->>MS: UpsertBook doc
+    RN->>TQ: UPDATE task status=done
+
+    U->>UI: Poll GET /api/scrape/tasks/{task_id}
+    UI->>BE: GET /api/scrape/status
+    BE->>TQ: get task
+    TQ-->>BE: status=done
+    BE-->>UI: {status:"done"}
+    UI-->>U: Redirect to /books/{slug}
+```
+
+## TTS Audio Generation Pipeline
+
+Audio is generated lazily: on first request the job is enqueued; subsequent
+requests poll for completion and then stream from MinIO via presigned URL.
+
+```mermaid
+flowchart TD
+    A(["POST /api/audio/{slug}/{n}\nbody: voice=af_bella"]) --> B{Audio already\nin MinIO?}
+    B -- yes --> C[200 status: done]
+    B -- no --> D{Job already\nin queue?}
+    D -- "yes pending/generating" --> E[202 task_id + status]
+    D -- no --> F[INSERT audio_task\nstatus=pending\nin PocketBase]
+    F --> E
+
+    G([Runner polls task queue]) --> H[Claim audio_task\nstatus=generating]
+    H --> I["GET /api/chapter-text/{slug}/{n}\nfrom backend — plain text"]
+    I --> J[POST /v1/audio/speech\nto Kokoro-FastAPI\nbody: text + voice]
+    J --> K[Stream MP3 response]
+    K --> L[PUT object to MinIO\naudio/{slug}/{n}/{voice}.mp3]
+    L --> M[UPDATE audio_task\nstatus=done]
+
+    N(["Client polls\nGET /api/audio/status/{slug}/{n}"]) --> O{status?}
+    O -- "pending/generating" --> N
+    O -- done --> P["GET /api/presign/audio/{slug}/{n}"]
+    P --> Q{Valkey cache hit?}
+    Q -- yes --> R[302 → presigned URL]
+    Q -- no --> S[GeneratePresignedURL\nfrom MinIO — TTL 1h]
+    S --> T[Cache in Valkey\nTTL 3500s]
+    T --> R
+    R --> U([Client streams audio\ndirectly from MinIO])
+```
diff --git a/docs/mermaid/request-flow.mermaid.md b/docs/mermaid/request-flow.mermaid.md
new file mode 100644
index 0000000..834182b
--- /dev/null
+++ b/docs/mermaid/request-flow.mermaid.md
@@ -0,0 +1,111 @@
+# Request Flow
+
+Two representative request paths through the stack: a **page load** (SSR) and a
+**media playback** (presigned URL → direct MinIO stream).
+
+## SSR Page Load — Catalogue / Book Detail
+
+```mermaid
+sequenceDiagram
+    actor C as Browser / iOS App
+    participant CD as Caddy :443
+    participant UI as SvelteKit UI :3000
+    participant BE as Backend API :8080
+    participant MS as Meilisearch :7700
+    participant PB as PocketBase :8090
+    participant VK as Valkey :6379
+
+    C->>CD: HTTPS GET /catalogue
+    CD->>UI: proxy /* (SvelteKit catch-all)
+    UI->>BE: GET /api/catalogue?page=1&sort=popular
+    BE->>MS: search(query, filters, sort)
+    MS-->>BE: [{slug, title, …}, …]
+    BE-->>UI: {books[], page, total, has_next}
+    UI-->>CD: SSR HTML
+    CD-->>C: 200 HTML
+
+    Note over C,UI: Infinite scroll — client fetches next page via SvelteKit API route
+    C->>CD: HTTPS GET /api/catalogue-page?page=2
+    CD->>UI: proxy /* (SvelteKit /api/catalogue-page server route)
+    UI->>BE: GET /api/catalogue?page=2
+    BE->>MS: search(…)
+    MS-->>BE: next page
+    BE-->>UI: {books[], …}
+    UI-->>C: JSON
+```
+
+## Audio Playback — Presigned URL Flow
+
+```mermaid
+sequenceDiagram
+    actor C as Browser / iOS App
+    participant CD as Caddy :443
+    participant UI as SvelteKit UI :3000
+    participant BE as Backend API :8080
+    participant VK as Valkey :6379
+    participant MN as MinIO :9000
+
+    C->>CD: GET /api/presign/audio/{slug}/{n}?voice=af_bella
+    CD->>UI: proxy /* (SvelteKit /api/presign/audio route)
+    UI->>BE: GET /api/presign/audio/{slug}/{n}?voice=af_bella
+    BE->>VK: GET presign:audio:{slug}:{n}:{voice}
+    alt cache hit
+        VK-->>BE: presigned URL (TTL remaining)
+        BE-->>UI: 302 redirect → presigned URL
+        UI-->>C: 302 redirect
+    else cache miss
+        BE->>MN: GeneratePresignedURL(audio-bucket, key, 1h)
+        MN-->>BE: presigned URL
+        BE->>VK: SET presign:audio:… EX 3500
+        BE-->>UI: 302 redirect → presigned URL
+        UI-->>C: 302 redirect
+    end
+    C->>MN: GET presigned URL (direct, no proxy)
+    MN-->>C: audio/mpeg stream
+```
+
+## Chapter Read — SSR + Content Fetch
+
+```mermaid
+sequenceDiagram
+    actor C as Browser / iOS App
+    participant CD as Caddy :443
+    participant UI as SvelteKit UI :3000
+    participant BE as Backend API :8080
+    participant PB as PocketBase :8090
+    participant MN as MinIO :9000
+
+    C->>CD: HTTPS GET /books/{slug}/chapters/{n}
+    CD->>UI: proxy /* (SvelteKit catch-all)
+    UI->>PB: getBook(slug) + listChapterIdx(slug)
+    PB-->>UI: book meta + chapter list
+    UI->>BE: GET /api/chapter-text/{slug}/{n}
+    BE->>MN: GetObject(chapters-bucket, {slug}/{n}.md)
+    MN-->>BE: markdown text
+    BE-->>UI: plain text (markdown stripped)
+    Note over UI: marked() → HTML
+    UI-->>CD: SSR HTML
+    CD-->>C: 200 HTML
+```
+
+## Caddy Request Lifecycle
+
+Shows how security hardening applies before a request reaches any upstream.
+
+```mermaid
+flowchart TD
+    A([Incoming HTTPS request]) --> B[TLS termination\nLet's Encrypt cert]
+    B --> C{Rate limit check\ncaddy-ratelimit}
+    C -- over limit --> D[429 Too Many Requests]
+    C -- ok --> E[Add security headers\nX-Frame-Options · X-Content-Type-Options\nReferrer-Policy · Permissions-Policy\nHSTS · X-XSS-Protection\nremove Server header]
+    E --> F{Route match}
+    F -- "/health /scrape*\n/api/browse /api/book-preview/*\n/api/chapter-text/*\n/api/reindex/* /api/cover/*\n/api/audio-proxy/*" --> G[reverse_proxy → backend:8080]
+    F -- "/avatars/*" --> H[reverse_proxy → minio:9000]
+    F -- "/* everything else\n(incl. /api/scrape/*\n/api/chapter-text-preview/*)" --> I[reverse_proxy → ui:3000\nSvelteKit auth middleware runs]
+    G --> J{Upstream healthy?}
+    H --> J
+    I --> J
+    J -- yes --> K([Response to client])
+    J -- "502/503/504" --> L[handle_errors\nstatic HTML from /srv/errors/]
+    L --> K
+```
diff --git a/dozzle/users.yml b/dozzle/users.yml
new file mode 100644
index 0000000..c53b951
--- /dev/null
+++ b/dozzle/users.yml
@@ -0,0 +1,5 @@
+users:
+  admin:
+    name: admin
+    email: admin@libnovel.cc
+    password: "$2y$10$4jqLza2grpxnQn0EGux2C.UmlSxRmOvH/J1ySzOBxMZgW6cA2TnmK"
diff --git a/homelab/docker-compose.yml b/homelab/docker-compose.yml
new file mode 100644
index 0000000..c71a3a4
--- /dev/null
+++ b/homelab/docker-compose.yml
@@ -0,0 +1,556 @@
+# LibNovel homelab
+#
+# Runs on 192.168.0.109. Hosts:
+#   - libnovel runner (background task worker)
+#   - tooling: GlitchTip, Umami, Fider, Dozzle, Uptime Kuma, Gotify
+#   - observability: OTel Collector, Tempo, Loki, Prometheus, Grafana
+#   - cloudflared tunnel (public subdomains via Cloudflare Zero Trust)
+#   - shared Postgres for tooling DBs
+#
+# All secrets come from Doppler (project=libnovel, config=prd_homelab).
+# Run with: doppler run -- docker compose up -d
+#
+# Public subdomains (via Cloudflare Tunnel — no ports exposed to internet):
+#   errors.libnovel.cc    → glitchtip-web:8000
+#   analytics.libnovel.cc → umami:3000
+#   feedback.libnovel.cc  → fider:3000
+#   logs.libnovel.cc      → dozzle:8080
+#   uptime.libnovel.cc    → uptime-kuma:3001
+#   push.libnovel.cc      → gotify:80
+#   grafana.libnovel.cc   → grafana:3000
+#   faro.libnovel.cc      → alloy:12347
+
+services:
+
+  # ── Cloudflare Tunnel ───────────────────────────────────────────────────────
+  # Outbound-only encrypted tunnel to Cloudflare.
+  # Routes all public subdomains to their respective containers on this network.
+  # No inbound ports needed — cloudflared initiates all connections outward.
+  cloudflared:
+    image: cloudflare/cloudflared:latest
+    restart: unless-stopped
+    command: tunnel --no-autoupdate run --token ${CLOUDFLARE_TUNNEL_TOKEN}
+    environment:
+      CLOUDFLARE_TUNNEL_TOKEN: "${CLOUDFLARE_TUNNEL_TOKEN}"
+
+  # ── LibNovel Runner ─────────────────────────────────────────────────────────
+  # Background task worker. Connects to prod PocketBase, MinIO, Meilisearch
+  # via their public subdomains (pb.libnovel.cc, storage.libnovel.cc, etc.)
+  runner:
+    image: kalekber/libnovel-runner:latest
+    restart: unless-stopped
+    stop_grace_period: 135s
+    labels:
+      com.centurylinklabs.watchtower.enable: "true"
+    environment:
+      POCKETBASE_URL: "https://pb.libnovel.cc"
+      POCKETBASE_ADMIN_EMAIL: "${POCKETBASE_ADMIN_EMAIL}"
+      POCKETBASE_ADMIN_PASSWORD: "${POCKETBASE_ADMIN_PASSWORD}"
+
+      MINIO_ENDPOINT: "storage.libnovel.cc"
+      MINIO_ACCESS_KEY: "${MINIO_ROOT_USER}"
+      MINIO_SECRET_KEY: "${MINIO_ROOT_PASSWORD}"
+      MINIO_USE_SSL: "true"
+      MINIO_PUBLIC_ENDPOINT: "${MINIO_PUBLIC_ENDPOINT}"
+      MINIO_PUBLIC_USE_SSL: "${MINIO_PUBLIC_USE_SSL}"
+
+      MEILI_URL: "${MEILI_URL}"
+      MEILI_API_KEY: "${MEILI_API_KEY}"
+      VALKEY_ADDR: ""
+      GODEBUG: "preferIPv4=1"
+
+      # ── LibreTranslate (internal Docker network) ──────────────────────────
+      LIBRETRANSLATE_URL: "http://libretranslate:5000"
+      LIBRETRANSLATE_API_KEY: "${LIBRETRANSLATE_API_KEY}"
+
+      # ── Asynq / Redis ─────────────────────────────────────────────────────
+      REDIS_ADDR: "${REDIS_ADDR}"
+      REDIS_PASSWORD: "${REDIS_PASSWORD}"
+
+      KOKORO_URL: "http://kokoro-fastapi:8880"
+      KOKORO_VOICE: "${KOKORO_VOICE}"
+
+      POCKET_TTS_URL: "http://pocket-tts:8000"
+
+      RUNNER_WORKER_ID: "${RUNNER_WORKER_ID}"
+      RUNNER_POLL_INTERVAL: "${RUNNER_POLL_INTERVAL}"
+      RUNNER_MAX_CONCURRENT_SCRAPE: "${RUNNER_MAX_CONCURRENT_SCRAPE}"
+      RUNNER_MAX_CONCURRENT_AUDIO: "${RUNNER_MAX_CONCURRENT_AUDIO}"
+      RUNNER_MAX_CONCURRENT_TRANSLATION: "${RUNNER_MAX_CONCURRENT_TRANSLATION}"
+      RUNNER_TIMEOUT: "${RUNNER_TIMEOUT}"
+      RUNNER_METRICS_ADDR: "${RUNNER_METRICS_ADDR}"
+      RUNNER_SKIP_INITIAL_CATALOGUE_REFRESH: "true"
+
+      LOG_LEVEL: "${LOG_LEVEL}"
+      GLITCHTIP_DSN: "${GLITCHTIP_DSN_RUNNER}"
+
+      # OTel — send runner traces/logs to Alloy (HTTP)
+      # Alloy forwards traces → OTel collector → Tempo
+      #                   logs → Loki
+      OTEL_EXPORTER_OTLP_ENDPOINT: "http://alloy:4318"
+      OTEL_SERVICE_NAME: "runner"
+
+    healthcheck:
+      test: ["CMD", "/healthcheck", "file", "/tmp/runner.alive", "120"]
+      interval: 60s
+      timeout: 5s
+      retries: 3
+
+  # ── Shared Postgres ─────────────────────────────────────────────────────────
+  # Hosts glitchtip, umami, and fider databases.
+  postgres:
+    image: postgres:16-alpine
+    restart: unless-stopped
+    environment:
+      POSTGRES_USER: "${POSTGRES_USER}"
+      POSTGRES_PASSWORD: "${POSTGRES_PASSWORD}"
+      POSTGRES_DB: postgres
+    expose:
+      - "5432"
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+    healthcheck:
+      test: ["CMD", "pg_isready", "-U", "${POSTGRES_USER}"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  # ── Postgres database initialisation ────────────────────────────────────────
+  postgres-init:
+    image: postgres:16-alpine
+    depends_on:
+      postgres:
+        condition: service_healthy
+    environment:
+      PGPASSWORD: "${POSTGRES_PASSWORD}"
+    entrypoint: >
+      /bin/sh -c "
+        psql -h postgres -U ${POSTGRES_USER} -d postgres -tc \"SELECT 1 FROM pg_database WHERE datname='fider'\" | grep -q 1 ||
+          psql -h postgres -U ${POSTGRES_USER} -d postgres -c \"CREATE DATABASE fider\";
+        psql -h postgres -U ${POSTGRES_USER} -d postgres -tc \"SELECT 1 FROM pg_database WHERE datname='glitchtip'\" | grep -q 1 ||
+          psql -h postgres -U ${POSTGRES_USER} -d postgres -c \"CREATE DATABASE glitchtip\";
+        psql -h postgres -U ${POSTGRES_USER} -d postgres -tc \"SELECT 1 FROM pg_database WHERE datname='umami'\" | grep -q 1 ||
+          psql -h postgres -U ${POSTGRES_USER} -d postgres -c \"CREATE DATABASE umami\";
+        echo 'postgres-init: databases ready';
+      "
+    restart: "no"
+
+  # ── GlitchTip DB migration ──────────────────────────────────────────────────
+  glitchtip-migrate:
+    image: glitchtip/glitchtip:latest
+    depends_on:
+      postgres-init:
+        condition: service_completed_successfully
+      postgres:
+        condition: service_healthy
+    environment:
+      DATABASE_URL: "postgres://${POSTGRES_USER}:${POSTGRES_PASSWORD}@postgres:5432/glitchtip"
+      SECRET_KEY: "${GLITCHTIP_SECRET_KEY}"
+      GLITCHTIP_DOMAIN: "${GLITCHTIP_DOMAIN}"
+      EMAIL_URL: "${GLITCHTIP_EMAIL_URL}"
+      DEFAULT_FROM_EMAIL: "noreply@libnovel.cc"
+      VALKEY_URL: "redis://valkey:6379/1"
+    command: "./manage.py migrate"
+    restart: "no"
+
+  # ── GlitchTip web ───────────────────────────────────────────────────────────
+  glitchtip-web:
+    image: glitchtip/glitchtip:latest
+    restart: unless-stopped
+    depends_on:
+      glitchtip-migrate:
+        condition: service_completed_successfully
+    expose:
+      - "8000"
+    environment:
+      DATABASE_URL: "postgres://${POSTGRES_USER}:${POSTGRES_PASSWORD}@postgres:5432/glitchtip"
+      SECRET_KEY: "${GLITCHTIP_SECRET_KEY}"
+      GLITCHTIP_DOMAIN: "${GLITCHTIP_DOMAIN}"
+      EMAIL_URL: "${GLITCHTIP_EMAIL_URL}"
+      DEFAULT_FROM_EMAIL: "noreply@libnovel.cc"
+      VALKEY_URL: "redis://valkey:6379/1"
+      PORT: "8000"
+      ENABLE_USER_REGISTRATION: "false"
+      MEDIA_ROOT: "/code/uploads"
+    volumes:
+      - glitchtip_uploads:/code/uploads
+      # Patch: GzipChunk fallback for sentry-cli 3.x raw zip uploads (GlitchTip bug)
+      - ./glitchtip/files_api.py:/code/apps/files/api.py:ro
+    healthcheck:
+      test: ["CMD", "python3", "-c", "import urllib.request; urllib.request.urlopen('http://localhost:8000/api/0/')"]
+      interval: 15s
+      timeout: 5s
+      retries: 5
+
+  # ── GlitchTip worker ────────────────────────────────────────────────────────
+  glitchtip-worker:
+    image: glitchtip/glitchtip:latest
+    restart: unless-stopped
+    depends_on:
+      glitchtip-migrate:
+        condition: service_completed_successfully
+    environment:
+      DATABASE_URL: "postgres://${POSTGRES_USER}:${POSTGRES_PASSWORD}@postgres:5432/glitchtip"
+      SECRET_KEY: "${GLITCHTIP_SECRET_KEY}"
+      GLITCHTIP_DOMAIN: "${GLITCHTIP_DOMAIN}"
+      EMAIL_URL: "${GLITCHTIP_EMAIL_URL}"
+      DEFAULT_FROM_EMAIL: "noreply@libnovel.cc"
+      VALKEY_URL: "redis://valkey:6379/1"
+      SERVER_ROLE: "worker"
+      MEDIA_ROOT: "/code/uploads"
+    volumes:
+      - glitchtip_uploads:/code/uploads
+      # Patch: GzipChunk fallback for sentry-cli 3.x raw zip uploads (GlitchTip bug)
+      - ./glitchtip/files_api.py:/code/apps/files/api.py:ro
+
+  # ── Umami ───────────────────────────────────────────────────────────────────
+  umami:
+    image: ghcr.io/umami-software/umami:postgresql-latest
+    restart: unless-stopped
+    depends_on:
+      postgres-init:
+        condition: service_completed_successfully
+      postgres:
+        condition: service_healthy
+    expose:
+      - "3000"
+    environment:
+      DATABASE_URL: "postgresql://${POSTGRES_USER}:${POSTGRES_PASSWORD}@postgres:5432/umami"
+      APP_SECRET: "${UMAMI_APP_SECRET}"
+    healthcheck:
+      test: ["CMD", "curl", "-sf", "http://localhost:3000/api/heartbeat"]
+      interval: 15s
+      timeout: 5s
+      retries: 5
+
+  # ── Fider ───────────────────────────────────────────────────────────────────
+  fider:
+    image: getfider/fider:stable
+    restart: unless-stopped
+    depends_on:
+      postgres-init:
+        condition: service_completed_successfully
+      postgres:
+        condition: service_healthy
+    expose:
+      - "3000"
+    environment:
+      BASE_URL: "${FIDER_BASE_URL}"
+      DATABASE_URL: "postgres://${POSTGRES_USER}:${POSTGRES_PASSWORD}@postgres:5432/fider?sslmode=disable"
+      JWT_SECRET: "${FIDER_JWT_SECRET}"
+      EMAIL_NOREPLY: "noreply@libnovel.cc"
+      EMAIL_SMTP_HOST: "${FIDER_SMTP_HOST}"
+      EMAIL_SMTP_PORT: "${FIDER_SMTP_PORT}"
+      EMAIL_SMTP_USERNAME: "${FIDER_SMTP_USER}"
+      EMAIL_SMTP_PASSWORD: "${FIDER_SMTP_PASSWORD}"
+      EMAIL_SMTP_ENABLE_STARTTLS: "${FIDER_SMTP_ENABLE_STARTTLS}"
+      OAUTH_GOOGLE_CLIENTID: "${OAUTH_GOOGLE_CLIENTID}"
+      OAUTH_GOOGLE_SECRET: "${OAUTH_GOOGLE_SECRET}"
+      OAUTH_GITHUB_CLIENTID: "${OAUTH_GITHUB_CLIENTID}"
+      OAUTH_GITHUB_SECRET: "${OAUTH_GITHUB_SECRET}"
+
+  # ── Dozzle ──────────────────────────────────────────────────────────────────
+  # Watches both homelab and prod containers.
+  # Prod agent runs on 165.22.70.138:7007 (added separately to prod compose).
+  dozzle:
+    image: amir20/dozzle:latest
+    restart: unless-stopped
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock:ro
+      - ./dozzle/users.yml:/data/users.yml:ro
+    expose:
+      - "8080"
+    environment:
+      DOZZLE_AUTH_PROVIDER: simple
+      DOZZLE_HOSTNAME: "logs.libnovel.cc"
+      DOZZLE_REMOTE_AGENT: "prod@165.22.70.138:7007"
+    healthcheck:
+      test: ["CMD", "/dozzle", "healthcheck"]
+      interval: 15s
+      timeout: 5s
+      retries: 5
+
+  # ── Uptime Kuma ─────────────────────────────────────────────────────────────
+  uptime-kuma:
+    image: louislam/uptime-kuma:1
+    restart: unless-stopped
+    volumes:
+      - uptime_kuma_data:/app/data
+    expose:
+      - "3001"
+    healthcheck:
+      test: ["CMD", "extra/healthcheck"]
+      interval: 15s
+      timeout: 5s
+      retries: 5
+
+  # ── Gotify ──────────────────────────────────────────────────────────────────
+  gotify:
+    image: gotify/server:latest
+    restart: unless-stopped
+    volumes:
+      - gotify_data:/app/data
+    expose:
+      - "80"
+    environment:
+      GOTIFY_DEFAULTUSER_NAME: "${GOTIFY_ADMIN_USER}"
+      GOTIFY_DEFAULTUSER_PASS: "${GOTIFY_ADMIN_PASS}"
+      GOTIFY_SERVER_PORT: "80"
+    healthcheck:
+      test: ["CMD", "curl", "-sf", "http://localhost:80/health"]
+      interval: 15s
+      timeout: 5s
+      retries: 5
+
+  # ── Redis (Asynq task queue) ────────────────────────────────────────────────
+  # Dedicated Redis instance for Asynq job dispatch.
+  # The prod backend enqueues jobs via redis.libnovel.cc:6380 (Caddy TLS proxy →
+  # host:6379). The runner reads from this instance directly on the Docker network.
+  # Port is bound to 0.0.0.0:6379 so the Caddy layer4 proxy on prod can reach it.
+  redis:
+    image: redis:7-alpine
+    restart: unless-stopped
+    command: ["redis-server", "--appendonly", "yes", "--requirepass", "${REDIS_PASSWORD}"]
+    ports:
+      - "6379:6379"
+    volumes:
+      - redis_data:/data
+    healthcheck:
+      test: ["CMD", "redis-cli", "-a", "${REDIS_PASSWORD}", "ping"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  # ── LibreTranslate ──────────────────────────────────────────────────────────
+  # Self-hosted machine translation. Runner connects via http://libretranslate:5000.
+  # Only English → configured target languages are loaded to save RAM.
+  libretranslate:
+    image: libretranslate/libretranslate:latest
+    restart: unless-stopped
+    environment:
+      LT_API_KEYS: "true"
+      LT_API_KEYS_DB_PATH: "/app/db/api_keys.db"
+      LT_LOAD_ONLY: "en,ru,id,pt,fr"
+      LT_DISABLE_WEB_UI: "true"
+      LT_UPDATE_MODELS: "false"
+    expose:
+      - "5000"
+    volumes:
+      - libretranslate_data:/app/db
+    healthcheck:
+      test: ["CMD", "curl", "-sf", "http://localhost:5000/languages"]
+      interval: 30s
+      timeout: 10s
+      retries: 5
+      start_period: 60s
+
+  # ── Valkey ──────────────────────────────────────────────────────────────────
+  # Used by GlitchTip for task queuing.
+  valkey:
+    image: valkey/valkey:7-alpine
+    restart: unless-stopped
+    expose:
+      - "6379"
+    volumes:
+      - valkey_data:/data
+    healthcheck:
+      test: ["CMD", "valkey-cli", "ping"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  # ── Grafana Alloy (Faro RUM receiver) ───────────────────────────────────────
+  # Receives browser telemetry from @grafana/faro-web-sdk (Web Vitals, traces,
+  # errors). Exposes POST /collect at faro.libnovel.cc via cloudflared.
+  # Forwards traces to otel-collector (→ Tempo) and logs to Loki directly.
+  alloy:
+    image: grafana/alloy:latest
+    restart: unless-stopped
+    command: ["run", "--server.http.listen-addr=0.0.0.0:12348", "/etc/alloy/alloy.river"]
+    volumes:
+      - ./otel/alloy.river:/etc/alloy/alloy.river:ro
+    expose:
+      - "12347"  # Faro HTTP receiver (POST /collect)
+      - "12348"  # Alloy UI / health endpoint
+      - "4318"   # OTLP receiver (HTTP) for backend/runner logs
+    depends_on:
+      - otel-collector
+      - loki
+
+  # ── OTel Collector ──────────────────────────────────────────────────────────
+  # Receives OTLP from backend/ui/runner, fans out to Tempo + Prometheus + Loki.
+  otel-collector:
+    image: otel/opentelemetry-collector-contrib:latest
+    restart: unless-stopped
+    volumes:
+      - ./otel/collector.yaml:/etc/otelcol-contrib/config.yaml:ro
+    expose:
+      - "14317"  # OTLP gRPC (Alloy forwards traces here)
+      - "14318"  # OTLP HTTP (Alloy forwards traces here)
+      - "8888"   # Collector self-metrics (scraped by Prometheus)
+    depends_on:
+      - tempo
+      - prometheus
+      - loki
+    # No healthcheck — distroless image has no shell or curl
+
+  # ── Tempo ───────────────────────────────────────────────────────────────────
+  # Distributed trace storage. Receives OTLP from the collector.
+  tempo:
+    image: grafana/tempo:2.6.1
+    restart: unless-stopped
+    command: ["-config.file=/etc/tempo.yaml"]
+    volumes:
+      - ./otel/tempo.yaml:/etc/tempo.yaml:ro
+      - tempo_data:/var/tempo
+    expose:
+      - "3200"  # Tempo query API (queried by Grafana)
+      - "4317"  # OTLP gRPC ingest (collector → tempo)
+    healthcheck:
+      test: ["CMD", "wget", "-qO-", "http://localhost:3200/ready"]
+      interval: 15s
+      timeout: 5s
+      retries: 5
+
+  # ── Prometheus ──────────────────────────────────────────────────────────────
+  # Scrapes metrics from backend (via prod), runner, and otel-collector.
+  prometheus:
+    image: prom/prometheus:latest
+    restart: unless-stopped
+    command:
+      - "--config.file=/etc/prometheus/prometheus.yaml"
+      - "--storage.tsdb.path=/prometheus"
+      - "--storage.tsdb.retention.time=30d"
+      - "--web.enable-remote-write-receiver"
+    volumes:
+      - ./otel/prometheus.yaml:/etc/prometheus/prometheus.yaml:ro
+      - prometheus_data:/prometheus
+    expose:
+      - "9090"
+    healthcheck:
+      test: ["CMD", "wget", "-qO-", "http://localhost:9090/-/healthy"]
+      interval: 15s
+      timeout: 5s
+      retries: 5
+
+  # ── Loki ────────────────────────────────────────────────────────────────────
+  # Log aggregation. Receives logs from OTel collector. Replaces manual Dozzle
+  # tailing for structured log search.
+  loki:
+    image: grafana/loki:latest
+    restart: unless-stopped
+    command: ["-config.file=/etc/loki/loki.yaml"]
+    volumes:
+      - ./otel/loki.yaml:/etc/loki/loki.yaml:ro
+      - loki_data:/loki
+    expose:
+      - "3100"
+    # No healthcheck — distroless image has no shell or curl
+
+  # ── Grafana ─────────────────────────────────────────────────────────────────
+  # Single UI for traces (Tempo), metrics (Prometheus), and logs (Loki).
+  # Accessible at grafana.libnovel.cc via Cloudflare Tunnel.
+  grafana:
+    image: grafana/grafana:latest
+    restart: unless-stopped
+    depends_on:
+      - tempo
+      - prometheus
+      - loki
+    expose:
+      - "3000"
+    volumes:
+      - grafana_data:/var/lib/grafana
+      - ./otel/grafana/provisioning:/etc/grafana/provisioning:ro
+    environment:
+      GF_SERVER_ROOT_URL: "https://grafana.libnovel.cc"
+      GF_SECURITY_ADMIN_USER: "${GRAFANA_ADMIN_USER}"
+      GF_SECURITY_ADMIN_PASSWORD: "${GRAFANA_ADMIN_PASSWORD}"
+      GF_AUTH_ANONYMOUS_ENABLED: "false"
+      GF_FEATURE_TOGGLES_ENABLE: "traceqlEditor"
+    healthcheck:
+      test: ["CMD", "wget", "-qO-", "http://localhost:3000/api/health"]
+      interval: 15s
+      timeout: 5s
+      retries: 5
+
+  # ── Kokoro-FastAPI (GPU TTS) ────────────────────────────────────────────────
+  # OpenAI-compatible TTS service backed by the Kokoro model, running on the
+  # homelab RTX 3050 (8 GB VRAM). Replaces the broken kokoro.kalekber.cc DNS.
+  # Voices match existing IDs: af_bella, af_sky, af_heart, etc.
+  # The runner reaches it at http://kokoro-fastapi:8880 via the Docker network.
+  kokoro-fastapi:
+    image: kokoro-fastapi:latest
+    restart: unless-stopped
+    deploy:
+      resources:
+        reservations:
+          devices:
+            - driver: nvidia
+              count: 1
+              capabilities: [gpu]
+    expose:
+      - "8880"
+    healthcheck:
+      test: ["CMD", "curl", "-sf", "http://localhost:8880/health"]
+      interval: 30s
+      timeout: 10s
+      retries: 5
+      start_period: 60s
+
+  # ── pocket-tts (CPU TTS) ────────────────────────────────────────────────────
+  # Lightweight CPU-only TTS using kyutai-labs/pocket-tts.
+  # Image is built locally on homelab from https://github.com/kyutai-labs/pocket-tts
+  # (no prebuilt image published): cd /tmp && git clone --depth=1 https://github.com/kyutai-labs/pocket-tts.git && docker build -t pocket-tts:latest /tmp/pocket-tts
+  # OpenAI-compatible: POST /tts (multipart form) on port 8000.
+  # Voices: alba, marius, javert, jean, fantine, cosette, eponine, azelma, etc.
+  # Not currently used by the runner (runner uses kokoro-fastapi), but available
+  # for experimentation / fallback.
+  pocket-tts:
+    image: pocket-tts:latest
+    restart: unless-stopped
+    command: ["uv", "run", "pocket-tts", "serve", "--host", "0.0.0.0"]
+    expose:
+      - "8000"
+    volumes:
+      - pocket_tts_cache:/root/.cache/pocket_tts
+      - hf_cache:/root/.cache/huggingface
+    healthcheck:
+      test: ["CMD", "curl", "-sf", "http://localhost:8000/health"]
+      interval: 30s
+      timeout: 10s
+      retries: 5
+      start_period: 120s
+
+  # ── Watchtower ──────────────────────────────────────────────────────────────
+  # Auto-updates runner image when CI pushes a new tag.
+  # Only watches services with the watchtower label.
+  # doppler binary is mounted from the host so watchtower fetches fresh secrets
+  # on every start (notification URL, credentials) without baking them in.
+  watchtower:
+    image: containrrr/watchtower:latest
+    restart: unless-stopped
+    entrypoint: ["/usr/bin/doppler", "run", "--project", "libnovel", "--config", "prd_homelab", "--"]
+    command: ["/watchtower", "--label-enable", "--interval", "300", "--cleanup"]
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock
+      - /usr/bin/doppler:/usr/bin/doppler:ro
+      - /root/.doppler:/root/.doppler:ro
+    environment:
+      HOME: "/root"
+      DOCKER_API_VERSION: "1.44"
+
+volumes:
+  postgres_data:
+  redis_data:
+  libretranslate_data:
+  valkey_data:
+  uptime_kuma_data:
+  gotify_data:
+  tempo_data:
+  prometheus_data:
+  loki_data:
+  grafana_data:
+  pocket_tts_cache:
+  hf_cache:
+  glitchtip_uploads:
diff --git a/homelab/dozzle/users.yml b/homelab/dozzle/users.yml
new file mode 100644
index 0000000..c53b951
--- /dev/null
+++ b/homelab/dozzle/users.yml
@@ -0,0 +1,5 @@
+users:
+  admin:
+    name: admin
+    email: admin@libnovel.cc
+    password: "$2y$10$4jqLza2grpxnQn0EGux2C.UmlSxRmOvH/J1ySzOBxMZgW6cA2TnmK"
diff --git a/homelab/glitchtip/files_api.py b/homelab/glitchtip/files_api.py
new file mode 100644
index 0000000..0a3672a
--- /dev/null
+++ b/homelab/glitchtip/files_api.py
@@ -0,0 +1,127 @@
+"""Port of sentry.api.endpoints.chunk.ChunkUploadEndpoint"""
+
+import logging
+from gzip import GzipFile
+from io import BytesIO
+
+from django.conf import settings
+from django.shortcuts import aget_object_or_404
+from django.urls import reverse
+from ninja import File, Router
+from ninja.errors import HttpError
+from ninja.files import UploadedFile
+
+from apps.organizations_ext.models import Organization
+from glitchtip.api.authentication import AuthHttpRequest
+from glitchtip.api.decorators import optional_slash
+from glitchtip.api.permissions import has_permission
+
+from .models import FileBlob
+
+# Force just one blob
+CHUNK_UPLOAD_BLOB_SIZE = 32 * 1024 * 1024  # 32MB
+MAX_CHUNKS_PER_REQUEST = 1
+MAX_REQUEST_SIZE = CHUNK_UPLOAD_BLOB_SIZE
+MAX_CONCURRENCY = 1
+HASH_ALGORITHM = "sha1"
+
+CHUNK_UPLOAD_ACCEPT = (
+    "debug_files",  # DIF assemble
+    "release_files",  # Release files assemble
+    "pdbs",  # PDB upload and debug id override
+    "sources",  # Source artifact bundle upload
+    "artifact_bundles",  # Artifact bundles contain debug ids to link source to sourcemaps
+    "proguard",
+)
+
+
+class GzipChunk(BytesIO):
+    def __init__(self, file):
+        raw = file.read()
+        try:
+            data = GzipFile(fileobj=BytesIO(raw), mode="rb").read()
+        except Exception:
+            # sentry-cli 3.x sends raw (uncompressed) zip data despite gzip being
+            # advertised by the server — fall back to using the raw bytes as-is.
+            data = raw
+        self.size = len(data)
+        self.name = file.name
+        super().__init__(data)
+
+
+router = Router()
+
+
+@optional_slash(router, "get", "organizations/{slug:organization_slug}/chunk-upload/")
+async def get_chunk_upload_info(request: AuthHttpRequest, organization_slug: str):
+    """Get server settings for chunk file upload"""
+    path = reverse("api:get_chunk_upload_info", args=[organization_slug])
+    url = (
+        path
+        if settings.GLITCHTIP_CHUNK_UPLOAD_USE_RELATIVE_URL
+        else settings.GLITCHTIP_URL.geturl() + path
+    )
+    return {
+        "url": url,
+        "chunkSize": CHUNK_UPLOAD_BLOB_SIZE,
+        "chunksPerRequest": MAX_CHUNKS_PER_REQUEST,
+        "maxFileSize": 2147483648,
+        "maxRequestSize": MAX_REQUEST_SIZE,
+        "concurrency": MAX_CONCURRENCY,
+        "hashAlgorithm": HASH_ALGORITHM,
+        "compression": ["gzip"],
+        "accept": CHUNK_UPLOAD_ACCEPT,
+    }
+
+
+@optional_slash(router, "post", "organizations/{slug:organization_slug}/chunk-upload/")
+@has_permission(["project:write", "project:admin", "project:releases"])
+async def chunk_upload(
+    request: AuthHttpRequest,
+    organization_slug: str,
+    file_gzip: list[UploadedFile] = File(...),
+):
+    """Upload one more more gzipped files to save"""
+    logger = logging.getLogger("glitchtip.files")
+    logger.info("chunkupload.start")
+
+    organization = await aget_object_or_404(
+        Organization, slug=organization_slug.lower(), users=request.auth.user_id
+    )
+
+    files = [GzipChunk(chunk) for chunk in file_gzip]
+
+    if len(files) == 0:
+        # No files uploaded is ok
+        logger.info("chunkupload.end", extra={"status": 200})
+        return
+
+    logger.info("chunkupload.post.files", extra={"len": len(files)})
+
+    # Validate file size
+    checksums = []
+    size = 0
+    for chunk in files:
+        size += chunk.size
+        if chunk.size > CHUNK_UPLOAD_BLOB_SIZE:
+            logger.info("chunkupload.end", extra={"status": 400})
+            raise HttpError(400, "Chunk size too large")
+        checksums.append(chunk.name)
+
+    if size > MAX_REQUEST_SIZE:
+        logger.info("chunkupload.end", extra={"status": 400})
+        raise HttpError(400, "Request too large")
+
+    if len(files) > MAX_CHUNKS_PER_REQUEST:
+        logger.info("chunkupload.end", extra={"status": 400})
+        raise HttpError(400, "Too many chunks")
+
+    try:
+        await FileBlob.from_files(
+            zip(files, checksums), organization=organization, logger=logger
+        )
+    except IOError as err:
+        logger.info("chunkupload.end", extra={"status": 400})
+        raise HttpError(400, str(err)) from err
+
+    logger.info("chunkupload.end", extra={"status": 200})
diff --git a/homelab/otel/alloy.river b/homelab/otel/alloy.river
new file mode 100644
index 0000000..ed37e26
--- /dev/null
+++ b/homelab/otel/alloy.river
@@ -0,0 +1,81 @@
+// Grafana Alloy — Faro RUM receiver + OTel log bridge
+//
+// Receives browser telemetry (Web Vitals, traces, logs, exceptions) from the
+// LibNovel SvelteKit frontend via the @grafana/faro-web-sdk.
+//
+// Also receives OTLP logs from the backend and runner services, and forwards
+// them to Loki in the native push format (solving the OTLP→Loki gap).
+//
+// Pipeline:
+//   faro.receiver     → receives HTTP POST /collect from browsers
+//   otelcol.receiver.otlp → receives OTLP logs from backend/runner (HTTP :4318)
+//   otelcol.exporter.otlphttp → forwards traces to OTel Collector → Tempo
+//   loki.write                    → forwards Faro logs/exceptions to Loki
+//   otelcol.exporter.loki        → forwards OTel logs to Loki (native format)
+//
+// The Faro endpoint is exposed publicly at faro.libnovel.cc via cloudflared.
+
+faro.receiver "faro" {
+  server {
+    listen_address = "0.0.0.0"
+    listen_port    = 12347
+
+    cors_allowed_origins = ["https://libnovel.cc", "https://www.libnovel.cc"]
+  }
+
+  output {
+    logs   = [loki.write.faro.receiver]
+    traces = [otelcol.exporter.otlphttp.faro.input]
+  }
+}
+
+// Receive OTLP traces and logs from backend/runner
+otelcol.receiver.otlp "otel_logs" {
+  http {
+    endpoint = "0.0.0.0:4318"
+  }
+
+  output {
+    logs   = [otelcol.exporter.loki.otel_logs.input]
+    traces = [otelcol.exporter.otlphttp.otel_logs.input]
+  }
+}
+
+// Convert OTel logs to Loki format and forward to loki.write
+otelcol.exporter.loki "otel_logs" {
+  forward_to = [loki.write.otel_logs.receiver]
+}
+
+// Send backend/runner traces to the OTel Collector → Tempo
+otelcol.exporter.otlphttp "otel_logs" {
+  client {
+    endpoint = "http://otel-collector:4318"
+    tls {
+      insecure = true
+    }
+  }
+}
+
+// Push backend/runner logs to Loki (native push format)
+loki.write "otel_logs" {
+  endpoint {
+    url = "http://loki:3100/loki/api/v1/push"
+  }
+}
+
+// Forward Faro traces to the OTel Collector (which routes to Tempo)
+otelcol.exporter.otlphttp "faro" {
+  client {
+    endpoint = "http://otel-collector:4318"
+    tls {
+      insecure = true
+    }
+  }
+}
+
+// Forward Faro logs/exceptions directly to Loki
+loki.write "faro" {
+  endpoint {
+    url = "http://loki:3100/loki/api/v1/push"
+  }
+}
diff --git a/homelab/otel/collector.yaml b/homelab/otel/collector.yaml
new file mode 100644
index 0000000..9d6ac6b
--- /dev/null
+++ b/homelab/otel/collector.yaml
@@ -0,0 +1,79 @@
+# OTel Collector config
+#
+# Receivers:  OTLP (gRPC + HTTP) from backend, ui, runner
+# Processors: batch for efficiency, resource detection for host metadata
+# Exporters:  Tempo (traces), Prometheus (metrics), Loki (logs)
+
+receivers:
+  otlp:
+    protocols:
+      grpc:
+        endpoint: 0.0.0.0:4317
+      http:
+        endpoint: 0.0.0.0:4318
+
+processors:
+  batch:
+    timeout: 5s
+    send_batch_size: 512
+
+  # Attach host metadata to traces/metrics
+  resourcedetection:
+    detectors: [env, system]
+    timeout: 5s
+
+exporters:
+  # Traces → Tempo
+  otlp/tempo:
+    endpoint: tempo:4317
+    tls:
+      insecure: true
+
+  # Metrics → Prometheus (remote write)
+  prometheusremotewrite:
+    endpoint: "http://prometheus:9090/api/v1/write"
+    tls:
+      insecure_skip_verify: true
+
+  # Logs → Loki (via OTLP HTTP endpoint)
+  otlphttp/loki:
+    endpoint: "http://loki:3100/otlp"
+    tls:
+      insecure: true
+
+  # Collector self-observability (optional debug)
+  debug:
+    verbosity: basic
+
+extensions:
+  health_check:
+    endpoint: 0.0.0.0:13133
+  pprof:
+    endpoint: 0.0.0.0:1777
+
+service:
+  extensions: [health_check, pprof]
+  telemetry:
+    metrics:
+      # otel-collector v0.103+ replaced `address` with `readers`
+      readers:
+        - pull:
+            exporter:
+              prometheus:
+                host: 0.0.0.0
+                port: 8888
+  pipelines:
+    traces:
+      receivers: [otlp]
+      processors: [resourcedetection, batch]
+      exporters: [otlp/tempo]
+    metrics:
+      receivers: [otlp]
+      processors: [resourcedetection, batch]
+      exporters: [prometheusremotewrite]
+    logs:
+      receivers: [otlp]
+      # No resourcedetection — preserve service.name from OTel resource attributes
+      # (backend=backend, runner=runner, Alloy/Faro=no service.name → unknown_service)
+      processors: [batch]
+      exporters: [otlphttp/loki]
diff --git a/homelab/otel/grafana/provisioning/alerting/contact-points.yaml b/homelab/otel/grafana/provisioning/alerting/contact-points.yaml
new file mode 100644
index 0000000..6852319
--- /dev/null
+++ b/homelab/otel/grafana/provisioning/alerting/contact-points.yaml
@@ -0,0 +1,16 @@
+# Grafana alerting provisioning — contact points
+# Sends all alerts to Gotify (self-hosted push notifications).
+apiVersion: 1
+
+contactPoints:
+  - orgId: 1
+    name: Gotify
+    receivers:
+      - uid: gotify-webhook
+        type: webhook
+        settings:
+          url: "http://gotify/message?token=ABZrZgCY-4ivcmt"
+          httpMethod: POST
+          title: "{{ .CommonLabels.alertname }}"
+          message: "{{ range .Alerts }}{{ .Annotations.summary }}\n{{ .Annotations.description }}{{ end }}"
+        disableResolveMessage: false
diff --git a/homelab/otel/grafana/provisioning/alerting/notification-policy.yaml b/homelab/otel/grafana/provisioning/alerting/notification-policy.yaml
new file mode 100644
index 0000000..1876a2b
--- /dev/null
+++ b/homelab/otel/grafana/provisioning/alerting/notification-policy.yaml
@@ -0,0 +1,15 @@
+# Grafana alerting provisioning — notification policies
+# Routes all alerts to Gotify by default.
+apiVersion: 1
+
+policies:
+  - orgId: 1
+    receiver: Gotify
+    group_by: ["alertname", "service"]
+    group_wait: 30s
+    group_interval: 5m
+    repeat_interval: 4h
+    routes:
+      - receiver: Gotify
+        matchers:
+          - severity =~ "critical|warning"
diff --git a/homelab/otel/grafana/provisioning/alerting/rules.yaml b/homelab/otel/grafana/provisioning/alerting/rules.yaml
new file mode 100644
index 0000000..da97ac1
--- /dev/null
+++ b/homelab/otel/grafana/provisioning/alerting/rules.yaml
@@ -0,0 +1,214 @@
+# Grafana alerting provisioning — alert rules
+# Covers: runner down, high task failure rate, audio error spike, backend error spike.
+apiVersion: 1
+
+groups:
+  - orgId: 1
+    name: LibNovel Runner
+    folder: LibNovel
+    interval: 1m
+    rules:
+
+      - uid: runner-down
+        title: Runner Down
+        condition: C
+        for: 2m
+        annotations:
+          summary: "LibNovel runner is not reachable"
+          description: "The Prometheus scrape of runner:9091 has been failing for >2 minutes. Tasks are not being processed."
+        labels:
+          severity: critical
+          service: runner
+        data:
+          - refId: A
+            datasourceUid: prometheus
+            relativeTimeRange: { from: 300, to: 0 }
+            model:
+              expr: "up{job=\"libnovel-runner\"}"
+              instant: true
+              intervalMs: 1000
+              maxDataPoints: 43200
+          - refId: C
+            datasourceUid: __expr__
+            relativeTimeRange: { from: 300, to: 0 }
+            model:
+              type: classic_conditions
+              conditions:
+                - evaluator: { params: [1], type: lt }
+                  operator: { type: and }
+                  query: { params: [A] }
+                  reducer: { params: [], type: last }
+
+      - uid: runner-high-failure-rate
+        title: Runner High Task Failure Rate
+        condition: C
+        for: 5m
+        annotations:
+          summary: "Runner task failure rate is above 20%"
+          description: "More than 20% of runner tasks have been failing for the last 5 minutes. Check runner logs."
+        labels:
+          severity: warning
+          service: runner
+        data:
+          - refId: A
+            datasourceUid: prometheus
+            relativeTimeRange: { from: 600, to: 0 }
+            model:
+              expr: "rate(libnovel_runner_tasks_failed_total[5m]) / clamp_min(rate(libnovel_runner_tasks_completed_total[5m]) + rate(libnovel_runner_tasks_failed_total[5m]), 0.001)"
+              instant: true
+              intervalMs: 1000
+              maxDataPoints: 43200
+          - refId: C
+            datasourceUid: __expr__
+            relativeTimeRange: { from: 600, to: 0 }
+            model:
+              type: classic_conditions
+              conditions:
+                - evaluator: { params: [0.2], type: gt }
+                  operator: { type: and }
+                  query: { params: [A] }
+                  reducer: { params: [], type: last }
+
+      - uid: runner-tasks-stalled
+        title: Runner Tasks Stalled
+        condition: C
+        for: 10m
+        annotations:
+          summary: "Runner has tasks running for >10 minutes with no completions"
+          description: "tasks_running > 0 but rate(tasks_completed) is 0. Tasks may be stuck or the runner is in a crash loop."
+        labels:
+          severity: warning
+          service: runner
+        data:
+          - refId: Running
+            datasourceUid: prometheus
+            relativeTimeRange: { from: 900, to: 0 }
+            model:
+              expr: "libnovel_runner_tasks_running"
+              instant: true
+              intervalMs: 1000
+              maxDataPoints: 43200
+          - refId: Rate
+            datasourceUid: prometheus
+            relativeTimeRange: { from: 900, to: 0 }
+            model:
+              expr: "rate(libnovel_runner_tasks_completed_total[10m])"
+              instant: true
+              intervalMs: 1000
+              maxDataPoints: 43200
+          - refId: C
+            datasourceUid: __expr__
+            relativeTimeRange: { from: 900, to: 0 }
+            model:
+              type: classic_conditions
+              conditions:
+                - evaluator: { params: [0], type: gt }
+                  operator: { type: and }
+                  query: { params: [Running] }
+                  reducer: { params: [], type: last }
+                - evaluator: { params: [0.001], type: lt }
+                  operator: { type: and }
+                  query: { params: [Rate] }
+                  reducer: { params: [], type: last }
+
+  - orgId: 1
+    name: LibNovel Backend
+    folder: LibNovel
+    interval: 1m
+    rules:
+
+      - uid: backend-high-error-rate
+        title: Backend High Error Rate
+        condition: C
+        for: 5m
+        annotations:
+          summary: "Backend API error rate above 5%"
+          description: "More than 5% of backend HTTP requests are returning 5xx status codes (as seen from UI OTel instrumentation)."
+        labels:
+          severity: warning
+          service: backend
+        data:
+          - refId: A
+            datasourceUid: prometheus
+            relativeTimeRange: { from: 600, to: 0 }
+            model:
+              expr: "sum(rate(http_client_request_duration_seconds_count{job=\"ui\", server_address=\"backend\", http_response_status_code=~\"5..\"}[5m])) / clamp_min(sum(rate(http_client_request_duration_seconds_count{job=\"ui\", server_address=\"backend\"}[5m])), 0.001)"
+              instant: true
+              intervalMs: 1000
+              maxDataPoints: 43200
+          - refId: C
+            datasourceUid: __expr__
+            relativeTimeRange: { from: 600, to: 0 }
+            model:
+              type: classic_conditions
+              conditions:
+                - evaluator: { params: [0.05], type: gt }
+                  operator: { type: and }
+                  query: { params: [A] }
+                  reducer: { params: [], type: last }
+
+      - uid: backend-high-p95-latency
+        title: Backend High p95 Latency
+        condition: C
+        for: 5m
+        annotations:
+          summary: "Backend p95 latency above 2s"
+          description: "95th percentile latency of backend spans has exceeded 2 seconds for >5 minutes."
+        labels:
+          severity: warning
+          service: backend
+        data:
+          - refId: A
+            datasourceUid: prometheus
+            relativeTimeRange: { from: 600, to: 0 }
+            model:
+              expr: "histogram_quantile(0.95, sum(rate(traces_spanmetrics_latency_bucket{service=\"backend\"}[5m])) by (le))"
+              instant: true
+              intervalMs: 1000
+              maxDataPoints: 43200
+          - refId: C
+            datasourceUid: __expr__
+            relativeTimeRange: { from: 600, to: 0 }
+            model:
+              type: classic_conditions
+              conditions:
+                - evaluator: { params: [2], type: gt }
+                  operator: { type: and }
+                  query: { params: [A] }
+                  reducer: { params: [], type: last }
+
+  - orgId: 1
+    name: LibNovel OTel Pipeline
+    folder: LibNovel
+    interval: 2m
+    rules:
+
+      - uid: otel-collector-down
+        title: OTel Collector Down
+        condition: C
+        for: 3m
+        annotations:
+          summary: "OTel collector is not reachable"
+          description: "Prometheus cannot scrape otel-collector:8888. Traces and logs may be dropping."
+        labels:
+          severity: warning
+          service: otel-collector
+        data:
+          - refId: A
+            datasourceUid: prometheus
+            relativeTimeRange: { from: 600, to: 0 }
+            model:
+              expr: "up{job=\"otel-collector\"}"
+              instant: true
+              intervalMs: 1000
+              maxDataPoints: 43200
+          - refId: C
+            datasourceUid: __expr__
+            relativeTimeRange: { from: 600, to: 0 }
+            model:
+              type: classic_conditions
+              conditions:
+                - evaluator: { params: [1], type: lt }
+                  operator: { type: and }
+                  query: { params: [A] }
+                  reducer: { params: [], type: last }
diff --git a/homelab/otel/grafana/provisioning/dashboards/backend.json b/homelab/otel/grafana/provisioning/dashboards/backend.json
new file mode 100644
index 0000000..ef00fd7
--- /dev/null
+++ b/homelab/otel/grafana/provisioning/dashboards/backend.json
@@ -0,0 +1,307 @@
+{
+  "uid": "libnovel-backend",
+  "title": "Backend API",
+  "description": "Request rate, error rate, and latency for the LibNovel backend. Powered by Tempo span metrics.",
+  "tags": ["libnovel", "backend", "api"],
+  "timezone": "browser",
+  "refresh": "30s",
+  "time": { "from": "now-3h", "to": "now" },
+  "schemaVersion": 39,
+  "panels": [
+    {
+      "id": 1,
+      "type": "stat",
+      "title": "Request Rate (RPS)",
+      "gridPos": { "x": 0, "y": 0, "w": 4, "h": 4 },
+      "options": {
+        "reduceOptions": { "calcs": ["lastNotNull"] },
+        "colorMode": "value",
+        "graphMode": "area",
+        "textMode": "auto"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "reqps",
+          "color": { "mode": "thresholds" },
+          "thresholds": { "mode": "absolute", "steps": [{ "color": "green", "value": null }] }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "sum(rate(traces_spanmetrics_calls_total{service=\"backend\"}[5m]))",
+          "legendFormat": "rps",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 2,
+      "type": "stat",
+      "title": "Error Rate",
+      "gridPos": { "x": 4, "y": 0, "w": 4, "h": 4 },
+      "options": {
+        "reduceOptions": { "calcs": ["lastNotNull"] },
+        "colorMode": "background",
+        "graphMode": "none"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "percentunit",
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              { "color": "green", "value": null },
+              { "color": "yellow", "value": 0.01 },
+              { "color": "red", "value": 0.05 }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "sum(rate(traces_spanmetrics_calls_total{service=\"backend\", status_code=\"STATUS_CODE_ERROR\"}[5m])) / clamp_min(sum(rate(traces_spanmetrics_calls_total{service=\"backend\"}[5m])), 0.001)",
+          "legendFormat": "error rate",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 3,
+      "type": "stat",
+      "title": "p50 Latency",
+      "gridPos": { "x": 8, "y": 0, "w": 4, "h": 4 },
+      "options": { "reduceOptions": { "calcs": ["lastNotNull"] }, "colorMode": "value", "graphMode": "area" },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "s",
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              { "color": "green", "value": null },
+              { "color": "yellow", "value": 0.2 },
+              { "color": "red", "value": 1 }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "histogram_quantile(0.50, sum(rate(traces_spanmetrics_latency_bucket{service=\"backend\"}[5m])) by (le))",
+          "legendFormat": "p50",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 4,
+      "type": "stat",
+      "title": "p95 Latency",
+      "gridPos": { "x": 12, "y": 0, "w": 4, "h": 4 },
+      "options": { "reduceOptions": { "calcs": ["lastNotNull"] }, "colorMode": "value", "graphMode": "area" },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "s",
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              { "color": "green", "value": null },
+              { "color": "yellow", "value": 0.5 },
+              { "color": "red", "value": 2 }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "histogram_quantile(0.95, sum(rate(traces_spanmetrics_latency_bucket{service=\"backend\"}[5m])) by (le))",
+          "legendFormat": "p95",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 5,
+      "type": "stat",
+      "title": "p99 Latency",
+      "gridPos": { "x": 16, "y": 0, "w": 4, "h": 4 },
+      "options": { "reduceOptions": { "calcs": ["lastNotNull"] }, "colorMode": "value", "graphMode": "area" },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "s",
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              { "color": "green", "value": null },
+              { "color": "yellow", "value": 1 },
+              { "color": "red", "value": 5 }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "histogram_quantile(0.99, sum(rate(traces_spanmetrics_latency_bucket{service=\"backend\"}[5m])) by (le))",
+          "legendFormat": "p99",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 6,
+      "type": "stat",
+      "title": "5xx Errors / min",
+      "gridPos": { "x": 20, "y": 0, "w": 4, "h": 4 },
+      "options": { "reduceOptions": { "calcs": ["lastNotNull"] }, "colorMode": "background", "graphMode": "none" },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "short",
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              { "color": "green", "value": null },
+              { "color": "yellow", "value": 1 },
+              { "color": "red", "value": 5 }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "sum(rate(traces_spanmetrics_calls_total{service=\"backend\", status_code=\"STATUS_CODE_ERROR\"}[5m])) * 60",
+          "legendFormat": "5xx/min",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 10,
+      "type": "timeseries",
+      "title": "Request Rate (total vs errors)",
+      "gridPos": { "x": 0, "y": 4, "w": 12, "h": 8 },
+      "options": {
+        "tooltip": { "mode": "multi" },
+        "legend": { "displayMode": "list", "placement": "bottom" }
+      },
+      "fieldConfig": {
+        "defaults": { "unit": "reqps", "custom": { "lineWidth": 2, "fillOpacity": 10 } },
+        "overrides": [
+          { "matcher": { "id": "byName", "options": "errors" }, "properties": [{ "id": "color", "value": { "fixedColor": "red", "mode": "fixed" } }] }
+        ]
+      },
+      "targets": [
+        {
+          "refId": "total",
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "sum(rate(traces_spanmetrics_calls_total{service=\"backend\"}[5m]))",
+          "legendFormat": "total"
+        },
+        {
+          "refId": "errors",
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "sum(rate(traces_spanmetrics_calls_total{service=\"backend\", status_code=\"STATUS_CODE_ERROR\"}[5m]))",
+          "legendFormat": "errors"
+        }
+      ]
+    },
+    {
+      "id": 11,
+      "type": "timeseries",
+      "title": "Latency Percentiles (backend spans)",
+      "gridPos": { "x": 12, "y": 4, "w": 12, "h": 8 },
+      "options": {
+        "tooltip": { "mode": "multi" },
+        "legend": { "displayMode": "list", "placement": "bottom" }
+      },
+      "fieldConfig": {
+        "defaults": { "unit": "s", "custom": { "lineWidth": 2, "fillOpacity": 10 } }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "histogram_quantile(0.50, sum(rate(traces_spanmetrics_latency_bucket{service=\"backend\"}[5m])) by (le))",
+          "legendFormat": "p50"
+        },
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "histogram_quantile(0.95, sum(rate(traces_spanmetrics_latency_bucket{service=\"backend\"}[5m])) by (le))",
+          "legendFormat": "p95"
+        },
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "histogram_quantile(0.99, sum(rate(traces_spanmetrics_latency_bucket{service=\"backend\"}[5m])) by (le))",
+          "legendFormat": "p99"
+        }
+      ]
+    },
+    {
+      "id": 12,
+      "type": "timeseries",
+      "title": "Request Rate by Span Name (top operations)",
+      "gridPos": { "x": 0, "y": 12, "w": 12, "h": 8 },
+      "description": "Throughput broken down by HTTP route / span name from Tempo span metrics.",
+      "options": {
+        "tooltip": { "mode": "multi" },
+        "legend": { "displayMode": "list", "placement": "bottom" }
+      },
+      "fieldConfig": {
+        "defaults": { "unit": "reqps", "custom": { "lineWidth": 2, "fillOpacity": 5 } }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "topk(10, sum(rate(traces_spanmetrics_calls_total{service=\"backend\"}[5m])) by (span_name))",
+          "legendFormat": "{{span_name}}"
+        }
+      ]
+    },
+    {
+      "id": 13,
+      "type": "timeseries",
+      "title": "Latency by Span Name (p95)",
+      "gridPos": { "x": 12, "y": 12, "w": 12, "h": 8 },
+      "description": "p95 latency per operation — helps identify slow endpoints.",
+      "options": {
+        "tooltip": { "mode": "multi" },
+        "legend": { "displayMode": "list", "placement": "bottom" }
+      },
+      "fieldConfig": {
+        "defaults": { "unit": "s", "custom": { "lineWidth": 2, "fillOpacity": 5 } }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "topk(10, histogram_quantile(0.95, sum(rate(traces_spanmetrics_latency_bucket{service=\"backend\"}[5m])) by (le, span_name)))",
+          "legendFormat": "{{span_name}}"
+        }
+      ]
+    },
+    {
+      "id": 20,
+      "type": "logs",
+      "title": "Backend Errors",
+      "gridPos": { "x": 0, "y": 20, "w": 24, "h": 10 },
+      "options": {
+        "showTime": true,
+        "showLabels": false,
+        "wrapLogMessage": true,
+        "prettifyLogMessage": true,
+        "enableLogDetails": true,
+        "sortOrder": "Descending",
+        "dedupStrategy": "none"
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "{service_name=\"backend\"}",
+          "legendFormat": ""
+        }
+      ]
+    }
+  ]
+}
diff --git a/homelab/otel/grafana/provisioning/dashboards/catalogue.json b/homelab/otel/grafana/provisioning/dashboards/catalogue.json
new file mode 100644
index 0000000..5d2b73c
--- /dev/null
+++ b/homelab/otel/grafana/provisioning/dashboards/catalogue.json
@@ -0,0 +1,225 @@
+{
+  "uid": "libnovel-catalogue",
+  "title": "Catalogue & Content Progress",
+  "description": "Scraping progress from runner OTel logs in Loki. Logs are JSON: body=message, attributes.slug/chapters/page=fields.",
+  "tags": ["libnovel", "catalogue", "content"],
+  "timezone": "browser",
+  "refresh": "1m",
+  "time": { "from": "now-24h", "to": "now" },
+  "schemaVersion": 39,
+  "panels": [
+    {
+      "id": 1,
+      "type": "stat",
+      "title": "Books Scraped (last 24h)",
+      "description": "Count of unique slugs from chapter list fetched messages.",
+      "gridPos": { "x": 0, "y": 0, "w": 4, "h": 4 },
+      "options": { "reduceOptions": { "calcs": ["lastNotNull"] }, "colorMode": "value", "graphMode": "none" },
+      "fieldConfig": {
+        "defaults": {
+          "color": { "fixedColor": "blue", "mode": "fixed" },
+          "thresholds": { "mode": "absolute", "steps": [] }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "count(count_over_time({service_name=\"runner\"} | json | body=\"chapter list fetched\" [24h])) by (attributes_slug)",
+          "legendFormat": "books scraped"
+        }
+      ]
+    },
+    {
+      "id": 2,
+      "type": "stat",
+      "title": "Chapters Scraped (last 24h)",
+      "description": "Count of 'chapter list fetched' events.",
+      "gridPos": { "x": 4, "y": 0, "w": 4, "h": 4 },
+      "options": { "reduceOptions": { "calcs": ["lastNotNull"] }, "colorMode": "value", "graphMode": "none" },
+      "fieldConfig": {
+        "defaults": {
+          "color": { "fixedColor": "blue", "mode": "fixed" },
+          "thresholds": { "mode": "absolute", "steps": [] }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "sum(count_over_time({service_name=\"runner\"} | json | body=\"chapter list fetched\" [24h]))",
+          "legendFormat": "chapter lists fetched"
+        }
+      ]
+    },
+    {
+      "id": 3,
+      "type": "stat",
+      "title": "Metadata Saved (last 24h)",
+      "description": "Count of 'metadata saved' events.",
+      "gridPos": { "x": 8, "y": 0, "w": 4, "h": 4 },
+      "options": { "reduceOptions": { "calcs": ["lastNotNull"] }, "colorMode": "value", "graphMode": "none" },
+      "fieldConfig": {
+        "defaults": {
+          "color": { "fixedColor": "green", "mode": "fixed" },
+          "thresholds": { "mode": "absolute", "steps": [] }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "sum(count_over_time({service_name=\"runner\"} | json | body=\"metadata saved\" [24h]))",
+          "legendFormat": "metadata saved"
+        }
+      ]
+    },
+    {
+      "id": 4,
+      "type": "stat",
+      "title": "Scrape Errors (last 24h)",
+      "description": "Count of error severity logs from the runner.",
+      "gridPos": { "x": 12, "y": 0, "w": 4, "h": 4 },
+      "options": { "reduceOptions": { "calcs": ["lastNotNull"] }, "colorMode": "background", "graphMode": "none" },
+      "fieldConfig": {
+        "defaults": {
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              { "color": "green", "value": null },
+              { "color": "yellow", "value": 1 },
+              { "color": "red", "value": 10 }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "sum(count_over_time({service_name=\"runner\"} | json | severity=\"ERROR\" [24h]))",
+          "legendFormat": "errors"
+        }
+      ]
+    },
+    {
+      "id": 5,
+      "type": "stat",
+      "title": "Rate Limited (last 24h)",
+      "description": "Count of rate limiting events from Novelfire.",
+      "gridPos": { "x": 16, "y": 0, "w": 4, "h": 4 },
+      "options": { "reduceOptions": { "calcs": ["lastNotNull"] }, "colorMode": "background", "graphMode": "none" },
+      "fieldConfig": {
+        "defaults": {
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              { "color": "green", "value": null },
+              { "color": "yellow", "value": 5 },
+              { "color": "red", "value": 50 }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "sum(count_over_time({service_name=\"runner\"} | json | body=~\"rate limit\" [24h]))",
+          "legendFormat": "rate limited"
+        }
+      ]
+    },
+    {
+      "id": 10,
+      "type": "timeseries",
+      "title": "Scrape Rate (books/min)",
+      "description": "Rate of events per minute.",
+      "gridPos": { "x": 0, "y": 4, "w": 12, "h": 8 },
+      "options": { "tooltip": { "mode": "multi" }, "legend": { "displayMode": "list", "placement": "bottom" } },
+      "fieldConfig": {
+        "defaults": { "unit": "short", "custom": { "lineWidth": 2, "fillOpacity": 10 } }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "sum(rate({service_name=\"runner\"} | json | body=\"chapter list fetched\" [5m])) * 60",
+          "legendFormat": "books/min"
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "sum(rate({service_name=\"runner\"} | json | body=\"metadata saved\" [5m])) * 60",
+          "legendFormat": "metadata/min"
+        }
+      ]
+    },
+    {
+      "id": 11,
+      "type": "timeseries",
+      "title": "Error Rate (errors/min)",
+      "description": "Rate of error and rate-limit messages over time.",
+      "gridPos": { "x": 12, "y": 4, "w": 12, "h": 8 },
+      "options": { "tooltip": { "mode": "multi" }, "legend": { "displayMode": "list", "placement": "bottom" } },
+      "fieldConfig": {
+        "defaults": { "unit": "short", "custom": { "lineWidth": 2, "fillOpacity": 10 } },
+        "overrides": [
+          { "matcher": { "id": "byName", "options": "errors/min" }, "properties": [{ "id": "color", "value": { "fixedColor": "red", "mode": "fixed" } }] },
+          { "matcher": { "id": "byName", "options": "rate-limit/min" }, "properties": [{ "id": "color", "value": { "fixedColor": "orange", "mode": "fixed" } }] }
+        ]
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "sum(rate({service_name=\"runner\"} | json | severity=\"ERROR\" [5m])) * 60",
+          "legendFormat": "errors/min"
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "sum(rate({service_name=\"runner\"} | json | body=~\"rate limit\" [5m])) * 60",
+          "legendFormat": "rate-limit/min"
+        }
+      ]
+    },
+    {
+      "id": 20,
+      "type": "logs",
+      "title": "Runner Logs (errors & warnings)",
+      "description": "Runner log lines containing errors or warnings.",
+      "gridPos": { "x": 0, "y": 12, "w": 24, "h": 10 },
+      "options": {
+        "showTime": true,
+        "showLabels": false,
+        "wrapLogMessage": false,
+        "prettifyLogMessage": true,
+        "enableLogDetails": true,
+        "sortOrder": "Descending",
+        "dedupStrategy": "none"
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "{service_name=\"runner\"} | json | severity=~\"ERROR|WARN\"",
+          "legendFormat": ""
+        }
+      ]
+    },
+    {
+      "id": 21,
+      "type": "logs",
+      "title": "Runner Logs (all)",
+      "description": "All runner log entries.",
+      "gridPos": { "x": 0, "y": 22, "w": 24, "h": 10 },
+      "options": {
+        "showTime": true,
+        "showLabels": true,
+        "wrapLogMessage": false,
+        "prettifyLogMessage": true,
+        "enableLogDetails": true,
+        "sortOrder": "Descending",
+        "dedupStrategy": "none"
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "{service_name=\"runner\"}",
+          "legendFormat": ""
+        }
+      ]
+    }
+  ]
+}
diff --git a/homelab/otel/grafana/provisioning/dashboards/dashboards.yaml b/homelab/otel/grafana/provisioning/dashboards/dashboards.yaml
new file mode 100644
index 0000000..b03f6e3
--- /dev/null
+++ b/homelab/otel/grafana/provisioning/dashboards/dashboards.yaml
@@ -0,0 +1,13 @@
+# Grafana dashboard provisioning
+# Points Grafana at the local dashboards directory.
+# Drop any .json dashboard file into homelab/otel/grafana/provisioning/dashboards/
+# and it will appear in Grafana automatically on restart.
+
+apiVersion: 1
+
+providers:
+  - name: libnovel
+    folder: LibNovel
+    type: file
+    options:
+      path: /etc/grafana/provisioning/dashboards
diff --git a/homelab/otel/grafana/provisioning/dashboards/runner.json b/homelab/otel/grafana/provisioning/dashboards/runner.json
new file mode 100644
index 0000000..950e92e
--- /dev/null
+++ b/homelab/otel/grafana/provisioning/dashboards/runner.json
@@ -0,0 +1,377 @@
+{
+  "uid": "libnovel-runner",
+  "title": "Runner Operations",
+  "description": "Task queue health, throughput, TTS routing, and live logs for the homelab runner.",
+  "tags": ["libnovel", "runner"],
+  "timezone": "browser",
+  "refresh": "30s",
+  "time": { "from": "now-3h", "to": "now" },
+  "schemaVersion": 39,
+  "panels": [
+    {
+      "id": 1,
+      "type": "stat",
+      "title": "Tasks Running",
+      "gridPos": { "x": 0, "y": 0, "w": 4, "h": 4 },
+      "options": {
+        "reduceOptions": { "calcs": ["lastNotNull"] },
+        "colorMode": "background",
+        "graphMode": "none",
+        "textMode": "auto"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              { "color": "green", "value": null },
+              { "color": "yellow", "value": 1 },
+              { "color": "red", "value": 3 }
+            ]
+          },
+          "mappings": []
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "runner_tasks_running",
+          "legendFormat": "running",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 2,
+      "type": "stat",
+      "title": "Tasks Completed (total)",
+      "gridPos": { "x": 4, "y": 0, "w": 4, "h": 4 },
+      "options": {
+        "reduceOptions": { "calcs": ["lastNotNull"] },
+        "colorMode": "background",
+        "graphMode": "area",
+        "textMode": "auto"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "color": { "fixedColor": "green", "mode": "fixed" },
+          "thresholds": { "mode": "absolute", "steps": [] }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "runner_tasks_completed_total",
+          "legendFormat": "completed",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 3,
+      "type": "stat",
+      "title": "Tasks Failed (total)",
+      "gridPos": { "x": 8, "y": 0, "w": 4, "h": 4 },
+      "options": {
+        "reduceOptions": { "calcs": ["lastNotNull"] },
+        "colorMode": "background",
+        "graphMode": "none",
+        "textMode": "auto"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              { "color": "green", "value": null },
+              { "color": "yellow", "value": 1 },
+              { "color": "red", "value": 5 }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "runner_tasks_failed_total",
+          "legendFormat": "failed",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 4,
+      "type": "stat",
+      "title": "Runner Uptime",
+      "gridPos": { "x": 12, "y": 0, "w": 4, "h": 4 },
+      "options": {
+        "reduceOptions": { "calcs": ["lastNotNull"] },
+        "colorMode": "value",
+        "graphMode": "none",
+        "textMode": "auto"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "s",
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              { "color": "red", "value": null },
+              { "color": "yellow", "value": 60 },
+              { "color": "green", "value": 300 }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "runner_uptime_seconds",
+          "legendFormat": "uptime",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 5,
+      "type": "stat",
+      "title": "Task Failure Rate",
+      "gridPos": { "x": 16, "y": 0, "w": 4, "h": 4 },
+      "options": {
+        "reduceOptions": { "calcs": ["lastNotNull"] },
+        "colorMode": "background",
+        "graphMode": "none",
+        "textMode": "auto"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "percentunit",
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              { "color": "green", "value": null },
+              { "color": "yellow", "value": 0.05 },
+              { "color": "red", "value": 0.2 }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "runner_tasks_failed_total / clamp_min(runner_tasks_completed_total + runner_tasks_failed_total, 1)",
+          "legendFormat": "failure rate",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 6,
+      "type": "stat",
+      "title": "Runner Alive",
+      "gridPos": { "x": 20, "y": 0, "w": 4, "h": 4 },
+      "options": {
+        "reduceOptions": { "calcs": ["lastNotNull"] },
+        "colorMode": "background",
+        "graphMode": "none",
+        "textMode": "auto"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "mappings": [
+            { "type": "value", "options": { "1": { "text": "UP", "color": "green" }, "0": { "text": "DOWN", "color": "red" } } }
+          ],
+          "thresholds": { "mode": "absolute", "steps": [] }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "up{job=\"libnovel-runner\"}",
+          "legendFormat": "runner",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 10,
+      "type": "timeseries",
+      "title": "Task Throughput (per minute)",
+      "gridPos": { "x": 0, "y": 4, "w": 12, "h": 8 },
+      "options": {
+        "tooltip": { "mode": "multi" },
+        "legend": { "displayMode": "list", "placement": "bottom" }
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "ops",
+          "custom": { "lineWidth": 2, "fillOpacity": 10 }
+        },
+        "overrides": [
+          { "matcher": { "id": "byName", "options": "failed" }, "properties": [{ "id": "color", "value": { "fixedColor": "red", "mode": "fixed" } }] },
+          { "matcher": { "id": "byName", "options": "completed" }, "properties": [{ "id": "color", "value": { "fixedColor": "green", "mode": "fixed" } }] }
+        ]
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "rate(runner_tasks_completed_total[5m]) * 60",
+          "legendFormat": "completed"
+        },
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "rate(runner_tasks_failed_total[5m]) * 60",
+          "legendFormat": "failed"
+        },
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "runner_tasks_running",
+          "legendFormat": "running"
+        }
+      ]
+    },
+    {
+      "id": 11,
+      "type": "timeseries",
+      "title": "Audio Task Span Latency (p50 / p95 / p99)",
+      "gridPos": { "x": 12, "y": 4, "w": 12, "h": 8 },
+      "description": "End-to-end latency of runner.audio_task spans from Tempo span metrics.",
+      "options": {
+        "tooltip": { "mode": "multi" },
+        "legend": { "displayMode": "list", "placement": "bottom" }
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "s",
+          "custom": { "lineWidth": 2, "fillOpacity": 10 }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "histogram_quantile(0.50, sum(rate(traces_spanmetrics_latency_bucket{service=\"runner\", span_name=\"runner.audio_task\"}[5m])) by (le))",
+          "legendFormat": "p50"
+        },
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "histogram_quantile(0.95, sum(rate(traces_spanmetrics_latency_bucket{service=\"runner\", span_name=\"runner.audio_task\"}[5m])) by (le))",
+          "legendFormat": "p95"
+        },
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "histogram_quantile(0.99, sum(rate(traces_spanmetrics_latency_bucket{service=\"runner\", span_name=\"runner.audio_task\"}[5m])) by (le))",
+          "legendFormat": "p99"
+        }
+      ]
+    },
+    {
+      "id": 20,
+      "type": "timeseries",
+      "title": "Scrape Task Span Latency (p50 / p95 / p99)",
+      "gridPos": { "x": 0, "y": 12, "w": 12, "h": 8 },
+      "description": "End-to-end latency of runner.scrape_task spans from Tempo span metrics.",
+      "options": {
+        "tooltip": { "mode": "multi" },
+        "legend": { "displayMode": "list", "placement": "bottom" }
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "s",
+          "custom": { "lineWidth": 2, "fillOpacity": 10 }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "histogram_quantile(0.50, sum(rate(traces_spanmetrics_latency_bucket{service=\"runner\", span_name=\"runner.scrape_task\"}[5m])) by (le))",
+          "legendFormat": "p50"
+        },
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "histogram_quantile(0.95, sum(rate(traces_spanmetrics_latency_bucket{service=\"runner\", span_name=\"runner.scrape_task\"}[5m])) by (le))",
+          "legendFormat": "p95"
+        },
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "histogram_quantile(0.99, sum(rate(traces_spanmetrics_latency_bucket{service=\"runner\", span_name=\"runner.scrape_task\"}[5m])) by (le))",
+          "legendFormat": "p99"
+        }
+      ]
+    },
+    {
+      "id": 21,
+      "type": "timeseries",
+      "title": "Audio vs Scrape Task Rate",
+      "gridPos": { "x": 12, "y": 12, "w": 12, "h": 8 },
+      "description": "Relative throughput of audio generation vs book scraping.",
+      "options": {
+        "tooltip": { "mode": "multi" },
+        "legend": { "displayMode": "list", "placement": "bottom" }
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "ops",
+          "custom": { "lineWidth": 2, "fillOpacity": 10 }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "sum(rate(traces_spanmetrics_calls_total{service=\"runner\", span_name=\"runner.audio_task\"}[5m]))",
+          "legendFormat": "audio tasks/s"
+        },
+        {
+          "datasource": { "type": "prometheus", "uid": "prometheus" },
+          "expr": "sum(rate(traces_spanmetrics_calls_total{service=\"runner\", span_name=\"runner.scrape_task\"}[5m]))",
+          "legendFormat": "scrape tasks/s"
+        }
+      ]
+    },
+    {
+      "id": 30,
+      "type": "logs",
+      "title": "Runner Logs (errors & warnings)",
+      "gridPos": { "x": 0, "y": 20, "w": 24, "h": 10 },
+      "options": {
+        "showTime": true,
+        "showLabels": false,
+        "showCommonLabels": false,
+        "wrapLogMessage": true,
+        "prettifyLogMessage": true,
+        "enableLogDetails": true,
+        "sortOrder": "Descending",
+        "dedupStrategy": "none"
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "{service_name=\"runner\"}",
+          "legendFormat": ""
+        }
+      ]
+    },
+    {
+      "id": 31,
+      "type": "logs",
+      "title": "Runner Logs (all)",
+      "gridPos": { "x": 0, "y": 30, "w": 24, "h": 10 },
+      "options": {
+        "showTime": true,
+        "showLabels": false,
+        "showCommonLabels": false,
+        "wrapLogMessage": true,
+        "prettifyLogMessage": true,
+        "enableLogDetails": true,
+        "sortOrder": "Descending",
+        "dedupStrategy": "none"
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "{service_name=\"runner\"}",
+          "legendFormat": ""
+        }
+      ]
+    }
+  ]
+}
diff --git a/homelab/otel/grafana/provisioning/dashboards/web-vitals.json b/homelab/otel/grafana/provisioning/dashboards/web-vitals.json
new file mode 100644
index 0000000..005174f
--- /dev/null
+++ b/homelab/otel/grafana/provisioning/dashboards/web-vitals.json
@@ -0,0 +1,804 @@
+{
+  "uid": "libnovel-web-vitals",
+  "title": "Web Vitals (RUM)",
+  "description": "Core Web Vitals from @grafana/faro-web-sdk. Data: browser \u2192 Alloy faro.receiver \u2192 Loki ({service_name=unknown_service}). Log format: key=value pairs, e.g. lcp=767.000000 fcp=767.000000. Use | regexp to extract.",
+  "tags": [
+    "libnovel",
+    "frontend",
+    "rum",
+    "web-vitals"
+  ],
+  "timezone": "browser",
+  "refresh": "1m",
+  "time": {
+    "from": "now-24h",
+    "to": "now"
+  },
+  "schemaVersion": 39,
+  "panels": [
+    {
+      "id": 1,
+      "type": "stat",
+      "title": "LCP \u2014 p75 (Largest Contentful Paint)",
+      "description": "Good < 2.5s, needs improvement < 4s, poor >= 4s. Source: Loki {service_name=unknown_service} Faro measurements.",
+      "gridPos": {
+        "x": 0,
+        "y": 0,
+        "w": 4,
+        "h": 4
+      },
+      "options": {
+        "reduceOptions": {
+          "calcs": [
+            "lastNotNull"
+          ]
+        },
+        "colorMode": "background",
+        "graphMode": "none"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "ms",
+          "decimals": 0,
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              {
+                "color": "green",
+                "value": null
+              },
+              {
+                "color": "yellow",
+                "value": 2500
+              },
+              {
+                "color": "red",
+                "value": 4000
+              }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "loki"
+          },
+          "expr": "quantile_over_time(0.75, {service_name=\"unknown_service\"} |= \"kind=measurement\" |= \"type=web-vitals\" | regexp `lcp=(?P<lcp>\\d+\\.?\\d*)` | unwrap lcp [1h])",
+          "legendFormat": "LCP p75",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 2,
+      "type": "stat",
+      "title": "INP \u2014 p75 (Interaction to Next Paint)",
+      "description": "Good < 200ms, needs improvement < 500ms, poor >= 500ms.",
+      "gridPos": {
+        "x": 4,
+        "y": 0,
+        "w": 4,
+        "h": 4
+      },
+      "options": {
+        "reduceOptions": {
+          "calcs": [
+            "lastNotNull"
+          ]
+        },
+        "colorMode": "background",
+        "graphMode": "none"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "ms",
+          "decimals": 0,
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              {
+                "color": "green",
+                "value": null
+              },
+              {
+                "color": "yellow",
+                "value": 200
+              },
+              {
+                "color": "red",
+                "value": 500
+              }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "loki"
+          },
+          "expr": "quantile_over_time(0.75, {service_name=\"unknown_service\"} |= \"kind=measurement\" |= \"type=web-vitals\" | regexp `inp=(?P<inp>\\d+\\.?\\d*)` | unwrap inp [1h])",
+          "legendFormat": "INP p75",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 3,
+      "type": "stat",
+      "title": "CLS \u2014 p75 (Cumulative Layout Shift)",
+      "description": "Good < 0.1, needs improvement < 0.25, poor >= 0.25.",
+      "gridPos": {
+        "x": 8,
+        "y": 0,
+        "w": 4,
+        "h": 4
+      },
+      "options": {
+        "reduceOptions": {
+          "calcs": [
+            "lastNotNull"
+          ]
+        },
+        "colorMode": "background",
+        "graphMode": "none"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "short",
+          "decimals": 3,
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              {
+                "color": "green",
+                "value": null
+              },
+              {
+                "color": "yellow",
+                "value": 0.1
+              },
+              {
+                "color": "red",
+                "value": 0.25
+              }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "loki"
+          },
+          "expr": "quantile_over_time(0.75, {service_name=\"unknown_service\"} |= \"kind=measurement\" |= \"type=web-vitals\" | regexp `cls=(?P<cls>\\d+\\.?\\d*)` | unwrap cls [1h])",
+          "legendFormat": "CLS p75",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 4,
+      "type": "stat",
+      "title": "TTFB \u2014 p75 (Time to First Byte)",
+      "description": "Good < 800ms, needs improvement < 1800ms, poor >= 1800ms.",
+      "gridPos": {
+        "x": 12,
+        "y": 0,
+        "w": 4,
+        "h": 4
+      },
+      "options": {
+        "reduceOptions": {
+          "calcs": [
+            "lastNotNull"
+          ]
+        },
+        "colorMode": "background",
+        "graphMode": "none"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "ms",
+          "decimals": 0,
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              {
+                "color": "green",
+                "value": null
+              },
+              {
+                "color": "yellow",
+                "value": 800
+              },
+              {
+                "color": "red",
+                "value": 1800
+              }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "loki"
+          },
+          "expr": "quantile_over_time(0.75, {service_name=\"unknown_service\"} |= \"kind=measurement\" |= \"type=web-vitals\" | regexp `ttfb=(?P<ttfb>\\d+\\.?\\d*)` | unwrap ttfb [1h])",
+          "legendFormat": "TTFB p75",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 5,
+      "type": "stat",
+      "title": "FCP \u2014 p75 (First Contentful Paint)",
+      "description": "Good < 1.8s, needs improvement < 3s, poor >= 3s.",
+      "gridPos": {
+        "x": 16,
+        "y": 0,
+        "w": 4,
+        "h": 4
+      },
+      "options": {
+        "reduceOptions": {
+          "calcs": [
+            "lastNotNull"
+          ]
+        },
+        "colorMode": "background",
+        "graphMode": "none"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "ms",
+          "decimals": 0,
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              {
+                "color": "green",
+                "value": null
+              },
+              {
+                "color": "yellow",
+                "value": 1800
+              },
+              {
+                "color": "red",
+                "value": 3000
+              }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "loki"
+          },
+          "expr": "quantile_over_time(0.75, {service_name=\"unknown_service\"} |= \"kind=measurement\" |= \"type=web-vitals\" | regexp `fcp=(?P<fcp>\\d+\\.?\\d*)` | unwrap fcp [1h])",
+          "legendFormat": "FCP p75",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 6,
+      "type": "stat",
+      "title": "Measurements / min",
+      "description": "Number of Faro measurement events in the last 5 minutes (activity indicator).",
+      "gridPos": {
+        "x": 20,
+        "y": 0,
+        "w": 4,
+        "h": 4
+      },
+      "options": {
+        "reduceOptions": {
+          "calcs": [
+            "lastNotNull"
+          ]
+        },
+        "colorMode": "value",
+        "graphMode": "area"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "short",
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              {
+                "color": "green",
+                "value": null
+              }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "loki"
+          },
+          "expr": "sum(count_over_time({service_name=\"unknown_service\"} |= \"kind=measurement\" |= \"type=web-vitals\" [5m]))",
+          "legendFormat": "measurements",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 10,
+      "type": "timeseries",
+      "title": "LCP over time (p50 / p75 / p95)",
+      "gridPos": {
+        "x": 0,
+        "y": 4,
+        "w": 12,
+        "h": 8
+      },
+      "options": {
+        "tooltip": {
+          "mode": "multi"
+        },
+        "legend": {
+          "displayMode": "list",
+          "placement": "bottom"
+        }
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "ms",
+          "custom": {
+            "lineWidth": 2,
+            "fillOpacity": 10
+          }
+        },
+        "overrides": [
+          {
+            "matcher": {
+              "id": "byName",
+              "options": "Good (2.5s)"
+            },
+            "properties": [
+              {
+                "id": "color",
+                "value": {
+                  "fixedColor": "green",
+                  "mode": "fixed"
+                }
+              },
+              {
+                "id": "custom.lineStyle",
+                "value": {
+                  "fill": "dash",
+                  "dash": [
+                    4,
+                    4
+                  ]
+                }
+              }
+            ]
+          },
+          {
+            "matcher": {
+              "id": "byName",
+              "options": "Poor (4s)"
+            },
+            "properties": [
+              {
+                "id": "color",
+                "value": {
+                  "fixedColor": "red",
+                  "mode": "fixed"
+                }
+              },
+              {
+                "id": "custom.lineStyle",
+                "value": {
+                  "fill": "dash",
+                  "dash": [
+                    4,
+                    4
+                  ]
+                }
+              }
+            ]
+          }
+        ]
+      },
+      "targets": [
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "loki"
+          },
+          "expr": "quantile_over_time(0.50, {service_name=\"unknown_service\"} |= \"kind=measurement\" |= \"type=web-vitals\" | regexp `lcp=(?P<lcp>\\d+\\.?\\d*)` | unwrap lcp [5m])",
+          "legendFormat": "p50"
+        },
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "loki"
+          },
+          "expr": "quantile_over_time(0.75, {service_name=\"unknown_service\"} |= \"kind=measurement\" |= \"type=web-vitals\" | regexp `lcp=(?P<lcp>\\d+\\.?\\d*)` | unwrap lcp [5m])",
+          "legendFormat": "p75"
+        },
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "loki"
+          },
+          "expr": "quantile_over_time(0.95, {service_name=\"unknown_service\"} |= \"kind=measurement\" |= \"type=web-vitals\" | regexp `lcp=(?P<lcp>\\d+\\.?\\d*)` | unwrap lcp [5m])",
+          "legendFormat": "p95"
+        },
+        {
+          "datasource": {
+            "type": "prometheus",
+            "uid": "prometheus"
+          },
+          "expr": "2500",
+          "legendFormat": "Good (2.5s)"
+        },
+        {
+          "datasource": {
+            "type": "prometheus",
+            "uid": "prometheus"
+          },
+          "expr": "4000",
+          "legendFormat": "Poor (4s)"
+        }
+      ]
+    },
+    {
+      "id": 11,
+      "type": "timeseries",
+      "title": "TTFB over time (p50 / p75 / p95)",
+      "gridPos": {
+        "x": 12,
+        "y": 4,
+        "w": 12,
+        "h": 8
+      },
+      "options": {
+        "tooltip": {
+          "mode": "multi"
+        },
+        "legend": {
+          "displayMode": "list",
+          "placement": "bottom"
+        }
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "ms",
+          "custom": {
+            "lineWidth": 2,
+            "fillOpacity": 10
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "loki"
+          },
+          "expr": "quantile_over_time(0.50, {service_name=\"unknown_service\"} |= \"kind=measurement\" |= \"type=web-vitals\" | regexp `ttfb=(?P<ttfb>\\d+\\.?\\d*)` | unwrap ttfb [5m])",
+          "legendFormat": "p50"
+        },
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "loki"
+          },
+          "expr": "quantile_over_time(0.75, {service_name=\"unknown_service\"} |= \"kind=measurement\" |= \"type=web-vitals\" | regexp `ttfb=(?P<ttfb>\\d+\\.?\\d*)` | unwrap ttfb [5m])",
+          "legendFormat": "p75"
+        },
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "loki"
+          },
+          "expr": "quantile_over_time(0.95, {service_name=\"unknown_service\"} |= \"kind=measurement\" |= \"type=web-vitals\" | regexp `ttfb=(?P<ttfb>\\d+\\.?\\d*)` | unwrap ttfb [5m])",
+          "legendFormat": "p95"
+        }
+      ]
+    },
+    {
+      "id": 20,
+      "type": "logs",
+      "title": "Frontend Errors & Exceptions",
+      "description": "JS exceptions captured by Faro. kind=exception events.",
+      "gridPos": {
+        "x": 0,
+        "y": 12,
+        "w": 24,
+        "h": 10
+      },
+      "options": {
+        "showTime": true,
+        "showLabels": true,
+        "wrapLogMessage": true,
+        "prettifyLogMessage": true,
+        "enableLogDetails": true,
+        "sortOrder": "Descending",
+        "dedupStrategy": "none"
+      },
+      "targets": [
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "loki"
+          },
+          "expr": "{service_name=\"unknown_service\"} | regexp `(?P<kind>\\w+)` | kind = \"exception\"",
+          "legendFormat": ""
+        }
+      ]
+    },
+    {
+      "id": 21,
+      "type": "logs",
+      "title": "Web Vitals Measurements",
+      "description": "All Faro measurement events.",
+      "gridPos": {
+        "x": 0,
+        "y": 22,
+        "w": 24,
+        "h": 10
+      },
+      "options": {
+        "showTime": true,
+        "showLabels": true,
+        "wrapLogMessage": false,
+        "prettifyLogMessage": true,
+        "enableLogDetails": true,
+        "sortOrder": "Descending",
+        "dedupStrategy": "none"
+      },
+      "targets": [
+        {
+          "datasource": {
+            "type": "loki",
+            "uid": "loki"
+          },
+          "expr": "{service_name=\"unknown_service\"} | regexp `(?P<kind>\\w+)` | kind = \"measurement\"",
+          "legendFormat": ""
+        }
+      ]
+    },
+    {
+      "id": 30,
+      "type": "row",
+      "title": "API Performance (Upstream Requests)",
+      "gridPos": { "x": 0, "y": 32, "w": 24, "h": 1 },
+      "collapsed": false
+    },
+    {
+      "id": 31,
+      "type": "timeseries",
+      "title": "API Request Duration — p50 / p75 / p95 by endpoint",
+      "description": "Duration of all libnovel.cc/api/* fetch requests captured by Faro faro.performance.resource events. Values in ms.",
+      "gridPos": { "x": 0, "y": 33, "w": 24, "h": 10 },
+      "options": {
+        "tooltip": { "mode": "multi" },
+        "legend": { "displayMode": "table", "placement": "bottom", "calcs": ["mean", "max", "lastNotNull"] }
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "ms",
+          "custom": { "lineWidth": 2, "fillOpacity": 5 }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "quantile_over_time(0.50, {service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/progress/audio-time\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [5m])",
+          "legendFormat": "p50 /api/progress/audio-time"
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "quantile_over_time(0.95, {service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/progress/audio-time\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [5m])",
+          "legendFormat": "p95 /api/progress/audio-time"
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "quantile_over_time(0.50, {service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/presign/audio\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [5m])",
+          "legendFormat": "p50 /api/presign/audio"
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "quantile_over_time(0.95, {service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/presign/audio\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [5m])",
+          "legendFormat": "p95 /api/presign/audio"
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "quantile_over_time(0.50, {service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/progress\" !~ \"audio-time\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [5m])",
+          "legendFormat": "p50 /api/progress"
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "quantile_over_time(0.95, {service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/progress\" !~ \"audio-time\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [5m])",
+          "legendFormat": "p95 /api/progress"
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "quantile_over_time(0.50, {service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/comments\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [5m])",
+          "legendFormat": "p50 /api/comments"
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "quantile_over_time(0.95, {service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/comments\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [5m])",
+          "legendFormat": "p95 /api/comments"
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "quantile_over_time(0.50, {service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/settings\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [5m])",
+          "legendFormat": "p50 /api/settings"
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "quantile_over_time(0.95, {service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/settings\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [5m])",
+          "legendFormat": "p95 /api/settings"
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "quantile_over_time(0.50, {service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/catalogue-page\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [5m])",
+          "legendFormat": "p50 /api/catalogue-page"
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "quantile_over_time(0.95, {service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/catalogue-page\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [5m])",
+          "legendFormat": "p95 /api/catalogue-page"
+        }
+      ]
+    },
+    {
+      "id": 32,
+      "type": "barchart",
+      "title": "API Avg Duration — last 1h",
+      "description": "Average duration per endpoint over the last hour. Useful for spotting the slowest APIs at a glance.",
+      "gridPos": { "x": 0, "y": 43, "w": 12, "h": 8 },
+      "options": {
+        "orientation": "horizontal",
+        "legend": { "displayMode": "list", "placement": "bottom" },
+        "tooltip": { "mode": "single" },
+        "xTickLabelRotation": 0
+      },
+      "fieldConfig": {
+        "defaults": { "unit": "ms", "color": { "mode": "palette-classic" } }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "avg_over_time({service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/progress/audio-time\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [1h])",
+          "legendFormat": "/api/progress/audio-time",
+          "instant": true
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "avg_over_time({service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/presign/audio\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [1h])",
+          "legendFormat": "/api/presign/audio",
+          "instant": true
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "avg_over_time({service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/progress\" !~ \"audio-time\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [1h])",
+          "legendFormat": "/api/progress",
+          "instant": true
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "avg_over_time({service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/comments\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [1h])",
+          "legendFormat": "/api/comments",
+          "instant": true
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "avg_over_time({service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/settings\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [1h])",
+          "legendFormat": "/api/settings",
+          "instant": true
+        },
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "avg_over_time({service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api/catalogue-page\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [1h])",
+          "legendFormat": "/api/catalogue-page",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 33,
+      "type": "stat",
+      "title": "Slowest API call — p95 last 1h",
+      "description": "p95 duration of the single slowest endpoint in the last hour.",
+      "gridPos": { "x": 12, "y": 43, "w": 6, "h": 4 },
+      "options": {
+        "reduceOptions": { "calcs": ["lastNotNull"] },
+        "colorMode": "background",
+        "graphMode": "none"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "ms",
+          "decimals": 0,
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              { "color": "green", "value": null },
+              { "color": "yellow", "value": 500 },
+              { "color": "red", "value": 1000 }
+            ]
+          }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "max(quantile_over_time(0.95, {service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur [1h]))",
+          "legendFormat": "p95 max",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 34,
+      "type": "stat",
+      "title": "API Requests / min",
+      "description": "Rate of libnovel.cc API requests captured by Faro in the last 5 minutes.",
+      "gridPos": { "x": 18, "y": 43, "w": 6, "h": 4 },
+      "options": {
+        "reduceOptions": { "calcs": ["lastNotNull"] },
+        "colorMode": "value",
+        "graphMode": "area"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "unit": "short",
+          "thresholds": { "mode": "absolute", "steps": [{ "color": "green", "value": null }] }
+        }
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "sum(count_over_time({service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api\" [5m])) / 5",
+          "legendFormat": "req/min",
+          "instant": true
+        }
+      ]
+    },
+    {
+      "id": 35,
+      "type": "logs",
+      "title": "Slow API Requests (>500ms)",
+      "description": "Individual faro.performance.resource events where duration > 500ms. Useful for debugging outliers.",
+      "gridPos": { "x": 0, "y": 47, "w": 24, "h": 8 },
+      "options": {
+        "showTime": true,
+        "showLabels": false,
+        "wrapLogMessage": false,
+        "prettifyLogMessage": false,
+        "enableLogDetails": true,
+        "sortOrder": "Descending",
+        "dedupStrategy": "none"
+      },
+      "targets": [
+        {
+          "datasource": { "type": "loki", "uid": "loki" },
+          "expr": "{service_name=\"unknown_service\"} |= \"faro.performance.resource\" |= \"libnovel.cc/api\" | regexp `event_data_duration=(?P<dur>[0-9.]+)` | unwrap dur | dur > 500",
+          "legendFormat": ""
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/homelab/otel/grafana/provisioning/datasources/datasources.yaml b/homelab/otel/grafana/provisioning/datasources/datasources.yaml
new file mode 100644
index 0000000..3179610
--- /dev/null
+++ b/homelab/otel/grafana/provisioning/datasources/datasources.yaml
@@ -0,0 +1,53 @@
+# Grafana datasource provisioning
+# Auto-configures Tempo, Prometheus, and Loki on first start.
+# No manual setup needed in the UI.
+
+apiVersion: 1
+
+datasources:
+  - name: Tempo
+    type: tempo
+    uid: tempo
+    url: http://tempo:3200
+    access: proxy
+    isDefault: false
+    jsonData:
+      httpMethod: GET
+      serviceMap:
+        datasourceUid: prometheus
+      nodeGraph:
+        enabled: true
+      traceQuery:
+        timeShiftEnabled: true
+        spanStartTimeShift: "1h"
+        spanEndTimeShift: "-1h"
+      spanBar:
+        type: "Tag"
+        tag: "http.url"
+      lokiSearch:
+        datasourceUid: loki
+
+  - name: Prometheus
+    type: prometheus
+    uid: prometheus
+    url: http://prometheus:9090
+    access: proxy
+    isDefault: true
+    jsonData:
+      httpMethod: POST
+      exemplarTraceIdDestinations:
+        - name: traceID
+          datasourceUid: tempo
+
+  - name: Loki
+    type: loki
+    uid: loki
+    url: http://loki:3100
+    access: proxy
+    isDefault: false
+    jsonData:
+      derivedFields:
+        - datasourceUid: tempo
+          matcherRegex: '"traceID":"(\w+)"'
+          name: TraceID
+          url: "$${__value.raw}"
diff --git a/homelab/otel/loki.yaml b/homelab/otel/loki.yaml
new file mode 100644
index 0000000..e27d820
--- /dev/null
+++ b/homelab/otel/loki.yaml
@@ -0,0 +1,38 @@
+# Loki config — minimal single-node setup
+# Receives logs from OTel Collector. 30-day retention.
+
+auth_enabled: false
+
+server:
+  http_listen_port: 3100
+  grpc_listen_port: 9096
+
+common:
+  instance_addr: 127.0.0.1
+  path_prefix: /loki
+  storage:
+    filesystem:
+      chunks_directory: /loki/chunks
+      rules_directory: /loki/rules
+  replication_factor: 1
+  ring:
+    kvstore:
+      store: inmemory
+
+schema_config:
+  configs:
+    - from: 2024-01-01
+      store: tsdb
+      object_store: filesystem
+      schema: v13
+      index:
+        prefix: index_
+        period: 24h
+
+limits_config:
+  retention_period: 720h  # 30 days
+
+compactor:
+  working_directory: /loki/compactor
+  delete_request_store: filesystem
+  retention_enabled: true
diff --git a/homelab/otel/prometheus.yaml b/homelab/otel/prometheus.yaml
new file mode 100644
index 0000000..4fff3fd
--- /dev/null
+++ b/homelab/otel/prometheus.yaml
@@ -0,0 +1,22 @@
+# Prometheus config
+# Scrapes OTel collector self-metrics and runner metrics endpoint.
+# Backend metrics come in via OTel remote-write — no direct scrape needed.
+
+global:
+  scrape_interval: 15s
+  evaluation_interval: 15s
+  external_labels:
+    environment: production
+
+scrape_configs:
+  # OTel Collector self-metrics
+  - job_name: otel-collector
+    static_configs:
+      - targets: ["otel-collector:8888"]
+
+  # Runner JSON metrics endpoint (native format, no Prometheus client yet)
+  # Will be replaced by OTLP once runner is instrumented with OTel SDK.
+  - job_name: libnovel-runner
+    metrics_path: /metrics
+    static_configs:
+      - targets: ["runner:9091"]
diff --git a/homelab/otel/tempo.yaml b/homelab/otel/tempo.yaml
new file mode 100644
index 0000000..a70b725
--- /dev/null
+++ b/homelab/otel/tempo.yaml
@@ -0,0 +1,45 @@
+# Tempo config — minimal single-node setup
+# Stores traces locally. Grafana queries via the HTTP API on port 3200.
+
+server:
+  http_listen_port: 3200
+
+distributor:
+  receivers:
+    otlp:
+      protocols:
+        grpc:
+          endpoint: 0.0.0.0:4317
+
+ingester:
+  trace_idle_period: 10s
+  max_block_bytes: 104857600  # 100MB
+  max_block_duration: 30m
+
+compactor:
+  compaction:
+    block_retention: 720h  # 30 days
+
+storage:
+  trace:
+    backend: local
+    local:
+      path: /var/tempo/blocks
+    wal:
+      path: /var/tempo/wal
+
+metrics_generator:
+  registry:
+    external_labels:
+      source: tempo
+  storage:
+    path: /var/tempo/generator/wal
+    remote_write:
+      - url: http://prometheus:9090/api/v1/write
+        send_exemplars: true
+
+overrides:
+  defaults:
+    metrics_generator:
+      processors: [service-graphs, span-metrics]
+      generate_native_histograms: both
diff --git a/ios/.gitignore b/ios/.gitignore
new file mode 100644
index 0000000..b1f0a6b
--- /dev/null
+++ b/ios/.gitignore
@@ -0,0 +1,14 @@
+# Xcode build artifacts — regenerate with: xcodegen generate --spec project.yml
+xcuserdata/
+*.xcuserstate
+*.xcworkspace/xcuserdata/
+DerivedData/
+build/
+
+# Swift Package Manager — resolved by Xcode on first open
+LibNovel.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/
+.build/
+# Package.resolved is committed so SPM builds are reproducible
+
+# OS
+.DS_Store
diff --git a/ios/AGENTS.md b/ios/AGENTS.md
new file mode 100644
index 0000000..5992ee8
--- /dev/null
+++ b/ios/AGENTS.md
@@ -0,0 +1,87 @@
+# LibNovel iOS App
+
+SwiftUI app targeting iOS 17+. Consumes the Go scraper HTTP API for books, chapters, and audio. Uses MinIO presigned URLs for media playback and downloads.
+
+## Project Structure
+
+```
+ios/LibNovel/LibNovel/
+├── App/                    # LibNovelApp.swift, ContentView.swift, RootTabView.swift
+├── Models/                 # Models.swift (all domain types)
+├── Networking/             # APIClient.swift (URLSession-based HTTP client)
+├── Services/               # AudioPlayerService, AudioDownloadService, AuthStore,
+│                           # BookVoicePreferences, NetworkMonitor
+├── ViewModels/             # One per view/feature (HomeViewModel, BrowseViewModel, etc.)
+├── Views/
+│   ├── Auth/               # AuthView
+│   ├── BookDetail/         # BookDetailView, CommentsView
+│   ├── Browse/             # BrowseView (infinite scroll shelves)
+│   ├── ChapterReader/      # ChapterReaderView, DownloadAudioButton
+│   ├── Common/             # CommonViews (shared reusable components)
+│   ├── Components/         # OfflineBanner
+│   ├── Downloads/          # DownloadsView, DownloadQueueButton
+│   ├── Home/               # HomeView
+│   ├── Library/            # LibraryView (2-col grid, filters)
+│   ├── Player/             # PlayerViews (floating FAB, compact, full-screen)
+│   ├── Profile/            # ProfileView, VoiceSelectionView, UserProfileView, etc.
+│   └── Search/             # SearchView
+└── Extensions/             # NavDestination.swift, String+App.swift, Color+App.swift
+```
+
+## iOS / Swift Conventions
+
+- **Deployment target**: iOS 17.0 — use iOS 17+ APIs freely.
+- **Observable pattern**: The codebase currently uses `@StateObject` / `ObservableObject` / `@Published`. When adding new types, prefer the **`@Observable` macro** (iOS 17+) over `ObservableObject`. Do not refactor existing types unless explicitly asked.
+- **Navigation**: Use `NavigationStack` (not `NavigationView`). Use `.navigationDestination(for:)` for type-safe routing.
+- **Concurrency**: Use `async/await` and structured concurrency. Avoid callback-based APIs and `DispatchQueue.main.async` — prefer `@MainActor` or `await MainActor.run`.
+- **State management**: Prefer `@State` + `@Binding` for local UI state. Use environment objects for app-wide services (authStore, audioPlayer, downloadService, networkMonitor).
+- **SwiftData**: Not currently used. Do not introduce SwiftData without discussion.
+- **SF Symbols**: Use `Image(systemName:)` for icons. No emoji in UI unless already present.
+
+## Key Patterns
+
+- **Download keys**: Use `::` as separator (e.g., `"slug::chapter-1::voice"`), never `-`. Slugs contain hyphens.
+- **Voice fallback chain**: book override → global default → `"af_bella"`. See `BookVoicePreferences.voiceWithFallback()`.
+- **Offline handling**: Wrap view bodies in `VStack` with `OfflineBanner` at top. Use `NetworkMonitor` (environment object) to gate network calls. Suppress network errors silently when offline via `ErrorAlertModifier`.
+- **Audio playback priority**: local file → MinIO presigned URL → trigger TTS generation.
+- **Progress display**: Show decimal % when < 10% (e.g., "3.4%"), rounded when >= 10% (e.g., "47%").
+- **Cover images**: Always proxy via `/api/cover/{domain}/{slug}` — never link directly to source.
+
+## Networking
+
+`APIClient.swift` wraps all Go scraper API calls. When adding new endpoints:
+
+1. Add a method to `APIClient`.
+2. Keep error handling consistent — throw typed errors, let ViewModels catch and set `errorMessage`.
+3. All requests are relative to `SCRAPER_API_URL` (configured at build time via xcconfig or environment).
+
+## Using Documentation Tools
+
+When writing or reviewing SwiftUI/Swift code:
+
+- Use `context7` to look up current Apple SwiftUI/Swift documentation before implementing anything non-trivial. Apple's APIs evolve fast — do not rely on training data alone.
+- Use `gh_grep` to find real-world Swift patterns when unsure how something is typically implemented.
+
+Example prompts:
+- "How does `.searchable` work in iOS 17? use context7"
+- "Show me examples of `@Observable` with async tasks. use context7"
+- "How do other apps implement background URLSession downloads in Swift? use gh_grep"
+
+## UI/UX Skill
+
+For any iOS view work, always load the `ios-ux` skill at the start of the task:
+
+```
+skill({ name: "ios-ux" })
+```
+
+This skill defines the full design system, animation rules, haptic feedback policy, accessibility checklist, performance guidelines, and offline handling requirements. It also governs how to handle screenshot-based reviews (analyze → suggest → confirm before applying).
+
+## What to Avoid
+
+- `NavigationView` — deprecated, use `NavigationStack`
+- `ObservableObject` / `@Published` for new types — prefer `@Observable`
+- `DispatchQueue.main.async` — prefer `@MainActor`
+- Force unwrapping optionals
+- Hardcoded color literals — use `Color+App.swift` extensions or semantic colors
+- Adding new dependencies (SPM packages) without discussion
diff --git a/ios/LibNovelV2/LibNovelV2.xcodeproj/project.xcworkspace/contents.xcworkspacedata b/ios/LibNovelV2/LibNovelV2.xcodeproj/project.xcworkspace/contents.xcworkspacedata
new file mode 100644
index 0000000..919434a
--- /dev/null
+++ b/ios/LibNovelV2/LibNovelV2.xcodeproj/project.xcworkspace/contents.xcworkspacedata
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "self:">
+   </FileRef>
+</Workspace>
diff --git a/justfile b/justfile
new file mode 100644
index 0000000..20f9cfb
--- /dev/null
+++ b/justfile
@@ -0,0 +1,136 @@
+# ── LibNovel v3 — justfile ────────────────────────────────────────────────────
+# All commands that touch docker-compose are wrapped with `doppler run` so that
+# secrets are injected into the environment at runtime — no .env files needed.
+#
+# Prerequisites:
+#   brew install doppler just
+#   doppler setup   (run once; selects project=libnovel config=prd)
+#
+# Usage:
+#   just up          # start all services (detached)
+#   just down        # stop all services
+#   just logs        # tail all service logs
+#   just ps          # show running containers
+#   just build       # rebuild backend + ui images
+#   just restart     # full stop + start cycle
+#   just secrets     # print all injected secrets (debug)
+
+set dotenv-load := false  # Doppler handles all env; never load a .env file
+
+# ── Helpers ───────────────────────────────────────────────────────────────────
+
+# Inject secrets from Doppler, then run the given command
+doppler := "doppler run --"
+
+# ── Core compose commands ─────────────────────────────────────────────────────
+
+# Start all services in the background
+up:
+    {{doppler}} docker compose up -d
+
+# Start and stream logs (foreground)
+up-fg:
+    {{doppler}} docker compose up
+
+# Stop all running services
+down:
+    {{doppler}} docker compose down
+
+# Stop and remove volumes (full reset — destructive!)
+down-volumes:
+    {{doppler}} docker compose down -v
+
+# Show service status
+ps:
+    {{doppler}} docker compose ps
+
+# ── Build & publish ───────────────────────────────────────────────────────────
+
+# Build (or rebuild) all custom images locally
+build:
+    {{doppler}} docker compose build
+
+# Build a specific service, e.g.: just build-svc backend
+build-svc svc:
+    {{doppler}} docker compose build {{svc}}
+
+# Push all custom images to Docker Hub (requires docker login)
+push:
+    {{doppler}} docker compose push backend runner ui caddy pocketbase
+
+# Build then push all custom images
+build-push: build push
+
+# Pull all images from Docker Hub (uses GIT_TAG from Doppler)
+pull-images:
+    {{doppler}} docker compose pull backend runner ui caddy pocketbase
+
+# Pull all third-party base images (minio, pocketbase, etc.)
+pull-infra:
+    {{doppler}} docker compose pull minio pocketbase meilisearch valkey postgres crowdsec watchtower
+
+# ── Logs ─────────────────────────────────────────────────────────────────────
+
+# Tail all service logs (last 50 lines + follow)
+logs:
+    {{doppler}} docker compose logs -f --tail=50
+
+# Tail a specific service, e.g.: just log backend
+log svc:
+    {{doppler}} docker compose logs -f --tail=50 {{svc}}
+
+# ── Lifecycle ─────────────────────────────────────────────────────────────────
+
+# Full restart: stop then start
+restart: down up
+
+# Restart a single service, e.g.: just restart-svc backend
+restart-svc svc:
+    {{doppler}} docker compose restart {{svc}}
+
+# Pull → build → recreate (rolling update without clearing volumes)
+update:
+    {{doppler}} docker compose pull
+    {{doppler}} docker compose build
+    {{doppler}} docker compose up -d
+
+# ── Initialisation ────────────────────────────────────────────────────────────
+
+# Run one-shot init containers (minio-init, pb-init, postgres-init)
+init:
+    {{doppler}} docker compose run --rm minio-init
+    {{doppler}} docker compose run --rm pb-init
+    {{doppler}} docker compose run --rm postgres-init
+
+# ── Shell access ──────────────────────────────────────────────────────────────
+
+# Open a shell in a running service, e.g.: just shell backend
+shell svc:
+    {{doppler}} docker compose exec {{svc}} sh
+
+# ── Secrets ───────────────────────────────────────────────────────────────────
+
+# Print all secrets Doppler will inject (never redirected to a file)
+secrets:
+    doppler secrets --project libnovel --config prd
+
+# Print secrets as a .env-formatted list (useful for debugging)
+secrets-env:
+    doppler secrets download --project libnovel --config prd --format env --no-file
+
+# Open Doppler dashboard in browser
+secrets-dashboard:
+    doppler open dashboard
+
+# ── Developer setup ───────────────────────────────────────────────────────────
+
+# One-time dev setup: configure git to use committed hooks in .githooks/
+setup:
+    git config core.hooksPath .githooks
+    @echo "Git hooks configured (.githooks/pre-commit active)."
+
+# ── Gitea CI ──────────────────────────────────────────────────────────────────
+
+# Validate workflow files
+ci-lint:
+    actionlint .gitea/workflows/*.yaml
diff --git a/opencode.json b/opencode.json
new file mode 100644
index 0000000..1337657
--- /dev/null
+++ b/opencode.json
@@ -0,0 +1,12 @@
+{
+  "$schema": "https://opencode.ai/config.json",
+  "mcp": {
+    "gh_grep": {
+      "type": "remote",
+      "url": "https://mcp.grep.app",
+      "enabled": true
+    }
+  },
+  "instructions": [
+  ]
+}
diff --git a/scraper/Dockerfile b/scraper/Dockerfile
deleted file mode 100644
index a16a59d..0000000
--- a/scraper/Dockerfile
+++ /dev/null
@@ -1,44 +0,0 @@
-# ── Build stage ────────────────────────────────────────────────────────────────
-FROM golang:1.25-alpine AS builder
-
-WORKDIR /build
-
-# Cache dependency downloads separately from source compilation.
-COPY go.mod go.sum ./
-RUN go mod download
-
-COPY . .
-
-RUN CGO_ENABLED=0 GOOS=linux GOARCH=amd64 \
-    go build -ldflags="-s -w" -o /scraper ./cmd/scraper
-
-# ── Runtime stage ──────────────────────────────────────────────────────────────
-FROM alpine:3.20
-
-# ca-certificates is required for HTTPS requests to novelfire.net.
-RUN apk add --no-cache ca-certificates tzdata
-
-WORKDIR /app
-
-COPY --from=builder /scraper /app/scraper
-
-# Create the default static output directory.
-RUN mkdir -p /app/static/books
-
-# Non-root user.
-RUN addgroup -S scraper && adduser -S scraper -G scraper
-RUN chown -R scraper:scraper /app
-USER scraper
-
-# ── Configuration ─────────────────────────────────────────────────────────────
-ENV BROWSERLESS_URL=http://browserless:3030
-ENV BROWSERLESS_STRATEGY=content
-ENV SCRAPER_WORKERS=0
-ENV SCRAPER_STATIC_ROOT=/app/static/books
-ENV SCRAPER_HTTP_ADDR=:8080
-
-EXPOSE 8080
-
-# Default: run as an HTTP server. Override CMD to use "run" for one-shot.
-ENTRYPOINT ["/app/scraper"]
-CMD ["serve"]
diff --git a/scraper/cmd/scraper/main.go b/scraper/cmd/scraper/main.go
deleted file mode 100644
index f3c6962..0000000
--- a/scraper/cmd/scraper/main.go
+++ /dev/null
@@ -1,217 +0,0 @@
-// Command scraper is the entrypoint for the libnovel scraper service.
-//
-// Usage (CLI one-shot):
-//
-//	scraper run [--url <book-url>]
-//
-// Usage (HTTP server):
-//
-//	scraper serve
-//
-// Environment variables:
-//
-//	BROWSERLESS_URL          Browserless base URL           (default: http://localhost:3030)
-//	BROWSERLESS_TOKEN        Browserless API token          (default: "")
-//	BROWSERLESS_STRATEGY     content | scrape | cdp         (default: content)
-//	BROWSERLESS_MAX_CONCURRENT  Max simultaneous browser sessions  (default: 5)
-//	SCRAPER_WORKERS          Chapter goroutine count        (default: NumCPU)
-//	SCRAPER_STATIC_ROOT      Output directory               (default: ./static/books)
-//	SCRAPER_HTTP_ADDR        HTTP listen address            (default: :8080)
-//	KOKORO_URL               Kokoro-FastAPI base URL        (default: "")
-//	KOKORO_VOICE             Default TTS voice              (default: af_bella)
-//	LOG_LEVEL                debug | info | warn | error    (default: info)
-package main
-
-import (
-	"context"
-	"fmt"
-	"log/slog"
-	"os"
-	"os/signal"
-	"runtime"
-	"strconv"
-	"strings"
-	"syscall"
-	"time"
-
-	"github.com/libnovel/scraper/internal/browser"
-	"github.com/libnovel/scraper/internal/novelfire"
-	"github.com/libnovel/scraper/internal/orchestrator"
-	"github.com/libnovel/scraper/internal/server"
-	"github.com/libnovel/scraper/internal/writer"
-)
-
-func main() {
-	logLevel := slog.LevelInfo
-	if v := os.Getenv("LOG_LEVEL"); v != "" {
-		if err := logLevel.UnmarshalText([]byte(v)); err != nil {
-			fmt.Fprintf(os.Stderr, "invalid LOG_LEVEL %q, using info\n", v)
-		}
-	}
-	log := slog.New(slog.NewTextHandler(os.Stdout, &slog.HandlerOptions{
-		Level: logLevel,
-	}))
-
-	if err := run(log); err != nil {
-		log.Error("fatal", "err", err)
-		os.Exit(1)
-	}
-}
-
-func run(log *slog.Logger) error {
-	args := os.Args[1:]
-	if len(args) == 0 {
-		printUsage()
-		return nil
-	}
-
-	cmd := strings.ToLower(args[0])
-
-	browserCfg := browser.Config{
-		BaseURL: envOr("BROWSERLESS_URL", "http://localhost:3030"),
-		Token:   envOr("BROWSERLESS_TOKEN", ""),
-	}
-	browserCfg.MaxConcurrent = 5
-	if s := os.Getenv("BROWSERLESS_MAX_CONCURRENT"); s != "" {
-		if n, err := strconv.Atoi(s); err == nil && n > 0 {
-			browserCfg.MaxConcurrent = n
-		}
-	}
-	if s := os.Getenv("BROWSERLESS_TIMEOUT"); s != "" {
-		if n, err := strconv.Atoi(s); err == nil && n > 0 {
-			browserCfg.Timeout = time.Duration(n) * time.Second
-		}
-	}
-
-	strategy := browser.Strategy(strings.ToLower(envOr("BROWSERLESS_STRATEGY", string(browser.StrategyDirect))))
-	urlStrategy := browser.Strategy(strings.ToLower(envOr("BROWSERLESS_URL_STRATEGY", string(browser.StrategyContent))))
-	bc := newBrowserClient(strategy, browserCfg)
-	urlClient := newBrowserClient(urlStrategy, browserCfg)
-
-	staticRoot := envOr("SCRAPER_STATIC_ROOT", "./static/books")
-	w := writer.New(staticRoot)
-	nf := novelfire.New(bc, log, urlClient, w)
-
-	workers := 0
-	if s := os.Getenv("SCRAPER_WORKERS"); s != "" {
-		n, err := strconv.Atoi(s)
-		if err == nil && n > 0 {
-			workers = n
-		}
-	}
-	if workers == 0 {
-		workers = runtime.NumCPU()
-	}
-
-	oCfg := orchestrator.Config{
-		Workers:    workers,
-		StaticRoot: staticRoot,
-	}
-
-	ctx, stop := signal.NotifyContext(context.Background(), syscall.SIGINT, syscall.SIGTERM)
-	defer stop()
-
-	switch cmd {
-	case "run":
-		// Optional --url flag.
-		if len(args) >= 3 && args[1] == "--url" {
-			oCfg.SingleBookURL = args[2]
-		}
-		log.Info("starting one-shot scrape",
-			"strategy", strategy,
-			"workers", workers,
-			"max_concurrent", browserCfg.MaxConcurrent,
-			"static_root", oCfg.StaticRoot,
-			"single_book", oCfg.SingleBookURL,
-		)
-		o := orchestrator.New(oCfg, nf, log)
-		return o.Run(ctx)
-
-	case "refresh":
-		// refresh <slug> - re-scrape a book from its saved source_url
-		if len(args) < 2 {
-			return fmt.Errorf("refresh command requires a book slug argument")
-		}
-		slug := args[1]
-		w := writer.New(oCfg.StaticRoot)
-		meta, ok, err := w.ReadMetadata(slug)
-		if err != nil {
-			return fmt.Errorf("failed to read metadata for %s: %w", slug, err)
-		}
-		if !ok {
-			return fmt.Errorf("book %q not found in %s", slug, oCfg.StaticRoot)
-		}
-		if meta.SourceURL == "" {
-			return fmt.Errorf("book %q has no source_url in metadata", slug)
-		}
-		oCfg.SingleBookURL = meta.SourceURL
-		log.Info("refreshing book from source_url",
-			"slug", slug,
-			"source_url", meta.SourceURL,
-		)
-		o := orchestrator.New(oCfg, nf, log)
-		return o.Run(ctx)
-
-	case "serve":
-		addr := envOr("SCRAPER_HTTP_ADDR", ":8080")
-		kokoroURL := envOr("KOKORO_URL", "")
-		kokoroVoice := envOr("KOKORO_VOICE", "af_bella")
-		log.Info("starting HTTP server",
-			"addr", addr,
-			"strategy", strategy,
-			"workers", workers,
-			"max_concurrent", browserCfg.MaxConcurrent,
-			"kokoro_url", kokoroURL,
-			"kokoro_voice", kokoroVoice,
-		)
-		srv := server.New(addr, oCfg, nf, log, kokoroURL, kokoroVoice)
-		return srv.ListenAndServe(ctx)
-
-	default:
-		return fmt.Errorf("unknown command %q; use 'run' or 'serve'", cmd)
-	}
-}
-
-func newBrowserClient(strategy browser.Strategy, cfg browser.Config) browser.BrowserClient {
-	switch strategy {
-	case browser.StrategyScrape:
-		return browser.NewScrapeClient(cfg)
-	case browser.StrategyCDP:
-		return browser.NewCDPClient(cfg)
-	case browser.StrategyDirect:
-		return browser.NewDirectHTTPClient(cfg)
-	default:
-		return browser.NewContentClient(cfg)
-	}
-}
-
-func envOr(key, fallback string) string {
-	if v := os.Getenv(key); v != "" {
-		return v
-	}
-	return fallback
-}
-
-func printUsage() {
-	fmt.Fprintf(os.Stderr, `libnovel scraper
-
-Commands:
-  run [--url <book-url>]   One-shot: scrape full catalogue, or a single book
-  refresh <slug>            Re-scrape a book from its saved source_url
-  serve                    Start HTTP server (POST /scrape, POST /scrape/book)
-
-Environment variables:
-  BROWSERLESS_URL             Browserless base URL      (default: http://localhost:3030)
-  BROWSERLESS_TOKEN           API token                 (default: "")
-  BROWSERLESS_STRATEGY        content|scrape|cdp|direct (default: direct)
-  BROWSERLESS_URL_STRATEGY    Strategy for URL retrieval (default: content)
-  BROWSERLESS_MAX_CONCURRENT  Max simultaneous sessions (default: 5)
-  BROWSERLESS_TIMEOUT         HTTP request timeout sec  (default: 90)
-  SCRAPER_WORKERS             Chapter goroutines        (default: NumCPU = %d)
-  SCRAPER_STATIC_ROOT         Output directory          (default: ./static/books)
-  SCRAPER_HTTP_ADDR           HTTP listen address       (default: :8080)
-  KOKORO_URL                  Kokoro-FastAPI base URL   (default: "", TTS disabled)
-  KOKORO_VOICE                Default TTS voice         (default: af_bella)
-  LOG_LEVEL                   debug|info|warn|error     (default: info)
-`, runtime.NumCPU())
-}
diff --git a/scraper/go.mod b/scraper/go.mod
deleted file mode 100644
index 10b6635..0000000
--- a/scraper/go.mod
+++ /dev/null
@@ -1,10 +0,0 @@
-module github.com/libnovel/scraper
-
-go 1.25.0
-
-require (
-	github.com/gorilla/websocket v1.5.3 // indirect
-	github.com/yuin/goldmark v1.7.16 // indirect
-	golang.org/x/net v0.51.0 // indirect
-	gopkg.in/yaml.v3 v3.0.1 // indirect
-)
diff --git a/scraper/go.sum b/scraper/go.sum
deleted file mode 100644
index 5338185..0000000
--- a/scraper/go.sum
+++ /dev/null
@@ -1,9 +0,0 @@
-github.com/gorilla/websocket v1.5.3 h1:saDtZ6Pbx/0u+bgYQ3q96pZgCzfhKXGPqt7kZ72aNNg=
-github.com/gorilla/websocket v1.5.3/go.mod h1:YR8l580nyteQvAITg2hZ9XVh4b55+EU/adAjf1fMHhE=
-github.com/yuin/goldmark v1.7.16 h1:n+CJdUxaFMiDUNnWC3dMWCIQJSkxH4uz3ZwQBkAlVNE=
-github.com/yuin/goldmark v1.7.16/go.mod h1:ip/1k0VRfGynBgxOz0yCqHrbZXhcjxyuS66Brc7iBKg=
-golang.org/x/net v0.51.0 h1:94R/GTO7mt3/4wIKpcR5gkGmRLOuE/2hNGeWq/GBIFo=
-golang.org/x/net v0.51.0/go.mod h1:aamm+2QF5ogm02fjy5Bb7CQ0WMt1/WVM7FtyaTLlA9Y=
-gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
-gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
-gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
diff --git a/scraper/internal/browser/cdp.go b/scraper/internal/browser/cdp.go
deleted file mode 100644
index bdbe0cb..0000000
--- a/scraper/internal/browser/cdp.go
+++ /dev/null
@@ -1,137 +0,0 @@
-package browser
-
-import (
-	"context"
-	"encoding/json"
-	"fmt"
-	"net/http"
-	"strings"
-	"sync/atomic"
-	"time"
-
-	"github.com/gorilla/websocket"
-)
-
-// cdpClient implements BrowserClient using the CDP WebSocket endpoint.
-type cdpClient struct {
-	cfg Config
-	sem chan struct{}
-}
-
-// NewCDPClient returns a BrowserClient that uses CDP WebSocket sessions.
-func NewCDPClient(cfg Config) BrowserClient {
-	if cfg.Timeout == 0 {
-		cfg.Timeout = 60 * time.Second
-	}
-	return &cdpClient{cfg: cfg, sem: makeSem(cfg.MaxConcurrent)}
-}
-
-func (c *cdpClient) Strategy() Strategy { return StrategyCDP }
-
-func (c *cdpClient) GetContent(_ context.Context, _ ContentRequest) (string, error) {
-	return "", fmt.Errorf("CDP client does not support /content; use NewContentClient")
-}
-
-func (c *cdpClient) ScrapePage(_ context.Context, _ ScrapeRequest) (ScrapeResponse, error) {
-	return ScrapeResponse{}, fmt.Errorf("CDP client does not support /scrape; use NewScrapeClient")
-}
-
-// CDPSession opens a WebSocket to the Browserless /devtools/browser endpoint,
-// navigates to pageURL, and invokes fn with a live CDPConn.
-func (c *cdpClient) CDPSession(ctx context.Context, pageURL string, fn CDPSessionFunc) error {
-	if err := acquire(ctx, c.sem); err != nil {
-		return fmt.Errorf("cdp: semaphore: %w", err)
-	}
-	defer release(c.sem)
-
-	// Build WebSocket URL: ws://host:port/devtools/browser?token=...&url=...
-	wsURL := strings.Replace(c.cfg.BaseURL, "http://", "ws://", 1)
-	wsURL = strings.Replace(wsURL, "https://", "wss://", 1)
-	wsURL += "/devtools/browser"
-	sep := "?"
-	if c.cfg.Token != "" {
-		wsURL += sep + "token=" + c.cfg.Token
-		sep = "&"
-	}
-	wsURL += sep + "url=" + pageURL
-
-	dialer := websocket.Dialer{
-		HandshakeTimeout: 15 * time.Second,
-		Proxy:            http.ProxyFromEnvironment,
-	}
-
-	conn, _, err := dialer.DialContext(ctx, wsURL, nil)
-	if err != nil {
-		return fmt.Errorf("cdp: dial %s: %w", wsURL, err)
-	}
-
-	cdp := &cdpConn{ws: conn}
-	defer cdp.Close()
-
-	return fn(ctx, cdp)
-}
-
-// ─── cdpConn ─────────────────────────────────────────────────────────────────
-
-type cdpConn struct {
-	ws      *websocket.Conn
-	counter atomic.Int64
-}
-
-type cdpRequest struct {
-	ID     int64          `json:"id"`
-	Method string         `json:"method"`
-	Params map[string]any `json:"params,omitempty"`
-}
-
-type cdpResponse struct {
-	ID     int64          `json:"id"`
-	Result map[string]any `json:"result,omitempty"`
-	Error  *struct {
-		Code    int    `json:"code"`
-		Message string `json:"message"`
-	} `json:"error,omitempty"`
-}
-
-func (c *cdpConn) Send(ctx context.Context, method string, params map[string]any) (map[string]any, error) {
-	id := c.counter.Add(1)
-
-	req := cdpRequest{ID: id, Method: method, Params: params}
-	data, err := json.Marshal(req)
-	if err != nil {
-		return nil, fmt.Errorf("cdp send: marshal: %w", err)
-	}
-
-	if dl, ok := ctx.Deadline(); ok {
-		_ = c.ws.SetWriteDeadline(dl)
-	}
-	if err := c.ws.WriteMessage(websocket.TextMessage, data); err != nil {
-		return nil, fmt.Errorf("cdp send: write: %w", err)
-	}
-
-	// Read messages until we find the response matching our id.
-	for {
-		if dl, ok := ctx.Deadline(); ok {
-			_ = c.ws.SetReadDeadline(dl)
-		}
-		_, msg, err := c.ws.ReadMessage()
-		if err != nil {
-			return nil, fmt.Errorf("cdp send: read: %w", err)
-		}
-		var resp cdpResponse
-		if err := json.Unmarshal(msg, &resp); err != nil {
-			continue // skip non-JSON frames (events etc.)
-		}
-		if resp.ID != id {
-			continue // event or different command reply
-		}
-		if resp.Error != nil {
-			return nil, fmt.Errorf("cdp error %d: %s", resp.Error.Code, resp.Error.Message)
-		}
-		return resp.Result, nil
-	}
-}
-
-func (c *cdpConn) Close() error {
-	return c.ws.Close()
-}
diff --git a/scraper/internal/browser/content_scrape.go b/scraper/internal/browser/content_scrape.go
deleted file mode 100644
index a0e7a85..0000000
--- a/scraper/internal/browser/content_scrape.go
+++ /dev/null
@@ -1,195 +0,0 @@
-package browser
-
-import (
-	"bytes"
-	"context"
-	"encoding/json"
-	"fmt"
-	"io"
-	"net/http"
-	"time"
-)
-
-// Config holds the connection parameters for a Browserless instance.
-type Config struct {
-	// BaseURL is the HTTP base URL, e.g. "http://localhost:3030".
-	BaseURL string
-	// Token is the optional API token (BROWSERLESS_TOKEN env var).
-	Token string
-	// Timeout is the per-request HTTP timeout; defaults to 60 s.
-	Timeout time.Duration
-	// MaxConcurrent caps the number of simultaneous in-flight requests sent to
-	// Browserless. When all slots are occupied new calls block until one
-	// completes (or ctx is cancelled). 0 means no limit.
-	MaxConcurrent int
-}
-
-// makeSem returns a buffered channel used as a counting semaphore.
-// If n <= 0 a nil channel is returned, which causes acquire/release to be no-ops.
-func makeSem(n int) chan struct{} {
-	if n <= 0 {
-		return nil
-	}
-	return make(chan struct{}, n)
-}
-
-// acquire takes one slot from sem. It returns an error if ctx is cancelled
-// before a slot becomes available. If sem is nil it returns immediately.
-func acquire(ctx context.Context, sem chan struct{}) error {
-	if sem == nil {
-		return nil
-	}
-	select {
-	case sem <- struct{}{}:
-		return nil
-	case <-ctx.Done():
-		return ctx.Err()
-	}
-}
-
-// release frees the slot previously obtained by acquire.
-// If sem is nil it is a no-op.
-func release(sem chan struct{}) {
-	if sem != nil {
-		<-sem
-	}
-}
-
-// contentClient implements BrowserClient using the /content endpoint.
-type contentClient struct {
-	cfg  Config
-	http *http.Client
-	sem  chan struct{}
-}
-
-// NewContentClient returns a BrowserClient that uses POST /content.
-func NewContentClient(cfg Config) BrowserClient {
-	if cfg.Timeout == 0 {
-		cfg.Timeout = 90 * time.Second
-	}
-	return &contentClient{
-		cfg:  cfg,
-		http: &http.Client{Timeout: cfg.Timeout},
-		sem:  makeSem(cfg.MaxConcurrent),
-	}
-}
-
-func (c *contentClient) Strategy() Strategy { return StrategyContent }
-
-func (c *contentClient) GetContent(ctx context.Context, req ContentRequest) (string, error) {
-	if err := acquire(ctx, c.sem); err != nil {
-		return "", fmt.Errorf("content: semaphore: %w", err)
-	}
-	defer release(c.sem)
-
-	body, err := json.Marshal(req)
-	if err != nil {
-		return "", fmt.Errorf("content: marshal request: %w", err)
-	}
-
-	url := c.cfg.BaseURL + "/content"
-	if c.cfg.Token != "" {
-		url += "?token=" + c.cfg.Token
-	}
-
-	httpReq, err := http.NewRequestWithContext(ctx, http.MethodPost, url, bytes.NewReader(body))
-	if err != nil {
-		return "", fmt.Errorf("content: build request: %w", err)
-	}
-	httpReq.Header.Set("Content-Type", "application/json")
-
-	resp, err := c.http.Do(httpReq)
-	if err != nil {
-		return "", fmt.Errorf("content: do request: %w", err)
-	}
-	defer resp.Body.Close()
-
-	if resp.StatusCode != http.StatusOK {
-		b, _ := io.ReadAll(resp.Body)
-		return "", fmt.Errorf("content: unexpected status %d: %s", resp.StatusCode, b)
-	}
-
-	raw, err := io.ReadAll(resp.Body)
-	if err != nil {
-		return "", fmt.Errorf("content: read body: %w", err)
-	}
-	return string(raw), nil
-}
-
-func (c *contentClient) ScrapePage(_ context.Context, _ ScrapeRequest) (ScrapeResponse, error) {
-	return ScrapeResponse{}, fmt.Errorf("content client does not support /scrape; use NewScrapeClient")
-}
-
-func (c *contentClient) CDPSession(_ context.Context, _ string, _ CDPSessionFunc) error {
-	return fmt.Errorf("content client does not support CDP; use NewCDPClient")
-}
-
-// ─── /scrape client ───────────────────────────────────────────────────────────
-
-type scrapeClient struct {
-	cfg  Config
-	http *http.Client
-	sem  chan struct{}
-}
-
-// NewScrapeClient returns a BrowserClient that uses POST /scrape.
-func NewScrapeClient(cfg Config) BrowserClient {
-	if cfg.Timeout == 0 {
-		cfg.Timeout = 90 * time.Second
-	}
-	return &scrapeClient{
-		cfg:  cfg,
-		http: &http.Client{Timeout: cfg.Timeout},
-		sem:  makeSem(cfg.MaxConcurrent),
-	}
-}
-
-func (c *scrapeClient) Strategy() Strategy { return StrategyScrape }
-
-func (c *scrapeClient) GetContent(_ context.Context, _ ContentRequest) (string, error) {
-	return "", fmt.Errorf("scrape client does not support /content; use NewContentClient")
-}
-
-func (c *scrapeClient) ScrapePage(ctx context.Context, req ScrapeRequest) (ScrapeResponse, error) {
-	if err := acquire(ctx, c.sem); err != nil {
-		return ScrapeResponse{}, fmt.Errorf("scrape: semaphore: %w", err)
-	}
-	defer release(c.sem)
-
-	body, err := json.Marshal(req)
-	if err != nil {
-		return ScrapeResponse{}, fmt.Errorf("scrape: marshal request: %w", err)
-	}
-
-	url := c.cfg.BaseURL + "/scrape"
-	if c.cfg.Token != "" {
-		url += "?token=" + c.cfg.Token
-	}
-
-	httpReq, err := http.NewRequestWithContext(ctx, http.MethodPost, url, bytes.NewReader(body))
-	if err != nil {
-		return ScrapeResponse{}, fmt.Errorf("scrape: build request: %w", err)
-	}
-	httpReq.Header.Set("Content-Type", "application/json")
-
-	resp, err := c.http.Do(httpReq)
-	if err != nil {
-		return ScrapeResponse{}, fmt.Errorf("scrape: do request: %w", err)
-	}
-	defer resp.Body.Close()
-
-	if resp.StatusCode != http.StatusOK {
-		b, _ := io.ReadAll(resp.Body)
-		return ScrapeResponse{}, fmt.Errorf("scrape: unexpected status %d: %s", resp.StatusCode, b)
-	}
-
-	var result ScrapeResponse
-	if err := json.NewDecoder(resp.Body).Decode(&result); err != nil {
-		return ScrapeResponse{}, fmt.Errorf("scrape: decode response: %w", err)
-	}
-	return result, nil
-}
-
-func (c *scrapeClient) CDPSession(_ context.Context, _ string, _ CDPSessionFunc) error {
-	return fmt.Errorf("scrape client does not support CDP; use NewCDPClient")
-}
diff --git a/scraper/internal/browser/http.go b/scraper/internal/browser/http.go
deleted file mode 100644
index 5b9c374..0000000
--- a/scraper/internal/browser/http.go
+++ /dev/null
@@ -1,68 +0,0 @@
-package browser
-
-import (
-	"context"
-	"fmt"
-	"io"
-	"net/http"
-	"time"
-)
-
-type httpClient struct {
-	cfg  Config
-	http *http.Client
-	sem  chan struct{}
-}
-
-func NewDirectHTTPClient(cfg Config) BrowserClient {
-	if cfg.Timeout == 0 {
-		cfg.Timeout = 30 * time.Second
-	}
-	return &httpClient{
-		cfg:  cfg,
-		http: &http.Client{Timeout: cfg.Timeout},
-		sem:  makeSem(cfg.MaxConcurrent),
-	}
-}
-
-func (c *httpClient) Strategy() Strategy { return StrategyDirect }
-
-func (c *httpClient) GetContent(ctx context.Context, req ContentRequest) (string, error) {
-	if err := acquire(ctx, c.sem); err != nil {
-		return "", fmt.Errorf("http: semaphore: %w", err)
-	}
-	defer release(c.sem)
-
-	httpReq, err := http.NewRequestWithContext(ctx, http.MethodGet, req.URL, nil)
-	if err != nil {
-		return "", fmt.Errorf("http: build request: %w", err)
-	}
-	httpReq.Header.Set("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36")
-	httpReq.Header.Set("Accept", "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8")
-	httpReq.Header.Set("Accept-Language", "en-US,en;q=0.5")
-
-	resp, err := c.http.Do(httpReq)
-	if err != nil {
-		return "", fmt.Errorf("http: do request: %w", err)
-	}
-	defer resp.Body.Close()
-
-	if resp.StatusCode != http.StatusOK {
-		b, _ := io.ReadAll(resp.Body)
-		return "", fmt.Errorf("http: unexpected status %d: %s", resp.StatusCode, b)
-	}
-
-	raw, err := io.ReadAll(resp.Body)
-	if err != nil {
-		return "", fmt.Errorf("http: read body: %w", err)
-	}
-	return string(raw), nil
-}
-
-func (c *httpClient) ScrapePage(_ context.Context, _ ScrapeRequest) (ScrapeResponse, error) {
-	return ScrapeResponse{}, fmt.Errorf("http client does not support ScrapePage; use browserless")
-}
-
-func (c *httpClient) CDPSession(_ context.Context, _ string, _ CDPSessionFunc) error {
-	return fmt.Errorf("http client does not support CDP; use browserless")
-}
diff --git a/scraper/internal/browser/integration_test.go b/scraper/internal/browser/integration_test.go
deleted file mode 100644
index e389677..0000000
--- a/scraper/internal/browser/integration_test.go
+++ /dev/null
@@ -1,152 +0,0 @@
-//go:build integration
-
-// Integration tests for the Browserless /content API.
-//
-// These tests require a live Browserless instance and are gated behind the
-// "integration" build tag so they never run in normal `go test ./...` passes.
-//
-// Run them with:
-//
-//	BROWSERLESS_URL=http://localhost:3030 \
-//	BROWSERLESS_TOKEN=your-token \          # omit if auth is disabled
-//	go test -v -tags integration -timeout 120s \
-//	    github.com/libnovel/scraper/internal/browser
-package browser_test
-
-import (
-	"context"
-	"os"
-	"strings"
-	"testing"
-	"time"
-
-	"github.com/libnovel/scraper/internal/browser"
-)
-
-// chapterURL is the novelfire chapter used in every integration sub-test.
-const chapterURL = "https://novelfire.net/book/a-dragon-against-the-whole-world/chapter-1"
-
-// newIntegrationClient reads BROWSERLESS_URL / BROWSERLESS_TOKEN from the
-// environment and returns a configured contentClient.
-// The test is skipped when BROWSERLESS_URL is not set.
-func newIntegrationClient(t *testing.T) browser.BrowserClient {
-	t.Helper()
-	baseURL := os.Getenv("BROWSERLESS_URL")
-	if baseURL == "" {
-		t.Skip("BROWSERLESS_URL not set — skipping integration test")
-	}
-	return browser.NewContentClient(browser.Config{
-		BaseURL: baseURL,
-		Token:   os.Getenv("BROWSERLESS_TOKEN"),
-		// Use a generous per-request HTTP timeout so the wait-for-selector
-		// (75 s) doesn't get cut off by the transport layer.
-		Timeout:       120 * time.Second,
-		MaxConcurrent: 1,
-	})
-}
-
-// TestIntegration_ChapterContent_ReturnsHTML verifies that a POST /content
-// request with the production wait-for-selector settings succeeds and that the
-// returned HTML contains the #content div expected on novelfire chapter pages.
-func TestIntegration_ChapterContent_ReturnsHTML(t *testing.T) {
-	client := newIntegrationClient(t)
-
-	ctx, cancel := context.WithTimeout(context.Background(), 110*time.Second)
-	defer cancel()
-
-	req := browser.ContentRequest{
-		URL: chapterURL,
-		WaitFor: &browser.WaitForSelector{
-			Selector: "#content",
-			Timeout:  5000,
-		},
-		RejectResourceTypes: productionRejectTypes(),
-	}
-
-	html, err := client.GetContent(ctx, req)
-	if err != nil {
-		t.Fatalf("GetContent failed: %v", err)
-	}
-
-	// The #content div must not be empty; presence of <p> tags inside it is a
-	// reliable indicator that chapter paragraphs were rendered.
-	contentIdx := strings.Index(html, `id="content"`)
-	if contentIdx == -1 {
-		t.Fatalf("id=\"content\" not found in response (%d bytes)", len(html))
-	}
-
-	// Look for <p> tags after the #content marker — the chapter text lives there.
-	afterContent := html[contentIdx:]
-	if !strings.Contains(afterContent, "<p") {
-		t.Errorf("#content section contains no <p> tags; JS rendering may have failed.\nSection preview:\n%s",
-			truncate(afterContent, 1000))
-	}
-
-	t.Logf("chapter content section starts at byte %d (total response: %d bytes)", contentIdx, len(html))
-}
-
-// TestIntegration_ChapterContent_TimeoutSurfacedCorrectly verifies that a
-// deliberately too-short timeout returns an error containing "TimeoutError" (the
-// Browserless error string seen in the failing log entry).  This ensures our
-// error-classification logic in retryGetContent matches real Browserless output.
-func TestIntegration_ChapterContent_TimeoutSurfacedCorrectly(t *testing.T) {
-	client := newIntegrationClient(t)
-
-	ctx, cancel := context.WithTimeout(context.Background(), 40*time.Second)
-	defer cancel()
-
-	req := browser.ContentRequest{
-		URL: chapterURL,
-		WaitFor: &browser.WaitForSelector{
-			Selector: "#content",
-			Timeout:  500, // intentionally too short (500 ms) → Browserless will time out
-		},
-		RejectResourceTypes: productionRejectTypes(),
-	}
-
-	_, err := client.GetContent(ctx, req)
-	if err == nil {
-		t.Fatal("expected a timeout error from Browserless, but GetContent succeeded — " +
-			"the page may now load very fast; adjust the timeout threshold")
-	}
-
-	t.Logf("got expected error: %v", err)
-
-	// Browserless wraps navigation timeouts in a 500 response with
-	// "TimeoutError: Navigation timeout" in the body — this is the exact
-	// error that is triggering retries in production.
-	if !strings.Contains(err.Error(), "500") {
-		t.Errorf("expected HTTP 500 status in error, got: %v", err)
-	}
-}
-
-// ── helpers ───────────────────────────────────────────────────────────────────
-
-// productionRejectTypes returns the same resource-type block-list the
-// novelfire scraper uses in production, so integration tests exercise the
-// identical request shape.
-func productionRejectTypes() []string {
-	return []string{
-		"cspviolationreport",
-		"eventsource",
-		"fedcm",
-		"font",
-		"image",
-		"manifest",
-		"media",
-		"other",
-		"ping",
-		"signedexchange",
-		"stylesheet",
-		"texttrack",
-		"websocket",
-	}
-}
-
-// truncate returns the first n bytes of s as a string.
-func truncate(s string, n int) string {
-	if len(s) <= n {
-		return s
-	}
-	return s[:n] + "…"
-}
diff --git a/scraper/internal/browser/interface.go b/scraper/internal/browser/interface.go
deleted file mode 100644
index c2c8fd4..0000000
--- a/scraper/internal/browser/interface.go
+++ /dev/null
@@ -1,120 +0,0 @@
-// Package browser defines the BrowserClient interface and helper types for
-// communicating with a Browserless instance.
-package browser
-
-import "context"
-
-// Strategy selects which Browserless API endpoint / protocol to use.
-type Strategy string
-
-const (
-	// StrategyContent uses the POST /content endpoint, which returns the final
-	// rendered HTML of the page. Fastest; suitable for most JS-rendered sites.
-	StrategyContent Strategy = "content"
-
-	// StrategyScrape uses the POST /scrape endpoint, which accepts a list of
-	// CSS selectors and returns structured JSON. Good when you know exactly
-	// which elements you need.
-	StrategyScrape Strategy = "scrape"
-
-	// StrategyCDP uses the WebSocket /devtools/browser endpoint (Chrome
-	// DevTools Protocol). Most powerful; required for complex interactions
-	// (clicking, scrolling, waiting for network idle, etc.).
-	StrategyCDP Strategy = "cdp"
-
-	// StrategyDirect uses a plain HTTP client to fetch HTML directly.
-	// Suitable for sites that don't require JavaScript rendering.
-	StrategyDirect Strategy = "direct"
-)
-
-// WaitForSelector describes the waitForSelector option sent to Browserless.
-type WaitForSelector struct {
-	Selector string `json:"selector"`
-	Timeout  int    `json:"timeout,omitempty"` // ms
-}
-
-// GotoOptions controls page navigation behavior.
-type GotoOptions struct {
-	Timeout   int    `json:"timeout,omitempty"`   // ms
-	WaitUntil string `json:"waitUntil,omitempty"` // e.g., "networkidle2", "load"
-}
-
-// ContentRequest is the body sent to POST /content.
-type ContentRequest struct {
-	URL                 string           `json:"url"`
-	WaitFor             *WaitForSelector `json:"waitForSelector,omitempty"`
-	WaitForTimeout      int              `json:"waitForTimeout,omitempty"`      // ms
-	RejectResourceTypes []string         `json:"rejectResourceTypes,omitempty"` // e.g. ["image","stylesheet"]
-	GotoOptions         *GotoOptions     `json:"gotoOptions,omitempty"`
-	BestAttempt         bool             `json:"bestAttempt,omitempty"` // return partial content on timeout/error
-}
-
-// ScrapeElement is one element descriptor inside a ScrapeRequest.
-type ScrapeElement struct {
-	Selector string `json:"selector"`
-	Timeout  int    `json:"timeout,omitempty"` // ms
-}
-
-// ScrapeRequest is the body sent to POST /scrape.
-type ScrapeRequest struct {
-	URL         string           `json:"url"`
-	Elements    []ScrapeElement  `json:"elements"`
-	WaitFor     *WaitForSelector `json:"waitForSelector,omitempty"`
-	GotoOptions *GotoOptions     `json:"gotoOptions,omitempty"`
-}
-
-// ScrapeResult is one entry in the response from POST /scrape.
-type ScrapeResult struct {
-	Selector string          `json:"selector"`
-	Results  []ScrapeElement `json:"results"`
-}
-
-// ScrapeAttribute holds a single attribute value from a scraped element.
-type ScrapeAttribute struct {
-	Name  string `json:"name"`
-	Value string `json:"value"`
-}
-
-// ScrapedElement is one item inside ScrapeResult.Results.
-type ScrapedElement struct {
-	Text       string            `json:"text"`
-	Attributes []ScrapeAttribute `json:"attributes"`
-}
-
-// ScrapeResponse is the top-level response from POST /scrape.
-type ScrapeResponse struct {
-	Data []ScrapeResult `json:"data"`
-}
-
-// BrowserClient is an abstraction over the three Browserless API strategies.
-// Callers choose the strategy best suited to the target site; the interface
-// signature is identical regardless of strategy.
-type BrowserClient interface {
-	// Strategy returns the strategy this client uses.
-	Strategy() Strategy
-
-	// GetContent fetches the fully-rendered HTML of url using the /content
-	// endpoint. Only meaningful when Strategy() == StrategyContent.
-	GetContent(ctx context.Context, req ContentRequest) (string, error)
-
-	// ScrapePage calls the /scrape endpoint and returns structured data.
-	// Only meaningful when Strategy() == StrategyScrape.
-	ScrapePage(ctx context.Context, req ScrapeRequest) (ScrapeResponse, error)
-
-	// CDPSession opens a CDP WebSocket session and calls fn with the raw
-	// WebSocket connection. Only meaningful when Strategy() == StrategyCDP.
-	// The session is closed when fn returns.
-	CDPSession(ctx context.Context, pageURL string, fn CDPSessionFunc) error
-}
-
-// CDPSessionFunc is the callback invoked inside a CDP session.
-// conn is a live *websocket.Conn connected to a Browserless CDP endpoint.
-type CDPSessionFunc func(ctx context.Context, conn CDPConn) error
-
-// CDPConn is the minimal interface the orchestrator needs over a CDP WebSocket.
-type CDPConn interface {
-	// Send sends a raw CDP command (JSON-encoded) and returns the response.
-	Send(ctx context.Context, method string, params map[string]any) (map[string]any, error)
-	// Close closes the underlying connection.
-	Close() error
-}
diff --git a/scraper/internal/novelfire/integration_test.go b/scraper/internal/novelfire/integration_test.go
deleted file mode 100644
index 5e91e1a..0000000
--- a/scraper/internal/novelfire/integration_test.go
+++ /dev/null
@@ -1,344 +0,0 @@
-//go:build integration
-
-// Integration tests for the novelfire.net Scraper against a live Browserless instance.
-//
-// These tests exercise the full scraping stack — Browserless → raw HTML →
-// novelfire HTML parser — for the book:
-//
-//	https://novelfire.net/book/a-dragon-against-the-whole-world
-//
-// They are gated behind the "integration" build tag so they never run in a
-// normal `go test ./...` pass.
-//
-// Run with:
-//
-//	BROWSERLESS_URL=http://localhost:3030 \
-//	BROWSERLESS_TOKEN=your-token \        # omit if auth is disabled
-//	go test -v -tags integration -timeout 600s \
-//	    github.com/libnovel/scraper/internal/novelfire
-package novelfire
-
-import (
-	"context"
-	"fmt"
-	"os"
-	"strings"
-	"testing"
-	"time"
-
-	"github.com/libnovel/scraper/internal/browser"
-	"github.com/libnovel/scraper/internal/scraper"
-)
-
-const (
-	integrationBookURL   = "https://novelfire.net/book/a-dragon-against-the-whole-world"
-	integrationBookSlug  = "a-dragon-against-the-whole-world"
-	integrationBookTitle = "A Dragon against the Whole World"
-)
-
-// newIntegrationScraper reads BROWSERLESS_URL / BROWSERLESS_TOKEN from the
-// environment, constructs a real contentClient, and returns a novelfire Scraper
-// wired to it. The test is skipped when BROWSERLESS_URL is not set.
-func newIntegrationScraper(t *testing.T) *Scraper {
-	t.Helper()
-	baseURL := os.Getenv("BROWSERLESS_URL")
-	if baseURL == "" {
-		t.Skip("BROWSERLESS_URL not set — skipping integration test")
-	}
-	client := browser.NewContentClient(browser.Config{
-		BaseURL:       baseURL,
-		Token:         os.Getenv("BROWSERLESS_TOKEN"),
-		Timeout:       120 * time.Second,
-		MaxConcurrent: 1,
-	})
-	return New(client, nil)
-}
-
-// ── Metadata ──────────────────────────────────────────────────────────────────
-
-// TestIntegration_Novelfire_ScrapeMetadata_ReturnsTitle verifies that
-// ScrapeMetadata fetches the book page and correctly parses at minimum
-// the slug, title, and source URL.
-func TestIntegration_Novelfire_ScrapeMetadata_ReturnsTitle(t *testing.T) {
-	s := newIntegrationScraper(t)
-
-	ctx, cancel := context.WithTimeout(context.Background(), 30*time.Second)
-	defer cancel()
-
-	meta, err := s.ScrapeMetadata(ctx, integrationBookURL)
-	if err != nil {
-		t.Fatalf("ScrapeMetadata failed: %v", err)
-	}
-
-	t.Logf("slug:           %s", meta.Slug)
-	t.Logf("title:          %s", meta.Title)
-	t.Logf("author:         %s", meta.Author)
-	t.Logf("status:         %s", meta.Status)
-	t.Logf("genres:         %v", meta.Genres)
-	t.Logf("total_chapters: %d", meta.TotalChapters)
-	t.Logf("source_url:     %s", meta.SourceURL)
-
-	if meta.Slug != integrationBookSlug {
-		t.Errorf("slug = %q, want %q", meta.Slug, integrationBookSlug)
-	}
-	if meta.Title == "" {
-		t.Error("title is empty")
-	}
-	if !strings.EqualFold(meta.Title, integrationBookTitle) {
-		// Warn rather than hard-fail — the site may reword the title.
-		t.Logf("WARN: title = %q, expected something like %q", meta.Title, integrationBookTitle)
-	}
-	if meta.SourceURL != integrationBookURL {
-		t.Errorf("source_url = %q, want %q", meta.SourceURL, integrationBookURL)
-	}
-}
-
-// TestIntegration_Novelfire_ScrapeMetadata_ReturnsFullFields verifies that
-// every optional field (author, status, genres, summary, total_chapters) is
-// populated. A missing field is a warning, not a hard failure, because the
-// site may change its HTML structure.
-func TestIntegration_Novelfire_ScrapeMetadata_ReturnsFullFields(t *testing.T) {
-	s := newIntegrationScraper(t)
-
-	ctx, cancel := context.WithTimeout(context.Background(), 30*time.Second)
-	defer cancel()
-
-	meta, err := s.ScrapeMetadata(ctx, integrationBookURL)
-	if err != nil {
-		t.Fatalf("ScrapeMetadata failed: %v", err)
-	}
-
-	type check struct {
-		field string
-		empty bool
-	}
-	checks := []check{
-		{"author", meta.Author == ""},
-		{"status", meta.Status == ""},
-		{"summary", meta.Summary == ""},
-		{"genres", len(meta.Genres) == 0},
-		{"total_chapters", meta.TotalChapters == 0},
-	}
-	for _, c := range checks {
-		if c.empty {
-			t.Errorf("field %q is empty — HTML selector may have broken", c.field)
-		}
-	}
-
-	// total_chapters must be a positive integer.
-	if meta.TotalChapters < 1 {
-		t.Errorf("total_chapters = %d, want >= 1", meta.TotalChapters)
-	}
-}
-
-// ── Chapter list ──────────────────────────────────────────────────────────────
-
-// TestIntegration_Novelfire_ScrapeChapterList_ReturnsRefs verifies that
-// ScrapeChapterList returns a non-empty slice of chapter references with
-// valid URLs and numbers parsed from those URLs (not list position).
-func TestIntegration_Novelfire_ScrapeChapterList_ReturnsRefs(t *testing.T) {
-	s := newIntegrationScraper(t)
-
-	ctx, cancel := context.WithTimeout(context.Background(), 60*time.Second)
-	defer cancel()
-
-	refs, err := s.ScrapeChapterList(ctx, integrationBookURL)
-	if err != nil {
-		t.Fatalf("ScrapeChapterList failed: %v", err)
-	}
-
-	t.Logf("total refs returned: %d", len(refs))
-
-	if len(refs) == 0 {
-		t.Fatal("ScrapeChapterList returned 0 refs")
-	}
-
-	// Every ref must have a non-empty URL pointing at the correct book.
-	for i, ref := range refs {
-		if ref.URL == "" {
-			t.Errorf("refs[%d].URL is empty", i)
-		}
-		if !strings.Contains(ref.URL, integrationBookSlug) {
-			t.Errorf("refs[%d].URL %q does not contain book slug", i, ref.URL)
-		}
-		if ref.Number <= 0 {
-			t.Errorf("refs[%d].Number = %d, want > 0 (URL: %s)", i, ref.Number, ref.URL)
-		}
-		if ref.Title == "" {
-			t.Errorf("refs[%d].Title is empty (URL: %s)", i, ref.URL)
-		}
-	}
-}
-
-// TestIntegration_Novelfire_ScrapeChapterList_NumbersMatchURLs verifies the
-// fix for the newest-first ordering bug: each ref's Number must equal the
-// chapter number embedded in its URL, not its position in the list.
-func TestIntegration_Novelfire_ScrapeChapterList_NumbersMatchURLs(t *testing.T) {
-	s := newIntegrationScraper(t)
-
-	ctx, cancel := context.WithTimeout(context.Background(), 60*time.Second)
-	defer cancel()
-
-	refs, err := s.ScrapeChapterList(ctx, integrationBookURL)
-	if err != nil {
-		t.Fatalf("ScrapeChapterList failed: %v", err)
-	}
-	if len(refs) == 0 {
-		t.Fatal("ScrapeChapterList returned 0 refs")
-	}
-
-	mismatches := 0
-	for i, ref := range refs {
-		wantNum := chapterNumberFromURL(ref.URL)
-		if wantNum <= 0 {
-			// URL has no parseable number — skip this entry.
-			continue
-		}
-		if ref.Number != wantNum {
-			t.Errorf("refs[%d]: Number=%d but URL %q implies number=%d (position-based bug?)",
-				i, ref.Number, ref.URL, wantNum)
-			mismatches++
-			if mismatches >= 5 {
-				t.Log("… (further mismatches suppressed)")
-				break
-			}
-		}
-	}
-
-	// Log the first few refs so failures are easy to diagnose.
-	limit := 5
-	if len(refs) < limit {
-		limit = len(refs)
-	}
-	for i := 0; i < limit; i++ {
-		t.Logf("refs[%d]: Number=%d Title=%q URL=%s", i, refs[i].Number, refs[i].Title, refs[i].URL)
-	}
-}
-
-// ── Chapters ──────────────────────────────────────────────────────────────────
-
-// TestIntegration_Novelfire_ScrapeFirst3Chapters scrapes chapters 1, 2, and 3
-// via ScrapeChapterText and verifies each returns non-empty markdown text.
-// Chapters are run as sub-tests so a single failure does not abort the others.
-func TestIntegration_Novelfire_ScrapeFirst3Chapters(t *testing.T) {
-	s := newIntegrationScraper(t)
-
-	chapters := []scraper.ChapterRef{
-		{
-			Number: 1,
-			Title:  "Chapter 1",
-			URL:    integrationBookURL + "/chapter-1",
-		},
-		{
-			Number: 2,
-			Title:  "Chapter 2",
-			URL:    integrationBookURL + "/chapter-2",
-		},
-		{
-			Number: 3,
-			Title:  "Chapter 3",
-			URL:    integrationBookURL + "/chapter-3",
-		},
-	}
-
-	for _, ref := range chapters {
-		ref := ref // capture
-		t.Run(fmt.Sprintf("chapter-%d", ref.Number), func(t *testing.T) {
-			// Sequential: each chapter needs its own generous timeout.
-			ctx, cancel := context.WithTimeout(context.Background(), 110*time.Second)
-			defer cancel()
-
-			ch, err := s.ScrapeChapterText(ctx, ref)
-			if err != nil {
-				t.Fatalf("ScrapeChapterText failed: %v", err)
-			}
-
-			t.Logf("chapter %d: %d bytes of markdown", ref.Number, len(ch.Text))
-			t.Logf("first 300 chars:\n%s", truncateStr(ch.Text, 300))
-
-			// Ref fields must be echoed back unchanged.
-			if ch.Ref.Number != ref.Number {
-				t.Errorf("Ref.Number = %d, want %d", ch.Ref.Number, ref.Number)
-			}
-			if ch.Ref.URL != ref.URL {
-				t.Errorf("Ref.URL = %q, want %q", ch.Ref.URL, ref.URL)
-			}
-
-			// Text must be non-trivially long.
-			if len(ch.Text) < 100 {
-				t.Errorf("Text too short (%d bytes) — likely empty or parsing failed:\n%s",
-					len(ch.Text), ch.Text)
-			}
-
-			// Text must not contain raw HTML tags — NodeToMarkdown should have
-			// stripped them.
-			for _, tag := range []string{"<div", "<span", "<script", "<style"} {
-				if strings.Contains(ch.Text, tag) {
-					t.Errorf("Text contains raw HTML tag %q — markdown conversion may be broken", tag)
-				}
-			}
-		})
-	}
-}
-
-// TestIntegration_Novelfire_ScrapeFirst3Chapters_FromList is the end-to-end
-// variant: it first calls ScrapeChapterList to get the real refs (with
-// URL-derived numbers), then scrapes chapters 1–3 using those refs.
-// This catches any discrepancy between the list and the chapter URLs.
-func TestIntegration_Novelfire_ScrapeFirst3Chapters_FromList(t *testing.T) {
-	s := newIntegrationScraper(t)
-
-	// Step 1: fetch the chapter list.
-	listCtx, listCancel := context.WithTimeout(context.Background(), 60*time.Second)
-	defer listCancel()
-
-	refs, err := s.ScrapeChapterList(listCtx, integrationBookURL)
-	if err != nil {
-		t.Fatalf("ScrapeChapterList failed: %v", err)
-	}
-	if len(refs) == 0 {
-		t.Fatal("ScrapeChapterList returned 0 refs")
-	}
-
-	// Build a map number→ref for fast lookup.
-	byNumber := make(map[int]scraper.ChapterRef, len(refs))
-	for _, r := range refs {
-		byNumber[r.Number] = r
-	}
-
-	// Step 2: scrape chapters 1, 2, 3.
-	for _, wantNum := range []int{1, 2, 3} {
-		wantNum := wantNum
-		ref, ok := byNumber[wantNum]
-		if !ok {
-			t.Errorf("chapter %d not found in chapter list (list has %d entries)", wantNum, len(refs))
-			continue
-		}
-
-		t.Run(fmt.Sprintf("chapter-%d", wantNum), func(t *testing.T) {
-			ctx, cancel := context.WithTimeout(context.Background(), 110*time.Second)
-			defer cancel()
-
-			ch, err := s.ScrapeChapterText(ctx, ref)
-			if err != nil {
-				t.Fatalf("ScrapeChapterText(chapter %d, %s) failed: %v", wantNum, ref.URL, err)
-			}
-
-			t.Logf("chapter %d (%q): %d bytes", wantNum, ref.Title, len(ch.Text))
-			t.Logf("first 300 chars:\n%s", truncateStr(ch.Text, 300))
-
-			if len(ch.Text) < 100 {
-				t.Errorf("chapter %d text too short (%d bytes)", wantNum, len(ch.Text))
-			}
-		})
-	}
-}
-
-// ── helpers ───────────────────────────────────────────────────────────────────
-
-func truncateStr(s string, n int) string {
-	if len(s) <= n {
-		return s
-	}
-	return s[:n] + "…"
-}
diff --git a/scraper/internal/novelfire/ranking_test.go b/scraper/internal/novelfire/ranking_test.go
deleted file mode 100644
index 15611a8..0000000
--- a/scraper/internal/novelfire/ranking_test.go
+++ /dev/null
@@ -1,296 +0,0 @@
-package novelfire
-
-import (
-	"context"
-	"fmt"
-	"os"
-	"path/filepath"
-	"testing"
-
-	"github.com/libnovel/scraper/internal/browser"
-	"github.com/libnovel/scraper/internal/scraper"
-	"github.com/libnovel/scraper/internal/writer"
-)
-
-// rankingPage1HTML is a realistic mock of the popular genre listing page
-// (novelfire.net/genre-all/sort-popular/status-all/all-novel?page=1).
-// It uses the real novelfire.net DOM: <li class="novel-item"> cards with
-// <h4 class="novel-title"> and a rel="next" pagination link.
-func rankingPage1HTML() string {
-	return `<!DOCTYPE html>
-<html><body>
-<ul class="list-novel">
-  <li class="novel-item">
-    <a title="The Iron Throne" href="/book/the-iron-throne">
-      <figure class="novel-cover"><img class="lazy" src="data:image/gif;base64,R0lG" data-src="/covers/iron-throne.jpg" alt="The Iron Throne"></figure>
-      <h4 class="novel-title text2row">The Iron Throne</h4>
-    </a>
-    <div class="novel-stats"><i class="icon-book-open"></i> 500 Chapters</div>
-  </li>
-  <li class="novel-item">
-    <a title="Shadow Mage" href="/book/shadow-mage">
-      <figure class="novel-cover"><img class="lazy" src="data:image/gif;base64,R0lG" data-src="/covers/shadow-mage.jpg" alt="Shadow Mage"></figure>
-      <h4 class="novel-title text2row">Shadow Mage</h4>
-    </a>
-    <div class="novel-stats"><i class="icon-book-open"></i> 200 Chapters</div>
-  </li>
-</ul>
-<ul class="pagination">
-  <li class="page-item active"><span class="page-link">1</span></li>
-  <li class="page-item"><a class="page-link" href="/genre-all/sort-popular/status-all/all-novel?page=2" rel="next" aria-label="Next">›</a></li>
-</ul>
-</body></html>`
-}
-
-func rankingPage2HTML() string {
-	return `<!DOCTYPE html>
-<html><body>
-<ul class="list-novel">
-  <li class="novel-item">
-    <a title="Void Hunter" href="/book/void-hunter">
-      <figure class="novel-cover"><img class="lazy" src="data:image/gif;base64,R0lG" data-src="/covers/void-hunter.jpg" alt="Void Hunter"></figure>
-      <h4 class="novel-title text2row">Void Hunter</h4>
-    </a>
-    <div class="novel-stats"><i class="icon-book-open"></i> 100 Chapters</div>
-  </li>
-</ul>
-<!-- no rel="next" link → last page -->
-<ul class="pagination">
-  <li class="page-item"><a class="page-link" href="?page=1" rel="prev">‹</a></li>
-  <li class="page-item active"><span class="page-link">2</span></li>
-</ul>
-</body></html>`
-}
-
-// drainRanking collects all entries from a ScrapeRanking call without
-// deadlocking. It uses "for A != nil || B != nil" — nil channels are never
-// selected, so setting one to nil effectively removes it from the select.
-func drainRanking(t *testing.T, entryCh <-chan scraper.BookMeta, errCh <-chan error) []scraper.BookMeta {
-	t.Helper()
-	var entries []scraper.BookMeta
-	for entryCh != nil || errCh != nil {
-		select {
-		case meta, ok := <-entryCh:
-			if !ok {
-				entryCh = nil
-			} else {
-				entries = append(entries, meta)
-			}
-		case err, ok := <-errCh:
-			if !ok {
-				errCh = nil
-			} else if err != nil {
-				t.Fatalf("unexpected scrape error: %v", err)
-			}
-		}
-	}
-	return entries
-}
-
-// TestScrapeRanking_SinglePage verifies a single page is parsed into entries
-// with sequential Ranking numbers using a stub client.
-// ScrapeRanking uses s.client (the main client, not urlClient) because the
-// ranking page is fully server-rendered.
-func TestScrapeRanking_SinglePage(t *testing.T) {
-	// newScraper passes the stub as s.client — exactly what ScrapeRanking uses.
-	s := newScraper(rankingPage1HTML())
-	entryCh, errCh := s.ScrapeRanking(context.Background(), 1)
-	entries := drainRanking(t, entryCh, errCh)
-
-	if len(entries) != 2 {
-		t.Fatalf("expected 2 entries, got %d", len(entries))
-	}
-	if entries[0].Ranking != 1 || entries[0].Title != "The Iron Throne" {
-		t.Errorf("entry[0]: got rank=%d title=%q, want rank=1 title=%q",
-			entries[0].Ranking, entries[0].Title, "The Iron Throne")
-	}
-	if entries[1].Ranking != 2 || entries[1].Title != "Shadow Mage" {
-		t.Errorf("entry[1]: got rank=%d title=%q, want rank=2 title=%q",
-			entries[1].Ranking, entries[1].Title, "Shadow Mage")
-	}
-}
-
-// TestScrapeRanking_MultiPage verifies pagination across two pages yields
-// contiguous rank numbers (1, 2, 3).
-func TestScrapeRanking_MultiPage(t *testing.T) {
-	// Use pagedStubClient for s.client so each GetContent call returns the
-	// next page. ScrapeRanking now calls s.client directly.
-	urlClient := &pagedStubClient{pages: []string{rankingPage1HTML(), rankingPage2HTML()}}
-	s := New(urlClient, nil, nil, nil) // nil cache — no disk I/O in tests
-
-	entryCh, errCh := s.ScrapeRanking(context.Background(), 0) // 0 = all pages
-	entries := drainRanking(t, entryCh, errCh)
-
-	if len(entries) != 3 {
-		t.Fatalf("expected 3 entries across 2 pages, got %d", len(entries))
-	}
-	want := []struct {
-		rank  int
-		title string
-	}{
-		{1, "The Iron Throne"},
-		{2, "Shadow Mage"},
-		{3, "Void Hunter"},
-	}
-	for i, w := range want {
-		if entries[i].Ranking != w.rank || entries[i].Title != w.title {
-			t.Errorf("entry[%d]: got rank=%d title=%q, want rank=%d title=%q",
-				i, entries[i].Ranking, entries[i].Title, w.rank, w.title)
-		}
-	}
-}
-
-// TestScrapeRanking_EmptyPage verifies that a page with no .novel-item
-// cards produces zero entries and closes channels cleanly (no deadlock).
-func TestScrapeRanking_EmptyPage(t *testing.T) {
-	s := newScraper(`<!DOCTYPE html><html><body><div class="no-rankings"></div></body></html>`)
-	entryCh, errCh := s.ScrapeRanking(context.Background(), 1)
-	entries := drainRanking(t, entryCh, errCh)
-
-	if len(entries) != 0 {
-		t.Errorf("expected 0 entries for empty page, got %d", len(entries))
-	}
-}
-
-// TestWriteRanking_RoundTrip verifies WriteRanking → ReadRankingItems
-// faithfully reconstructs the original slice.
-func TestWriteRanking_RoundTrip(t *testing.T) {
-	dir := t.TempDir()
-	w := writer.New(dir)
-
-	items := []writer.RankingItem{
-		{Rank: 1, Slug: "the-iron-throne", Title: "The Iron Throne", Status: "Ongoing",
-			Genres: []string{"Fantasy", "Action"}, SourceURL: "https://novelfire.net/book/the-iron-throne"},
-		{Rank: 2, Slug: "shadow-mage", Title: "Shadow Mage", Status: "Completed",
-			Genres: []string{"Magic"}, SourceURL: "https://novelfire.net/book/shadow-mage"},
-	}
-
-	if err := w.WriteRanking(items); err != nil {
-		t.Fatalf("WriteRanking failed: %v", err)
-	}
-
-	rankingFile := filepath.Join(dir, "ranking.json")
-	if _, err := os.Stat(rankingFile); err != nil {
-		t.Fatalf("ranking.json not created: %v", err)
-	}
-
-	got, err := w.ReadRankingItems()
-	if err != nil {
-		t.Fatalf("ReadRankingItems failed: %v", err)
-	}
-	if len(got) != len(items) {
-		t.Fatalf("expected %d items, got %d", len(items), len(got))
-	}
-	for i, want := range items {
-		if got[i].Rank != want.Rank {
-			t.Errorf("item[%d].Rank = %d, want %d", i, got[i].Rank, want.Rank)
-		}
-		if got[i].Slug != want.Slug {
-			t.Errorf("item[%d].Slug = %q, want %q", i, got[i].Slug, want.Slug)
-		}
-		if got[i].Title != want.Title {
-			t.Errorf("item[%d].Title = %q, want %q", i, got[i].Title, want.Title)
-		}
-		if got[i].Status != want.Status {
-			t.Errorf("item[%d].Status = %q, want %q", i, got[i].Status, want.Status)
-		}
-		if len(got[i].Genres) != len(want.Genres) {
-			t.Errorf("item[%d].Genres len = %d, want %d", i, len(got[i].Genres), len(want.Genres))
-		} else {
-			for j, g := range want.Genres {
-				if got[i].Genres[j] != g {
-					t.Errorf("item[%d].Genres[%d] = %q, want %q", i, j, got[i].Genres[j], g)
-				}
-			}
-		}
-		if got[i].SourceURL != want.SourceURL {
-			t.Errorf("item[%d].SourceURL = %q, want %q", i, got[i].SourceURL, want.SourceURL)
-		}
-	}
-}
-
-// ── in-memory page cacher ─────────────────────────────────────────────────────
-
-// memPageCacher is a RankingPageCacher backed by an in-memory map.
-// It records how many times each page was written and exposes the stored HTML.
-type memPageCacher struct {
-	pages  map[int]string
-	writes map[int]int
-}
-
-func newMemPageCacher() *memPageCacher {
-	return &memPageCacher{pages: make(map[int]string), writes: make(map[int]int)}
-}
-
-func (c *memPageCacher) WriteRankingPageCache(page int, html string) error {
-	c.pages[page] = html
-	c.writes[page]++
-	return nil
-}
-
-func (c *memPageCacher) ReadRankingPageCache(page int) (string, error) {
-	return c.pages[page], nil // returns "" on miss, satisfying the interface contract
-}
-
-var _ scraper.RankingPageCacher = (*memPageCacher)(nil) // compile-time check
-
-// TestScrapeRanking_CacheHit verifies that when a page is already in the cache
-// ScrapeRanking serves from cache and does NOT call the browser client.
-func TestScrapeRanking_CacheHit(t *testing.T) {
-	cache := newMemPageCacher()
-	// Pre-populate the cache with page 1 HTML.
-	if err := cache.WriteRankingPageCache(1, rankingPage1HTML()); err != nil {
-		t.Fatalf("cache write: %v", err)
-	}
-	cache.writes[1] = 0 // reset write counter — we only care about fetches
-
-	// The stub client panics on any GetContent call so we can prove it is not used.
-	panicClient := &panicOnGetContent{}
-	s := New(panicClient, nil, panicClient, cache)
-
-	entryCh, errCh := s.ScrapeRanking(context.Background(), 1)
-	entries := drainRanking(t, entryCh, errCh)
-
-	if len(entries) != 2 {
-		t.Fatalf("expected 2 entries from cache, got %d", len(entries))
-	}
-	// Cache should not have been written again (we served from cache).
-	if cache.writes[1] != 0 {
-		t.Errorf("expected 0 cache writes on a hit, got %d", cache.writes[1])
-	}
-}
-
-// TestScrapeRanking_CacheMiss verifies that on a cache miss the page is fetched
-// from the network and the result is written to the cache.
-func TestScrapeRanking_CacheMiss(t *testing.T) {
-	cache := newMemPageCacher() // empty cache
-	s := New(&stubClient{html: rankingPage1HTML()}, nil, nil, cache)
-
-	entryCh, errCh := s.ScrapeRanking(context.Background(), 1)
-	entries := drainRanking(t, entryCh, errCh)
-
-	if len(entries) != 2 {
-		t.Fatalf("expected 2 entries, got %d", len(entries))
-	}
-	if cache.writes[1] != 1 {
-		t.Errorf("expected 1 cache write on a miss, got %d", cache.writes[1])
-	}
-	if cache.pages[1] == "" {
-		t.Error("expected page 1 to be stored in cache after miss")
-	}
-}
-
-// panicOnGetContent is a BrowserClient whose GetContent panics, letting tests
-// assert that it is never called (i.e. the cache was used instead).
-type panicOnGetContent struct{}
-
-func (p *panicOnGetContent) Strategy() browser.Strategy { return browser.StrategyContent }
-func (p *panicOnGetContent) GetContent(_ context.Context, req browser.ContentRequest) (string, error) {
-	panic(fmt.Sprintf("unexpected GetContent call for URL %s — should have been served from cache", req.URL))
-}
-func (p *panicOnGetContent) ScrapePage(_ context.Context, _ browser.ScrapeRequest) (browser.ScrapeResponse, error) {
-	return browser.ScrapeResponse{}, nil
-}
-func (p *panicOnGetContent) CDPSession(_ context.Context, _ string, _ browser.CDPSessionFunc) error {
-	return nil
-}
diff --git a/scraper/internal/novelfire/scraper.go b/scraper/internal/novelfire/scraper.go
deleted file mode 100644
index 2fc1445..0000000
--- a/scraper/internal/novelfire/scraper.go
+++ /dev/null
@@ -1,712 +0,0 @@
-// Package novelfire provides a NovelScraper implementation for novelfire.net.
-//
-// Site structure (as of 2025):
-//
-//	Catalogue : https://novelfire.net/genre-all/sort-new/status-all/all-novel?page=N
-//	Book page : https://novelfire.net/book/{slug}
-//	Chapters  : https://novelfire.net/book/{slug}/chapters?page=N
-//	Chapter   : https://novelfire.net/book/{slug}/{chapter-slug}
-package novelfire
-
-import (
-	"context"
-	"fmt"
-	"log/slog"
-	"net/url"
-	"path"
-	"strconv"
-	"strings"
-	"time"
-
-	"github.com/libnovel/scraper/internal/browser"
-	"github.com/libnovel/scraper/internal/scraper"
-	"github.com/libnovel/scraper/internal/scraper/htmlutil"
-	"golang.org/x/net/html"
-)
-
-const (
-	baseURL       = "https://novelfire.net"
-	cataloguePath = "/genre-all/sort-new/status-all/all-novel"
-	rankingPath   = "/genre-all/sort-popular/status-all/all-novel"
-)
-
-// rejectResourceTypes lists Browserless resource types to block on every request.
-// We keep: document (the page), script (JS renders the DOM), fetch/xhr (JS data calls).
-// Everything else is safe to drop for HTML-only scraping.
-var rejectResourceTypes = []string{
-	"cspviolationreport",
-	"eventsource",
-	"fedcm",
-	"font",
-	"image",
-	"manifest",
-	"media",
-	"other",
-	"ping",
-	"signedexchange",
-	"stylesheet",
-	"texttrack",
-	"websocket",
-}
-
-// Scraper is the novelfire.net implementation of scraper.NovelScraper.
-// It uses the /content strategy by default (rendered HTML via Browserless).
-type Scraper struct {
-	client    browser.BrowserClient
-	urlClient browser.BrowserClient // separate client for URL retrieval (uses browserless content strategy)
-	pageCache scraper.RankingPageCacher
-	log       *slog.Logger
-}
-
-// New returns a new novelfire Scraper.
-// client is used for content fetching, urlClient is used for URL retrieval (chapter list).
-// If urlClient is nil, client will be used for both.
-// pageCache is optional; pass nil to disable ranking page caching.
-func New(client browser.BrowserClient, log *slog.Logger, urlClient browser.BrowserClient, pageCache scraper.RankingPageCacher) *Scraper {
-	if log == nil {
-		log = slog.Default()
-	}
-	if urlClient == nil {
-		urlClient = client
-	}
-	return &Scraper{client: client, urlClient: urlClient, pageCache: pageCache, log: log}
-}
-
-// SourceName implements NovelScraper.
-func (s *Scraper) SourceName() string { return "novelfire.net" }
-
-// ─── CatalogueProvider ───────────────────────────────────────────────────────
-
-// ScrapeCatalogue streams all CatalogueEntry values across all pages.
-func (s *Scraper) ScrapeCatalogue(ctx context.Context) (<-chan scraper.CatalogueEntry, <-chan error) {
-	entries := make(chan scraper.CatalogueEntry, 64)
-	errs := make(chan error, 16)
-
-	go func() {
-		defer close(entries)
-		defer close(errs)
-
-		pageURL := baseURL + cataloguePath
-		page := 1
-
-		for pageURL != "" {
-			select {
-			case <-ctx.Done():
-				return
-			default:
-			}
-
-			s.log.Info("scraping catalogue page", "page", page, "url", pageURL)
-			s.log.Debug("catalogue page fetch starting",
-				"page", page,
-				"payload_url", pageURL,
-				"payload_wait_selector", ".novel-item",
-				"payload_wait_selector_timeout_ms", 5000,
-			)
-
-			html, err := s.client.GetContent(ctx, browser.ContentRequest{
-				URL:                 pageURL,
-				WaitFor:             &browser.WaitForSelector{Selector: ".novel-item", Timeout: 5000},
-				RejectResourceTypes: rejectResourceTypes,
-				GotoOptions:         &browser.GotoOptions{Timeout: 60000},
-			})
-			if err != nil {
-				s.log.Debug("catalogue page fetch failed",
-					"page", page,
-					"url", pageURL,
-					"err", err,
-				)
-				errs <- fmt.Errorf("catalogue page %d: %w", page, err)
-				return
-			}
-			s.log.Debug("catalogue page fetch completed",
-				"page", page,
-				"url", pageURL,
-				"response_bytes", len(html),
-			)
-
-			root, err := htmlutil.ParseHTML(html)
-			if err != nil {
-				errs <- fmt.Errorf("catalogue page %d parse: %w", page, err)
-				return
-			}
-
-			// Extract novel cards: <div class="novel-item">
-			cards := htmlutil.FindAll(root, scraper.Selector{Tag: "div", Class: "novel-item", Multiple: true})
-			if len(cards) == 0 {
-				s.log.Warn("no novel cards found, stopping pagination", "page", page)
-				return
-			}
-
-			for _, card := range cards {
-				// Title: <h3 class="novel-title"><a href="/book/slug">Title</a>
-				titleNode := htmlutil.FindFirst(card, scraper.Selector{Tag: "h3", Class: "novel-title"})
-
-				var title, href string
-				if titleNode != nil {
-					linkNode := htmlutil.FindFirst(titleNode, scraper.Selector{Tag: "a", Attr: "href"})
-					if linkNode != nil {
-						title = htmlutil.ExtractText(linkNode, scraper.Selector{})
-						href = htmlutil.ExtractText(linkNode, scraper.Selector{Tag: "a", Attr: "href"})
-					}
-				}
-				if href == "" || title == "" {
-					continue
-				}
-
-				bookURL := resolveURL(baseURL, href)
-				select {
-				case <-ctx.Done():
-					return
-				case entries <- scraper.CatalogueEntry{Title: title, URL: bookURL}:
-				}
-			}
-
-			// Find next page link: <a class="next" href="...">
-			nextHref := htmlutil.ExtractFirst(root, scraper.Selector{Tag: "a", Class: "next", Attr: "href"})
-			if nextHref == "" {
-				break
-			}
-			pageURL = resolveURL(baseURL, nextHref)
-			page++
-		}
-	}()
-
-	return entries, errs
-}
-
-// ─── MetadataProvider ────────────────────────────────────────────────────────
-
-func (s *Scraper) ScrapeMetadata(ctx context.Context, bookURL string) (scraper.BookMeta, error) {
-	s.log.Debug("metadata fetch starting",
-		"payload_url", bookURL,
-		"payload_wait_selector", ".novel-title",
-		"payload_wait_selector_timeout_ms", 5000,
-	)
-
-	raw, err := s.client.GetContent(ctx, browser.ContentRequest{
-		URL:                 bookURL,
-		WaitFor:             &browser.WaitForSelector{Selector: ".novel-title", Timeout: 5000},
-		RejectResourceTypes: rejectResourceTypes,
-		GotoOptions:         &browser.GotoOptions{Timeout: 60000},
-	})
-	if err != nil {
-		s.log.Debug("metadata fetch failed", "url", bookURL, "err", err)
-		return scraper.BookMeta{}, fmt.Errorf("metadata fetch %s: %w", bookURL, err)
-	}
-	s.log.Debug("metadata fetch completed", "url", bookURL, "response_bytes", len(raw))
-
-	root, err := htmlutil.ParseHTML(raw)
-	if err != nil {
-		return scraper.BookMeta{}, fmt.Errorf("metadata parse %s: %w", bookURL, err)
-	}
-
-	// <h1 class="novel-title">Title</h1>
-	title := htmlutil.ExtractFirst(root, scraper.Selector{Tag: "h1", Class: "novel-title"})
-	// <span class="author"><a>Author Name</a></span>
-	author := htmlutil.ExtractFirst(root, scraper.Selector{Tag: "span", Class: "author"})
-	// <figure class="cover"><img src="..."></figure>
-	var cover string
-	if figureCover := htmlutil.FindFirst(root, scraper.Selector{Tag: "figure", Class: "cover"}); figureCover != nil {
-		cover = htmlutil.ExtractFirst(figureCover, scraper.Selector{Tag: "img", Attr: "src"})
-	}
-	// <span class="status">Ongoing</span>
-	status := htmlutil.ExtractFirst(root, scraper.Selector{Tag: "span", Class: "status"})
-
-	// Genres: all <a> tags inside <div class="genres">
-	genresNode := htmlutil.FindFirst(root, scraper.Selector{Tag: "div", Class: "genres"})
-	var genres []string
-	if genresNode != nil {
-		genres = htmlutil.ExtractAll(genresNode, scraper.Selector{Tag: "a", Multiple: true})
-	}
-
-	// <div class="summary"><p>...</p></div>
-	summary := htmlutil.ExtractFirst(root, scraper.Selector{Tag: "div", Class: "summary"})
-	// <span class="chapter-count">123 Chapters</span>
-	totalStr := htmlutil.ExtractFirst(root, scraper.Selector{Tag: "span", Class: "chapter-count"})
-	totalChapters := parseChapterCount(totalStr)
-
-	slug := slugFromURL(bookURL)
-
-	meta := scraper.BookMeta{
-		Slug:          slug,
-		Title:         title,
-		Author:        author,
-		Cover:         cover,
-		Status:        status,
-		Genres:        genres,
-		Summary:       summary,
-		TotalChapters: totalChapters,
-		SourceURL:     bookURL,
-	}
-	s.log.Debug("metadata parsed",
-		"url", bookURL,
-		"slug", meta.Slug,
-		"title", meta.Title,
-		"author", meta.Author,
-		"status", meta.Status,
-		"genres", meta.Genres,
-		"total_chapters", meta.TotalChapters,
-	)
-	return meta, nil
-}
-
-// ─── ChapterListProvider ─────────────────────────────────────────────────────
-
-func (s *Scraper) ScrapeChapterList(ctx context.Context, bookURL string) ([]scraper.ChapterRef, error) {
-	var refs []scraper.ChapterRef
-	// Chapter list URL: {bookURL}/chapters?page=N
-	baseChapterURL := strings.TrimRight(bookURL, "/") + "/chapters"
-	page := 1
-
-	for {
-		select {
-		case <-ctx.Done():
-			return refs, ctx.Err()
-		default:
-		}
-
-		pageURL := fmt.Sprintf("%s?page=%d", baseChapterURL, page)
-		s.log.Info("scraping chapter list", "page", page, "url", pageURL)
-
-		s.log.Debug("chapter list fetch starting",
-			"page", page,
-			"payload_url", pageURL,
-			"payload_wait_selector", ".chapter-list",
-			"payload_wait_selector_timeout_ms", 15000,
-			"payload_wait_timeout_ms", 2000,
-			"strategy", s.urlClient.Strategy(),
-		)
-
-		raw, err := s.urlClient.GetContent(ctx, browser.ContentRequest{
-			URL: pageURL,
-			// Wait up to 15 s for the chapter list container to appear in the DOM.
-			WaitFor: &browser.WaitForSelector{Selector: ".chapter-list", Timeout: 15000},
-			// After the selector is found, wait an additional 2 s for any
-			// deferred JS rendering (lazy-loaded links, infinite-scroll hydration).
-			WaitForTimeout:      2000,
-			RejectResourceTypes: rejectResourceTypes,
-			GotoOptions:         &browser.GotoOptions{Timeout: 60000},
-			// Do NOT use BestAttempt — we want a complete page or a clear error,
-			// not silently partial HTML that looks like "no more chapters".
-			BestAttempt: false,
-		})
-		if err != nil {
-			s.log.Debug("chapter list fetch failed",
-				"page", page,
-				"url", pageURL,
-				"err", err,
-			)
-			return refs, fmt.Errorf("chapter list page %d: %w", page, err)
-		}
-		s.log.Debug("chapter list fetch completed",
-			"page", page,
-			"url", pageURL,
-			"response_bytes", len(raw),
-		)
-
-		root, err := htmlutil.ParseHTML(raw)
-		if err != nil {
-			return refs, fmt.Errorf("chapter list page %d parse: %w", page, err)
-		}
-
-		chapterList := htmlutil.FindFirst(root, scraper.Selector{Class: "chapter-list"})
-		if chapterList == nil {
-			// No chapter list container on this page — we've gone past the last page.
-			s.log.Debug("chapter list container not found, stopping pagination", "page", page)
-			break
-		}
-
-		// Each chapter row: <li class="chapter-item"><a href="...">Title</a></li>
-		items := htmlutil.FindAll(chapterList, scraper.Selector{Tag: "li"})
-
-		s.log.Debug("chapter list page parsed",
-			"page", page,
-			"url", pageURL,
-			"chapters_on_page", len(items),
-			"total_refs_so_far", len(refs),
-		)
-
-		// Zero items on this page means we've gone past the last page.
-		if len(items) == 0 {
-			s.log.Debug("no chapters on page, stopping pagination", "page", page)
-			break
-		}
-
-		for _, item := range items {
-			linkNode := htmlutil.FindFirst(item, scraper.Selector{Tag: "a"})
-			if linkNode == nil {
-				continue
-			}
-			href := htmlutil.ExtractText(linkNode, scraper.Selector{Attr: "href"})
-			chTitle := htmlutil.ExtractText(linkNode, scraper.Selector{})
-			if href == "" {
-				continue
-			}
-			chURL := resolveURL(baseURL, href)
-			num := chapterNumberFromURL(chURL)
-			if num <= 0 {
-				// Fall back to position if the URL has no parseable number.
-				num = len(refs) + 1
-				s.log.Warn("chapter number not parseable from URL, falling back to position",
-					"url", chURL,
-					"position", num,
-				)
-			}
-			refs = append(refs, scraper.ChapterRef{
-				Number: num,
-				Title:  strings.TrimSpace(chTitle),
-				URL:    chURL,
-			})
-		}
-
-		page++
-	}
-
-	return refs, nil
-}
-
-// ─── RankingProvider ───────────────────────────────────────────────────────────
-
-// hasNextPageLink returns true if the HTML document contains a pagination link
-// with rel="next". novelfire.net uses:
-//
-//	<a class="page-link" href="...?page=N" rel="next" ...>
-func hasNextPageLink(root *html.Node) bool {
-	links := htmlutil.FindAll(root, scraper.Selector{Tag: "a", Multiple: true})
-	for _, a := range links {
-		for _, attr := range a.Attr {
-			if attr.Key == "rel" && attr.Val == "next" {
-				return true
-			}
-		}
-	}
-	return false
-}
-
-// ScrapeRanking pages through up to maxPages pages of the popular-novels genre
-// listing on novelfire.net (/genre-all/sort-popular/status-all/all-novel).
-// Pages are fetched one at a time, strictly sequentially.
-// maxPages <= 0 means "fetch all pages until no more are found".
-func (s *Scraper) ScrapeRanking(ctx context.Context, maxPages int) (<-chan scraper.BookMeta, <-chan error) {
-	entries := make(chan scraper.BookMeta, 32)
-	errs := make(chan error, 16)
-
-	go func() {
-		defer close(entries)
-		defer close(errs)
-
-		rank := 1
-
-		for page := 1; maxPages <= 0 || page <= maxPages; page++ {
-			select {
-			case <-ctx.Done():
-				return
-			default:
-			}
-
-			pageURL := fmt.Sprintf("%s%s?page=%d", baseURL, rankingPath, page)
-
-			// Try to serve from disk cache before hitting the network.
-			var raw string
-			if s.pageCache != nil {
-				if cached, err := s.pageCache.ReadRankingPageCache(page); err != nil {
-					s.log.Warn("ranking page cache read error", "page", page, "err", err)
-				} else if cached != "" {
-					s.log.Info("serving ranking page from cache", "page", page)
-					raw = cached
-				}
-			}
-
-			if raw == "" {
-				s.log.Info("scraping popular ranking page", "page", page, "url", pageURL)
-				fetched, err := s.client.GetContent(ctx, browser.ContentRequest{
-					URL:                 pageURL,
-					WaitFor:             &browser.WaitForSelector{Selector: ".novel-item", Timeout: 5000},
-					RejectResourceTypes: rejectResourceTypes,
-					GotoOptions:         &browser.GotoOptions{Timeout: 60000},
-				})
-				if err != nil {
-					s.log.Debug("ranking page fetch failed", "page", page, "url", pageURL, "err", err)
-					errs <- fmt.Errorf("ranking page %d: %w", page, err)
-					return
-				}
-				raw = fetched
-
-				// Persist to cache for future runs.
-				if s.pageCache != nil {
-					if werr := s.pageCache.WriteRankingPageCache(page, raw); werr != nil {
-						s.log.Warn("ranking page cache write error", "page", page, "err", werr)
-					}
-				}
-			}
-
-			root, err := htmlutil.ParseHTML(raw)
-			if err != nil {
-				errs <- fmt.Errorf("ranking page %d parse: %w", page, err)
-				return
-			}
-
-			// Real novelfire.net popular listing structure:
-			//   <li class="novel-item">
-			//     <a href="/book/slug" title="Title">
-			//       <figure class="novel-cover"><img data-src="..."></figure>
-			//       <h4 class="novel-title text2row">Title</h4>
-			//     </a>
-			//   </li>
-			cards := htmlutil.FindAll(root, scraper.Selector{Tag: "li", Class: "novel-item", Multiple: true})
-			if len(cards) == 0 {
-				s.log.Debug("no novel cards found, stopping pagination", "page", page)
-				break
-			}
-
-			for _, card := range cards {
-				// The outer <a> carries the href and title attribute.
-				linkNode := htmlutil.FindFirst(card, scraper.Selector{Tag: "a"})
-				if linkNode == nil {
-					continue
-				}
-				href := htmlutil.ExtractText(linkNode, scraper.Selector{Tag: "a", Attr: "href"})
-				bookURL := resolveURL(baseURL, href)
-				if bookURL == "" {
-					continue
-				}
-
-				// Title: prefer <h4 class="novel-title"> text; fall back to <a title="...">
-				title := strings.TrimSpace(htmlutil.ExtractFirst(card, scraper.Selector{Tag: "h4", Class: "novel-title"}))
-				if title == "" {
-					title = strings.TrimSpace(htmlutil.ExtractText(linkNode, scraper.Selector{Tag: "a", Attr: "title"}))
-				}
-				if title == "" {
-					continue
-				}
-
-				// Cover: <figure class="novel-cover"><img data-src="...">
-				var cover string
-				if fig := htmlutil.FindFirst(card, scraper.Selector{Tag: "figure", Class: "novel-cover"}); fig != nil {
-					cover = htmlutil.ExtractFirst(fig, scraper.Selector{Tag: "img", Attr: "data-src"})
-					if cover == "" {
-						cover = htmlutil.ExtractFirst(fig, scraper.Selector{Tag: "img", Attr: "src"})
-					}
-					// Filter out base64 placeholder images.
-					if strings.HasPrefix(cover, "data:") {
-						cover = ""
-					}
-					if cover != "" && !strings.HasPrefix(cover, "http") {
-						cover = baseURL + cover
-					}
-				}
-
-				slug := slugFromURL(bookURL)
-
-				meta := scraper.BookMeta{
-					Slug:      slug,
-					Title:     title,
-					Cover:     cover,
-					SourceURL: bookURL,
-					Ranking:   rank,
-				}
-				rank++
-
-				select {
-				case <-ctx.Done():
-					return
-				case entries <- meta:
-				}
-			}
-
-			// Stop if no next-page link exists.
-			// The real pagination uses <a rel="next" ...> inside .pagination.
-			if !hasNextPageLink(root) {
-				s.log.Debug("no next-page link found, stopping pagination", "page", page)
-				break
-			}
-		}
-	}()
-
-	return entries, errs
-}
-
-// ─── ChapterTextProvider ─────────────────────────────────────────────────────
-
-// retryGetContent calls client.GetContent up to maxAttempts times, backing off
-// exponentially between retries. Only errors that look like transient Browserless
-// failures (timeouts, 5xx responses) are retried; context cancellation and
-// permanent errors are returned immediately.
-func retryGetContent(
-	ctx context.Context,
-	log *slog.Logger,
-	client browser.BrowserClient,
-	req browser.ContentRequest,
-	maxAttempts int,
-	baseDelay time.Duration,
-) (string, error) {
-	var lastErr error
-	delay := baseDelay
-	for attempt := 1; attempt <= maxAttempts; attempt++ {
-		html, err := client.GetContent(ctx, req)
-		if err == nil {
-			return html, nil
-		}
-		lastErr = err
-
-		// Stop immediately on context cancellation.
-		if ctx.Err() != nil {
-			return "", err
-		}
-
-		if attempt < maxAttempts {
-			log.Warn("chapter fetch failed, retrying",
-				"url", req.URL,
-				"attempt", attempt,
-				"max_attempts", maxAttempts,
-				"retry_in", delay,
-				"err", err,
-			)
-			select {
-			case <-ctx.Done():
-				return "", ctx.Err()
-			case <-time.After(delay):
-			}
-			delay *= 2
-		}
-	}
-	return "", lastErr
-}
-
-func (s *Scraper) ScrapeChapterText(ctx context.Context, ref scraper.ChapterRef) (scraper.Chapter, error) {
-	s.log.Debug("chapter text fetch starting",
-		"chapter", ref.Number,
-		"title", ref.Title,
-		"payload_url", ref.URL,
-		"payload_wait_selector", "#content",
-		"payload_wait_selector_timeout_ms", 5000,
-	)
-
-	raw, err := retryGetContent(ctx, s.log, s.client, browser.ContentRequest{
-		URL:                 ref.URL,
-		WaitFor:             &browser.WaitForSelector{Selector: "#content", Timeout: 5000},
-		RejectResourceTypes: rejectResourceTypes,
-		GotoOptions:         &browser.GotoOptions{Timeout: 60000},
-		BestAttempt:         true,
-	}, 9, 6*time.Second)
-	if err != nil {
-		s.log.Debug("chapter text fetch failed",
-			"chapter", ref.Number,
-			"url", ref.URL,
-			"err", err,
-		)
-		return scraper.Chapter{}, fmt.Errorf("chapter %d fetch: %w", ref.Number, err)
-	}
-	if len(raw) > 0 {
-		preview := raw
-		if len(preview) > 500 {
-			preview = preview[:500]
-		}
-		s.log.Debug("chapter text fetch partial content",
-			"chapter", ref.Number,
-			"url", ref.URL,
-			"response_bytes", len(raw),
-			"preview", preview,
-		)
-	}
-	s.log.Debug("chapter text fetch completed",
-		"chapter", ref.Number,
-		"url", ref.URL,
-		"response_bytes", len(raw),
-	)
-
-	root, err := htmlutil.ParseHTML(raw)
-	if err != nil {
-		return scraper.Chapter{}, fmt.Errorf("chapter %d parse: %w", ref.Number, err)
-	}
-
-	// <div id="content">…</div>
-	container := htmlutil.FindFirst(root, scraper.Selector{ID: "content"})
-	if container == nil {
-		return scraper.Chapter{}, fmt.Errorf("chapter %d: #content container not found in %s", ref.Number, ref.URL)
-	}
-
-	text := htmlutil.NodeToMarkdown(container)
-
-	s.log.Debug("chapter text parsed",
-		"chapter", ref.Number,
-		"url", ref.URL,
-		"text_bytes", len(text),
-	)
-
-	return scraper.Chapter{
-		Ref:  ref,
-		Text: text,
-	}, nil
-}
-
-// ─── helpers ─────────────────────────────────────────────────────────────────
-
-func resolveURL(base, href string) string {
-	if strings.HasPrefix(href, "http://") || strings.HasPrefix(href, "https://") {
-		return href
-	}
-	b, err := url.Parse(base)
-	if err != nil {
-		return base + href
-	}
-	ref, err := url.Parse(href)
-	if err != nil {
-		return base + href
-	}
-	return b.ResolveReference(ref).String()
-}
-
-func slugFromURL(bookURL string) string {
-	u, err := url.Parse(bookURL)
-	if err != nil {
-		return bookURL
-	}
-	parts := strings.Split(strings.Trim(u.Path, "/"), "/")
-	if len(parts) >= 2 && parts[0] == "book" {
-		return parts[1]
-	}
-	if len(parts) > 0 {
-		return parts[len(parts)-1]
-	}
-	return ""
-}
-
-func parseChapterCount(s string) int {
-	// Formats: "123 Chapters", "1,234 Chapters", "123"
-	s = strings.ReplaceAll(s, ",", "")
-	fields := strings.Fields(s)
-	if len(fields) == 0 {
-		return 0
-	}
-	n, _ := strconv.Atoi(fields[0])
-	return n
-}
-
-// chapterNumberFromURL extracts the chapter number from a novelfire chapter URL.
-//
-// URL pattern: https://novelfire.net/book/{book-slug}/chapter-{N}
-// The last path segment is expected to be "chapter-{N}" or "{N}".
-// Returns 0 if no number can be parsed.
-func chapterNumberFromURL(chapterURL string) int {
-	u, err := url.Parse(chapterURL)
-	if err != nil {
-		return 0
-	}
-	seg := path.Base(u.Path) // e.g. "chapter-42" or "42"
-	// Strip a "chapter-" prefix if present.
-	seg = strings.TrimPrefix(seg, "chapter-")
-	// Also handle "chap-", "ch-" variants used by some sites.
-	seg = strings.TrimPrefix(seg, "chap-")
-	seg = strings.TrimPrefix(seg, "ch-")
-	// Take only the leading digits (handles slugs like "42-title-text").
-	digits := strings.FieldsFunc(seg, func(r rune) bool {
-		return r < '0' || r > '9'
-	})
-	if len(digits) == 0 {
-		return 0
-	}
-	n, _ := strconv.Atoi(digits[0])
-	return n
-}
diff --git a/scraper/internal/novelfire/scraper_test.go b/scraper/internal/novelfire/scraper_test.go
deleted file mode 100644
index 1422586..0000000
--- a/scraper/internal/novelfire/scraper_test.go
+++ /dev/null
@@ -1,217 +0,0 @@
-package novelfire
-
-import (
-	"context"
-	"strings"
-	"testing"
-
-	"github.com/libnovel/scraper/internal/browser"
-	"github.com/libnovel/scraper/internal/scraper"
-)
-
-// ── stub browser client ───────────────────────────────────────────────────────
-
-// stubClient is a BrowserClient that returns a fixed HTML string for every
-// GetContent call. ScrapePage and CDPSession are not used by these tests.
-type stubClient struct {
-	html string
-}
-
-func (s *stubClient) Strategy() browser.Strategy { return browser.StrategyContent }
-
-func (s *stubClient) GetContent(_ context.Context, _ browser.ContentRequest) (string, error) {
-	return s.html, nil
-}
-
-func (s *stubClient) ScrapePage(_ context.Context, _ browser.ScrapeRequest) (browser.ScrapeResponse, error) {
-	return browser.ScrapeResponse{}, nil
-}
-
-func (s *stubClient) CDPSession(_ context.Context, _ string, _ browser.CDPSessionFunc) error {
-	return nil
-}
-
-// pagedStubClient returns a different HTML response for each successive call.
-// Once all pages are exhausted it returns an empty page (no chapter-list),
-// simulating the paginated chapter-list endpoint terminating correctly.
-type pagedStubClient struct {
-	pages []string
-	call  int
-}
-
-func (c *pagedStubClient) Strategy() browser.Strategy { return browser.StrategyContent }
-
-func (c *pagedStubClient) GetContent(_ context.Context, _ browser.ContentRequest) (string, error) {
-	if c.call < len(c.pages) {
-		html := c.pages[c.call]
-		c.call++
-		return html, nil
-	}
-	// Past the last page — return a page with no chapter-list to stop pagination.
-	return `<!DOCTYPE html><html><body><div class="no-content"></div></body></html>`, nil
-}
-
-func (c *pagedStubClient) ScrapePage(_ context.Context, _ browser.ScrapeRequest) (browser.ScrapeResponse, error) {
-	return browser.ScrapeResponse{}, nil
-}
-
-func (c *pagedStubClient) CDPSession(_ context.Context, _ string, _ browser.CDPSessionFunc) error {
-	return nil
-}
-
-// ── helpers ───────────────────────────────────────────────────────────────────
-
-func newScraper(html string) *Scraper {
-	return New(&stubClient{html: html}, nil, &stubClient{html: html}, nil)
-}
-
-func newPagedScraper(pages ...string) *Scraper {
-	urlClient := &pagedStubClient{pages: pages}
-	return New(&stubClient{}, nil, urlClient, nil)
-}
-
-// ── ScrapeChapterText ─────────────────────────────────────────────────────────
-
-func TestScrapeChapterText_ExtractsInnerText(t *testing.T) {
-	html := `<!DOCTYPE html><html><body>
-		<div id="content">
-			<p>It was a dark and stormy night.</p>
-			<p>The hero stepped forward.</p>
-		</div>
-	</body></html>`
-
-	s := newScraper(html)
-	ref := scraper.ChapterRef{Number: 1, Title: "Chapter 1", URL: "https://novelfire.net/book/test-novel/chapter-1"}
-
-	ch, err := s.ScrapeChapterText(context.Background(), ref)
-	if err != nil {
-		t.Fatalf("unexpected error: %v", err)
-	}
-	if ch.Ref.Number != 1 {
-		t.Errorf("expected chapter number 1, got %d", ch.Ref.Number)
-	}
-	if !strings.Contains(ch.Text, "dark and stormy") {
-		t.Errorf("expected chapter text to contain 'dark and stormy', got: %q", ch.Text)
-	}
-	if !strings.Contains(ch.Text, "hero stepped forward") {
-		t.Errorf("expected chapter text to contain 'hero stepped forward', got: %q", ch.Text)
-	}
-}
-
-func TestScrapeChapterText_MissingContainer(t *testing.T) {
-	html := `<!DOCTYPE html><html><body><div class="other">nothing here</div></body></html>`
-
-	s := newScraper(html)
-	ref := scraper.ChapterRef{Number: 2, Title: "Chapter 2", URL: "https://novelfire.net/book/test-novel/chapter-2"}
-
-	_, err := s.ScrapeChapterText(context.Background(), ref)
-	if err == nil {
-		t.Fatal("expected an error when #content container is missing, got nil")
-	}
-}
-
-// ── chapterNumberFromURL ──────────────────────────────────────────────────────
-
-func TestChapterNumberFromURL(t *testing.T) {
-	cases := []struct {
-		url  string
-		want int
-	}{
-		// Standard novelfire pattern.
-		{"https://novelfire.net/book/a-dragon-against-the-whole-world/chapter-1", 1},
-		{"https://novelfire.net/book/a-dragon-against-the-whole-world/chapter-26", 26},
-		{"https://novelfire.net/book/a-dragon-against-the-whole-world/chapter-58", 58},
-		// Large chapter numbers.
-		{"https://novelfire.net/book/some-novel/chapter-1000", 1000},
-		// Path segment with trailing slash.
-		{"https://novelfire.net/book/some-novel/chapter-5/", 5},
-		// Slug with title appended after the number (hypothetical future format).
-		{"https://novelfire.net/book/some-novel/chapter-42-the-battle", 42},
-		// Unparseable — should return 0 so the caller can fall back.
-		{"https://novelfire.net/book/some-novel/prologue", 0},
-		{"https://novelfire.net/book/some-novel/", 0},
-		{"not-a-url", 0},
-	}
-
-	for _, tc := range cases {
-		got := chapterNumberFromURL(tc.url)
-		if got != tc.want {
-			t.Errorf("chapterNumberFromURL(%q) = %d, want %d", tc.url, got, tc.want)
-		}
-	}
-}
-
-// ── ScrapeChapterList (position vs URL numbering) ─────────────────────────────
-
-// TestScrapeChapterList_NumbersFromURL verifies that when the chapter list HTML
-// is served newest-first (as novelfire.net does), chapter numbers are still
-// assigned from the URL — not from list position — so that a re-run correctly
-// identifies which chapters are already on disk.
-func TestScrapeChapterList_NumbersFromURL(t *testing.T) {
-	// Simulate a newest-first chapter list with 5 chapters on a single page.
-	// Positions 1..5 correspond to chapters 5,4,3,2,1 in the site HTML.
-	page1 := `<!DOCTYPE html><html><body>
-		<ul class="chapter-list">
-			<li class="chapter-item"><a href="/book/test/chapter-5">Chapter 5</a></li>
-			<li class="chapter-item"><a href="/book/test/chapter-4">Chapter 4</a></li>
-			<li class="chapter-item"><a href="/book/test/chapter-3">Chapter 3</a></li>
-			<li class="chapter-item"><a href="/book/test/chapter-2">Chapter 2</a></li>
-			<li class="chapter-item"><a href="/book/test/chapter-1">Chapter 1</a></li>
-		</ul>
-	</body></html>`
-
-	s := newPagedScraper(page1)
-	refs, err := s.ScrapeChapterList(context.Background(), "https://novelfire.net/book/test")
-	if err != nil {
-		t.Fatalf("unexpected error: %v", err)
-	}
-	if len(refs) != 5 {
-		t.Fatalf("expected 5 refs, got %d", len(refs))
-	}
-
-	// With position-based numbering (the old bug), refs[0].Number would be 1
-	// even though its URL is /chapter-5. With URL-based numbering it must be 5.
-	wantNumbers := []int{5, 4, 3, 2, 1}
-	for i, ref := range refs {
-		if ref.Number != wantNumbers[i] {
-			t.Errorf("refs[%d].Number = %d, want %d (URL: %s)", i, ref.Number, wantNumbers[i], ref.URL)
-		}
-	}
-}
-
-// TestScrapeChapterList_Pagination verifies that the scraper correctly follows
-// ?page=N pagination and stops when a page returns no chapter items.
-func TestScrapeChapterList_Pagination(t *testing.T) {
-	page1 := `<!DOCTYPE html><html><body>
-		<ul class="chapter-list">
-			<li class="chapter-item"><a href="/book/test/chapter-3">Chapter 3</a></li>
-			<li class="chapter-item"><a href="/book/test/chapter-2">Chapter 2</a></li>
-			<li class="chapter-item"><a href="/book/test/chapter-1">Chapter 1</a></li>
-		</ul>
-	</body></html>`
-
-	page2 := `<!DOCTYPE html><html><body>
-		<ul class="chapter-list">
-			<li class="chapter-item"><a href="/book/test/chapter-6">Chapter 6</a></li>
-			<li class="chapter-item"><a href="/book/test/chapter-5">Chapter 5</a></li>
-			<li class="chapter-item"><a href="/book/test/chapter-4">Chapter 4</a></li>
-		</ul>
-	</body></html>`
-
-	// page3 is omitted — pagedStubClient will return empty page to stop pagination.
-	s := newPagedScraper(page1, page2)
-	refs, err := s.ScrapeChapterList(context.Background(), "https://novelfire.net/book/test")
-	if err != nil {
-		t.Fatalf("unexpected error: %v", err)
-	}
-	if len(refs) != 6 {
-		t.Fatalf("expected 6 refs (3 per page × 2 pages), got %d", len(refs))
-	}
-
-	wantNumbers := []int{3, 2, 1, 6, 5, 4}
-	for i, ref := range refs {
-		if ref.Number != wantNumbers[i] {
-			t.Errorf("refs[%d].Number = %d, want %d (URL: %s)", i, ref.Number, wantNumbers[i], ref.URL)
-		}
-	}
-}
diff --git a/scraper/internal/orchestrator/orchestrator.go b/scraper/internal/orchestrator/orchestrator.go
deleted file mode 100644
index d35a6c0..0000000
--- a/scraper/internal/orchestrator/orchestrator.go
+++ /dev/null
@@ -1,213 +0,0 @@
-// Package orchestrator coordinates the catalogue walk, metadata extraction,
-// chapter-list fetching, and parallel chapter scraping.
-//
-// Concurrency model
-//   - One goroutine runs ScrapeCatalogue and feeds book URLs into a channel.
-//   - For each book, a dedicated goroutine calls ScrapeMetadata (metadata goroutine).
-//   - ScrapeChapterList is called in the metadata goroutine once metadata is done.
-//   - N worker goroutines (default: runtime.NumCPU()) each pull ChapterRef values
-//     from a shared work queue and call ScrapeChapterText.
-//   - A sync.WaitGroup ensures all chapter workers finish before the orchestrator
-//     signals completion.
-package orchestrator
-
-import (
-	"context"
-	"fmt"
-	"log/slog"
-	"runtime"
-	"sync"
-
-	"github.com/libnovel/scraper/internal/scraper"
-	"github.com/libnovel/scraper/internal/writer"
-)
-
-// Config holds tunable parameters for the orchestrator.
-type Config struct {
-	// Workers is the number of goroutines used to scrape chapters in parallel.
-	// Defaults to runtime.NumCPU() when 0.
-	Workers int
-
-	// StaticRoot is the path to the static/books output directory.
-	StaticRoot string
-
-	// SingleBookURL when non-empty causes the orchestrator to scrape only
-	// that one book instead of walking the full catalogue.
-	SingleBookURL string
-}
-
-// Orchestrator coordinates the full scrape pipeline.
-type Orchestrator struct {
-	cfg     Config
-	novel   scraper.NovelScraper
-	writer  *writer.Writer
-	log     *slog.Logger
-	workers int
-}
-
-// New returns a new Orchestrator.
-func New(cfg Config, novel scraper.NovelScraper, log *slog.Logger) *Orchestrator {
-	workers := cfg.Workers
-	if workers <= 0 {
-		workers = runtime.NumCPU()
-	}
-	return &Orchestrator{
-		cfg:     cfg,
-		novel:   novel,
-		writer:  writer.New(cfg.StaticRoot),
-		log:     log,
-		workers: workers,
-	}
-}
-
-// Run executes the full scrape pipeline and blocks until it is complete or ctx
-// is cancelled.
-func (o *Orchestrator) Run(ctx context.Context) error {
-	o.log.Info("orchestrator starting",
-		"source", o.novel.SourceName(),
-		"workers", o.workers,
-		"static_root", o.cfg.StaticRoot,
-	)
-
-	// chapterWork is the shared queue consumed by chapter worker goroutines.
-	type chapterJob struct {
-		slug string
-		ref  scraper.ChapterRef
-	}
-	chapterWork := make(chan chapterJob, o.workers*4)
-
-	// Start chapter worker pool.
-	var chapterWG sync.WaitGroup
-	for i := 0; i < o.workers; i++ {
-		chapterWG.Add(1)
-		go func(workerID int) {
-			defer chapterWG.Done()
-			for job := range chapterWork {
-				select {
-				case <-ctx.Done():
-					return
-				default:
-				}
-
-				// Skip if already on disk.
-				if o.writer.ChapterExists(job.slug, job.ref) {
-					o.log.Debug("chapter already exists, skipping",
-						"book", job.slug, "chapter", job.ref.Number)
-					continue
-				}
-
-				chapter, err := o.novel.ScrapeChapterText(ctx, job.ref)
-				if err != nil {
-					o.log.Error("chapter scrape failed",
-						"book", job.slug,
-						"chapter", job.ref.Number,
-						"url", job.ref.URL,
-						"err", err,
-					)
-					continue
-				}
-
-				if err := o.writer.WriteChapter(job.slug, chapter); err != nil {
-					o.log.Error("chapter write failed",
-						"book", job.slug,
-						"chapter", job.ref.Number,
-						"err", err,
-					)
-					continue
-				}
-
-				o.log.Info("chapter saved",
-					"book", job.slug,
-					"chapter", job.ref.Number,
-					"worker", workerID,
-				)
-			}
-		}(i)
-	}
-
-	// processBook scrapes metadata + chapter list for one book, then enqueues
-	// chapter jobs. It is called inside a goroutine per book.
-	processBook := func(bookURL string) {
-		// Metadata goroutine.
-		meta, err := o.novel.ScrapeMetadata(ctx, bookURL)
-		if err != nil {
-			o.log.Error("metadata scrape failed", "url", bookURL, "err", err)
-			return
-		}
-
-		// Persist / update metadata.yaml.
-		if err := o.writer.WriteMetadata(meta); err != nil {
-			o.log.Error("metadata write failed", "slug", meta.Slug, "err", err)
-			// Continue — chapters can still be scraped.
-		}
-
-		o.log.Info("metadata saved", "slug", meta.Slug, "title", meta.Title)
-
-		// Fetch chapter list.
-		refs, err := o.novel.ScrapeChapterList(ctx, bookURL)
-		if err != nil {
-			o.log.Error("chapter list scrape failed", "slug", meta.Slug, "err", err)
-			return
-		}
-
-		o.log.Info("chapter list fetched", "slug", meta.Slug, "chapters", len(refs))
-
-		// Enqueue chapter jobs.
-		for _, ref := range refs {
-			select {
-			case <-ctx.Done():
-				return
-			case chapterWork <- chapterJob{slug: meta.Slug, ref: ref}:
-			}
-		}
-	}
-
-	if o.cfg.SingleBookURL != "" {
-		// Single-book mode: skip catalogue entirely.
-		o.log.Info("single-book mode", "url", o.cfg.SingleBookURL)
-		processBook(o.cfg.SingleBookURL)
-	} else {
-		// Catalogue mode: stream every book.
-		entries, catErrs := o.novel.ScrapeCatalogue(ctx)
-
-		// Drain catalogue errors in a separate goroutine.
-		go func() {
-			for err := range catErrs {
-				o.log.Error("catalogue error", "err", err)
-			}
-		}()
-
-		var bookWG sync.WaitGroup
-		for entry := range entries {
-			select {
-			case <-ctx.Done():
-				break
-			default:
-			}
-
-			bookWG.Add(1)
-			bookURL := entry.URL
-			go func() {
-				defer bookWG.Done()
-				processBook(bookURL)
-			}()
-		}
-
-		// Wait for all book goroutines to enqueue their chapters before
-		// closing the chapter work queue.
-		bookWG.Wait()
-	}
-
-	// Signal chapter workers there is no more work.
-	close(chapterWork)
-
-	// Wait for all in-flight chapter scrapes to finish.
-	chapterWG.Wait()
-
-	if ctx.Err() != nil {
-		return fmt.Errorf("orchestrator: context cancelled: %w", ctx.Err())
-	}
-
-	o.log.Info("orchestrator finished")
-	return nil
-}
diff --git a/scraper/internal/scraper/interfaces.go b/scraper/internal/scraper/interfaces.go
deleted file mode 100644
index c8fe0a8..0000000
--- a/scraper/internal/scraper/interfaces.go
+++ /dev/null
@@ -1,144 +0,0 @@
-// Package scraper defines the core interfaces and domain types for the libnovel
-// scraping system. Each novel source implements these interfaces; the orchestrator
-// wires them together without knowing anything about the concrete provider.
-package scraper
-
-import "context"
-
-// ─── Domain types ────────────────────────────────────────────────────────────
-
-// BookMeta carries all bibliographic information about a novel.
-type BookMeta struct {
-	// Slug is a URL-safe identifier derived from the book title, e.g. "a-dragon-against-the-whole-world".
-	Slug string `yaml:"slug"`
-	// Title is the human-readable novel title.
-	Title string `yaml:"title"`
-	// Author of the novel.
-	Author string `yaml:"author"`
-	// Cover is an absolute URL to the cover image.
-	Cover string `yaml:"cover,omitempty"`
-	// Status is e.g. "Ongoing", "Completed".
-	Status string `yaml:"status,omitempty"`
-	// Genres is a list of genre tags.
-	Genres []string `yaml:"genres,omitempty"`
-	// Summary is the full description/synopsis text.
-	Summary string `yaml:"summary,omitempty"`
-	// TotalChapters is the total number of chapters known at scrape time.
-	TotalChapters int `yaml:"total_chapters,omitempty"`
-	// SourceURL is the canonical URL of the book's landing page.
-	SourceURL string `yaml:"source_url"`
-	// Ranking is the rank number from ranking pages.
-	Ranking int `yaml:"ranking,omitempty"`
-}
-
-// CatalogueEntry is a lightweight reference returned by CatalogueProvider.
-type CatalogueEntry struct {
-	// Title is the novel title as shown in the catalogue listing.
-	Title string
-	// URL is the canonical landing-page URL of the novel.
-	URL string
-}
-
-// ChapterRef is a reference to a single chapter returned by ChapterListProvider.
-type ChapterRef struct {
-	// Number is the 1-based chapter index within the book.
-	Number int
-	// Title is the chapter display title.
-	Title string
-	// URL is the full URL of the chapter page.
-	URL string
-	// Volume is an optional volume number (0 means no volume grouping).
-	Volume int
-}
-
-// Chapter contains the fully-extracted text of a single chapter.
-type Chapter struct {
-	Ref ChapterRef
-	// Text is the plain / lightly-formatted chapter body (Markdown).
-	Text string
-}
-
-// ─── Scraping selector descriptors ───────────────────────────────────────────
-
-// Selector describes how to locate an element in an HTML document.
-// Exactly one of Tag, Class, or ID should be non-empty; when multiple are set
-// they are combined (AND semantics).
-type Selector struct {
-	// Tag is the HTML element name, e.g. "div", "p", "h1".
-	Tag string
-	// Class is one CSS class name (without the leading dot).
-	Class string
-	// ID is the element id attribute (without the leading #).
-	ID string
-	// Attr is an optional attribute name whose value should be extracted
-	// instead of the text content (e.g. "href", "src").
-	Attr string
-	// Multiple indicates that all matching elements should be collected,
-	// not just the first one.
-	Multiple bool
-}
-
-// ─── Provider interfaces ──────────────────────────────────────────────────────
-
-// CatalogueProvider can enumerate every novel available on a source site.
-// It handles pagination transparently and streams CatalogueEntry values.
-type CatalogueProvider interface {
-	// ScrapeCatalogue pages through the entire catalogue, sending
-	// CatalogueEntry values to the returned channel. The channel is closed
-	// when all pages have been scraped or ctx is cancelled.
-	// Errors are surfaced via the error channel; a non-nil error does not
-	// necessarily terminate scraping.
-	ScrapeCatalogue(ctx context.Context) (<-chan CatalogueEntry, <-chan error)
-}
-
-// MetadataProvider can extract structured book metadata from a novel's landing page.
-type MetadataProvider interface {
-	// ScrapeMetadata fetches and parses the metadata for the book at bookURL.
-	ScrapeMetadata(ctx context.Context, bookURL string) (BookMeta, error)
-}
-
-// ChapterListProvider can enumerate all chapters of a book from the chapter-list page.
-type ChapterListProvider interface {
-	// ScrapeChapterList returns all chapter references for a book, ordered
-	// by chapter number ascending.
-	ScrapeChapterList(ctx context.Context, bookURL string) ([]ChapterRef, error)
-}
-
-// ChapterTextProvider can extract the readable text from a single chapter page.
-type ChapterTextProvider interface {
-	// ScrapeChapterText fetches chapterURL and returns the chapter text as Markdown.
-	ScrapeChapterText(ctx context.Context, ref ChapterRef) (Chapter, error)
-}
-
-// RankingProvider can enumerate novels from a ranking page.
-type RankingProvider interface {
-	// ScrapeRanking pages through up to maxPages ranking pages, sending BookMeta
-	// values (with basic info like title, cover, genres, status, sourceURL) to
-	// the returned channel. Pages are fetched sequentially and lazily: the next
-	// page is only requested once all entries from the current page have been
-	// sent. maxPages <= 0 means "all pages".
-	ScrapeRanking(ctx context.Context, maxPages int) (<-chan BookMeta, <-chan error)
-}
-
-// RankingPageCacher persists and retrieves raw HTML for individual ranking pages.
-// Implementations (e.g. writer.Writer) store files on disk so that a
-// subsequent ScrapeRanking call can serve cached HTML without a network round-trip.
-type RankingPageCacher interface {
-	// WriteRankingPageCache stores the raw HTML string for the given page number.
-	WriteRankingPageCache(page int, html string) error
-	// ReadRankingPageCache returns the cached HTML for page, or ("", nil) on a miss.
-	ReadRankingPageCache(page int) (string, error)
-}
-
-// NovelScraper is the full interface that a concrete novel source must implement.
-// It composes all four provider interfaces.
-type NovelScraper interface {
-	CatalogueProvider
-	MetadataProvider
-	ChapterListProvider
-	ChapterTextProvider
-	RankingProvider
-
-	// SourceName returns the human-readable name of this scraper, e.g. "novelfire.net".
-	SourceName() string
-}
diff --git a/scraper/internal/server/server.go b/scraper/internal/server/server.go
deleted file mode 100644
index cc6a1e0..0000000
--- a/scraper/internal/server/server.go
+++ /dev/null
@@ -1,470 +0,0 @@
-// Package server exposes the scraper as an HTTP service.
-//
-// Endpoints:
-//
-//	POST /scrape          — enqueue a full catalogue scrape
-//	POST /scrape/book     — enqueue a single-book scrape (JSON body: {"url":"..."})
-//	GET  /health          — liveness probe
-package server
-
-import (
-	"bytes"
-	"context"
-	"encoding/json"
-	"fmt"
-	"io"
-	"log/slog"
-	"net/http"
-	"strconv"
-	"strings"
-	"sync"
-	"time"
-
-	"github.com/libnovel/scraper/internal/orchestrator"
-	"github.com/libnovel/scraper/internal/scraper"
-	"github.com/libnovel/scraper/internal/writer"
-)
-
-// Server wraps an HTTP mux with the scraping endpoints.
-type Server struct {
-	addr           string
-	oCfg           orchestrator.Config
-	novel          scraper.NovelScraper
-	log            *slog.Logger
-	writer         *writer.Writer
-	mu             sync.Mutex
-	running        bool
-	rankingRunning bool
-	kokoroURL      string // Kokoro-FastAPI base URL, e.g. http://kokoro:8880
-	kokoroVoice    string // default voice, e.g. af_bella
-
-	// voiceMu guards cachedVoices.
-	voiceMu      sync.RWMutex
-	cachedVoices []string // populated on first request from Kokoro /v1/audio/voices
-
-	// audioMu guards audioCache and audioInFlight.
-	// audioCache maps a cache key to the Kokoro download filename returned by
-	// POST /v1/audio/speech with return_download_link=true.
-	// audioInFlight deduplicates concurrent generation requests for the same key.
-	audioMu       sync.Mutex
-	audioCache    map[string]string        // cacheKey → kokoro download filename
-	audioInFlight map[string]chan struct{} // cacheKey → closed when done
-}
-
-// New creates a new Server.
-func New(addr string, oCfg orchestrator.Config, novel scraper.NovelScraper, log *slog.Logger, kokoroURL, kokoroVoice string) *Server {
-	return &Server{
-		addr:          addr,
-		oCfg:          oCfg,
-		novel:         novel,
-		log:           log,
-		writer:        writer.New(oCfg.StaticRoot),
-		kokoroURL:     kokoroURL,
-		kokoroVoice:   kokoroVoice,
-		audioCache:    make(map[string]string),
-		audioInFlight: make(map[string]chan struct{}),
-	}
-}
-
-// voices returns the list of available Kokoro voices.  On the first call it
-// fetches GET /v1/audio/voices from the Kokoro service and caches the result.
-// If the fetch fails (Kokoro not up yet, network error, etc.) it falls back to
-// the hardcoded kokoroVoices list so the UI is never empty.
-func (s *Server) voices() []string {
-	s.voiceMu.RLock()
-	cached := s.cachedVoices
-	s.voiceMu.RUnlock()
-	if len(cached) > 0 {
-		return cached
-	}
-
-	if s.kokoroURL != "" {
-		ctx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
-		defer cancel()
-		req, err := http.NewRequestWithContext(ctx, http.MethodGet, s.kokoroURL+"/v1/audio/voices", nil)
-		if err == nil {
-			req.Header.Set("Accept", "application/json")
-			resp, err := http.DefaultClient.Do(req)
-			if err == nil {
-				defer resp.Body.Close()
-				var payload struct {
-					Voices []string `json:"voices"`
-				}
-				if resp.StatusCode == http.StatusOK && json.NewDecoder(resp.Body).Decode(&payload) == nil && len(payload.Voices) > 0 {
-					s.voiceMu.Lock()
-					s.cachedVoices = payload.Voices
-					s.voiceMu.Unlock()
-					s.log.Info("fetched kokoro voices", "count", len(payload.Voices))
-					return payload.Voices
-				}
-			}
-		}
-		s.log.Warn("could not fetch kokoro voices, using built-in list")
-	}
-
-	return kokoroVoices
-}
-
-// ListenAndServe starts the HTTP server and blocks until the provided context
-// is cancelled.
-func (s *Server) ListenAndServe(ctx context.Context) error {
-	mux := http.NewServeMux()
-	mux.HandleFunc("GET /health", s.handleHealth)
-	mux.HandleFunc("POST /scrape", s.handleScrapeCatalogue)
-	mux.HandleFunc("POST /scrape/book", s.handleScrapeBook)
-	// UI routes
-	mux.HandleFunc("GET /", s.handleHome)
-	mux.HandleFunc("GET /scrape", s.handleScrape)
-	mux.HandleFunc("GET /ranking", s.handleRanking)
-	mux.HandleFunc("POST /ranking/refresh", s.handleRankingRefresh)
-	mux.HandleFunc("GET /ranking/view", s.handleRankingView)
-	mux.HandleFunc("GET /books/{slug}", s.handleBook)
-	mux.HandleFunc("GET /books/{slug}/chapters/{n}", s.handleChapter)
-	mux.HandleFunc("GET /books/{slug}/chapters-page", s.handleBookChaptersPage)
-	mux.HandleFunc("POST /ui/scrape/book", s.handleUIScrapeBook)
-	mux.HandleFunc("GET /ui/scrape/status", s.handleUIScrapeStatus)
-	mux.HandleFunc("GET /ui/ranking/status", s.handleRankingStatus)
-	// Plain-text chapter content for browser-side TTS
-	mux.HandleFunc("GET /ui/chapter-text/{slug}/{n}", s.handleChapterText)
-	// Server-side audio generation via Kokoro /v1/audio/speech.
-	// Generation can take several minutes, so wrap in its own timeout handler.
-	audioGenHandler := http.TimeoutHandler(
-		http.HandlerFunc(s.handleAudioGenerate),
-		10*time.Minute,
-		`{"error":"audio generation timed out"}`,
-	)
-	mux.Handle("POST /ui/audio/{slug}/{n}", audioGenHandler)
-	// Proxy route: fetches the generated file from Kokoro /v1/download/{filename}.
-	mux.HandleFunc("GET /ui/audio-proxy/{slug}/{n}", s.handleAudioProxy)
-
-	srv := &http.Server{
-		Addr:         s.addr,
-		Handler:      mux,
-		ReadTimeout:  15 * time.Second,
-		WriteTimeout: 60 * time.Second,
-		IdleTimeout:  60 * time.Second,
-	}
-
-	errCh := make(chan error, 1)
-	go func() { errCh <- srv.ListenAndServe() }()
-
-	s.log.Info("HTTP server listening", "addr", s.addr)
-
-	select {
-	case <-ctx.Done():
-		shutCtx, cancel := context.WithTimeout(context.Background(), 10*time.Second)
-		defer cancel()
-		return srv.Shutdown(shutCtx)
-	case err := <-errCh:
-		return err
-	}
-}
-
-func (s *Server) handleHealth(w http.ResponseWriter, _ *http.Request) {
-	w.Header().Set("Content-Type", "application/json")
-	_ = json.NewEncoder(w).Encode(map[string]string{"status": "ok"})
-}
-
-// handleChapterText returns the plain text of a chapter (markdown stripped)
-// for browser-side TTS. The browser POSTs this directly to Kokoro-FastAPI.
-func (s *Server) handleChapterText(w http.ResponseWriter, r *http.Request) {
-	slug := r.PathValue("slug")
-	n, err := strconv.Atoi(r.PathValue("n"))
-	if err != nil || n < 1 {
-		http.NotFound(w, r)
-		return
-	}
-	raw, err := s.writer.ReadChapter(slug, n)
-	if err != nil {
-		http.NotFound(w, r)
-		return
-	}
-	w.Header().Set("Content-Type", "text/plain; charset=utf-8")
-	w.Header().Set("Cache-Control", "no-store")
-	fmt.Fprint(w, stripMarkdown(raw))
-}
-
-// ─── Audio generation via Kokoro /v1/audio/speech ────────────────────────────
-//
-// handleAudioGenerate handles POST /ui/audio/{slug}/{n}.
-//
-// It calls Kokoro's POST /v1/audio/speech with return_download_link=true.
-// Kokoro generates the audio, saves it to its own temp storage, and returns
-// the download filename in the X-Download-Path response header.
-// We cache that filename (in memory, keyed by slug/chapter/voice/speed) and
-// return a proxy URL that the browser sets as audio.src.
-//
-// On a cache hit the proxy URL is returned immediately without re-generating.
-// Concurrent requests for the same key are deduplicated.
-func (s *Server) handleAudioGenerate(w http.ResponseWriter, r *http.Request) {
-	slug := r.PathValue("slug")
-	n, err := strconv.Atoi(r.PathValue("n"))
-	if err != nil || n < 1 {
-		http.Error(w, `{"error":"invalid chapter"}`, http.StatusBadRequest)
-		return
-	}
-
-	// Parse optional voice/speed from JSON body.
-	voice := s.kokoroVoice
-	speed := 1.0
-	var body struct {
-		Voice string  `json:"voice"`
-		Speed float64 `json:"speed"`
-	}
-	if r.Body != nil {
-		_ = json.NewDecoder(r.Body).Decode(&body)
-	}
-	if body.Voice != "" {
-		voice = body.Voice
-	}
-	if body.Speed > 0 {
-		speed = body.Speed
-	}
-
-	cacheKey := fmt.Sprintf("%s/%d/%s/%.2f", slug, n, voice, speed)
-
-	// Fast path: already generated this session.
-	s.audioMu.Lock()
-	if filename, ok := s.audioCache[cacheKey]; ok {
-		s.audioMu.Unlock()
-		s.writeAudioResponse(w, slug, n, voice, speed, filename)
-		return
-	}
-
-	// Deduplicate concurrent generation for the same key.
-	if ch, ok := s.audioInFlight[cacheKey]; ok {
-		s.audioMu.Unlock()
-		select {
-		case <-ch:
-		case <-r.Context().Done():
-			http.Error(w, `{"error":"request cancelled"}`, http.StatusServiceUnavailable)
-			return
-		}
-		s.audioMu.Lock()
-		filename, ok := s.audioCache[cacheKey]
-		s.audioMu.Unlock()
-		if ok {
-			s.writeAudioResponse(w, slug, n, voice, speed, filename)
-		} else {
-			http.Error(w, `{"error":"audio generation failed"}`, http.StatusInternalServerError)
-		}
-		return
-	}
-	ch := make(chan struct{})
-	s.audioInFlight[cacheKey] = ch
-	s.audioMu.Unlock()
-
-	defer func() {
-		s.audioMu.Lock()
-		delete(s.audioInFlight, cacheKey)
-		s.audioMu.Unlock()
-		close(ch)
-	}()
-
-	// Load and validate chapter text.
-	raw, err := s.writer.ReadChapter(slug, n)
-	if err != nil {
-		http.Error(w, `{"error":"chapter not found"}`, http.StatusNotFound)
-		return
-	}
-	text := stripMarkdown(raw)
-	if text == "" {
-		http.Error(w, `{"error":"chapter text is empty"}`, http.StatusUnprocessableEntity)
-		return
-	}
-	if s.kokoroURL == "" {
-		http.Error(w, `{"error":"kokoro not configured"}`, http.StatusServiceUnavailable)
-		return
-	}
-
-	// Call Kokoro POST /v1/audio/speech with return_download_link=true.
-	// Kokoro saves the generated audio to its own temp storage and returns the
-	// download path in the X-Download-Path response header.
-	filename, err := s.generateSpeech(r.Context(), text, voice, speed)
-	if err != nil {
-		s.log.Error("kokoro speech generation failed", "slug", slug, "chapter", n, "err", err)
-		http.Error(w, `{"error":"speech generation failed"}`, http.StatusBadGateway)
-		return
-	}
-
-	s.audioMu.Lock()
-	s.audioCache[cacheKey] = filename
-	s.audioMu.Unlock()
-
-	s.log.Info("audio generated", "slug", slug, "chapter", n, "filename", filename)
-	s.writeAudioResponse(w, slug, n, voice, speed, filename)
-}
-
-// generateSpeech calls POST /v1/audio/speech on Kokoro with return_download_link=true
-// and returns the filename from the X-Download-Path response header.
-func (s *Server) generateSpeech(ctx context.Context, text, voice string, speed float64) (string, error) {
-	reqBody, _ := json.Marshal(map[string]interface{}{
-		"model":                "kokoro",
-		"input":                text,
-		"voice":                voice,
-		"response_format":      "mp3",
-		"speed":                speed,
-		"stream":               false,
-		"return_download_link": true,
-	})
-
-	req, err := http.NewRequestWithContext(ctx, http.MethodPost,
-		s.kokoroURL+"/v1/audio/speech", bytes.NewReader(reqBody))
-	if err != nil {
-		return "", fmt.Errorf("build request: %w", err)
-	}
-	req.Header.Set("Content-Type", "application/json")
-
-	resp, err := http.DefaultClient.Do(req)
-	if err != nil {
-		return "", fmt.Errorf("kokoro request: %w", err)
-	}
-	defer resp.Body.Close()
-	// Drain body so the connection can be reused.
-	_, _ = io.Copy(io.Discard, resp.Body)
-
-	if resp.StatusCode != http.StatusOK {
-		return "", fmt.Errorf("kokoro status %d", resp.StatusCode)
-	}
-
-	// X-Download-Path is e.g. "/download/speech_abc123.mp3"
-	dlPath := resp.Header.Get("X-Download-Path")
-	if dlPath == "" {
-		return "", fmt.Errorf("kokoro did not return X-Download-Path header")
-	}
-
-	// Extract just the filename from the path.
-	filename := dlPath
-	if idx := strings.LastIndex(dlPath, "/"); idx >= 0 {
-		filename = dlPath[idx+1:]
-	}
-	if filename == "" {
-		return "", fmt.Errorf("empty filename in X-Download-Path: %q", dlPath)
-	}
-	return filename, nil
-}
-
-// writeAudioResponse writes the JSON response for a generated audio chapter.
-// The URL points to our proxy handler which fetches from Kokoro on demand.
-func (s *Server) writeAudioResponse(w http.ResponseWriter, slug string, n int, voice string, speed float64, filename string) {
-	proxyURL := fmt.Sprintf("/ui/audio-proxy/%s/%d?voice=%s&speed=%.1f", slug, n, voice, speed)
-	w.Header().Set("Content-Type", "application/json")
-	_ = json.NewEncoder(w).Encode(map[string]interface{}{
-		"url":      proxyURL,
-		"filename": filename,
-	})
-}
-
-// handleAudioProxy handles GET /ui/audio-proxy/{slug}/{n}.
-// It looks up the Kokoro download filename for this chapter (voice/speed) and
-// proxies GET /v1/download/{filename} from the Kokoro server back to the browser.
-func (s *Server) handleAudioProxy(w http.ResponseWriter, r *http.Request) {
-	slug := r.PathValue("slug")
-	n, err := strconv.Atoi(r.PathValue("n"))
-	if err != nil || n < 1 {
-		http.NotFound(w, r)
-		return
-	}
-	voice := r.URL.Query().Get("voice")
-	if voice == "" {
-		voice = s.kokoroVoice
-	}
-	speedStr := r.URL.Query().Get("speed")
-	speed := 1.0
-	if speedStr != "" {
-		if v, err := strconv.ParseFloat(speedStr, 64); err == nil && v > 0 {
-			speed = v
-		}
-	}
-
-	cacheKey := fmt.Sprintf("%s/%d/%s/%.2f", slug, n, voice, speed)
-	s.audioMu.Lock()
-	filename, ok := s.audioCache[cacheKey]
-	s.audioMu.Unlock()
-
-	if !ok {
-		http.Error(w, "audio not generated yet", http.StatusNotFound)
-		return
-	}
-
-	kokoroURL := s.kokoroURL + "/v1/download/" + filename
-	req, err := http.NewRequestWithContext(r.Context(), http.MethodGet, kokoroURL, nil)
-	if err != nil {
-		http.Error(w, "failed to build proxy request", http.StatusInternalServerError)
-		return
-	}
-
-	resp, err := http.DefaultClient.Do(req)
-	if err != nil {
-		http.Error(w, "kokoro download failed", http.StatusBadGateway)
-		return
-	}
-	defer resp.Body.Close()
-
-	if resp.StatusCode != http.StatusOK {
-		http.Error(w, fmt.Sprintf("kokoro returned %d", resp.StatusCode), http.StatusBadGateway)
-		return
-	}
-
-	w.Header().Set("Content-Type", "audio/mpeg")
-	w.Header().Set("Cache-Control", "public, max-age=3600")
-	if cl := resp.Header.Get("Content-Length"); cl != "" {
-		w.Header().Set("Content-Length", cl)
-	}
-	_, _ = io.Copy(w, resp.Body)
-}
-
-func (s *Server) handleScrapeCatalogue(w http.ResponseWriter, r *http.Request) {
-	cfg := s.oCfg
-	cfg.SingleBookURL = "" // full catalogue
-
-	s.runAsync(w, cfg)
-}
-
-func (s *Server) handleScrapeBook(w http.ResponseWriter, r *http.Request) {
-	var body struct {
-		URL string `json:"url"`
-	}
-	if err := json.NewDecoder(r.Body).Decode(&body); err != nil || body.URL == "" {
-		http.Error(w, `{"error":"request body must be JSON with \"url\" field"}`, http.StatusBadRequest)
-		return
-	}
-
-	cfg := s.oCfg
-	cfg.SingleBookURL = body.URL
-
-	s.runAsync(w, cfg)
-}
-
-// runAsync launches an orchestrator in the background and returns 202 Accepted.
-// Only one scrape job runs at a time; concurrent requests receive 409 Conflict.
-func (s *Server) runAsync(w http.ResponseWriter, cfg orchestrator.Config) {
-	s.mu.Lock()
-	if s.running {
-		s.mu.Unlock()
-		http.Error(w, `{"error":"a scrape job is already running"}`, http.StatusConflict)
-		return
-	}
-	s.running = true
-	s.mu.Unlock()
-
-	w.Header().Set("Content-Type", "application/json")
-	w.WriteHeader(http.StatusAccepted)
-	_ = json.NewEncoder(w).Encode(map[string]string{"status": "accepted"})
-
-	go func() {
-		defer func() {
-			s.mu.Lock()
-			s.running = false
-			s.mu.Unlock()
-		}()
-
-		ctx, cancel := context.WithTimeout(context.Background(), 24*time.Hour)
-		defer cancel()
-
-		o := orchestrator.New(cfg, s.novel, s.log)
-		if err := o.Run(ctx); err != nil {
-			s.log.Error("scrape job failed", "err", fmt.Sprintf("%v", err))
-		}
-	}()
-}
diff --git a/scraper/internal/server/ui.go b/scraper/internal/server/ui.go
deleted file mode 100644
index da600ba..0000000
--- a/scraper/internal/server/ui.go
+++ /dev/null
@@ -1,3263 +0,0 @@
-package server
-
-import (
-	"bytes"
-	"context"
-	"encoding/json"
-	"fmt"
-	"html/template"
-	"net/http"
-	"regexp"
-	"sort"
-	"strconv"
-	"strings"
-	"time"
-
-	"github.com/libnovel/scraper/internal/orchestrator"
-	"github.com/libnovel/scraper/internal/scraper"
-	"github.com/libnovel/scraper/internal/writer"
-	"github.com/yuin/goldmark"
-	"github.com/yuin/goldmark/extension"
-	goldhtml "github.com/yuin/goldmark/renderer/html"
-)
-
-// md is the shared goldmark instance used for all markdown→HTML conversions.
-var md = goldmark.New(
-	goldmark.WithExtensions(extension.Typographer, extension.Table),
-	goldmark.WithRendererOptions(goldhtml.WithUnsafe()),
-)
-
-// kokoroVoices is the full list of voices shipped with Kokoro-FastAPI,
-// grouped loosely by language prefix:
-//
-//	af_ / am_  American English female / male
-//	bf_ / bm_  British English female / male
-//	ef_ / em_  Spanish female / male
-//	ff_        French female
-//	hf_ / hm_  Hindi female / male
-//	if_ / im_  Italian female / male
-//	jf_ / jm_  Japanese female / male
-//	pf_ / pm_  Portuguese female / male
-//	zf_ / zm_  Chinese female / male
-var kokoroVoices = []string{
-	// American English
-	"af_alloy", "af_aoede", "af_bella", "af_heart", "af_jadzia",
-	"af_jessica", "af_kore", "af_nicole", "af_nova", "af_river",
-	"af_sarah", "af_sky",
-	"am_adam", "am_echo", "am_eric", "am_fenrir", "am_liam",
-	"am_michael", "am_onyx", "am_puck",
-	// British English
-	"bf_alice", "bf_emma", "bf_lily",
-	"bm_daniel", "bm_fable", "bm_george", "bm_lewis",
-	// Spanish
-	"ef_dora", "em_alex",
-	// French
-	"ff_siwis",
-	// Hindi
-	"hf_alpha", "hf_beta", "hm_omega", "hm_psi",
-	// Italian
-	"if_sara", "im_nicola",
-	// Japanese
-	"jf_alpha", "jf_gongitsune", "jf_nezumi", "jf_tebukuro", "jm_kumo",
-	// Portuguese
-	"pf_dora", "pm_alex",
-	// Chinese
-	"zf_xiaobei", "zf_xiaoni", "zf_xiaoxiao", "zf_xiaoyi",
-	"zm_yunjian", "zm_yunxi", "zm_yunxia", "zm_yunyang",
-}
-
-// voiceInfo holds the parsed display metadata for a single Kokoro voice.
-type voiceInfo struct {
-	ID     string // raw voice ID, e.g. "af_bella"
-	Name   string // display name, e.g. "Bella"
-	Lang   string // language label, e.g. "EN-US"
-	Gender string // "F" or "M"
-}
-
-// langLabel maps the two-letter prefix to a human-readable language tag.
-var langLabel = map[string]string{
-	"a": "EN-US",
-	"b": "EN-GB",
-	"e": "ES",
-	"f": "FR",
-	"h": "HI",
-	"i": "IT",
-	"j": "JA",
-	"p": "PT",
-	"z": "ZH",
-}
-
-// parseVoice decodes a Kokoro voice ID into display metadata.
-// IDs follow the pattern  {lang}{gender}_{name}  e.g. "af_bella".
-func parseVoice(id string) voiceInfo {
-	v := voiceInfo{ID: id, Name: id, Lang: "?", Gender: "?"}
-	if len(id) < 3 || id[2] != '_' {
-		return v
-	}
-	lc := string(id[0])
-	gc := string(id[1])
-	name := id[3:]
-	if l, ok := langLabel[lc]; ok {
-		v.Lang = l
-	}
-	switch gc {
-	case "f":
-		v.Gender = "F"
-	case "m":
-		v.Gender = "M"
-	}
-	// Capitalise name, replace underscores with spaces.
-	if len(name) > 0 {
-		runes := []rune(name)
-		runes[0] -= 'a' - 'A'
-		v.Name = strings.ReplaceAll(string(runes), "_", " ")
-	}
-	return v
-}
-
-// parseVoices converts a slice of raw voice IDs to voiceInfo structs.
-func parseVoices(ids []string) []voiceInfo {
-	out := make([]voiceInfo, len(ids))
-	for i, id := range ids {
-		out[i] = parseVoice(id)
-	}
-	return out
-}
-
-// ─── shared layout ────────────────────────────────────────────────────────────
-
-const layoutHead = `<!DOCTYPE html>
-<html lang="en" class="bg-zinc-950 text-zinc-100">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>{{.Title}} — libnovel</title>
-  <script src="https://cdn.tailwindcss.com"></script>
-  <script src="https://unpkg.com/htmx.org@2.0.4" crossorigin="anonymous"></script>
-  <style>
-    .prose p            { margin-bottom: 1em; }
-    .prose h1,.prose h2,
-    .prose h3,.prose h4 { font-weight: 700; margin: 1.4em 0 .5em; line-height: 1.25; }
-    .prose h4  { font-size: 1.05rem; }
-    .prose h3  { font-size: 1.2rem; }
-    .prose h2  { font-size: 1.4rem; }
-    .prose h1  { font-size: 1.7rem; }
-    .prose em  { font-style: italic; }
-    .prose strong { font-weight: 700; }
-    .prose hr  { border-color: #3f3f46; margin: 2em 0; }
-    .prose blockquote { border-left: 3px solid #52525b; padding-left: 1rem; color: #a1a1aa; }
-  </style>
-</head>
-<body class="min-h-screen">`
-
-const layoutFoot = `</body></html>`
-
-func renderPage(w http.ResponseWriter, title, body string) {
-	t := template.Must(template.New("layout").Parse(layoutHead + body + layoutFoot))
-	w.Header().Set("Content-Type", "text/html; charset=utf-8")
-	_ = t.Execute(w, struct{ Title string }{Title: title})
-}
-
-func renderFragment(w http.ResponseWriter, body string) {
-	w.Header().Set("Content-Type", "text/html; charset=utf-8")
-	fmt.Fprint(w, body)
-}
-
-func isHTMX(r *http.Request) bool {
-	return r.Header.Get("HX-Request") == "true"
-}
-
-// respond writes either a full page or an HTMX fragment depending on the request.
-func (s *Server) respond(w http.ResponseWriter, r *http.Request, title, fragment string) {
-	if isHTMX(r) {
-		renderFragment(w, fragment)
-		return
-	}
-	renderPage(w, title,
-		`<main id="main-content" class="min-h-screen">`+fragment+`</main>`)
-}
-
-// ─── GET / — book catalogue ───────────────────────────────────────────────────
-
-const homeTmpl = `
-<style>
-  .home-progress-bar { transition: width 0.4s ease; }
-  .sort-btn { transition: background 0.15s, color 0.15s; }
-  .sort-btn.active { background: #78350f; color: #fbbf24; }
-  .genre-chip { transition: background 0.15s, color 0.15s, border-color 0.15s; }
-  .genre-chip.active { background: #78350f; color: #fbbf24; border-color: #92400e; }
-</style>
-
-<div class="max-w-4xl mx-auto px-4 py-8 overflow-hidden" hx-history="false">
-
-  <!-- ── Header ── -->
-  <div class="flex items-center justify-between mb-1">
-    <h1 class="text-3xl font-bold text-zinc-100">libnovel</h1>
-    <div class="flex items-center gap-1">
-      <a href="/scrape" hx-get="/scrape" hx-target="#main-content" hx-push-url="true" hx-swap="innerHTML"
-         class="text-sm px-3 py-1.5 rounded-lg text-zinc-400 hover:text-zinc-200 transition-colors">+ Add</a>
-      <a href="/ranking" hx-get="/ranking" hx-target="#main-content" hx-push-url="true" hx-swap="innerHTML"
-         class="text-sm px-3 py-1.5 rounded-lg text-amber-400 hover:text-amber-300 transition-colors">Browse Rankings</a>
-    </div>
-  </div>
-
-  <!-- ── Stats strip ── -->
-  <div id="stats-strip" class="hidden flex items-center gap-4 text-xs text-zinc-500 mb-5 flex-wrap">
-    <span id="stat-books"></span>
-    <span class="text-zinc-700">·</span>
-    <span id="stat-chapters"></span>
-    <span class="text-zinc-700">·</span>
-    <span id="stat-time"></span>
-    <span id="stat-completed-wrap" class="hidden">
-      <span class="text-zinc-700">·</span>
-      <span id="stat-completed"></span>
-    </span>
-  </div>
-  <p id="stats-fallback" class="text-zinc-400 text-sm mb-5">{{len .Books}} book{{if ne (len .Books) 1}}s{{end}} on disk</p>
-
-  <!-- ── Hero: last-read book (populated by JS) ── -->
-  <div id="hero-section" class="hidden mb-6"></div>
-
-  <!-- ── Continue reading (populated by JS) ── -->
-  <div id="continue-reading-section" class="hidden mb-6">
-    <h2 class="text-sm font-semibold text-zinc-500 uppercase tracking-wider mb-3">Continue reading</h2>
-    <div id="continue-reading-grid" class="grid gap-3 sm:grid-cols-2"></div>
-  </div>
-
-  <!-- ── Recently added (populated by JS) ── -->
-  <div id="recently-added-section" class="hidden mb-6">
-    <h2 class="text-sm font-semibold text-zinc-500 uppercase tracking-wider mb-3">Recently added</h2>
-    <div id="recently-added-grid" class="grid gap-3 sm:grid-cols-2"></div>
-  </div>
-
-  <!-- ── Filter + Sort + Genre chips ── -->
-  <div class="mb-4 space-y-3">
-    <div class="flex gap-2">
-      <input id="filter-input" type="search" placeholder="Filter by title, author, genre…"
-             autocomplete="off" spellcheck="false"
-             class="flex-1 min-w-0 rounded-lg bg-zinc-800 border border-zinc-700 px-3 py-2 text-sm text-zinc-100 placeholder-zinc-500 focus:outline-none focus:border-amber-500 transition-colors" />
-    </div>
-    <!-- Sort bar -->
-    <div class="flex gap-1.5 flex-wrap" id="sort-bar">
-      <button class="sort-btn active text-xs px-2.5 py-1 rounded-full border border-zinc-700 bg-zinc-800 text-zinc-300" data-sort="alpha">A–Z</button>
-      <button class="sort-btn text-xs px-2.5 py-1 rounded-full border border-zinc-700 bg-zinc-800 text-zinc-300" data-sort="recent">Recently read</button>
-      <button class="sort-btn text-xs px-2.5 py-1 rounded-full border border-zinc-700 bg-zinc-800 text-zinc-300" data-sort="added">Recently added</button>
-      <button class="sort-btn text-xs px-2.5 py-1 rounded-full border border-zinc-700 bg-zinc-800 text-zinc-300" data-sort="downloaded">Most downloaded</button>
-    </div>
-    <!-- Genre chips (populated by JS) -->
-    <div id="genre-chips" class="flex gap-1.5 flex-wrap hidden"></div>
-    <p id="filter-count" class="text-xs text-zinc-500 hidden"></p>
-  </div>
-
-  <!-- ── All books grid ── -->
-  <div id="available-section">
-    <h2 id="available-heading" class="text-sm font-semibold text-zinc-500 uppercase tracking-wider mb-3{{if eq (len .Books) 0}} hidden{{end}}">All books</h2>
-    <div id="books-grid" class="grid gap-3 sm:grid-cols-2">
-      {{range .Books}}
-      <a href="/books/{{.Slug}}"
-         hx-get="/books/{{.Slug}}"
-         hx-target="#main-content"
-         hx-push-url="true"
-         hx-swap="innerHTML"
-         data-slug="{{.Slug}}"
-         data-title="{{.Title}}"
-         data-downloaded="{{.Downloaded}}"
-         data-added="{{.AddedAt}}"
-         data-total="{{.TotalChapters}}"
-         data-cover="{{.Cover}}"
-         data-filter="{{.Title}} {{.Author}} {{.Status}} {{range .Genres}}{{.}} {{end}}"
-         data-genres="{{range .Genres}}{{.}}|{{end}}"
-         class="book-card group block rounded-xl border border-zinc-800 bg-zinc-900 p-4 hover:border-amber-500 transition-colors cursor-pointer min-w-0 overflow-hidden">
-        <div class="flex gap-3">
-          {{if .Cover}}
-          <img src="{{.Cover}}" alt="cover" loading="lazy" class="w-12 h-[4.5rem] object-cover rounded flex-shrink-0">
-          {{end}}
-          <div class="min-w-0 flex-1">
-            <h2 class="font-semibold text-zinc-100 group-hover:text-amber-400 truncate text-sm leading-snug">{{.Title}}</h2>
-            {{if .Author}}<p class="text-xs text-zinc-500 mt-0.5 truncate">{{.Author}}</p>{{end}}
-            <!-- progress bar injected by JS -->
-            <div class="book-progress-wrap hidden mt-2">
-              <div class="h-0.5 rounded-full bg-zinc-700 overflow-hidden">
-                <div class="book-progress-bar home-progress-bar h-full bg-amber-500 rounded-full" style="width:0%"></div>
-              </div>
-              <p class="book-progress-label text-[0.65rem] text-zinc-500 mt-0.5"></p>
-            </div>
-            <div class="flex gap-1.5 mt-2 flex-wrap items-center">
-              {{if .Status}}<span class="text-[0.65rem] px-1.5 py-0.5 rounded-full bg-zinc-800 text-zinc-400">{{.Status}}</span>{{end}}
-              {{if .TotalChapters}}<span class="text-[0.65rem] px-1.5 py-0.5 rounded-full bg-zinc-800 text-zinc-400">{{.TotalChapters}} ch</span>{{end}}
-              {{if .Downloaded}}<span class="text-[0.65rem] px-1.5 py-0.5 rounded-full bg-amber-900/60 text-amber-400">{{.Downloaded}} dl</span>{{end}}
-              <span class="book-unread-badge hidden text-[0.65rem] px-1.5 py-0.5 rounded-full bg-teal-900 text-teal-300 font-medium"></span>
-            </div>
-          </div>
-        </div>
-      </a>
-      {{else}}
-      <p class="text-zinc-500 col-span-2">No books scraped yet.</p>
-      {{end}}
-    </div>
-  </div>
-</div>
-
-<script>
-(function () {
-  /* ── state ─────────────────────────────────────────────────────────────── */
-  var progress = {};
-  try { progress = JSON.parse(localStorage.getItem('reading_progress') || '{}'); } catch(_) {}
-  // progress = { slug: chapterNum, ... }
-
-  var progressTs = {};
-  try { progressTs = JSON.parse(localStorage.getItem('reading_progress_ts') || '{}'); } catch(_) {}
-  // progressTs = { slug: timestampMs, ... }
-
-  var booksGrid           = document.getElementById('books-grid');
-  var continueSection     = document.getElementById('continue-reading-section');
-  var continueGrid        = document.getElementById('continue-reading-grid');
-  var recentlyAddedSec    = document.getElementById('recently-added-section');
-  var recentlyAddedGrid   = document.getElementById('recently-added-grid');
-  var heroSection         = document.getElementById('hero-section');
-  var statsStrip          = document.getElementById('stats-strip');
-  var statsFallback       = document.getElementById('stats-fallback');
-  var genreChipsEl        = document.getElementById('genre-chips');
-
-  var allCards = booksGrid ? Array.from(booksGrid.querySelectorAll('[data-slug]')) : [];
-
-  /* ── reading_progress_ts: record timestamps for "recently read" sort ───── */
-  // On first load after upgrade, seed timestamps for existing progress entries.
-  var tsUpdated = false;
-  Object.keys(progress).forEach(function(slug) {
-    if (!progressTs[slug]) { progressTs[slug] = Date.now(); tsUpdated = true; }
-  });
-  if (tsUpdated) {
-    try { localStorage.setItem('reading_progress_ts', JSON.stringify(progressTs)); } catch(_) {}
-  }
-
-  /* ── progress bars + unread badges ─────────────────────────────────────── */
-  allCards.forEach(function(card) {
-    var slug       = card.dataset.slug;
-    var total      = parseInt(card.dataset.total, 10) || 0;
-    var downloaded = parseInt(card.dataset.downloaded, 10) || 0;
-    var chapterNum = progress[slug] ? parseInt(progress[slug], 10) : 0;
-    var base       = downloaded || total;
-
-    if (chapterNum > 0 && base > 0) {
-      var pct = Math.min(100, Math.round(chapterNum / base * 100));
-      var wrap = card.querySelector('.book-progress-wrap');
-      var bar  = card.querySelector('.book-progress-bar');
-      var lbl  = card.querySelector('.book-progress-label');
-      if (wrap && bar && lbl) {
-        bar.style.width = pct + '%';
-        lbl.textContent = 'Ch.\u00a0' + chapterNum + (base ? '\u00a0/\u00a0' + base : '') + '\u00a0\u2014\u00a0' + pct + '%';
-        wrap.classList.remove('hidden');
-      }
-    }
-
-    // Unread badge: downloaded > last-read chapter
-    if (downloaded > 0 && chapterNum > 0 && downloaded > chapterNum) {
-      var unread = downloaded - chapterNum;
-      var badge  = card.querySelector('.book-unread-badge');
-      if (badge) {
-        badge.textContent = '+' + unread + ' new';
-        badge.classList.remove('hidden');
-      }
-    }
-  });
-
-  /* ── stats strip ─────────────────────────────────────────────────────────── */
-  var totalChaptersRead = 0;
-  var booksCompleted    = 0;
-  Object.keys(progress).forEach(function(slug) {
-    var card = booksGrid ? booksGrid.querySelector('[data-slug="' + slug + '"]') : null;
-    var ch = parseInt(progress[slug], 10) || 0;
-    totalChaptersRead += ch;
-    if (card) {
-      var total = parseInt(card.dataset.total, 10) || 0;
-      var dl    = parseInt(card.dataset.downloaded, 10) || 0;
-      var base  = dl || total;
-      if (base > 0 && ch >= base) booksCompleted++;
-    }
-  });
-
-  if (totalChaptersRead > 0) {
-    var estMins = Math.round(totalChaptersRead * 12); // ~12 min/chapter avg
-    var timeLabel = estMins >= 60
-      ? Math.floor(estMins / 60) + 'h ' + (estMins % 60) + 'm'
-      : estMins + 'm';
-    document.getElementById('stat-books').textContent    = allCards.length + ' book' + (allCards.length !== 1 ? 's' : '');
-    document.getElementById('stat-chapters').textContent = totalChaptersRead + ' ch read';
-    document.getElementById('stat-time').textContent     = '~' + timeLabel + ' read';
-    if (booksCompleted > 0) {
-      document.getElementById('stat-completed').textContent = booksCompleted + ' completed';
-      document.getElementById('stat-completed-wrap').classList.remove('hidden');
-    }
-    statsStrip.classList.remove('hidden');
-    statsStrip.style.display = 'flex';
-    if (statsFallback) statsFallback.classList.add('hidden');
-  }
-
-  /* ── hero card: most recently read ─────────────────────────────────────── */
-  var heroSlug = null, heroTs = 0;
-  Object.keys(progressTs).forEach(function(slug) {
-    if (progressTs[slug] > heroTs && progress[slug]) {
-      heroTs = progressTs[slug]; heroSlug = slug;
-    }
-  });
-  if (heroSlug && heroSection) {
-    var heroCard = booksGrid ? booksGrid.querySelector('[data-slug="' + heroSlug + '"]') : null;
-    if (heroCard) {
-      var heroChapter  = parseInt(progress[heroSlug], 10) || 0;
-      var heroTotal    = parseInt(heroCard.dataset.total, 10) || parseInt(heroCard.dataset.downloaded, 10) || 0;
-      var heroPct      = heroTotal > 0 ? Math.min(100, Math.round(heroChapter / heroTotal * 100)) : 0;
-      var heroCover    = heroCard.dataset.cover || '';
-      var heroTitle    = heroCard.dataset.title || '';
-      var heroHref     = heroCard.getAttribute('href');
-      var heroGet      = heroCard.getAttribute('hx-get');
-
-      heroSection.innerHTML =
-        '<a href="' + heroHref + '"' +
-        ' hx-get="' + heroGet + '" hx-target="#main-content" hx-push-url="true" hx-swap="innerHTML"' +
-        ' class="group relative block rounded-2xl overflow-hidden border border-zinc-700 hover:border-amber-500 transition-colors cursor-pointer"' +
-        ' style="' + (heroCover ? 'background-image:linear-gradient(to right,#09090b 40%,rgba(9,9,11,0.4)),url(' + heroCover + ');background-size:cover;background-position:right center;' : 'background:#18181b;') + '">' +
-        '<div class="relative z-10 p-5 sm:p-6">' +
-          '<p class="text-[0.65rem] font-semibold uppercase tracking-widest text-amber-500 mb-1">Continue reading</p>' +
-          '<h2 class="text-xl sm:text-2xl font-bold text-zinc-100 group-hover:text-amber-400 transition-colors leading-snug mb-2 max-w-sm">' + escHtml(heroTitle) + '</h2>' +
-          '<p class="text-sm text-zinc-400 mb-4">Chapter\u00a0' + heroChapter + (heroTotal ? '\u00a0/\u00a0' + heroTotal : '') + (heroPct ? '\u00a0\u2014\u00a0' + heroPct + '%' : '') + '</p>' +
-          '<div class="w-48 h-1 rounded-full bg-zinc-700 overflow-hidden mb-4">' +
-            '<div class="h-full bg-amber-500 rounded-full" style="width:' + heroPct + '%"></div>' +
-          '</div>' +
-          '<span class="inline-block text-sm font-semibold px-4 py-2 rounded-xl bg-amber-500 text-zinc-900 group-hover:bg-amber-400 transition-colors">Resume</span>' +
-        '</div>' +
-        '</a>';
-      heroSection.classList.remove('hidden');
-      htmx.process(heroSection);
-    }
-  }
-
-  /* ── continue reading (excluding hero) ──────────────────────────────────── */
-  if (continueGrid) continueGrid.innerHTML = '';
-  var inProgress = Object.keys(progress).sort(function(a,b) {
-    return (progressTs[b]||0) - (progressTs[a]||0);
-  });
-  var moved = 0;
-  inProgress.forEach(function(slug) {
-    if (slug === heroSlug) return; // hero already shown
-    var card = booksGrid ? booksGrid.querySelector('[data-slug="' + slug + '"]') : null;
-    if (!card) return;
-    var a = buildContinueCard(card, progress[slug]);
-    continueGrid.appendChild(a);
-    moved++;
-  });
-  if (moved > 0) continueSection.classList.remove('hidden');
-
-  /* ── recently added (top 4, excluding books already in continue reading) ── */
-  if (recentlyAddedGrid) recentlyAddedGrid.innerHTML = '';
-  var progressSlugs = new Set(Object.keys(progress));
-  var byAdded = allCards.slice().sort(function(a, b) {
-    return (parseInt(b.dataset.added,10)||0) - (parseInt(a.dataset.added,10)||0);
-  });
-  var addedShown = 0;
-  byAdded.forEach(function(card) {
-    if (addedShown >= 4) return;
-    if (progressSlugs.has(card.dataset.slug)) return; // already in continue reading
-    recentlyAddedGrid.appendChild(buildSimpleCard(card));
-    addedShown++;
-  });
-  if (addedShown > 0) recentlyAddedSec.classList.remove('hidden');
-
-  /* ── genre chips ──────────────────────────────────────────────────────── */
-  var allGenres = {};
-  allCards.forEach(function(card) {
-    (card.dataset.genres || '').split('|').forEach(function(g) {
-      g = g.trim();
-      if (g) allGenres[g] = (allGenres[g] || 0) + 1;
-    });
-  });
-  var sortedGenres = Object.keys(allGenres).sort(function(a,b) { return allGenres[b]-allGenres[a]; }).slice(0, 12);
-  var activeGenres = new Set();
-  if (sortedGenres.length > 1 && genreChipsEl) {
-    sortedGenres.forEach(function(g) {
-      var btn = document.createElement('button');
-      btn.className = 'genre-chip text-xs px-2.5 py-1 rounded-full border border-zinc-700 bg-zinc-800 text-zinc-400';
-      btn.textContent = g;
-      btn.addEventListener('click', function() {
-        if (activeGenres.has(g)) { activeGenres.delete(g); btn.classList.remove('active'); }
-        else { activeGenres.add(g); btn.classList.add('active'); }
-        applyFilters();
-      });
-      genreChipsEl.appendChild(btn);
-    });
-    genreChipsEl.classList.remove('hidden');
-  }
-
-  /* ── sort ─────────────────────────────────────────────────────────────── */
-  var currentSort = 'alpha';
-  document.querySelectorAll('.sort-btn').forEach(function(btn) {
-    btn.addEventListener('click', function() {
-      document.querySelectorAll('.sort-btn').forEach(function(b) { b.classList.remove('active'); });
-      btn.classList.add('active');
-      currentSort = btn.dataset.sort;
-      applySortAndFilter();
-    });
-  });
-
-  /* ── filter ───────────────────────────────────────────────────────────── */
-  var input   = document.getElementById('filter-input');
-  var countEl = document.getElementById('filter-count');
-  if (input) input.addEventListener('input', applyFilters);
-
-  function applyFilters() { applySortAndFilter(); }
-
-  function applySortAndFilter() {
-    var q = input ? input.value.trim().toLowerCase() : '';
-    // Sort cards
-    var sorted = allCards.slice().sort(function(a, b) {
-      if (currentSort === 'alpha')      return (a.dataset.title||'').localeCompare(b.dataset.title||'');
-      if (currentSort === 'downloaded') return (parseInt(b.dataset.downloaded,10)||0) - (parseInt(a.dataset.downloaded,10)||0);
-      if (currentSort === 'added')      return (parseInt(b.dataset.added,10)||0) - (parseInt(a.dataset.added,10)||0);
-      if (currentSort === 'recent') {
-        var ta = progressTs[a.dataset.slug] || 0;
-        var tb = progressTs[b.dataset.slug] || 0;
-        if (tb !== ta) return tb - ta;
-        return (a.dataset.title||'').localeCompare(b.dataset.title||'');
-      }
-      return 0;
-    });
-    // Re-append in sorted order, apply visibility
-    var shown = 0;
-    sorted.forEach(function(card) {
-      var matchText  = !q || card.dataset.filter.toLowerCase().indexOf(q) !== -1;
-      var matchGenre = activeGenres.size === 0 || (function() {
-        var cardGenres = (card.dataset.genres||'').split('|').map(function(g){return g.trim();});
-        return Array.from(activeGenres).every(function(g) { return cardGenres.indexOf(g) !== -1; });
-      })();
-      var match = matchText && matchGenre;
-      card.style.display = match ? '' : 'none';
-      if (match) shown++;
-      booksGrid.appendChild(card); // re-order in DOM
-    });
-    if ((q || activeGenres.size > 0) && countEl) {
-      countEl.textContent = shown + ' result' + (shown !== 1 ? 's' : '');
-      countEl.classList.remove('hidden');
-    } else if (countEl) {
-      countEl.classList.add('hidden');
-    }
-  }
-
-  /* ── helpers ──────────────────────────────────────────────────────────── */
-  function escHtml(s) {
-    return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
-  }
-
-  function buildSimpleCard(card) {
-    var a = document.createElement('a');
-    a.href = card.getAttribute('href');
-    a.setAttribute('hx-get',      card.getAttribute('hx-get'));
-    a.setAttribute('hx-target',   card.getAttribute('hx-target'));
-    a.setAttribute('hx-push-url', card.getAttribute('hx-push-url'));
-    a.setAttribute('hx-swap',     card.getAttribute('hx-swap'));
-    a.setAttribute('data-slug',   card.dataset.slug);
-    a.className = card.className;
-    a.innerHTML = card.innerHTML;
-    htmx.process(a);
-    return a;
-  }
-
-  function buildContinueCard(card, chapterNum) {
-    var a = buildSimpleCard(card);
-    if (chapterNum) {
-      var meta = a.querySelector('.min-w-0');
-      if (meta) {
-        var old = meta.querySelector('.chapter-progress-line');
-        if (old) old.parentNode.removeChild(old);
-        var chLine = document.createElement('p');
-        chLine.className = 'chapter-progress-line text-xs text-amber-400 mt-1';
-        chLine.textContent = 'Chapter ' + chapterNum;
-        var author = meta.querySelector('p');
-        if (author) author.insertAdjacentElement('afterend', chLine);
-        else {
-          var title = meta.querySelector('h2');
-          if (title) title.insertAdjacentElement('afterend', chLine);
-        }
-      }
-    }
-    // dismiss button
-    var dismissBtn = document.createElement('button');
-    dismissBtn.type = 'button';
-    dismissBtn.title = 'Remove from continue reading';
-    dismissBtn.className = 'dismiss-btn absolute top-2 right-2 z-10 flex items-center justify-center w-6 h-6 rounded-full bg-zinc-700 hover:bg-zinc-600 text-zinc-400 hover:text-zinc-100 transition-colors opacity-0 group-hover:opacity-100';
-    dismissBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>';
-    dismissBtn.addEventListener('click', function(e) {
-      e.preventDefault(); e.stopPropagation();
-      var cardEl   = this.closest('[data-slug]');
-      var cardSlug = cardEl ? cardEl.dataset.slug : null;
-      if (cardSlug) {
-        var p = {}; try { p = JSON.parse(localStorage.getItem('reading_progress') || '{}'); } catch(_) {}
-        delete p[cardSlug];
-        localStorage.setItem('reading_progress', JSON.stringify(p));
-        var ts = {}; try { ts = JSON.parse(localStorage.getItem('reading_progress_ts') || '{}'); } catch(_) {}
-        delete ts[cardSlug];
-        localStorage.setItem('reading_progress_ts', JSON.stringify(ts));
-      }
-      var target = cardEl || this.parentElement;
-      target.style.transition = 'transform 0.25s ease, opacity 0.25s ease';
-      target.style.transform  = 'translateX(-60px)';
-      target.style.opacity    = '0';
-      setTimeout(function() {
-        target.remove();
-        var remaining = continueGrid.querySelectorAll('[data-slug]');
-        if (remaining.length === 0) continueSection.classList.add('hidden');
-      }, 260);
-    });
-    a.style.position = 'relative';
-    a.appendChild(dismissBtn);
-    return a;
-  }
-
-}());
-</script>`
-
-// homeBookItem wraps BookMeta with the count of chapters already on disk
-// and the Unix timestamp of when the book was added (metadata.yaml mtime).
-type homeBookItem struct {
-	scraper.BookMeta
-	Downloaded int
-	AddedAt    int64
-}
-
-func (s *Server) handleHome(w http.ResponseWriter, r *http.Request) {
-	if r.URL.Path != "/" {
-		http.NotFound(w, r)
-		return
-	}
-
-	books, err := s.writer.ListBooks()
-	if err != nil {
-		http.Error(w, "failed to list books: "+err.Error(), http.StatusInternalServerError)
-		return
-	}
-
-	items := make([]homeBookItem, len(books))
-	for i, b := range books {
-		items[i] = homeBookItem{
-			BookMeta:   b,
-			Downloaded: s.writer.CountChapters(b.Slug),
-			AddedAt:    s.writer.MetadataMtime(b.Slug),
-		}
-	}
-
-	t := template.Must(template.New("home").Parse(homeTmpl))
-	var buf bytes.Buffer
-	_ = t.Execute(&buf, struct {
-		Books interface{}
-	}{
-		Books: items,
-	})
-
-	s.respond(w, r, "Home", buf.String())
-}
-
-// ─── GET /scrape — add a new book ─────────────────────────────────────────────
-
-const scrapeTmpl = `
-<div class="max-w-2xl mx-auto px-4 py-10">
-  <a href="/"
-     hx-get="/"
-     hx-target="#main-content"
-     hx-push-url="true"
-     hx-swap="innerHTML"
-     class="text-sm text-zinc-400 hover:text-amber-400 mb-6 inline-flex items-center gap-1">
-    ← All books
-  </a>
-
-  <h1 class="text-3xl font-bold text-zinc-100 mb-1">Add a book</h1>
-  <p class="text-zinc-400 text-sm mb-8">Search the rankings or paste a novelfire.net URL to scrape a new book.</p>
-
-  <form id="scrape-form"
-        hx-post="/ui/scrape/book"
-        hx-target="#scrape-status"
-        hx-swap="innerHTML">
-    <div class="relative mb-3" id="scrape-search-wrap">
-      <input type="text"
-             id="scrape-search"
-             autocomplete="off"
-             spellcheck="false"
-             placeholder="Search rankings or paste a URL…"
-             class="w-full rounded-lg bg-zinc-800 border border-zinc-700 px-3 py-2.5 text-sm text-zinc-100 placeholder-zinc-500 focus:outline-none focus:border-amber-500 transition-colors" />
-      <!-- hidden url field submitted to HTMX -->
-      <input type="url" name="url" id="scrape-url" required class="hidden" />
-      <!-- dropdown -->
-      <ul id="scrape-dropdown"
-          class="hidden absolute z-50 left-0 right-0 top-full mt-1 rounded-xl border border-zinc-700 bg-zinc-900 shadow-xl max-h-80 overflow-y-auto">
-      </ul>
-    </div>
-    <button type="submit"
-            class="px-4 py-2 rounded-lg text-amber-400 hover:text-amber-300 text-sm font-medium transition-colors">
-      Scrape
-    </button>
-  </form>
-  <div id="scrape-status" class="mt-4"></div>
-</div>
-
-<script>
-(function () {
-  var RANKING = {{.RankingJSON}};
-  if (!RANKING || !RANKING.length) return;
-
-  var searchInput = document.getElementById('scrape-search');
-  var urlInput    = document.getElementById('scrape-url');
-  var dropdown    = document.getElementById('scrape-dropdown');
-  var form        = document.getElementById('scrape-form');
-  if (!searchInput || !urlInput || !dropdown || !form) return;
-
-  var activeIdx = -1;
-
-  function syncURLField(val) {
-    val = val.trim();
-    if (/^https?:\/\//i.test(val)) {
-      urlInput.value = val;
-    } else {
-      urlInput.value = '';
-    }
-  }
-
-  function closeDrop() {
-    dropdown.classList.add('hidden');
-    dropdown.innerHTML = '';
-    activeIdx = -1;
-  }
-
-  function selectItem(item) {
-    var url = item.source_url || '';
-    searchInput.value = url;
-    urlInput.value    = url;
-    closeDrop();
-  }
-
-  function buildItem(item, q) {
-    var li = document.createElement('li');
-    li.className = 'flex items-center gap-3 px-3 py-2 cursor-pointer hover:bg-zinc-800 transition-colors';
-    li.dataset.url = item.source_url || '';
-
-    if (item.cover) {
-      var img = document.createElement('img');
-      img.src = item.cover;
-      img.alt = '';
-      img.className = 'w-10 h-14 object-cover rounded flex-shrink-0 bg-zinc-800';
-      li.appendChild(img);
-    } else {
-      var ph = document.createElement('div');
-      ph.className = 'w-10 h-14 rounded flex-shrink-0 bg-zinc-800';
-      li.appendChild(ph);
-    }
-
-    var txt = document.createElement('div');
-    txt.className = 'min-w-0 flex-1';
-
-    var title = document.createElement('p');
-    title.className = 'text-sm font-medium text-zinc-100 truncate';
-    title.textContent = item.title || '';
-    txt.appendChild(title);
-
-    if (item.author) {
-      var author = document.createElement('p');
-      author.className = 'text-xs text-zinc-400 truncate mt-0.5';
-      author.textContent = item.author;
-      txt.appendChild(author);
-    }
-
-    if (item.source_url) {
-      var urlHint = document.createElement('p');
-      urlHint.className = 'text-xs text-zinc-500 truncate mt-0.5';
-      urlHint.textContent = item.source_url;
-      txt.appendChild(urlHint);
-    }
-
-    var meta = document.createElement('div');
-    meta.className = 'flex gap-1.5 mt-1 flex-wrap';
-    if (item.status) {
-      var s = document.createElement('span');
-      s.className = 'text-xs px-1.5 py-0.5 rounded-full bg-zinc-700 text-zinc-300';
-      s.textContent = item.status;
-      meta.appendChild(s);
-    }
-    if (item.rank) {
-      var r = document.createElement('span');
-      r.className = 'text-xs px-1.5 py-0.5 rounded-full bg-amber-900 text-amber-300';
-      r.textContent = '#' + item.rank;
-      meta.appendChild(r);
-    }
-    txt.appendChild(meta);
-    li.appendChild(txt);
-
-    return li;
-  }
-
-  function setActive(idx, items) {
-    var lis = dropdown.querySelectorAll('li');
-    lis.forEach(function (li, i) {
-      if (i === idx) li.classList.add('bg-zinc-800');
-      else li.classList.remove('bg-zinc-800');
-    });
-    activeIdx = idx;
-    if (idx >= 0 && idx < items.length) {
-      var url = items[idx].source_url || '';
-      searchInput.value = url;
-      urlInput.value    = url;
-    }
-  }
-
-  function showDrop(items, q) {
-    dropdown.innerHTML = '';
-    activeIdx = -1;
-    if (!items.length) { closeDrop(); return; }
-    items.forEach(function (item, i) {
-      var li = buildItem(item, q);
-      li.addEventListener('mousedown', function (e) {
-        e.preventDefault();
-        selectItem(item);
-      });
-      dropdown.appendChild(li);
-    });
-    dropdown.classList.remove('hidden');
-  }
-
-  function filterRanking(q) {
-    return RANKING.filter(function (item) {
-      var genres = (item.genres || []).join(' ');
-      var haystack = ((item.title || '') + ' ' + (item.author || '') + ' ' + (item.status || '') + ' ' + genres).toLowerCase();
-      return haystack.indexOf(q) !== -1;
-    }).slice(0, 10);
-  }
-
-  searchInput.addEventListener('input', function () {
-    var q = searchInput.value.trim().toLowerCase();
-    syncURLField(searchInput.value);
-    if (!q) { closeDrop(); return; }
-    if (/^https?:\/\//i.test(q)) { closeDrop(); return; }
-    showDrop(filterRanking(q), q);
-  });
-
-  searchInput.addEventListener('keydown', function (e) {
-    var q = searchInput.value.trim().toLowerCase();
-    var items = /^https?:\/\//i.test(q) ? [] : filterRanking(q);
-
-    if (e.key === 'ArrowDown') {
-      e.preventDefault();
-      setActive(Math.min(activeIdx + 1, items.length - 1), items);
-    } else if (e.key === 'ArrowUp') {
-      e.preventDefault();
-      setActive(Math.max(activeIdx - 1, 0), items);
-    } else if (e.key === 'Enter' && activeIdx >= 0) {
-      e.preventDefault();
-      if (items[activeIdx]) selectItem(items[activeIdx]);
-    } else if (e.key === 'Escape') {
-      closeDrop();
-    }
-  });
-
-  form.addEventListener('htmx:configRequest', function (e) {
-    var val = searchInput.value.trim();
-    if (!urlInput.value && /^https?:\/\//i.test(val)) {
-      urlInput.value = val;
-    }
-  });
-
-  form.addEventListener('submit', function () {
-    var val = searchInput.value.trim();
-    if (!urlInput.value && /^https?:\/\//i.test(val)) {
-      urlInput.value = val;
-    }
-  });
-
-  document.addEventListener('mousedown', function (e) {
-    if (!document.getElementById('scrape-search-wrap').contains(e.target)) {
-      closeDrop();
-    }
-  });
-}());
-</script>`
-
-func (s *Server) handleScrape(w http.ResponseWriter, r *http.Request) {
-	rankingItems, _ := s.writer.ReadRankingItems()
-	rankingJSON, _ := json.Marshal(rankingItems)
-
-	t := template.Must(template.New("scrape").Parse(scrapeTmpl))
-	var buf bytes.Buffer
-	_ = t.Execute(&buf, struct {
-		RankingJSON template.JS
-	}{
-		RankingJSON: template.JS(rankingJSON),
-	})
-
-	s.respond(w, r, "Add a book", buf.String())
-}
-
-// ─── GET /ranking — ranking page ───────────────────────────────────────────────
-
-const rankingTmpl = `
-<style>
-  .facet-btn.active { background: rgba(245,158,11,0.12); color: #f59e0b; border-color: #92400e; }
-  .ranking-row { transition: background 0.12s, border-color 0.12s; }
-  .ranking-row:hover { background: rgba(255,255,255,0.03); }
-  .add-btn { transition: background 0.15s, color 0.15s; }
-  #ranking-filter-bar { position: sticky; top: 0; z-index: 20; background: #09090b; border-bottom: 1px solid #27272a; }
-</style>
-
-<div class="max-w-3xl mx-auto overflow-hidden">
-
-  <!-- Cover zoom overlay -->
-  <div id="cover-zoom-overlay"
-       class="fixed inset-0 z-50 hidden items-center justify-center bg-black/80 cursor-zoom-out"
-       onclick="this.classList.add('hidden');this.classList.remove('flex');document.getElementById('cover-zoom-img').src='';">
-    <img id="cover-zoom-img" src="" alt="cover zoomed" class="max-w-[90vw] max-h-[90vh] object-contain rounded-xl shadow-2xl">
-  </div>
-
-  <!-- Header (non-sticky) -->
-  <div class="px-4 pt-6 pb-4">
-    <a href="/" hx-get="/" hx-target="#main-content" hx-push-url="true" hx-swap="innerHTML"
-       class="text-xs text-zinc-500 hover:text-amber-400 mb-4 inline-flex items-center gap-1">
-      ← All books
-    </a>
-    <div class="flex items-end justify-between gap-3 mt-3 flex-wrap">
-      <div>
-        <h1 class="text-2xl font-bold text-zinc-100 leading-tight">Novel Rankings</h1>
-        <div class="flex items-center gap-2 mt-1 flex-wrap text-xs text-zinc-500">
-          {{if .TotalItems}}<span id="ranking-shown-count">{{.TotalItems}} novels</span>{{end}}
-          {{if .CachedAt}}<span>· cached {{.CachedAt}}</span>{{end}}
-          <span id="ranking-lib-count" class="text-teal-500 hidden"></span>
-        </div>
-      </div>
-      <form hx-post="/ranking/refresh" hx-target="#ranking-refresh-status" hx-swap="innerHTML">
-        <input type="hidden" name="pages" value="5">
-        <button type="submit"
-                class="inline-flex items-center gap-1.5 text-xs px-2.5 py-1.5 rounded-lg border border-zinc-700 bg-zinc-900 text-zinc-400 hover:border-amber-600 hover:text-amber-400 transition-colors">
-          <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
-            <path stroke-linecap="round" stroke-linejoin="round" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
-          </svg>
-          Refresh
-        </button>
-      </form>
-    </div>
-    <div id="ranking-refresh-status" class="mt-2"></div>
-  </div>
-
-  <!-- Sticky filter bar -->
-  <div id="ranking-filter-bar" class="px-4 py-3 space-y-2.5">
-    <!-- Search -->
-    <div class="relative">
-      <svg xmlns="http://www.w3.org/2000/svg" class="absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-zinc-500 pointer-events-none" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-        <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-4.35-4.35M17 11A6 6 0 105 11a6 6 0 0012 0z"/>
-      </svg>
-      <input id="ranking-filter" type="search" placeholder="Search title or author…"
-             autocomplete="off" spellcheck="false"
-             class="w-full rounded-lg bg-zinc-900 border border-zinc-700 pl-8 pr-3 py-2 text-sm text-zinc-100 placeholder-zinc-600 focus:outline-none focus:border-amber-500 transition-colors" />
-    </div>
-
-    <!-- Filter chips row -->
-    <div class="flex items-center gap-1.5 flex-wrap">
-      <span class="text-[0.65rem] text-zinc-600 uppercase tracking-wide mr-0.5">Filter:</span>
-      <button type="button" data-facet="local" data-value="1"
-              class="facet-btn text-xs px-2.5 py-0.5 rounded-full border border-zinc-700 bg-zinc-900 text-zinc-400 hover:text-zinc-200 transition-colors font-medium">
-        In library
-      </button>
-      {{range .AllStatuses}}
-      <button type="button" data-facet="status" data-value="{{.}}"
-              class="facet-btn text-xs px-2.5 py-0.5 rounded-full border border-zinc-700 bg-zinc-900 text-zinc-400 hover:text-zinc-200 transition-colors">
-        {{.}}
-      </button>
-      {{end}}
-      {{range .TopGenres}}
-      <button type="button" data-facet="genre" data-value="{{.}}"
-              class="facet-btn text-xs px-2.5 py-0.5 rounded-full border border-zinc-700 bg-zinc-900 text-zinc-400 hover:text-zinc-200 transition-colors">
-        {{.}}
-      </button>
-      {{end}}
-      <button type="button" id="ranking-clear-filters"
-              class="hidden text-xs px-2 py-0.5 rounded-full text-zinc-600 hover:text-zinc-300 transition-colors">
-        ✕ clear
-      </button>
-    </div>
-  </div>
-
-  <!-- List -->
-  <div id="ranking-grid" class="divide-y divide-zinc-800/60">
-    {{range .Books}}
-    {{if .Local}}
-    <a href="/books/{{.Slug}}"
-       hx-get="/books/{{.Slug}}"
-       hx-target="#main-content"
-       hx-push-url="true"
-       hx-swap="innerHTML"
-       data-filter="{{.Title}} {{.Author}} {{range .Genres}}{{.}} {{end}}"
-       data-status="{{.Status}}"
-       data-genres="{{range .Genres}}{{.}}|{{end}}"
-       data-local="1"
-       class="ranking-row group flex gap-3 px-4 py-3 min-w-0 overflow-hidden border-l-2 border-teal-600 bg-teal-950/20 hover:bg-teal-950/40 transition-colors">
-      <!-- Rank -->
-      <div class="w-8 flex-shrink-0 flex items-start justify-end pt-0.5">
-        {{if .Rank}}<span class="text-sm font-bold text-amber-400">#{{.Rank}}</span>{{end}}
-      </div>
-      <!-- Cover -->
-      <div class="flex-shrink-0">
-        {{if .Cover}}
-        <img src="{{.Cover}}" alt="cover" loading="lazy"
-             class="w-10 h-[3.75rem] object-cover rounded shadow cursor-zoom-in"
-             onclick="event.preventDefault();event.stopPropagation();(function(src){var o=document.getElementById('cover-zoom-overlay');document.getElementById('cover-zoom-img').src=src;o.classList.remove('hidden');o.classList.add('flex');})(this.src)">
-        {{else}}
-        <div class="w-10 h-[3.75rem] rounded bg-zinc-800 flex items-center justify-center text-zinc-600 text-[0.55rem]">N/A</div>
-        {{end}}
-      </div>
-      <!-- Info -->
-      <div class="min-w-0 flex-1 py-0.5">
-        <div class="flex items-start justify-between gap-2">
-          <h2 class="font-semibold text-sm text-zinc-100 group-hover:text-teal-300 leading-snug min-w-0 break-words">{{.Title}}</h2>
-          <span class="text-[0.6rem] px-1.5 py-0.5 rounded bg-teal-800 text-teal-300 font-medium flex-shrink-0 mt-0.5">In library</span>
-        </div>
-        {{if .Author}}<p class="text-xs text-zinc-500 mt-0.5 truncate">{{.Author}}</p>{{end}}
-        <div class="flex gap-1 flex-wrap items-center mt-1.5">
-          {{if .Status}}<span class="text-[0.6rem] px-1.5 py-0.5 rounded-full bg-teal-900/60 text-teal-400">{{.Status}}</span>{{end}}
-          {{range .Genres}}<span class="text-[0.6rem] px-1.5 py-0.5 rounded bg-zinc-800 text-zinc-500">{{.}}</span>{{end}}
-        </div>
-      </div>
-    </a>
-    {{else}}
-    <div data-filter="{{.Title}} {{.Author}} {{range .Genres}}{{.}} {{end}}"
-         data-status="{{.Status}}"
-         data-genres="{{range .Genres}}{{.}}|{{end}}"
-         data-local="0"
-         {{if .SourceURL}}data-scrape-url="{{.SourceURL}}"{{end}}
-         class="ranking-row ranking-card group flex gap-3 px-4 py-3 min-w-0 overflow-hidden">
-      <!-- Rank -->
-      <div class="w-8 flex-shrink-0 flex items-start justify-end pt-0.5">
-        {{if .Rank}}<span class="text-sm font-bold text-amber-400">#{{.Rank}}</span>{{end}}
-      </div>
-      <!-- Cover -->
-      <div class="flex-shrink-0">
-        {{if .Cover}}
-        <img src="{{.Cover}}" alt="cover" loading="lazy"
-             class="w-10 h-[3.75rem] object-cover rounded shadow cursor-zoom-in"
-             onclick="event.stopPropagation();(function(src){var o=document.getElementById('cover-zoom-overlay');document.getElementById('cover-zoom-img').src=src;o.classList.remove('hidden');o.classList.add('flex');})(this.src)">
-        {{else}}
-        <div class="w-10 h-[3.75rem] rounded bg-zinc-800 flex items-center justify-center text-zinc-600 text-[0.55rem]">N/A</div>
-        {{end}}
-      </div>
-      <!-- Info -->
-      <div class="min-w-0 flex-1 py-0.5">
-        <h2 class="font-semibold text-sm text-zinc-100 leading-snug min-w-0 break-words">{{.Title}}</h2>
-        {{if .Author}}<p class="text-xs text-zinc-500 mt-0.5 truncate">{{.Author}}</p>{{end}}
-        <div class="flex gap-1 flex-wrap items-center mt-1.5">
-          {{if .Status}}<span class="text-[0.6rem] px-1.5 py-0.5 rounded-full bg-zinc-800 text-zinc-400">{{.Status}}</span>{{end}}
-          {{range .Genres}}<span class="text-[0.6rem] px-1.5 py-0.5 rounded bg-zinc-800 text-zinc-500">{{.}}</span>{{end}}
-        </div>
-        {{if .SourceURL}}
-        <div class="flex items-center gap-2 mt-2">
-          <button class="add-btn text-[0.65rem] px-2.5 py-1 rounded-md bg-zinc-800 hover:bg-amber-600 text-zinc-400 hover:text-zinc-900 font-medium border border-zinc-700 hover:border-amber-600 transition-colors"
-                  data-action="add" data-url="{{.SourceURL}}">
-            + Add to library
-          </button>
-          <button onclick="event.stopPropagation();window.open('{{.SourceURL}}','_blank','noopener,noreferrer')"
-                  class="text-[0.6rem] text-zinc-600 hover:text-zinc-400 transition-colors underline underline-offset-2">
-            source ↗
-          </button>
-        </div>
-        {{end}}
-      </div>
-    </div>
-    {{end}}
-    {{else}}
-    <div class="px-4 py-16 text-center">
-      <p class="text-zinc-500 mb-4 text-sm">No ranking data cached yet.</p>
-      <form hx-post="/ranking/refresh" hx-target="#ranking-refresh-status" hx-swap="innerHTML">
-        <input type="hidden" name="pages" value="5">
-        <button type="submit" class="text-sm px-4 py-2 rounded-lg bg-amber-600 hover:bg-amber-500 text-zinc-900 font-semibold transition-colors">
-          Fetch rankings from novelfire.net
-        </button>
-      </form>
-    </div>
-    {{end}}
-  </div>
-
-  <!-- Load more -->
-  <div id="load-more-wrap" class="px-4 py-6 text-center hidden">
-    <button id="load-more-btn"
-            class="text-sm px-5 py-2 rounded-lg border border-zinc-700 bg-zinc-900 text-zinc-300 hover:border-amber-600 hover:text-amber-400 transition-colors">
-      Show more
-    </button>
-    <p id="load-more-label" class="text-xs text-zinc-600 mt-2"></p>
-  </div>
-</div>
-
-<script>
-(function () {
-  var ALL_ITEMS  = {{.AllItemsJSON}};
-  var PAGE_SIZE  = 40;
-
-  var input       = document.getElementById('ranking-filter');
-  var clearBtn    = document.getElementById('ranking-clear-filters');
-  var grid        = document.getElementById('ranking-grid');
-  var loadWrap    = document.getElementById('load-more-wrap');
-  var loadBtn     = document.getElementById('load-more-btn');
-  var loadLabel   = document.getElementById('load-more-label');
-  var libCount    = document.getElementById('ranking-lib-count');
-  var shownCount  = document.getElementById('ranking-shown-count');
-  if (!grid) return;
-
-  // Show library count
-  var inLib = ALL_ITEMS.filter(function(it){ return it.local; }).length;
-  if (inLib > 0 && libCount) {
-    libCount.textContent = '· ' + inLib + ' in library';
-    libCount.classList.remove('hidden');
-  }
-
-  var active = { status: new Set(), genre: new Set(), local: new Set() };
-  var visibleCount = 0;
-  var currentItems = [];
-
-  function esc(s) {
-    return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
-  }
-
-  function buildRow(it) {
-    var genres   = (it.genres || []).slice(0, 5);
-    var genreStr = genres.join('|') + (genres.length ? '|' : '');
-    var rankHtml = it.rank
-      ? '<div class="w-8 flex-shrink-0 flex items-start justify-end pt-0.5"><span class="text-sm font-bold text-amber-400">#' + it.rank + '</span></div>'
-      : '<div class="w-8 flex-shrink-0"></div>';
-    var coverHtml = it.cover
-      ? '<div class="flex-shrink-0"><img src="' + esc(it.cover) + '" alt="cover" loading="lazy" class="w-10 h-[3.75rem] object-cover rounded shadow cursor-zoom-in"' +
-        ' onclick="event.preventDefault();event.stopPropagation();(function(src){var o=document.getElementById(\'cover-zoom-overlay\');document.getElementById(\'cover-zoom-img\').src=src;o.classList.remove(\'hidden\');o.classList.add(\'flex\');})(this.src)"></div>'
-      : '<div class="flex-shrink-0"><div class="w-10 h-[3.75rem] rounded bg-zinc-800 flex items-center justify-center text-zinc-600 text-[0.55rem]">' + esc(it.rank ? '#'+it.rank : '?') + '</div></div>';
-    var statusBadge = it.status
-      ? '<span class="text-[0.6rem] px-1.5 py-0.5 rounded-full ' + (it.local ? 'bg-teal-900/60 text-teal-400' : 'bg-zinc-800 text-zinc-400') + '">' + esc(it.status) + '</span>'
-      : '';
-    var genreBadges = genres.map(function(g) {
-      return '<span class="text-[0.6rem] px-1.5 py-0.5 rounded bg-zinc-800 text-zinc-500">' + esc(g) + '</span>';
-    }).join('');
-
-    if (it.local) {
-      return '<a href="/books/' + esc(it.slug) + '"' +
-        ' hx-get="/books/' + esc(it.slug) + '" hx-target="#main-content" hx-push-url="true" hx-swap="innerHTML"' +
-        ' data-filter="' + esc(it.title + ' ' + (it.author||'') + ' ' + (it.genres||[]).join(' ')) + '"' +
-        ' data-status="' + esc(it.status||'') + '" data-genres="' + esc(genreStr) + '" data-local="1"' +
-        ' class="ranking-row group flex gap-3 px-4 py-3 min-w-0 overflow-hidden border-l-2 border-teal-600 bg-teal-950/20 hover:bg-teal-950/40 transition-colors">' +
-        rankHtml + coverHtml +
-        '<div class="min-w-0 flex-1 py-0.5">' +
-          '<div class="flex items-start justify-between gap-2">' +
-            '<h2 class="font-semibold text-sm text-zinc-100 group-hover:text-teal-300 leading-snug min-w-0 break-words">' + esc(it.title) + '</h2>' +
-            '<span class="text-[0.6rem] px-1.5 py-0.5 rounded bg-teal-800 text-teal-300 font-medium flex-shrink-0 mt-0.5">In library</span>' +
-          '</div>' +
-          (it.author ? '<p class="text-xs text-zinc-500 mt-0.5 truncate">' + esc(it.author) + '</p>' : '') +
-          '<div class="flex gap-1 flex-wrap items-center mt-1.5">' + statusBadge + genreBadges + '</div>' +
-        '</div></a>';
-    } else {
-      var addBtn = it.source_url
-        ? '<button class="add-btn text-[0.65rem] px-2.5 py-1 rounded-md bg-zinc-800 hover:bg-amber-600 text-zinc-400 hover:text-zinc-900 font-medium border border-zinc-700 hover:border-amber-600 transition-colors" data-action="add" data-url="' + esc(it.source_url) + '">+ Add to library</button>'
-        : '';
-      var srcBtn = it.source_url
-        ? '<button onclick="event.stopPropagation();window.open(\'' + it.source_url.replace(/'/g,"\\'") + '\',\'_blank\',\'noopener,noreferrer\')" class="text-[0.6rem] text-zinc-600 hover:text-zinc-400 transition-colors underline underline-offset-2">source ↗</button>'
-        : '';
-      var actionRow = (addBtn || srcBtn)
-        ? '<div class="flex items-center gap-2 mt-2">' + addBtn + srcBtn + '</div>'
-        : '';
-      return '<div data-filter="' + esc(it.title + ' ' + (it.author||'') + ' ' + (it.genres||[]).join(' ')) + '"' +
-        ' data-status="' + esc(it.status||'') + '" data-genres="' + esc(genreStr) + '" data-local="0"' +
-        (it.source_url ? ' data-scrape-url="' + esc(it.source_url) + '"' : '') +
-        ' class="ranking-row ranking-card group flex gap-3 px-4 py-3 min-w-0 overflow-hidden">' +
-        rankHtml + coverHtml +
-        '<div class="min-w-0 flex-1 py-0.5">' +
-          '<h2 class="font-semibold text-sm text-zinc-100 leading-snug min-w-0 break-words">' + esc(it.title) + '</h2>' +
-          (it.author ? '<p class="text-xs text-zinc-500 mt-0.5 truncate">' + esc(it.author) + '</p>' : '') +
-          '<div class="flex gap-1 flex-wrap items-center mt-1.5">' + statusBadge + genreBadges + '</div>' +
-          actionRow +
-        '</div></div>';
-    }
-  }
-
-  function isFiltering() {
-    return (input && input.value.trim() !== '') ||
-           active.status.size > 0 || active.genre.size > 0 || active.local.size > 0;
-  }
-
-  function updateShownCount(n, total) {
-    if (!shownCount) return;
-    if (isFiltering()) {
-      shownCount.textContent = n + ' of ' + total + ' matched';
-    } else {
-      shownCount.textContent = total + ' novels';
-    }
-  }
-
-  function applyFilters() {
-    var q = input ? input.value.trim().toLowerCase() : '';
-    currentItems = ALL_ITEMS.filter(function(it) {
-      var txt = ((it.title||'') + ' ' + (it.author||'')).toLowerCase();
-      if (q && txt.indexOf(q) === -1) return false;
-      if (active.status.size > 0) {
-        var hit = false;
-        active.status.forEach(function(v){ if ((it.status||'').toLowerCase() === v.toLowerCase()) hit = true; });
-        if (!hit) return false;
-      }
-      if (active.genre.size > 0) {
-        var gs = (it.genres||[]).map(function(g){ return g.toLowerCase(); });
-        var ok = true;
-        active.genre.forEach(function(v){ if (gs.indexOf(v.toLowerCase()) === -1) ok = false; });
-        if (!ok) return false;
-      }
-      if (active.local.size > 0 && !it.local) return false;
-      return true;
-    });
-
-    visibleCount = 0;
-    grid.innerHTML = '';
-    renderMore();
-
-    if (clearBtn) {
-      if (isFiltering()) clearBtn.classList.remove('hidden');
-      else clearBtn.classList.add('hidden');
-    }
-  }
-
-  function renderMore() {
-    var batch = currentItems.slice(visibleCount, visibleCount + PAGE_SIZE);
-    var frag  = document.createDocumentFragment();
-    batch.forEach(function(it) {
-      var tmp = document.createElement('div');
-      tmp.innerHTML = buildRow(it);
-      var el = tmp.firstElementChild;
-      frag.appendChild(el);
-    });
-    grid.appendChild(frag);
-    htmx.process(grid);
-    visibleCount += batch.length;
-    var remaining = currentItems.length - visibleCount;
-    updateShownCount(visibleCount, currentItems.length);
-    if (remaining > 0) {
-      loadWrap.classList.remove('hidden');
-      loadLabel.textContent = visibleCount + ' of ' + currentItems.length + ' shown · ' + remaining + ' more';
-    } else {
-      loadWrap.classList.add('hidden');
-    }
-  }
-
-  if (loadBtn) loadBtn.addEventListener('click', renderMore);
-
-  // Initial render from ALL_ITEMS
-  currentItems = ALL_ITEMS;
-  grid.innerHTML = '';
-  renderMore();
-
-  // Facet chips
-  document.querySelectorAll('.facet-btn').forEach(function(btn) {
-    btn.addEventListener('click', function() {
-      var facet = btn.dataset.facet;
-      var val   = btn.dataset.value;
-      if (!active[facet]) return;
-      if (active[facet].has(val)) {
-        active[facet].delete(val);
-        btn.classList.remove('active');
-      } else {
-        active[facet].add(val);
-        btn.classList.add('active');
-      }
-      applyFilters();
-    });
-  });
-
-  if (input) input.addEventListener('input', applyFilters);
-
-  if (clearBtn) {
-    clearBtn.addEventListener('click', function() {
-      if (input) input.value = '';
-      ['status','genre','local'].forEach(function(f){ active[f].clear(); });
-      document.querySelectorAll('.facet-btn').forEach(function(b){ b.classList.remove('active'); });
-      applyFilters();
-    });
-  }
-
-  /* ── Add to library ─────────────────────────────────────────────────────── */
-  function submitScrape(url, cardEl) {
-    var badge = document.createElement('div');
-    badge.className = 'flex items-center text-sm px-4 py-3 text-amber-300 bg-amber-950/60 border-l-2 border-amber-600';
-    badge.innerHTML = '<span class="inline-block w-2 h-2 rounded-full bg-amber-400 animate-pulse mr-2"></span>Adding to library…';
-    badge.setAttribute('hx-get', '/ui/scrape/status');
-    badge.setAttribute('hx-trigger', 'every 3s');
-    badge.setAttribute('hx-target', 'this');
-    badge.setAttribute('hx-swap', 'outerHTML');
-    if (cardEl) {
-      cardEl.replaceWith(badge);
-    } else {
-      grid.prepend(badge);
-    }
-    htmx.process(badge);
-    var body = new URLSearchParams();
-    body.set('url', url);
-    fetch('/ui/scrape/book', { method: 'POST', body: body });
-  }
-
-  grid.addEventListener('click', function(e) {
-    var btn = e.target.closest('[data-action="add"]');
-    if (!btn) return;
-    e.stopPropagation();
-    var url = btn.dataset.url;
-    if (!url) return;
-    var card = btn.closest('.ranking-card');
-    if (btn.dataset.confirm === '1') {
-      submitScrape(url, card);
-    } else {
-      btn.dataset.confirm = '1';
-      btn.textContent = 'Confirm?';
-      btn.classList.add('bg-amber-600','text-zinc-900','border-amber-600');
-      btn.classList.remove('bg-zinc-800','text-zinc-400','border-zinc-700');
-      setTimeout(function() {
-        if (btn.dataset.confirm === '1') {
-          btn.dataset.confirm = '';
-          btn.textContent = '+ Add to library';
-          btn.classList.remove('bg-amber-600','text-zinc-900','border-amber-600');
-          btn.classList.add('bg-zinc-800','text-zinc-400','border-zinc-700');
-        }
-      }, 3000);
-    }
-  });
-
-}());
-</script>`
-
-// rankingViewItem enriches a RankingItem with whether it is present in the
-// local book library, so the template can highlight it differently.
-type rankingViewItem struct {
-	writer.RankingItem
-	Local bool
-}
-
-// toRankingViewItems annotates items with Local=true for slugs found in localSlugs.
-func toRankingViewItems(items []writer.RankingItem, localSlugs map[string]bool) []rankingViewItem {
-	out := make([]rankingViewItem, len(items))
-	for i, it := range items {
-		out[i] = rankingViewItem{
-			RankingItem: it,
-			Local:       localSlugs[it.Slug],
-		}
-	}
-	return out
-}
-
-// pageNum is one entry in the ranking pagination bar.
-// Num == 0 is a sentinel that renders as an ellipsis gap.
-type pageNum struct {
-	Num int
-}
-
-// rankingPageNums builds a pagination list with smart ellipsis.
-// It always shows: first 2, last 2, and a ±2 window around current.
-// Gaps between non-consecutive runs are filled with a sentinel (Num==0) for "…".
-// Pass current=0 when there is no concept of a current page (e.g. fetch bar).
-func rankingPageNums(total, current int) []pageNum {
-	if total <= 0 {
-		return nil
-	}
-	show := make(map[int]bool)
-	// First 2 and last 2.
-	for i := 1; i <= 2 && i <= total; i++ {
-		show[i] = true
-	}
-	for i := total - 1; i <= total; i++ {
-		if i >= 1 {
-			show[i] = true
-		}
-	}
-	// ±2 window around current page.
-	if current > 0 {
-		for i := current - 2; i <= current+2; i++ {
-			if i >= 1 && i <= total {
-				show[i] = true
-			}
-		}
-	}
-
-	// Collect and sort.
-	pages := make([]int, 0, len(show))
-	for p := range show {
-		pages = append(pages, p)
-	}
-	for i := 0; i < len(pages); i++ {
-		for j := i + 1; j < len(pages); j++ {
-			if pages[j] < pages[i] {
-				pages[i], pages[j] = pages[j], pages[i]
-			}
-		}
-	}
-
-	// Build output with ellipsis sentinels between non-consecutive pages.
-	out := make([]pageNum, 0, len(pages)*2)
-	for i, p := range pages {
-		if i > 0 && p > pages[i-1]+1 {
-			out = append(out, pageNum{0})
-		}
-		out = append(out, pageNum{p})
-	}
-	return out
-}
-
-const rankingPageSize = 20
-
-// handleRanking serves the ranking page from the cached ranking.json file.
-// It does NOT trigger a live scrape; use POST /ranking/refresh for that.
-// Supports ?page=N for browsing through cached items (20 per page).
-func (s *Server) handleRanking(w http.ResponseWriter, r *http.Request) {
-	rankingItems, err := s.writer.ReadRankingItems()
-	if err != nil {
-		s.log.Error("failed to read cached ranking", "err", err)
-	}
-
-	cachedAt := ""
-	if info, statErr := s.writer.RankingFileInfo(); statErr == nil {
-		cachedAt = info.ModTime().Format("Jan 2, 2006 at 15:04")
-	}
-
-	// Parse requested display page (1-indexed).
-	currentPage := 1
-	if p := r.URL.Query().Get("page"); p != "" {
-		if n, err2 := strconv.Atoi(p); err2 == nil && n > 0 {
-			currentPage = n
-		}
-	}
-
-	totalItems := len(rankingItems)
-	totalPages := 1
-	if totalItems > 0 {
-		totalPages = (totalItems + rankingPageSize - 1) / rankingPageSize
-	}
-	if currentPage > totalPages {
-		currentPage = totalPages
-	}
-
-	// Slice items for the current display page.
-	start := (currentPage - 1) * rankingPageSize
-	end := start + rankingPageSize
-	if end > totalItems {
-		end = totalItems
-	}
-	pageItems := rankingItems
-	if totalItems > 0 {
-		pageItems = rankingItems[start:end]
-	}
-
-	t := template.Must(template.New("ranking").Parse(rankingTmpl))
-	var buf bytes.Buffer
-
-	// Collect distinct genres and statuses across ALL items for facet filters.
-	genreFreq := map[string]int{}
-	statusSet := map[string]bool{}
-	for _, it := range rankingItems {
-		if it.Status != "" {
-			statusSet[it.Status] = true
-		}
-		for _, g := range it.Genres {
-			genreFreq[g]++
-		}
-	}
-	allStatuses := sortedKeys(statusSet)
-
-	// Build top-10 genres sorted by frequency descending.
-	type genreCount struct {
-		name  string
-		count int
-	}
-	gcSlice := make([]genreCount, 0, len(genreFreq))
-	for g, c := range genreFreq {
-		gcSlice = append(gcSlice, genreCount{g, c})
-	}
-	sort.Slice(gcSlice, func(i, j int) bool {
-		if gcSlice[i].count != gcSlice[j].count {
-			return gcSlice[i].count > gcSlice[j].count
-		}
-		return gcSlice[i].name < gcSlice[j].name
-	})
-	topN := 10
-	if len(gcSlice) < topN {
-		topN = len(gcSlice)
-	}
-	topGenres := make([]string, topN)
-	for i := 0; i < topN; i++ {
-		topGenres[i] = gcSlice[i].name
-	}
-
-	// Encode full dataset + local slugs for client-side cross-page filtering.
-	localSlugs := s.writer.LocalSlugs()
-	type rankingJSONItem struct {
-		Rank      int      `json:"rank"`
-		Slug      string   `json:"slug"`
-		Title     string   `json:"title"`
-		Author    string   `json:"author,omitempty"`
-		Cover     string   `json:"cover,omitempty"`
-		Status    string   `json:"status,omitempty"`
-		Genres    []string `json:"genres,omitempty"`
-		SourceURL string   `json:"source_url,omitempty"`
-		Local     bool     `json:"local"`
-	}
-	allItemsForJS := make([]rankingJSONItem, len(rankingItems))
-	for i, it := range rankingItems {
-		allItemsForJS[i] = rankingJSONItem{
-			Rank:      it.Rank,
-			Slug:      it.Slug,
-			Title:     it.Title,
-			Author:    it.Author,
-			Cover:     it.Cover,
-			Status:    it.Status,
-			Genres:    it.Genres,
-			SourceURL: it.SourceURL,
-			Local:     localSlugs[it.Slug],
-		}
-	}
-	allItemsJSON, _ := json.Marshal(allItemsForJS)
-
-	_ = t.Execute(&buf, struct {
-		Books        interface{}
-		CachedAt     string
-		FetchNums    []pageNum
-		DisplayNums  []pageNum
-		CurrentPage  int
-		TotalPages   int
-		TotalItems   int
-		TopGenres    []string
-		AllStatuses  []string
-		AllItemsJSON template.JS
-	}{
-		Books:        toRankingViewItems(pageItems, localSlugs),
-		CachedAt:     cachedAt,
-		FetchNums:    rankingPageNums(100, 0),
-		DisplayNums:  rankingPageNums(totalPages, currentPage),
-		CurrentPage:  currentPage,
-		TotalPages:   totalPages,
-		TotalItems:   totalItems,
-		TopGenres:    topGenres,
-		AllStatuses:  allStatuses,
-		AllItemsJSON: template.JS(allItemsJSON),
-	})
-	s.respond(w, r, "Rankings", buf.String())
-}
-
-// handleRankingRefresh starts an async scrape of novelfire.net/ranking and
-// immediately returns a polling badge. The browser polls /ui/ranking/status
-// until the job finishes, then follows an HX-Redirect back to /ranking.
-//
-// Accepts an optional form field "pages" (integer ≥ 1). 0 or absent means
-// fetch all pages; otherwise at most that many pages are scraped.
-func (s *Server) handleRankingRefresh(w http.ResponseWriter, r *http.Request) {
-	_ = r.ParseForm()
-	maxPages := 0
-	if p := strings.TrimSpace(r.FormValue("pages")); p != "" {
-		if n, err := strconv.Atoi(p); err == nil && n > 0 {
-			maxPages = n
-		}
-	}
-
-	s.mu.Lock()
-	if s.rankingRunning {
-		s.mu.Unlock()
-		renderFragment(w, rankingStatusHTML("running", "Ranking refresh already in progress…"))
-		return
-	}
-	s.rankingRunning = true
-	s.mu.Unlock()
-
-	go func() {
-		defer func() {
-			s.mu.Lock()
-			s.rankingRunning = false
-			s.mu.Unlock()
-		}()
-
-		// Allow ~90 s per page; minimum 120 s for a single page.
-		timeout := 120 * time.Second
-		if maxPages > 1 {
-			timeout = time.Duration(maxPages) * 90 * time.Second
-		}
-		ctx, cancel := context.WithTimeout(context.Background(), timeout)
-		defer cancel()
-
-		rankingCh, errCh := s.novel.ScrapeRanking(ctx, maxPages)
-
-		var rankingItems []writer.RankingItem
-		for rankingCh != nil || errCh != nil {
-			select {
-			case meta, ok := <-rankingCh:
-				if !ok {
-					rankingCh = nil
-				} else {
-					rankingItems = append(rankingItems, writer.RankingItem{
-						Rank:      meta.Ranking,
-						Slug:      meta.Slug,
-						Title:     meta.Title,
-						Author:    meta.Author,
-						Cover:     meta.Cover,
-						Status:    meta.Status,
-						Genres:    meta.Genres,
-						SourceURL: meta.SourceURL,
-					})
-				}
-			case err, ok := <-errCh:
-				if !ok {
-					errCh = nil
-				} else if err != nil {
-					s.log.Error("ranking scrape error", "err", err)
-				}
-			}
-		}
-
-		if len(rankingItems) > 0 {
-			if err := s.writer.WriteRanking(rankingItems); err != nil {
-				s.log.Error("failed to save ranking", "err", err)
-			}
-		}
-	}()
-
-	renderFragment(w, rankingStatusHTML("running", "Fetching rankings…"))
-}
-
-// handleRankingStatus is the HTMX polling endpoint for ranking refresh jobs.
-// While running it returns a self-replacing badge; when done it issues an
-// HX-Redirect so the browser navigates to /ranking.
-func (s *Server) handleRankingStatus(w http.ResponseWriter, r *http.Request) {
-	s.mu.Lock()
-	running := s.rankingRunning
-	s.mu.Unlock()
-
-	if running {
-		renderFragment(w, rankingStatusHTML("running", "Fetching rankings…"))
-		return
-	}
-	// Job done — redirect the HTMX request to the ranking page.
-	w.Header().Set("HX-Redirect", "/ranking")
-	w.WriteHeader(http.StatusOK)
-}
-
-// rankingStatusHTML returns a self-replacing polling badge for the ranking
-// refresh job. state is "running" or "done".
-func rankingStatusHTML(state, msg string) string {
-	var colour, dot, poll string
-	switch state {
-	case "running":
-		colour = "text-amber-300 bg-amber-950 border-amber-800"
-		dot = `<span class="inline-block w-2 h-2 rounded-full bg-amber-400 animate-pulse mr-2"></span>`
-		poll = `hx-get="/ui/ranking/status" hx-trigger="every 3s" hx-target="this" hx-swap="outerHTML"`
-	default:
-		colour = "text-green-300 bg-green-950 border-green-800"
-		dot = `<span class="inline-block w-2 h-2 rounded-full bg-green-400 mr-2"></span>`
-	}
-	return fmt.Sprintf(
-		`<div class="flex items-center text-sm px-3 py-2 rounded-lg border %s" %s>%s%s</div>`,
-		colour, poll, dot, template.HTMLEscapeString(msg),
-	)
-}
-
-// ─── GET /ranking/view — view ranking markdown ─────────────────────────────────
-
-const rankingViewTmpl = `
-<div class="max-w-4xl mx-auto px-4 py-10">
-  <a href="/ranking"
-     hx-get="/ranking"
-     hx-target="#main-content"
-     hx-push-url="true"
-     hx-swap="innerHTML"
-     class="text-sm text-zinc-400 hover:text-amber-400 mb-6 inline-flex items-center gap-1">
-    ← Back to Rankings
-  </a>
-
-  <h1 class="text-3xl font-bold text-zinc-100 mb-6">Ranking Data</h1>
-
-  <pre class="text-xs text-zinc-300 bg-zinc-900 border border-zinc-700 rounded-xl p-4 overflow-x-auto whitespace-pre-wrap break-words">{{.JSON}}</pre>
-</div>`
-
-func (s *Server) handleRankingView(w http.ResponseWriter, r *http.Request) {
-	items, err := s.writer.ReadRankingItems()
-	if err != nil {
-		http.Error(w, "failed to read ranking: "+err.Error(), http.StatusInternalServerError)
-		return
-	}
-	if len(items) == 0 {
-		http.NotFound(w, r)
-		return
-	}
-
-	pretty, err := json.MarshalIndent(items, "", "  ")
-	if err != nil {
-		http.Error(w, "json marshal error: "+err.Error(), http.StatusInternalServerError)
-		return
-	}
-
-	t := template.Must(template.New("rankingView").Parse(rankingViewTmpl))
-	var buf bytes.Buffer
-	_ = t.Execute(&buf, struct{ JSON string }{JSON: string(pretty)})
-
-	s.respond(w, r, "Ranking Data", buf.String())
-}
-
-// ─── GET /books/{slug} — chapter list ────────────────────────────────────────
-
-const chapterPageSize = 50
-
-const bookTmpl = `
-<div class="max-w-2xl mx-auto px-4 py-10">
-  <a href="/"
-     hx-get="/"
-     hx-target="#main-content"
-     hx-push-url="true"
-     hx-swap="innerHTML"
-     class="text-sm text-zinc-400 hover:text-amber-400 mb-6 inline-flex items-center gap-1">
-    ← All books
-  </a>
-
-  <!-- Cover zoom overlay -->
-  <div id="cover-zoom-overlay"
-       class="fixed inset-0 z-50 hidden items-center justify-center bg-black/80 cursor-zoom-out"
-       onclick="document.getElementById('cover-zoom-overlay').classList.add('hidden');document.getElementById('cover-zoom-overlay').classList.remove('flex');">
-    <img id="cover-zoom-img" src="" alt="cover zoomed" class="max-w-[90vw] max-h-[90vh] object-contain rounded-xl shadow-2xl">
-  </div>
-
-  <!-- Summary zoom overlay -->
-  <div id="summary-zoom-overlay"
-       class="fixed inset-0 z-50 hidden items-start justify-center bg-black/80 cursor-zoom-out p-4 pt-8 overflow-y-auto"
-       onclick="document.getElementById('summary-zoom-overlay').classList.add('hidden');document.getElementById('summary-zoom-overlay').classList.remove('flex');">
-    <div class="max-w-xl w-full bg-zinc-900 border border-zinc-700 rounded-2xl p-6 shadow-2xl cursor-default" onclick="event.stopPropagation()">
-      <h2 class="text-sm font-semibold text-zinc-500 uppercase tracking-wider mb-4">Summary</h2>
-      <div id="summary-zoom-text" class="text-zinc-200 text-base leading-relaxed space-y-3"></div>
-      <button onclick="document.getElementById('summary-zoom-overlay').classList.add('hidden');document.getElementById('summary-zoom-overlay').classList.remove('flex');"
-              class="mt-5 text-xs text-zinc-500 hover:text-zinc-300 transition-colors">Close</button>
-    </div>
-  </div>
-
-  <div class="flex gap-5 mb-8 mt-4">
-    {{if .Meta.Cover}}
-    <img src="{{.Meta.Cover}}" alt="cover"
-         id="cover-thumb"
-         class="w-24 h-36 object-cover rounded-lg flex-shrink-0 shadow-lg cursor-zoom-in"
-         onclick="(function(src){var o=document.getElementById('cover-zoom-overlay');document.getElementById('cover-zoom-img').src=src;o.classList.remove('hidden');o.classList.add('flex');})(this.src)">
-    {{end}}
-    <div class="flex-1 min-w-0">
-      <div class="flex items-center gap-3 flex-wrap">
-        <h1 class="text-2xl font-bold text-zinc-100">{{.Meta.Title}}</h1>
-        {{if .Meta.SourceURL}}
-        <a href="{{.Meta.SourceURL}}" target="_blank" rel="noopener noreferrer"
-           title="View on novelfire.net"
-           class="inline-flex items-center gap-1 text-xs px-2 py-1 rounded text-zinc-400 hover:text-zinc-200 transition-colors">
-          <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-            <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
-          </svg>
-          Source
-        </a>
-        <form hx-post="/ui/scrape/book" hx-swap="outerHTML" hx-target="closest div">
-          <input type="hidden" name="url" value="{{.Meta.SourceURL}}">
-          <button type="submit"
-            class="text-xs px-2 py-1 rounded text-amber-400 hover:text-amber-300 transition-colors border-0 bg-transparent cursor-pointer"
-            title="Re-scrape from source">
-            Refresh
-          </button>
-        </form>
-        {{end}}
-      </div>
-      {{if .Meta.Author}}<p class="text-zinc-400 mt-1">{{.Meta.Author}}</p>{{end}}
-      <div class="flex gap-2 mt-2 flex-wrap">
-        {{if .Meta.Status}}<span class="text-xs px-2 py-0.5 rounded-full bg-zinc-800 text-zinc-300">{{.Meta.Status}}</span>{{end}}
-        {{if .Meta.TotalChapters}}<span class="text-xs px-2 py-0.5 rounded-full bg-zinc-800 text-zinc-300">{{.Meta.TotalChapters}} ch total</span>{{end}}
-        <span class="text-xs px-2 py-0.5 rounded-full bg-amber-900 text-amber-300">{{.TotalDownloaded}} downloaded</span>
-      </div>
-       {{if .Meta.Summary}}
-       <p class="text-zinc-400 text-sm mt-3 line-clamp-3 cursor-zoom-in hover:text-zinc-300 transition-colors"
-          onclick="openSummary(this)"
-          data-full="{{.Meta.Summary}}">{{.Meta.Summary}}</p>
-       {{end}}
-    </div>
-  </div>
-
-  <!-- Resume reading button — populated by JS from localStorage -->
-  <div id="resume-bar" class="mb-4 hidden">
-    <a id="resume-link"
-       hx-target="#main-content"
-       hx-push-url="true"
-       hx-swap="innerHTML"
-       class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-amber-400 hover:text-amber-300 text-sm font-medium transition-colors cursor-pointer">
-      ▶ Resume — Chapter <span id="resume-chapter-num"></span>
-    </a>
-  </div>
-
-  <!-- Latest chapter button — shown by JS when book has not been started -->
-  {{if .LastChapter}}
-  <div id="latest-bar" class="mb-4 hidden">
-    <a href="/books/{{.Slug}}/chapters/{{.LastChapter}}"
-       hx-get="/books/{{.Slug}}/chapters/{{.LastChapter}}"
-       hx-target="#main-content"
-       hx-push-url="true"
-       hx-swap="innerHTML"
-       class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-zinc-300 hover:text-amber-300 text-sm font-medium transition-colors cursor-pointer border border-zinc-700 hover:border-amber-500">
-      ↓ Latest — Chapter {{.LastChapter}}
-    </a>
-  </div>
-  {{end}}
-
-  <h2 class="text-lg font-semibold text-zinc-200 mb-3">Chapters</h2>
-  <ul id="chapter-list" class="space-y-1">
-    {{range .Chapters}}
-    <li>
-      <a href="/books/{{$.Slug}}/chapters/{{.Number}}"
-         hx-get="/books/{{$.Slug}}/chapters/{{.Number}}"
-         hx-target="#main-content"
-         hx-push-url="true"
-         hx-swap="innerHTML"
-         class="chapter-row flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-zinc-800 transition-colors group cursor-pointer"
-         data-chapter="{{.Number}}">
-        <span class="text-xs text-zinc-500 w-10 text-right flex-shrink-0">{{.Number}}</span>
-        <div class="min-w-0 flex-1">
-          <span class="text-zinc-300 group-hover:text-amber-400 truncate block">{{.Title}}</span>
-          {{if .Date}}<span class="text-xs text-zinc-500 block mt-0.5">{{.Date}}</span>{{end}}
-        </div>
-        <span class="progress-dot hidden text-amber-400 text-xs flex-shrink-0 w-2 h-2 rounded-full bg-amber-400"></span>
-      </a>
-    </li>
-    {{else}}
-    <li class="text-zinc-500 px-3 py-2">No chapters downloaded yet.</li>
-    {{end}}
-  </ul>
-
-  {{if gt .TotalPages 1}}
-  <div id="chapter-pagination" class="mt-6 flex justify-center gap-1 flex-wrap">
-    {{if gt .CurrentPage 1}}
-    <a hx-get="/books/{{.Slug}}/chapters-page?page={{prev .CurrentPage}}"
-       hx-target="#chapter-list"
-       hx-swap="innerHTML"
-       hx-push-url="/books/{{.Slug}}?page={{prev .CurrentPage}}"
-       hx-on::after-request="applyProgress('{{.Slug}}')"
-       class="px-3 py-1.5 rounded-lg text-zinc-400 hover:text-zinc-200 text-sm transition-colors cursor-pointer">«</a>
-    {{end}}
-    {{range pages .TotalPages}}
-    {{if eq . $.CurrentPage}}
-    <span class="px-3 py-1.5 rounded-lg text-amber-400 text-sm font-semibold">{{.}}</span>
-    {{else}}
-    <a hx-get="/books/{{$.Slug}}/chapters-page?page={{.}}"
-       hx-target="#chapter-list"
-       hx-swap="innerHTML"
-       hx-push-url="/books/{{$.Slug}}?page={{.}}"
-       hx-on::after-request="applyProgress('{{$.Slug}}')"
-       class="px-3 py-1.5 rounded-lg text-zinc-400 hover:text-zinc-200 text-sm transition-colors cursor-pointer">{{.}}</a>
-    {{end}}
-    {{end}}
-    {{if lt .CurrentPage .TotalPages}}
-    <a hx-get="/books/{{.Slug}}/chapters-page?page={{next .CurrentPage}}"
-       hx-target="#chapter-list"
-       hx-swap="innerHTML"
-       hx-push-url="/books/{{.Slug}}?page={{next .CurrentPage}}"
-       hx-on::after-request="applyProgress('{{.Slug}}')"
-       class="px-3 py-1.5 rounded-lg text-zinc-400 hover:text-zinc-200 text-sm transition-colors cursor-pointer">»</a>
-    {{end}}
-  </div>
-  {{end}}
-</div>
-
-<script>
-  window.openSummary = function(el) {
-    var t = el.dataset.full || '';
-    var o = document.getElementById('summary-zoom-overlay');
-    var c = document.getElementById('summary-zoom-text');
-    c.innerHTML = '';
-    var paras = t.split(/\n+/).filter(function(s) { return s.trim().length > 0; });
-    if (paras.length <= 1) {
-      paras = t.split(/(?<=[.!?][\u201d\u2019"']?)\s{2,}/).filter(function(s) { return s.trim().length > 0; });
-    }
-    if (paras.length <= 1) { paras = [t]; }
-    paras.forEach(function(p) {
-      var el = document.createElement('p');
-      el.textContent = p.trim();
-      c.appendChild(el);
-    });
-    o.classList.remove('hidden');
-    o.classList.add('flex');
-  };
-
-(function () {
-  var SLUG = '{{.Slug}}';
-  var LS_KEY = 'reading_progress';
-
-  function getProgress() {
-    try { return JSON.parse(localStorage.getItem(LS_KEY) || '{}'); } catch(_) { return {}; }
-  }
-
-  window.applyProgress = function(slug) {
-    var progress = getProgress();
-    var saved = progress[slug];
-
-    // Show/hide latest bar (only when no progress recorded for this book).
-    var latestBar = document.getElementById('latest-bar');
-    if (latestBar) {
-      if (!saved) {
-        latestBar.classList.remove('hidden');
-      } else {
-        latestBar.classList.add('hidden');
-      }
-    }
-
-    if (!saved) return;
-
-    // Highlight the saved chapter row.
-    document.querySelectorAll('.chapter-row').forEach(function (a) {
-      var dot = a.querySelector('.progress-dot');
-      if (!dot) return;
-      if (parseInt(a.dataset.chapter) === saved) {
-        dot.classList.remove('hidden');
-        a.classList.add('bg-zinc-800/50');
-      }
-    });
-
-    // Show resume bar.
-    var bar  = document.getElementById('resume-bar');
-    var link = document.getElementById('resume-link');
-    var num  = document.getElementById('resume-chapter-num');
-    if (bar && link && num) {
-      var href = '/books/' + slug + '/chapters/' + saved;
-      num.textContent = saved;
-      link.setAttribute('href', href);
-      link.setAttribute('hx-get', href);
-      htmx.process(link);
-      bar.classList.remove('hidden');
-    }
-  };
-
-  applyProgress(SLUG);
-}());
-</script>`
-
-func (s *Server) handleBook(w http.ResponseWriter, r *http.Request) {
-	slug := r.PathValue("slug")
-
-	meta, ok, err := s.writer.ReadMetadata(slug)
-	if err != nil {
-		http.Error(w, "failed to read metadata: "+err.Error(), http.StatusInternalServerError)
-		return
-	}
-	if !ok {
-		http.NotFound(w, r)
-		return
-	}
-
-	chapters, err := s.writer.ListChapters(slug)
-	if err != nil {
-		http.Error(w, "failed to list chapters: "+err.Error(), http.StatusInternalServerError)
-		return
-	}
-
-	total := len(chapters)
-	totalPages := (total + chapterPageSize - 1) / chapterPageSize
-	if totalPages < 1 {
-		totalPages = 1
-	}
-
-	currentPage := 1
-	page := chapters
-	if total > chapterPageSize {
-		page = chapters[:chapterPageSize]
-	}
-
-	funcMap := template.FuncMap{
-		"pages": func(n int) []int {
-			out := make([]int, n)
-			for i := range out {
-				out[i] = i + 1
-			}
-			return out
-		},
-		"prev": func(n int) int { return n - 1 },
-		"next": func(n int) int { return n + 1 },
-	}
-
-	t := template.Must(template.New("book").Funcs(funcMap).Parse(bookTmpl))
-	var buf bytes.Buffer
-	lastChapter := 0
-	if total > 0 {
-		lastChapter = chapters[total-1].Number
-	}
-	_ = t.Execute(&buf, struct {
-		Slug            string
-		Meta            interface{}
-		Chapters        interface{}
-		TotalDownloaded int
-		TotalPages      int
-		CurrentPage     int
-		LastChapter     int
-	}{
-		Slug:            slug,
-		Meta:            meta,
-		Chapters:        page,
-		TotalDownloaded: total,
-		TotalPages:      totalPages,
-		CurrentPage:     currentPage,
-		LastChapter:     lastChapter,
-	})
-
-	s.respond(w, r, meta.Title, buf.String())
-}
-
-// ─── GET /books/{slug}/chapters-page — paginated chapter list fragment ────────
-
-const chapterPageTmpl = `{{range .Chapters}}
-<li>
-  <a href="/books/{{$.Slug}}/chapters/{{.Number}}"
-     hx-get="/books/{{$.Slug}}/chapters/{{.Number}}"
-     hx-target="#main-content"
-     hx-push-url="true"
-     hx-swap="innerHTML"
-     class="chapter-row flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-zinc-800 transition-colors group cursor-pointer"
-     data-chapter="{{.Number}}">
-    <span class="text-xs text-zinc-500 w-10 text-right flex-shrink-0">{{.Number}}</span>
-    <div class="min-w-0 flex-1">
-      <span class="text-zinc-300 group-hover:text-amber-400 truncate block">{{.Title}}</span>
-      {{if .Date}}<span class="text-xs text-zinc-500 block mt-0.5">{{.Date}}</span>{{end}}
-    </div>
-    <span class="progress-dot hidden text-amber-400 text-xs flex-shrink-0 w-2 h-2 rounded-full bg-amber-400"></span>
-  </a>
-</li>
-{{end}}
-<div id="chapter-pagination" hx-swap-oob="true" class="mt-6 flex justify-center gap-1 flex-wrap">
-  {{if gt .CurrentPage 1}}
-  <a hx-get="/books/{{.Slug}}/chapters-page?page={{prev .CurrentPage}}"
-     hx-target="#chapter-list"
-     hx-swap="innerHTML"
-     hx-push-url="/books/{{.Slug}}?page={{prev .CurrentPage}}"
-     hx-on::after-request="applyProgress('{{.Slug}}')"
-     class="px-3 py-1.5 rounded-lg text-zinc-400 hover:text-zinc-200 text-sm transition-colors cursor-pointer">«</a>
-  {{end}}
-  {{range pages .TotalPages}}
-  {{if eq . $.CurrentPage}}
-  <span class="px-3 py-1.5 rounded-lg bg-amber-700 text-white text-sm font-semibold">{{.}}</span>
-  {{else}}
-  <a hx-get="/books/{{$.Slug}}/chapters-page?page={{.}}"
-     hx-target="#chapter-list"
-     hx-swap="innerHTML"
-     hx-push-url="/books/{{$.Slug}}?page={{.}}"
-     hx-on::after-request="applyProgress('{{$.Slug}}')"
-     class="px-3 py-1.5 rounded-lg bg-zinc-800 hover:bg-zinc-700 text-zinc-300 text-sm transition-colors cursor-pointer">{{.}}</a>
-  {{end}}
-  {{end}}
-  {{if lt .CurrentPage .TotalPages}}
-  <a hx-get="/books/{{.Slug}}/chapters-page?page={{next .CurrentPage}}"
-     hx-target="#chapter-list"
-     hx-swap="innerHTML"
-     hx-push-url="/books/{{.Slug}}?page={{next .CurrentPage}}"
-     hx-on::after-request="applyProgress('{{.Slug}}')"
-     class="px-3 py-1.5 rounded-lg text-zinc-400 hover:text-zinc-200 text-sm transition-colors cursor-pointer">»</a>
-  {{end}}
-</div>`
-
-func (s *Server) handleBookChaptersPage(w http.ResponseWriter, r *http.Request) {
-	slug := r.PathValue("slug")
-	currentPage := 1
-	if p := r.URL.Query().Get("page"); p != "" {
-		if n, err := strconv.Atoi(p); err == nil && n > 0 {
-			currentPage = n
-		}
-	}
-
-	chapters, err := s.writer.ListChapters(slug)
-	if err != nil {
-		http.Error(w, "failed to list chapters: "+err.Error(), http.StatusInternalServerError)
-		return
-	}
-
-	total := len(chapters)
-	totalPages := (total + chapterPageSize - 1) / chapterPageSize
-	if totalPages < 1 {
-		totalPages = 1
-	}
-
-	start := (currentPage - 1) * chapterPageSize
-	if start >= total {
-		w.WriteHeader(http.StatusNoContent)
-		return
-	}
-	end := start + chapterPageSize
-	if end > total {
-		end = total
-	}
-
-	funcMap := template.FuncMap{
-		"pages": func(n int) []int {
-			out := make([]int, n)
-			for i := range out {
-				out[i] = i + 1
-			}
-			return out
-		},
-		"prev": func(n int) int { return n - 1 },
-		"next": func(n int) int { return n + 1 },
-	}
-
-	t := template.Must(template.New("chapterPage").Funcs(funcMap).Parse(chapterPageTmpl))
-	var buf bytes.Buffer
-	_ = t.Execute(&buf, struct {
-		Slug        string
-		Chapters    interface{}
-		TotalPages  int
-		CurrentPage int
-	}{
-		Slug:        slug,
-		Chapters:    chapters[start:end],
-		TotalPages:  totalPages,
-		CurrentPage: currentPage,
-	})
-
-	w.Header().Set("Content-Type", "text/html; charset=utf-8")
-	_, _ = buf.WriteTo(w)
-}
-
-// ─── GET /books/{slug}/chapters/{n} — chapter reader ─────────────────────────
-
-const chapterTmpl = `
-<style>
-  /* ── Reader typography ──────────────────────────────────────────────────── */
-  #reader-body {
-    font-size: 1.0625rem;
-    line-height: 1.85;
-    color: #d4d4d8;
-  }
-  #reader-body p {
-    margin: 0 0 0.9em 0;
-  }
-  #reader-body p.tts-active {
-    background: rgba(251,191,36,0.10);
-    border-left: 2px solid #f59e0b;
-    margin-left: -0.75rem;
-    padding-left: calc(0.75rem - 2px);
-    border-radius: 0 4px 4px 0;
-    transition: background 0.15s;
-  }
-
-  /* ── Prevent sticky nav obscuring anchors ───────────────────────────────── */
-  #main-content { scroll-padding-top: 3.5rem; padding-bottom: 6rem; }
-
-  /* ── Audio state badges ─────────────────────────────────────────────────── */
-  .queue-badge {
-    display: inline-flex; align-items: center;
-    padding: 0.15em 0.55em;
-    border-radius: 9999px;
-    font-size: 0.6rem;
-    font-weight: 600;
-    letter-spacing: 0.05em;
-    text-transform: uppercase;
-    white-space: nowrap;
-  }
-  .queue-badge-idle        { background: #27272a; color: #52525b; }
-  .queue-badge-generating  { background: #78350f; color: #fbbf24; }
-  .queue-badge-ready       { background: #14532d; color: #4ade80; }
-  .queue-badge-playing     { background: #1e3a5f; color: #60a5fa; }
-  .queue-badge-paused      { background: #1c1917; color: #a8a29e; }
-  .queue-badge-error       { background: #450a0a; color: #f87171; }
-  .queue-badge-time        { text-transform: none; letter-spacing: 0; }
-
-  /* ── Seek bar ───────────────────────────────────────────────────────────── */
-  #seek-track { height: 1.25rem; cursor: pointer; touch-action: none; user-select: none; width: min(38rem, 90%); margin: auto; }
-  #seek-times { width: min(38rem, 95%); margin: auto; }
-  #seek-rail  { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); height: 2px; background: #3f3f46; border-radius: 9999px; overflow: hidden; pointer-events: none; }
-  #seek-fill  { position: absolute; left: 0; top: 0; height: 100%; background: #f59e0b; }
-  #seek-thumb { position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); width: 10px; height: 10px; border-radius: 50%; background: #fbbf24; box-shadow: 0 1px 4px rgba(0,0,0,.5); pointer-events: none; transition: transform 0.1s; }
-  #seek-thumb:hover { transform: translateY(-50%) translateX(-50%) scale(1.3); }
-
-  /* ── Safe-area inset ────────────────────────────────────────────────────── */
-  #mini-player { padding-bottom: env(safe-area-inset-bottom, 0); }
-
-  /* ── Settings bottom sheet (mobile) ────────────────────────────────────── */
-  #settings-backdrop {
-    display: none;
-    position: fixed; inset: 0; z-index: 90;
-    background: rgba(0,0,0,0.5);
-  }
-  #settings-panel {
-    /* mobile: bottom sheet */
-    position: fixed;
-    left: 0; right: 0; bottom: 0;
-    z-index: 100;
-    max-height: 92dvh;
-    overflow-y: auto;
-    overscroll-behavior: contain;
-    background: #18181b;
-    border-top: 1px solid #27272a;
-    border-radius: 1rem 1rem 0 0;
-    box-shadow: 0 -4px 32px rgba(0,0,0,.5);
-    transform: translateY(100%);
-    transition: transform 0.32s cubic-bezier(0.32,0.72,0,1);
-    will-change: transform;
-    padding-bottom: env(safe-area-inset-bottom, 0);
-  }
-  #settings-panel.sheet-open {
-    transform: translateY(0);
-  }
-  .sheet-handle {
-    width: 2.5rem; height: 4px;
-    background: #3f3f46; border-radius: 9999px;
-    margin: 0.75rem auto 0;
-    flex-shrink: 0;
-  }
-  @media (min-width: 640px) {
-    #settings-backdrop { display: none !important; }
-    #settings-panel {
-      position: absolute;
-      left: auto; right: max(0.5rem, calc(50% - 32rem + 0.5rem));
-      bottom: calc(100% + 0.25rem);
-      top: auto;
-      width: 20rem;
-      max-height: 80vh;
-      border-radius: 0.75rem;
-      border: 1px solid #27272a;
-      transform: none !important;
-      transition: none !important;
-    }
-    #settings-panel.sheet-open { transform: none !important; }
-    .sheet-handle { display: none; }
-  }
-
-  /* ── Toggle switch ──────────────────────────────────────────────────────── */
-  .toggle-switch { position: relative; display: inline-block; width: 2.25rem; height: 1.25rem; flex-shrink: 0; }
-  .toggle-switch input { opacity: 0; width: 0; height: 0; position: absolute; }
-  .toggle-track { position: absolute; inset: 0; background: #3f3f46; border-radius: 9999px; transition: background 0.2s; cursor: pointer; }
-  .toggle-track::after { content: ''; position: absolute; left: 0.2rem; top: 50%; transform: translateY(-50%); width: 0.85rem; height: 0.85rem; background: #fff; border-radius: 50%; transition: left 0.2s; }
-  .toggle-switch input:checked + .toggle-track { background: #f59e0b; }
-  .toggle-switch input:checked + .toggle-track::after { left: calc(100% - 0.2rem - 0.85rem); }
-  .toggle-switch input:focus-visible + .toggle-track { outline: 2px solid #f59e0b; outline-offset: 2px; }
-</style>
-
-<!-- ─── Sticky top toolbar ─────────────────────────────────────────────────── -->
-<nav id="reader-header" aria-label="Reader controls"
-     class="sticky top-0 z-50 bg-zinc-950/95 backdrop-blur border-b border-zinc-800/60">
-  <div class="max-w-2xl mx-auto px-3 flex items-center gap-1 h-12">
-
-    <!-- Back to book -->
-    <a href="/books/{{.Slug}}"
-       hx-get="/books/{{.Slug}}"
-       hx-target="#main-content"
-       hx-push-url="true"
-       hx-swap="innerHTML"
-       title="Back to chapter list"
-       aria-label="Back to chapter list"
-       class="flex-shrink-0 w-9 h-9 flex items-center justify-center rounded-lg text-zinc-500 hover:text-zinc-200 hover:bg-zinc-800 transition-colors text-lg no-underline">
-      &#9776;
-    </a>
-
-    <!-- Chapter title (tappable — opens chapter list) -->
-    <button id="chapter-list-btn" type="button" onclick="toggleChapterList()"
-            aria-haspopup="listbox" aria-expanded="false"
-            class="flex-1 min-w-0 h-9 flex items-center justify-center px-2 bg-transparent border-none cursor-pointer">
-      <span class="text-sm text-zinc-200 truncate max-w-full leading-none">{{.Title}}</span>
-    </button>
-
-    <!-- Chapter position -->
-    <span class="flex-shrink-0 text-xs text-zinc-600 tabular-nums">
-      {{.ChapterN}}{{if .AllChapters}} / {{len .AllChapters}}{{end}}
-    </span>
-
-  </div>
-
-  <!-- TTS status strip (generating / buffering messages) -->
-  <div id="tts-status-bar" hidden
-       class="px-4 py-0.5 bg-zinc-900/80 text-[0.7rem] text-zinc-500 text-center border-t border-zinc-800/40"
-       aria-live="polite" aria-atomic="true">
-    <span id="tts-status"></span>
-  </div>
-
-  <!-- Chapter list drawer -->
-  <div id="chapter-list-panel"
-       role="listbox"
-       aria-label="Chapter list"
-       hidden
-       class="absolute left-0 right-0 top-full max-h-[60vh] overflow-y-auto bg-zinc-900 border-b border-zinc-800 shadow-2xl z-[99]">
-    <div class="max-w-2xl mx-auto py-2">
-      {{range .AllChapters}}
-      <a href="/books/{{$.Slug}}/chapters/{{.Number}}"
-         hx-get="/books/{{$.Slug}}/chapters/{{.Number}}"
-         hx-target="#main-content"
-         hx-push-url="true"
-         hx-swap="innerHTML"
-         role="option"
-         aria-selected="{{if eq .Number $.ChapterN}}true{{else}}false{{end}}"
-         onclick="closeChapterList()"
-         {{if eq .Number $.ChapterN}}data-current="1"{{end}}
-         class="flex items-baseline gap-3 px-4 py-2 no-underline transition-colors hover:bg-zinc-800 {{if eq .Number $.ChapterN}}bg-zinc-800{{end}}">
-        <span class="flex-shrink-0 text-xs text-zinc-600 w-8 text-right tabular-nums">{{.Number}}</span>
-        <span class="text-sm {{if eq .Number $.ChapterN}}text-amber-400 font-medium{{else}}text-zinc-300{{end}} leading-snug">
-          {{if .Title}}{{.Title}}{{else}}Chapter {{.Number}}{{end}}
-        </span>
-        {{if eq .Number $.ChapterN}}<span class="ml-auto flex-shrink-0 text-[0.65rem] text-amber-500/80">now</span>{{end}}
-      </a>
-      {{end}}
-    </div>
-  </div>
-</nav>
-
-<!-- ─── Chapter content ────────────────────────────────────────────────────── -->
-<main class="max-w-[38rem] mx-auto px-5 pt-8 pb-4">
-
-  <!-- Chapter heading — smaller and secondary, not a huge h1 -->
-  <div class="mb-6">
-    <p class="text-xs font-medium text-amber-500/80 uppercase tracking-widest mb-1.5">Chapter {{.ChapterN}}</p>
-    <h1 class="text-xl font-bold text-zinc-100 leading-snug">{{.Title}}</h1>
-    {{if .ChapterDate}}<p class="text-xs text-zinc-600 mt-1">{{.ChapterDate}}</p>{{end}}
-   </div>
-
-  <article id="chapter-article" id="reader-body">
-    {{.HTML}}
-  </article>
-
-</main>
-
-<!-- ─── Fixed bottom player ───────────────────────────────────────────────── -->
-<aside id="mini-player" aria-label="Audio player"
-       class="fixed bottom-0 left-0 right-0 z-60 bg-zinc-950/95 backdrop-blur border-t border-zinc-800/60">
-
-  <!-- Seek track (full width, sits flush at top of player) -->
-  <div id="seek-track" style="display:none" class="relative w-full">
-    <div id="seek-rail">
-      <div id="seek-fill"></div>
-    </div>
-    <div id="seek-thumb" style="left:0%"></div>
-  </div>
-
-  <!-- Time row -->
-  <div id="seek-times" style="display:none"
-       class="px-1 pt-1 flex items-center justify-between">
-    <span id="seek-cur" class="text-[0.6rem] tabular-nums text-zinc-600">0:00</span>
-    <span id="seek-tot" class="text-[0.6rem] tabular-nums text-zinc-700">0:00</span>
-  </div>
-
-  <!-- Main control row -->
-  <div class="max-w-2xl mx-auto px-3 py-2">
-    <div class="flex items-center gap-2 h-11">
-
-      <!-- Prev chapter -->
-      {{if .PrevN}}
-      <a href="/books/{{.Slug}}/chapters/{{.PrevN}}"
-         hx-get="/books/{{.Slug}}/chapters/{{.PrevN}}"
-         hx-target="#main-content" hx-push-url="true" hx-swap="innerHTML"
-         title="Previous chapter" aria-label="Previous chapter"
-         class="flex-shrink-0 flex items-center justify-center w-10 h-10 rounded-xl text-zinc-400 hover:text-zinc-100 hover:bg-zinc-800 transition-colors no-underline">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" width="18" height="18"><polyline points="15 18 9 12 15 6"/></svg>
-      </a>
-      {{else}}<span class="flex-shrink-0 w-10"></span>{{end}}
-
-      <!-- Play / Pause -->
-      <button id="player-play-btn" type="button" onclick="ttsToggle()"
-              aria-label="Play / Pause"
-              class="flex-shrink-0 w-10 h-10 flex items-center justify-center rounded-full bg-amber-500 hover:bg-amber-400 text-zinc-950 text-base border-none cursor-pointer transition-colors shadow-sm">
-        <span id="player-play-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="18" height="18"><path d="M8 5v14l11-7z"/></svg></span>
-      </button>
-
-      <!-- Centre info -->
-      <div class="flex-1 min-w-0 flex items-center gap-2 px-1">
-        <span id="player-title" class="text-xs font-medium text-zinc-300 truncate">Ch.&#x00A0;{{.ChapterN}}</span>
-        <span id="player-state-badge" class="queue-badge queue-badge-idle flex-shrink-0" hidden></span>
-        <!-- next-chapter prefetch badge — shown only during/after prefetch -->
-        <span id="player-next-row" hidden class="flex-shrink-0">
-          <span id="player-next-badge" class="queue-badge queue-badge-idle">next</span>
-        </span>
-      </div>
-
-      <!-- Settings -->
-      <button id="settings-btn" type="button" onclick="toggleSettings()"
-              aria-label="Reader settings" aria-haspopup="dialog"
-              class="flex-shrink-0 w-10 h-10 flex items-center justify-center rounded-xl text-zinc-400 hover:text-amber-400 hover:bg-zinc-800 border-none cursor-pointer bg-transparent transition-colors">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="18" height="18"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
-      </button>
-
-      <!-- Next chapter -->
-      {{if .NextN}}
-      <a href="/books/{{.Slug}}/chapters/{{.NextN}}"
-         hx-get="/books/{{.Slug}}/chapters/{{.NextN}}"
-         hx-target="#main-content" hx-push-url="true" hx-swap="innerHTML"
-         title="Next chapter" aria-label="Next chapter"
-         class="flex-shrink-0 flex items-center justify-center w-10 h-10 rounded-xl text-zinc-400 hover:text-zinc-100 hover:bg-zinc-800 transition-colors no-underline">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" width="18" height="18"><polyline points="9 18 15 12 9 6"/></svg>
-      </a>
-      {{else}}<span class="flex-shrink-0 w-10"></span>{{end}}
-
-    </div>
-  </div>
-
-  <!-- Backdrop (mobile only) -->
-  <div id="settings-backdrop" onclick="closeSettings()"></div>
-
-  <!-- Settings panel — bottom sheet on mobile, popover on sm+ -->
-  <div id="settings-panel"
-       role="dialog"
-       aria-label="Reader settings"
-       aria-modal="true"
-       style="display:none">
-
-    <!-- Drag handle -->
-    <div class="sheet-handle" id="sheet-handle"></div>
-
-    <div class="p-4 space-y-4">
-
-      <!-- Speed -->
-      <div>
-        <span class="block text-xs text-zinc-500 mb-1.5">Speed</span>
-        <div id="speed-btns" class="flex gap-1.5">
-          <button type="button" data-speed="1"    onclick="selectSpeed(this)" class="speed-btn flex-1 py-1 rounded-lg border text-xs font-medium transition-colors border-zinc-700 bg-zinc-800 text-zinc-300 hover:border-zinc-500 hover:text-zinc-100">1×</button>
-          <button type="button" data-speed="1.25" onclick="selectSpeed(this)" class="speed-btn flex-1 py-1 rounded-lg border text-xs font-medium transition-colors border-zinc-700 bg-zinc-800 text-zinc-300 hover:border-zinc-500 hover:text-zinc-100">1.25×</button>
-          <button type="button" data-speed="1.5"  onclick="selectSpeed(this)" class="speed-btn flex-1 py-1 rounded-lg border text-xs font-medium transition-colors border-amber-500 bg-amber-500/10 text-amber-300">1.5×</button>
-          <button type="button" data-speed="1.75" onclick="selectSpeed(this)" class="speed-btn flex-1 py-1 rounded-lg border text-xs font-medium transition-colors border-zinc-700 bg-zinc-800 text-zinc-300 hover:border-zinc-500 hover:text-zinc-100">1.75×</button>
-          <button type="button" data-speed="2"    onclick="selectSpeed(this)" class="speed-btn flex-1 py-1 rounded-lg border text-xs font-medium transition-colors border-zinc-700 bg-zinc-800 text-zinc-300 hover:border-zinc-500 hover:text-zinc-100">2×</button>
-        </div>
-      </div>
-
-      <!-- Toggles -->
-      <label class="flex items-center justify-between gap-3 cursor-pointer select-none">
-        <span class="text-sm text-zinc-300">Auto-play next chapter</span>
-        <span class="toggle-switch"><input id="tts-autoplay" type="checkbox" /><span class="toggle-track"></span></span>
-      </label>
-      <label class="flex items-center justify-between gap-3 cursor-pointer select-none">
-        <span class="text-sm text-zinc-300">Auto-scroll to paragraph</span>
-        <span class="toggle-switch"><input id="tts-autoscroll" type="checkbox" checked /><span class="toggle-track"></span></span>
-      </label>
-
-      <!-- Divider -->
-      <div class="border-t border-zinc-800"></div>
-
-      <!-- Voice selector -->
-      <div>
-        <span class="block text-xs text-zinc-500 mb-1.5">Voice</span>
-
-        <!-- hidden native select — JS reads/writes .value here -->
-        <select id="tts-voice" class="sr-only" aria-hidden="true" tabindex="-1">
-          {{range .Voices}}
-          <option value="{{.ID}}"{{if eq .ID $.DefaultVoice}} selected{{end}}>{{.Name}}</option>
-          {{end}}
-        </select>
-
-        <!-- custom dropdown trigger -->
-        <button type="button" id="voice-trigger"
-                onclick="toggleVoiceDropdown()"
-                class="w-full flex items-center justify-between gap-2 px-3 py-2 rounded-lg border border-zinc-700 bg-zinc-800 text-zinc-200 text-sm hover:border-zinc-500 transition-colors">
-          <span id="voice-trigger-label" class="truncate">{{range .Voices}}{{if eq .ID $.DefaultVoice}}{{.Name}} ({{.Lang}} · {{.Gender}}){{end}}{{end}}</span>
-          <svg id="voice-trigger-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" width="14" height="14" class="flex-shrink-0 text-zinc-500 transition-transform"><polyline points="6 9 12 15 18 9"/></svg>
-        </button>
-
-        <!-- dropdown list -->
-        <div id="voice-dropdown" hidden
-             class="mt-1 rounded-lg border border-zinc-700 bg-zinc-900 overflow-hidden shadow-xl">
-          <div class="max-h-48 overflow-y-auto overscroll-contain">
-            {{range .Voices}}
-            <button type="button"
-                    data-voice="{{.ID}}"
-                    data-label="{{.Name}} ({{.Lang}} · {{.Gender}})"
-                    onclick="selectVoiceOption(this)"
-                    class="voice-opt w-full flex items-center justify-between gap-3 px-3 py-2 text-left text-sm text-zinc-300 hover:bg-zinc-800 hover:text-zinc-100 transition-colors
-                           {{if eq .ID $.DefaultVoice}}bg-zinc-800/60 text-zinc-100{{end}}">
-              <span class="truncate">{{.Name}}</span>
-              <span class="text-xs text-zinc-500 flex-shrink-0">{{.Lang}} · {{.Gender}}</span>
-            </button>
-            {{end}}
-          </div>
-        </div>
-      </div>
-
-    </div>
-  </div>
-
-  <!-- Hidden native audio -->
-  <audio id="tts-audio-native" preload="none" style="display:none"></audio>
-</aside>
-
-<script>
-(function () {
-  var NEXT_N    = {{.NextN}};
-  var PREV_N    = {{.PrevN}};
-  var SLUG      = '{{.Slug}}';
-  var CHAPTER_N = {{.ChapterN}};
-  var COVER_URL = '{{.Cover}}';
-
-  // ── reading progress ──────────────────────────────────────────────────────
-  (function saveProgress() {
-    try {
-      var p = JSON.parse(localStorage.getItem('reading_progress') || '{}');
-      p[SLUG] = CHAPTER_N;
-      localStorage.setItem('reading_progress', JSON.stringify(p));
-      var ts = JSON.parse(localStorage.getItem('reading_progress_ts') || '{}');
-      ts[SLUG] = Date.now();
-      localStorage.setItem('reading_progress_ts', JSON.stringify(ts));
-    } catch(_) {}
-  })();
-
-  // ── generation counter (stale-closure guard) ──────────────────────────────
-  window.__ttsGen = (window.__ttsGen || 0) + 1;
-  var myGen = window.__ttsGen;
-  function stale() { return window.__ttsGen !== myGen; }
-
-  if (window.__ttsBeforeSwap) {
-    document.body.removeEventListener('htmx:beforeSwap', window.__ttsBeforeSwap);
-  }
-
-  // ── DOM refs ──────────────────────────────────────────────────────────────
-  var audio           = document.getElementById('tts-audio-native');
-  var statusEl        = document.getElementById('tts-status');
-  var statusBar       = document.getElementById('tts-status-bar');
-  var voiceSel        = document.getElementById('tts-voice');
-  var speedBtns       = document.querySelectorAll('.speed-btn');
-  var autoplayChk     = document.getElementById('tts-autoplay');
-  var autoscrollChk   = document.getElementById('tts-autoscroll');
-  var article         = document.getElementById('chapter-article');
-  var playerPlayBtn   = document.getElementById('player-play-btn');
-  var playerPlayIcon  = document.getElementById('player-play-icon');
-  var playerTitle     = document.getElementById('player-title');
-  var playerStateBadge= document.getElementById('player-state-badge');
-  var seekTrack       = document.getElementById('seek-track');
-  var seekRail        = document.getElementById('seek-rail');
-  var seekFill        = document.getElementById('seek-fill');
-  var seekThumb       = document.getElementById('seek-thumb');
-  var seekCur         = document.getElementById('seek-cur');
-  var seekTot         = document.getElementById('seek-tot');
-  var seekTimes       = document.getElementById('seek-times');
-  var settingsPanel   = document.getElementById('settings-panel');
-  var chapterListPanel= document.getElementById('chapter-list-panel');
-  var chapterListBtn  = document.getElementById('chapter-list-btn');
-
-  // ── badge helper ──────────────────────────────────────────────────────────
-  var BADGE_CLASSES = ['queue-badge-idle','queue-badge-generating','queue-badge-ready',
-                       'queue-badge-playing','queue-badge-paused','queue-badge-error',
-                       'queue-badge-time'];
-  function setBadge(el, state) {
-    BADGE_CLASSES.forEach(function (c) { el.classList.remove(c); });
-    el.classList.add('queue-badge-' + state);
-    el.textContent = state;
-  }
-
-  // ── time formatter ────────────────────────────────────────────────────────
-  function fmtTime(s) {
-    if (!isFinite(s) || s < 0) return '0:00';
-    var m = Math.floor(s / 60);
-    var sec = Math.floor(s % 60);
-    return m + ':' + (sec < 10 ? '0' : '') + sec;
-  }
-
-  // ── seek bar ──────────────────────────────────────────────────────────────
-  function showSeek()  { seekTrack.style.display = ''; seekTimes.style.display = ''; }
-  function hideSeek()  { seekTrack.style.display = 'none'; seekTimes.style.display = 'none'; }
-
-  function updateSeek() {
-    var cur = audio.currentTime || 0;
-    var tot = audio.duration;
-    var pct = (isFinite(tot) && tot > 0) ? Math.min(100, (cur / tot) * 100) : 0;
-    var ps  = pct.toFixed(2) + '%';
-    seekFill.style.width = ps;
-    seekThumb.style.left = ps;
-    seekCur.textContent  = fmtTime(cur);
-    seekTot.textContent  = isFinite(tot) ? fmtTime(tot) : '0:00';
-  }
-
-  function seekFromEvent(e) {
-    var rect = seekRail.getBoundingClientRect();
-    var clientX = (e.touches ? e.touches[0] : e).clientX;
-    var ratio = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
-    if (audio.duration && isFinite(audio.duration)) {
-      audio.currentTime = ratio * audio.duration;
-      updateSeek();
-    }
-  }
-  (function attachSeek() {
-    var dragging = false;
-    seekTrack.addEventListener('mousedown', function(e) { dragging = true; seekFromEvent(e); e.preventDefault(); });
-    seekTrack.addEventListener('touchstart', function(e) { dragging = true; seekFromEvent(e); }, { passive: true });
-    document.addEventListener('mousemove',  function(e) { if (dragging) seekFromEvent(e); });
-    document.addEventListener('touchmove',  function(e) { if (dragging) { seekFromEvent(e); e.preventDefault(); } }, { passive: false });
-    document.addEventListener('mouseup',    function(e) { if (dragging) { seekFromEvent(e); dragging = false; } });
-    document.addEventListener('touchend',   function()  { dragging = false; });
-  })();
-
-  // ── status strip ──────────────────────────────────────────────────────────
-  function setStatus(text) {
-    statusEl.textContent = text;
-    statusBar.style.display = text ? '' : 'none';
-  }
-
-  // ── panel toggles ─────────────────────────────────────────────────────────
-  window.closeChapterList = function () { chapterListPanel.style.display = 'none'; };
-  window.toggleChapterList = function () {
-    var open = chapterListPanel.style.display !== 'none';
-    closeSettings();
-    if (open) { closeChapterList(); }
-    else {
-      chapterListPanel.style.display = 'block';
-      var cur = chapterListPanel.querySelector('[data-current="1"]');
-      if (cur) cur.scrollIntoView({ block: 'center' });
-    }
-  };
-  var settingsBackdrop = document.getElementById('settings-backdrop');
-
-  function openSettings() {
-    closeChapterList();
-    settingsPanel.style.display = 'block';
-    // rAF so display:block is painted before the transition fires
-    requestAnimationFrame(function () {
-      settingsPanel.classList.add('sheet-open');
-    });
-    settingsBackdrop.style.display = 'block';
-  }
-  function closeSettings() {
-    settingsPanel.classList.remove('sheet-open');
-    settingsBackdrop.style.display = 'none';
-    // hide after slide-down transition; fallback for desktop (no transition)
-    var done = false;
-    function hide() { if (!done) { done = true; settingsPanel.style.display = 'none'; } }
-    settingsPanel.addEventListener('transitionend', function h() {
-      settingsPanel.removeEventListener('transitionend', h);
-      hide();
-    });
-    setTimeout(hide, 400); // fallback if transitionend never fires
-  }
-  window.closeSettings = closeSettings;
-  window.toggleSettings = function () {
-    if (settingsPanel.style.display !== 'none') closeSettings();
-    else openSettings();
-  };
-
-  // ── Bottom sheet drag-to-dismiss / drag-to-expand ─────────────────────────
-  (function sheetDrag() {
-    var handle   = document.getElementById('sheet-handle');
-    if (!handle) return;
-    var startY   = 0, startH = 0, dragging = false;
-    var DISMISS_THRESHOLD = 80; // px swipe down to dismiss
-
-    function onStart(clientY) {
-      if (window.innerWidth >= 640) return; // desktop: no drag
-      startY   = clientY;
-      startH   = settingsPanel.getBoundingClientRect().height;
-      dragging = true;
-      settingsPanel.style.transition = 'none';
-    }
-    function onMove(clientY) {
-      if (!dragging) return;
-      var dy = clientY - startY; // positive = dragging down
-      if (dy < 0) {
-        // stretching up — increase height, clamped to 92dvh
-        var newH = Math.min(startH - dy, window.innerHeight * 0.92);
-        settingsPanel.style.maxHeight = newH + 'px';
-        settingsPanel.style.transform = 'translateY(0)';
-      } else {
-        // dragging down — translate panel down
-        settingsPanel.style.transform = 'translateY(' + dy + 'px)';
-        settingsPanel.style.maxHeight = '';
-      }
-    }
-    function onEnd(clientY) {
-      if (!dragging) return;
-      dragging = false;
-      settingsPanel.style.transition = '';
-      var dy = clientY - startY;
-      if (dy > DISMISS_THRESHOLD) {
-        closeSettings();
-        settingsPanel.style.maxHeight = '';
-      } else {
-        settingsPanel.style.transform = '';
-        // snap: if we dragged up, keep the new height
-        if (dy < 0) {
-          var snapped = Math.min(startH - dy, window.innerHeight * 0.92);
-          settingsPanel.style.maxHeight = snapped + 'px';
-        }
-      }
-    }
-
-    handle.addEventListener('touchstart', function (e) { onStart(e.touches[0].clientY); }, { passive: true });
-    handle.addEventListener('touchmove',  function (e) { onMove(e.touches[0].clientY); },  { passive: true });
-    handle.addEventListener('touchend',   function (e) { onEnd(e.changedTouches[0].clientY); }, { passive: true });
-  }());
-
-  if (window.__ttsClickOutside) document.removeEventListener('click', window.__ttsClickOutside);
-  window.__ttsClickOutside = function (e) {
-    if (stale()) { document.removeEventListener('click', window.__ttsClickOutside); return; }
-    var sb = document.getElementById('settings-btn');
-    if (settingsPanel.style.display !== 'none' &&
-        !settingsPanel.contains(e.target) && e.target !== sb && !sb.contains(e.target) &&
-        e.target !== settingsBackdrop) {
-      closeSettings();
-    }
-    if (chapterListPanel.style.display !== 'none' &&
-        !chapterListPanel.contains(e.target) &&
-        e.target !== chapterListBtn && !chapterListBtn.contains(e.target)) {
-      closeChapterList();
-    }
-    // close voice dropdown if clicking outside it
-    var dd      = document.getElementById('voice-dropdown');
-    var trigger = document.getElementById('voice-trigger');
-    if (dd && !dd.hidden && trigger &&
-        !dd.contains(e.target) && e.target !== trigger && !trigger.contains(e.target)) {
-      dd.hidden = true;
-      var chevron = document.getElementById('voice-trigger-chevron');
-      if (chevron) chevron.style.transform = '';
-    }
-  };
-  document.addEventListener('click', window.__ttsClickOutside);
-
-  // ── localStorage settings ─────────────────────────────────────────────────
-  var LS_SPEED = 'tts_speed', LS_VOICE = 'tts_voice', LS_AUTONEXT = 'tts_autonext', LS_AUTOSCROLL = 'tts_autoscroll';
-  function selectSpeed(btn) {
-    speedBtns.forEach(function (b) {
-      var active = b === btn;
-      b.classList.toggle('speed-active',     active);
-      b.classList.toggle('border-amber-500', active);
-      b.classList.toggle('bg-amber-500/10',  active);
-      b.classList.toggle('text-amber-300',   active);
-      b.classList.toggle('border-zinc-700',  !active);
-      b.classList.toggle('bg-zinc-800',      !active);
-      b.classList.toggle('text-zinc-300',    !active);
-    });
-    try { localStorage.setItem(LS_SPEED, btn.dataset.speed); } catch(_) {}
-  }
-  window.selectSpeed = selectSpeed;
-  (function loadSettings() {
-    var spd = localStorage.getItem(LS_SPEED);
-    var activeSpd = spd || '1.5';
-    var btn = document.querySelector('.speed-btn[data-speed="' + activeSpd + '"]');
-    if (btn) selectSpeed(btn);
-    var vc = localStorage.getItem(LS_VOICE);
-    if (vc !== null) { var opt = voiceSel.querySelector('option[value="' + vc + '"]'); if (opt) voiceSel.value = vc; }
-    var an = localStorage.getItem(LS_AUTONEXT);
-    if (an !== null) autoplayChk.checked = an === 'true';
-    var as = localStorage.getItem(LS_AUTOSCROLL);
-    if (as !== null) autoscrollChk.checked = as !== 'false';
-  })();
-  voiceSel.addEventListener('change', function () { if (stale()) return; localStorage.setItem(LS_VOICE, voiceSel.value); });
-  autoplayChk.addEventListener('change', function () { if (stale()) return; localStorage.setItem(LS_AUTONEXT, autoplayChk.checked ? 'true' : 'false'); });
-  autoscrollChk.addEventListener('change', function () { if (stale()) return; localStorage.setItem(LS_AUTOSCROLL, autoscrollChk.checked ? 'true' : 'false'); });
-
-  // ── paragraph indexing ────────────────────────────────────────────────────
-  var paras      = Array.prototype.slice.call((article || {querySelectorAll: function(){return[];}}).querySelectorAll('p'));
-  var activePara = null;
-
-  // ── auto-scroll pause on user interaction ─────────────────────────────────
-  var autoScrollEnabled = true;
-  var autoScrollTimer   = null;
-  function resetAutoScrollTimer() {
-    autoScrollEnabled = false;
-    clearTimeout(autoScrollTimer);
-    autoScrollTimer = setTimeout(function () { autoScrollEnabled = true; }, 3000);
-  }
-  document.addEventListener('wheel',     resetAutoScrollTimer, { passive: true });
-  document.addEventListener('touchmove', resetAutoScrollTimer, { passive: true });
-  document.addEventListener('keydown', function (e) {
-    var scrollKeys = { ArrowUp:1, ArrowDown:1, PageUp:1, PageDown:1, Home:1, End:1, ' ':1 };
-    if (scrollKeys[e.key]) resetAutoScrollTimer();
-  });
-
-  function highlightPara(idx) {
-    if (activePara) activePara.classList.remove('tts-active');
-    activePara = (idx >= 0 && idx < paras.length) ? paras[idx] : null;
-    if (activePara) {
-      activePara.classList.add('tts-active');
-      if (autoscrollChk.checked && autoScrollEnabled) activePara.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-    }
-  }
-
-  // ── UI state helpers ──────────────────────────────────────────────────────
-  var SVG_PLAY  = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="18" height="18"><path d="M8 5v14l11-7z"/></svg>';
-  var SVG_PAUSE = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="18" height="18"><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>';
-  function setPlayIcon(icon) { playerPlayIcon.innerHTML = icon; }
-  function getSpeed() {
-    var b = document.querySelector('.speed-btn.speed-active');
-    return b ? parseFloat(b.dataset.speed) : 1.5;
-  }
-
-  function setGenerating() {
-    setPlayIcon('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><circle cx="12" cy="12" r="9" stroke-opacity="0.25"/><path d="M12 3a9 9 0 0 1 9 9" style="animation:tts-spin 0.8s linear infinite"><animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.8s" repeatCount="indefinite"/></path></svg>');
-    playerPlayBtn.disabled = true;
-    voiceSel.disabled = true; speedBtns.forEach(function(b){b.disabled=true;});
-    setBadge(playerStateBadge, 'generating');
-    playerStateBadge.hidden = false;
-    playerTitle.textContent = 'Ch.\u00a0' + CHAPTER_N;
-    setStatus('Generating audio\u2026');
-    hideSeek();
-  }
-  function setPlaying() {
-    if (stale()) return;
-    setPlayIcon(SVG_PAUSE);
-    playerPlayBtn.disabled = false;
-    voiceSel.disabled = false; speedBtns.forEach(function(b){b.disabled=false;});
-    setBadge(playerStateBadge, 'playing');
-    playerStateBadge.hidden = false;
-    var pct = (audio.duration && isFinite(audio.duration))
-      ? Math.round((audio.currentTime / audio.duration) * 100) : 0;
-    playerStateBadge.textContent = pct + '%';
-    playerTitle.textContent = 'Ch.\u00a0' + CHAPTER_N;
-    setStatus('');
-    showSeek();
-    if ('mediaSession' in navigator) navigator.mediaSession.playbackState = 'playing';
-  }
-  function setPaused() {
-    if (stale()) return;
-    setPlayIcon(SVG_PLAY);
-    setBadge(playerStateBadge, 'paused');
-    playerStateBadge.hidden = false;
-    var pct = (audio.duration && isFinite(audio.duration))
-      ? Math.round((audio.currentTime / audio.duration) * 100) : 0;
-    playerStateBadge.textContent = pct + '%';
-    setStatus('');
-    showSeek();
-    if ('mediaSession' in navigator) navigator.mediaSession.playbackState = 'paused';
-  }
-  function setStopped() {
-    highlightPara(-1);
-    setPlayIcon(SVG_PLAY);
-    playerPlayBtn.disabled = false;
-    voiceSel.disabled = false; speedBtns.forEach(function(b){b.disabled=false;});
-    if (genStartTime > 0) {
-      var elapsed = Math.round((Date.now() - genStartTime) / 1000);
-      var label = elapsed >= 60 ? Math.floor(elapsed/60) + 'm ' + (elapsed%60) + 's' : elapsed + 's';
-      setBadge(playerStateBadge, 'idle');
-      playerStateBadge.textContent = label;
-      playerStateBadge.classList.add('queue-badge-time');
-      playerStateBadge.hidden = false;
-      genStartTime = 0;
-    } else {
-      playerStateBadge.hidden = true;
-    }
-    playerTitle.textContent = 'Ch.\u00a0' + CHAPTER_N;
-    setStatus('');
-    hideSeek();
-  }
-  function setError(msg) {
-    if (stale()) return;
-    highlightPara(-1);
-    setPlayIcon(SVG_PLAY);
-    playerPlayBtn.disabled = false;
-    voiceSel.disabled = false; speedBtns.forEach(function(b){b.disabled=false;});
-    setBadge(playerStateBadge, 'error');
-    playerStateBadge.hidden = false;
-    playerTitle.textContent = 'Error';
-    setStatus('Error: ' + msg);
-    hideSeek();
-  }
-
-  // ── audio generation ─────────────────────────────────────────────────────
-  var currentAudioCtrl = null;
-  var genStartTime     = 0;
-
-  function generateAudio(chapterN, cb) {
-    if (currentAudioCtrl) currentAudioCtrl.abort();
-    var ctrl = new AbortController();
-    currentAudioCtrl = ctrl;
-    genStartTime = Date.now();
-    fetch('/ui/audio/' + SLUG + '/' + chapterN, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ voice: voiceSel.value, speed: getSpeed() }),
-      signal: ctrl.signal
-    })
-    .then(function (res) {
-      if (!res.ok) return res.text().then(function (t) { throw new Error(res.status + ': ' + t); });
-      return res.json();
-    })
-    .then(function (data) {
-      if (stale()) return;
-      if (!data || !data.url) throw new Error('no url in response');
-      cb(data.url);
-    })
-    .catch(function (e) {
-      if (e.name === 'AbortError' || stale()) return;
-      setError(e.message);
-    });
-  }
-
-  // ── audio events ──────────────────────────────────────────────────────────
-  function onTimeUpdate() {
-    if (stale()) { audio.removeEventListener('timeupdate', onTimeUpdate); return; }
-    updateSeek();
-    if (audio.duration && isFinite(audio.duration) && !audio.paused) {
-      playerStateBadge.textContent = Math.round((audio.currentTime / audio.duration) * 100) + '%';
-    }
-    if (paras.length === 0 || !audio.duration || !isFinite(audio.duration)) return;
-    var idx = Math.min(Math.floor((audio.currentTime / audio.duration) * paras.length), paras.length - 1);
-    if (!activePara || activePara !== paras[idx]) highlightPara(idx);
-  }
-
-  function onCanPlay()    { if (stale()) { audio.removeEventListener('canplay', onCanPlay); return; } if (audio.paused) audio.play().then(setPlaying).catch(function(e){ setError(e.message); }); }
-  function onWaiting()    { if (!stale()) setStatus('Buffering\u2026'); }
-  function onPlaying()    { if (!stale()) setPlaying(); }
-  function onPause()      { if (!stale() && !audio.ended) setPaused(); }
-  function onAudioError() { if (!stale()) setError('audio error'); }
-  function onEnded() {
-    if (stale()) { audio.removeEventListener('ended', onEnded); return; }
-    audio.src = '';
-    if (autoplayChk.checked && NEXT_N) goNextChapter(); else setStopped();
-  }
-
-  audio.addEventListener('canplay',    onCanPlay);
-  audio.addEventListener('waiting',    onWaiting);
-  audio.addEventListener('playing',    onPlaying);
-  audio.addEventListener('pause',      onPause);
-  audio.addEventListener('play',       onPlaying);
-  audio.addEventListener('error',      onAudioError);
-  audio.addEventListener('timeupdate', onTimeUpdate);
-  audio.addEventListener('ended',      onEnded);
-
-  // ── auto-next ─────────────────────────────────────────────────────────────
-  function goNextChapter() {
-    if (!NEXT_N) return;
-    try { localStorage.setItem('tts_autostart', '1'); } catch(_) {}
-    window.location.href = '/books/' + SLUG + '/chapters/' + NEXT_N;
-  }
-
-  function stop() {
-    if (currentAudioCtrl) { currentAudioCtrl.abort(); currentAudioCtrl = null; }
-    audio.pause(); audio.src = '';
-    setStopped();
-  }
-
-  // ── Media Session ─────────────────────────────────────────────────────────
-  function registerMediaSession() {
-    if (!('mediaSession' in navigator)) return;
-    navigator.mediaSession.metadata = new MediaMetadata({
-      title:  'Ch.\u00a0' + CHAPTER_N,
-      artist: SLUG.replace(/-/g, ' '),
-      album:  'libnovel',
-      artwork: COVER_URL ? [{ src: COVER_URL, sizes: '512x512', type: 'image/jpeg' }] : []
-    });
-    navigator.mediaSession.setActionHandler('play',  function() { audio.play().then(setPlaying).catch(function(){}); });
-    navigator.mediaSession.setActionHandler('pause', function() { audio.pause(); setPaused(); });
-    navigator.mediaSession.setActionHandler('stop',  function() { stop(); });
-    if (NEXT_N) navigator.mediaSession.setActionHandler('nexttrack', function() { try { localStorage.setItem('tts_autostart','1'); } catch(_){} window.location.href = '/books/'+SLUG+'/chapters/'+NEXT_N; });
-    if (PREV_N) navigator.mediaSession.setActionHandler('previoustrack', function() { window.location.href = '/books/'+SLUG+'/chapters/'+PREV_N; });
-    navigator.mediaSession.setActionHandler('seekto', function(d) { if (isFinite(d.seekTime)) { audio.currentTime = d.seekTime; updateSeek(); } });
-  }
-
-  function startAudio() {
-    setGenerating();
-    highlightPara(0);
-    generateAudio(CHAPTER_N, function (url) {
-      if (stale()) return;
-      audio.src = url; audio.load();
-      registerMediaSession();
-    });
-  }
-
-  window.ttsToggle = function () {
-    if (audio.src) {
-      if (audio.paused) audio.play().then(setPlaying).catch(function(e){ setError(e.message); });
-      else audio.pause();
-      return;
-    }
-    startAudio();
-  };
-
-  window.__ttsBeforeSwap = function () { window.__ttsGen++; stop(); };
-  document.body.addEventListener('htmx:beforeSwap', window.__ttsBeforeSwap);
-
-  var _autostart = false;
-  try { _autostart = localStorage.getItem('tts_autostart') === '1'; } catch(_) {}
-  if (_autostart) {
-    try { localStorage.removeItem('tts_autostart'); } catch(_) {}
-    autoplayChk.checked = true;
-    setTimeout(startAudio, 100);
-  } else if (new URLSearchParams(window.location.search).get('autoplay') === '1') {
-    autoplayChk.checked = true;
-    setTimeout(startAudio, 100);
-  }
-
-  // ── double-tap left/right to navigate ────────────────────────────────────
-  if (window.__ttsDoubleTap) document.removeEventListener('touchend', window.__ttsDoubleTap);
-  (function initDoubleTap() {
-    var lastTap = 0, lastSide = '';
-    var THRESHOLD   = 300;
-    var INTERACTIVE = ['A','BUTTON','INPUT','SELECT','TEXTAREA','LABEL'];
-    window.__ttsDoubleTap = function (e) {
-      if (stale()) { document.removeEventListener('touchend', window.__ttsDoubleTap); return; }
-      var el = e.target;
-      while (el && el !== document.body) { if (INTERACTIVE.indexOf(el.tagName) !== -1) return; el = el.parentElement; }
-      var touch = e.changedTouches[0];
-      var side  = touch.clientX < window.innerWidth / 2 ? 'left' : 'right';
-      var now   = Date.now();
-      var gap   = now - lastTap;
-      if (gap < THRESHOLD && side === lastSide) {
-        lastTap = 0; lastSide = '';
-        if (side === 'right' && NEXT_N) window.location.href = '/books/'+SLUG+'/chapters/'+NEXT_N;
-        else if (side === 'left' && PREV_N) window.location.href = '/books/'+SLUG+'/chapters/'+PREV_N;
-      } else { lastTap = now; lastSide = side; }
-    };
-    document.addEventListener('touchend', window.__ttsDoubleTap, { passive: true });
-  }());
-}());
-
-// ── Custom voice dropdown ─────────────────────────────────────────────────
-window.toggleVoiceDropdown = function () {
-  var dd      = document.getElementById('voice-dropdown');
-  var chevron = document.getElementById('voice-trigger-chevron');
-  if (!dd) return;
-  var opening = dd.hidden;
-  dd.hidden = !opening;
-  if (chevron) chevron.style.transform = opening ? 'rotate(180deg)' : '';
-};
-
-window.selectVoiceOption = function (btn) {
-  var voiceSel = document.getElementById('tts-voice');
-  var label    = document.getElementById('voice-trigger-label');
-  var dd       = document.getElementById('voice-dropdown');
-  var chevron  = document.getElementById('voice-trigger-chevron');
-  if (!voiceSel) return;
-
-  // update hidden select
-  voiceSel.value = btn.dataset.voice;
-  try { localStorage.setItem('tts_voice', btn.dataset.voice); } catch(_) {}
-
-  // update trigger label
-  if (label) label.textContent = btn.dataset.label;
-
-  // highlight active row
-  if (dd) {
-    dd.querySelectorAll('.voice-opt').forEach(function (b) {
-      var active = b === btn;
-      b.classList.toggle('bg-zinc-800/60', active);
-      b.classList.toggle('text-zinc-100',  active);
-    });
-    dd.hidden = true;
-  }
-  if (chevron) chevron.style.transform = '';
-
-  // fire change event so existing voice listener persists
-  voiceSel.dispatchEvent(new Event('change'));
-};
-
-// sync trigger label from localStorage on load
-(function syncVoiceTrigger() {
-  var saved = null;
-  try { saved = localStorage.getItem('tts_voice'); } catch(_) {}
-  if (!saved) return;
-  var btn = document.querySelector('.voice-opt[data-voice="' + saved + '"]');
-  if (btn) window.selectVoiceOption(btn);
-})();
-</script>`
-
-func (s *Server) handleChapter(w http.ResponseWriter, r *http.Request) {
-	slug := r.PathValue("slug")
-	n, err := strconv.Atoi(r.PathValue("n"))
-	if err != nil || n < 1 {
-		http.NotFound(w, r)
-		return
-	}
-
-	raw, err := s.writer.ReadChapter(slug, n)
-	if err != nil {
-		http.NotFound(w, r)
-		return
-	}
-
-	// Strip the first heading line so it isn't rendered as a duplicate <h1>
-	// inside the article (the template already renders an explicit <h1>).
-	rawForHTML := stripFirstHeadingLine(raw)
-
-	var htmlBuf bytes.Buffer
-	if err := md.Convert([]byte(rawForHTML), &htmlBuf); err != nil {
-		http.Error(w, "markdown render error: "+err.Error(), http.StatusInternalServerError)
-		return
-	}
-
-	chapters, _ := s.writer.ListChapters(slug)
-	prevN, nextN := adjacentChapters(chapters, n)
-
-	title := firstHeading(raw, fmt.Sprintf("Chapter %d", n))
-	chapterTitle, chapterDate := writer.SplitChapterTitle(title)
-
-	// Load cover URL for Media Session artwork (best-effort; ignore errors).
-	var coverURL string
-	if meta, ok, err := s.writer.ReadMetadata(slug); err == nil && ok {
-		coverURL = meta.Cover
-	}
-
-	t := template.Must(template.New("chapter").Parse(chapterTmpl))
-	var buf bytes.Buffer
-	_ = t.Execute(&buf, struct {
-		Slug         string
-		HTML         template.HTML
-		PrevN        int
-		NextN        int
-		ChapterN     int
-		Title        string
-		ChapterDate  string
-		AllChapters  interface{}
-		Voices       []voiceInfo
-		DefaultVoice string
-		Cover        string
-	}{
-		Slug:         slug,
-		HTML:         template.HTML(htmlBuf.String()),
-		PrevN:        prevN,
-		NextN:        nextN,
-		ChapterN:     n,
-		Title:        chapterTitle,
-		ChapterDate:  chapterDate,
-		AllChapters:  chapters,
-		Voices:       parseVoices(s.voices()),
-		DefaultVoice: s.kokoroVoice,
-		Cover:        coverURL,
-	})
-
-	s.respond(w, r, chapterTitle, buf.String())
-}
-
-// ─── helpers ──────────────────────────────────────────────────────────────────
-
-// sortedKeys returns the keys of a string-bool map in sorted order.
-func sortedKeys(m map[string]bool) []string {
-	out := make([]string, 0, len(m))
-	for k := range m {
-		out = append(out, k)
-	}
-	// Simple insertion sort — sets are small (< 100 items).
-	for i := 1; i < len(out); i++ {
-		for j := i; j > 0 && out[j] < out[j-1]; j-- {
-			out[j], out[j-1] = out[j-1], out[j]
-		}
-	}
-	return out
-}
-
-// stripMarkdown removes Markdown syntax and returns clean plain text.
-func stripMarkdown(src string) string {
-	src = regexp.MustCompile(`(?m)^#{1,6}\s+`).ReplaceAllString(src, "")
-	src = regexp.MustCompile(`\*{1,3}|_{1,3}`).ReplaceAllString(src, "")
-	src = regexp.MustCompile("(?s)```.*?```").ReplaceAllString(src, "")
-	src = regexp.MustCompile("`[^`]*`").ReplaceAllString(src, "")
-	src = regexp.MustCompile(`\[([^\]]+)\]\([^)]+\)`).ReplaceAllString(src, "$1")
-	src = regexp.MustCompile(`!\[[^\]]*\]\([^)]+\)`).ReplaceAllString(src, "")
-	src = regexp.MustCompile(`(?m)^>\s?`).ReplaceAllString(src, "")
-	src = regexp.MustCompile(`(?m)^[-*_]{3,}\s*$`).ReplaceAllString(src, "")
-	src = regexp.MustCompile(`\n{3,}`).ReplaceAllString(src, "\n\n")
-	return strings.TrimSpace(src)
-}
-
-// adjacentChapters returns the chapter numbers immediately before and after n
-// in the sorted chapters list. 0 means "does not exist".
-func adjacentChapters(chapters []writer.ChapterInfo, n int) (prev, next int) {
-	for i, ch := range chapters {
-		if ch.Number == n {
-			if i > 0 {
-				prev = chapters[i-1].Number
-			}
-			if i < len(chapters)-1 {
-				next = chapters[i+1].Number
-			}
-			return
-		}
-	}
-	return
-}
-
-// stripFirstHeadingLine removes the first non-empty line if it is a markdown
-// heading (starts with one or more "#"). This prevents the heading from being
-// rendered as a duplicate <h1> inside the article when the template already
-// renders an explicit title above the article.
-func stripFirstHeadingLine(src string) string {
-	lines := strings.SplitN(src, "\n", -1)
-	for i, line := range lines {
-		trimmed := strings.TrimSpace(line)
-		if trimmed == "" {
-			continue
-		}
-		if strings.HasPrefix(trimmed, "#") {
-			// Remove this line and return the rest.
-			rest := strings.Join(append(lines[:i], lines[i+1:]...), "\n")
-			return strings.TrimLeft(rest, "\n")
-		}
-		// First non-empty line is not a heading — nothing to strip.
-		break
-	}
-	return src
-}
-
-// firstHeading returns the text of the first non-empty line, stripping a
-// leading "# " markdown heading marker. Falls back to fallback.
-func firstHeading(md, fallback string) string {
-	for _, line := range strings.SplitN(md, "\n", 20) {
-		line = strings.TrimSpace(line)
-		if line == "" {
-			continue
-		}
-		return strings.TrimPrefix(line, "# ")
-	}
-	return fallback
-}
-
-// ─── POST /ui/scrape/book — form submission ───────────────────────────────────
-
-func (s *Server) handleUIScrapeBook(w http.ResponseWriter, r *http.Request) {
-	bookURL := strings.TrimSpace(r.FormValue("url"))
-	if bookURL == "" {
-		renderFragment(w, scrapeStatusHTML("error", "Please enter a book URL."))
-		return
-	}
-
-	s.mu.Lock()
-	already := s.running
-	if !already {
-		s.running = true
-	}
-	s.mu.Unlock()
-
-	if already {
-		renderFragment(w, scrapeStatusHTML("busy", "A scrape job is already running. Please wait."))
-		return
-	}
-
-	cfg := s.oCfg
-	cfg.SingleBookURL = bookURL
-
-	go func() {
-		defer func() {
-			s.mu.Lock()
-			s.running = false
-			s.mu.Unlock()
-		}()
-
-		ctx, cancel := context.WithTimeout(context.Background(), 24*time.Hour)
-		defer cancel()
-
-		o := orchestrator.New(cfg, s.novel, s.log)
-		if err := o.Run(ctx); err != nil {
-			s.log.Error("UI scrape job failed", "url", bookURL, "err", err)
-		}
-	}()
-
-	// Return a status badge that polls until the job finishes.
-	renderFragment(w, scrapeStatusHTML("running", "Scraping "+bookURL+"…"))
-}
-
-// ─── GET /ui/scrape/status — polling endpoint ─────────────────────────────────
-
-func (s *Server) handleUIScrapeStatus(w http.ResponseWriter, r *http.Request) {
-	s.mu.Lock()
-	running := s.running
-	s.mu.Unlock()
-
-	if running {
-		// Keep polling every 3 s while the job is in progress.
-		renderFragment(w, scrapeStatusHTML("running", "Scraping in progress…"))
-		return
-	}
-	// Job finished — show a done badge and stop polling.
-	renderFragment(w, scrapeStatusHTML("done", "Done! Refresh the page to see new books."))
-}
-
-// scrapeStatusHTML returns a self-contained status badge fragment.
-// state is one of: "running" | "done" | "busy" | "error".
-func scrapeStatusHTML(state, msg string) string {
-	var colour, dot, poll string
-	switch state {
-	case "running":
-		colour = "text-amber-300 bg-amber-950 border-amber-800"
-		dot = `<span class="inline-block w-2 h-2 rounded-full bg-amber-400 animate-pulse mr-2"></span>`
-		poll = `hx-get="/ui/scrape/status" hx-trigger="every 3s" hx-target="this" hx-swap="outerHTML"`
-	case "done":
-		colour = "text-green-300 bg-green-950 border-green-800"
-		dot = `<span class="inline-block w-2 h-2 rounded-full bg-green-400 mr-2"></span>`
-	case "busy":
-		colour = "text-yellow-300 bg-yellow-950 border-yellow-800"
-		dot = `<span class="inline-block w-2 h-2 rounded-full bg-yellow-400 mr-2"></span>`
-	default: // error
-		colour = "text-red-300 bg-red-950 border-red-800"
-		dot = `<span class="inline-block w-2 h-2 rounded-full bg-red-400 mr-2"></span>`
-	}
-	return fmt.Sprintf(
-		`<div class="flex items-center text-sm px-3 py-2 rounded-lg border %s" %s>%s%s</div>`,
-		colour, poll, dot, template.HTMLEscapeString(msg),
-	)
-}
diff --git a/scraper/internal/writer/writer.go b/scraper/internal/writer/writer.go
deleted file mode 100644
index 82023d2..0000000
--- a/scraper/internal/writer/writer.go
+++ /dev/null
@@ -1,476 +0,0 @@
-// Package writer handles persistence of scraped chapters and metadata.
-//
-// Directory layout:
-//
-//	static/books/
-//	├── {book-slug}/
-//	│   ├── metadata.yaml
-//	│   ├── vol-0/          (no volume grouping)
-//	│   │   ├── 1-50/
-//	│   │   │   ├── chapter-1.md
-//	│   │   │   └── …
-//	│   │   └── 51-100/
-//	│   │       └── …
-//	│   └── vol-1/
-//	│       └── …
-package writer
-
-import (
-	"encoding/json"
-	"fmt"
-	"os"
-	"path/filepath"
-	"regexp"
-	"sort"
-	"strconv"
-	"strings"
-
-	"github.com/libnovel/scraper/internal/scraper"
-	"gopkg.in/yaml.v3"
-)
-
-const chaptersPerFolder = 50
-
-// Writer persists scraped content under a configurable root directory.
-type Writer struct {
-	root string // e.g. "./static/books"
-}
-
-// New creates a Writer that stores files under root.
-func New(root string) *Writer {
-	return &Writer{root: root}
-}
-
-// ─── Metadata ─────────────────────────────────────────────────────────────────
-
-// WriteMetadata serialises meta to static/books/{slug}/metadata.yaml.
-// It creates the directory if it does not exist and overwrites any existing file.
-func (w *Writer) WriteMetadata(meta scraper.BookMeta) error {
-	dir := w.bookDir(meta.Slug)
-	if err := os.MkdirAll(dir, 0o755); err != nil {
-		return fmt.Errorf("writer: mkdir %s: %w", dir, err)
-	}
-
-	path := filepath.Join(dir, "metadata.yaml")
-	f, err := os.Create(path)
-	if err != nil {
-		return fmt.Errorf("writer: create metadata %s: %w", path, err)
-	}
-	defer f.Close()
-
-	enc := yaml.NewEncoder(f)
-	enc.SetIndent(2)
-	if err := enc.Encode(meta); err != nil {
-		return fmt.Errorf("writer: encode metadata: %w", err)
-	}
-	return enc.Close()
-}
-
-// ReadMetadata reads the metadata.yaml for slug if it exists.
-// Returns (zero-value, false, nil) when the file does not exist.
-func (w *Writer) ReadMetadata(slug string) (scraper.BookMeta, bool, error) {
-	path := filepath.Join(w.bookDir(slug), "metadata.yaml")
-	data, err := os.ReadFile(path)
-	if err != nil {
-		if os.IsNotExist(err) {
-			return scraper.BookMeta{}, false, nil
-		}
-		return scraper.BookMeta{}, false, fmt.Errorf("writer: read metadata %s: %w", path, err)
-	}
-
-	var meta scraper.BookMeta
-	if err := yaml.Unmarshal(data, &meta); err != nil {
-		return scraper.BookMeta{}, true, fmt.Errorf("writer: unmarshal metadata %s: %w", path, err)
-	}
-	return meta, true, nil
-}
-
-// MetadataMtime returns the modification time (Unix seconds) of the
-// metadata.yaml file for slug, or 0 if the file cannot be stat'd.
-func (w *Writer) MetadataMtime(slug string) int64 {
-	path := filepath.Join(w.bookDir(slug), "metadata.yaml")
-	fi, err := os.Stat(path)
-	if err != nil {
-		return 0
-	}
-	return fi.ModTime().Unix()
-}
-
-// ─── Chapters ─────────────────────────────────────────────────────────────────
-
-// ChapterExists returns true if the markdown file for ref already exists on disk.
-func (w *Writer) ChapterExists(slug string, ref scraper.ChapterRef) bool {
-	_, err := os.Stat(w.chapterPath(slug, ref))
-	return err == nil
-}
-
-// WriteChapter writes chapter.Text to the appropriate markdown file.
-// The parent directories are created on demand.
-func (w *Writer) WriteChapter(slug string, chapter scraper.Chapter) error {
-	path := w.chapterPath(slug, chapter.Ref)
-	dir := filepath.Dir(path)
-
-	if err := os.MkdirAll(dir, 0o755); err != nil {
-		return fmt.Errorf("writer: mkdir %s: %w", dir, err)
-	}
-
-	// Build the markdown document.
-	var sb strings.Builder
-	sb.WriteString("# ")
-	sb.WriteString(chapter.Ref.Title)
-	sb.WriteString("\n\n")
-	sb.WriteString(chapter.Text)
-	sb.WriteString("\n")
-
-	if err := os.WriteFile(path, []byte(sb.String()), 0o644); err != nil {
-		return fmt.Errorf("writer: write chapter %s: %w", path, err)
-	}
-	return nil
-}
-
-// ─── Catalogue helpers ────────────────────────────────────────────────────────
-
-// ListBooks returns metadata for every book that has a metadata.yaml under root.
-// Books with unreadable metadata files are silently skipped.
-func (w *Writer) ListBooks() ([]scraper.BookMeta, error) {
-	entries, err := os.ReadDir(w.root)
-	if err != nil {
-		if os.IsNotExist(err) {
-			return nil, nil
-		}
-		return nil, fmt.Errorf("writer: list books: %w", err)
-	}
-	var books []scraper.BookMeta
-	for _, e := range entries {
-		if !e.IsDir() {
-			continue
-		}
-		meta, ok, _ := w.ReadMetadata(e.Name())
-		if !ok {
-			continue
-		}
-		books = append(books, meta)
-	}
-	sort.Slice(books, func(i, j int) bool {
-		return books[i].Title < books[j].Title
-	})
-	return books, nil
-}
-
-// LocalSlugs returns the set of book slugs that have a metadata.yaml on disk.
-// It is cheaper than ListBooks because it only checks for file existence rather
-// than fully parsing every YAML file.
-func (w *Writer) LocalSlugs() map[string]bool {
-	entries, err := os.ReadDir(w.root)
-	if err != nil {
-		return map[string]bool{}
-	}
-	slugs := make(map[string]bool, len(entries))
-	for _, e := range entries {
-		if !e.IsDir() {
-			continue
-		}
-		metaPath := filepath.Join(w.root, e.Name(), "metadata.yaml")
-		if _, err := os.Stat(metaPath); err == nil {
-			slugs[e.Name()] = true
-		}
-	}
-	return slugs
-}
-
-// ChapterInfo is a lightweight chapter descriptor derived from on-disk files.
-type ChapterInfo struct {
-	Number int
-	Title  string // chapter name, cleaned of number prefix and trailing date
-	Date   string // relative date scraped alongside the title, e.g. "1 year ago"
-}
-
-// ListChapters returns all chapters on disk for slug, sorted by number.
-func (w *Writer) ListChapters(slug string) ([]ChapterInfo, error) {
-	bookDir := w.bookDir(slug)
-	var chapters []ChapterInfo
-
-	// Walk vol-*/range-*/ directories.
-	volDirs, err := filepath.Glob(filepath.Join(bookDir, "vol-*"))
-	if err != nil {
-		return nil, fmt.Errorf("writer: list chapters glob: %w", err)
-	}
-	for _, vd := range volDirs {
-		rangeDirs, _ := filepath.Glob(filepath.Join(vd, "*-*"))
-		for _, rd := range rangeDirs {
-			files, _ := filepath.Glob(filepath.Join(rd, "chapter-*.md"))
-			for _, f := range files {
-				base := filepath.Base(f) // chapter-N.md
-				numStr := strings.TrimSuffix(strings.TrimPrefix(base, "chapter-"), ".md")
-				n, err := strconv.Atoi(numStr)
-				if err != nil {
-					continue
-				}
-				title, date := chapterTitle(f, n)
-				chapters = append(chapters, ChapterInfo{Number: n, Title: title, Date: date})
-			}
-		}
-	}
-	sort.Slice(chapters, func(i, j int) bool {
-		return chapters[i].Number < chapters[j].Number
-	})
-	return chapters, nil
-}
-
-// CountChapters returns the number of chapter markdown files on disk for slug.
-// It is cheaper than ListChapters because it does not read file contents.
-func (w *Writer) CountChapters(slug string) int {
-	bookDir := w.bookDir(slug)
-	volDirs, err := filepath.Glob(filepath.Join(bookDir, "vol-*"))
-	if err != nil {
-		return 0
-	}
-	count := 0
-	for _, vd := range volDirs {
-		rangeDirs, _ := filepath.Glob(filepath.Join(vd, "*-*"))
-		for _, rd := range rangeDirs {
-			files, _ := filepath.Glob(filepath.Join(rd, "chapter-*.md"))
-			count += len(files)
-		}
-	}
-	return count
-}
-
-// chapterTitle reads the first non-empty line of a markdown file and strips
-// the leading "# " heading marker. Falls back to "Chapter N".
-func chapterTitle(path string, n int) (title, date string) {
-	data, err := os.ReadFile(path)
-	if err != nil {
-		return fmt.Sprintf("Chapter %d", n), ""
-	}
-	for _, line := range strings.SplitN(string(data), "\n", 10) {
-		line = strings.TrimSpace(line)
-		if line == "" {
-			continue
-		}
-		line = strings.TrimPrefix(line, "# ")
-		return SplitChapterTitle(line)
-	}
-	return fmt.Sprintf("Chapter %d", n), ""
-}
-
-// SplitChapterTitle separates the human-readable chapter name from the
-// trailing relative-date string that novelfire.net appends to the heading.
-// Examples of raw heading text (after stripping "# "):
-//
-//	"1                                    Chapter 1 - 1: The Academy's Weakest1 year ago"
-//	"2  Chapter 2 - Enter the Storm3 months ago"
-//
-// The pattern is: optional leading number+whitespace, then the real title,
-// then a date that matches /\d+\s+(second|minute|hour|day|week|month|year)s?\s+ago$/
-func SplitChapterTitle(raw string) (title, date string) {
-	// Strip a leading chapter-number index that novelfire sometimes prepends.
-	// It looks like "1   " or "12  " at the very start.
-	raw = strings.TrimSpace(raw)
-	if idx := strings.IndexFunc(raw, func(r rune) bool { return r == ' ' || r == '\t' }); idx > 0 {
-		prefix := raw[:idx]
-		allDigit := true
-		for _, c := range prefix {
-			if c < '0' || c > '9' {
-				allDigit = false
-				break
-			}
-		}
-		if allDigit {
-			raw = strings.TrimSpace(raw[idx:])
-		}
-	}
-
-	// Strip "Chapter N - N: " prefix (novelfire double-number format).
-	// Also handles "Chapter N: " (single number) and "Chapter N - Title" without colon.
-	chNumRe := regexp.MustCompile(`(?i)^chapter\s+\d+(?:\s*-\s*\d+)?\s*:\s*`)
-	raw = strings.TrimSpace(chNumRe.ReplaceAllString(raw, ""))
-
-	// Match a trailing relative date: "<n> <unit>[s] ago"
-	dateRe := regexp.MustCompile(`\s*(\d+\s+(?:second|minute|hour|day|week|month|year)s?\s+ago)\s*$`)
-	if m := dateRe.FindStringSubmatchIndex(raw); m != nil {
-		return strings.TrimSpace(raw[:m[0]]), strings.TrimSpace(raw[m[2]:m[3]])
-	}
-	return raw, ""
-}
-
-// ReadChapter returns the raw markdown content for chapter number n of slug.
-func (w *Writer) ReadChapter(slug string, n int) (string, error) {
-	// Reconstruct path using the same bucketing formula as chapterPath.
-	ref := scraper.ChapterRef{Number: n, Volume: 0}
-	path := w.chapterPath(slug, ref)
-	data, err := os.ReadFile(path)
-	if err != nil {
-		return "", fmt.Errorf("writer: read chapter %d: %w", n, err)
-	}
-	return string(data), nil
-}
-
-// ─── Ranking ─────────────────────────────────────────────────────────────────
-
-// RankingItem represents a single entry in the ranking.
-type RankingItem struct {
-	Rank      int      `yaml:"rank"       json:"rank"`
-	Slug      string   `yaml:"slug"       json:"slug"`
-	Title     string   `yaml:"title"      json:"title"`
-	Author    string   `yaml:"author,omitempty"     json:"author,omitempty"`
-	Cover     string   `yaml:"cover,omitempty"      json:"cover,omitempty"`
-	Status    string   `yaml:"status,omitempty"     json:"status,omitempty"`
-	Genres    []string `yaml:"genres,omitempty"     json:"genres,omitempty"`
-	SourceURL string   `yaml:"source_url,omitempty" json:"source_url,omitempty"`
-}
-
-// WriteRanking saves the ranking items as JSON to static/books/ranking.json.
-// This replaces the old markdown table format with a structured format that
-// is faster to read back (no custom parsing) and safe for titles containing "|".
-func (w *Writer) WriteRanking(items []RankingItem) error {
-	path := filepath.Clean(w.rankingPath())
-	dir := filepath.Dir(path)
-	if err := os.MkdirAll(dir, 0o755); err != nil {
-		return fmt.Errorf("writer: mkdir %s: %w", dir, err)
-	}
-
-	data, err := json.MarshalIndent(items, "", "  ")
-	if err != nil {
-		return fmt.Errorf("writer: marshal ranking: %w", err)
-	}
-	if err := os.WriteFile(path, data, 0o644); err != nil {
-		return fmt.Errorf("writer: write ranking %s: %w", path, err)
-	}
-	return nil
-}
-
-// ReadRankingItems parses ranking.json into a slice of RankingItem.
-// Returns nil slice (not an error) when the file does not exist yet.
-func (w *Writer) ReadRankingItems() ([]RankingItem, error) {
-	data, err := os.ReadFile(w.rankingPath())
-	if err != nil {
-		if os.IsNotExist(err) {
-			return nil, nil
-		}
-		return nil, fmt.Errorf("writer: read ranking: %w", err)
-	}
-	var items []RankingItem
-	if err := json.Unmarshal(data, &items); err != nil {
-		return nil, fmt.Errorf("writer: parse ranking json: %w", err)
-	}
-	return items, nil
-}
-
-// RankingFileInfo returns os.FileInfo for the ranking.json file, if it exists.
-func (w *Writer) RankingFileInfo() (os.FileInfo, error) {
-	return os.Stat(w.rankingPath())
-}
-
-func (w *Writer) rankingPath() string {
-	return filepath.Join(w.root, "ranking.json")
-}
-
-// ─── Ranking page HTML cache ──────────────────────────────────────────────────
-
-// rankingCacheDir returns the directory that stores per-page HTML caches.
-func (w *Writer) rankingCacheDir() string {
-	return filepath.Join(w.root, "_ranking_cache")
-}
-
-// rankingPageCachePath returns the path for a cached ranking page HTML file.
-func (w *Writer) rankingPageCachePath(page int) string {
-	return filepath.Join(w.rankingCacheDir(), fmt.Sprintf("page-%d.html", page))
-}
-
-// WriteRankingPageCache persists raw HTML for the given ranking page number.
-func (w *Writer) WriteRankingPageCache(page int, html string) error {
-	dir := w.rankingCacheDir()
-	if err := os.MkdirAll(dir, 0o755); err != nil {
-		return fmt.Errorf("writer: mkdir ranking cache %s: %w", dir, err)
-	}
-	path := w.rankingPageCachePath(page)
-	if err := os.WriteFile(path, []byte(html), 0o644); err != nil {
-		return fmt.Errorf("writer: write ranking page cache %s: %w", path, err)
-	}
-	return nil
-}
-
-// ReadRankingPageCache reads the cached HTML for the given ranking page.
-// Returns ("", nil) when no cache file exists yet.
-func (w *Writer) ReadRankingPageCache(page int) (string, error) {
-	data, err := os.ReadFile(w.rankingPageCachePath(page))
-	if err != nil {
-		if os.IsNotExist(err) {
-			return "", nil
-		}
-		return "", fmt.Errorf("writer: read ranking page cache page %d: %w", page, err)
-	}
-	return string(data), nil
-}
-
-// RankingPageCacheInfo returns os.FileInfo for a cached ranking page file.
-// Returns (nil, nil) when the file does not exist.
-func (w *Writer) RankingPageCacheInfo(page int) (os.FileInfo, error) {
-	info, err := os.Stat(w.rankingPageCachePath(page))
-	if err != nil {
-		if os.IsNotExist(err) {
-			return nil, nil
-		}
-		return nil, err
-	}
-	return info, nil
-}
-
-// bookDir returns the root directory for a book slug.
-func (w *Writer) bookDir(slug string) string {
-	return filepath.Join(w.root, slug)
-}
-
-// AudioDir returns the directory used to cache generated MP3 files for a book.
-func (w *Writer) AudioDir(slug string) string {
-	return filepath.Join(w.bookDir(slug), "audio")
-}
-
-// AudioPath returns the full path for a cached chapter audio file.
-// The filename is keyed by chapter number, voice, and speed so that different
-// settings never collide.  Speed is formatted to one decimal place (e.g. "1.0").
-func (w *Writer) AudioPath(slug string, n int, voice string, speed float64) string {
-	safeVoice := sanitiseVoice(voice)
-	filename := fmt.Sprintf("ch%d-%s-%.1f.mp3", n, safeVoice, speed)
-	return filepath.Join(w.AudioDir(slug), filename)
-}
-
-// AudioPartPath returns the path for an individual audio chunk generated during
-// chunked TTS.  Part files are named ch{n}-{voice}-{speed}.part{p}.mp3 and are
-// deleted after they have been merged into the final AudioPath file.
-func (w *Writer) AudioPartPath(slug string, n int, voice string, speed float64, part int) string {
-	safeVoice := sanitiseVoice(voice)
-	filename := fmt.Sprintf("ch%d-%s-%.1f.part%d.mp3", n, safeVoice, speed, part)
-	return filepath.Join(w.AudioDir(slug), filename)
-}
-
-// sanitiseVoice converts a voice name into a string that is safe to embed in a
-// filename (only a-z, A-Z, 0-9, '_', '-' are kept; everything else becomes '_').
-func sanitiseVoice(voice string) string {
-	return strings.Map(func(r rune) rune {
-		if (r >= 'a' && r <= 'z') || (r >= 'A' && r <= 'Z') || (r >= '0' && r <= '9') || r == '_' || r == '-' {
-			return r
-		}
-		return '_'
-	}, voice)
-}
-
-// chapterPath computes the full file path for a chapter.
-//
-//	vol-{volume}/{folderRange}/chapter-{number}.md
-//
-// Example: vol-0/1-50/chapter-1.md, vol-0/51-100/chapter-51.md
-func (w *Writer) chapterPath(slug string, ref scraper.ChapterRef) string {
-	vol := ref.Volume // 0 == no volume grouping
-	volDir := fmt.Sprintf("vol-%d", vol)
-
-	// Folder group: chapters 1-50 → "1-50", 51-100 → "51-100", …
-	lo := ((ref.Number-1)/chaptersPerFolder)*chaptersPerFolder + 1
-	hi := lo + chaptersPerFolder - 1
-	rangeDir := fmt.Sprintf("%d-%d", lo, hi)
-
-	filename := fmt.Sprintf("chapter-%d.md", ref.Number)
-
-	return filepath.Join(w.bookDir(slug), volDir, rangeDir, filename)
-}
diff --git a/scraper/scraper b/scraper/scraper
deleted file mode 100755
index 9e8e1a6..0000000
Binary files a/scraper/scraper and /dev/null differ
diff --git a/scripts/e2e-test.mjs b/scripts/e2e-test.mjs
new file mode 100644
index 0000000..f6d8f37
--- /dev/null
+++ b/scripts/e2e-test.mjs
@@ -0,0 +1,423 @@
+#!/usr/bin/env node
+/**
+ * e2e-test.mjs — End-to-end tests for the LibNovel v3 stack.
+ *
+ * Hits live services via https://localhost (self-signed cert, TLS verify skipped).
+ * Requires: Node 18+ (built-in fetch with TLS options via --experimental-fetch or
+ * native in Node 21+). Run with: node --experimental-vm-modules scripts/e2e-test.mjs
+ * or simply: node scripts/e2e-test.mjs
+ *
+ * Services tested:
+ *   - Caddy / UI    https://localhost
+ *   - Go backend    via UI proxy routes
+ *   - PocketBase    via UI server-side (indirect)
+ *
+ * Usage:
+ *   node scripts/e2e-test.mjs
+ *   node scripts/e2e-test.mjs --verbose
+ */
+
+import { createServer } from 'node:https';
+import { request as httpRequest } from 'node:https';
+import { URL } from 'node:url';
+
+const BASE = 'https://localhost';
+const VERBOSE = process.argv.includes('--verbose');
+
+// ─── Helpers ──────────────────────────────────────────────────────────────────
+
+let passed = 0;
+let failed = 0;
+const failures = [];
+
+function log(...args) {
+  if (VERBOSE) console.log(...args);
+}
+
+function pass(name) {
+  passed++;
+  console.log(`  ✓  ${name}`);
+}
+
+function fail(name, reason) {
+  failed++;
+  const msg = `  ✗  ${name}: ${reason}`;
+  console.log(msg);
+  failures.push({ name, reason });
+}
+
+/**
+ * fetch() that ignores TLS certificate errors (self-signed cert on localhost).
+ */
+async function get(path, { headers = {}, followRedirects = false } = {}) {
+  const url = path.startsWith('http') ? path : `${BASE}${path}`;
+  const res = await fetch(url, {
+    redirect: followRedirects ? 'follow' : 'manual',
+    headers,
+    // Node 18/19 uses undici which respects NODE_TLS_REJECT_UNAUTHORIZED
+  });
+  return res;
+}
+
+async function post(path, body, { headers = {}, cookie = '' } = {}) {
+  const url = path.startsWith('http') ? path : `${BASE}${path}`;
+  const res = await fetch(url, {
+    method: 'POST',
+    redirect: 'manual',
+    headers: {
+      'Content-Type': 'application/json',
+      ...(cookie ? { Cookie: cookie } : {}),
+      ...headers,
+    },
+    body: JSON.stringify(body),
+  });
+  return res;
+}
+
+async function del(path, { cookie = '' } = {}) {
+  const url = path.startsWith('http') ? path : `${BASE}${path}`;
+  const res = await fetch(url, {
+    method: 'DELETE',
+    redirect: 'manual',
+    headers: cookie ? { Cookie: cookie } : {},
+  });
+  return res;
+}
+
+/** Extract Set-Cookie header value(s) as a single cookie string. */
+function extractCookies(res) {
+  const raw = res.headers.getSetCookie?.() ?? [];
+  return raw.map((c) => c.split(';')[0]).join('; ');
+}
+
+async function assert(name, fn) {
+  try {
+    await fn();
+    pass(name);
+  } catch (e) {
+    fail(name, e.message);
+  }
+}
+
+function expect(val, label) {
+  return {
+    toBe(expected) {
+      if (val !== expected) throw new Error(`${label}: expected ${expected}, got ${val}`);
+    },
+    toBeOneOf(...options) {
+      if (!options.includes(val)) throw new Error(`${label}: expected one of [${options.join(', ')}], got ${val}`);
+    },
+    toBeOk() {
+      if (!val) throw new Error(`${label} was falsy`);
+    },
+    toContainKey(key) {
+      if (!(key in val)) throw new Error(`${label}: missing key "${key}"`);
+    },
+    toBeArray() {
+      if (!Array.isArray(val)) throw new Error(`${label}: expected array, got ${typeof val}`);
+    },
+    toBeAbove(n) {
+      if (!(val > n)) throw new Error(`${label}: expected > ${n}, got ${val}`);
+    },
+  };
+}
+
+// ─── Test suite ───────────────────────────────────────────────────────────────
+
+process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0';
+
+// Pick a known book slug from the database (first available)
+let TEST_SLUG = null;
+
+console.log('\nLibNovel v3 — End-to-End Tests');
+console.log('================================\n');
+
+// ── 1. Health checks ──────────────────────────────────────────────────────────
+console.log('1. Health checks');
+
+await assert('UI health endpoint returns 200', async () => {
+  const res = await get('/health');
+  expect(res.status, 'status').toBe(200);
+});
+
+await assert('Home page returns 200', async () => {
+  const res = await get('/', { followRedirects: true });
+  expect(res.status, 'status').toBe(200);
+  const html = await res.text();
+  expect(html.includes('<html') || html.includes('<!DOCTYPE'), 'has html').toBe(true);
+});
+
+await assert('Browse page returns 200', async () => {
+  const res = await get('/browse', { followRedirects: true });
+  expect(res.status, 'status').toBe(200);
+});
+
+// ── 2. Home API ───────────────────────────────────────────────────────────────
+console.log('\n2. Home API');
+
+let homeData = null;
+
+await assert('GET /api/home returns continue_reading and recently_updated', async () => {
+  const res = await get('/api/home', { followRedirects: true });
+  expect(res.status, 'status').toBe(200);
+  homeData = await res.json();
+  expect(homeData, 'data').toContainKey('continue_reading');
+  expect(homeData, 'data').toContainKey('recently_updated');
+  expect(homeData.continue_reading, 'continue_reading').toBeArray();
+  expect(homeData.recently_updated, 'recently_updated').toBeArray();
+});
+
+await assert('GET /api/home stats has totalBooks and totalChapters', async () => {
+  if (!homeData) {
+    const res = await get('/api/home', { followRedirects: true });
+    homeData = await res.json();
+  }
+  expect(homeData, 'data').toContainKey('stats');
+  expect(typeof homeData.stats.totalBooks, 'totalBooks type').toBe('number');
+  expect(typeof homeData.stats.totalChapters, 'totalChapters type').toBe('number');
+});
+
+// ── 3. Browse / ranking / search ──────────────────────────────────────────────
+console.log('\n3. Browse / ranking / search');
+
+await assert('GET /api/browse-page returns novels array', async () => {
+  const res = await get('/api/browse-page?page=1', { followRedirects: true });
+  expect(res.status, 'status').toBeOneOf(200, 503);
+  if (res.status === 200) {
+    const data = await res.json();
+    // Accepts { novels: [...] } or { error: ... } (when MinIO cache is empty)
+    expect(typeof data, 'response type').toBe('object');
+  }
+});
+
+await assert('GET /api/ranking returns array or 502 (no data yet)', async () => {
+  const res = await get('/api/ranking', { followRedirects: true });
+  // 200 = ranking data exists; 502 = no ranking data scraped yet — both are expected
+  expect(res.status, 'status').toBeOneOf(200, 502);
+  if (res.status === 200) {
+    const data = await res.json();
+    expect(data, 'data').toBeArray();
+  }
+});
+
+await assert('GET /api/search?q=shadow returns results object', async () => {
+  const res = await get('/api/search?q=shadow', { followRedirects: true });
+  expect(res.status, 'status').toBe(200);
+  const data = await res.json();
+  expect(typeof data, 'response type').toBe('object');
+});
+
+// ── 4. Books ──────────────────────────────────────────────────────────────────
+console.log('\n4. Books');
+
+// Find a real slug from /api/home
+await assert('GET /api/home books are accessible', async () => {
+  if (!homeData) {
+    const res = await get('/api/home', { followRedirects: true });
+    homeData = await res.json();
+  }
+  const books = homeData?.recently_updated ?? [];
+  if (books.length > 0) {
+    TEST_SLUG = books[0].slug;
+    log(`  Using test slug: ${TEST_SLUG}`);
+  }
+  // Pass regardless — we just want to find a slug
+});
+
+if (TEST_SLUG) {
+  await assert(`GET /api/book/${TEST_SLUG} returns book metadata`, async () => {
+    const res = await get(`/api/book/${TEST_SLUG}`, { followRedirects: true });
+    expect(res.status, 'status').toBe(200);
+    const data = await res.json();
+    // Returns { book: { slug, ... }, chapters: [...] }
+    expect(data, 'data').toContainKey('book');
+    expect(data.book, 'book').toContainKey('slug');
+    expect(data.book.slug, 'slug').toBe(TEST_SLUG);
+  });
+
+  await assert(`Book detail page /${TEST_SLUG} returns 200`, async () => {
+    const res = await get(`/${TEST_SLUG}`, { followRedirects: true });
+    expect(res.status, 'status').toBe(200);
+  });
+} else {
+  console.log('  ⚠  No books in database — skipping book-specific tests');
+}
+
+// ── 5. Voices ─────────────────────────────────────────────────────────────────
+console.log('\n5. Voices');
+
+await assert('GET /api/voices returns voices array', async () => {
+  const res = await get('/api/voices', { followRedirects: true });
+  expect(res.status, 'status').toBe(200);
+  const data = await res.json();
+  // Returns { voices: [...] }
+  expect(data, 'data').toContainKey('voices');
+  expect(data.voices, 'voices').toBeArray();
+  expect(data.voices.length, 'voice count').toBeAbove(0);
+});
+
+// ── 6. Auth flow ──────────────────────────────────────────────────────────────
+console.log('\n6. Auth flow');
+
+const TEST_USER = `e2e_test_${Date.now()}`;
+const TEST_PASS = 'E2eTestPassword1!';
+let authCookie = '';
+
+await assert('POST /api/auth/register creates new user', async () => {
+  const res = await post('/api/auth/register', { username: TEST_USER, password: TEST_PASS });
+  expect(res.status, 'status').toBeOneOf(200, 201);
+  const data = await res.json();
+  // Returns { token: "...", user: { id, username, role } }
+  expect(data, 'response').toContainKey('user');
+  expect(data.user, 'user').toContainKey('username');
+  expect(data.user.username, 'username').toBe(TEST_USER);
+  // Build cookie from token
+  if (data.token) {
+    authCookie = `libnovel_auth=${data.token}`;
+  } else {
+    authCookie = extractCookies(res);
+  }
+  log(`  Auth cookie: ${authCookie.slice(0, 40)}...`);
+});
+
+await assert('GET /api/auth/me returns current user when logged in', async () => {
+  const res = await get('/api/auth/me', { followRedirects: true, headers: { Cookie: authCookie } });
+  expect(res.status, 'status').toBe(200);
+  const data = await res.json();
+  expect(data, 'data').toContainKey('username');
+  expect(data.username, 'username').toBe(TEST_USER);
+});
+
+await assert('POST /api/auth/logout clears session', async () => {
+  const res = await post('/api/auth/logout', {}, { cookie: authCookie });
+  expect(res.status, 'status').toBeOneOf(200, 204);
+});
+
+await assert('POST /api/auth/login works after register', async () => {
+  const res = await post('/api/auth/login', { username: TEST_USER, password: TEST_PASS });
+  expect(res.status, 'status').toBe(200);
+  const data = await res.json();
+  // Returns { token: "...", user: { id, username, role } }
+  expect(data, 'response').toContainKey('user');
+  expect(data.user.username, 'username').toBe(TEST_USER);
+  if (data.token) {
+    authCookie = `libnovel_auth=${data.token}`;
+  } else {
+    authCookie = extractCookies(res);
+  }
+});
+
+await assert('GET /api/auth/me unauthenticated returns 401', async () => {
+  const res = await get('/api/auth/me', { followRedirects: true });
+  expect(res.status, 'status').toBe(401);
+});
+
+// ── 7. Progress ───────────────────────────────────────────────────────────────
+console.log('\n7. Progress');
+
+// /api/progress (root) is POST-only. Per-slug is GET/POST/DELETE via /api/progress/[slug].
+
+if (TEST_SLUG) {
+  await assert(`POST /api/progress/${TEST_SLUG} sets progress`, async () => {
+    const res = await post(`/api/progress/${TEST_SLUG}`, { chapter: 1 });
+    expect(res.status, 'status').toBeOneOf(200, 201);
+    const data = await res.json();
+    expect(data, 'data').toContainKey('ok');
+  });
+
+  await assert(`DELETE /api/progress/${TEST_SLUG} removes progress`, async () => {
+    const res = await del(`/api/progress/${TEST_SLUG}`);
+    expect(res.status, 'status').toBeOneOf(200, 204);
+  });
+} else {
+  console.log('  ⚠  No books — skipping progress tests');
+}
+
+// ── 8. Library ────────────────────────────────────────────────────────────────
+console.log('\n8. Library');
+
+await assert('GET /api/library returns object', async () => {
+  const res = await get('/api/library', { followRedirects: true });
+  expect(res.status, 'status').toBe(200);
+  const data = await res.json();
+  expect(typeof data, 'data type').toBe('object');
+});
+
+if (TEST_SLUG) {
+  await assert(`POST /api/library/${TEST_SLUG} saves book`, async () => {
+    const res = await post(`/api/library/${TEST_SLUG}`, {});
+    expect(res.status, 'status').toBeOneOf(200, 201);
+  });
+
+  await assert(`DELETE /api/library/${TEST_SLUG} removes book`, async () => {
+    const res = await del(`/api/library/${TEST_SLUG}`);
+    expect(res.status, 'status').toBeOneOf(200, 204);
+  });
+}
+
+// ── 9. Settings ───────────────────────────────────────────────────────────────
+console.log('\n9. Settings');
+
+await assert('GET /api/settings returns settings object', async () => {
+  const res = await get('/api/settings', { followRedirects: true });
+  expect(res.status, 'status').toBe(200);
+  const data = await res.json();
+  expect(typeof data, 'data type').toBe('object');
+});
+
+// ── 10. Sessions ──────────────────────────────────────────────────────────────
+console.log('\n10. Sessions');
+
+await assert('GET /api/sessions (authenticated) returns sessions array', async () => {
+  const res = await get('/api/sessions', { followRedirects: true, headers: { Cookie: authCookie } });
+  expect(res.status, 'status').toBe(200);
+  const data = await res.json();
+  // Returns { sessions: [...] }
+  expect(data, 'data').toContainKey('sessions');
+  expect(data.sessions, 'sessions').toBeArray();
+});
+
+// ── 11. Comments ──────────────────────────────────────────────────────────────
+console.log('\n11. Comments');
+
+if (TEST_SLUG) {
+  await assert(`GET /api/comments/${TEST_SLUG} returns comments`, async () => {
+    const res = await get(`/api/comments/${TEST_SLUG}`, { followRedirects: true });
+    expect(res.status, 'status').toBe(200);
+    const data = await res.json();
+    // Returns { comments: [...], myVotes: {}, avatarUrls: {} }
+    expect(data, 'data').toContainKey('comments');
+    expect(data.comments, 'comments').toBeArray();
+  });
+}
+
+// ── 12. Chapter endpoints ─────────────────────────────────────────────────────
+console.log('\n12. Chapter endpoints');
+
+if (TEST_SLUG) {
+  await assert(`GET /api/chapter/${TEST_SLUG}/1 returns 200 or 404`, async () => {
+    const res = await get(`/api/chapter/${TEST_SLUG}/1`, { followRedirects: true });
+    // 200 if chapter exists in MinIO, 404 if not
+    expect(res.status, 'status').toBeOneOf(200, 404);
+  });
+
+  await assert(`GET /api/chapter-text-preview/${TEST_SLUG}/1 returns 200 or error`, async () => {
+    const res = await get(`/api/chapter-text-preview/${TEST_SLUG}/1`, { followRedirects: true });
+    expect(res.status, 'status').toBeOneOf(200, 404, 500, 503);
+  });
+}
+
+// ── Summary ───────────────────────────────────────────────────────────────────
+console.log('\n─────────────────────────────────────');
+console.log(`Results: ${passed} passed, ${failed} failed`);
+
+if (failures.length > 0) {
+  console.log('\nFailures:');
+  for (const f of failures) {
+    console.log(`  ✗  ${f.name}`);
+    console.log(`     ${f.reason}`);
+  }
+}
+
+console.log('─────────────────────────────────────\n');
+process.exit(failed > 0 ? 1 : 0);
diff --git a/scripts/libnovel.sh b/scripts/libnovel.sh
new file mode 100644
index 0000000..2b76f98
--- /dev/null
+++ b/scripts/libnovel.sh
@@ -0,0 +1,100 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+# ── LibNovel — production management script ───────────────────────────────────
+# Prerequisites on the server:
+#   - docker + docker compose plugin
+#   - doppler CLI authenticated (doppler setup run once in the repo directory)
+#   - docker-compose.yml present in the same directory as this script
+#
+# Usage: ./libnovel.sh <command> [service]
+#
+#   up              Start all services (detached)
+#   down            Stop all services
+#   restart         Stop then start all services
+#   restart <svc>   Restart a single service
+#   pull            Pull latest images from Docker Hub (uses GIT_TAG from Doppler)
+#   update          Pull images then recreate containers
+#   logs            Tail all logs
+#   logs <svc>      Tail a specific service
+#   ps              Show running containers
+#   shell <svc>     Open a shell in a running container
+#   init            Run one-shot init containers
+#   secrets         Print all Doppler secrets (debug)
+# ──────────────────────────────────────────────────────────────────────────────
+
+DC="doppler run -- docker compose"
+CMD="${1:-help}"
+SVC="${2:-}"
+
+case "$CMD" in
+  up)
+    $DC up -d
+    ;;
+
+  down)
+    $DC down
+    ;;
+
+  restart)
+    if [[ -n "$SVC" ]]; then
+      $DC restart "$SVC"
+    else
+      $DC down
+      $DC up -d
+    fi
+    ;;
+
+  pull)
+    $DC pull backend runner ui caddy
+    ;;
+
+  update)
+    $DC pull backend runner ui caddy
+    $DC up -d
+    ;;
+
+  logs)
+    if [[ -n "$SVC" ]]; then
+      $DC logs -f --tail=100 "$SVC"
+    else
+      $DC logs -f --tail=50
+    fi
+    ;;
+
+  ps)
+    $DC ps
+    ;;
+
+  shell)
+    [[ -z "$SVC" ]] && { echo "Usage: $0 shell <service>"; exit 1; }
+    $DC exec "$SVC" sh
+    ;;
+
+  init)
+    $DC run --rm minio-init
+    $DC run --rm pb-init
+    $DC run --rm postgres-init
+    ;;
+
+  secrets)
+    doppler secrets --project libnovel --config prd
+    ;;
+
+  help|*)
+    echo "Usage: $0 <command> [service]"
+    echo ""
+    echo "  up              Start all services"
+    echo "  down            Stop all services"
+    echo "  restart         Full restart"
+    echo "  restart <svc>   Restart one service"
+    echo "  pull            Pull latest images from Docker Hub"
+    echo "  update          Pull + recreate containers"
+    echo "  logs            Tail all logs"
+    echo "  logs <svc>      Tail one service"
+    echo "  ps              Show running containers"
+    echo "  shell <svc>     Shell into a container"
+    echo "  init            Run init containers (first-time setup)"
+    echo "  secrets         Print Doppler secrets"
+    ;;
+esac
diff --git a/scripts/pb-init-v3.sh b/scripts/pb-init-v3.sh
new file mode 100755
index 0000000..132647a
--- /dev/null
+++ b/scripts/pb-init-v3.sh
@@ -0,0 +1,419 @@
+#!/bin/sh
+# pb-init-v3.sh — idempotent PocketBase bootstrap for the v3 stack.
+#
+# Safe to re-run: existing collections and fields are silently skipped.
+#
+# Env vars (defaults match docker-compose.yml):
+#   POCKETBASE_URL             http://pocketbase:8090
+#   POCKETBASE_ADMIN_EMAIL     admin@libnovel.local
+#   POCKETBASE_ADMIN_PASSWORD  changeme123
+
+set -e
+
+PB="${POCKETBASE_URL:-http://pocketbase:8090}"
+EMAIL="${POCKETBASE_ADMIN_EMAIL:-admin@libnovel.local}"
+PASS="${POCKETBASE_ADMIN_PASSWORD:-changeme123}"
+
+log() { printf '[pb-init] %s\n' "$*"; }
+
+# ── 0. Ensure dependencies ────────────────────────────────────────────────────
+command -v curl    > /dev/null 2>&1 || apk add --no-cache curl    > /dev/null 2>&1
+command -v python3 > /dev/null 2>&1 || apk add --no-cache python3 > /dev/null 2>&1
+
+# ── 1. Wait for PocketBase ────────────────────────────────────────────────────
+log "waiting for PocketBase..."
+until curl -sf "$PB/api/health" > /dev/null 2>&1; do sleep 2; done
+log "PocketBase ready"
+
+# ── 2. Bootstrap superuser (first-run only) ───────────────────────────────────
+LOCATION=$(curl -sf -o /dev/null -w "%{redirect_url}" "$PB/_/" 2>/dev/null || true)
+if echo "$LOCATION" | grep -q "pbinstal/"; then
+  TOKEN=$(echo "$LOCATION" | sed 's|.*pbinstal/||' | tr -d ' \r\n')
+  curl -sf -X POST "$PB/api/collections/_superusers/records" \
+    -H "Content-Type: application/json" \
+    -H "Authorization: Bearer $TOKEN" \
+    -d "{\"email\":\"$EMAIL\",\"password\":\"$PASS\",\"passwordConfirm\":\"$PASS\"}" \
+    > /dev/null 2>&1 || true
+  log "superuser created"
+fi
+
+# ── 3. Authenticate ───────────────────────────────────────────────────────────
+AUTH=$(curl -sf -X POST "$PB/api/collections/_superusers/auth-with-password" \
+  -H "Content-Type: application/json" \
+  -d "{\"identity\":\"$EMAIL\",\"password\":\"$PASS\"}")
+TOK=$(echo "$AUTH" | sed 's/.*"token":"\([^"]*\)".*/\1/')
+[ -z "$TOK" ] || [ "$TOK" = "$AUTH" ] && { log "ERROR: auth failed"; exit 1; }
+log "authenticated"
+
+# ── Helpers ───────────────────────────────────────────────────────────────────
+
+# create NAME BODY — POST collection; 400/422 = already exists, treated as ok.
+create() {
+  NAME="$1"; BODY="$2"
+  STATUS=$(curl -s -o /dev/null -w "%{http_code}" \
+    -X POST "$PB/api/collections" \
+    -H "Content-Type: application/json" \
+    -H "Authorization: Bearer $TOK" \
+    -d "$BODY")
+  case "$STATUS" in
+    200|201) log "created: $NAME" ;;
+    400|422) log "exists (skip): $NAME" ;;
+    *)       log "WARNING: $NAME returned $STATUS" ;;
+  esac
+}
+
+# add_index COLLECTION INDEX_NAME SQL_EXPR
+# Fetches current schema, adds index if absent by name, PATCHes collection.
+add_index() {
+  COLL="$1"; INAME="$2"; ISQL="$3"
+  SCHEMA=$(curl -sf -H "Authorization: Bearer $TOK" "$PB/api/collections/$COLL" 2>/dev/null)
+  PARSED=$(echo "$SCHEMA" | python3 -c "
+import sys, json
+d = json.load(sys.stdin)
+indexes = d.get('indexes', [])
+exists = any('$INAME' in idx for idx in indexes)
+print('exists=' + str(exists))
+print('id=' + d.get('id', ''))
+if not exists:
+    indexes.append('$ISQL')
+    print('indexes=' + json.dumps(indexes))
+" 2>/dev/null)
+  if echo "$PARSED" | grep -q "^exists=True"; then
+    log "index exists (skip): $COLL.$INAME"; return
+  fi
+  COLL_ID=$(echo "$PARSED" | grep "^id=" | sed 's/^id=//')
+  [ -z "$COLL_ID" ] && { log "WARNING: cannot resolve id for $COLL"; return; }
+  NEW_INDEXES=$(echo "$PARSED" | grep "^indexes=" | sed 's/^indexes=//')
+  STATUS=$(curl -s -o /dev/null -w "%{http_code}" \
+    -X PATCH "$PB/api/collections/$COLL_ID" \
+    -H "Content-Type: application/json" \
+    -H "Authorization: Bearer $TOK" \
+    -d "{\"indexes\":${NEW_INDEXES}}")
+  case "$STATUS" in
+    200|201) log "added index: $COLL.$INAME" ;;
+    *)       log "WARNING: add_index $COLL.$INAME returned $STATUS" ;;
+  esac
+}
+
+# add_field COLLECTION FIELD_NAME FIELD_TYPE
+# Fetches current schema, appends field if absent, PATCHes collection.
+# Requires python3 for safe JSON manipulation.
+add_field() {
+  COLL="$1"; FIELD="$2"; TYPE="$3"
+  SCHEMA=$(curl -sf -H "Authorization: Bearer $TOK" "$PB/api/collections/$COLL" 2>/dev/null)
+  # Check existence and extract collection id + fields via python3
+  PARSED=$(echo "$SCHEMA" | python3 -c "
+import sys, json
+d = json.load(sys.stdin)
+fields = d.get('fields', [])
+exists = any(f.get('name') == '$FIELD' for f in fields)
+print('exists=' + str(exists))
+print('id=' + d.get('id', ''))
+if not exists:
+    fields.append({'name': '$FIELD', 'type': '$TYPE'})
+    print('fields=' + json.dumps(fields))
+" 2>/dev/null)
+  if echo "$PARSED" | grep -q "^exists=True"; then
+    log "field exists (skip): $COLL.$FIELD"; return
+  fi
+  COLL_ID=$(echo "$PARSED" | grep "^id=" | sed 's/^id=//')
+  [ -z "$COLL_ID" ] && { log "WARNING: cannot resolve id for $COLL"; return; }
+  NEW_FIELDS=$(echo "$PARSED" | grep "^fields=" | sed 's/^fields=//')
+  STATUS=$(curl -s -o /dev/null -w "%{http_code}" \
+    -X PATCH "$PB/api/collections/$COLL_ID" \
+    -H "Content-Type: application/json" \
+    -H "Authorization: Bearer $TOK" \
+    -d "{\"fields\":${NEW_FIELDS}}")
+  case "$STATUS" in
+    200|201) log "added field: $COLL.$FIELD ($TYPE)" ;;
+    *)       log "WARNING: add_field $COLL.$FIELD returned $STATUS" ;;
+  esac
+}
+
+# ── 4. Collections ────────────────────────────────────────────────────────────
+
+create "books" '{
+  "name":"books","type":"base","fields":[
+    {"name":"slug",          "type":"text",   "required":true},
+    {"name":"title",         "type":"text",   "required":true},
+    {"name":"author",        "type":"text"},
+    {"name":"cover",         "type":"text"},
+    {"name":"status",        "type":"text"},
+    {"name":"genres",        "type":"json"},
+    {"name":"summary",       "type":"text"},
+    {"name":"total_chapters","type":"number"},
+    {"name":"source_url",    "type":"text"},
+    {"name":"ranking",       "type":"number"},
+    {"name":"meta_updated",  "type":"text"},
+    {"name":"archived",      "type":"bool"}
+  ]}'
+
+create "chapters_idx" '{
+  "name":"chapters_idx","type":"base","fields":[
+    {"name":"slug",    "type":"text",   "required":true},
+    {"name":"number",  "type":"number", "required":true},
+    {"name":"title",   "type":"text"},
+    {"name":"created", "type":"date"}
+  ]}'
+
+create "ranking" '{
+  "name":"ranking","type":"base","fields":[
+    {"name":"rank",      "type":"number","required":true},
+    {"name":"slug",      "type":"text",  "required":true},
+    {"name":"title",     "type":"text"},
+    {"name":"author",    "type":"text"},
+    {"name":"cover",     "type":"text"},
+    {"name":"status",    "type":"text"},
+    {"name":"genres",    "type":"json"},
+    {"name":"source_url","type":"text"}
+  ]}'
+
+create "progress" '{
+  "name":"progress","type":"base","fields":[
+    {"name":"session_id","type":"text",  "required":true},
+    {"name":"slug",      "type":"text",  "required":true},
+    {"name":"chapter",   "type":"number"},
+    {"name":"user_id",   "type":"text"},
+    {"name":"audio_time","type":"number"},
+    {"name":"updated",   "type":"text"}
+  ]}'
+
+create "scraping_tasks" '{
+  "name":"scraping_tasks","type":"base","fields":[
+    {"name":"kind",             "type":"text"},
+    {"name":"target_url",       "type":"text"},
+    {"name":"from_chapter",     "type":"number"},
+    {"name":"to_chapter",       "type":"number"},
+    {"name":"worker_id",        "type":"text"},
+    {"name":"status",           "type":"text","required":true},
+    {"name":"books_found",      "type":"number"},
+    {"name":"chapters_scraped", "type":"number"},
+    {"name":"chapters_skipped", "type":"number"},
+    {"name":"errors",           "type":"number"},
+    {"name":"error_message",    "type":"text"},
+    {"name":"started",          "type":"date"},
+    {"name":"finished",         "type":"date"},
+    {"name":"heartbeat_at",     "type":"date"}
+  ]}'
+
+create "audio_jobs" '{
+  "name":"audio_jobs","type":"base","fields":[
+    {"name":"cache_key",    "type":"text",  "required":true},
+    {"name":"slug",         "type":"text",  "required":true},
+    {"name":"chapter",      "type":"number","required":true},
+    {"name":"voice",        "type":"text"},
+    {"name":"worker_id",    "type":"text"},
+    {"name":"status",       "type":"text",  "required":true},
+    {"name":"error_message","type":"text"},
+    {"name":"started",      "type":"date"},
+    {"name":"finished",     "type":"date"},
+    {"name":"heartbeat_at", "type":"date"}
+  ]}'
+
+create "app_users" '{
+  "name":"app_users","type":"base","fields":[
+    {"name":"username",              "type":"text","required":true},
+    {"name":"password_hash",         "type":"text"},
+    {"name":"role",                  "type":"text"},
+    {"name":"avatar_url",            "type":"text"},
+    {"name":"created",               "type":"text"},
+    {"name":"email",                 "type":"text"},
+    {"name":"email_verified",        "type":"bool"},
+    {"name":"verification_token",    "type":"text"},
+    {"name":"verification_token_exp","type":"text"},
+    {"name":"oauth_provider",        "type":"text"},
+    {"name":"oauth_id",              "type":"text"}
+  ]}'
+
+ create "user_sessions" '{
+  "name":"user_sessions","type":"base","fields":[
+    {"name":"user_id",            "type":"text","required":true},
+    {"name":"session_id",         "type":"text","required":true},
+    {"name":"user_agent",         "type":"text"},
+    {"name":"ip",                 "type":"text"},
+    {"name":"device_fingerprint", "type":"text"},
+    {"name":"created_at",         "type":"text"},
+    {"name":"last_seen",          "type":"text"}
+  ]}'
+
+create "user_library" '{
+  "name":"user_library","type":"base","fields":[
+    {"name":"session_id","type":"text","required":true},
+    {"name":"user_id",  "type":"text"},
+    {"name":"slug",     "type":"text","required":true},
+    {"name":"saved_at", "type":"text"}
+  ]}'
+
+create "user_settings" '{
+  "name":"user_settings","type":"base","fields":[
+    {"name":"session_id",      "type":"text",  "required":true},
+    {"name":"user_id",         "type":"text"},
+    {"name":"auto_next",       "type":"bool"},
+    {"name":"voice",           "type":"text"},
+    {"name":"speed",           "type":"number"},
+    {"name":"theme",           "type":"text"},
+    {"name":"locale",          "type":"text"},
+    {"name":"font_family",     "type":"text"},
+    {"name":"font_size",       "type":"number"},
+    {"name":"announce_chapter","type":"bool"},
+    {"name":"audio_mode",      "type":"text"},
+    {"name":"updated",         "type":"text"}
+  ]}'
+
+create "user_subscriptions" '{
+  "name":"user_subscriptions","type":"base","fields":[
+    {"name":"follower_id","type":"text","required":true},
+    {"name":"followee_id","type":"text","required":true},
+    {"name":"created",   "type":"text"}
+  ]}'
+
+create "book_comments" '{
+  "name":"book_comments","type":"base","fields":[
+    {"name":"slug",     "type":"text","required":true},
+    {"name":"user_id",  "type":"text"},
+    {"name":"username", "type":"text"},
+    {"name":"body",     "type":"text"},
+    {"name":"upvotes",  "type":"number"},
+    {"name":"downvotes","type":"number"},
+    {"name":"parent_id","type":"text"},
+    {"name":"created",  "type":"text"}
+  ]}'
+
+create "comment_votes" '{
+  "name":"comment_votes","type":"base","fields":[
+    {"name":"comment_id","type":"text","required":true},
+    {"name":"user_id",  "type":"text"},
+    {"name":"session_id","type":"text"},
+    {"name":"vote",     "type":"text"}
+  ]}'
+
+create "translation_jobs" '{
+  "name":"translation_jobs","type":"base","fields":[
+    {"name":"cache_key",    "type":"text",  "required":true},
+    {"name":"slug",         "type":"text",  "required":true},
+    {"name":"chapter",      "type":"number","required":true},
+    {"name":"lang",         "type":"text",  "required":true},
+    {"name":"worker_id",    "type":"text"},
+    {"name":"status",       "type":"text",  "required":true},
+    {"name":"error_message","type":"text"},
+    {"name":"started",      "type":"date"},
+    {"name":"finished",     "type":"date"},
+    {"name":"heartbeat_at", "type":"date"}
+  ]}'
+
+create "import_tasks" '{
+  "name":"import_tasks","type":"base","fields":[
+    {"name":"slug",              "type":"text",  "required":true},
+    {"name":"title",             "type":"text",  "required":true},
+    {"name":"file_name",         "type":"text"},
+    {"name":"file_type",         "type":"text"},
+    {"name":"object_key",        "type":"text"},
+    {"name":"chapters_key",      "type":"text"},
+    {"name":"author",            "type":"text"},
+    {"name":"cover_url",         "type":"text"},
+    {"name":"genres",            "type":"text"},
+    {"name":"summary",           "type":"text"},
+    {"name":"book_status",       "type":"text"},
+    {"name":"worker_id",         "type":"text"},
+    {"name":"initiator_user_id", "type":"text"},
+    {"name":"status",            "type":"text",  "required":true},
+    {"name":"chapters_done",     "type":"number"},
+    {"name":"chapters_total",    "type":"number"},
+    {"name":"error_message",     "type":"text"},
+    {"name":"started",           "type":"date"},
+    {"name":"finished",          "type":"date"},
+    {"name":"heartbeat_at",      "type":"date"}
+  ]}'
+
+create "notifications" '{
+  "name":"notifications","type":"base","fields":[
+    {"name":"user_id", "type":"text","required":true},
+    {"name":"title",   "type":"text","required":true},
+    {"name":"message", "type":"text"},
+    {"name":"link",    "type":"text"},
+    {"name":"read",    "type":"bool"},
+    {"name":"created", "type":"date"}
+  ]}'
+
+create "push_subscriptions" '{
+  "name":"push_subscriptions","type":"base","fields":[
+    {"name":"user_id",  "type":"text","required":true},
+    {"name":"endpoint", "type":"text","required":true},
+    {"name":"p256dh",   "type":"text","required":true},
+    {"name":"auth",     "type":"text","required":true}
+  ]}'
+
+create "ai_jobs" '{
+  "name":"ai_jobs","type":"base","fields":[
+    {"name":"kind",          "type":"text",  "required":true},
+    {"name":"slug",          "type":"text"},
+    {"name":"status",        "type":"text",  "required":true},
+    {"name":"from_item",     "type":"number"},
+    {"name":"to_item",       "type":"number"},
+    {"name":"items_done",    "type":"number"},
+    {"name":"items_total",   "type":"number"},
+    {"name":"model",         "type":"text"},
+    {"name":"payload",       "type":"text"},
+    {"name":"error_message", "type":"text"},
+    {"name":"started",       "type":"date"},
+    {"name":"finished",      "type":"date"},
+    {"name":"heartbeat_at",  "type":"date"}
+  ]}'
+
+create "discovery_votes" '{
+  "name":"discovery_votes","type":"base","fields":[
+    {"name":"session_id","type":"text","required":true},
+    {"name":"user_id",   "type":"text"},
+    {"name":"slug",      "type":"text","required":true},
+    {"name":"action",    "type":"text","required":true}
+  ]}'
+
+create "book_ratings" '{
+  "name":"book_ratings","type":"base","fields":[
+    {"name":"session_id","type":"text",  "required":true},
+    {"name":"user_id",  "type":"text"},
+    {"name":"slug",     "type":"text",   "required":true},
+    {"name":"rating",   "type":"number", "required":true}
+  ]}'
+
+create "site_config" '{
+  "name":"site_config","type":"base","fields":[
+    {"name":"decoration",    "type":"text"},
+    {"name":"logoAnimation", "type":"text"},
+    {"name":"eventLabel",    "type":"text"}
+  ]}'
+
+# ── 5. Field migrations (idempotent — adds fields missing from older installs) ─
+add_field "scraping_tasks" "heartbeat_at"           "date"
+add_field "audio_jobs"     "heartbeat_at"           "date"
+add_field "progress"       "user_id"                "text"
+add_field "progress"       "audio_time"             "number"
+add_field "progress"       "updated"                "text"
+add_field "books"          "meta_updated"           "text"
+add_field "app_users"      "email"                  "text"
+add_field "app_users"      "email_verified"         "bool"
+add_field "app_users"      "verification_token"     "text"
+add_field "app_users"      "verification_token_exp" "text"
+add_field "app_users"      "oauth_provider"         "text"
+add_field "app_users"      "oauth_id"               "text"
+add_field "app_users"      "polar_customer_id"      "text"
+add_field "app_users"      "polar_subscription_id"  "text"
+add_field "user_library"   "shelf"                  "text"
+add_field "user_sessions"  "device_fingerprint"     "text"
+add_field "chapters_idx"   "created"                "date"
+add_field "user_settings"  "theme"                  "text"
+add_field "user_settings"  "locale"                 "text"
+add_field "user_settings"  "font_family"            "text"
+add_field "user_settings"  "font_size"              "number"
+add_field "user_settings"  "announce_chapter"       "bool"
+add_field "user_settings"  "audio_mode"             "text"
+add_field "books"          "archived"               "bool"
+add_field "app_users"      "notify_new_chapters"    "bool"
+
+# ── 6. Indexes ────────────────────────────────────────────────────────────────
+add_index "chapters_idx" "idx_chapters_idx_slug_number" \
+  "CREATE UNIQUE INDEX idx_chapters_idx_slug_number ON chapters_idx (slug, number)"
+add_index "chapters_idx" "idx_chapters_idx_created" \
+  "CREATE INDEX idx_chapters_idx_created ON chapters_idx (created)"
+
+log "done"
diff --git a/ui/.dockerignore b/ui/.dockerignore
new file mode 100644
index 0000000..62e1cdc
--- /dev/null
+++ b/ui/.dockerignore
@@ -0,0 +1,5 @@
+node_modules
+build
+.svelte-kit
+.env
+.env.*
diff --git a/ui/.env.example b/ui/.env.example
new file mode 100644
index 0000000..9d92739
--- /dev/null
+++ b/ui/.env.example
@@ -0,0 +1,20 @@
+# libnovel UI — environment variables
+# Copy to .env and adjust; do NOT commit with real secrets.
+
+# Internal URL of the backend API (used by SvelteKit server-side load functions)
+# In docker-compose this is the internal service name
+BACKEND_API_URL=http://localhost:8080
+
+# Public URL of PocketBase (used by SvelteKit server-side load functions)
+POCKETBASE_URL=http://localhost:8090
+
+# PocketBase admin credentials (server-side only, never exposed to browser)
+POCKETBASE_ADMIN_EMAIL=admin@libnovel.local
+POCKETBASE_ADMIN_PASSWORD=changeme123
+
+# Public-facing MinIO URL (used to rewrite presigned URLs for the browser)
+# In dev this is localhost; in prod set to your MinIO public domain
+PUBLIC_MINIO_PUBLIC_URL=http://localhost:9000
+
+# Secret used to sign auth tokens stored in cookies (generate with: openssl rand -hex 32)
+AUTH_SECRET=change_this_to_a_long_random_secret
diff --git a/ui/.gitignore b/ui/.gitignore
new file mode 100644
index 0000000..b9e091f
--- /dev/null
+++ b/ui/.gitignore
@@ -0,0 +1,25 @@
+node_modules
+
+# Output
+.output
+.vercel
+.netlify
+.wrangler
+/.svelte-kit
+/build
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
+
+
diff --git a/ui/.npmrc b/ui/.npmrc
new file mode 100644
index 0000000..b6f27f1
--- /dev/null
+++ b/ui/.npmrc
@@ -0,0 +1 @@
+engine-strict=true
diff --git a/ui/AGENTS.md b/ui/AGENTS.md
new file mode 100644
index 0000000..5dc9be3
--- /dev/null
+++ b/ui/AGENTS.md
@@ -0,0 +1,71 @@
+# LibNovel UI — Agent Context
+
+SvelteKit 2 + Svelte 5 frontend. Node adapter for production; served behind Caddy.
+
+## Design System
+
+**ACTIVE_STYLE: branded**
+
+Custom amber + zinc dark palette. No shadcn CLI defaults — primitives are hand-authored to match.
+
+| Token | Value |
+|-------|-------|
+| Accent | `#f59e0b` (amber-400) |
+| Surface-1 | zinc-900 |
+| Surface-2 | zinc-800 |
+| Surface-3 | zinc-700 |
+| Text-primary | zinc-100 |
+| Text-secondary | zinc-400 |
+| Destructive | red-400 |
+
+## Tailwind
+
+**Version: 4** — configured entirely via `@theme {}` in `src/app.css` and the `@tailwindcss/vite` plugin.
+
+**There is no `tailwind.config.ts`** — do not create one.
+**Do not run `npx shadcn-svelte add ...`** — primitives are hand-authored in `$lib/components/ui/`.
+
+## shadcn-svelte Primitives
+
+All in `src/lib/components/ui/`:
+
+| Component | Variants / Notes |
+|-----------|-----------------|
+| `button` | default / secondary / outline / ghost / destructive / link; sizes: default / sm / lg / icon |
+| `badge` | default / secondary / outline / destructive |
+| `card` | Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter |
+| `textarea` | bindable `value` prop |
+| `dialog` | Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter |
+| `separator` | horizontal / vertical |
+
+Always use `cn()` from `$lib/utils` — never template-literal class conditionals.
+
+## Svelte 5 Conventions
+
+- `@Observable` / runes (`$state`, `$derived`, `$effect`, `$props()`) for all new code.
+- Do not add `ObservableObject` / `@Published` — they don't exist in Svelte; don't introduce legacy `writable` stores for new code.
+- Navigation: `goto()` from `$app/navigation`; `page` from `$app/state`.
+
+## iOS/UX Skill
+
+For any view work, load the `ios-ux` skill at task start:
+```
+skill({ name: "ios-ux" })
+```
+
+## Key Files
+
+| File | Role |
+|------|------|
+| `src/app.css` | Tailwind v4 `@theme` tokens — source of truth for all design tokens |
+| `src/lib/utils.ts` | `cn()` helper (clsx + tailwind-merge) |
+| `src/lib/types.ts` | Shared client-safe domain types |
+| `src/routes/+layout.svelte` | Root layout: sticky nav, persistent `<audio>` element, mini-player bar |
+| `src/lib/audio.svelte.ts` | Global audio store (Svelte 5 runes class) |
+| `src/lib/components/ui/` | shadcn-style UI primitives |
+
+## Persistent Audio Element
+
+The `<audio>` element in `+layout.svelte` **must never be conditionally rendered** (no `{#if}`).
+Conditional rendering destroys and recreates the element, triggering `onpause` mid-playback.
+Keep it always in the DOM; control it via `audioStore`.
diff --git a/ui/Dockerfile b/ui/Dockerfile
new file mode 100644
index 0000000..36e29a8
--- /dev/null
+++ b/ui/Dockerfile
@@ -0,0 +1,57 @@
+# syntax=docker/dockerfile:1
+FROM node:22-alpine AS builder
+WORKDIR /app
+
+# Install dependencies in a separate layer so it is cached as long as
+# package-lock.json does not change.  The npm cache mount persists the
+# ~/.npm cache across builds so packages are not re-downloaded.
+COPY package.json package-lock.json ./
+RUN --mount=type=cache,target=/root/.npm \
+    npm ci
+
+COPY . .
+
+# Build-time version info — injected by docker-compose or CI via --build-arg.
+ARG BUILD_VERSION=dev
+ARG BUILD_COMMIT=unknown
+ARG BUILD_TIME=unknown
+
+# Expose as PUBLIC_ env vars so SvelteKit's $env/dynamic/public can read them.
+ENV PUBLIC_BUILD_VERSION=$BUILD_VERSION
+ENV PUBLIC_BUILD_COMMIT=$BUILD_COMMIT
+ENV PUBLIC_BUILD_TIME=$BUILD_TIME
+
+RUN npm run build
+
+# ── Runtime image ──────────────────────────────────────────────────────────────
+# adapter-node bundles most server-side code, but packages with dynamic
+# requires or native bindings (e.g. ioredis) are not inlined by Rollup and
+# must be present in node_modules at runtime.  We install only production
+# deps (no devDependencies) to keep the image small.
+FROM node:22-alpine
+WORKDIR /app
+
+COPY --from=builder /app/build ./build
+COPY --from=builder /app/package.json ./package.json
+COPY --from=builder /app/package-lock.json ./package-lock.json
+
+RUN --mount=type=cache,target=/root/.npm \
+    npm ci --omit=dev
+
+ENV NODE_ENV=production
+ENV PORT=3000
+ENV HOST=0.0.0.0
+
+# Carry build-time metadata into the runtime image so the UI footer can
+# display the version, commit SHA, and build timestamp.
+# These must be re-declared after the second FROM — ARG values do not
+# cross stage boundaries, but ENV values set here persist at runtime.
+ARG BUILD_VERSION=dev
+ARG BUILD_COMMIT=unknown
+ARG BUILD_TIME=unknown
+ENV PUBLIC_BUILD_VERSION=$BUILD_VERSION
+ENV PUBLIC_BUILD_COMMIT=$BUILD_COMMIT
+ENV PUBLIC_BUILD_TIME=$BUILD_TIME
+
+EXPOSE $PORT
+CMD ["node", "build"]
diff --git a/ui/README.md b/ui/README.md
new file mode 100644
index 0000000..7c12da4
--- /dev/null
+++ b/ui/README.md
@@ -0,0 +1,42 @@
+# sv
+
+Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```sh
+# create a new project
+npx sv create my-app
+```
+
+To recreate this project with the same configuration:
+
+```sh
+# recreate this project
+npx sv@0.12.4 create --template minimal --types ts --install npm ui
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```sh
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```sh
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
diff --git a/ui/components.json b/ui/components.json
new file mode 100644
index 0000000..f708512
--- /dev/null
+++ b/ui/components.json
@@ -0,0 +1,17 @@
+{
+  "$schema": "https://shadcn-svelte.com/schema.json",
+  "style": "default",
+  "tailwind": {
+    "config": "",
+    "css": "src/app.css",
+    "baseColor": "zinc",
+    "cssVariables": false
+  },
+  "aliases": {
+    "components": "$lib/components",
+    "utils": "$lib/utils",
+    "ui": "$lib/components/ui",
+    "hooks": "$lib/hooks"
+  },
+  "typescript": true
+}
diff --git a/ui/messages/en.json b/ui/messages/en.json
new file mode 100644
index 0000000..efb66e3
--- /dev/null
+++ b/ui/messages/en.json
@@ -0,0 +1,499 @@
+{
+  "$schema": "https://inlang.com/schema/inlang-message-format",
+
+  "nav_library": "Library",
+  "nav_catalogue": "Catalogue",
+  "nav_feed": "Feed",
+  "nav_feedback": "Feedback",
+  "nav_admin": "Admin",
+  "nav_profile": "Profile",
+  "nav_sign_in": "Sign in",
+  "nav_sign_out": "Sign out",
+  "nav_toggle_menu": "Toggle menu",
+  "nav_admin_panel": "Admin panel",
+
+  "footer_library": "Library",
+  "footer_catalogue": "Catalogue",
+  "footer_feedback": "Feedback",
+  "footer_disclaimer": "Disclaimer",
+  "footer_privacy": "Privacy",
+  "footer_dmca": "DMCA",
+  "footer_copyright": "© {year} libnovel",
+  "footer_dev": "dev",
+
+  "home_title": "libnovel",
+  "home_stat_books": "Books",
+  "home_stat_chapters": "Chapters",
+  "home_stat_in_progress": "In progress",
+  "home_continue_reading": "Continue Reading",
+  "home_view_all": "View all",
+  "home_recently_updated": "Recently Updated",
+  "home_from_following": "From People You Follow",
+  "home_empty_title": "Your library is empty",
+  "home_empty_body": "Discover novels and scrape them into your library.",
+  "home_discover_novels": "Discover Novels",
+  "home_via_reader": "via {username}",
+  "home_chapter_badge": "ch.{n}",
+
+  "player_generating": "Generating… {percent}%",
+  "player_loading": "Loading…",
+  "player_chapters": "Chapters",
+  "player_chapter_n": "Chapter {n}",
+  "player_toggle_chapter_list": "Toggle chapter list",
+  "player_chapter_list_label": "Chapter list",
+  "player_close_chapter_list": "Close chapter list",
+  "player_rewind_15": "Rewind 15 seconds",
+  "player_skip_30": "Skip 30 seconds",
+  "player_back_15": "Back 15s",
+  "player_forward_30": "Forward 30s",
+  "player_play": "Play",
+  "player_pause": "Pause",
+  "player_speed_label": "Playback speed {speed}x",
+  "player_seek_label": "Chapter progress",
+  "player_change_speed": "Change playback speed",
+  "player_auto_next_on": "Auto-next on",
+  "player_auto_next_off": "Auto-next off",
+  "player_auto_next_ready": "Auto-next on — Ch.{n} ready",
+  "player_auto_next_preparing": "Auto-next on — preparing Ch.{n}…",
+  "player_auto_next_aria": "Auto-next {state}",
+  "player_go_to_chapter": "Go to chapter",
+  "player_close": "Close player",
+
+  "login_page_title": "Sign in — libnovel",
+  "login_heading": "Sign in to libnovel",
+  "login_subheading": "Choose a provider to continue",
+  "login_continue_google": "Continue with Google",
+  "login_continue_github": "Continue with GitHub",
+  "login_terms_notice": "By signing in you agree to our terms of service.",
+  "login_error_oauth_state": "Sign-in was cancelled or expired. Please try again.",
+  "login_error_oauth_failed": "Could not connect to the provider. Please try again.",
+  "login_error_oauth_no_email": "Your account has no verified email address. Please add one and retry.",
+
+  "books_page_title": "Library — libnovel",
+  "books_heading": "Your Library",
+  "books_empty_title": "No books yet",
+  "books_empty_body": "Add books to your library by visiting a book page.",
+  "books_browse_catalogue": "Browse Catalogue",
+  "books_chapter_count": "{n} chapters",
+  "books_last_read": "Last read: Ch.{n}",
+  "books_reading_progress": "Ch.{current} / {total}",
+  "books_remove": "Remove",
+
+  "catalogue_page_title": "Catalogue — libnovel",
+  "catalogue_heading": "Catalogue",
+  "catalogue_search_placeholder": "Search novels…",
+  "catalogue_filter_genre": "Genre",
+  "catalogue_filter_status": "Status",
+  "catalogue_filter_sort": "Sort",
+  "catalogue_sort_popular": "Popular",
+  "catalogue_sort_new": "New",
+  "catalogue_sort_top_rated": "Top Rated",
+  "catalogue_sort_rank": "Rank",
+  "catalogue_status_all": "All",
+  "catalogue_status_ongoing": "Ongoing",
+  "catalogue_status_completed": "Completed",
+  "catalogue_genre_all": "All genres",
+  "catalogue_clear_filters": "Clear",
+  "catalogue_reset": "Reset",
+  "catalogue_no_results": "No novels found.",
+  "catalogue_loading": "Loading…",
+  "catalogue_load_more": "Load more",
+  "catalogue_results_count": "{n} results",
+
+  "book_detail_page_title": "{title} — libnovel",
+  "book_detail_signin_to_save": "Sign in to save",
+  "book_detail_add_to_library": "Add to Library",
+  "book_detail_remove_from_library": "Remove from Library",
+  "book_detail_read_now": "Read Now",
+  "book_detail_continue_reading": "Continue Reading",
+  "book_detail_start_reading": "Start Reading",
+  "book_detail_chapters": "{n} Chapters",
+  "book_detail_status": "Status",
+  "book_detail_author": "Author",
+  "book_detail_genres": "Genres",
+  "book_detail_description": "Description",
+  "book_detail_source": "Source",
+  "book_detail_rescrape": "Re-scrape",
+  "book_detail_scraping": "Scraping…",
+  "book_detail_in_library": "In Library",
+
+  "chapters_page_title": "Chapters — {title}",
+  "chapters_heading": "Chapters",
+  "chapters_back_to_book": "Back to book",
+  "chapters_reading_now": "Reading",
+  "chapters_empty": "No chapters scraped yet.",
+
+  "reader_page_title": "{title} — Ch.{n} — libnovel",
+  "reader_play_narration": "Play narration",
+  "reader_generating_audio": "Generating audio…",
+  "reader_signin_for_audio": "Audio narration available",
+  "reader_signin_audio_desc": "Sign in to listen to this chapter narrated by AI.",
+  "reader_audio_error": "Audio generation failed.",
+  "reader_prev_chapter": "Previous chapter",
+  "reader_next_chapter": "Next chapter",
+  "reader_back_to_chapters": "Back to chapters",
+  "reader_chapter_n": "Chapter {n}",
+  "reader_change_voice": "Change voice",
+  "reader_voice_panel_title": "Select voice",
+  "reader_voice_kokoro": "Kokoro voices",
+  "reader_voice_pocket": "Pocket-TTS voices",
+  "reader_voice_play_sample": "Play sample",
+  "reader_voice_stop_sample": "Stop sample",
+  "reader_voice_selected": "Selected",
+  "reader_close_voice_panel": "Close voice panel",
+  "reader_auto_next": "Auto-next",
+  "reader_speed": "Speed",
+  "reader_preview_notice": "Preview — this chapter has not been fully scraped.",
+
+  "profile_page_title": "Profile — libnovel",
+  "profile_heading": "Profile",
+  "profile_avatar_label": "Avatar",
+  "profile_change_avatar": "Change avatar",
+  "profile_username": "Username",
+  "profile_email": "Email",
+  "profile_change_password": "Change password",
+  "profile_current_password": "Current password",
+  "profile_new_password": "New password",
+  "profile_confirm_password": "Confirm password",
+  "profile_save_password": "Save password",
+  "profile_appearance_heading": "Appearance",
+  "profile_theme_label": "Theme",
+  "profile_theme_amber": "Amber",
+  "profile_theme_slate": "Slate",
+  "profile_theme_rose": "Rose",
+  "profile_theme_forest": "Forest",
+  "profile_theme_mono": "Mono",
+  "profile_theme_cyber": "Cyberpunk",
+  "profile_theme_light": "Light",
+  "profile_theme_light_slate": "Light Blue",
+  "profile_theme_light_rose": "Light Rose",
+  "profile_reading_heading": "Reading settings",
+  "profile_voice_label": "Default voice",
+  "profile_speed_label": "Playback speed",
+  "profile_auto_next_label": "Auto-next chapter",
+  "profile_save_settings": "Save settings",
+  "profile_settings_saved": "Settings saved.",
+  "profile_settings_error": "Failed to save settings.",
+  "profile_password_saved": "Password changed.",
+  "profile_password_error": "Failed to change password.",
+  "profile_sessions_heading": "Active sessions",
+  "profile_sign_out_all": "Sign out all other devices",
+  "profile_joined": "Joined {date}",
+
+  "user_page_title": "{username} — libnovel",
+  "user_library_heading": "{username}'s Library",
+  "user_follow": "Follow",
+  "user_unfollow": "Unfollow",
+  "user_followers": "{n} followers",
+  "user_following": "{n} following",
+  "user_library_empty": "No books in library.",
+
+  "error_not_found_title": "Page not found",
+  "error_not_found_body": "The page you're looking for doesn't exist.",
+  "error_generic_title": "Something went wrong",
+  "error_go_home": "Go home",
+  "error_status": "Error {status}",
+
+  "admin_scrape_page_title": "Scrape — Admin",
+  "admin_scrape_heading": "Scrape",
+  "admin_scrape_catalogue": "Scrape Catalogue",
+  "admin_scrape_book": "Scrape Book",
+  "admin_scrape_url_placeholder": "novelfire.net book URL",
+  "admin_scrape_range": "Chapter range",
+  "admin_scrape_from": "From",
+  "admin_scrape_to": "To",
+  "admin_scrape_submit": "Scrape",
+  "admin_scrape_cancel": "Cancel",
+  "admin_scrape_status_pending": "Pending",
+  "admin_scrape_status_running": "Running",
+  "admin_scrape_status_done": "Done",
+  "admin_scrape_status_failed": "Failed",
+  "admin_scrape_status_cancelled": "Cancelled",
+  "admin_tasks_heading": "Recent tasks",
+  "admin_tasks_empty": "No tasks yet.",
+
+  "admin_audio_page_title": "Audio — Admin",
+  "admin_audio_heading": "Audio Jobs",
+  "admin_audio_empty": "No audio jobs.",
+
+  "admin_changelog_page_title": "Changelog — Admin",
+  "admin_changelog_heading": "Changelog",
+
+  "comments_heading": "Comments",
+  "comments_empty": "No comments yet. Be the first!",
+  "comments_placeholder": "Write a comment…",
+  "comments_submit": "Post",
+  "comments_login_prompt": "Sign in to comment.",
+  "comments_vote_up": "Upvote",
+  "comments_vote_down": "Downvote",
+  "comments_delete": "Delete",
+  "comments_reply": "Reply",
+  "comments_show_replies": "Show {n} replies",
+  "comments_hide_replies": "Hide replies",
+  "comments_edited": "edited",
+  "comments_deleted": "[deleted]",
+
+  "disclaimer_page_title": "Disclaimer — libnovel",
+  "privacy_page_title": "Privacy Policy — libnovel",
+  "dmca_page_title": "DMCA — libnovel",
+  "terms_page_title": "Terms of Service — libnovel",
+
+  "common_loading": "Loading…",
+  "common_error": "Error",
+  "common_save": "Save",
+  "common_cancel": "Cancel",
+  "common_close": "Close",
+  "common_search": "Search",
+  "common_back": "Back",
+  "common_next": "Next",
+  "common_previous": "Previous",
+  "common_yes": "Yes",
+  "common_no": "No",
+  "common_on": "on",
+  "common_off": "off",
+
+  "locale_switcher_label": "Language",
+
+  "books_empty_library": "Your library is empty.",
+  "books_empty_discover": "Books you start reading or save from",
+  "books_empty_discover_link": "Discover",
+  "books_empty_discover_suffix": "will appear here.",
+  "books_count": "{n} book{s}",
+
+  "catalogue_sort_updated": "Updated",
+  "catalogue_search_button": "Search",
+  "catalogue_refresh": "Refresh",
+  "catalogue_refreshing": "Queuing\u2026",
+  "catalogue_refresh_mobile": "Refresh catalogue",
+  "catalogue_all_loaded": "All novels loaded",
+  "catalogue_scroll_top": "Back to top",
+  "catalogue_view_grid": "Grid view",
+  "catalogue_view_list": "List view",
+  "catalogue_browse_source": "Browse novels from novelfire.net",
+  "catalogue_search_results": "{n} result{s} for \"{q}\"",
+  "catalogue_search_local_count": "({local} local, {remote} from novelfire)",
+  "catalogue_rank_ranked": "{n} novels ranked from last catalogue scrape",
+  "catalogue_rank_no_data": "No ranking data.",
+  "catalogue_rank_no_data_body": "No ranking data \u2014 run a full catalogue scrape to populate",
+  "catalogue_rank_run_scrape_admin": "Click Refresh catalogue above to trigger a full catalogue scrape.",
+  "catalogue_rank_run_scrape_user": "Ask an admin to run a catalogue scrape.",
+  "catalogue_scrape_queued_flash": "Full catalogue scrape queued. Library and ranking will update as books are processed.",
+  "catalogue_scrape_busy_flash": "A scrape job is already running. Check back once it finishes.",
+  "catalogue_scrape_error_flash": "Failed to queue scrape. Check that the scraper service is reachable.",
+  "catalogue_filters_label": "Filters",
+  "catalogue_apply": "Apply",
+  "catalogue_filter_rank_note": "Genre & status filters apply to Browse only",
+  "catalogue_no_results_search": "No results found.",
+  "catalogue_no_results_try": "Try a different search term.",
+  "catalogue_no_results_filters": "Try different filters or check back later.",
+  "catalogue_scrape_queued_badge": "Queued",
+  "catalogue_scrape_busy_badge": "Scraper busy",
+  "catalogue_scrape_busy_list": "Busy",
+  "catalogue_scrape_forbidden_badge": "Forbidden",
+  "catalogue_scrape_novel_button": "Scrape",
+  "catalogue_scraping_novel": "Scraping\u2026",
+
+  "book_detail_not_in_library": "not in library",
+  "book_detail_continue_ch": "Continue ch.{n}",
+  "book_detail_start_ch1": "Start from ch.1",
+  "book_detail_preview_ch1": "Preview ch.1",
+  "book_detail_reading_ch": "Reading ch.{n} of {total}",
+  "book_detail_n_chapters": "{n} chapters",
+  "book_detail_rescraping": "Queuing\u2026",
+  "book_detail_from_chapter": "From chapter",
+  "book_detail_to_chapter": "To chapter (optional)",
+  "book_detail_range_queuing": "Queuing\u2026",
+  "book_detail_scrape_range": "Scrape range",
+  "book_detail_admin": "Admin",
+  "book_detail_admin_book_cover": "Book Cover",
+  "book_detail_admin_chapter_cover": "Chapter Cover",
+  "book_detail_admin_chapter_n": "Chapter #",
+  "book_detail_admin_description": "Description",
+  "book_detail_admin_chapter_names": "Chapter Names",
+  "book_detail_admin_audio_tts": "Audio TTS",
+  "book_detail_admin_voice": "Voice",
+  "book_detail_admin_generate": "Generate",
+  "book_detail_admin_save_cover": "Save Cover",
+  "book_detail_admin_saving": "Saving…",
+  "book_detail_admin_saved": "Saved",
+  "book_detail_admin_apply": "Apply",
+  "book_detail_admin_applying": "Applying…",
+  "book_detail_admin_applied": "Applied",
+  "book_detail_admin_discard": "Discard",
+  "book_detail_admin_enqueue_audio": "Enqueue Audio",
+  "book_detail_admin_cancel_audio": "Cancel",
+  "book_detail_admin_enqueued": "Enqueued {enqueued}, skipped {skipped}",
+  "book_detail_scraping_progress": "Fetching the first 20 chapters. This page will refresh automatically.",
+  "book_detail_scraping_home": "\u2190 Home",
+  "book_detail_rescrape_book": "Rescrape book",
+  "book_detail_less": "Less",
+  "book_detail_more": "More",
+
+  "chapters_search_placeholder": "Search chapters\u2026",
+  "chapters_jump_to": "Jump to Ch.{n}",
+  "chapters_no_match": "No chapters match \"{q}\"",
+  "chapters_none_available": "No chapters available yet.",
+  "chapters_reading_indicator": "reading",
+  "chapters_result_count": "{n} results",
+
+  "reader_fetching_chapter": "Fetching chapter\u2026",
+  "reader_words": "{n} words",
+  "reader_preview_audio_notice": "Preview chapter \u2014 audio not available for books outside the library.",
+
+  "profile_click_to_change": "Click avatar to change photo",
+  "profile_tts_voice": "TTS voice",
+  "profile_auto_advance": "Auto-advance to next chapter",
+  "profile_saving": "Saving\u2026",
+  "profile_saved": "Saved!",
+  "profile_session_this": "This session",
+  "profile_session_signed_in": "Signed in {date}",
+  "profile_session_last_seen": "\u00b7 Last seen {date}",
+  "profile_session_sign_out": "Sign out",
+  "profile_session_end": "End",
+  "profile_session_unrecognised": "These are all devices currently signed into your account. End any session you don\u2019t recognise.",
+  "profile_no_sessions": "No session records found. Sessions are tracked from the next login.",
+  "profile_change_password_heading": "Change password",
+  "profile_update_password": "Update password",
+  "profile_updating": "Updating\u2026",
+  "profile_password_changed_ok": "Password changed successfully.",
+  "profile_playback_speed": "Playback speed \u2014 {speed}x",
+
+  "profile_subscription_heading": "Subscription",
+  "profile_plan_pro": "Pro",
+  "profile_plan_free": "Free",
+  "profile_pro_active": "Your Pro subscription is active.",
+  "profile_pro_perks": "Unlimited audio, all translation languages, and voice selection are enabled.",
+  "profile_manage_subscription": "Manage subscription",
+  "profile_upgrade_heading": "Upgrade to Pro",
+  "profile_upgrade_desc": "Unlock unlimited audio, translations in 4 languages, and voice selection.",
+  "profile_upgrade_monthly": "Monthly \u2014 $6 / mo",
+  "profile_upgrade_annual": "Annual \u2014 $48 / yr",
+  "profile_free_limits": "Free plan: 3 audio chapters per day, English reading only.",
+  "subscribe_page_title": "Go Pro \u2014 libnovel",
+  "subscribe_heading": "Read more. Listen more.",
+  "subscribe_subheading": "Upgrade to Pro and unlock the full libnovel experience.",
+  "subscribe_monthly_label": "Monthly",
+  "subscribe_monthly_price": "$6",
+  "subscribe_monthly_period": "per month",
+  "subscribe_annual_label": "Annual",
+  "subscribe_annual_price": "$48",
+  "subscribe_annual_period": "per year",
+  "subscribe_annual_save": "Save 33%",
+  "subscribe_cta_monthly": "Start monthly plan",
+  "subscribe_cta_annual": "Start annual plan",
+  "subscribe_already_pro": "You already have a Pro subscription.",
+  "subscribe_manage": "Manage subscription",
+  "subscribe_benefit_audio": "Unlimited audio chapters per day",
+  "subscribe_benefit_voices": "Voice selection across all TTS engines",
+  "subscribe_benefit_translation": "Read in French, Indonesian, Portuguese, and Russian",
+  "subscribe_benefit_downloads": "Download chapters for offline listening",
+  "subscribe_login_prompt": "Sign in to subscribe",
+  "subscribe_login_cta": "Sign in",
+
+  "user_currently_reading": "Currently Reading",
+  "user_library_count": "Library ({n})",
+  "user_joined": "Joined {date}",
+  "user_followers_label": "followers",
+  "user_following_label": "following",
+  "user_no_books": "No books in library yet.",
+
+  "admin_pages_label": "Pages",
+  "admin_tools_label": "Tools",
+  "admin_nav_scrape": "Scrape",
+  "admin_nav_audio": "Audio",
+  "admin_nav_translation": "Translation",
+  "admin_nav_import": "Import",
+  "admin_nav_changelog": "Changelog",
+  "admin_nav_image_gen": "Image Gen",
+  "admin_nav_text_gen": "Text Gen",
+  "admin_nav_catalogue_tools": "Catalogue Tools",
+  "admin_nav_ai_jobs": "AI Jobs",
+  "admin_nav_notifications": "Notifications",
+  "admin_nav_feedback": "Feedback",
+  "admin_nav_errors": "Errors",
+  "admin_nav_analytics": "Analytics",
+  "admin_nav_logs": "Logs",
+  "admin_nav_uptime": "Uptime",
+  "admin_nav_push": "Push",
+  "admin_nav_gitea": "Gitea",
+  "admin_nav_grafana": "Grafana",
+
+  "admin_scrape_status_idle": "Idle",
+  "admin_scrape_status_running": "Running",
+  "admin_scrape_full_catalogue": "Full catalogue",
+  "admin_scrape_single_book": "Single book",
+  "admin_scrape_quick_genres": "Quick genres",
+  "admin_scrape_task_history": "Task history",
+  "admin_scrape_filter_placeholder": "Filter by kind, status or URL\u2026",
+  "admin_scrape_no_matching": "No matching tasks.",
+  "admin_scrape_start": "Start scrape",
+  "admin_scrape_queuing": "Queuing\u2026",
+  "admin_scrape_running": "Running\u2026",
+
+  "admin_audio_filter_jobs": "Filter by slug, voice or status\u2026",
+  "admin_audio_filter_cache": "Filter by slug, chapter or voice\u2026",
+  "admin_audio_no_matching_jobs": "No matching jobs.",
+  "admin_audio_no_jobs": "No audio jobs yet.",
+  "admin_audio_cache_empty": "Audio cache is empty.",
+  "admin_audio_no_cache_results": "No results.",
+
+  "admin_changelog_gitea": "Gitea releases",
+  "admin_changelog_no_releases": "No releases found.",
+  "admin_changelog_load_error": "Could not load releases: {error}",
+
+  "comments_top": "Top",
+  "comments_new": "New",
+  "comments_posting": "Posting\u2026",
+  "comments_login_link": "Log in",
+  "comments_login_suffix": "to leave a comment.",
+  "comments_anonymous": "Anonymous",
+
+  "reader_audio_narration": "Audio Narration",
+  "reader_playing": "Playing \u2014 controls below",
+  "reader_paused": "Paused \u2014 controls below",
+  "reader_ch_ready": "Ch.{n} ready",
+  "reader_ch_preparing": "Preparing Ch.{n}\u2026 {percent}%",
+  "reader_ch_generate_on_nav": "Ch.{n} will generate on navigate",
+  "reader_now_playing": "Now playing: {title}",
+  "reader_load_this_chapter": "Load this chapter",
+  "reader_generate_samples": "Generate missing samples",
+  "reader_voice_applies_next": "New voice applies on next \u201cPlay narration\u201d.",
+  "reader_choose_voice": "Choose Voice",
+  "reader_generating_narration": "Generating narration\u2026",
+
+  "profile_font_family": "Font Family",
+  "profile_font_system": "System",
+  "profile_font_serif": "Serif",
+  "profile_font_mono": "Monospace",
+  "profile_text_size": "Text Size",
+  "profile_text_size_sm": "Small",
+  "profile_text_size_md": "Normal",
+  "profile_text_size_lg": "Large",
+  "profile_text_size_xl": "X-Large",
+
+  "feed_page_title": "Feed — LibNovel",
+  "feed_heading": "Following Feed",
+  "feed_subheading": "Books your followed users are reading",
+  "feed_empty_heading": "Nothing here yet",
+  "feed_empty_body": "Follow other readers to see what they're reading.",
+  "feed_not_logged_in": "Sign in to see your feed.",
+  "feed_reader_label": "reading",
+  "feed_chapters_label": "{n} chapters",
+  "feed_browse_cta": "Browse catalogue",
+  "feed_find_users_cta": "Discover readers",
+
+  "admin_translation_page_title": "Translation \u2014 Admin",
+  "admin_translation_heading": "Machine Translation",
+  "admin_translation_tab_enqueue": "Enqueue",
+  "admin_translation_tab_jobs": "Jobs",
+  "admin_translation_filter_placeholder": "Filter by slug, lang, or status\u2026",
+  "admin_translation_no_matching": "No matching jobs.",
+  "admin_translation_no_jobs": "No translation jobs yet.",
+
+  "admin_ai_jobs_page_title": "AI Jobs \u2014 Admin",
+  "admin_ai_jobs_heading": "AI Jobs",
+  "admin_ai_jobs_subheading": "Background AI generation tasks",
+
+  "admin_text_gen_page_title": "Text Gen \u2014 Admin",
+  "admin_text_gen_heading": "Text Generation"
+}
diff --git a/ui/messages/fr.json b/ui/messages/fr.json
new file mode 100644
index 0000000..ffbd82a
--- /dev/null
+++ b/ui/messages/fr.json
@@ -0,0 +1,458 @@
+{
+  "$schema": "https://inlang.com/schema/inlang-message-format",
+  "nav_library": "Bibliothèque",
+  "nav_catalogue": "Catalogue",
+  "nav_feed": "Fil",
+  "nav_feedback": "Retour",
+  "nav_admin": "Admin",
+  "nav_profile": "Profil",
+  "nav_sign_in": "Connexion",
+  "nav_sign_out": "Déconnexion",
+  "nav_toggle_menu": "Menu",
+  "nav_admin_panel": "Panneau admin",
+  "footer_library": "Bibliothèque",
+  "footer_catalogue": "Catalogue",
+  "footer_feedback": "Retour",
+  "footer_disclaimer": "Avertissement",
+  "footer_privacy": "Confidentialité",
+  "footer_dmca": "DMCA",
+  "footer_copyright": "© {year} libnovel",
+  "footer_dev": "dev",
+  "home_title": "libnovel",
+  "home_stat_books": "Livres",
+  "home_stat_chapters": "Chapitres",
+  "home_stat_in_progress": "En cours",
+  "home_continue_reading": "Continuer la lecture",
+  "home_view_all": "Voir tout",
+  "home_recently_updated": "Récemment mis à jour",
+  "home_from_following": "Des personnes que vous suivez",
+  "home_empty_title": "Votre bibliothèque est vide",
+  "home_empty_body": "Découvrez des romans et ajoutez-les à votre bibliothèque.",
+  "home_discover_novels": "Découvrir des romans",
+  "home_via_reader": "via {username}",
+  "home_chapter_badge": "ch.{n}",
+  "player_generating": "Génération… {percent}%",
+  "player_loading": "Chargement…",
+  "player_chapters": "Chapitres",
+  "player_chapter_n": "Chapitre {n}",
+  "player_toggle_chapter_list": "Liste des chapitres",
+  "player_chapter_list_label": "Liste des chapitres",
+  "player_close_chapter_list": "Fermer la liste des chapitres",
+  "player_rewind_15": "Reculer de 15 secondes",
+  "player_skip_30": "Avancer de 30 secondes",
+  "player_back_15": "−15 s",
+  "player_forward_30": "+30 s",
+  "player_play": "Lecture",
+  "player_pause": "Pause",
+  "player_speed_label": "Vitesse {speed}x",
+  "player_seek_label": "Progression du chapitre",
+  "player_change_speed": "Changer la vitesse",
+  "player_auto_next_on": "Suivant auto activé",
+  "player_auto_next_off": "Suivant auto désactivé",
+  "player_auto_next_ready": "Suivant auto — Ch.{n} prêt",
+  "player_auto_next_preparing": "Suivant auto — préparation Ch.{n}…",
+  "player_auto_next_aria": "Suivant auto {state}",
+  "player_go_to_chapter": "Aller au chapitre",
+  "player_close": "Fermer le lecteur",
+  "login_page_title": "Connexion — libnovel",
+  "login_heading": "Se connecter à libnovel",
+  "login_subheading": "Choisissez un fournisseur pour continuer",
+  "login_continue_google": "Continuer avec Google",
+  "login_continue_github": "Continuer avec GitHub",
+  "login_terms_notice": "En vous connectant, vous acceptez nos conditions d'utilisation.",
+  "login_error_oauth_state": "Connexion annulée ou expirée. Veuillez réessayer.",
+  "login_error_oauth_failed": "Impossible de se connecter au fournisseur. Veuillez réessayer.",
+  "login_error_oauth_no_email": "Votre compte n'a pas d'adresse e-mail vérifiée. Ajoutez-en une et réessayez.",
+  "books_page_title": "Bibliothèque — libnovel",
+  "books_heading": "Votre bibliothèque",
+  "books_empty_title": "Aucun livre pour l'instant",
+  "books_empty_body": "Ajoutez des livres à votre bibliothèque en visitant une page de livre.",
+  "books_browse_catalogue": "Parcourir le catalogue",
+  "books_chapter_count": "{n} chapitres",
+  "books_last_read": "Dernier lu : Ch.{n}",
+  "books_reading_progress": "Ch.{current} / {total}",
+  "books_remove": "Supprimer",
+  "catalogue_page_title": "Catalogue — libnovel",
+  "catalogue_heading": "Catalogue",
+  "catalogue_search_placeholder": "Rechercher des romans…",
+  "catalogue_filter_genre": "Genre",
+  "catalogue_filter_status": "Statut",
+  "catalogue_filter_sort": "Trier",
+  "catalogue_sort_popular": "Populaire",
+  "catalogue_sort_new": "Nouveau",
+  "catalogue_sort_top_rated": "Mieux notés",
+  "catalogue_sort_rank": "Rang",
+  "catalogue_status_all": "Tous",
+  "catalogue_status_ongoing": "En cours",
+  "catalogue_status_completed": "Terminé",
+  "catalogue_genre_all": "Tous les genres",
+  "catalogue_clear_filters": "Effacer",
+  "catalogue_reset": "Réinitialiser",
+  "catalogue_no_results": "Aucun roman trouvé.",
+  "catalogue_loading": "Chargement…",
+  "catalogue_load_more": "Charger plus",
+  "catalogue_results_count": "{n} résultats",
+  "book_detail_page_title": "{title} — libnovel",
+  "book_detail_signin_to_save": "Connectez-vous pour sauvegarder",
+  "book_detail_add_to_library": "Ajouter à la bibliothèque",
+  "book_detail_remove_from_library": "Retirer de la bibliothèque",
+  "book_detail_read_now": "Lire maintenant",
+  "book_detail_continue_reading": "Continuer la lecture",
+  "book_detail_start_reading": "Commencer la lecture",
+  "book_detail_chapters": "{n} chapitres",
+  "book_detail_status": "Statut",
+  "book_detail_author": "Auteur",
+  "book_detail_genres": "Genres",
+  "book_detail_description": "Description",
+  "book_detail_source": "Source",
+  "book_detail_rescrape": "Réextraire",
+  "book_detail_scraping": "Extraction en cours…",
+  "book_detail_in_library": "Dans la bibliothèque",
+  "chapters_page_title": "Chapitres — {title}",
+  "chapters_heading": "Chapitres",
+  "chapters_back_to_book": "Retour au livre",
+  "chapters_reading_now": "En cours de lecture",
+  "chapters_empty": "Aucun chapitre extrait pour l'instant.",
+  "reader_page_title": "{title} — Ch.{n} — libnovel",
+  "reader_play_narration": "Lire la narration",
+  "reader_generating_audio": "Génération audio…",
+  "reader_signin_for_audio": "Narration audio disponible",
+  "reader_signin_audio_desc": "Connectez-vous pour écouter ce chapitre narré par l'IA.",
+  "reader_audio_error": "Échec de la génération audio.",
+  "reader_prev_chapter": "Chapitre précédent",
+  "reader_next_chapter": "Chapitre suivant",
+  "reader_back_to_chapters": "Retour aux chapitres",
+  "reader_chapter_n": "Chapitre {n}",
+  "reader_change_voice": "Changer de voix",
+  "reader_voice_panel_title": "Sélectionner une voix",
+  "reader_voice_kokoro": "Voix Kokoro",
+  "reader_voice_pocket": "Voix Pocket-TTS",
+  "reader_voice_play_sample": "Écouter un extrait",
+  "reader_voice_stop_sample": "Arrêter l'extrait",
+  "reader_voice_selected": "Sélectionné",
+  "reader_close_voice_panel": "Fermer le panneau vocal",
+  "reader_auto_next": "Suivant auto",
+  "reader_speed": "Vitesse",
+  "reader_preview_notice": "Aperçu — ce chapitre n'a pas été entièrement extrait.",
+  "profile_page_title": "Profil — libnovel",
+  "profile_heading": "Profil",
+  "profile_avatar_label": "Avatar",
+  "profile_change_avatar": "Changer l'avatar",
+  "profile_username": "Nom d'utilisateur",
+  "profile_email": "E-mail",
+  "profile_change_password": "Changer le mot de passe",
+  "profile_current_password": "Mot de passe actuel",
+  "profile_new_password": "Nouveau mot de passe",
+  "profile_confirm_password": "Confirmer le mot de passe",
+  "profile_save_password": "Enregistrer le mot de passe",
+  "profile_appearance_heading": "Apparence",
+  "profile_theme_label": "Thème",
+  "profile_theme_amber": "Ambre",
+  "profile_theme_slate": "Ardoise",
+  "profile_theme_rose": "Rose",
+  "profile_theme_forest": "Forêt",
+  "profile_theme_mono": "Mono",
+  "profile_theme_cyber": "Cyberpunk",
+  "profile_theme_light": "Light",
+  "profile_theme_light_slate": "Light Blue",
+  "profile_theme_light_rose": "Light Rose",
+  "profile_reading_heading": "Paramètres de lecture",
+  "profile_voice_label": "Voix par défaut",
+  "profile_speed_label": "Vitesse de lecture",
+  "profile_auto_next_label": "Chapitre suivant automatique",
+  "profile_save_settings": "Enregistrer les paramètres",
+  "profile_settings_saved": "Paramètres enregistrés.",
+  "profile_settings_error": "Impossible d'enregistrer les paramètres.",
+  "profile_password_saved": "Mot de passe modifié.",
+  "profile_password_error": "Impossible de modifier le mot de passe.",
+  "profile_sessions_heading": "Sessions actives",
+  "profile_sign_out_all": "Se déconnecter de tous les autres appareils",
+  "profile_joined": "Inscrit le {date}",
+  "user_page_title": "{username} — libnovel",
+  "user_library_heading": "Bibliothèque de {username}",
+  "user_follow": "Suivre",
+  "user_unfollow": "Ne plus suivre",
+  "user_followers": "{n} abonnés",
+  "user_following": "{n} abonnements",
+  "user_library_empty": "Aucun livre dans la bibliothèque.",
+  "error_not_found_title": "Page introuvable",
+  "error_not_found_body": "La page que vous cherchez n'existe pas.",
+  "error_generic_title": "Une erreur s'est produite",
+  "error_go_home": "Accueil",
+  "error_status": "Erreur {status}",
+  "admin_scrape_page_title": "Extraction — Admin",
+  "admin_scrape_heading": "Extraction",
+  "admin_scrape_catalogue": "Extraire le catalogue",
+  "admin_scrape_book": "Extraire un livre",
+  "admin_scrape_url_placeholder": "URL du livre sur novelfire.net",
+  "admin_scrape_range": "Plage de chapitres",
+  "admin_scrape_from": "De",
+  "admin_scrape_to": "À",
+  "admin_scrape_submit": "Extraire",
+  "admin_scrape_cancel": "Annuler",
+  "admin_scrape_status_pending": "En attente",
+  "admin_scrape_status_running": "En cours",
+  "admin_scrape_status_done": "Terminé",
+  "admin_scrape_status_failed": "Échoué",
+  "admin_scrape_status_cancelled": "Annulé",
+  "admin_tasks_heading": "Tâches récentes",
+  "admin_tasks_empty": "Aucune tâche pour l'instant.",
+  "admin_audio_page_title": "Audio — Admin",
+  "admin_audio_heading": "Tâches audio",
+  "admin_audio_empty": "Aucune tâche audio.",
+  "admin_changelog_page_title": "Changelog — Admin",
+  "admin_changelog_heading": "Changelog",
+  "comments_heading": "Commentaires",
+  "comments_empty": "Aucun commentaire pour l'instant. Soyez le premier !",
+  "comments_placeholder": "Écrire un commentaire…",
+  "comments_submit": "Publier",
+  "comments_login_prompt": "Connectez-vous pour commenter.",
+  "comments_vote_up": "Vote positif",
+  "comments_vote_down": "Vote négatif",
+  "comments_delete": "Supprimer",
+  "comments_reply": "Répondre",
+  "comments_show_replies": "Afficher {n} réponses",
+  "comments_hide_replies": "Masquer les réponses",
+  "comments_edited": "modifié",
+  "comments_deleted": "[supprimé]",
+  "disclaimer_page_title": "Avertissement — libnovel",
+  "privacy_page_title": "Politique de confidentialité — libnovel",
+  "dmca_page_title": "DMCA — libnovel",
+  "terms_page_title": "Conditions d'utilisation — libnovel",
+  "common_loading": "Chargement…",
+  "common_error": "Erreur",
+  "common_save": "Enregistrer",
+  "common_cancel": "Annuler",
+  "common_close": "Fermer",
+  "common_search": "Rechercher",
+  "common_back": "Retour",
+  "common_next": "Suivant",
+  "common_previous": "Précédent",
+  "common_yes": "Oui",
+  "common_no": "Non",
+  "common_on": "activé",
+  "common_off": "désactivé",
+  "locale_switcher_label": "Langue",
+  "books_empty_library": "Votre bibliothèque est vide.",
+  "books_empty_discover": "Les livres que vous commencez à lire ou enregistrez depuis",
+  "books_empty_discover_link": "Découvrir",
+  "books_empty_discover_suffix": "apparaîtront ici.",
+  "books_count": "{n} livre{s}",
+  "catalogue_sort_updated": "Mis à jour",
+  "catalogue_search_button": "Rechercher",
+  "catalogue_refresh": "Actualiser",
+  "catalogue_refreshing": "En file d'attente…",
+  "catalogue_refresh_mobile": "Actualiser le catalogue",
+  "catalogue_all_loaded": "Tous les romans chargés",
+  "catalogue_scroll_top": "Retour en haut",
+  "catalogue_view_grid": "Vue grille",
+  "catalogue_view_list": "Vue liste",
+  "catalogue_browse_source": "Parcourir les romans de novelfire.net",
+  "catalogue_search_results": "{n} résultat{s} pour « {q} »",
+  "catalogue_search_local_count": "({local} local, {remote} depuis novelfire)",
+  "catalogue_rank_ranked": "{n} romans classés depuis le dernier scrape du catalogue",
+  "catalogue_rank_no_data": "Aucune donnée de classement.",
+  "catalogue_rank_no_data_body": "Aucune donnée de classement — lancez un scrape complet du catalogue pour remplir",
+  "catalogue_rank_run_scrape_admin": "Cliquez sur Actualiser le catalogue ci-dessus pour déclencher un scrape complet.",
+  "catalogue_rank_run_scrape_user": "Demandez à un administrateur d'effectuer un scrape du catalogue.",
+  "catalogue_scrape_queued_flash": "Scrape complet du catalogue en file d'attente. La bibliothèque et le classement seront mis à jour au fur et à mesure du traitement des livres.",
+  "catalogue_scrape_busy_flash": "Un job de scrape est déjà en cours. Revenez une fois terminé.",
+  "catalogue_scrape_error_flash": "Échec de la mise en file d'attente du scrape. Vérifiez que le service de scraper est accessible.",
+  "catalogue_filters_label": "Filtres",
+  "catalogue_apply": "Appliquer",
+  "catalogue_filter_rank_note": "Les filtres genre et statut s'appliquent uniquement à Parcourir",
+  "catalogue_no_results_search": "Aucun résultat trouvé.",
+  "catalogue_no_results_try": "Essayez un autre terme de recherche.",
+  "catalogue_no_results_filters": "Essayez d'autres filtres ou revenez plus tard.",
+  "catalogue_scrape_queued_badge": "En file",
+  "catalogue_scrape_busy_badge": "Scraper occupé",
+  "catalogue_scrape_busy_list": "Occupé",
+  "catalogue_scrape_forbidden_badge": "Interdit",
+  "catalogue_scrape_novel_button": "Extraire",
+  "catalogue_scraping_novel": "Extraction…",
+  "book_detail_not_in_library": "pas dans la bibliothèque",
+  "book_detail_continue_ch": "Continuer ch.{n}",
+  "book_detail_start_ch1": "Commencer au ch.1",
+  "book_detail_preview_ch1": "Aperçu ch.1",
+  "book_detail_reading_ch": "Lecture ch.{n} sur {total}",
+  "book_detail_n_chapters": "{n} chapitres",
+  "book_detail_rescraping": "En file d'attente…",
+  "book_detail_from_chapter": "À partir du chapitre",
+  "book_detail_to_chapter": "Jusqu'au chapitre (optionnel)",
+  "book_detail_range_queuing": "En file d'attente…",
+  "book_detail_scrape_range": "Plage d'extraction",
+  "book_detail_admin": "Admin",
+  "book_detail_admin_book_cover": "Couverture du livre",
+  "book_detail_admin_chapter_cover": "Couverture du chapitre",
+  "book_detail_admin_chapter_n": "Chapitre n°",
+  "book_detail_admin_description": "Description",
+  "book_detail_admin_chapter_names": "Noms des chapitres",
+  "book_detail_admin_audio_tts": "Audio TTS",
+  "book_detail_admin_voice": "Voix",
+  "book_detail_admin_generate": "Générer",
+  "book_detail_admin_save_cover": "Enregistrer la couverture",
+  "book_detail_admin_saving": "Enregistrement…",
+  "book_detail_admin_saved": "Enregistré",
+  "book_detail_admin_apply": "Appliquer",
+  "book_detail_admin_applying": "Application…",
+  "book_detail_admin_applied": "Appliqué",
+  "book_detail_admin_discard": "Ignorer",
+  "book_detail_admin_enqueue_audio": "Mettre en file audio",
+  "book_detail_admin_cancel_audio": "Annuler",
+  "book_detail_admin_enqueued": "{enqueued} en file, {skipped} ignorés",
+  "book_detail_scraping_progress": "Récupération des 20 premiers chapitres. Cette page sera actualisée automatiquement.",
+  "book_detail_scraping_home": "← Accueil",
+  "book_detail_rescrape_book": "Réextraire le livre",
+  "book_detail_less": "Moins",
+  "book_detail_more": "Plus",
+  "chapters_search_placeholder": "Rechercher des chapitres…",
+  "chapters_jump_to": "Aller au Ch.{n}",
+  "chapters_no_match": "Aucun chapitre ne correspond à « {q} »",
+  "chapters_none_available": "Aucun chapitre disponible pour l'instant.",
+  "chapters_reading_indicator": "en cours",
+  "chapters_result_count": "{n} résultats",
+  "reader_fetching_chapter": "Récupération du chapitre…",
+  "reader_words": "{n} mots",
+  "reader_preview_audio_notice": "Aperçu — audio non disponible pour les livres hors bibliothèque.",
+  "profile_click_to_change": "Cliquez sur l'avatar pour changer la photo",
+  "profile_tts_voice": "Voix TTS",
+  "profile_auto_advance": "Avancer automatiquement au chapitre suivant",
+  "profile_saving": "Enregistrement…",
+  "profile_saved": "Enregistré !",
+  "profile_session_this": "Cette session",
+  "profile_session_signed_in": "Connecté le {date}",
+  "profile_session_last_seen": "· Dernière activité {date}",
+  "profile_session_sign_out": "Se déconnecter",
+  "profile_session_end": "Terminer",
+  "profile_session_unrecognised": "Ce sont tous les appareils connectés à votre compte. Terminez toute session que vous ne reconnaissez pas.",
+  "profile_no_sessions": "Aucun enregistrement de session trouvé. Les sessions sont suivies dès la prochaine connexion.",
+  "profile_change_password_heading": "Changer le mot de passe",
+  "profile_update_password": "Mettre à jour le mot de passe",
+  "profile_updating": "Mise à jour…",
+  "profile_password_changed_ok": "Mot de passe modifié avec succès.",
+  "profile_playback_speed": "Vitesse de lecture — {speed}x",
+  "profile_subscription_heading": "Abonnement",
+  "profile_plan_pro": "Pro",
+  "profile_plan_free": "Gratuit",
+  "profile_pro_active": "Votre abonnement Pro est actif.",
+  "profile_pro_perks": "Audio illimité, toutes les langues de traduction et la sélection de voix sont activées.",
+  "profile_manage_subscription": "Gérer l'abonnement",
+  "profile_upgrade_heading": "Passer au Pro",
+  "profile_upgrade_desc": "Débloquez l'audio illimité, les traductions en 4 langues et la sélection de voix.",
+  "profile_upgrade_monthly": "Mensuel — 6 $ / mois",
+  "profile_upgrade_annual": "Annuel — 48 $ / an",
+  "profile_free_limits": "Plan gratuit : 3 chapitres audio par jour, lecture en anglais uniquement.",
+  "subscribe_page_title": "Passer Pro — libnovel",
+  "subscribe_heading": "Lisez plus. Écoutez plus.",
+  "subscribe_subheading": "Passez Pro et débloquez l'expérience libnovel complète.",
+  "subscribe_monthly_label": "Mensuel",
+  "subscribe_monthly_price": "6 $",
+  "subscribe_monthly_period": "par mois",
+  "subscribe_annual_label": "Annuel",
+  "subscribe_annual_price": "48 $",
+  "subscribe_annual_period": "par an",
+  "subscribe_annual_save": "Économisez 33 %",
+  "subscribe_cta_monthly": "Commencer le plan mensuel",
+  "subscribe_cta_annual": "Commencer le plan annuel",
+  "subscribe_already_pro": "Vous avez déjà un abonnement Pro.",
+  "subscribe_manage": "Gérer l'abonnement",
+  "subscribe_benefit_audio": "Chapitres audio illimités par jour",
+  "subscribe_benefit_voices": "Sélection de voix pour tous les moteurs TTS",
+  "subscribe_benefit_translation": "Lire en français, indonésien, portugais et russe",
+  "subscribe_benefit_downloads": "Télécharger des chapitres pour une écoute hors ligne",
+  "subscribe_login_prompt": "Connectez-vous pour vous abonner",
+  "subscribe_login_cta": "Se connecter",
+  "user_currently_reading": "En cours de lecture",
+  "user_library_count": "Bibliothèque ({n})",
+  "user_joined": "Inscrit le {date}",
+  "user_followers_label": "abonnés",
+  "user_following_label": "abonnements",
+  "user_no_books": "Aucun livre dans la bibliothèque pour l'instant.",
+  "admin_pages_label": "Pages",
+  "admin_tools_label": "Outils",
+  "admin_nav_scrape": "Scrape",
+  "admin_nav_audio": "Audio",
+  "admin_nav_translation": "Traduction",
+  "admin_nav_changelog": "Modifications",
+  "admin_nav_image_gen": "Image Gen",
+  "admin_nav_text_gen": "Text Gen",
+  "admin_nav_catalogue_tools": "Catalogue Tools",
+  "admin_nav_ai_jobs": "Tâches IA",
+  "admin_nav_notifications": "Notifications",
+  "admin_nav_errors": "Erreurs",
+  "admin_nav_analytics": "Analytique",
+  "admin_nav_logs": "Journaux",
+  "admin_nav_uptime": "Disponibilité",
+  "admin_nav_push": "Notifications",
+  "admin_scrape_status_idle": "Inactif",
+  "admin_scrape_full_catalogue": "Catalogue complet",
+  "admin_scrape_single_book": "Livre unique",
+  "admin_scrape_quick_genres": "Genres rapides",
+  "admin_scrape_task_history": "Historique des tâches",
+  "admin_scrape_filter_placeholder": "Filtrer par type, statut ou URL…",
+  "admin_scrape_no_matching": "Aucune tâche correspondante.",
+  "admin_scrape_start": "Démarrer l'extraction",
+  "admin_scrape_queuing": "En file d'attente…",
+  "admin_scrape_running": "En cours…",
+  "admin_audio_filter_jobs": "Filtrer par slug, voix ou statut…",
+  "admin_audio_filter_cache": "Filtrer par slug, chapitre ou voix…",
+  "admin_audio_no_matching_jobs": "Aucun job correspondant.",
+  "admin_audio_no_jobs": "Aucun job audio pour l'instant.",
+  "admin_audio_cache_empty": "Cache audio vide.",
+  "admin_audio_no_cache_results": "Aucun résultat.",
+  "admin_changelog_gitea": "Releases Gitea",
+  "admin_changelog_no_releases": "Aucune release trouvée.",
+  "admin_changelog_load_error": "Impossible de charger les releases : {error}",
+  "comments_top": "Les meilleures",
+  "comments_new": "Nouvelles",
+  "comments_posting": "Publication…",
+  "comments_login_link": "Connectez-vous",
+  "comments_login_suffix": "pour laisser un commentaire.",
+  "comments_anonymous": "Anonyme",
+  "reader_audio_narration": "Narration Audio",
+  "reader_playing": "Lecture en cours — contrôles ci-dessous",
+  "reader_paused": "En pause — contrôles ci-dessous",
+  "reader_ch_ready": "Ch.{n} prêt",
+  "reader_ch_preparing": "Préparation Ch.{n}… {percent}%",
+  "reader_ch_generate_on_nav": "Ch.{n} sera généré lors de la navigation",
+  "reader_now_playing": "En cours : {title}",
+  "reader_load_this_chapter": "Charger ce chapitre",
+  "reader_generate_samples": "Générer les échantillons manquants",
+  "reader_voice_applies_next": "La nouvelle voix s'appliquera au prochain « Lire la narration ».",
+  "reader_choose_voice": "Choisir une voix",
+  "reader_generating_narration": "Génération de la narration…",
+  "profile_font_family": "Police",
+  "profile_font_system": "Système",
+  "profile_font_serif": "Serif",
+  "profile_font_mono": "Mono",
+  "profile_text_size": "Taille du texte",
+  "profile_text_size_sm": "Petit",
+  "profile_text_size_md": "Normal",
+  "profile_text_size_lg": "Grand",
+  "profile_text_size_xl": "Très grand",
+  "feed_page_title": "Fil — LibNovel",
+  "feed_heading": "Fil d'abonnements",
+  "feed_subheading": "Livres lus par vos abonnements",
+  "feed_empty_heading": "Rien encore",
+  "feed_empty_body": "Suivez d'autres lecteurs pour voir ce qu'ils lisent.",
+  "feed_not_logged_in": "Connectez-vous pour voir votre fil.",
+  "feed_reader_label": "lit",
+  "feed_chapters_label": "{n} chapitres",
+  "feed_browse_cta": "Parcourir le catalogue",
+  "feed_find_users_cta": "Trouver des lecteurs",
+  "admin_nav_gitea": "Gitea",
+  "admin_nav_grafana": "Grafana",
+  "admin_translation_page_title": "Translation — Admin",
+  "admin_translation_heading": "Machine Translation",
+  "admin_translation_tab_enqueue": "Enqueue",
+  "admin_translation_tab_jobs": "Jobs",
+  "admin_translation_filter_placeholder": "Filter by slug, lang, or status…",
+  "admin_translation_no_matching": "No matching jobs.",
+  "admin_translation_no_jobs": "No translation jobs yet.",
+  "admin_ai_jobs_page_title": "AI Jobs — Admin",
+  "admin_ai_jobs_heading": "AI Jobs",
+  "admin_ai_jobs_subheading": "Background AI generation tasks",
+  "admin_text_gen_page_title": "Text Gen — Admin",
+  "admin_text_gen_heading": "Text Generation",
+  "admin_nav_import": "Import"
+}
diff --git a/ui/messages/id.json b/ui/messages/id.json
new file mode 100644
index 0000000..05aa86b
--- /dev/null
+++ b/ui/messages/id.json
@@ -0,0 +1,458 @@
+{
+  "$schema": "https://inlang.com/schema/inlang-message-format",
+  "nav_library": "Perpustakaan",
+  "nav_catalogue": "Katalog",
+  "nav_feed": "Umpan",
+  "nav_feedback": "Masukan",
+  "nav_admin": "Admin",
+  "nav_profile": "Profil",
+  "nav_sign_in": "Masuk",
+  "nav_sign_out": "Keluar",
+  "nav_toggle_menu": "Menu",
+  "nav_admin_panel": "Panel admin",
+  "footer_library": "Perpustakaan",
+  "footer_catalogue": "Katalog",
+  "footer_feedback": "Masukan",
+  "footer_disclaimer": "Penyangkalan",
+  "footer_privacy": "Privasi",
+  "footer_dmca": "DMCA",
+  "footer_copyright": "© {year} libnovel",
+  "footer_dev": "dev",
+  "home_title": "libnovel",
+  "home_stat_books": "Buku",
+  "home_stat_chapters": "Bab",
+  "home_stat_in_progress": "Sedang dibaca",
+  "home_continue_reading": "Lanjutkan Membaca",
+  "home_view_all": "Lihat semua",
+  "home_recently_updated": "Baru Diperbarui",
+  "home_from_following": "Dari Orang yang Kamu Ikuti",
+  "home_empty_title": "Perpustakaanmu kosong",
+  "home_empty_body": "Temukan novel dan tambahkan ke perpustakaanmu.",
+  "home_discover_novels": "Temukan Novel",
+  "home_via_reader": "via {username}",
+  "home_chapter_badge": "bab.{n}",
+  "player_generating": "Membuat… {percent}%",
+  "player_loading": "Memuat…",
+  "player_chapters": "Bab",
+  "player_chapter_n": "Bab {n}",
+  "player_toggle_chapter_list": "Daftar bab",
+  "player_chapter_list_label": "Daftar bab",
+  "player_close_chapter_list": "Tutup daftar bab",
+  "player_rewind_15": "Mundur 15 detik",
+  "player_skip_30": "Maju 30 detik",
+  "player_back_15": "−15 dtk",
+  "player_forward_30": "+30 dtk",
+  "player_play": "Putar",
+  "player_pause": "Jeda",
+  "player_speed_label": "Kecepatan {speed}x",
+  "player_seek_label": "Kemajuan bab",
+  "player_change_speed": "Ubah kecepatan",
+  "player_auto_next_on": "Auto-lanjut aktif",
+  "player_auto_next_off": "Auto-lanjut nonaktif",
+  "player_auto_next_ready": "Auto-lanjut — Bab.{n} siap",
+  "player_auto_next_preparing": "Auto-lanjut — menyiapkan Bab.{n}…",
+  "player_auto_next_aria": "Auto-lanjut {state}",
+  "player_go_to_chapter": "Pergi ke bab",
+  "player_close": "Tutup pemutar",
+  "login_page_title": "Masuk — libnovel",
+  "login_heading": "Masuk ke libnovel",
+  "login_subheading": "Pilih penyedia untuk melanjutkan",
+  "login_continue_google": "Lanjutkan dengan Google",
+  "login_continue_github": "Lanjutkan dengan GitHub",
+  "login_terms_notice": "Dengan masuk, kamu menyetujui syarat layanan kami.",
+  "login_error_oauth_state": "Masuk dibatalkan atau kedaluwarsa. Coba lagi.",
+  "login_error_oauth_failed": "Tidak dapat terhubung ke penyedia. Coba lagi.",
+  "login_error_oauth_no_email": "Akunmu tidak memiliki alamat email terverifikasi. Tambahkan dan coba lagi.",
+  "books_page_title": "Perpustakaan — libnovel",
+  "books_heading": "Perpustakaanmu",
+  "books_empty_title": "Belum ada buku",
+  "books_empty_body": "Tambahkan buku ke perpustakaanmu dengan mengunjungi halaman buku.",
+  "books_browse_catalogue": "Jelajahi Katalog",
+  "books_chapter_count": "{n} bab",
+  "books_last_read": "Terakhir: Bab.{n}",
+  "books_reading_progress": "Bab.{current} / {total}",
+  "books_remove": "Hapus",
+  "catalogue_page_title": "Katalog — libnovel",
+  "catalogue_heading": "Katalog",
+  "catalogue_search_placeholder": "Cari novel…",
+  "catalogue_filter_genre": "Genre",
+  "catalogue_filter_status": "Status",
+  "catalogue_filter_sort": "Urutkan",
+  "catalogue_sort_popular": "Populer",
+  "catalogue_sort_new": "Terbaru",
+  "catalogue_sort_top_rated": "Nilai Tertinggi",
+  "catalogue_sort_rank": "Peringkat",
+  "catalogue_status_all": "Semua",
+  "catalogue_status_ongoing": "Berlangsung",
+  "catalogue_status_completed": "Selesai",
+  "catalogue_genre_all": "Semua genre",
+  "catalogue_clear_filters": "Hapus",
+  "catalogue_reset": "Atur ulang",
+  "catalogue_no_results": "Novel tidak ditemukan.",
+  "catalogue_loading": "Memuat…",
+  "catalogue_load_more": "Muat lebih banyak",
+  "catalogue_results_count": "{n} hasil",
+  "book_detail_page_title": "{title} — libnovel",
+  "book_detail_signin_to_save": "Masuk untuk menyimpan",
+  "book_detail_add_to_library": "Tambah ke Perpustakaan",
+  "book_detail_remove_from_library": "Hapus dari Perpustakaan",
+  "book_detail_read_now": "Baca Sekarang",
+  "book_detail_continue_reading": "Lanjutkan Membaca",
+  "book_detail_start_reading": "Mulai Membaca",
+  "book_detail_chapters": "{n} Bab",
+  "book_detail_status": "Status",
+  "book_detail_author": "Penulis",
+  "book_detail_genres": "Genre",
+  "book_detail_description": "Deskripsi",
+  "book_detail_source": "Sumber",
+  "book_detail_rescrape": "Perbarui",
+  "book_detail_scraping": "Memperbarui…",
+  "book_detail_in_library": "Ada di Perpustakaan",
+  "chapters_page_title": "Bab — {title}",
+  "chapters_heading": "Bab",
+  "chapters_back_to_book": "Kembali ke buku",
+  "chapters_reading_now": "Sedang dibaca",
+  "chapters_empty": "Belum ada bab yang diambil.",
+  "reader_page_title": "{title} — Bab.{n} — libnovel",
+  "reader_play_narration": "Putar narasi",
+  "reader_generating_audio": "Membuat audio…",
+  "reader_signin_for_audio": "Narasi audio tersedia",
+  "reader_signin_audio_desc": "Masuk untuk mendengarkan bab ini yang dinarasikan oleh AI.",
+  "reader_audio_error": "Pembuatan audio gagal.",
+  "reader_prev_chapter": "Bab sebelumnya",
+  "reader_next_chapter": "Bab berikutnya",
+  "reader_back_to_chapters": "Kembali ke daftar bab",
+  "reader_chapter_n": "Bab {n}",
+  "reader_change_voice": "Ganti suara",
+  "reader_voice_panel_title": "Pilih suara",
+  "reader_voice_kokoro": "Suara Kokoro",
+  "reader_voice_pocket": "Suara Pocket-TTS",
+  "reader_voice_play_sample": "Putar sampel",
+  "reader_voice_stop_sample": "Hentikan sampel",
+  "reader_voice_selected": "Dipilih",
+  "reader_close_voice_panel": "Tutup panel suara",
+  "reader_auto_next": "Auto-lanjut",
+  "reader_speed": "Kecepatan",
+  "reader_preview_notice": "Pratinjau — bab ini belum sepenuhnya diambil.",
+  "profile_page_title": "Profil — libnovel",
+  "profile_heading": "Profil",
+  "profile_avatar_label": "Avatar",
+  "profile_change_avatar": "Ubah avatar",
+  "profile_username": "Nama pengguna",
+  "profile_email": "Email",
+  "profile_change_password": "Ubah kata sandi",
+  "profile_current_password": "Kata sandi saat ini",
+  "profile_new_password": "Kata sandi baru",
+  "profile_confirm_password": "Konfirmasi kata sandi",
+  "profile_save_password": "Simpan kata sandi",
+  "profile_appearance_heading": "Tampilan",
+  "profile_theme_label": "Tema",
+  "profile_theme_amber": "Amber",
+  "profile_theme_slate": "Abu-abu",
+  "profile_theme_rose": "Mawar",
+  "profile_theme_forest": "Hutan",
+  "profile_theme_mono": "Mono",
+  "profile_theme_cyber": "Cyberpunk",
+  "profile_theme_light": "Light",
+  "profile_theme_light_slate": "Light Blue",
+  "profile_theme_light_rose": "Light Rose",
+  "profile_reading_heading": "Pengaturan membaca",
+  "profile_voice_label": "Suara default",
+  "profile_speed_label": "Kecepatan pemutaran",
+  "profile_auto_next_label": "Auto-lanjut bab",
+  "profile_save_settings": "Simpan pengaturan",
+  "profile_settings_saved": "Pengaturan disimpan.",
+  "profile_settings_error": "Gagal menyimpan pengaturan.",
+  "profile_password_saved": "Kata sandi diubah.",
+  "profile_password_error": "Gagal mengubah kata sandi.",
+  "profile_sessions_heading": "Sesi aktif",
+  "profile_sign_out_all": "Keluar dari semua perangkat lain",
+  "profile_joined": "Bergabung {date}",
+  "user_page_title": "{username} — libnovel",
+  "user_library_heading": "Perpustakaan {username}",
+  "user_follow": "Ikuti",
+  "user_unfollow": "Berhenti mengikuti",
+  "user_followers": "{n} pengikut",
+  "user_following": "{n} mengikuti",
+  "user_library_empty": "Tidak ada buku di perpustakaan.",
+  "error_not_found_title": "Halaman tidak ditemukan",
+  "error_not_found_body": "Halaman yang kamu cari tidak ada.",
+  "error_generic_title": "Terjadi kesalahan",
+  "error_go_home": "Ke beranda",
+  "error_status": "Error {status}",
+  "admin_scrape_page_title": "Scrape — Admin",
+  "admin_scrape_heading": "Scrape",
+  "admin_scrape_catalogue": "Scrape Katalog",
+  "admin_scrape_book": "Scrape Buku",
+  "admin_scrape_url_placeholder": "URL buku di novelfire.net",
+  "admin_scrape_range": "Rentang bab",
+  "admin_scrape_from": "Dari",
+  "admin_scrape_to": "Sampai",
+  "admin_scrape_submit": "Scrape",
+  "admin_scrape_cancel": "Batal",
+  "admin_scrape_status_pending": "Menunggu",
+  "admin_scrape_status_running": "Berjalan",
+  "admin_scrape_status_done": "Selesai",
+  "admin_scrape_status_failed": "Gagal",
+  "admin_scrape_status_cancelled": "Dibatalkan",
+  "admin_tasks_heading": "Tugas terbaru",
+  "admin_tasks_empty": "Belum ada tugas.",
+  "admin_audio_page_title": "Audio — Admin",
+  "admin_audio_heading": "Tugas Audio",
+  "admin_audio_empty": "Tidak ada tugas audio.",
+  "admin_changelog_page_title": "Changelog — Admin",
+  "admin_changelog_heading": "Changelog",
+  "comments_heading": "Komentar",
+  "comments_empty": "Belum ada komentar. Jadilah yang pertama!",
+  "comments_placeholder": "Tulis komentar…",
+  "comments_submit": "Kirim",
+  "comments_login_prompt": "Masuk untuk berkomentar.",
+  "comments_vote_up": "Suka",
+  "comments_vote_down": "Tidak suka",
+  "comments_delete": "Hapus",
+  "comments_reply": "Balas",
+  "comments_show_replies": "Tampilkan {n} balasan",
+  "comments_hide_replies": "Sembunyikan balasan",
+  "comments_edited": "diedit",
+  "comments_deleted": "[dihapus]",
+  "disclaimer_page_title": "Penyangkalan — libnovel",
+  "privacy_page_title": "Kebijakan Privasi — libnovel",
+  "dmca_page_title": "DMCA — libnovel",
+  "terms_page_title": "Syarat Layanan — libnovel",
+  "common_loading": "Memuat…",
+  "common_error": "Error",
+  "common_save": "Simpan",
+  "common_cancel": "Batal",
+  "common_close": "Tutup",
+  "common_search": "Cari",
+  "common_back": "Kembali",
+  "common_next": "Berikutnya",
+  "common_previous": "Sebelumnya",
+  "common_yes": "Ya",
+  "common_no": "Tidak",
+  "common_on": "aktif",
+  "common_off": "nonaktif",
+  "locale_switcher_label": "Bahasa",
+  "books_empty_library": "Perpustakaanmu kosong.",
+  "books_empty_discover": "Buku yang mulai kamu baca atau simpan dari",
+  "books_empty_discover_link": "Temukan",
+  "books_empty_discover_suffix": "akan muncul di sini.",
+  "books_count": "{n} buku",
+  "catalogue_sort_updated": "Diperbarui",
+  "catalogue_search_button": "Cari",
+  "catalogue_refresh": "Segarkan",
+  "catalogue_refreshing": "Mengantri…",
+  "catalogue_refresh_mobile": "Segarkan katalog",
+  "catalogue_all_loaded": "Semua novel telah dimuat",
+  "catalogue_scroll_top": "Kembali ke atas",
+  "catalogue_view_grid": "Tampilan kisi",
+  "catalogue_view_list": "Tampilan daftar",
+  "catalogue_browse_source": "Jelajahi novel dari novelfire.net",
+  "catalogue_search_results": "{n} hasil untuk \"{q}\"",
+  "catalogue_search_local_count": "({local} lokal, {remote} dari novelfire)",
+  "catalogue_rank_ranked": "{n} novel diurutkan dari scrape katalog terakhir",
+  "catalogue_rank_no_data": "Tidak ada data peringkat.",
+  "catalogue_rank_no_data_body": "Tidak ada data peringkat — jalankan scrape katalog penuh untuk mengisi",
+  "catalogue_rank_run_scrape_admin": "Klik Segarkan katalog di atas untuk memicu scrape katalog penuh.",
+  "catalogue_rank_run_scrape_user": "Minta admin untuk menjalankan scrape katalog.",
+  "catalogue_scrape_queued_flash": "Scrape katalog penuh diantrekan. Perpustakaan dan peringkat akan diperbarui saat buku diproses.",
+  "catalogue_scrape_busy_flash": "Pekerjaan scrape sedang berjalan. Periksa kembali setelah selesai.",
+  "catalogue_scrape_error_flash": "Gagal mengantrekan scrape. Pastikan layanan scraper dapat dijangkau.",
+  "catalogue_filters_label": "Filter",
+  "catalogue_apply": "Terapkan",
+  "catalogue_filter_rank_note": "Filter genre & status hanya berlaku untuk Jelajahi",
+  "catalogue_no_results_search": "Tidak ada hasil.",
+  "catalogue_no_results_try": "Coba kata kunci lain.",
+  "catalogue_no_results_filters": "Coba filter lain atau periksa kembali nanti.",
+  "catalogue_scrape_queued_badge": "Diantrekan",
+  "catalogue_scrape_busy_badge": "Scraper sibuk",
+  "catalogue_scrape_busy_list": "Sibuk",
+  "catalogue_scrape_forbidden_badge": "Terlarang",
+  "catalogue_scrape_novel_button": "Scrape",
+  "catalogue_scraping_novel": "Scraping…",
+  "book_detail_not_in_library": "tidak di perpustakaan",
+  "book_detail_continue_ch": "Lanjutkan bab.{n}",
+  "book_detail_start_ch1": "Mulai dari bab.1",
+  "book_detail_preview_ch1": "Pratinjau bab.1",
+  "book_detail_reading_ch": "Membaca bab.{n} dari {total}",
+  "book_detail_n_chapters": "{n} bab",
+  "book_detail_rescraping": "Mengantri…",
+  "book_detail_from_chapter": "Dari bab",
+  "book_detail_to_chapter": "Sampai bab (opsional)",
+  "book_detail_range_queuing": "Mengantri…",
+  "book_detail_scrape_range": "Rentang scrape",
+  "book_detail_admin": "Admin",
+  "book_detail_admin_book_cover": "Sampul Buku",
+  "book_detail_admin_chapter_cover": "Sampul Bab",
+  "book_detail_admin_chapter_n": "Bab #",
+  "book_detail_admin_description": "Deskripsi",
+  "book_detail_admin_chapter_names": "Nama Bab",
+  "book_detail_admin_audio_tts": "Audio TTS",
+  "book_detail_admin_voice": "Suara",
+  "book_detail_admin_generate": "Buat",
+  "book_detail_admin_save_cover": "Simpan Sampul",
+  "book_detail_admin_saving": "Menyimpan…",
+  "book_detail_admin_saved": "Tersimpan",
+  "book_detail_admin_apply": "Terapkan",
+  "book_detail_admin_applying": "Menerapkan…",
+  "book_detail_admin_applied": "Diterapkan",
+  "book_detail_admin_discard": "Buang",
+  "book_detail_admin_enqueue_audio": "Antre Audio",
+  "book_detail_admin_cancel_audio": "Batal",
+  "book_detail_admin_enqueued": "Diantre {enqueued}, dilewati {skipped}",
+  "book_detail_scraping_progress": "Mengambil 20 bab pertama. Halaman ini akan dimuat ulang otomatis.",
+  "book_detail_scraping_home": "← Beranda",
+  "book_detail_rescrape_book": "Scrape ulang buku",
+  "book_detail_less": "Lebih sedikit",
+  "book_detail_more": "Selengkapnya",
+  "chapters_search_placeholder": "Cari bab…",
+  "chapters_jump_to": "Loncat ke Bab.{n}",
+  "chapters_no_match": "Tidak ada bab yang cocok dengan \"{q}\"",
+  "chapters_none_available": "Belum ada bab tersedia.",
+  "chapters_reading_indicator": "sedang dibaca",
+  "chapters_result_count": "{n} hasil",
+  "reader_fetching_chapter": "Mengambil bab…",
+  "reader_words": "{n} kata",
+  "reader_preview_audio_notice": "Pratinjau — audio tidak tersedia untuk buku di luar perpustakaan.",
+  "profile_click_to_change": "Klik avatar untuk mengganti foto",
+  "profile_tts_voice": "Suara TTS",
+  "profile_auto_advance": "Otomatis lanjut ke bab berikutnya",
+  "profile_saving": "Menyimpan…",
+  "profile_saved": "Tersimpan!",
+  "profile_session_this": "Sesi ini",
+  "profile_session_signed_in": "Masuk {date}",
+  "profile_session_last_seen": "· Terakhir dilihat {date}",
+  "profile_session_sign_out": "Keluar",
+  "profile_session_end": "Akhiri",
+  "profile_session_unrecognised": "Ini semua perangkat yang masuk ke akunmu. Akhiri sesi yang tidak kamu kenali.",
+  "profile_no_sessions": "Tidak ada catatan sesi. Sesi dilacak mulai login berikutnya.",
+  "profile_change_password_heading": "Ubah kata sandi",
+  "profile_update_password": "Perbarui kata sandi",
+  "profile_updating": "Memperbarui…",
+  "profile_password_changed_ok": "Kata sandi berhasil diubah.",
+  "profile_playback_speed": "Kecepatan pemutaran — {speed}x",
+  "profile_subscription_heading": "Langganan",
+  "profile_plan_pro": "Pro",
+  "profile_plan_free": "Gratis",
+  "profile_pro_active": "Langganan Pro kamu aktif.",
+  "profile_pro_perks": "Audio tanpa batas, semua bahasa terjemahan, dan pilihan suara tersedia.",
+  "profile_manage_subscription": "Kelola langganan",
+  "profile_upgrade_heading": "Tingkatkan ke Pro",
+  "profile_upgrade_desc": "Buka audio tanpa batas, terjemahan dalam 4 bahasa, dan pilihan suara.",
+  "profile_upgrade_monthly": "Bulanan — $6 / bln",
+  "profile_upgrade_annual": "Tahunan — $48 / thn",
+  "profile_free_limits": "Paket gratis: 3 bab audio per hari, hanya bahasa Inggris.",
+  "subscribe_page_title": "Jadi Pro — libnovel",
+  "subscribe_heading": "Baca lebih. Dengarkan lebih.",
+  "subscribe_subheading": "Tingkatkan ke Pro dan buka pengalaman libnovel sepenuhnya.",
+  "subscribe_monthly_label": "Bulanan",
+  "subscribe_monthly_price": "$6",
+  "subscribe_monthly_period": "per bulan",
+  "subscribe_annual_label": "Tahunan",
+  "subscribe_annual_price": "$48",
+  "subscribe_annual_period": "per tahun",
+  "subscribe_annual_save": "Hemat 33%",
+  "subscribe_cta_monthly": "Mulai paket bulanan",
+  "subscribe_cta_annual": "Mulai paket tahunan",
+  "subscribe_already_pro": "Anda sudah berlangganan Pro.",
+  "subscribe_manage": "Kelola langganan",
+  "subscribe_benefit_audio": "Bab audio tak terbatas per hari",
+  "subscribe_benefit_voices": "Pilihan suara untuk semua mesin TTS",
+  "subscribe_benefit_translation": "Baca dalam bahasa Prancis, Indonesia, Portugis, dan Rusia",
+  "subscribe_benefit_downloads": "Unduh bab untuk didengarkan secara offline",
+  "subscribe_login_prompt": "Masuk untuk berlangganan",
+  "subscribe_login_cta": "Masuk",
+  "user_currently_reading": "Sedang Dibaca",
+  "user_library_count": "Perpustakaan ({n})",
+  "user_joined": "Bergabung {date}",
+  "user_followers_label": "pengikut",
+  "user_following_label": "mengikuti",
+  "user_no_books": "Belum ada buku di perpustakaan.",
+  "admin_pages_label": "Halaman",
+  "admin_tools_label": "Alat",
+  "admin_nav_scrape": "Scrape",
+  "admin_nav_audio": "Audio",
+  "admin_nav_translation": "Terjemahan",
+  "admin_nav_changelog": "Perubahan",
+  "admin_nav_image_gen": "Image Gen",
+  "admin_nav_text_gen": "Text Gen",
+  "admin_nav_catalogue_tools": "Catalogue Tools",
+  "admin_nav_ai_jobs": "Tugas AI",
+  "admin_nav_notifications": "Notifikasi",
+  "admin_nav_errors": "Kesalahan",
+  "admin_nav_analytics": "Analitik",
+  "admin_nav_logs": "Log",
+  "admin_nav_uptime": "Uptime",
+  "admin_nav_push": "Notifikasi",
+  "admin_scrape_status_idle": "Menunggu",
+  "admin_scrape_full_catalogue": "Katalog penuh",
+  "admin_scrape_single_book": "Satu buku",
+  "admin_scrape_quick_genres": "Genre cepat",
+  "admin_scrape_task_history": "Riwayat tugas",
+  "admin_scrape_filter_placeholder": "Filter berdasarkan jenis, status, atau URL…",
+  "admin_scrape_no_matching": "Tidak ada tugas yang cocok.",
+  "admin_scrape_start": "Mulai scrape",
+  "admin_scrape_queuing": "Mengantri…",
+  "admin_scrape_running": "Berjalan…",
+  "admin_audio_filter_jobs": "Filter berdasarkan slug, suara, atau status…",
+  "admin_audio_filter_cache": "Filter berdasarkan slug, bab, atau suara…",
+  "admin_audio_no_matching_jobs": "Tidak ada pekerjaan yang cocok.",
+  "admin_audio_no_jobs": "Belum ada pekerjaan audio.",
+  "admin_audio_cache_empty": "Cache audio kosong.",
+  "admin_audio_no_cache_results": "Tidak ada hasil.",
+  "admin_changelog_gitea": "Rilis Gitea",
+  "admin_changelog_no_releases": "Tidak ada rilis.",
+  "admin_changelog_load_error": "Gagal memuat rilis: {error}",
+  "comments_top": "Teratas",
+  "comments_new": "Terbaru",
+  "comments_posting": "Mengirim…",
+  "comments_login_link": "Masuk",
+  "comments_login_suffix": "untuk meninggalkan komentar.",
+  "comments_anonymous": "Anonim",
+  "reader_audio_narration": "Narasi Audio",
+  "reader_playing": "Memutar — kontrol di bawah",
+  "reader_paused": "Dijeda — kontrol di bawah",
+  "reader_ch_ready": "Bab.{n} siap",
+  "reader_ch_preparing": "Menyiapkan Bab.{n}… {percent}%",
+  "reader_ch_generate_on_nav": "Bab.{n} akan dihasilkan saat navigasi",
+  "reader_now_playing": "Sedang diputar: {title}",
+  "reader_load_this_chapter": "Muat bab ini",
+  "reader_generate_samples": "Hasilkan sampel yang hilang",
+  "reader_voice_applies_next": "Suara baru berlaku pada \"Putar narasi\" berikutnya.",
+  "reader_choose_voice": "Pilih Suara",
+  "reader_generating_narration": "Membuat narasi…",
+  "profile_font_family": "Jenis Font",
+  "profile_font_system": "Sistem",
+  "profile_font_serif": "Serif",
+  "profile_font_mono": "Mono",
+  "profile_text_size": "Ukuran Teks",
+  "profile_text_size_sm": "Kecil",
+  "profile_text_size_md": "Normal",
+  "profile_text_size_lg": "Besar",
+  "profile_text_size_xl": "Sangat Besar",
+  "feed_page_title": "Umpan — LibNovel",
+  "feed_heading": "Umpan Ikutan",
+  "feed_subheading": "Buku yang sedang dibaca oleh pengguna yang Anda ikuti",
+  "feed_empty_heading": "Belum ada apa-apa",
+  "feed_empty_body": "Ikuti pembaca lain untuk melihat apa yang mereka baca.",
+  "feed_not_logged_in": "Masuk untuk melihat umpan Anda.",
+  "feed_reader_label": "membaca",
+  "feed_chapters_label": "{n} bab",
+  "feed_browse_cta": "Jelajahi katalog",
+  "feed_find_users_cta": "Temukan pembaca",
+  "admin_nav_gitea": "Gitea",
+  "admin_nav_grafana": "Grafana",
+  "admin_translation_page_title": "Translation — Admin",
+  "admin_translation_heading": "Machine Translation",
+  "admin_translation_tab_enqueue": "Enqueue",
+  "admin_translation_tab_jobs": "Jobs",
+  "admin_translation_filter_placeholder": "Filter by slug, lang, or status…",
+  "admin_translation_no_matching": "No matching jobs.",
+  "admin_translation_no_jobs": "No translation jobs yet.",
+  "admin_ai_jobs_page_title": "AI Jobs — Admin",
+  "admin_ai_jobs_heading": "AI Jobs",
+  "admin_ai_jobs_subheading": "Background AI generation tasks",
+  "admin_text_gen_page_title": "Text Gen — Admin",
+  "admin_text_gen_heading": "Text Generation",
+  "admin_nav_import": "Import"
+}
diff --git a/ui/messages/pt.json b/ui/messages/pt.json
new file mode 100644
index 0000000..8223d3b
--- /dev/null
+++ b/ui/messages/pt.json
@@ -0,0 +1,458 @@
+{
+  "$schema": "https://inlang.com/schema/inlang-message-format",
+  "nav_library": "Biblioteca",
+  "nav_catalogue": "Catálogo",
+  "nav_feed": "Feed",
+  "nav_feedback": "Feedback",
+  "nav_admin": "Admin",
+  "nav_profile": "Perfil",
+  "nav_sign_in": "Entrar",
+  "nav_sign_out": "Sair",
+  "nav_toggle_menu": "Menu",
+  "nav_admin_panel": "Painel admin",
+  "footer_library": "Biblioteca",
+  "footer_catalogue": "Catálogo",
+  "footer_feedback": "Feedback",
+  "footer_disclaimer": "Aviso legal",
+  "footer_privacy": "Privacidade",
+  "footer_dmca": "DMCA",
+  "footer_copyright": "© {year} libnovel",
+  "footer_dev": "dev",
+  "home_title": "libnovel",
+  "home_stat_books": "Livros",
+  "home_stat_chapters": "Capítulos",
+  "home_stat_in_progress": "Em andamento",
+  "home_continue_reading": "Continuar Lendo",
+  "home_view_all": "Ver tudo",
+  "home_recently_updated": "Atualizados Recentemente",
+  "home_from_following": "De Quem Você Segue",
+  "home_empty_title": "Sua biblioteca está vazia",
+  "home_empty_body": "Descubra romances e adicione à sua biblioteca.",
+  "home_discover_novels": "Descobrir Romances",
+  "home_via_reader": "via {username}",
+  "home_chapter_badge": "cap.{n}",
+  "player_generating": "Gerando… {percent}%",
+  "player_loading": "Carregando…",
+  "player_chapters": "Capítulos",
+  "player_chapter_n": "Capítulo {n}",
+  "player_toggle_chapter_list": "Lista de capítulos",
+  "player_chapter_list_label": "Lista de capítulos",
+  "player_close_chapter_list": "Fechar lista de capítulos",
+  "player_rewind_15": "Voltar 15 segundos",
+  "player_skip_30": "Avançar 30 segundos",
+  "player_back_15": "−15 s",
+  "player_forward_30": "+30 s",
+  "player_play": "Reproduzir",
+  "player_pause": "Pausar",
+  "player_speed_label": "Velocidade {speed}x",
+  "player_seek_label": "Progresso do capítulo",
+  "player_change_speed": "Mudar velocidade",
+  "player_auto_next_on": "Próximo automático ativado",
+  "player_auto_next_off": "Próximo automático desativado",
+  "player_auto_next_ready": "Próximo automático — Cap.{n} pronto",
+  "player_auto_next_preparing": "Próximo automático — preparando Cap.{n}…",
+  "player_auto_next_aria": "Próximo automático {state}",
+  "player_go_to_chapter": "Ir para capítulo",
+  "player_close": "Fechar player",
+  "login_page_title": "Entrar — libnovel",
+  "login_heading": "Entrar no libnovel",
+  "login_subheading": "Escolha um provedor para continuar",
+  "login_continue_google": "Continuar com Google",
+  "login_continue_github": "Continuar com GitHub",
+  "login_terms_notice": "Ao entrar, você concorda com nossos termos de serviço.",
+  "login_error_oauth_state": "Login cancelado ou expirado. Tente novamente.",
+  "login_error_oauth_failed": "Não foi possível conectar ao provedor. Tente novamente.",
+  "login_error_oauth_no_email": "Sua conta não tem endereço de email verificado. Adicione um e tente novamente.",
+  "books_page_title": "Biblioteca — libnovel",
+  "books_heading": "Sua Biblioteca",
+  "books_empty_title": "Nenhum livro ainda",
+  "books_empty_body": "Adicione livros à sua biblioteca visitando a página de um livro.",
+  "books_browse_catalogue": "Explorar Catálogo",
+  "books_chapter_count": "{n} capítulos",
+  "books_last_read": "Último: Cap.{n}",
+  "books_reading_progress": "Cap.{current} / {total}",
+  "books_remove": "Remover",
+  "catalogue_page_title": "Catálogo — libnovel",
+  "catalogue_heading": "Catálogo",
+  "catalogue_search_placeholder": "Pesquisar romances…",
+  "catalogue_filter_genre": "Gênero",
+  "catalogue_filter_status": "Status",
+  "catalogue_filter_sort": "Ordenar",
+  "catalogue_sort_popular": "Popular",
+  "catalogue_sort_new": "Novo",
+  "catalogue_sort_top_rated": "Mais Bem Avaliados",
+  "catalogue_sort_rank": "Ranking",
+  "catalogue_status_all": "Todos",
+  "catalogue_status_ongoing": "Em andamento",
+  "catalogue_status_completed": "Concluído",
+  "catalogue_genre_all": "Todos os gêneros",
+  "catalogue_clear_filters": "Limpar",
+  "catalogue_reset": "Redefinir",
+  "catalogue_no_results": "Nenhum romance encontrado.",
+  "catalogue_loading": "Carregando…",
+  "catalogue_load_more": "Carregar mais",
+  "catalogue_results_count": "{n} resultados",
+  "book_detail_page_title": "{title} — libnovel",
+  "book_detail_signin_to_save": "Entre para salvar",
+  "book_detail_add_to_library": "Adicionar à Biblioteca",
+  "book_detail_remove_from_library": "Remover da Biblioteca",
+  "book_detail_read_now": "Ler Agora",
+  "book_detail_continue_reading": "Continuar Lendo",
+  "book_detail_start_reading": "Começar a Ler",
+  "book_detail_chapters": "{n} Capítulos",
+  "book_detail_status": "Status",
+  "book_detail_author": "Autor",
+  "book_detail_genres": "Gêneros",
+  "book_detail_description": "Descrição",
+  "book_detail_source": "Fonte",
+  "book_detail_rescrape": "Atualizar",
+  "book_detail_scraping": "Atualizando…",
+  "book_detail_in_library": "Na Biblioteca",
+  "chapters_page_title": "Capítulos — {title}",
+  "chapters_heading": "Capítulos",
+  "chapters_back_to_book": "Voltar ao livro",
+  "chapters_reading_now": "Lendo",
+  "chapters_empty": "Nenhum capítulo extraído ainda.",
+  "reader_page_title": "{title} — Cap.{n} — libnovel",
+  "reader_play_narration": "Reproduzir narração",
+  "reader_generating_audio": "Gerando áudio…",
+  "reader_signin_for_audio": "Narração de áudio disponível",
+  "reader_signin_audio_desc": "Entre para ouvir este capítulo narrado por IA.",
+  "reader_audio_error": "Falha na geração de áudio.",
+  "reader_prev_chapter": "Capítulo anterior",
+  "reader_next_chapter": "Próximo capítulo",
+  "reader_back_to_chapters": "Voltar aos capítulos",
+  "reader_chapter_n": "Capítulo {n}",
+  "reader_change_voice": "Mudar voz",
+  "reader_voice_panel_title": "Selecionar voz",
+  "reader_voice_kokoro": "Vozes Kokoro",
+  "reader_voice_pocket": "Vozes Pocket-TTS",
+  "reader_voice_play_sample": "Reproduzir amostra",
+  "reader_voice_stop_sample": "Parar amostra",
+  "reader_voice_selected": "Selecionado",
+  "reader_close_voice_panel": "Fechar painel de voz",
+  "reader_auto_next": "Próximo automático",
+  "reader_speed": "Velocidade",
+  "reader_preview_notice": "Prévia — este capítulo não foi totalmente extraído.",
+  "profile_page_title": "Perfil — libnovel",
+  "profile_heading": "Perfil",
+  "profile_avatar_label": "Avatar",
+  "profile_change_avatar": "Mudar avatar",
+  "profile_username": "Nome de usuário",
+  "profile_email": "Email",
+  "profile_change_password": "Mudar senha",
+  "profile_current_password": "Senha atual",
+  "profile_new_password": "Nova senha",
+  "profile_confirm_password": "Confirmar senha",
+  "profile_save_password": "Salvar senha",
+  "profile_appearance_heading": "Aparência",
+  "profile_theme_label": "Tema",
+  "profile_theme_amber": "Âmbar",
+  "profile_theme_slate": "Ardósia",
+  "profile_theme_rose": "Rosa",
+  "profile_theme_forest": "Floresta",
+  "profile_theme_mono": "Mono",
+  "profile_theme_cyber": "Cyberpunk",
+  "profile_theme_light": "Light",
+  "profile_theme_light_slate": "Light Blue",
+  "profile_theme_light_rose": "Light Rose",
+  "profile_reading_heading": "Configurações de leitura",
+  "profile_voice_label": "Voz padrão",
+  "profile_speed_label": "Velocidade de reprodução",
+  "profile_auto_next_label": "Próximo capítulo automático",
+  "profile_save_settings": "Salvar configurações",
+  "profile_settings_saved": "Configurações salvas.",
+  "profile_settings_error": "Falha ao salvar configurações.",
+  "profile_password_saved": "Senha alterada.",
+  "profile_password_error": "Falha ao alterar a senha.",
+  "profile_sessions_heading": "Sessões ativas",
+  "profile_sign_out_all": "Sair de todos os outros dispositivos",
+  "profile_joined": "Entrou em {date}",
+  "user_page_title": "{username} — libnovel",
+  "user_library_heading": "Biblioteca de {username}",
+  "user_follow": "Seguir",
+  "user_unfollow": "Deixar de seguir",
+  "user_followers": "{n} seguidores",
+  "user_following": "{n} seguindo",
+  "user_library_empty": "Nenhum livro na biblioteca.",
+  "error_not_found_title": "Página não encontrada",
+  "error_not_found_body": "A página que você procura não existe.",
+  "error_generic_title": "Algo deu errado",
+  "error_go_home": "Ir para início",
+  "error_status": "Erro {status}",
+  "admin_scrape_page_title": "Extração — Admin",
+  "admin_scrape_heading": "Extração",
+  "admin_scrape_catalogue": "Extrair Catálogo",
+  "admin_scrape_book": "Extrair Livro",
+  "admin_scrape_url_placeholder": "URL do livro em novelfire.net",
+  "admin_scrape_range": "Intervalo de capítulos",
+  "admin_scrape_from": "De",
+  "admin_scrape_to": "Até",
+  "admin_scrape_submit": "Extrair",
+  "admin_scrape_cancel": "Cancelar",
+  "admin_scrape_status_pending": "Pendente",
+  "admin_scrape_status_running": "Em execução",
+  "admin_scrape_status_done": "Concluído",
+  "admin_scrape_status_failed": "Falhou",
+  "admin_scrape_status_cancelled": "Cancelado",
+  "admin_tasks_heading": "Tarefas recentes",
+  "admin_tasks_empty": "Nenhuma tarefa ainda.",
+  "admin_audio_page_title": "Áudio — Admin",
+  "admin_audio_heading": "Tarefas de Áudio",
+  "admin_audio_empty": "Nenhuma tarefa de áudio.",
+  "admin_changelog_page_title": "Changelog — Admin",
+  "admin_changelog_heading": "Changelog",
+  "comments_heading": "Comentários",
+  "comments_empty": "Nenhum comentário ainda. Seja o primeiro!",
+  "comments_placeholder": "Escreva um comentário…",
+  "comments_submit": "Publicar",
+  "comments_login_prompt": "Entre para comentar.",
+  "comments_vote_up": "Votar positivo",
+  "comments_vote_down": "Votar negativo",
+  "comments_delete": "Excluir",
+  "comments_reply": "Responder",
+  "comments_show_replies": "Mostrar {n} respostas",
+  "comments_hide_replies": "Ocultar respostas",
+  "comments_edited": "editado",
+  "comments_deleted": "[excluído]",
+  "disclaimer_page_title": "Aviso Legal — libnovel",
+  "privacy_page_title": "Política de Privacidade — libnovel",
+  "dmca_page_title": "DMCA — libnovel",
+  "terms_page_title": "Termos de Serviço — libnovel",
+  "common_loading": "Carregando…",
+  "common_error": "Erro",
+  "common_save": "Salvar",
+  "common_cancel": "Cancelar",
+  "common_close": "Fechar",
+  "common_search": "Pesquisar",
+  "common_back": "Voltar",
+  "common_next": "Próximo",
+  "common_previous": "Anterior",
+  "common_yes": "Sim",
+  "common_no": "Não",
+  "common_on": "ativado",
+  "common_off": "desativado",
+  "locale_switcher_label": "Idioma",
+  "books_empty_library": "Sua biblioteca está vazia.",
+  "books_empty_discover": "Livros que você começar a ler ou salvar de",
+  "books_empty_discover_link": "Descobrir",
+  "books_empty_discover_suffix": "aparecerão aqui.",
+  "books_count": "{n} livro{s}",
+  "catalogue_sort_updated": "Atualizado",
+  "catalogue_search_button": "Pesquisar",
+  "catalogue_refresh": "Atualizar",
+  "catalogue_refreshing": "Na fila…",
+  "catalogue_refresh_mobile": "Atualizar catálogo",
+  "catalogue_all_loaded": "Todos os romances carregados",
+  "catalogue_scroll_top": "Voltar ao topo",
+  "catalogue_view_grid": "Visualização em grade",
+  "catalogue_view_list": "Visualização em lista",
+  "catalogue_browse_source": "Explorar romances do novelfire.net",
+  "catalogue_search_results": "{n} resultado{s} para \"{q}\"",
+  "catalogue_search_local_count": "({local} local, {remote} do novelfire)",
+  "catalogue_rank_ranked": "{n} romances classificados do último scrape do catálogo",
+  "catalogue_rank_no_data": "Sem dados de classificação.",
+  "catalogue_rank_no_data_body": "Sem dados de classificação — execute um scrape completo do catálogo para preencher",
+  "catalogue_rank_run_scrape_admin": "Clique em Atualizar catálogo acima para acionar um scrape completo.",
+  "catalogue_rank_run_scrape_user": "Peça a um administrador para executar um scrape do catálogo.",
+  "catalogue_scrape_queued_flash": "Scrape completo do catálogo na fila. A biblioteca e a classificação serão atualizadas conforme os livros forem processados.",
+  "catalogue_scrape_busy_flash": "Um job de scrape já está em execução. Volte quando terminar.",
+  "catalogue_scrape_error_flash": "Falha ao enfileirar o scrape. Verifique se o serviço de scraper está acessível.",
+  "catalogue_filters_label": "Filtros",
+  "catalogue_apply": "Aplicar",
+  "catalogue_filter_rank_note": "Filtros de gênero e status se aplicam apenas a Explorar",
+  "catalogue_no_results_search": "Nenhum resultado encontrado.",
+  "catalogue_no_results_try": "Tente um termo de pesquisa diferente.",
+  "catalogue_no_results_filters": "Tente filtros diferentes ou volte mais tarde.",
+  "catalogue_scrape_queued_badge": "Na fila",
+  "catalogue_scrape_busy_badge": "Scraper ocupado",
+  "catalogue_scrape_busy_list": "Ocupado",
+  "catalogue_scrape_forbidden_badge": "Proibido",
+  "catalogue_scrape_novel_button": "Extrair",
+  "catalogue_scraping_novel": "Extraindo…",
+  "book_detail_not_in_library": "não está na biblioteca",
+  "book_detail_continue_ch": "Continuar cap.{n}",
+  "book_detail_start_ch1": "Começar pelo cap.1",
+  "book_detail_preview_ch1": "Prévia do cap.1",
+  "book_detail_reading_ch": "Lendo cap.{n} de {total}",
+  "book_detail_n_chapters": "{n} capítulos",
+  "book_detail_rescraping": "Na fila…",
+  "book_detail_from_chapter": "A partir do capítulo",
+  "book_detail_to_chapter": "Até o capítulo (opcional)",
+  "book_detail_range_queuing": "Na fila…",
+  "book_detail_scrape_range": "Intervalo de extração",
+  "book_detail_admin": "Admin",
+  "book_detail_admin_book_cover": "Capa do Livro",
+  "book_detail_admin_chapter_cover": "Capa do Capítulo",
+  "book_detail_admin_chapter_n": "Capítulo nº",
+  "book_detail_admin_description": "Descrição",
+  "book_detail_admin_chapter_names": "Nomes dos Capítulos",
+  "book_detail_admin_audio_tts": "Áudio TTS",
+  "book_detail_admin_voice": "Voz",
+  "book_detail_admin_generate": "Gerar",
+  "book_detail_admin_save_cover": "Salvar Capa",
+  "book_detail_admin_saving": "Salvando…",
+  "book_detail_admin_saved": "Salvo",
+  "book_detail_admin_apply": "Aplicar",
+  "book_detail_admin_applying": "Aplicando…",
+  "book_detail_admin_applied": "Aplicado",
+  "book_detail_admin_discard": "Descartar",
+  "book_detail_admin_enqueue_audio": "Enfileirar Áudio",
+  "book_detail_admin_cancel_audio": "Cancelar",
+  "book_detail_admin_enqueued": "{enqueued} enfileirados, {skipped} ignorados",
+  "book_detail_scraping_progress": "Buscando os primeiros 20 capítulos. Esta página será atualizada automaticamente.",
+  "book_detail_scraping_home": "← Início",
+  "book_detail_rescrape_book": "Reextrair livro",
+  "book_detail_less": "Menos",
+  "book_detail_more": "Mais",
+  "chapters_search_placeholder": "Pesquisar capítulos…",
+  "chapters_jump_to": "Ir para Cap.{n}",
+  "chapters_no_match": "Nenhum capítulo encontrado para \"{q}\"",
+  "chapters_none_available": "Nenhum capítulo disponível ainda.",
+  "chapters_reading_indicator": "lendo",
+  "chapters_result_count": "{n} resultados",
+  "reader_fetching_chapter": "Buscando capítulo…",
+  "reader_words": "{n} palavras",
+  "reader_preview_audio_notice": "Prévia — áudio não disponível para livros fora da biblioteca.",
+  "profile_click_to_change": "Clique no avatar para mudar a foto",
+  "profile_tts_voice": "Voz TTS",
+  "profile_auto_advance": "Avançar automaticamente para o próximo capítulo",
+  "profile_saving": "Salvando…",
+  "profile_saved": "Salvo!",
+  "profile_session_this": "Esta sessão",
+  "profile_session_signed_in": "Entrou em {date}",
+  "profile_session_last_seen": "· Visto por último em {date}",
+  "profile_session_sign_out": "Sair",
+  "profile_session_end": "Encerrar",
+  "profile_session_unrecognised": "Estes são todos os dispositivos conectados à sua conta. Encerre qualquer sessão que não reconhecer.",
+  "profile_no_sessions": "Nenhum registro de sessão encontrado. As sessões são rastreadas a partir do próximo login.",
+  "profile_change_password_heading": "Mudar senha",
+  "profile_update_password": "Atualizar senha",
+  "profile_updating": "Atualizando…",
+  "profile_password_changed_ok": "Senha alterada com sucesso.",
+  "profile_playback_speed": "Velocidade de reprodução — {speed}x",
+  "profile_subscription_heading": "Assinatura",
+  "profile_plan_pro": "Pro",
+  "profile_plan_free": "Gratuito",
+  "profile_pro_active": "Sua assinatura Pro está ativa.",
+  "profile_pro_perks": "Áudio ilimitado, todos os idiomas de tradução e seleção de voz estão habilitados.",
+  "profile_manage_subscription": "Gerenciar assinatura",
+  "profile_upgrade_heading": "Assinar o Pro",
+  "profile_upgrade_desc": "Desbloqueie áudio ilimitado, traduções em 4 idiomas e seleção de voz.",
+  "profile_upgrade_monthly": "Mensal — $6 / mês",
+  "profile_upgrade_annual": "Anual — $48 / ano",
+  "profile_free_limits": "Plano gratuito: 3 capítulos de áudio por dia, somente inglês.",
+  "subscribe_page_title": "Seja Pro — libnovel",
+  "subscribe_heading": "Leia mais. Ouça mais.",
+  "subscribe_subheading": "Torne-se Pro e desbloqueie a experiência completa do libnovel.",
+  "subscribe_monthly_label": "Mensal",
+  "subscribe_monthly_price": "$6",
+  "subscribe_monthly_period": "por mês",
+  "subscribe_annual_label": "Anual",
+  "subscribe_annual_price": "$48",
+  "subscribe_annual_period": "por ano",
+  "subscribe_annual_save": "Economize 33%",
+  "subscribe_cta_monthly": "Começar plano mensal",
+  "subscribe_cta_annual": "Começar plano anual",
+  "subscribe_already_pro": "Você já tem uma assinatura Pro.",
+  "subscribe_manage": "Gerenciar assinatura",
+  "subscribe_benefit_audio": "Capítulos de áudio ilimitados por dia",
+  "subscribe_benefit_voices": "Seleção de voz para todos os mecanismos TTS",
+  "subscribe_benefit_translation": "Leia em francês, indonésio, português e russo",
+  "subscribe_benefit_downloads": "Baixe capítulos para ouvir offline",
+  "subscribe_login_prompt": "Entre para assinar",
+  "subscribe_login_cta": "Entrar",
+  "user_currently_reading": "Lendo Agora",
+  "user_library_count": "Biblioteca ({n})",
+  "user_joined": "Entrou em {date}",
+  "user_followers_label": "seguidores",
+  "user_following_label": "seguindo",
+  "user_no_books": "Nenhum livro na biblioteca ainda.",
+  "admin_pages_label": "Páginas",
+  "admin_tools_label": "Ferramentas",
+  "admin_nav_scrape": "Scrape",
+  "admin_nav_audio": "Áudio",
+  "admin_nav_translation": "Tradução",
+  "admin_nav_changelog": "Alterações",
+  "admin_nav_image_gen": "Image Gen",
+  "admin_nav_text_gen": "Text Gen",
+  "admin_nav_catalogue_tools": "Catalogue Tools",
+  "admin_nav_ai_jobs": "Tarefas de IA",
+  "admin_nav_notifications": "Notificações",
+  "admin_nav_errors": "Erros",
+  "admin_nav_analytics": "Análise",
+  "admin_nav_logs": "Logs",
+  "admin_nav_uptime": "Uptime",
+  "admin_nav_push": "Notificações",
+  "admin_scrape_status_idle": "Ocioso",
+  "admin_scrape_full_catalogue": "Catálogo completo",
+  "admin_scrape_single_book": "Livro único",
+  "admin_scrape_quick_genres": "Gêneros rápidos",
+  "admin_scrape_task_history": "Histórico de tarefas",
+  "admin_scrape_filter_placeholder": "Filtrar por tipo, status ou URL…",
+  "admin_scrape_no_matching": "Nenhuma tarefa correspondente.",
+  "admin_scrape_start": "Iniciar extração",
+  "admin_scrape_queuing": "Na fila…",
+  "admin_scrape_running": "Executando…",
+  "admin_audio_filter_jobs": "Filtrar por slug, voz ou status…",
+  "admin_audio_filter_cache": "Filtrar por slug, capítulo ou voz…",
+  "admin_audio_no_matching_jobs": "Nenhum job correspondente.",
+  "admin_audio_no_jobs": "Nenhum job de áudio ainda.",
+  "admin_audio_cache_empty": "Cache de áudio vazio.",
+  "admin_audio_no_cache_results": "Sem resultados.",
+  "admin_changelog_gitea": "Releases do Gitea",
+  "admin_changelog_no_releases": "Nenhum release encontrado.",
+  "admin_changelog_load_error": "Não foi possível carregar os releases: {error}",
+  "comments_top": "Mais votados",
+  "comments_new": "Novos",
+  "comments_posting": "Publicando…",
+  "comments_login_link": "Entre",
+  "comments_login_suffix": "para deixar um comentário.",
+  "comments_anonymous": "Anônimo",
+  "reader_audio_narration": "Narração em Áudio",
+  "reader_playing": "Reproduzindo — controles abaixo",
+  "reader_paused": "Pausado — controles abaixo",
+  "reader_ch_ready": "Cap.{n} pronto",
+  "reader_ch_preparing": "Preparando Cap.{n}… {percent}%",
+  "reader_ch_generate_on_nav": "Cap.{n} será gerado ao navegar",
+  "reader_now_playing": "Reproduzindo: {title}",
+  "reader_load_this_chapter": "Carregar este capítulo",
+  "reader_generate_samples": "Gerar amostras ausentes",
+  "reader_voice_applies_next": "A nova voz será aplicada no próximo \"Reproduzir narração\".",
+  "reader_choose_voice": "Escolher Voz",
+  "reader_generating_narration": "Gerando narração…",
+  "profile_font_family": "Fonte",
+  "profile_font_system": "Sistema",
+  "profile_font_serif": "Serif",
+  "profile_font_mono": "Mono",
+  "profile_text_size": "Tamanho do texto",
+  "profile_text_size_sm": "Pequeno",
+  "profile_text_size_md": "Normal",
+  "profile_text_size_lg": "Grande",
+  "profile_text_size_xl": "Muito grande",
+  "feed_page_title": "Feed — LibNovel",
+  "feed_heading": "Feed de seguidos",
+  "feed_subheading": "Livros que seus seguidos estão lendo",
+  "feed_empty_heading": "Nada aqui ainda",
+  "feed_empty_body": "Siga outros leitores para ver o que estão lendo.",
+  "feed_not_logged_in": "Faça login para ver seu feed.",
+  "feed_reader_label": "lendo",
+  "feed_chapters_label": "{n} capítulos",
+  "feed_browse_cta": "Ver catálogo",
+  "feed_find_users_cta": "Encontrar leitores",
+  "admin_nav_gitea": "Gitea",
+  "admin_nav_grafana": "Grafana",
+  "admin_translation_page_title": "Translation — Admin",
+  "admin_translation_heading": "Machine Translation",
+  "admin_translation_tab_enqueue": "Enqueue",
+  "admin_translation_tab_jobs": "Jobs",
+  "admin_translation_filter_placeholder": "Filter by slug, lang, or status…",
+  "admin_translation_no_matching": "No matching jobs.",
+  "admin_translation_no_jobs": "No translation jobs yet.",
+  "admin_ai_jobs_page_title": "AI Jobs — Admin",
+  "admin_ai_jobs_heading": "AI Jobs",
+  "admin_ai_jobs_subheading": "Background AI generation tasks",
+  "admin_text_gen_page_title": "Text Gen — Admin",
+  "admin_text_gen_heading": "Text Generation",
+  "admin_nav_import": "Import"
+}
diff --git a/ui/messages/ru.json b/ui/messages/ru.json
new file mode 100644
index 0000000..d7581e5
--- /dev/null
+++ b/ui/messages/ru.json
@@ -0,0 +1,458 @@
+{
+  "$schema": "https://inlang.com/schema/inlang-message-format",
+  "nav_library": "Библиотека",
+  "nav_catalogue": "Каталог",
+  "nav_feed": "Лента",
+  "nav_feedback": "Обратная связь",
+  "nav_admin": "Админ",
+  "nav_profile": "Профиль",
+  "nav_sign_in": "Войти",
+  "nav_sign_out": "Выйти",
+  "nav_toggle_menu": "Меню",
+  "nav_admin_panel": "Панель администратора",
+  "footer_library": "Библиотека",
+  "footer_catalogue": "Каталог",
+  "footer_feedback": "Обратная связь",
+  "footer_disclaimer": "Отказ от ответственности",
+  "footer_privacy": "Конфиденциальность",
+  "footer_dmca": "DMCA",
+  "footer_copyright": "© {year} libnovel",
+  "footer_dev": "dev",
+  "home_title": "libnovel",
+  "home_stat_books": "Книги",
+  "home_stat_chapters": "Главы",
+  "home_stat_in_progress": "В процессе",
+  "home_continue_reading": "Продолжить чтение",
+  "home_view_all": "Смотреть все",
+  "home_recently_updated": "Недавно обновлённые",
+  "home_from_following": "От авторов, на которых вы подписаны",
+  "home_empty_title": "Ваша библиотека пуста",
+  "home_empty_body": "Откройте для себя новеллы и добавьте их в библиотеку.",
+  "home_discover_novels": "Открыть новеллы",
+  "home_via_reader": "от {username}",
+  "home_chapter_badge": "гл.{n}",
+  "player_generating": "Генерация… {percent}%",
+  "player_loading": "Загрузка…",
+  "player_chapters": "Главы",
+  "player_chapter_n": "Глава {n}",
+  "player_toggle_chapter_list": "Список глав",
+  "player_chapter_list_label": "Список глав",
+  "player_close_chapter_list": "Закрыть список глав",
+  "player_rewind_15": "Назад 15 секунд",
+  "player_skip_30": "Вперёд 30 секунд",
+  "player_back_15": "−15 сек",
+  "player_forward_30": "+30 сек",
+  "player_play": "Воспроизвести",
+  "player_pause": "Пауза",
+  "player_speed_label": "Скорость {speed}x",
+  "player_seek_label": "Прогресс главы",
+  "player_change_speed": "Изменить скорость",
+  "player_auto_next_on": "Автопереход вкл.",
+  "player_auto_next_off": "Автопереход выкл.",
+  "player_auto_next_ready": "Автопереход — гл.{n} готова",
+  "player_auto_next_preparing": "Автопереход — подготовка гл.{n}…",
+  "player_auto_next_aria": "Автопереход {state}",
+  "player_go_to_chapter": "Перейти к главе",
+  "player_close": "Закрыть плеер",
+  "login_page_title": "Вход — libnovel",
+  "login_heading": "Войти в libnovel",
+  "login_subheading": "Выберите провайдера для входа",
+  "login_continue_google": "Продолжить с Google",
+  "login_continue_github": "Продолжить с GitHub",
+  "login_terms_notice": "Входя, вы принимаете наши условия использования.",
+  "login_error_oauth_state": "Вход отменён или истёк срок действия. Попробуйте снова.",
+  "login_error_oauth_failed": "Не удалось подключиться к провайдеру. Попробуйте снова.",
+  "login_error_oauth_no_email": "У вашего аккаунта нет подтверждённого email. Добавьте его и повторите попытку.",
+  "books_page_title": "Библиотека — libnovel",
+  "books_heading": "Ваша библиотека",
+  "books_empty_title": "Книг пока нет",
+  "books_empty_body": "Добавляйте книги в библиотеку, посещая страницы книг.",
+  "books_browse_catalogue": "Обзор каталога",
+  "books_chapter_count": "{n} глав",
+  "books_last_read": "Последнее: гл.{n}",
+  "books_reading_progress": "Гл.{current} / {total}",
+  "books_remove": "Удалить",
+  "catalogue_page_title": "Каталог — libnovel",
+  "catalogue_heading": "Каталог",
+  "catalogue_search_placeholder": "Поиск новелл…",
+  "catalogue_filter_genre": "Жанр",
+  "catalogue_filter_status": "Статус",
+  "catalogue_filter_sort": "Сортировка",
+  "catalogue_sort_popular": "Популярные",
+  "catalogue_sort_new": "Новые",
+  "catalogue_sort_top_rated": "Топ по рейтингу",
+  "catalogue_sort_rank": "По рангу",
+  "catalogue_status_all": "Все",
+  "catalogue_status_ongoing": "Продолжаются",
+  "catalogue_status_completed": "Завершены",
+  "catalogue_genre_all": "Все жанры",
+  "catalogue_clear_filters": "Сбросить",
+  "catalogue_reset": "Сброс",
+  "catalogue_no_results": "Новеллы не найдены.",
+  "catalogue_loading": "Загрузка…",
+  "catalogue_load_more": "Загрузить ещё",
+  "catalogue_results_count": "{n} результатов",
+  "book_detail_page_title": "{title} — libnovel",
+  "book_detail_signin_to_save": "Войдите, чтобы сохранить",
+  "book_detail_add_to_library": "В библиотеку",
+  "book_detail_remove_from_library": "Удалить из библиотеки",
+  "book_detail_read_now": "Читать",
+  "book_detail_continue_reading": "Продолжить чтение",
+  "book_detail_start_reading": "Начать чтение",
+  "book_detail_chapters": "{n} глав",
+  "book_detail_status": "Статус",
+  "book_detail_author": "Автор",
+  "book_detail_genres": "Жанры",
+  "book_detail_description": "Описание",
+  "book_detail_source": "Источник",
+  "book_detail_rescrape": "Обновить",
+  "book_detail_scraping": "Обновление…",
+  "book_detail_in_library": "В библиотеке",
+  "chapters_page_title": "Главы — {title}",
+  "chapters_heading": "Главы",
+  "chapters_back_to_book": "К книге",
+  "chapters_reading_now": "Читается",
+  "chapters_empty": "Главы ещё не загружены.",
+  "reader_page_title": "{title} — Гл.{n} — libnovel",
+  "reader_play_narration": "Воспроизвести озвучку",
+  "reader_generating_audio": "Генерация аудио…",
+  "reader_signin_for_audio": "Доступна аудионарративация",
+  "reader_signin_audio_desc": "Войдите, чтобы слушать эту главу в озвучке ИИ.",
+  "reader_audio_error": "Ошибка генерации аудио.",
+  "reader_prev_chapter": "Предыдущая глава",
+  "reader_next_chapter": "Следующая глава",
+  "reader_back_to_chapters": "К главам",
+  "reader_chapter_n": "Глава {n}",
+  "reader_change_voice": "Сменить голос",
+  "reader_voice_panel_title": "Выбрать голос",
+  "reader_voice_kokoro": "Голоса Kokoro",
+  "reader_voice_pocket": "Голоса Pocket-TTS",
+  "reader_voice_play_sample": "Прослушать образец",
+  "reader_voice_stop_sample": "Остановить образец",
+  "reader_voice_selected": "Выбран",
+  "reader_close_voice_panel": "Закрыть панель голоса",
+  "reader_auto_next": "Автопереход",
+  "reader_speed": "Скорость",
+  "reader_preview_notice": "Предпросмотр — эта глава не полностью загружена.",
+  "profile_page_title": "Профиль — libnovel",
+  "profile_heading": "Профиль",
+  "profile_avatar_label": "Аватар",
+  "profile_change_avatar": "Изменить аватар",
+  "profile_username": "Имя пользователя",
+  "profile_email": "Email",
+  "profile_change_password": "Изменить пароль",
+  "profile_current_password": "Текущий пароль",
+  "profile_new_password": "Новый пароль",
+  "profile_confirm_password": "Подтвердить пароль",
+  "profile_save_password": "Сохранить пароль",
+  "profile_appearance_heading": "Внешний вид",
+  "profile_theme_label": "Тема",
+  "profile_theme_amber": "Янтарь",
+  "profile_theme_slate": "Сланец",
+  "profile_theme_rose": "Роза",
+  "profile_theme_forest": "Лес",
+  "profile_theme_mono": "Моно",
+  "profile_theme_cyber": "Киберпанк",
+  "profile_theme_light": "Light",
+  "profile_theme_light_slate": "Light Blue",
+  "profile_theme_light_rose": "Light Rose",
+  "profile_reading_heading": "Настройки чтения",
+  "profile_voice_label": "Голос по умолчанию",
+  "profile_speed_label": "Скорость воспроизведения",
+  "profile_auto_next_label": "Автопереход к следующей главе",
+  "profile_save_settings": "Сохранить настройки",
+  "profile_settings_saved": "Настройки сохранены.",
+  "profile_settings_error": "Не удалось сохранить настройки.",
+  "profile_password_saved": "Пароль изменён.",
+  "profile_password_error": "Не удалось изменить пароль.",
+  "profile_sessions_heading": "Активные сессии",
+  "profile_sign_out_all": "Выйти на всех других устройствах",
+  "profile_joined": "Зарегистрирован {date}",
+  "user_page_title": "{username} — libnovel",
+  "user_library_heading": "Библиотека {username}",
+  "user_follow": "Подписаться",
+  "user_unfollow": "Отписаться",
+  "user_followers": "{n} подписчиков",
+  "user_following": "{n} подписок",
+  "user_library_empty": "В библиотеке нет книг.",
+  "error_not_found_title": "Страница не найдена",
+  "error_not_found_body": "Запрошенная страница не существует.",
+  "error_generic_title": "Что-то пошло не так",
+  "error_go_home": "На главную",
+  "error_status": "Ошибка {status}",
+  "admin_scrape_page_title": "Парсинг — Админ",
+  "admin_scrape_heading": "Парсинг",
+  "admin_scrape_catalogue": "Парсинг каталога",
+  "admin_scrape_book": "Парсинг книги",
+  "admin_scrape_url_placeholder": "URL книги на novelfire.net",
+  "admin_scrape_range": "Диапазон глав",
+  "admin_scrape_from": "От",
+  "admin_scrape_to": "До",
+  "admin_scrape_submit": "Парсить",
+  "admin_scrape_cancel": "Отмена",
+  "admin_scrape_status_pending": "Ожидание",
+  "admin_scrape_status_running": "Выполняется",
+  "admin_scrape_status_done": "Готово",
+  "admin_scrape_status_failed": "Ошибка",
+  "admin_scrape_status_cancelled": "Отменено",
+  "admin_tasks_heading": "Последние задачи",
+  "admin_tasks_empty": "Задач пока нет.",
+  "admin_audio_page_title": "Аудио — Админ",
+  "admin_audio_heading": "Аудио задачи",
+  "admin_audio_empty": "Аудио задач нет.",
+  "admin_changelog_page_title": "Changelog — Админ",
+  "admin_changelog_heading": "Changelog",
+  "comments_heading": "Комментарии",
+  "comments_empty": "Комментариев пока нет. Будьте первым!",
+  "comments_placeholder": "Написать комментарий…",
+  "comments_submit": "Отправить",
+  "comments_login_prompt": "Войдите, чтобы комментировать.",
+  "comments_vote_up": "Плюс",
+  "comments_vote_down": "Минус",
+  "comments_delete": "Удалить",
+  "comments_reply": "Ответить",
+  "comments_show_replies": "Показать {n} ответов",
+  "comments_hide_replies": "Скрыть ответы",
+  "comments_edited": "изменено",
+  "comments_deleted": "[удалено]",
+  "disclaimer_page_title": "Отказ от ответственности — libnovel",
+  "privacy_page_title": "Политика конфиденциальности — libnovel",
+  "dmca_page_title": "DMCA — libnovel",
+  "terms_page_title": "Условия использования — libnovel",
+  "common_loading": "Загрузка…",
+  "common_error": "Ошибка",
+  "common_save": "Сохранить",
+  "common_cancel": "Отмена",
+  "common_close": "Закрыть",
+  "common_search": "Поиск",
+  "common_back": "Назад",
+  "common_next": "Далее",
+  "common_previous": "Назад",
+  "common_yes": "Да",
+  "common_no": "Нет",
+  "common_on": "вкл.",
+  "common_off": "выкл.",
+  "locale_switcher_label": "Язык",
+  "books_empty_library": "Ваша библиотека пуста.",
+  "books_empty_discover": "Книги, которые вы начнёте читать или сохраните из",
+  "books_empty_discover_link": "Каталога",
+  "books_empty_discover_suffix": "появятся здесь.",
+  "books_count": "{n} книг{s}",
+  "catalogue_sort_updated": "По дате обновления",
+  "catalogue_search_button": "Поиск",
+  "catalogue_refresh": "Обновить",
+  "catalogue_refreshing": "В очереди…",
+  "catalogue_refresh_mobile": "Обновить каталог",
+  "catalogue_all_loaded": "Все новеллы загружены",
+  "catalogue_scroll_top": "Вверх",
+  "catalogue_view_grid": "Сетка",
+  "catalogue_view_list": "Список",
+  "catalogue_browse_source": "Смотреть новеллы с novelfire.net",
+  "catalogue_search_results": "{n} результат{s} по запросу «{q}»",
+  "catalogue_search_local_count": "({local} локальных, {remote} с novelfire)",
+  "catalogue_rank_ranked": "{n} новелл отсортированы по последнему парсингу каталога",
+  "catalogue_rank_no_data": "Нет данных рейтинга.",
+  "catalogue_rank_no_data_body": "Нет данных рейтинга — запустите полный парсинг каталога для заполнения",
+  "catalogue_rank_run_scrape_admin": "Нажмите «Обновить каталог» выше, чтобы запустить полный парсинг.",
+  "catalogue_rank_run_scrape_user": "Попросите администратора запустить парсинг каталога.",
+  "catalogue_scrape_queued_flash": "Полный парсинг каталога поставлен в очередь. Библиотека и рейтинг обновятся по мере обработки.",
+  "catalogue_scrape_busy_flash": "Парсинг уже запущен. Проверьте позже.",
+  "catalogue_scrape_error_flash": "Не удалось поставить парсинг в очередь. Проверьте доступность сервиса.",
+  "catalogue_filters_label": "Фильтры",
+  "catalogue_apply": "Применить",
+  "catalogue_filter_rank_note": "Фильтры по жанру и статусу применяются только к разделу «Обзор»",
+  "catalogue_no_results_search": "Ничего не найдено.",
+  "catalogue_no_results_try": "Попробуйте другой запрос.",
+  "catalogue_no_results_filters": "Попробуйте другие фильтры или проверьте позже.",
+  "catalogue_scrape_queued_badge": "В очереди",
+  "catalogue_scrape_busy_badge": "Парсер занят",
+  "catalogue_scrape_busy_list": "Занят",
+  "catalogue_scrape_forbidden_badge": "Запрещено",
+  "catalogue_scrape_novel_button": "Парсить",
+  "catalogue_scraping_novel": "Парсинг…",
+  "book_detail_not_in_library": "не в библиотеке",
+  "book_detail_continue_ch": "Продолжить гл.{n}",
+  "book_detail_start_ch1": "Начать с гл.1",
+  "book_detail_preview_ch1": "Предпросмотр гл.1",
+  "book_detail_reading_ch": "Читается гл.{n} из {total}",
+  "book_detail_n_chapters": "{n} глав",
+  "book_detail_rescraping": "В очереди…",
+  "book_detail_from_chapter": "С главы",
+  "book_detail_to_chapter": "До главы (необязательно)",
+  "book_detail_range_queuing": "В очереди…",
+  "book_detail_scrape_range": "Диапазон глав",
+  "book_detail_admin": "Администрирование",
+  "book_detail_admin_book_cover": "Обложка книги",
+  "book_detail_admin_chapter_cover": "Обложка главы",
+  "book_detail_admin_chapter_n": "Глава №",
+  "book_detail_admin_description": "Описание",
+  "book_detail_admin_chapter_names": "Названия глав",
+  "book_detail_admin_audio_tts": "Аудио TTS",
+  "book_detail_admin_voice": "Голос",
+  "book_detail_admin_generate": "Сгенерировать",
+  "book_detail_admin_save_cover": "Сохранить обложку",
+  "book_detail_admin_saving": "Сохранение…",
+  "book_detail_admin_saved": "Сохранено",
+  "book_detail_admin_apply": "Применить",
+  "book_detail_admin_applying": "Применение…",
+  "book_detail_admin_applied": "Применено",
+  "book_detail_admin_discard": "Отменить",
+  "book_detail_admin_enqueue_audio": "Поставить в очередь",
+  "book_detail_admin_cancel_audio": "Отмена",
+  "book_detail_admin_enqueued": "В очереди {enqueued}, пропущено {skipped}",
+  "book_detail_scraping_progress": "Загружаются первые 20 глав. Страница обновится автоматически.",
+  "book_detail_scraping_home": "← На главную",
+  "book_detail_rescrape_book": "Перепарсить книгу",
+  "book_detail_less": "Скрыть",
+  "book_detail_more": "Ещё",
+  "chapters_search_placeholder": "Поиск глав…",
+  "chapters_jump_to": "Перейти к гл.{n}",
+  "chapters_no_match": "Главы по запросу «{q}» не найдены",
+  "chapters_none_available": "Глав пока нет.",
+  "chapters_reading_indicator": "читается",
+  "chapters_result_count": "{n} результатов",
+  "reader_fetching_chapter": "Загрузка главы…",
+  "reader_words": "{n} слов",
+  "reader_preview_audio_notice": "Предпросмотр — аудио недоступно для книг вне библиотеки.",
+  "profile_click_to_change": "Нажмите на аватар для смены фото",
+  "profile_tts_voice": "Голос TTS",
+  "profile_auto_advance": "Автопереход к следующей главе",
+  "profile_saving": "Сохранение…",
+  "profile_saved": "Сохранено!",
+  "profile_session_this": "Текущая сессия",
+  "profile_session_signed_in": "Вход {date}",
+  "profile_session_last_seen": "· Последний визит {date}",
+  "profile_session_sign_out": "Выйти",
+  "profile_session_end": "Завершить",
+  "profile_session_unrecognised": "Это все устройства, авторизованные в вашем аккаунте. Завершите любую сессию, которую не узнаёте.",
+  "profile_no_sessions": "Записей сессий нет. Отслеживание начнётся со следующего входа.",
+  "profile_change_password_heading": "Изменить пароль",
+  "profile_update_password": "Обновить пароль",
+  "profile_updating": "Обновление…",
+  "profile_password_changed_ok": "Пароль успешно изменён.",
+  "profile_playback_speed": "Скорость воспроизведения — {speed}x",
+  "profile_subscription_heading": "Подписка",
+  "profile_plan_pro": "Pro",
+  "profile_plan_free": "Бесплатно",
+  "profile_pro_active": "Ваша подписка Pro активна.",
+  "profile_pro_perks": "Безлимитное аудио, все языки перевода и выбор голоса доступны.",
+  "profile_manage_subscription": "Управление подпиской",
+  "profile_upgrade_heading": "Перейти на Pro",
+  "profile_upgrade_desc": "Разблокируйте безлимитное аудио, переводы на 4 языка и выбор голоса.",
+  "profile_upgrade_monthly": "Ежемесячно — $6 / мес",
+  "profile_upgrade_annual": "Ежегодно — $48 / год",
+  "profile_free_limits": "Бесплатный план: 3 аудиоглавы в день, только английский.",
+  "subscribe_page_title": "Перейти на Pro — libnovel",
+  "subscribe_heading": "Читайте больше. Слушайте больше.",
+  "subscribe_subheading": "Перейдите на Pro и откройте полный опыт libnovel.",
+  "subscribe_monthly_label": "Ежемесячно",
+  "subscribe_monthly_price": "$6",
+  "subscribe_monthly_period": "в месяц",
+  "subscribe_annual_label": "Ежегодно",
+  "subscribe_annual_price": "$48",
+  "subscribe_annual_period": "в год",
+  "subscribe_annual_save": "Сэкономьте 33%",
+  "subscribe_cta_monthly": "Начать месячный план",
+  "subscribe_cta_annual": "Начать годовой план",
+  "subscribe_already_pro": "У вас уже есть подписка Pro.",
+  "subscribe_manage": "Управление подпиской",
+  "subscribe_benefit_audio": "Неограниченные аудиоглавы в день",
+  "subscribe_benefit_voices": "Выбор голоса для всех TTS-движков",
+  "subscribe_benefit_translation": "Читайте на французском, индонезийском, португальском и русском",
+  "subscribe_benefit_downloads": "Скачивайте главы для прослушивания офлайн",
+  "subscribe_login_prompt": "Войдите, чтобы оформить подписку",
+  "subscribe_login_cta": "Войти",
+  "user_currently_reading": "Сейчас читает",
+  "user_library_count": "Библиотека ({n})",
+  "user_joined": "Зарегистрирован {date}",
+  "user_followers_label": "подписчиков",
+  "user_following_label": "подписок",
+  "user_no_books": "Книг в библиотеке пока нет.",
+  "admin_pages_label": "Страницы",
+  "admin_tools_label": "Инструменты",
+  "admin_nav_scrape": "Скрейпинг",
+  "admin_nav_audio": "Аудио",
+  "admin_nav_translation": "Перевод",
+  "admin_nav_changelog": "Изменения",
+  "admin_nav_image_gen": "Image Gen",
+  "admin_nav_text_gen": "Text Gen",
+  "admin_nav_catalogue_tools": "Catalogue Tools",
+  "admin_nav_ai_jobs": "Задачи ИИ",
+  "admin_nav_notifications": "Уведомления",
+  "admin_nav_errors": "Ошибки",
+  "admin_nav_analytics": "Аналитика",
+  "admin_nav_logs": "Логи",
+  "admin_nav_uptime": "Мониторинг",
+  "admin_nav_push": "Уведомления",
+  "admin_scrape_status_idle": "Ожидание",
+  "admin_scrape_full_catalogue": "Полный каталог",
+  "admin_scrape_single_book": "Одна книга",
+  "admin_scrape_quick_genres": "Быстрые жанры",
+  "admin_scrape_task_history": "История задач",
+  "admin_scrape_filter_placeholder": "Фильтр по типу, статусу или URL…",
+  "admin_scrape_no_matching": "Задач не найдено.",
+  "admin_scrape_start": "Начать парсинг",
+  "admin_scrape_queuing": "В очереди…",
+  "admin_scrape_running": "Выполняется…",
+  "admin_audio_filter_jobs": "Фильтр по slug, голосу или статусу…",
+  "admin_audio_filter_cache": "Фильтр по slug, главе или голосу…",
+  "admin_audio_no_matching_jobs": "Заданий не найдено.",
+  "admin_audio_no_jobs": "Аудиозаданий пока нет.",
+  "admin_audio_cache_empty": "Аудиокэш пуст.",
+  "admin_audio_no_cache_results": "Результатов нет.",
+  "admin_changelog_gitea": "Релизы Gitea",
+  "admin_changelog_no_releases": "Релизов не найдено.",
+  "admin_changelog_load_error": "Не удалось загрузить релизы: {error}",
+  "comments_top": "Лучшие",
+  "comments_new": "Новые",
+  "comments_posting": "Отправка…",
+  "comments_login_link": "Войдите",
+  "comments_login_suffix": "чтобы оставить комментарий.",
+  "comments_anonymous": "Аноним",
+  "reader_audio_narration": "Аудионарратив",
+  "reader_playing": "Воспроизводится — управление ниже",
+  "reader_paused": "Пауза — управление ниже",
+  "reader_ch_ready": "Гл.{n} готова",
+  "reader_ch_preparing": "Подготовка гл.{n}… {percent}%",
+  "reader_ch_generate_on_nav": "Гл.{n} сгенерируется при переходе",
+  "reader_now_playing": "Сейчас играет: {title}",
+  "reader_load_this_chapter": "Загрузить эту главу",
+  "reader_generate_samples": "Сгенерировать недостающие образцы",
+  "reader_voice_applies_next": "Новый голос применится при следующем нажатии «Воспроизвести».",
+  "reader_choose_voice": "Выбрать голос",
+  "reader_generating_narration": "Генерация озвучки…",
+  "profile_font_family": "Шрифт",
+  "profile_font_system": "Системный",
+  "profile_font_serif": "Serif",
+  "profile_font_mono": "Моноширинный",
+  "profile_text_size": "Размер текста",
+  "profile_text_size_sm": "Маленький",
+  "profile_text_size_md": "Нормальный",
+  "profile_text_size_lg": "Большой",
+  "profile_text_size_xl": "Очень большой",
+  "feed_page_title": "Лента — LibNovel",
+  "feed_heading": "Лента подписок",
+  "feed_subheading": "Книги, которые читают ваши подписки",
+  "feed_empty_heading": "Пока ничего нет",
+  "feed_empty_body": "Подпишитесь на других читателей, чтобы видеть, что они читают.",
+  "feed_not_logged_in": "Войдите, чтобы видеть свою ленту.",
+  "feed_reader_label": "читает",
+  "feed_chapters_label": "{n} глав",
+  "feed_browse_cta": "Каталог",
+  "feed_find_users_cta": "Найти читателей",
+  "admin_nav_gitea": "Gitea",
+  "admin_nav_grafana": "Grafana",
+  "admin_translation_page_title": "Translation — Admin",
+  "admin_translation_heading": "Machine Translation",
+  "admin_translation_tab_enqueue": "Enqueue",
+  "admin_translation_tab_jobs": "Jobs",
+  "admin_translation_filter_placeholder": "Filter by slug, lang, or status…",
+  "admin_translation_no_matching": "No matching jobs.",
+  "admin_translation_no_jobs": "No translation jobs yet.",
+  "admin_ai_jobs_page_title": "AI Jobs — Admin",
+  "admin_ai_jobs_heading": "AI Jobs",
+  "admin_ai_jobs_subheading": "Background AI generation tasks",
+  "admin_text_gen_page_title": "Text Gen — Admin",
+  "admin_text_gen_heading": "Text Generation",
+  "admin_nav_import": "Import"
+}
diff --git a/ui/package-lock.json b/ui/package-lock.json
new file mode 100644
index 0000000..99564f9
--- /dev/null
+++ b/ui/package-lock.json
@@ -0,0 +1,6085 @@
+{
+	"name": "ui",
+	"version": "0.0.1",
+	"lockfileVersion": 3,
+	"requires": true,
+	"packages": {
+		"": {
+			"name": "ui",
+			"version": "0.0.1",
+			"dependencies": {
+				"@grafana/faro-web-sdk": "^2.3.1",
+				"@inlang/paraglide-js": "^2.15.1",
+				"@opentelemetry/exporter-logs-otlp-http": "^0.214.0",
+				"@opentelemetry/exporter-trace-otlp-http": "^0.214.0",
+				"@opentelemetry/resources": "^2.6.1",
+				"@opentelemetry/sdk-node": "^0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.40.0",
+				"@sentry/sveltekit": "^10.45.0",
+				"cropperjs": "^1.6.2",
+				"ioredis": "^5.3.2",
+				"marked": "^17.0.3",
+				"pocketbase": "^0.26.8"
+			},
+			"devDependencies": {
+				"@sentry/vite-plugin": "^5.1.1",
+				"@sveltejs/adapter-auto": "^7.0.0",
+				"@sveltejs/adapter-node": "^5.5.4",
+				"@sveltejs/kit": "^2.50.2",
+				"@sveltejs/vite-plugin-svelte": "^6.2.4",
+				"@tailwindcss/vite": "^4.2.1",
+				"@types/node": "^25.3.3",
+				"clsx": "^2.1.1",
+				"svelte": "^5.51.0",
+				"svelte-check": "^4.4.2",
+				"tailwind-merge": "^3.5.0",
+				"tailwindcss": "^4.2.1",
+				"typescript": "^5.9.3",
+				"vite": "^7.3.1"
+			}
+		},
+		"node_modules/@babel/code-frame": {
+			"version": "7.29.0",
+			"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+			"integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-validator-identifier": "^7.28.5",
+				"js-tokens": "^4.0.0",
+				"picocolors": "^1.1.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/compat-data": {
+			"version": "7.29.0",
+			"resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+			"integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/core": {
+			"version": "7.29.0",
+			"resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+			"integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/code-frame": "^7.29.0",
+				"@babel/generator": "^7.29.0",
+				"@babel/helper-compilation-targets": "^7.28.6",
+				"@babel/helper-module-transforms": "^7.28.6",
+				"@babel/helpers": "^7.28.6",
+				"@babel/parser": "^7.29.0",
+				"@babel/template": "^7.28.6",
+				"@babel/traverse": "^7.29.0",
+				"@babel/types": "^7.29.0",
+				"@jridgewell/remapping": "^2.3.5",
+				"convert-source-map": "^2.0.0",
+				"debug": "^4.1.0",
+				"gensync": "^1.0.0-beta.2",
+				"json5": "^2.2.3",
+				"semver": "^6.3.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/babel"
+			}
+		},
+		"node_modules/@babel/generator": {
+			"version": "7.29.1",
+			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+			"integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/parser": "^7.29.0",
+				"@babel/types": "^7.29.0",
+				"@jridgewell/gen-mapping": "^0.3.12",
+				"@jridgewell/trace-mapping": "^0.3.28",
+				"jsesc": "^3.0.2"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-compilation-targets": {
+			"version": "7.28.6",
+			"resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+			"integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/compat-data": "^7.28.6",
+				"@babel/helper-validator-option": "^7.27.1",
+				"browserslist": "^4.24.0",
+				"lru-cache": "^5.1.1",
+				"semver": "^6.3.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-globals": {
+			"version": "7.28.0",
+			"resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+			"integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-module-imports": {
+			"version": "7.28.6",
+			"resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+			"integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/traverse": "^7.28.6",
+				"@babel/types": "^7.28.6"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-module-transforms": {
+			"version": "7.28.6",
+			"resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+			"integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-module-imports": "^7.28.6",
+				"@babel/helper-validator-identifier": "^7.28.5",
+				"@babel/traverse": "^7.28.6"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"peerDependencies": {
+				"@babel/core": "^7.0.0"
+			}
+		},
+		"node_modules/@babel/helper-string-parser": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+			"integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-validator-identifier": {
+			"version": "7.28.5",
+			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+			"integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-validator-option": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+			"integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helpers": {
+			"version": "7.29.2",
+			"resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz",
+			"integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/template": "^7.28.6",
+				"@babel/types": "^7.29.0"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/parser": {
+			"version": "7.29.2",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz",
+			"integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/types": "^7.29.0"
+			},
+			"bin": {
+				"parser": "bin/babel-parser.js"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@babel/template": {
+			"version": "7.28.6",
+			"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+			"integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/code-frame": "^7.28.6",
+				"@babel/parser": "^7.28.6",
+				"@babel/types": "^7.28.6"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/traverse": {
+			"version": "7.29.0",
+			"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+			"integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/code-frame": "^7.29.0",
+				"@babel/generator": "^7.29.0",
+				"@babel/helper-globals": "^7.28.0",
+				"@babel/parser": "^7.29.0",
+				"@babel/template": "^7.28.6",
+				"@babel/types": "^7.29.0",
+				"debug": "^4.3.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/types": {
+			"version": "7.29.0",
+			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+			"integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-string-parser": "^7.27.1",
+				"@babel/helper-validator-identifier": "^7.28.5"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@esbuild/aix-ppc64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.7.tgz",
+			"integrity": "sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==",
+			"cpu": [
+				"ppc64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"aix"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/android-arm": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.7.tgz",
+			"integrity": "sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/android-arm64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.7.tgz",
+			"integrity": "sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/android-x64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.7.tgz",
+			"integrity": "sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/darwin-arm64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.7.tgz",
+			"integrity": "sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/darwin-x64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.7.tgz",
+			"integrity": "sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.7.tgz",
+			"integrity": "sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/freebsd-x64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.7.tgz",
+			"integrity": "sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-arm": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.7.tgz",
+			"integrity": "sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-arm64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.7.tgz",
+			"integrity": "sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-ia32": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.7.tgz",
+			"integrity": "sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==",
+			"cpu": [
+				"ia32"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-loong64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.7.tgz",
+			"integrity": "sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==",
+			"cpu": [
+				"loong64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-mips64el": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.7.tgz",
+			"integrity": "sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==",
+			"cpu": [
+				"mips64el"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-ppc64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.7.tgz",
+			"integrity": "sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==",
+			"cpu": [
+				"ppc64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-riscv64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.7.tgz",
+			"integrity": "sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==",
+			"cpu": [
+				"riscv64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-s390x": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.7.tgz",
+			"integrity": "sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==",
+			"cpu": [
+				"s390x"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-x64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.7.tgz",
+			"integrity": "sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/netbsd-arm64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.7.tgz",
+			"integrity": "sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/netbsd-x64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.7.tgz",
+			"integrity": "sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/openbsd-arm64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.7.tgz",
+			"integrity": "sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/openbsd-x64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.7.tgz",
+			"integrity": "sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/openharmony-arm64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.7.tgz",
+			"integrity": "sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openharmony"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/sunos-x64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.7.tgz",
+			"integrity": "sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/win32-arm64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.7.tgz",
+			"integrity": "sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/win32-ia32": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.7.tgz",
+			"integrity": "sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==",
+			"cpu": [
+				"ia32"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/win32-x64": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.7.tgz",
+			"integrity": "sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@fastify/otel": {
+			"version": "0.18.0",
+			"resolved": "https://registry.npmjs.org/@fastify/otel/-/otel-0.18.0.tgz",
+			"integrity": "sha512-3TASCATfw+ctICSb4ymrv7iCm0qJ0N9CarB+CZ7zIJ7KqNbwI5JjyDL1/sxoC0ccTO1Zyd1iQ+oqncPg5FJXaA==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/fastify"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/fastify"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"@opentelemetry/core": "^2.0.0",
+				"@opentelemetry/instrumentation": "^0.212.0",
+				"@opentelemetry/semantic-conventions": "^1.28.0",
+				"minimatch": "^10.2.4"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.9.0"
+			}
+		},
+		"node_modules/@fastify/otel/node_modules/@opentelemetry/api-logs": {
+			"version": "0.212.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/api-logs/-/api-logs-0.212.0.tgz",
+			"integrity": "sha512-TEEVrLbNROUkYY51sBJGk7lO/OLjuepch8+hmpM6ffMJQ2z/KVCjdHuCFX6fJj8OkJP2zckPjrJzQtXU3IAsFg==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			},
+			"engines": {
+				"node": ">=8.0.0"
+			}
+		},
+		"node_modules/@fastify/otel/node_modules/@opentelemetry/instrumentation": {
+			"version": "0.212.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation/-/instrumentation-0.212.0.tgz",
+			"integrity": "sha512-IyXmpNnifNouMOe0I/gX7ENfv2ZCNdYTF0FpCsoBcpbIHzk81Ww9rQTYTnvghszCg7qGrIhNvWC8dhEifgX9Jg==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.212.0",
+				"import-in-the-middle": "^2.0.6",
+				"require-in-the-middle": "^8.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@fastify/otel/node_modules/import-in-the-middle": {
+			"version": "2.0.6",
+			"resolved": "https://registry.npmjs.org/import-in-the-middle/-/import-in-the-middle-2.0.6.tgz",
+			"integrity": "sha512-3vZV3jX0XRFW3EJDTwzWoZa+RH1b8eTTx6YOCjglrLyPuepwoBti1k3L2dKwdCUrnVEfc5CuRuGstaC/uQJJaw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"acorn": "^8.15.0",
+				"acorn-import-attributes": "^1.9.5",
+				"cjs-module-lexer": "^2.2.0",
+				"module-details-from-path": "^1.0.4"
+			}
+		},
+		"node_modules/@grafana/faro-core": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/@grafana/faro-core/-/faro-core-2.3.1.tgz",
+			"integrity": "sha512-htDKO0YFKr0tfntrPoM151vOPSZzmP6oE0+0MDvbI1WDaBW4erXmYi3feGJLWDXt5/vZBg9iQRmZoRzTLTTcOA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api": "^1.9.0",
+				"@opentelemetry/otlp-transformer": "^0.213.0"
+			}
+		},
+		"node_modules/@grafana/faro-web-sdk": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/@grafana/faro-web-sdk/-/faro-web-sdk-2.3.1.tgz",
+			"integrity": "sha512-WMfErl2YSP+CcfcobMpCdK6apX86hc8bymMXsvYLQpBBkQ0KJjIilEQS/YXd+g/cg6F1kwbeweisBKluNNy5sA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@grafana/faro-core": "^2.3.1",
+				"ua-parser-js": "1.0.41",
+				"web-vitals": "^5.1.0"
+			}
+		},
+		"node_modules/@grpc/grpc-js": {
+			"version": "1.14.3",
+			"resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.14.3.tgz",
+			"integrity": "sha512-Iq8QQQ/7X3Sac15oB6p0FmUg/klxQvXLeileoqrTRGJYLV+/9tubbr9ipz0GKHjmXVsgFPo/+W+2cA8eNcR+XA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@grpc/proto-loader": "^0.8.0",
+				"@js-sdsl/ordered-map": "^4.4.2"
+			},
+			"engines": {
+				"node": ">=12.10.0"
+			}
+		},
+		"node_modules/@grpc/proto-loader": {
+			"version": "0.8.0",
+			"resolved": "https://registry.npmjs.org/@grpc/proto-loader/-/proto-loader-0.8.0.tgz",
+			"integrity": "sha512-rc1hOQtjIWGxcxpb9aHAfLpIctjEnsDehj0DAiVfBlmT84uvR0uUtN2hEi/ecvWVjXUGf5qPF4qEgiLOx1YIMQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"lodash.camelcase": "^4.3.0",
+				"long": "^5.0.0",
+				"protobufjs": "^7.5.3",
+				"yargs": "^17.7.2"
+			},
+			"bin": {
+				"proto-loader-gen-types": "build/bin/proto-loader-gen-types.js"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/@inlang/paraglide-js": {
+			"version": "2.16.0",
+			"resolved": "https://registry.npmjs.org/@inlang/paraglide-js/-/paraglide-js-2.16.0.tgz",
+			"integrity": "sha512-O7KKvVoTsGqPRt1VfSvd0UyfSjU2qHiABx968M2decgG7Af6TddW3dTJrTS3I78nOUgRAlYwCYfKefSGD4rGMA==",
+			"license": "MIT",
+			"dependencies": {
+				"@inlang/recommend-sherlock": "^0.2.1",
+				"@inlang/sdk": "^2.9.1",
+				"commander": "11.1.0",
+				"consola": "3.4.0",
+				"json5": "2.2.3",
+				"unplugin": "^2.1.2",
+				"urlpattern-polyfill": "^10.0.0"
+			},
+			"bin": {
+				"paraglide-js": "bin/run.js"
+			}
+		},
+		"node_modules/@inlang/recommend-sherlock": {
+			"version": "0.2.1",
+			"resolved": "https://registry.npmjs.org/@inlang/recommend-sherlock/-/recommend-sherlock-0.2.1.tgz",
+			"integrity": "sha512-ckv8HvHy/iTqaVAEKrr+gnl+p3XFNwe5D2+6w6wJk2ORV2XkcRkKOJ/XsTUJbPSiyi4PI+p+T3bqbmNx/rDUlg==",
+			"license": "MIT",
+			"dependencies": {
+				"comment-json": "^4.2.3"
+			}
+		},
+		"node_modules/@inlang/sdk": {
+			"version": "2.9.1",
+			"resolved": "https://registry.npmjs.org/@inlang/sdk/-/sdk-2.9.1.tgz",
+			"integrity": "sha512-y0C3xaKo6pSGDr3p5OdreRVT3THJpgKVe1lLvG3BE4v9lskp3UfI9cPCbN8X2dpfLt/4ljtehMb5SykpMfJrMg==",
+			"license": "MIT",
+			"dependencies": {
+				"@lix-js/sdk": "0.4.9",
+				"@sinclair/typebox": "^0.31.17",
+				"kysely": "^0.28.12",
+				"sqlite-wasm-kysely": "0.3.0",
+				"uuid": "^13.0.0"
+			},
+			"engines": {
+				"node": ">=20.0.0"
+			}
+		},
+		"node_modules/@ioredis/commands": {
+			"version": "1.5.1",
+			"resolved": "https://registry.npmjs.org/@ioredis/commands/-/commands-1.5.1.tgz",
+			"integrity": "sha512-JH8ZL/ywcJyR9MmJ5BNqZllXNZQqQbnVZOqpPQqE1vHiFgAw4NHbvE0FOduNU8IX9babitBT46571OnPTT0Zcw==",
+			"license": "MIT"
+		},
+		"node_modules/@jridgewell/gen-mapping": {
+			"version": "0.3.13",
+			"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+			"integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.5.0",
+				"@jridgewell/trace-mapping": "^0.3.24"
+			}
+		},
+		"node_modules/@jridgewell/remapping": {
+			"version": "2.3.5",
+			"resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+			"integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/gen-mapping": "^0.3.5",
+				"@jridgewell/trace-mapping": "^0.3.24"
+			}
+		},
+		"node_modules/@jridgewell/resolve-uri": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+			"integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@jridgewell/sourcemap-codec": {
+			"version": "1.5.5",
+			"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+			"integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+			"license": "MIT"
+		},
+		"node_modules/@jridgewell/trace-mapping": {
+			"version": "0.3.31",
+			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+			"integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/resolve-uri": "^3.1.0",
+				"@jridgewell/sourcemap-codec": "^1.4.14"
+			}
+		},
+		"node_modules/@js-sdsl/ordered-map": {
+			"version": "4.4.2",
+			"resolved": "https://registry.npmjs.org/@js-sdsl/ordered-map/-/ordered-map-4.4.2.tgz",
+			"integrity": "sha512-iUKgm52T8HOE/makSxjqoWhe95ZJA1/G1sYsGev2JDKUSS14KAgg1LHb+Ba+IPow0xflbnSkOsZcO08C7w1gYw==",
+			"license": "MIT",
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/js-sdsl"
+			}
+		},
+		"node_modules/@lix-js/sdk": {
+			"version": "0.4.9",
+			"resolved": "https://registry.npmjs.org/@lix-js/sdk/-/sdk-0.4.9.tgz",
+			"integrity": "sha512-30mDkXpx704359oRrJI42bjfCspCiaMItngVBbPkiTGypS7xX4jYbHWQkXI8XuJ7VDB69D0MsVU6xfrBAIrM4A==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@lix-js/server-protocol-schema": "0.1.1",
+				"dedent": "1.5.1",
+				"human-id": "^4.1.1",
+				"js-sha256": "^0.11.0",
+				"kysely": "^0.28.12",
+				"sqlite-wasm-kysely": "0.3.0",
+				"uuid": "^10.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@lix-js/sdk/node_modules/uuid": {
+			"version": "10.0.0",
+			"resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
+			"integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
+			"funding": [
+				"https://github.com/sponsors/broofa",
+				"https://github.com/sponsors/ctavan"
+			],
+			"license": "MIT",
+			"bin": {
+				"uuid": "dist/bin/uuid"
+			}
+		},
+		"node_modules/@lix-js/server-protocol-schema": {
+			"version": "0.1.1",
+			"resolved": "https://registry.npmjs.org/@lix-js/server-protocol-schema/-/server-protocol-schema-0.1.1.tgz",
+			"integrity": "sha512-jBeALB6prAbtr5q4vTuxnRZZv1M2rKe8iNqRQhFJ4Tv7150unEa0vKyz0hs8Gl3fUGsWaNJBh3J8++fpbrpRBQ==",
+			"license": "Apache-2.0"
+		},
+		"node_modules/@opentelemetry/api": {
+			"version": "1.9.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/api/-/api-1.9.1.tgz",
+			"integrity": "sha512-gLyJlPHPZYdAk1JENA9LeHejZe1Ti77/pTeFm/nMXmQH/HFZlcS/O2XJB+L8fkbrNSqhdtlvjBVjxwUYanNH5Q==",
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=8.0.0"
+			}
+		},
+		"node_modules/@opentelemetry/api-logs": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/api-logs/-/api-logs-0.214.0.tgz",
+			"integrity": "sha512-40lSJeqYO8Uz2Yj7u94/SJWE/wONa7rmMKjI1ZcIjgf3MHNHv1OZUCrCETGuaRF62d5pQD1wKIW+L4lmSMTzZA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			},
+			"engines": {
+				"node": ">=8.0.0"
+			}
+		},
+		"node_modules/@opentelemetry/configuration": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/configuration/-/configuration-0.214.0.tgz",
+			"integrity": "sha512-Q+awuEwxhETwIAXuxHvIY5ZMEP0ZqvxLTi9kclrkyVJppEUXYL3Bhiw3jYrxdHYMh0Y0tVInQH9FEZ1aMinvLA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"yaml": "^2.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.9.0"
+			}
+		},
+		"node_modules/@opentelemetry/context-async-hooks": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/context-async-hooks/-/context-async-hooks-2.6.1.tgz",
+			"integrity": "sha512-XHzhwRNkBpeP8Fs/qjGrAf9r9PRv67wkJQ/7ZPaBQQ68DYlTBBx5MF9LvPx7mhuXcDessKK2b+DcxqwpgkcivQ==",
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.0.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/core": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/core/-/core-2.6.1.tgz",
+			"integrity": "sha512-8xHSGWpJP9wBxgBpnqGL0R3PbdWQndL1Qp50qrg71+B28zK5OQmUgcDKLJgzyAAV38t4tOyLMGDD60LneR5W8g==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/semantic-conventions": "^1.29.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.0.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-logs-otlp-grpc": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/exporter-logs-otlp-grpc/-/exporter-logs-otlp-grpc-0.214.0.tgz",
+			"integrity": "sha512-SwmFRwO8mi6nndzbsjPgSFg7qy1WeNHRFD+s6uCsdiUDUt3+yzI2qiHE3/ub2f37+/CbeGcG+Ugc8Gwr6nu2Aw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@grpc/grpc-js": "^1.14.3",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/otlp-exporter-base": "0.214.0",
+				"@opentelemetry/otlp-grpc-exporter-base": "0.214.0",
+				"@opentelemetry/otlp-transformer": "0.214.0",
+				"@opentelemetry/sdk-logs": "0.214.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-logs-otlp-grpc/node_modules/@opentelemetry/otlp-transformer": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.214.0.tgz",
+			"integrity": "sha512-DSaYcuBRh6uozfsWN3R8HsN0yDhCuWP7tOFdkUOVaWD1KVJg8m4qiLUsg/tNhTLS9HUYUcwNpwL2eroLtsZZ/w==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-logs": "0.214.0",
+				"@opentelemetry/sdk-metrics": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1",
+				"protobufjs": "^7.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-logs-otlp-grpc/node_modules/@opentelemetry/sdk-metrics": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-2.6.1.tgz",
+			"integrity": "sha512-9t9hJHX15meBy2NmTJxL+NJfXmnausR2xUDvE19XQce0Qi/GBtDGamU8nS1RMbdgDmhgpm3VaOu2+fiS/SfTpQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.9.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-logs-otlp-http": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/exporter-logs-otlp-http/-/exporter-logs-otlp-http-0.214.0.tgz",
+			"integrity": "sha512-9qv2Tl/Hq6qc5pJCbzFJnzA0uvlb9DgM70yGJPYf3bA5LlLkRCpcn81i4JbcIH4grlQIWY6A+W7YG0LLvS1BAw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/otlp-exporter-base": "0.214.0",
+				"@opentelemetry/otlp-transformer": "0.214.0",
+				"@opentelemetry/sdk-logs": "0.214.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-logs-otlp-http/node_modules/@opentelemetry/otlp-transformer": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.214.0.tgz",
+			"integrity": "sha512-DSaYcuBRh6uozfsWN3R8HsN0yDhCuWP7tOFdkUOVaWD1KVJg8m4qiLUsg/tNhTLS9HUYUcwNpwL2eroLtsZZ/w==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-logs": "0.214.0",
+				"@opentelemetry/sdk-metrics": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1",
+				"protobufjs": "^7.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-logs-otlp-http/node_modules/@opentelemetry/sdk-metrics": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-2.6.1.tgz",
+			"integrity": "sha512-9t9hJHX15meBy2NmTJxL+NJfXmnausR2xUDvE19XQce0Qi/GBtDGamU8nS1RMbdgDmhgpm3VaOu2+fiS/SfTpQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.9.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-logs-otlp-proto": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/exporter-logs-otlp-proto/-/exporter-logs-otlp-proto-0.214.0.tgz",
+			"integrity": "sha512-IWAVvCO1TlpotRjFmhQFz9RSfQy5BsLtDRBtptSrXZRwfyRPpuql/RMe5zdmu0Gxl3ERDFwOzOqkf3bwy7Jzcw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/otlp-exporter-base": "0.214.0",
+				"@opentelemetry/otlp-transformer": "0.214.0",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-logs": "0.214.0",
+				"@opentelemetry/sdk-trace-base": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-logs-otlp-proto/node_modules/@opentelemetry/otlp-transformer": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.214.0.tgz",
+			"integrity": "sha512-DSaYcuBRh6uozfsWN3R8HsN0yDhCuWP7tOFdkUOVaWD1KVJg8m4qiLUsg/tNhTLS9HUYUcwNpwL2eroLtsZZ/w==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-logs": "0.214.0",
+				"@opentelemetry/sdk-metrics": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1",
+				"protobufjs": "^7.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-logs-otlp-proto/node_modules/@opentelemetry/sdk-metrics": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-2.6.1.tgz",
+			"integrity": "sha512-9t9hJHX15meBy2NmTJxL+NJfXmnausR2xUDvE19XQce0Qi/GBtDGamU8nS1RMbdgDmhgpm3VaOu2+fiS/SfTpQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.9.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-metrics-otlp-grpc": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/exporter-metrics-otlp-grpc/-/exporter-metrics-otlp-grpc-0.214.0.tgz",
+			"integrity": "sha512-0NGxWHVYHgbp51SEzmsP+Hdups81eRs229STcSWHo3WO0aqY6RpJ9csxfyEtFgaNrBDv6UfOh0je4ss/ROS6XA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@grpc/grpc-js": "^1.14.3",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/exporter-metrics-otlp-http": "0.214.0",
+				"@opentelemetry/otlp-exporter-base": "0.214.0",
+				"@opentelemetry/otlp-grpc-exporter-base": "0.214.0",
+				"@opentelemetry/otlp-transformer": "0.214.0",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-metrics": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-metrics-otlp-grpc/node_modules/@opentelemetry/otlp-transformer": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.214.0.tgz",
+			"integrity": "sha512-DSaYcuBRh6uozfsWN3R8HsN0yDhCuWP7tOFdkUOVaWD1KVJg8m4qiLUsg/tNhTLS9HUYUcwNpwL2eroLtsZZ/w==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-logs": "0.214.0",
+				"@opentelemetry/sdk-metrics": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1",
+				"protobufjs": "^7.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-metrics-otlp-grpc/node_modules/@opentelemetry/sdk-metrics": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-2.6.1.tgz",
+			"integrity": "sha512-9t9hJHX15meBy2NmTJxL+NJfXmnausR2xUDvE19XQce0Qi/GBtDGamU8nS1RMbdgDmhgpm3VaOu2+fiS/SfTpQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.9.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-metrics-otlp-http": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/exporter-metrics-otlp-http/-/exporter-metrics-otlp-http-0.214.0.tgz",
+			"integrity": "sha512-Tx/59RmjBgkXJ3qnsD04rpDrVWL53LU/czpgLJh+Ab98nAroe91I7vZ3uGN9mxwPS0jsZEnmqmHygVwB2vRMlA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/otlp-exporter-base": "0.214.0",
+				"@opentelemetry/otlp-transformer": "0.214.0",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-metrics": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-metrics-otlp-http/node_modules/@opentelemetry/otlp-transformer": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.214.0.tgz",
+			"integrity": "sha512-DSaYcuBRh6uozfsWN3R8HsN0yDhCuWP7tOFdkUOVaWD1KVJg8m4qiLUsg/tNhTLS9HUYUcwNpwL2eroLtsZZ/w==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-logs": "0.214.0",
+				"@opentelemetry/sdk-metrics": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1",
+				"protobufjs": "^7.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-metrics-otlp-http/node_modules/@opentelemetry/sdk-metrics": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-2.6.1.tgz",
+			"integrity": "sha512-9t9hJHX15meBy2NmTJxL+NJfXmnausR2xUDvE19XQce0Qi/GBtDGamU8nS1RMbdgDmhgpm3VaOu2+fiS/SfTpQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.9.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-metrics-otlp-proto": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/exporter-metrics-otlp-proto/-/exporter-metrics-otlp-proto-0.214.0.tgz",
+			"integrity": "sha512-pJIcghFGhx3VSCgP5U+yZx+OMNj0t+ttnhC8IjL5Wza7vWIczctF6t3AGcVQffi2dEqX+ZHANoBwoPR8y6RMKA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/exporter-metrics-otlp-http": "0.214.0",
+				"@opentelemetry/otlp-exporter-base": "0.214.0",
+				"@opentelemetry/otlp-transformer": "0.214.0",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-metrics": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-metrics-otlp-proto/node_modules/@opentelemetry/otlp-transformer": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.214.0.tgz",
+			"integrity": "sha512-DSaYcuBRh6uozfsWN3R8HsN0yDhCuWP7tOFdkUOVaWD1KVJg8m4qiLUsg/tNhTLS9HUYUcwNpwL2eroLtsZZ/w==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-logs": "0.214.0",
+				"@opentelemetry/sdk-metrics": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1",
+				"protobufjs": "^7.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-metrics-otlp-proto/node_modules/@opentelemetry/sdk-metrics": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-2.6.1.tgz",
+			"integrity": "sha512-9t9hJHX15meBy2NmTJxL+NJfXmnausR2xUDvE19XQce0Qi/GBtDGamU8nS1RMbdgDmhgpm3VaOu2+fiS/SfTpQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.9.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-prometheus": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/exporter-prometheus/-/exporter-prometheus-0.214.0.tgz",
+			"integrity": "sha512-4TGYoZKebUWVuYkV6r5wS2dUF4zH7EbWFw/Uqz1ZM1tGHQeFT9wzHGXq3iSIXMUrwu5jRdxjfMaXrYejPu2kpQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-metrics": "2.6.1",
+				"@opentelemetry/semantic-conventions": "^1.29.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-prometheus/node_modules/@opentelemetry/sdk-metrics": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-2.6.1.tgz",
+			"integrity": "sha512-9t9hJHX15meBy2NmTJxL+NJfXmnausR2xUDvE19XQce0Qi/GBtDGamU8nS1RMbdgDmhgpm3VaOu2+fiS/SfTpQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.9.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-trace-otlp-grpc": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/exporter-trace-otlp-grpc/-/exporter-trace-otlp-grpc-0.214.0.tgz",
+			"integrity": "sha512-FWRZ7AWoTryYhthralHkfXUuyO3l7cRsnr49WcDio1orl2a7KxT8aDZdwQtV1adzoUvZ9Gfo+IstElghCS4zfw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@grpc/grpc-js": "^1.14.3",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/otlp-exporter-base": "0.214.0",
+				"@opentelemetry/otlp-grpc-exporter-base": "0.214.0",
+				"@opentelemetry/otlp-transformer": "0.214.0",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-trace-otlp-grpc/node_modules/@opentelemetry/otlp-transformer": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.214.0.tgz",
+			"integrity": "sha512-DSaYcuBRh6uozfsWN3R8HsN0yDhCuWP7tOFdkUOVaWD1KVJg8m4qiLUsg/tNhTLS9HUYUcwNpwL2eroLtsZZ/w==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-logs": "0.214.0",
+				"@opentelemetry/sdk-metrics": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1",
+				"protobufjs": "^7.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-trace-otlp-grpc/node_modules/@opentelemetry/sdk-metrics": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-2.6.1.tgz",
+			"integrity": "sha512-9t9hJHX15meBy2NmTJxL+NJfXmnausR2xUDvE19XQce0Qi/GBtDGamU8nS1RMbdgDmhgpm3VaOu2+fiS/SfTpQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.9.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-trace-otlp-http": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/exporter-trace-otlp-http/-/exporter-trace-otlp-http-0.214.0.tgz",
+			"integrity": "sha512-kIN8nTBMgV2hXzV/a20BCFilPZdAIMYYJGSgfMMRm/Xa+07y5hRDS2Vm12A/z8Cdu3Sq++ZvJfElokX2rkgGgw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/otlp-exporter-base": "0.214.0",
+				"@opentelemetry/otlp-transformer": "0.214.0",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-trace-otlp-http/node_modules/@opentelemetry/otlp-transformer": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.214.0.tgz",
+			"integrity": "sha512-DSaYcuBRh6uozfsWN3R8HsN0yDhCuWP7tOFdkUOVaWD1KVJg8m4qiLUsg/tNhTLS9HUYUcwNpwL2eroLtsZZ/w==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-logs": "0.214.0",
+				"@opentelemetry/sdk-metrics": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1",
+				"protobufjs": "^7.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-trace-otlp-http/node_modules/@opentelemetry/sdk-metrics": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-2.6.1.tgz",
+			"integrity": "sha512-9t9hJHX15meBy2NmTJxL+NJfXmnausR2xUDvE19XQce0Qi/GBtDGamU8nS1RMbdgDmhgpm3VaOu2+fiS/SfTpQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.9.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-trace-otlp-proto": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/exporter-trace-otlp-proto/-/exporter-trace-otlp-proto-0.214.0.tgz",
+			"integrity": "sha512-ON0spYWb2yAdQ9b+ItNyK0c6qdtcs+0eVR4YFJkhJL7agfT8sHFg0e5EesauSRiTHPZHiDobI92k77q0lwAmqg==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/otlp-exporter-base": "0.214.0",
+				"@opentelemetry/otlp-transformer": "0.214.0",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-trace-otlp-proto/node_modules/@opentelemetry/otlp-transformer": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.214.0.tgz",
+			"integrity": "sha512-DSaYcuBRh6uozfsWN3R8HsN0yDhCuWP7tOFdkUOVaWD1KVJg8m4qiLUsg/tNhTLS9HUYUcwNpwL2eroLtsZZ/w==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-logs": "0.214.0",
+				"@opentelemetry/sdk-metrics": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1",
+				"protobufjs": "^7.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-trace-otlp-proto/node_modules/@opentelemetry/sdk-metrics": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-2.6.1.tgz",
+			"integrity": "sha512-9t9hJHX15meBy2NmTJxL+NJfXmnausR2xUDvE19XQce0Qi/GBtDGamU8nS1RMbdgDmhgpm3VaOu2+fiS/SfTpQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.9.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/exporter-zipkin": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/exporter-zipkin/-/exporter-zipkin-2.6.1.tgz",
+			"integrity": "sha512-km2/hD3inLTqtLnUAHDGz7ZP/VOyZNslrC/iN66x4jkmpckwlONW54LRPNI6fm09/musDtZga9EWsxgwnjGUlw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1",
+				"@opentelemetry/semantic-conventions": "^1.29.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.0.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation/-/instrumentation-0.214.0.tgz",
+			"integrity": "sha512-MHqEX5Dk59cqVah5LiARMACku7jXSVk9iVDWOea4x3cr7VfdByeDCURK6o1lntT1JS/Tsovw01UJrBhN3/uC5w==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"import-in-the-middle": "^3.0.0",
+				"require-in-the-middle": "^8.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-amqplib": {
+			"version": "0.61.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-amqplib/-/instrumentation-amqplib-0.61.0.tgz",
+			"integrity": "sha512-mCKoyTGfRNisge4br0NpOFSy2Z1NnEW8hbCJdUDdJFHrPqVzc4IIBPA/vX0U+LUcQqrQvJX+HMIU0dbDRe0i0Q==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "^2.0.0",
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.33.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-connect": {
+			"version": "0.57.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-connect/-/instrumentation-connect-0.57.0.tgz",
+			"integrity": "sha512-FMEBChnI4FLN5TE9DHwfH7QpNir1JzXno1uz/TAucVdLCyrG0jTrKIcNHt/i30A0M2AunNBCkcd8Ei26dIPKdg==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "^2.0.0",
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.27.0",
+				"@types/connect": "3.4.38"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-dataloader": {
+			"version": "0.31.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-dataloader/-/instrumentation-dataloader-0.31.0.tgz",
+			"integrity": "sha512-f654tZFQXS5YeLDNb9KySrwtg7SnqZN119FauD7acBoTzuLduaiGTNz88ixcVSOOMGZ+EjJu/RFtx5klObC95g==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/instrumentation": "^0.214.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-fs": {
+			"version": "0.33.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-fs/-/instrumentation-fs-0.33.0.tgz",
+			"integrity": "sha512-sCZWXGalQ01wr3tAhSR9ucqFJ0phidpAle6/17HVjD6gN8FLmZMK/8sKxdXYHy3PbnlV1P4zeiSVFNKpbFMNLA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "^2.0.0",
+				"@opentelemetry/instrumentation": "^0.214.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-generic-pool": {
+			"version": "0.57.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-generic-pool/-/instrumentation-generic-pool-0.57.0.tgz",
+			"integrity": "sha512-orhmlaK+ZIW9hKU+nHTbXrCSXZcH83AescTqmpamHRobRmYSQwRbD0a1odc0yAzuzOtxYiHiXAnpnIpaSSY7Ow==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/instrumentation": "^0.214.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-graphql": {
+			"version": "0.62.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-graphql/-/instrumentation-graphql-0.62.0.tgz",
+			"integrity": "sha512-3YNuLVPUxafXkH1jBAbGsKNsP3XVzcFDhCDCE3OqBwCwShlqQbLMRMFh1T/d5jaVZiGVmSsfof+ICKD2iOV8xg==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/instrumentation": "^0.214.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-hapi": {
+			"version": "0.60.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-hapi/-/instrumentation-hapi-0.60.0.tgz",
+			"integrity": "sha512-aNljZKYrEa7obLAxd1bCEDxF7kzCLGXTuTJZ8lMR9rIVEjmuKBXN1gfqpm/OB//Zc2zP4iIve1jBp7sr3mQV6w==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "^2.0.0",
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.27.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-http": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-http/-/instrumentation-http-0.214.0.tgz",
+			"integrity": "sha512-FlkDhZDRjDJDcO2LcSCtjRpkal1NJ8y0fBqBhTvfAR3JSYY2jAIj1kSS5IjmEBt4c3aWv+u/lqLuoCDrrKCSKg==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/instrumentation": "0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.29.0",
+				"forwarded-parse": "2.1.2"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-ioredis": {
+			"version": "0.62.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-ioredis/-/instrumentation-ioredis-0.62.0.tgz",
+			"integrity": "sha512-ZYt//zcPve8qklaZX+5Z4MkU7UpEkFRrxsf2cnaKYBitqDnsCN69CPAuuMOX6NYdW2rG9sFy7V/QWtBlP5XiNQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/redis-common": "^0.38.2",
+				"@opentelemetry/semantic-conventions": "^1.33.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-kafkajs": {
+			"version": "0.23.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-kafkajs/-/instrumentation-kafkajs-0.23.0.tgz",
+			"integrity": "sha512-4K+nVo+zI+aDz0Z85SObwbdixIbzS9moIuKJaYsdlzcHYnKOPtB7ya8r8Ezivy/GVIBHiKJVq4tv+BEkgOMLaQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.30.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-knex": {
+			"version": "0.58.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-knex/-/instrumentation-knex-0.58.0.tgz",
+			"integrity": "sha512-Hc/o8fSsaWxZ8r1Yw4rNDLwTpUopTf4X32y4W6UhlHmW8Wizz8wfhgOKIelSeqFVTKBBPIDUOsQWuIMxBmu8Bw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.33.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-koa": {
+			"version": "0.62.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-koa/-/instrumentation-koa-0.62.0.tgz",
+			"integrity": "sha512-uVip0VuGUQXZ+vFxkKxAUNq8qNl+VFlyHDh/U6IQ8COOEDfbEchdaHnpFrMYF3psZRUuoSIgb7xOeXj00RdwDA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "^2.0.0",
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.36.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.9.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-lru-memoizer": {
+			"version": "0.58.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-lru-memoizer/-/instrumentation-lru-memoizer-0.58.0.tgz",
+			"integrity": "sha512-6grM3TdMyHzlGY1cUA+mwoPueB1F3dYKgKtZIH6jOFXqfHAByyLTc+6PFjGM9tKh52CFBJaDwodNlL/Td39z7Q==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/instrumentation": "^0.214.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-mongodb": {
+			"version": "0.67.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-mongodb/-/instrumentation-mongodb-0.67.0.tgz",
+			"integrity": "sha512-1WJp5N1lYfHq2IhECOTewFs5Tf2NfUOwQRqs/rZdXKTezArMlucxgzAaqcgp3A3YREXopXTpXHsxZTGHjNhMdQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.33.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-mongoose": {
+			"version": "0.60.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-mongoose/-/instrumentation-mongoose-0.60.0.tgz",
+			"integrity": "sha512-8BahAZpKsOoc+lrZGb7Ofn4g3z8qtp5IxDfvAVpKXsEheQN7ONMH5djT5ihy6yf8yyeQJGS0gXFfpEAEeEHqQg==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "^2.0.0",
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.33.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-mysql": {
+			"version": "0.60.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-mysql/-/instrumentation-mysql-0.60.0.tgz",
+			"integrity": "sha512-08pO8GFPEIz2zquKDGteBZDNmwketdgH8hTe9rVYgW9kCJXq1Psj3wPQGx+VaX4ZJKCfPeoLMYup9+cxHvZyVQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.33.0",
+				"@types/mysql": "2.15.27"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-mysql2": {
+			"version": "0.60.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-mysql2/-/instrumentation-mysql2-0.60.0.tgz",
+			"integrity": "sha512-m/5d3bxQALllCzezYDk/6vajh0tj5OijMMvOZGr+qN1NMXm1dzMNwyJ0gNZW7Fo3YFRyj/jJMxIw+W7d525dlw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.33.0",
+				"@opentelemetry/sql-common": "^0.41.2"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-pg": {
+			"version": "0.66.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-pg/-/instrumentation-pg-0.66.0.tgz",
+			"integrity": "sha512-KxfLGXBb7k2ueaPJfq2GXBDXBly8P+SpR/4Mj410hhNgmQF3sCqwXvUBQxZQkDAmsdBAoenM+yV1LhtsMRamcA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "^2.0.0",
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.34.0",
+				"@opentelemetry/sql-common": "^0.41.2",
+				"@types/pg": "8.15.6",
+				"@types/pg-pool": "2.0.7"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-redis": {
+			"version": "0.62.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-redis/-/instrumentation-redis-0.62.0.tgz",
+			"integrity": "sha512-y3pPpot7WzR/8JtHcYlTYsyY8g+pbFhAqbwAuG5bLPnR6v6pt1rQc0DpH0OlGP/9CZbWBP+Zhwp9yFoygf/ZXQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/redis-common": "^0.38.2",
+				"@opentelemetry/semantic-conventions": "^1.27.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-tedious": {
+			"version": "0.33.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-tedious/-/instrumentation-tedious-0.33.0.tgz",
+			"integrity": "sha512-Q6WQwAD01MMTub31GlejoiFACYNw26J426wyjvU7by7fDIr2nZXNW4vhTGs7i7F0TnXBO3xN688g1tdUgYwJ5w==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.33.0",
+				"@types/tedious": "^4.0.14"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/instrumentation-undici": {
+			"version": "0.24.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-undici/-/instrumentation-undici-0.24.0.tgz",
+			"integrity": "sha512-oKzZ3uvqP17sV0EsoQcJgjEfIp0kiZRbYu/eD8p13Cbahumf8lb/xpYeNr/hfAJ4owzEtIDcGIjprfLcYbIKBQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "^2.0.0",
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/semantic-conventions": "^1.24.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.7.0"
+			}
+		},
+		"node_modules/@opentelemetry/otlp-exporter-base": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/otlp-exporter-base/-/otlp-exporter-base-0.214.0.tgz",
+			"integrity": "sha512-u1Gdv0/E9wP+apqWf7Wv2npXmgJtxsW2XL0TEv9FZloTZRuMBKmu8cYVXwS4Hm3q/f/3FuCnPTgiwYvIqRSpRg==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/otlp-transformer": "0.214.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/otlp-exporter-base/node_modules/@opentelemetry/otlp-transformer": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.214.0.tgz",
+			"integrity": "sha512-DSaYcuBRh6uozfsWN3R8HsN0yDhCuWP7tOFdkUOVaWD1KVJg8m4qiLUsg/tNhTLS9HUYUcwNpwL2eroLtsZZ/w==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-logs": "0.214.0",
+				"@opentelemetry/sdk-metrics": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1",
+				"protobufjs": "^7.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/otlp-exporter-base/node_modules/@opentelemetry/sdk-metrics": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-2.6.1.tgz",
+			"integrity": "sha512-9t9hJHX15meBy2NmTJxL+NJfXmnausR2xUDvE19XQce0Qi/GBtDGamU8nS1RMbdgDmhgpm3VaOu2+fiS/SfTpQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.9.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/otlp-grpc-exporter-base": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/otlp-grpc-exporter-base/-/otlp-grpc-exporter-base-0.214.0.tgz",
+			"integrity": "sha512-IDP6zcyA24RhNZ289MP6eToIZcinlmirHjX8v3zKCQ2ZhPpt5cGwkN91tCth337lqHIgWcTy90uKRiX/SzALDw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@grpc/grpc-js": "^1.14.3",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/otlp-exporter-base": "0.214.0",
+				"@opentelemetry/otlp-transformer": "0.214.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/otlp-grpc-exporter-base/node_modules/@opentelemetry/otlp-transformer": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.214.0.tgz",
+			"integrity": "sha512-DSaYcuBRh6uozfsWN3R8HsN0yDhCuWP7tOFdkUOVaWD1KVJg8m4qiLUsg/tNhTLS9HUYUcwNpwL2eroLtsZZ/w==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-logs": "0.214.0",
+				"@opentelemetry/sdk-metrics": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1",
+				"protobufjs": "^7.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/otlp-grpc-exporter-base/node_modules/@opentelemetry/sdk-metrics": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-2.6.1.tgz",
+			"integrity": "sha512-9t9hJHX15meBy2NmTJxL+NJfXmnausR2xUDvE19XQce0Qi/GBtDGamU8nS1RMbdgDmhgpm3VaOu2+fiS/SfTpQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.9.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/otlp-transformer": {
+			"version": "0.213.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.213.0.tgz",
+			"integrity": "sha512-RSuAlxFFPjeK4d5Y6ps8L2WhaQI6CXWllIjvo5nkAlBpmq2XdYWEBGiAbOF4nDs8CX4QblJDv5BbMUft3sEfDw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.213.0",
+				"@opentelemetry/core": "2.6.0",
+				"@opentelemetry/resources": "2.6.0",
+				"@opentelemetry/sdk-logs": "0.213.0",
+				"@opentelemetry/sdk-metrics": "2.6.0",
+				"@opentelemetry/sdk-trace-base": "2.6.0",
+				"protobufjs": "^7.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@opentelemetry/otlp-transformer/node_modules/@opentelemetry/api-logs": {
+			"version": "0.213.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/api-logs/-/api-logs-0.213.0.tgz",
+			"integrity": "sha512-zRM5/Qj6G84Ej3F1yt33xBVY/3tnMxtL1fiDIxYbDWYaZ/eudVw3/PBiZ8G7JwUxXxjW8gU4g6LnOyfGKYHYgw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			},
+			"engines": {
+				"node": ">=8.0.0"
+			}
+		},
+		"node_modules/@opentelemetry/otlp-transformer/node_modules/@opentelemetry/core": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/core/-/core-2.6.0.tgz",
+			"integrity": "sha512-HLM1v2cbZ4TgYN6KEOj+Bbj8rAKriOdkF9Ed3tG25FoprSiQl7kYc+RRT6fUZGOvx0oMi5U67GoFdT+XUn8zEg==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/semantic-conventions": "^1.29.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.0.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/otlp-transformer/node_modules/@opentelemetry/resources": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/resources/-/resources-2.6.0.tgz",
+			"integrity": "sha512-D4y/+OGe3JSuYUCBxtH5T9DSAWNcvCb/nQWIga8HNtXTVPQn59j0nTBAgaAXxUVBDl40mG3Tc76b46wPlZaiJQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.0",
+				"@opentelemetry/semantic-conventions": "^1.29.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.3.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/otlp-transformer/node_modules/@opentelemetry/sdk-logs": {
+			"version": "0.213.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-logs/-/sdk-logs-0.213.0.tgz",
+			"integrity": "sha512-00xlU3GZXo3kXKve4DLdrAL0NAFUaZ9appU/mn00S/5kSUdAvyYsORaDUfR04Mp2CLagAOhrzfUvYozY/EZX2g==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.213.0",
+				"@opentelemetry/core": "2.6.0",
+				"@opentelemetry/resources": "2.6.0",
+				"@opentelemetry/semantic-conventions": "^1.29.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.4.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/otlp-transformer/node_modules/@opentelemetry/sdk-trace-base": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-trace-base/-/sdk-trace-base-2.6.0.tgz",
+			"integrity": "sha512-g/OZVkqlxllgFM7qMKqbPV9c1DUPhQ7d4n3pgZFcrnrNft9eJXZM2TNHTPYREJBrtNdRytYyvwjgL5geDKl3EQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.0",
+				"@opentelemetry/resources": "2.6.0",
+				"@opentelemetry/semantic-conventions": "^1.29.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.3.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/propagator-b3": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/propagator-b3/-/propagator-b3-2.6.1.tgz",
+			"integrity": "sha512-Dvz9TA6cPqIbxolSzQ5x9br6iQlqdGhVYrm+oYc7pfJ7LaVXz8F0XIqhWbnKB5YvfZ6SUmabBUUxnvHs/9uhxA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.0.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/propagator-jaeger": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/propagator-jaeger/-/propagator-jaeger-2.6.1.tgz",
+			"integrity": "sha512-kKFMxBcjBZAC1vBch5mtZ/dJQvcAEKWga+c+q5iGgRLPIE6Mc649zEwMaCIQCzalziMJQiyUadFYMHmELB7AFw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.0.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/redis-common": {
+			"version": "0.38.2",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/redis-common/-/redis-common-0.38.2.tgz",
+			"integrity": "sha512-1BCcU93iwSRZvDAgwUxC/DV4T/406SkMfxGqu5ojc3AvNI+I9GhV7v0J1HljsczuuhcnFLYqD5VmwVXfCGHzxA==",
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			}
+		},
+		"node_modules/@opentelemetry/resources": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/resources/-/resources-2.6.1.tgz",
+			"integrity": "sha512-lID/vxSuKWXM55XhAKNoYXu9Cutoq5hFdkbTdI/zDKQktXzcWBVhNsOkiZFTMU9UtEWuGRNe0HUgmsFldIdxVA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/semantic-conventions": "^1.29.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.3.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/sdk-logs": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-logs/-/sdk-logs-0.214.0.tgz",
+			"integrity": "sha512-zf6acnScjhsaBUU22zXZ/sLWim1dfhUAbGXdMmHmNG3LfBnQ3DKsOCITb2IZwoUsNNMTogqFKBnlIPPftUgGwA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/semantic-conventions": "^1.29.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.4.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/sdk-metrics": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-2.6.0.tgz",
+			"integrity": "sha512-CicxWZxX6z35HR83jl+PLgtFgUrKRQ9LCXyxgenMnz5A1lgYWfAog7VtdOvGkJYyQgMNPhXQwkYrDLujk7z1Iw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.0",
+				"@opentelemetry/resources": "2.6.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.9.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/sdk-metrics/node_modules/@opentelemetry/core": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/core/-/core-2.6.0.tgz",
+			"integrity": "sha512-HLM1v2cbZ4TgYN6KEOj+Bbj8rAKriOdkF9Ed3tG25FoprSiQl7kYc+RRT6fUZGOvx0oMi5U67GoFdT+XUn8zEg==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/semantic-conventions": "^1.29.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.0.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/sdk-metrics/node_modules/@opentelemetry/resources": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/resources/-/resources-2.6.0.tgz",
+			"integrity": "sha512-D4y/+OGe3JSuYUCBxtH5T9DSAWNcvCb/nQWIga8HNtXTVPQn59j0nTBAgaAXxUVBDl40mG3Tc76b46wPlZaiJQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.0",
+				"@opentelemetry/semantic-conventions": "^1.29.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.3.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/sdk-node": {
+			"version": "0.214.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-node/-/sdk-node-0.214.0.tgz",
+			"integrity": "sha512-gl2XvQBJuPjhGcw9SsnQO5qxChAPMuGRPFaD8lqtF+Cey91NgGUQ0sio2vlDFOSm3JOLzc44vL+OAfx1dXuZjg==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.214.0",
+				"@opentelemetry/configuration": "0.214.0",
+				"@opentelemetry/context-async-hooks": "2.6.1",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/exporter-logs-otlp-grpc": "0.214.0",
+				"@opentelemetry/exporter-logs-otlp-http": "0.214.0",
+				"@opentelemetry/exporter-logs-otlp-proto": "0.214.0",
+				"@opentelemetry/exporter-metrics-otlp-grpc": "0.214.0",
+				"@opentelemetry/exporter-metrics-otlp-http": "0.214.0",
+				"@opentelemetry/exporter-metrics-otlp-proto": "0.214.0",
+				"@opentelemetry/exporter-prometheus": "0.214.0",
+				"@opentelemetry/exporter-trace-otlp-grpc": "0.214.0",
+				"@opentelemetry/exporter-trace-otlp-http": "0.214.0",
+				"@opentelemetry/exporter-trace-otlp-proto": "0.214.0",
+				"@opentelemetry/exporter-zipkin": "2.6.1",
+				"@opentelemetry/instrumentation": "0.214.0",
+				"@opentelemetry/otlp-exporter-base": "0.214.0",
+				"@opentelemetry/propagator-b3": "2.6.1",
+				"@opentelemetry/propagator-jaeger": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/sdk-logs": "0.214.0",
+				"@opentelemetry/sdk-metrics": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1",
+				"@opentelemetry/sdk-trace-node": "2.6.1",
+				"@opentelemetry/semantic-conventions": "^1.29.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.3.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/sdk-node/node_modules/@opentelemetry/sdk-metrics": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-2.6.1.tgz",
+			"integrity": "sha512-9t9hJHX15meBy2NmTJxL+NJfXmnausR2xUDvE19XQce0Qi/GBtDGamU8nS1RMbdgDmhgpm3VaOu2+fiS/SfTpQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.9.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/sdk-trace-base": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-trace-base/-/sdk-trace-base-2.6.1.tgz",
+			"integrity": "sha512-r86ut4T1e8vNwB35CqCcKd45yzqH6/6Wzvpk2/cZB8PsPLlZFTvrh8yfOS3CYZYcUmAx4hHTZJ8AO8Dj8nrdhw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/resources": "2.6.1",
+				"@opentelemetry/semantic-conventions": "^1.29.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.3.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/sdk-trace-node": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sdk-trace-node/-/sdk-trace-node-2.6.1.tgz",
+			"integrity": "sha512-Hh2i4FwHWRFhnO2Q/p6svMxy8MPsNCG0uuzUY3glqm0rwM0nQvbTO1dXSp9OqQoTKXcQzaz9q1f65fsurmOhNw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/context-async-hooks": "2.6.1",
+				"@opentelemetry/core": "2.6.1",
+				"@opentelemetry/sdk-trace-base": "2.6.1"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": ">=1.0.0 <1.10.0"
+			}
+		},
+		"node_modules/@opentelemetry/semantic-conventions": {
+			"version": "1.40.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/semantic-conventions/-/semantic-conventions-1.40.0.tgz",
+			"integrity": "sha512-cifvXDhcqMwwTlTK04GBNeIe7yyo28Mfby85QXFe1Yk8nmi36Ab/5UQwptOx84SsoGNRg+EVSjwzfSZMy6pmlw==",
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=14"
+			}
+		},
+		"node_modules/@opentelemetry/sql-common": {
+			"version": "0.41.2",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/sql-common/-/sql-common-0.41.2.tgz",
+			"integrity": "sha512-4mhWm3Z8z+i508zQJ7r6Xi7y4mmoJpdvH0fZPFRkWrdp5fq7hhZ2HhYokEOLkfqSMgPR4Z9EyB3DBkbKGOqZiQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/core": "^2.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.1.0"
+			}
+		},
+		"node_modules/@polka/url": {
+			"version": "1.0.0-next.29",
+			"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
+			"integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
+			"license": "MIT"
+		},
+		"node_modules/@prisma/instrumentation": {
+			"version": "7.6.0",
+			"resolved": "https://registry.npmjs.org/@prisma/instrumentation/-/instrumentation-7.6.0.tgz",
+			"integrity": "sha512-ZPW2gRiwpPzEfgeZgaekhqXrbW+Y2RJKHVqUmlhZhKzRNCcvR6DykzylDrynpArKKRQtLxoZy36fK7U0p3pdgQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/instrumentation": "^0.207.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.8"
+			}
+		},
+		"node_modules/@prisma/instrumentation/node_modules/@opentelemetry/api-logs": {
+			"version": "0.207.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/api-logs/-/api-logs-0.207.0.tgz",
+			"integrity": "sha512-lAb0jQRVyleQQGiuuvCOTDVspc14nx6XJjP4FspJ1sNARo3Regq4ZZbrc3rN4b1TYSuUCvgH+UXUPug4SLOqEQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			},
+			"engines": {
+				"node": ">=8.0.0"
+			}
+		},
+		"node_modules/@prisma/instrumentation/node_modules/@opentelemetry/instrumentation": {
+			"version": "0.207.0",
+			"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation/-/instrumentation-0.207.0.tgz",
+			"integrity": "sha512-y6eeli9+TLKnznrR8AZlQMSJT7wILpXH+6EYq5Vf/4Ao+huI7EedxQHwRgVUOMLFbe7VFDvHJrX9/f4lcwnJsA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@opentelemetry/api-logs": "0.207.0",
+				"import-in-the-middle": "^2.0.0",
+				"require-in-the-middle": "^8.0.0"
+			},
+			"engines": {
+				"node": "^18.19.0 || >=20.6.0"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.3.0"
+			}
+		},
+		"node_modules/@prisma/instrumentation/node_modules/import-in-the-middle": {
+			"version": "2.0.6",
+			"resolved": "https://registry.npmjs.org/import-in-the-middle/-/import-in-the-middle-2.0.6.tgz",
+			"integrity": "sha512-3vZV3jX0XRFW3EJDTwzWoZa+RH1b8eTTx6YOCjglrLyPuepwoBti1k3L2dKwdCUrnVEfc5CuRuGstaC/uQJJaw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"acorn": "^8.15.0",
+				"acorn-import-attributes": "^1.9.5",
+				"cjs-module-lexer": "^2.2.0",
+				"module-details-from-path": "^1.0.4"
+			}
+		},
+		"node_modules/@protobufjs/aspromise": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
+			"integrity": "sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==",
+			"license": "BSD-3-Clause"
+		},
+		"node_modules/@protobufjs/base64": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
+			"integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==",
+			"license": "BSD-3-Clause"
+		},
+		"node_modules/@protobufjs/codegen": {
+			"version": "2.0.4",
+			"resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz",
+			"integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==",
+			"license": "BSD-3-Clause"
+		},
+		"node_modules/@protobufjs/eventemitter": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz",
+			"integrity": "sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==",
+			"license": "BSD-3-Clause"
+		},
+		"node_modules/@protobufjs/fetch": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz",
+			"integrity": "sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==",
+			"license": "BSD-3-Clause",
+			"dependencies": {
+				"@protobufjs/aspromise": "^1.1.1",
+				"@protobufjs/inquire": "^1.1.0"
+			}
+		},
+		"node_modules/@protobufjs/float": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
+			"integrity": "sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==",
+			"license": "BSD-3-Clause"
+		},
+		"node_modules/@protobufjs/inquire": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz",
+			"integrity": "sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==",
+			"license": "BSD-3-Clause"
+		},
+		"node_modules/@protobufjs/path": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
+			"integrity": "sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==",
+			"license": "BSD-3-Clause"
+		},
+		"node_modules/@protobufjs/pool": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
+			"integrity": "sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==",
+			"license": "BSD-3-Clause"
+		},
+		"node_modules/@protobufjs/utf8": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
+			"integrity": "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==",
+			"license": "BSD-3-Clause"
+		},
+		"node_modules/@rollup/plugin-commonjs": {
+			"version": "29.0.2",
+			"resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-29.0.2.tgz",
+			"integrity": "sha512-S/ggWH1LU7jTyi9DxZOKyxpVd4hF/OZ0JrEbeLjXk/DFXwRny0tjD2c992zOUYQobLrVkRVMDdmHP16HKP7GRg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@rollup/pluginutils": "^5.0.1",
+				"commondir": "^1.0.1",
+				"estree-walker": "^2.0.2",
+				"fdir": "^6.2.0",
+				"is-reference": "1.2.1",
+				"magic-string": "^0.30.3",
+				"picomatch": "^4.0.2"
+			},
+			"engines": {
+				"node": ">=16.0.0 || 14 >= 14.17"
+			},
+			"peerDependencies": {
+				"rollup": "^2.68.0||^3.0.0||^4.0.0"
+			},
+			"peerDependenciesMeta": {
+				"rollup": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@rollup/plugin-json": {
+			"version": "6.1.0",
+			"resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.1.0.tgz",
+			"integrity": "sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@rollup/pluginutils": "^5.1.0"
+			},
+			"engines": {
+				"node": ">=14.0.0"
+			},
+			"peerDependencies": {
+				"rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+			},
+			"peerDependenciesMeta": {
+				"rollup": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@rollup/plugin-node-resolve": {
+			"version": "16.0.3",
+			"resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-16.0.3.tgz",
+			"integrity": "sha512-lUYM3UBGuM93CnMPG1YocWu7X802BrNF3jW2zny5gQyLQgRFJhV1Sq0Zi74+dh/6NBx1DxFC4b4GXg9wUCG5Qg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@rollup/pluginutils": "^5.0.1",
+				"@types/resolve": "1.20.2",
+				"deepmerge": "^4.2.2",
+				"is-module": "^1.0.0",
+				"resolve": "^1.22.1"
+			},
+			"engines": {
+				"node": ">=14.0.0"
+			},
+			"peerDependencies": {
+				"rollup": "^2.78.0||^3.0.0||^4.0.0"
+			},
+			"peerDependenciesMeta": {
+				"rollup": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@rollup/pluginutils": {
+			"version": "5.3.0",
+			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz",
+			"integrity": "sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/estree": "^1.0.0",
+				"estree-walker": "^2.0.2",
+				"picomatch": "^4.0.2"
+			},
+			"engines": {
+				"node": ">=14.0.0"
+			},
+			"peerDependencies": {
+				"rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+			},
+			"peerDependenciesMeta": {
+				"rollup": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@rollup/rollup-android-arm-eabi": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.1.tgz",
+			"integrity": "sha512-d6FinEBLdIiK+1uACUttJKfgZREXrF0Qc2SmLII7W2AD8FfiZ9Wjd+rD/iRuf5s5dWrr1GgwXCvPqOuDquOowA==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			]
+		},
+		"node_modules/@rollup/rollup-android-arm64": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.1.tgz",
+			"integrity": "sha512-YjG/EwIDvvYI1YvYbHvDz/BYHtkY4ygUIXHnTdLhG+hKIQFBiosfWiACWortsKPKU/+dUwQQCKQM3qrDe8c9BA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			]
+		},
+		"node_modules/@rollup/rollup-darwin-arm64": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.1.tgz",
+			"integrity": "sha512-mjCpF7GmkRtSJwon+Rq1N8+pI+8l7w5g9Z3vWj4T7abguC4Czwi3Yu/pFaLvA3TTeMVjnu3ctigusqWUfjZzvw==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@rollup/rollup-darwin-x64": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.1.tgz",
+			"integrity": "sha512-haZ7hJ1JT4e9hqkoT9R/19XW2QKqjfJVv+i5AGg57S+nLk9lQnJ1F/eZloRO3o9Scy9CM3wQ9l+dkXtcBgN5Ew==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@rollup/rollup-freebsd-arm64": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.1.tgz",
+			"integrity": "sha512-czw90wpQq3ZsAVBlinZjAYTKduOjTywlG7fEeWKUA7oCmpA8xdTkxZZlwNJKWqILlq0wehoZcJYfBvOyhPTQ6w==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@rollup/rollup-freebsd-x64": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.1.tgz",
+			"integrity": "sha512-KVB2rqsxTHuBtfOeySEyzEOB7ltlB/ux38iu2rBQzkjbwRVlkhAGIEDiiYnO2kFOkJp+Z7pUXKyrRRFuFUKt+g==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.1.tgz",
+			"integrity": "sha512-L+34Qqil+v5uC0zEubW7uByo78WOCIrBvci69E7sFASRl0X7b/MB6Cqd1lky/CtcSVTydWa2WZwFuWexjS5o6g==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm-musleabihf": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.1.tgz",
+			"integrity": "sha512-n83O8rt4v34hgFzlkb1ycniJh7IR5RCIqt6mz1VRJD6pmhRi0CXdmfnLu9dIUS6buzh60IvACM842Ffb3xd6Gg==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm64-gnu": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.1.tgz",
+			"integrity": "sha512-Nql7sTeAzhTAja3QXeAI48+/+GjBJ+QmAH13snn0AJSNL50JsDqotyudHyMbO2RbJkskbMbFJfIJKWA6R1LCJQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm64-musl": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.1.tgz",
+			"integrity": "sha512-+pUymDhd0ys9GcKZPPWlFiZ67sTWV5UU6zOJat02M1+PiuSGDziyRuI/pPue3hoUwm2uGfxdL+trT6Z9rxnlMA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-loong64-gnu": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.1.tgz",
+			"integrity": "sha512-VSvgvQeIcsEvY4bKDHEDWcpW4Yw7BtlKG1GUT4FzBUlEKQK0rWHYBqQt6Fm2taXS+1bXvJT6kICu5ZwqKCnvlQ==",
+			"cpu": [
+				"loong64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-loong64-musl": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.1.tgz",
+			"integrity": "sha512-4LqhUomJqwe641gsPp6xLfhqWMbQV04KtPp7/dIp0nzPxAkNY1AbwL5W0MQpcalLYk07vaW9Kp1PBhdpZYYcEw==",
+			"cpu": [
+				"loong64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-ppc64-gnu": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.1.tgz",
+			"integrity": "sha512-tLQQ9aPvkBxOc/EUT6j3pyeMD6Hb8QF2BTBnCQWP/uu1lhc9AIrIjKnLYMEroIz/JvtGYgI9dF3AxHZNaEH0rw==",
+			"cpu": [
+				"ppc64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-ppc64-musl": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.1.tgz",
+			"integrity": "sha512-RMxFhJwc9fSXP6PqmAz4cbv3kAyvD1etJFjTx4ONqFP9DkTkXsAMU4v3Vyc5BgzC+anz7nS/9tp4obsKfqkDHg==",
+			"cpu": [
+				"ppc64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-riscv64-gnu": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.1.tgz",
+			"integrity": "sha512-QKgFl+Yc1eEk6MmOBfRHYF6lTxiiiV3/z/BRrbSiW2I7AFTXoBFvdMEyglohPj//2mZS4hDOqeB0H1ACh3sBbg==",
+			"cpu": [
+				"riscv64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-riscv64-musl": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.1.tgz",
+			"integrity": "sha512-RAjXjP/8c6ZtzatZcA1RaQr6O1TRhzC+adn8YZDnChliZHviqIjmvFwHcxi4JKPSDAt6Uhf/7vqcBzQJy0PDJg==",
+			"cpu": [
+				"riscv64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-s390x-gnu": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.1.tgz",
+			"integrity": "sha512-wcuocpaOlaL1COBYiA89O6yfjlp3RwKDeTIA0hM7OpmhR1Bjo9j31G1uQVpDlTvwxGn2nQs65fBFL5UFd76FcQ==",
+			"cpu": [
+				"s390x"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-x64-gnu": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.1.tgz",
+			"integrity": "sha512-77PpsFQUCOiZR9+LQEFg9GClyfkNXj1MP6wRnzYs0EeWbPcHs02AXu4xuUbM1zhwn3wqaizle3AEYg5aeoohhg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-x64-musl": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.1.tgz",
+			"integrity": "sha512-5cIATbk5vynAjqqmyBjlciMJl1+R/CwX9oLk/EyiFXDWd95KpHdrOJT//rnUl4cUcskrd0jCCw3wpZnhIHdD9w==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-openbsd-x64": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.1.tgz",
+			"integrity": "sha512-cl0w09WsCi17mcmWqqglez9Gk8isgeWvoUZ3WiJFYSR3zjBQc2J5/ihSjpl+VLjPqjQ/1hJRcqBfLjssREQILw==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openbsd"
+			]
+		},
+		"node_modules/@rollup/rollup-openharmony-arm64": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.1.tgz",
+			"integrity": "sha512-4Cv23ZrONRbNtbZa37mLSueXUCtN7MXccChtKpUnQNgF010rjrjfHx3QxkS2PI7LqGT5xXyYs1a7LbzAwT0iCA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openharmony"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-arm64-msvc": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.1.tgz",
+			"integrity": "sha512-i1okWYkA4FJICtr7KpYzFpRTHgy5jdDbZiWfvny21iIKky5YExiDXP+zbXzm3dUcFpkEeYNHgQ5fuG236JPq0g==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-ia32-msvc": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.1.tgz",
+			"integrity": "sha512-u09m3CuwLzShA0EYKMNiFgcjjzwqtUMLmuCJLeZWjjOYA3IT2Di09KaxGBTP9xVztWyIWjVdsB2E9goMjZvTQg==",
+			"cpu": [
+				"ia32"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-x64-gnu": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.1.tgz",
+			"integrity": "sha512-k+600V9Zl1CM7eZxJgMyTUzmrmhB/0XZnF4pRypKAlAgxmedUA+1v9R+XOFv56W4SlHEzfeMtzujLJD22Uz5zg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-x64-msvc": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.1.tgz",
+			"integrity": "sha512-lWMnixq/QzxyhTV6NjQJ4SFo1J6PvOX8vUx5Wb4bBPsEb+8xZ89Bz6kOXpfXj9ak9AHTQVQzlgzBEc1SyM27xQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@sentry-internal/browser-utils": {
+			"version": "10.49.0",
+			"resolved": "https://registry.npmjs.org/@sentry-internal/browser-utils/-/browser-utils-10.49.0.tgz",
+			"integrity": "sha512-n0QRx0Ysx6mPfIydTkz7VP0FmwM+/EqMZiRqdsU3aTYsngE9GmEDV0OL1bAy6a8N/C1xf9vntkuAtj6N/8Z51w==",
+			"license": "MIT",
+			"dependencies": {
+				"@sentry/core": "10.49.0"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@sentry-internal/feedback": {
+			"version": "10.49.0",
+			"resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-10.49.0.tgz",
+			"integrity": "sha512-JNsUBGv0faCFE7MeZUH99Y9lU9qq3LBALbLxpE1x7ngNrQnVYRlcFgdqaD/btNBKr8awjYL8gmcSkHBWskGqLQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@sentry/core": "10.49.0"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@sentry-internal/replay": {
+			"version": "10.49.0",
+			"resolved": "https://registry.npmjs.org/@sentry-internal/replay/-/replay-10.49.0.tgz",
+			"integrity": "sha512-IEy4lwHVMiRE3JAcn+kFKjsTgalDOCSTf20SoFd+nkt6rN/k1RDyr4xpdfF//Kj3UdeTmbuibYjK5H/FLhhnGg==",
+			"license": "MIT",
+			"dependencies": {
+				"@sentry-internal/browser-utils": "10.49.0",
+				"@sentry/core": "10.49.0"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@sentry-internal/replay-canvas": {
+			"version": "10.49.0",
+			"resolved": "https://registry.npmjs.org/@sentry-internal/replay-canvas/-/replay-canvas-10.49.0.tgz",
+			"integrity": "sha512-7D/NrgH1Qwx5trDYaaTSSJmCb1yVQQLqFG4G/S9x2ltzl9876lSGJL8UeW8ReNQgF3CDAcwbmm/9aXaVSBUNZA==",
+			"license": "MIT",
+			"dependencies": {
+				"@sentry-internal/replay": "10.49.0",
+				"@sentry/core": "10.49.0"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@sentry/babel-plugin-component-annotate": {
+			"version": "5.2.0",
+			"resolved": "https://registry.npmjs.org/@sentry/babel-plugin-component-annotate/-/babel-plugin-component-annotate-5.2.0.tgz",
+			"integrity": "sha512-8LbOI5Kzb5F0+7LVQPi2+zGz1iPiRRFhM+7uZ/ZQ33L9BmDOYNIy3xWxCfMw2JCuMXXaxF47XCjGmR22/B0WPg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">= 18"
+			}
+		},
+		"node_modules/@sentry/browser": {
+			"version": "10.49.0",
+			"resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-10.49.0.tgz",
+			"integrity": "sha512-bGCHc+wK2Dx67YoSbmtlt04alqWfQ+dasD/GVipVOq50gvw/BBIDHTEWRJEjACl+LrvszeY54V+24p8z4IgysA==",
+			"license": "MIT",
+			"dependencies": {
+				"@sentry-internal/browser-utils": "10.49.0",
+				"@sentry-internal/feedback": "10.49.0",
+				"@sentry-internal/replay": "10.49.0",
+				"@sentry-internal/replay-canvas": "10.49.0",
+				"@sentry/core": "10.49.0"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@sentry/bundler-plugin-core": {
+			"version": "5.2.0",
+			"resolved": "https://registry.npmjs.org/@sentry/bundler-plugin-core/-/bundler-plugin-core-5.2.0.tgz",
+			"integrity": "sha512-+C0x4gEIJRgoMwyRFGx+TFiJ1Po2BZlT1v61+PnouiaprKL5qtZG8n5PXx/5LPLDsVjSIcXjnDrTz9aSm8SJ3w==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/core": "^7.18.5",
+				"@sentry/babel-plugin-component-annotate": "5.2.0",
+				"@sentry/cli": "^2.58.5",
+				"dotenv": "^16.3.1",
+				"find-up": "^5.0.0",
+				"glob": "^13.0.6",
+				"magic-string": "~0.30.8"
+			},
+			"engines": {
+				"node": ">= 18"
+			}
+		},
+		"node_modules/@sentry/cli": {
+			"version": "2.58.5",
+			"resolved": "https://registry.npmjs.org/@sentry/cli/-/cli-2.58.5.tgz",
+			"integrity": "sha512-tavJ7yGUZV+z3Ct2/ZB6mg339i08sAk6HDkgqmSRuQEu2iLS5sl9HIvuXfM6xjv8fwlgFOSy++WNABNAcGHUbg==",
+			"hasInstallScript": true,
+			"license": "FSL-1.1-MIT",
+			"dependencies": {
+				"https-proxy-agent": "^5.0.0",
+				"node-fetch": "^2.6.7",
+				"progress": "^2.0.3",
+				"proxy-from-env": "^1.1.0",
+				"which": "^2.0.2"
+			},
+			"bin": {
+				"sentry-cli": "bin/sentry-cli"
+			},
+			"engines": {
+				"node": ">= 10"
+			},
+			"optionalDependencies": {
+				"@sentry/cli-darwin": "2.58.5",
+				"@sentry/cli-linux-arm": "2.58.5",
+				"@sentry/cli-linux-arm64": "2.58.5",
+				"@sentry/cli-linux-i686": "2.58.5",
+				"@sentry/cli-linux-x64": "2.58.5",
+				"@sentry/cli-win32-arm64": "2.58.5",
+				"@sentry/cli-win32-i686": "2.58.5",
+				"@sentry/cli-win32-x64": "2.58.5"
+			}
+		},
+		"node_modules/@sentry/cli-darwin": {
+			"version": "2.58.5",
+			"resolved": "https://registry.npmjs.org/@sentry/cli-darwin/-/cli-darwin-2.58.5.tgz",
+			"integrity": "sha512-lYrNzenZFJftfwSya7gwrHGxtE+Kob/e1sr9lmHMFOd4utDlmq0XFDllmdZAMf21fxcPRI1GL28ejZ3bId01fQ==",
+			"license": "FSL-1.1-MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@sentry/cli-linux-arm": {
+			"version": "2.58.5",
+			"resolved": "https://registry.npmjs.org/@sentry/cli-linux-arm/-/cli-linux-arm-2.58.5.tgz",
+			"integrity": "sha512-KtHweSIomYL4WVDrBrYSYJricKAAzxUgX86kc6OnlikbyOhoK6Fy8Vs6vwd52P6dvWPjgrMpUYjW2M5pYXQDUw==",
+			"cpu": [
+				"arm"
+			],
+			"license": "FSL-1.1-MIT",
+			"optional": true,
+			"os": [
+				"linux",
+				"freebsd",
+				"android"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@sentry/cli-linux-arm64": {
+			"version": "2.58.5",
+			"resolved": "https://registry.npmjs.org/@sentry/cli-linux-arm64/-/cli-linux-arm64-2.58.5.tgz",
+			"integrity": "sha512-/4gywFeBqRB6tR/iGMRAJ3HRqY6Z7Yp4l8ZCbl0TDLAfHNxu7schEw4tSnm2/Hh9eNMiOVy4z58uzAWlZXAYBQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "FSL-1.1-MIT",
+			"optional": true,
+			"os": [
+				"linux",
+				"freebsd",
+				"android"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@sentry/cli-linux-i686": {
+			"version": "2.58.5",
+			"resolved": "https://registry.npmjs.org/@sentry/cli-linux-i686/-/cli-linux-i686-2.58.5.tgz",
+			"integrity": "sha512-G7261dkmyxqlMdyvyP06b+RTIVzp1gZNgglj5UksxSouSUqRd/46W/2pQeOMPhloDYo9yLtCN2YFb3Mw4aUsWw==",
+			"cpu": [
+				"x86",
+				"ia32"
+			],
+			"license": "FSL-1.1-MIT",
+			"optional": true,
+			"os": [
+				"linux",
+				"freebsd",
+				"android"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@sentry/cli-linux-x64": {
+			"version": "2.58.5",
+			"resolved": "https://registry.npmjs.org/@sentry/cli-linux-x64/-/cli-linux-x64-2.58.5.tgz",
+			"integrity": "sha512-rP04494RSmt86xChkQ+ecBNRYSPbyXc4u0IA7R7N1pSLCyO74e5w5Al+LnAq35cMfVbZgz5Sm0iGLjyiUu4I1g==",
+			"cpu": [
+				"x64"
+			],
+			"license": "FSL-1.1-MIT",
+			"optional": true,
+			"os": [
+				"linux",
+				"freebsd",
+				"android"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@sentry/cli-win32-arm64": {
+			"version": "2.58.5",
+			"resolved": "https://registry.npmjs.org/@sentry/cli-win32-arm64/-/cli-win32-arm64-2.58.5.tgz",
+			"integrity": "sha512-AOJ2nCXlQL1KBaCzv38m3i2VmSHNurUpm7xVKd6yAHX+ZoVBI8VT0EgvwmtJR2TY2N2hNCC7UrgRmdUsQ152bA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "FSL-1.1-MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@sentry/cli-win32-i686": {
+			"version": "2.58.5",
+			"resolved": "https://registry.npmjs.org/@sentry/cli-win32-i686/-/cli-win32-i686-2.58.5.tgz",
+			"integrity": "sha512-EsuboLSOnlrN7MMPJ1eFvfMDm+BnzOaSWl8eYhNo8W/BIrmNgpRUdBwnWn9Q2UOjJj5ZopukmsiMYtU/D7ml9g==",
+			"cpu": [
+				"x86",
+				"ia32"
+			],
+			"license": "FSL-1.1-MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@sentry/cli-win32-x64": {
+			"version": "2.58.5",
+			"resolved": "https://registry.npmjs.org/@sentry/cli-win32-x64/-/cli-win32-x64-2.58.5.tgz",
+			"integrity": "sha512-IZf+XIMiQwj+5NzqbOQfywlOitmCV424Vtf9c+ep61AaVScUFD1TSrQbOcJJv5xGxhlxNOMNgMeZhdexdzrKZg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "FSL-1.1-MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@sentry/cloudflare": {
+			"version": "10.49.0",
+			"resolved": "https://registry.npmjs.org/@sentry/cloudflare/-/cloudflare-10.49.0.tgz",
+			"integrity": "sha512-kHNIwJ6SX39R5TRoW/Bf25rgrBwXBbD44fEK9+hkJ3IdGBLktXG2+T7mNGjpvR98TWxQDhcvs8WLfFw/SsDGrA==",
+			"license": "MIT",
+			"dependencies": {
+				"@opentelemetry/api": "^1.9.1",
+				"@sentry/core": "10.49.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"peerDependencies": {
+				"@cloudflare/workers-types": "^4.x"
+			},
+			"peerDependenciesMeta": {
+				"@cloudflare/workers-types": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@sentry/core": {
+			"version": "10.49.0",
+			"resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.49.0.tgz",
+			"integrity": "sha512-UaFeum3LUM1mB0d67jvKnqId1yWQjyqmaDV6kWngG03x+jqXb08tJdGpSoxjXZe13jFBbiBL/wKDDYIK7rCK4g==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@sentry/node": {
+			"version": "10.49.0",
+			"resolved": "https://registry.npmjs.org/@sentry/node/-/node-10.49.0.tgz",
+			"integrity": "sha512-xr+HXABCiO5mgAJRQxsXRdNOLO0+Ee6CvXAAIqovL2A1GlhxNWc5ooPWeIrrLDJ/KGyT8zI91O5scpVXdXs0uQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@fastify/otel": "0.18.0",
+				"@opentelemetry/api": "^1.9.1",
+				"@opentelemetry/core": "^2.6.1",
+				"@opentelemetry/instrumentation": "^0.214.0",
+				"@opentelemetry/instrumentation-amqplib": "0.61.0",
+				"@opentelemetry/instrumentation-connect": "0.57.0",
+				"@opentelemetry/instrumentation-dataloader": "0.31.0",
+				"@opentelemetry/instrumentation-fs": "0.33.0",
+				"@opentelemetry/instrumentation-generic-pool": "0.57.0",
+				"@opentelemetry/instrumentation-graphql": "0.62.0",
+				"@opentelemetry/instrumentation-hapi": "0.60.0",
+				"@opentelemetry/instrumentation-http": "0.214.0",
+				"@opentelemetry/instrumentation-ioredis": "0.62.0",
+				"@opentelemetry/instrumentation-kafkajs": "0.23.0",
+				"@opentelemetry/instrumentation-knex": "0.58.0",
+				"@opentelemetry/instrumentation-koa": "0.62.0",
+				"@opentelemetry/instrumentation-lru-memoizer": "0.58.0",
+				"@opentelemetry/instrumentation-mongodb": "0.67.0",
+				"@opentelemetry/instrumentation-mongoose": "0.60.0",
+				"@opentelemetry/instrumentation-mysql": "0.60.0",
+				"@opentelemetry/instrumentation-mysql2": "0.60.0",
+				"@opentelemetry/instrumentation-pg": "0.66.0",
+				"@opentelemetry/instrumentation-redis": "0.62.0",
+				"@opentelemetry/instrumentation-tedious": "0.33.0",
+				"@opentelemetry/instrumentation-undici": "0.24.0",
+				"@opentelemetry/sdk-trace-base": "^2.6.1",
+				"@opentelemetry/semantic-conventions": "^1.40.0",
+				"@prisma/instrumentation": "7.6.0",
+				"@sentry/core": "10.49.0",
+				"@sentry/node-core": "10.49.0",
+				"@sentry/opentelemetry": "10.49.0",
+				"import-in-the-middle": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@sentry/node-core": {
+			"version": "10.49.0",
+			"resolved": "https://registry.npmjs.org/@sentry/node-core/-/node-core-10.49.0.tgz",
+			"integrity": "sha512-7WO0KuCDPSq3G54TVUSI1CKFJwB67LasG+n/gDMBqbrarzs/Yh/s34OOMU5gfVQpncxQAmQsy4nEboQms8iNqA==",
+			"license": "MIT",
+			"dependencies": {
+				"@sentry/core": "10.49.0",
+				"@sentry/opentelemetry": "10.49.0",
+				"import-in-the-middle": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.9.0",
+				"@opentelemetry/core": "^1.30.1 || ^2.1.0",
+				"@opentelemetry/exporter-trace-otlp-http": ">=0.57.0 <1",
+				"@opentelemetry/instrumentation": ">=0.57.1 <1",
+				"@opentelemetry/sdk-trace-base": "^1.30.1 || ^2.1.0",
+				"@opentelemetry/semantic-conventions": "^1.39.0"
+			},
+			"peerDependenciesMeta": {
+				"@opentelemetry/api": {
+					"optional": true
+				},
+				"@opentelemetry/core": {
+					"optional": true
+				},
+				"@opentelemetry/exporter-trace-otlp-http": {
+					"optional": true
+				},
+				"@opentelemetry/instrumentation": {
+					"optional": true
+				},
+				"@opentelemetry/sdk-trace-base": {
+					"optional": true
+				},
+				"@opentelemetry/semantic-conventions": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@sentry/opentelemetry": {
+			"version": "10.49.0",
+			"resolved": "https://registry.npmjs.org/@sentry/opentelemetry/-/opentelemetry-10.49.0.tgz",
+			"integrity": "sha512-XNLm4dXmtegXQf+EEE2Cs84Ymlo/f5wMx+lg2S2XS4qLbXaPN/HttjhwKftd8D+8iUNfmH+xNMCSshx4s1B/1w==",
+			"license": "MIT",
+			"dependencies": {
+				"@sentry/core": "10.49.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.9.0",
+				"@opentelemetry/core": "^1.30.1 || ^2.1.0",
+				"@opentelemetry/sdk-trace-base": "^1.30.1 || ^2.1.0",
+				"@opentelemetry/semantic-conventions": "^1.39.0"
+			}
+		},
+		"node_modules/@sentry/rollup-plugin": {
+			"version": "5.2.0",
+			"resolved": "https://registry.npmjs.org/@sentry/rollup-plugin/-/rollup-plugin-5.2.0.tgz",
+			"integrity": "sha512-a8LfpvcYMFtFSroro5MpCcOoS528LeLfUHzxWURnpofOnY+Aso9Si4y4dFlna+RKqxCXjmFbn6CLnfI+YrHysQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@sentry/bundler-plugin-core": "5.2.0",
+				"magic-string": "~0.30.8"
+			},
+			"engines": {
+				"node": ">= 18"
+			},
+			"peerDependencies": {
+				"rollup": ">=3.2.0"
+			},
+			"peerDependenciesMeta": {
+				"rollup": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@sentry/svelte": {
+			"version": "10.49.0",
+			"resolved": "https://registry.npmjs.org/@sentry/svelte/-/svelte-10.49.0.tgz",
+			"integrity": "sha512-onQ+dpvjn1impT72Lsp0I0i2C5796pxOY+MyH3BYd139os+8uskatzYZddBTe+r36t8+M0gWk5PQqftcvAaFwQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@sentry/browser": "10.49.0",
+				"@sentry/core": "10.49.0",
+				"magic-string": "~0.30.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"peerDependencies": {
+				"svelte": "3.x || 4.x || 5.x"
+			}
+		},
+		"node_modules/@sentry/sveltekit": {
+			"version": "10.49.0",
+			"resolved": "https://registry.npmjs.org/@sentry/sveltekit/-/sveltekit-10.49.0.tgz",
+			"integrity": "sha512-OP42irebE7D5qXmq6wfDemD9nyE6JQ7kphwthbGKuBbBTgq+3GsEAwD5EXLoT4nldKLHc6nqSqa3q9/scfBcKQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@sentry/cloudflare": "10.49.0",
+				"@sentry/core": "10.49.0",
+				"@sentry/node": "10.49.0",
+				"@sentry/svelte": "10.49.0",
+				"@sentry/vite-plugin": "^5.2.0",
+				"@sveltejs/acorn-typescript": "^1.0.9",
+				"acorn": "^8.14.0",
+				"magic-string": "~0.30.0",
+				"sorcery": "1.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"peerDependencies": {
+				"@sveltejs/kit": "2.x",
+				"vite": "*"
+			},
+			"peerDependenciesMeta": {
+				"vite": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@sentry/vite-plugin": {
+			"version": "5.2.0",
+			"resolved": "https://registry.npmjs.org/@sentry/vite-plugin/-/vite-plugin-5.2.0.tgz",
+			"integrity": "sha512-4Jo3ixBspso5HY81PDvZdRXkH9wYGVmcw/0a2IX9ejbyKBdHqkYg4IhAtNqGUAyGuHwwRS9Y1S+sCMvrXv6htw==",
+			"license": "MIT",
+			"dependencies": {
+				"@sentry/bundler-plugin-core": "5.2.0",
+				"@sentry/rollup-plugin": "5.2.0"
+			},
+			"engines": {
+				"node": ">= 18"
+			}
+		},
+		"node_modules/@sinclair/typebox": {
+			"version": "0.31.28",
+			"resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.31.28.tgz",
+			"integrity": "sha512-/s55Jujywdw/Jpan+vsy6JZs1z2ZTGxTmbZTPiuSL2wz9mfzA2gN1zzaqmvfi4pq+uOt7Du85fkiwv5ymW84aQ==",
+			"license": "MIT"
+		},
+		"node_modules/@sqlite.org/sqlite-wasm": {
+			"version": "3.48.0-build4",
+			"resolved": "https://registry.npmjs.org/@sqlite.org/sqlite-wasm/-/sqlite-wasm-3.48.0-build4.tgz",
+			"integrity": "sha512-hI6twvUkzOmyGZhQMza1gpfqErZxXRw6JEsiVjUbo7tFanVD+8Oil0Ih3l2nGzHdxPI41zFmfUQG7GHqhciKZQ==",
+			"license": "Apache-2.0",
+			"bin": {
+				"sqlite-wasm": "bin/index.js"
+			}
+		},
+		"node_modules/@standard-schema/spec": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+			"integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+			"license": "MIT"
+		},
+		"node_modules/@sveltejs/acorn-typescript": {
+			"version": "1.0.9",
+			"resolved": "https://registry.npmjs.org/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.9.tgz",
+			"integrity": "sha512-lVJX6qEgs/4DOcRTpo56tmKzVPtoWAaVbL4hfO7t7NVwl9AAXzQR6cihesW1BmNMPl+bK6dreu2sOKBP2Q9CIA==",
+			"license": "MIT",
+			"peerDependencies": {
+				"acorn": "^8.9.0"
+			}
+		},
+		"node_modules/@sveltejs/adapter-auto": {
+			"version": "7.0.1",
+			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-7.0.1.tgz",
+			"integrity": "sha512-dvuPm1E7M9NI/+canIQ6KKQDU2AkEefEZ2Dp7cY6uKoPq9Z/PhOXABe526UdW2mN986gjVkuSLkOYIBnS/M2LQ==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"@sveltejs/kit": "^2.0.0"
+			}
+		},
+		"node_modules/@sveltejs/adapter-node": {
+			"version": "5.5.4",
+			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-node/-/adapter-node-5.5.4.tgz",
+			"integrity": "sha512-45X92CXW+2J8ZUzPv3eLlKWEzINKiiGeFWTjyER4ZN4sGgNoaoeSkCY/QYNxHpPXy71QPsctwccBo9jJs0ySPQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@rollup/plugin-commonjs": "^29.0.0",
+				"@rollup/plugin-json": "^6.1.0",
+				"@rollup/plugin-node-resolve": "^16.0.0",
+				"rollup": "^4.59.0"
+			},
+			"peerDependencies": {
+				"@sveltejs/kit": "^2.4.0"
+			}
+		},
+		"node_modules/@sveltejs/kit": {
+			"version": "2.57.1",
+			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.57.1.tgz",
+			"integrity": "sha512-VRdSbB96cI1EnRh09CqmnQqP/YJvET5buj8S6k7CxaJqBJD4bw4fRKDjcarAj/eX9k2eHifQfDH8NtOh+ZxxPw==",
+			"license": "MIT",
+			"dependencies": {
+				"@standard-schema/spec": "^1.0.0",
+				"@sveltejs/acorn-typescript": "^1.0.5",
+				"@types/cookie": "^0.6.0",
+				"acorn": "^8.14.1",
+				"cookie": "^0.6.0",
+				"devalue": "^5.6.4",
+				"esm-env": "^1.2.2",
+				"kleur": "^4.1.5",
+				"magic-string": "^0.30.5",
+				"mrmime": "^2.0.0",
+				"set-cookie-parser": "^3.0.0",
+				"sirv": "^3.0.0"
+			},
+			"bin": {
+				"svelte-kit": "svelte-kit.js"
+			},
+			"engines": {
+				"node": ">=18.13"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.0.0",
+				"@sveltejs/vite-plugin-svelte": "^3.0.0 || ^4.0.0-next.1 || ^5.0.0 || ^6.0.0-next.0 || ^7.0.0",
+				"svelte": "^4.0.0 || ^5.0.0-next.0",
+				"typescript": "^5.3.3 || ^6.0.0",
+				"vite": "^5.0.3 || ^6.0.0 || ^7.0.0-beta.0 || ^8.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@opentelemetry/api": {
+					"optional": true
+				},
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@sveltejs/vite-plugin-svelte": {
+			"version": "6.2.4",
+			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-6.2.4.tgz",
+			"integrity": "sha512-ou/d51QSdTyN26D7h6dSpusAKaZkAiGM55/AKYi+9AGZw7q85hElbjK3kEyzXHhLSnRISHOYzVge6x0jRZ7DXA==",
+			"license": "MIT",
+			"dependencies": {
+				"@sveltejs/vite-plugin-svelte-inspector": "^5.0.0",
+				"deepmerge": "^4.3.1",
+				"magic-string": "^0.30.21",
+				"obug": "^2.1.0",
+				"vitefu": "^1.1.1"
+			},
+			"engines": {
+				"node": "^20.19 || ^22.12 || >=24"
+			},
+			"peerDependencies": {
+				"svelte": "^5.0.0",
+				"vite": "^6.3.0 || ^7.0.0"
+			}
+		},
+		"node_modules/@sveltejs/vite-plugin-svelte-inspector": {
+			"version": "5.0.2",
+			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-5.0.2.tgz",
+			"integrity": "sha512-TZzRTcEtZffICSAoZGkPSl6Etsj2torOVrx6Uw0KpXxrec9Gg6jFWQ60Q3+LmNGfZSxHRCZL7vXVZIWmuV50Ig==",
+			"license": "MIT",
+			"dependencies": {
+				"obug": "^2.1.0"
+			},
+			"engines": {
+				"node": "^20.19 || ^22.12 || >=24"
+			},
+			"peerDependencies": {
+				"@sveltejs/vite-plugin-svelte": "^6.0.0-next.0",
+				"svelte": "^5.0.0",
+				"vite": "^6.3.0 || ^7.0.0"
+			}
+		},
+		"node_modules/@tailwindcss/node": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.2.tgz",
+			"integrity": "sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/remapping": "^2.3.5",
+				"enhanced-resolve": "^5.19.0",
+				"jiti": "^2.6.1",
+				"lightningcss": "1.32.0",
+				"magic-string": "^0.30.21",
+				"source-map-js": "^1.2.1",
+				"tailwindcss": "4.2.2"
+			}
+		},
+		"node_modules/@tailwindcss/oxide": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.2.tgz",
+			"integrity": "sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 20"
+			},
+			"optionalDependencies": {
+				"@tailwindcss/oxide-android-arm64": "4.2.2",
+				"@tailwindcss/oxide-darwin-arm64": "4.2.2",
+				"@tailwindcss/oxide-darwin-x64": "4.2.2",
+				"@tailwindcss/oxide-freebsd-x64": "4.2.2",
+				"@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.2",
+				"@tailwindcss/oxide-linux-arm64-gnu": "4.2.2",
+				"@tailwindcss/oxide-linux-arm64-musl": "4.2.2",
+				"@tailwindcss/oxide-linux-x64-gnu": "4.2.2",
+				"@tailwindcss/oxide-linux-x64-musl": "4.2.2",
+				"@tailwindcss/oxide-wasm32-wasi": "4.2.2",
+				"@tailwindcss/oxide-win32-arm64-msvc": "4.2.2",
+				"@tailwindcss/oxide-win32-x64-msvc": "4.2.2"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-android-arm64": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.2.tgz",
+			"integrity": "sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">= 20"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-darwin-arm64": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.2.tgz",
+			"integrity": "sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">= 20"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-darwin-x64": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.2.tgz",
+			"integrity": "sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">= 20"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-freebsd-x64": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.2.tgz",
+			"integrity": "sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">= 20"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.2.tgz",
+			"integrity": "sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 20"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.2.tgz",
+			"integrity": "sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 20"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.2.tgz",
+			"integrity": "sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 20"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.2.tgz",
+			"integrity": "sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 20"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-linux-x64-musl": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.2.tgz",
+			"integrity": "sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 20"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-wasm32-wasi": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.2.tgz",
+			"integrity": "sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==",
+			"bundleDependencies": [
+				"@napi-rs/wasm-runtime",
+				"@emnapi/core",
+				"@emnapi/runtime",
+				"@tybys/wasm-util",
+				"@emnapi/wasi-threads",
+				"tslib"
+			],
+			"cpu": [
+				"wasm32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"@emnapi/core": "^1.8.1",
+				"@emnapi/runtime": "^1.8.1",
+				"@emnapi/wasi-threads": "^1.1.0",
+				"@napi-rs/wasm-runtime": "^1.1.1",
+				"@tybys/wasm-util": "^0.10.1",
+				"tslib": "^2.8.1"
+			},
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.2.tgz",
+			"integrity": "sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">= 20"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.2.tgz",
+			"integrity": "sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">= 20"
+			}
+		},
+		"node_modules/@tailwindcss/vite": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.2.2.tgz",
+			"integrity": "sha512-mEiF5HO1QqCLXoNEfXVA1Tzo+cYsrqV7w9Juj2wdUFyW07JRenqMG225MvPwr3ZD9N1bFQj46X7r33iHxLUW0w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@tailwindcss/node": "4.2.2",
+				"@tailwindcss/oxide": "4.2.2",
+				"tailwindcss": "4.2.2"
+			},
+			"peerDependencies": {
+				"vite": "^5.2.0 || ^6 || ^7 || ^8"
+			}
+		},
+		"node_modules/@types/connect": {
+			"version": "3.4.38",
+			"resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
+			"integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/node": "*"
+			}
+		},
+		"node_modules/@types/cookie": {
+			"version": "0.6.0",
+			"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
+			"integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==",
+			"license": "MIT"
+		},
+		"node_modules/@types/estree": {
+			"version": "1.0.8",
+			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+			"integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+			"license": "MIT"
+		},
+		"node_modules/@types/mysql": {
+			"version": "2.15.27",
+			"resolved": "https://registry.npmjs.org/@types/mysql/-/mysql-2.15.27.tgz",
+			"integrity": "sha512-YfWiV16IY0OeBfBCk8+hXKmdTKrKlwKN1MNKAPBu5JYxLwBEZl7QzeEpGnlZb3VMGJrrGmB84gXiH+ofs/TezA==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/node": "*"
+			}
+		},
+		"node_modules/@types/node": {
+			"version": "25.6.0",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-25.6.0.tgz",
+			"integrity": "sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ==",
+			"license": "MIT",
+			"dependencies": {
+				"undici-types": "~7.19.0"
+			}
+		},
+		"node_modules/@types/pg": {
+			"version": "8.15.6",
+			"resolved": "https://registry.npmjs.org/@types/pg/-/pg-8.15.6.tgz",
+			"integrity": "sha512-NoaMtzhxOrubeL/7UZuNTrejB4MPAJ0RpxZqXQf2qXuVlTPuG6Y8p4u9dKRaue4yjmC7ZhzVO2/Yyyn25znrPQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/node": "*",
+				"pg-protocol": "*",
+				"pg-types": "^2.2.0"
+			}
+		},
+		"node_modules/@types/pg-pool": {
+			"version": "2.0.7",
+			"resolved": "https://registry.npmjs.org/@types/pg-pool/-/pg-pool-2.0.7.tgz",
+			"integrity": "sha512-U4CwmGVQcbEuqpyju8/ptOKg6gEC+Tqsvj2xS9o1g71bUh8twxnC6ZL5rZKCsGN0iyH0CwgUyc9VR5owNQF9Ng==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/pg": "*"
+			}
+		},
+		"node_modules/@types/resolve": {
+			"version": "1.20.2",
+			"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
+			"integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@types/tedious": {
+			"version": "4.0.14",
+			"resolved": "https://registry.npmjs.org/@types/tedious/-/tedious-4.0.14.tgz",
+			"integrity": "sha512-KHPsfX/FoVbUGbyYvk1q9MMQHLPeRZhRJZdO45Q4YjvFkv4hMNghCWTvy7rdKessBsmtz4euWCWAB6/tVpI1Iw==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/node": "*"
+			}
+		},
+		"node_modules/@types/trusted-types": {
+			"version": "2.0.7",
+			"resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+			"integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+			"license": "MIT"
+		},
+		"node_modules/acorn": {
+			"version": "8.16.0",
+			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
+			"integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
+			"license": "MIT",
+			"bin": {
+				"acorn": "bin/acorn"
+			},
+			"engines": {
+				"node": ">=0.4.0"
+			}
+		},
+		"node_modules/acorn-import-attributes": {
+			"version": "1.9.5",
+			"resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz",
+			"integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==",
+			"license": "MIT",
+			"peerDependencies": {
+				"acorn": "^8"
+			}
+		},
+		"node_modules/agent-base": {
+			"version": "6.0.2",
+			"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+			"integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+			"license": "MIT",
+			"dependencies": {
+				"debug": "4"
+			},
+			"engines": {
+				"node": ">= 6.0.0"
+			}
+		},
+		"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/aria-query": {
+			"version": "5.3.1",
+			"resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.1.tgz",
+			"integrity": "sha512-Z/ZeOgVl7bcSYZ/u/rh0fOpvEpq//LZmdbkXyc7syVzjPAhfOa9ebsdTSjEBDU4vs5nC98Kfduj1uFo0qyET3g==",
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/array-timsort": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/array-timsort/-/array-timsort-1.0.3.tgz",
+			"integrity": "sha512-/+3GRL7dDAGEfM6TseQk/U+mi18TU2Ms9I3UlLdUMhz2hbvGNTKdj9xniwXfUqgYhHxRx0+8UnKkvlNwVU+cWQ==",
+			"license": "MIT"
+		},
+		"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==",
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/balanced-match": {
+			"version": "4.0.4",
+			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+			"integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+			"license": "MIT",
+			"engines": {
+				"node": "18 || 20 || >=22"
+			}
+		},
+		"node_modules/baseline-browser-mapping": {
+			"version": "2.10.19",
+			"resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.19.tgz",
+			"integrity": "sha512-qCkNLi2sfBOn8XhZQ0FXsT1Ki/Yo5P90hrkRamVFRS7/KV9hpfA4HkoWNU152+8w0zPjnxo5psx5NL3PSGgv5g==",
+			"license": "Apache-2.0",
+			"bin": {
+				"baseline-browser-mapping": "dist/cli.cjs"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/brace-expansion": {
+			"version": "5.0.5",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
+			"integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+			"license": "MIT",
+			"dependencies": {
+				"balanced-match": "^4.0.2"
+			},
+			"engines": {
+				"node": "18 || 20 || >=22"
+			}
+		},
+		"node_modules/browserslist": {
+			"version": "4.28.2",
+			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+			"integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/browserslist"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/browserslist"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"baseline-browser-mapping": "^2.10.12",
+				"caniuse-lite": "^1.0.30001782",
+				"electron-to-chromium": "^1.5.328",
+				"node-releases": "^2.0.36",
+				"update-browserslist-db": "^1.2.3"
+			},
+			"bin": {
+				"browserslist": "cli.js"
+			},
+			"engines": {
+				"node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+			}
+		},
+		"node_modules/caniuse-lite": {
+			"version": "1.0.30001788",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001788.tgz",
+			"integrity": "sha512-6q8HFp+lOQtcf7wBK+uEenxymVWkGKkjFpCvw5W25cmMwEDU45p1xQFBQv8JDlMMry7eNxyBaR+qxgmTUZkIRQ==",
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/browserslist"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "CC-BY-4.0"
+		},
+		"node_modules/chokidar": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+			"integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"readdirp": "^4.0.1"
+			},
+			"engines": {
+				"node": ">= 14.16.0"
+			},
+			"funding": {
+				"url": "https://paulmillr.com/funding/"
+			}
+		},
+		"node_modules/cjs-module-lexer": {
+			"version": "2.2.0",
+			"resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-2.2.0.tgz",
+			"integrity": "sha512-4bHTS2YuzUvtoLjdy+98ykbNB5jS0+07EvFNXerqZQJ89F7DI6ET7OQo/HJuW6K0aVsKA9hj9/RVb2kQVOrPDQ==",
+			"license": "MIT"
+		},
+		"node_modules/cliui": {
+			"version": "8.0.1",
+			"resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+			"integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+			"license": "ISC",
+			"dependencies": {
+				"string-width": "^4.2.0",
+				"strip-ansi": "^6.0.1",
+				"wrap-ansi": "^7.0.0"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/clsx": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+			"integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/cluster-key-slot": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/cluster-key-slot/-/cluster-key-slot-1.1.2.tgz",
+			"integrity": "sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==",
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=0.10.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": "11.1.0",
+			"resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
+			"integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=16"
+			}
+		},
+		"node_modules/comment-json": {
+			"version": "4.6.2",
+			"resolved": "https://registry.npmjs.org/comment-json/-/comment-json-4.6.2.tgz",
+			"integrity": "sha512-R2rze/hDX30uul4NZoIZ76ImSJLFxn/1/ZxtKC1L77y2X1k+yYu1joKbAtMA2Fg3hZrTOiw0I5mwVMo0cf250w==",
+			"license": "MIT",
+			"dependencies": {
+				"array-timsort": "^1.0.3",
+				"esprima": "^4.0.1"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
+		"node_modules/commondir": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+			"integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/consola": {
+			"version": "3.4.0",
+			"resolved": "https://registry.npmjs.org/consola/-/consola-3.4.0.tgz",
+			"integrity": "sha512-EiPU8G6dQG0GFHNR8ljnZFki/8a+cQwEQ+7wpxdChl02Q8HXlwEZWD5lqAF8vC2sEC3Tehr8hy7vErz88LHyUA==",
+			"license": "MIT",
+			"engines": {
+				"node": "^14.18.0 || >=16.10.0"
+			}
+		},
+		"node_modules/convert-source-map": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+			"integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+			"license": "MIT"
+		},
+		"node_modules/cookie": {
+			"version": "0.6.0",
+			"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+			"integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/cropperjs": {
+			"version": "1.6.2",
+			"resolved": "https://registry.npmjs.org/cropperjs/-/cropperjs-1.6.2.tgz",
+			"integrity": "sha512-nhymn9GdnV3CqiEHJVai54TULFAE3VshJTXSqSJKa8yXAKyBKDWdhHarnlIPrshJ0WMFTGuFvG02YjLXfPiuOA==",
+			"license": "MIT"
+		},
+		"node_modules/debug": {
+			"version": "4.4.3",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+			"integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+			"license": "MIT",
+			"dependencies": {
+				"ms": "^2.1.3"
+			},
+			"engines": {
+				"node": ">=6.0"
+			},
+			"peerDependenciesMeta": {
+				"supports-color": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/dedent": {
+			"version": "1.5.1",
+			"resolved": "https://registry.npmjs.org/dedent/-/dedent-1.5.1.tgz",
+			"integrity": "sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==",
+			"license": "MIT",
+			"peerDependencies": {
+				"babel-plugin-macros": "^3.1.0"
+			},
+			"peerDependenciesMeta": {
+				"babel-plugin-macros": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/deepmerge": {
+			"version": "4.3.1",
+			"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+			"integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/denque": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz",
+			"integrity": "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==",
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=0.10"
+			}
+		},
+		"node_modules/detect-libc": {
+			"version": "2.1.2",
+			"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+			"integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+			"devOptional": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/devalue": {
+			"version": "5.7.1",
+			"resolved": "https://registry.npmjs.org/devalue/-/devalue-5.7.1.tgz",
+			"integrity": "sha512-MUbZ586EgQqdRnC4yDrlod3BEdyvE4TapGYHMW2CiaW+KkkFmWEFqBUaLltEZCGi0iFXCEjRF0OjF0DV2QHjOA==",
+			"license": "MIT"
+		},
+		"node_modules/dotenv": {
+			"version": "16.6.1",
+			"resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
+			"integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
+			"license": "BSD-2-Clause",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://dotenvx.com"
+			}
+		},
+		"node_modules/electron-to-chromium": {
+			"version": "1.5.340",
+			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.340.tgz",
+			"integrity": "sha512-908qahOGocRMinT2nM3ajCEM99H4iPdv84eagPP3FfZy/1ZGeOy2CZYzjhms81ckOPCXPlW7LkY4XpxD8r1DrA==",
+			"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/enhanced-resolve": {
+			"version": "5.20.1",
+			"resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.1.tgz",
+			"integrity": "sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"graceful-fs": "^4.2.4",
+				"tapable": "^2.3.0"
+			},
+			"engines": {
+				"node": ">=10.13.0"
+			}
+		},
+		"node_modules/es-errors": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+			"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/esbuild": {
+			"version": "0.27.7",
+			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz",
+			"integrity": "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==",
+			"hasInstallScript": true,
+			"license": "MIT",
+			"bin": {
+				"esbuild": "bin/esbuild"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"optionalDependencies": {
+				"@esbuild/aix-ppc64": "0.27.7",
+				"@esbuild/android-arm": "0.27.7",
+				"@esbuild/android-arm64": "0.27.7",
+				"@esbuild/android-x64": "0.27.7",
+				"@esbuild/darwin-arm64": "0.27.7",
+				"@esbuild/darwin-x64": "0.27.7",
+				"@esbuild/freebsd-arm64": "0.27.7",
+				"@esbuild/freebsd-x64": "0.27.7",
+				"@esbuild/linux-arm": "0.27.7",
+				"@esbuild/linux-arm64": "0.27.7",
+				"@esbuild/linux-ia32": "0.27.7",
+				"@esbuild/linux-loong64": "0.27.7",
+				"@esbuild/linux-mips64el": "0.27.7",
+				"@esbuild/linux-ppc64": "0.27.7",
+				"@esbuild/linux-riscv64": "0.27.7",
+				"@esbuild/linux-s390x": "0.27.7",
+				"@esbuild/linux-x64": "0.27.7",
+				"@esbuild/netbsd-arm64": "0.27.7",
+				"@esbuild/netbsd-x64": "0.27.7",
+				"@esbuild/openbsd-arm64": "0.27.7",
+				"@esbuild/openbsd-x64": "0.27.7",
+				"@esbuild/openharmony-arm64": "0.27.7",
+				"@esbuild/sunos-x64": "0.27.7",
+				"@esbuild/win32-arm64": "0.27.7",
+				"@esbuild/win32-ia32": "0.27.7",
+				"@esbuild/win32-x64": "0.27.7"
+			}
+		},
+		"node_modules/escalade": {
+			"version": "3.2.0",
+			"resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+			"integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/esm-env": {
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.2.2.tgz",
+			"integrity": "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==",
+			"license": "MIT"
+		},
+		"node_modules/esprima": {
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+			"integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+			"license": "BSD-2-Clause",
+			"bin": {
+				"esparse": "bin/esparse.js",
+				"esvalidate": "bin/esvalidate.js"
+			},
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/esrap": {
+			"version": "2.2.5",
+			"resolved": "https://registry.npmjs.org/esrap/-/esrap-2.2.5.tgz",
+			"integrity": "sha512-/yLB1538mag+dn0wsePTe8C0rDIjUOaJpMs2McodSzmM2msWcZsBSdRtg6HOBt0A/r82BN+Md3pgwSc/uWt2Ig==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.4.15"
+			},
+			"peerDependencies": {
+				"@typescript-eslint/types": "^8.2.0"
+			},
+			"peerDependenciesMeta": {
+				"@typescript-eslint/types": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/estree-walker": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/fdir": {
+			"version": "6.5.0",
+			"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+			"integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=12.0.0"
+			},
+			"peerDependencies": {
+				"picomatch": "^3 || ^4"
+			},
+			"peerDependenciesMeta": {
+				"picomatch": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/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==",
+			"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/forwarded-parse": {
+			"version": "2.1.2",
+			"resolved": "https://registry.npmjs.org/forwarded-parse/-/forwarded-parse-2.1.2.tgz",
+			"integrity": "sha512-alTFZZQDKMporBH77856pXgzhEzaUVmLCDk+egLgIgHst3Tpndzz8MnKe+GzRJRfvVdn69HhpW7cmXzvtLvJAw==",
+			"license": "MIT"
+		},
+		"node_modules/fsevents": {
+			"version": "2.3.3",
+			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+			"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+			"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/gensync": {
+			"version": "1.0.0-beta.2",
+			"resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+			"integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/get-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/glob": {
+			"version": "13.0.6",
+			"resolved": "https://registry.npmjs.org/glob/-/glob-13.0.6.tgz",
+			"integrity": "sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==",
+			"license": "BlueOak-1.0.0",
+			"dependencies": {
+				"minimatch": "^10.2.2",
+				"minipass": "^7.1.3",
+				"path-scurry": "^2.0.2"
+			},
+			"engines": {
+				"node": "18 || 20 || >=22"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/globalyzer": {
+			"version": "0.1.0",
+			"resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz",
+			"integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==",
+			"license": "MIT"
+		},
+		"node_modules/globrex": {
+			"version": "0.1.2",
+			"resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
+			"integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==",
+			"license": "MIT"
+		},
+		"node_modules/graceful-fs": {
+			"version": "4.2.11",
+			"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+			"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/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/https-proxy-agent": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+			"integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+			"license": "MIT",
+			"dependencies": {
+				"agent-base": "6",
+				"debug": "4"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
+		"node_modules/human-id": {
+			"version": "4.1.3",
+			"resolved": "https://registry.npmjs.org/human-id/-/human-id-4.1.3.tgz",
+			"integrity": "sha512-tsYlhAYpjCKa//8rXZ9DqKEawhPoSytweBC2eNvcaDK+57RZLHGqNs3PZTQO6yekLFSuvA6AlnAfrw1uBvtb+Q==",
+			"license": "MIT",
+			"bin": {
+				"human-id": "dist/cli.js"
+			}
+		},
+		"node_modules/import-in-the-middle": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/import-in-the-middle/-/import-in-the-middle-3.0.1.tgz",
+			"integrity": "sha512-pYkiyXVL2Mf3pozdlDGV6NAObxQx13Ae8knZk1UJRJ6uRW/ZRmTGHlQYtrsSl7ubuE5F8CD1z+s1n4RHNuTtuA==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"acorn": "^8.15.0",
+				"acorn-import-attributes": "^1.9.5",
+				"cjs-module-lexer": "^2.2.0",
+				"module-details-from-path": "^1.0.4"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/ioredis": {
+			"version": "5.10.1",
+			"resolved": "https://registry.npmjs.org/ioredis/-/ioredis-5.10.1.tgz",
+			"integrity": "sha512-HuEDBTI70aYdx1v6U97SbNx9F1+svQKBDo30o0b9fw055LMepzpOOd0Ccg9Q6tbqmBSJaMuY0fB7yw9/vjBYCA==",
+			"license": "MIT",
+			"dependencies": {
+				"@ioredis/commands": "1.5.1",
+				"cluster-key-slot": "^1.1.0",
+				"debug": "^4.3.4",
+				"denque": "^2.1.0",
+				"lodash.defaults": "^4.2.0",
+				"lodash.isarguments": "^3.1.0",
+				"redis-errors": "^1.2.0",
+				"redis-parser": "^3.0.0",
+				"standard-as-callback": "^2.1.0"
+			},
+			"engines": {
+				"node": ">=12.22.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/ioredis"
+			}
+		},
+		"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-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-module": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
+			"integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/is-reference": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz",
+			"integrity": "sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/estree": "*"
+			}
+		},
+		"node_modules/isexe": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+			"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+			"license": "ISC"
+		},
+		"node_modules/jiti": {
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+			"integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+			"devOptional": true,
+			"license": "MIT",
+			"bin": {
+				"jiti": "lib/jiti-cli.mjs"
+			}
+		},
+		"node_modules/js-sha256": {
+			"version": "0.11.1",
+			"resolved": "https://registry.npmjs.org/js-sha256/-/js-sha256-0.11.1.tgz",
+			"integrity": "sha512-o6WSo/LUvY2uC4j7mO50a2ms7E/EAdbP0swigLV+nzHKTTaYnaLIWJ02VdXrsJX0vGedDESQnLsOekr94ryfjg==",
+			"license": "MIT"
+		},
+		"node_modules/js-tokens": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+			"integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+			"license": "MIT"
+		},
+		"node_modules/jsesc": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+			"integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+			"license": "MIT",
+			"bin": {
+				"jsesc": "bin/jsesc"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/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/kleur": {
+			"version": "4.1.5",
+			"resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+			"integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/kysely": {
+			"version": "0.28.16",
+			"resolved": "https://registry.npmjs.org/kysely/-/kysely-0.28.16.tgz",
+			"integrity": "sha512-3i5pmOiZvMDj00qhrIVbH0AnioVTx22DMP7Vn5At4yJO46iy+FM8Y/g61ltenLVSo3fiO8h8Q3QOFgf/gQ72ww==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=20.0.0"
+			}
+		},
+		"node_modules/lightningcss": {
+			"version": "1.32.0",
+			"resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
+			"integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
+			"devOptional": true,
+			"license": "MPL-2.0",
+			"dependencies": {
+				"detect-libc": "^2.0.3"
+			},
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			},
+			"optionalDependencies": {
+				"lightningcss-android-arm64": "1.32.0",
+				"lightningcss-darwin-arm64": "1.32.0",
+				"lightningcss-darwin-x64": "1.32.0",
+				"lightningcss-freebsd-x64": "1.32.0",
+				"lightningcss-linux-arm-gnueabihf": "1.32.0",
+				"lightningcss-linux-arm64-gnu": "1.32.0",
+				"lightningcss-linux-arm64-musl": "1.32.0",
+				"lightningcss-linux-x64-gnu": "1.32.0",
+				"lightningcss-linux-x64-musl": "1.32.0",
+				"lightningcss-win32-arm64-msvc": "1.32.0",
+				"lightningcss-win32-x64-msvc": "1.32.0"
+			}
+		},
+		"node_modules/lightningcss-android-arm64": {
+			"version": "1.32.0",
+			"resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+			"integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-darwin-arm64": {
+			"version": "1.32.0",
+			"resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+			"integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-darwin-x64": {
+			"version": "1.32.0",
+			"resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+			"integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-freebsd-x64": {
+			"version": "1.32.0",
+			"resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+			"integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-linux-arm-gnueabihf": {
+			"version": "1.32.0",
+			"resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+			"integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-linux-arm64-gnu": {
+			"version": "1.32.0",
+			"resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+			"integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-linux-arm64-musl": {
+			"version": "1.32.0",
+			"resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+			"integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-linux-x64-gnu": {
+			"version": "1.32.0",
+			"resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+			"integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-linux-x64-musl": {
+			"version": "1.32.0",
+			"resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+			"integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-win32-arm64-msvc": {
+			"version": "1.32.0",
+			"resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+			"integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-win32-x64-msvc": {
+			"version": "1.32.0",
+			"resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+			"integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/locate-character": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
+			"integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
+			"license": "MIT"
+		},
+		"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==",
+			"license": "MIT",
+			"dependencies": {
+				"p-locate": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/lodash.camelcase": {
+			"version": "4.3.0",
+			"resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+			"integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
+			"license": "MIT"
+		},
+		"node_modules/lodash.defaults": {
+			"version": "4.2.0",
+			"resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-4.2.0.tgz",
+			"integrity": "sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==",
+			"license": "MIT"
+		},
+		"node_modules/lodash.isarguments": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz",
+			"integrity": "sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==",
+			"license": "MIT"
+		},
+		"node_modules/long": {
+			"version": "5.3.2",
+			"resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz",
+			"integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==",
+			"license": "Apache-2.0"
+		},
+		"node_modules/lru-cache": {
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+			"integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+			"license": "ISC",
+			"dependencies": {
+				"yallist": "^3.0.2"
+			}
+		},
+		"node_modules/magic-string": {
+			"version": "0.30.21",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+			"integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.5.5"
+			}
+		},
+		"node_modules/marked": {
+			"version": "17.0.6",
+			"resolved": "https://registry.npmjs.org/marked/-/marked-17.0.6.tgz",
+			"integrity": "sha512-gB0gkNafnonOw0obSTEGZTT86IuhILt2Wfx0mWH/1Au83kybTayroZ/V6nS25mN7u8ASy+5fMhgB3XPNrOZdmA==",
+			"license": "MIT",
+			"bin": {
+				"marked": "bin/marked.js"
+			},
+			"engines": {
+				"node": ">= 20"
+			}
+		},
+		"node_modules/minimatch": {
+			"version": "10.2.5",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+			"integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+			"license": "BlueOak-1.0.0",
+			"dependencies": {
+				"brace-expansion": "^5.0.5"
+			},
+			"engines": {
+				"node": "18 || 20 || >=22"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/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/minipass": {
+			"version": "7.1.3",
+			"resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
+			"integrity": "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==",
+			"license": "BlueOak-1.0.0",
+			"engines": {
+				"node": ">=16 || 14 >=14.17"
+			}
+		},
+		"node_modules/module-details-from-path": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/module-details-from-path/-/module-details-from-path-1.0.4.tgz",
+			"integrity": "sha512-EGWKgxALGMgzvxYF1UyGTy0HXX/2vHLkw6+NvDKW2jypWbHpjQuj4UMcqQWXHERJhVGKikolT06G3bcKe4fi7w==",
+			"license": "MIT"
+		},
+		"node_modules/mri": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+			"integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/mrmime": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
+			"integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/ms": {
+			"version": "2.1.3",
+			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+			"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+			"license": "MIT"
+		},
+		"node_modules/nanoid": {
+			"version": "3.3.11",
+			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+			"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"bin": {
+				"nanoid": "bin/nanoid.cjs"
+			},
+			"engines": {
+				"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+			}
+		},
+		"node_modules/node-fetch": {
+			"version": "2.7.0",
+			"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+			"integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+			"license": "MIT",
+			"dependencies": {
+				"whatwg-url": "^5.0.0"
+			},
+			"engines": {
+				"node": "4.x || >=6.0.0"
+			},
+			"peerDependencies": {
+				"encoding": "^0.1.0"
+			},
+			"peerDependenciesMeta": {
+				"encoding": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/node-releases": {
+			"version": "2.0.37",
+			"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.37.tgz",
+			"integrity": "sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==",
+			"license": "MIT"
+		},
+		"node_modules/obug": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/obug/-/obug-2.1.1.tgz",
+			"integrity": "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==",
+			"funding": [
+				"https://github.com/sponsors/sxzz",
+				"https://opencollective.com/debug"
+			],
+			"license": "MIT"
+		},
+		"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==",
+			"license": "MIT",
+			"dependencies": {
+				"yocto-queue": "^0.1.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/p-locate": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+			"integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+			"license": "MIT",
+			"dependencies": {
+				"p-limit": "^3.0.2"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"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-parse": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/path-scurry": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.2.tgz",
+			"integrity": "sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg==",
+			"license": "BlueOak-1.0.0",
+			"dependencies": {
+				"lru-cache": "^11.0.0",
+				"minipass": "^7.1.2"
+			},
+			"engines": {
+				"node": "18 || 20 || >=22"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/path-scurry/node_modules/lru-cache": {
+			"version": "11.3.5",
+			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.5.tgz",
+			"integrity": "sha512-NxVFwLAnrd9i7KUBxC4DrUhmgjzOs+1Qm50D3oF1/oL+r1NpZ4gA7xvG0/zJ8evR7zIKn4vLf7qTNduWFtCrRw==",
+			"license": "BlueOak-1.0.0",
+			"engines": {
+				"node": "20 || >=22"
+			}
+		},
+		"node_modules/pg-int8": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/pg-int8/-/pg-int8-1.0.1.tgz",
+			"integrity": "sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==",
+			"license": "ISC",
+			"engines": {
+				"node": ">=4.0.0"
+			}
+		},
+		"node_modules/pg-protocol": {
+			"version": "1.13.0",
+			"resolved": "https://registry.npmjs.org/pg-protocol/-/pg-protocol-1.13.0.tgz",
+			"integrity": "sha512-zzdvXfS6v89r6v7OcFCHfHlyG/wvry1ALxZo4LqgUoy7W9xhBDMaqOuMiF3qEV45VqsN6rdlcehHrfDtlCPc8w==",
+			"license": "MIT"
+		},
+		"node_modules/pg-types": {
+			"version": "2.2.0",
+			"resolved": "https://registry.npmjs.org/pg-types/-/pg-types-2.2.0.tgz",
+			"integrity": "sha512-qTAAlrEsl8s4OiEQY69wDvcMIdQN6wdz5ojQiOy6YRMuynxenON0O5oCpJI6lshc6scgAY8qvJ2On/p+CXY0GA==",
+			"license": "MIT",
+			"dependencies": {
+				"pg-int8": "1.0.1",
+				"postgres-array": "~2.0.0",
+				"postgres-bytea": "~1.0.0",
+				"postgres-date": "~1.0.4",
+				"postgres-interval": "^1.1.0"
+			},
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/picocolors": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+			"integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+			"license": "ISC"
+		},
+		"node_modules/picomatch": {
+			"version": "4.0.4",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+			"integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/pocketbase": {
+			"version": "0.26.8",
+			"resolved": "https://registry.npmjs.org/pocketbase/-/pocketbase-0.26.8.tgz",
+			"integrity": "sha512-aQ/ewvS7ncvAE8wxoW10iAZu6ElgbeFpBhKPnCfvRovNzm2gW8u/sQNPGN6vNgVEagz44kK//C61oKjfa+7Low==",
+			"license": "MIT"
+		},
+		"node_modules/postcss": {
+			"version": "8.5.10",
+			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.10.tgz",
+			"integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==",
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/postcss/"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/postcss"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"nanoid": "^3.3.11",
+				"picocolors": "^1.1.1",
+				"source-map-js": "^1.2.1"
+			},
+			"engines": {
+				"node": "^10 || ^12 || >=14"
+			}
+		},
+		"node_modules/postgres-array": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/postgres-array/-/postgres-array-2.0.0.tgz",
+			"integrity": "sha512-VpZrUqU5A69eQyW2c5CA1jtLecCsN2U/bD6VilrFDWq5+5UIEVO7nazS3TEcHf1zuPYO/sqGvUvW62g86RXZuA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/postgres-bytea": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/postgres-bytea/-/postgres-bytea-1.0.1.tgz",
+			"integrity": "sha512-5+5HqXnsZPE65IJZSMkZtURARZelel2oXUEO8rH83VS/hxH5vv1uHquPg5wZs8yMAfdv971IU+kcPUczi7NVBQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/postgres-date": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/postgres-date/-/postgres-date-1.0.7.tgz",
+			"integrity": "sha512-suDmjLVQg78nMK2UZ454hAG+OAW+HQPZ6n++TNDUX+L0+uUlLywnoxJKDou51Zm+zTCjrCl0Nq6J9C5hP9vK/Q==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/postgres-interval": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/postgres-interval/-/postgres-interval-1.2.0.tgz",
+			"integrity": "sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ==",
+			"license": "MIT",
+			"dependencies": {
+				"xtend": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/progress": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+			"integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.4.0"
+			}
+		},
+		"node_modules/protobufjs": {
+			"version": "7.5.5",
+			"resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-7.5.5.tgz",
+			"integrity": "sha512-3wY1AxV+VBNW8Yypfd1yQY9pXnqTAN+KwQxL8iYm3/BjKYMNg4i0owhEe26PWDOMaIrzeeF98Lqd5NGz4omiIg==",
+			"hasInstallScript": true,
+			"license": "BSD-3-Clause",
+			"dependencies": {
+				"@protobufjs/aspromise": "^1.1.2",
+				"@protobufjs/base64": "^1.1.2",
+				"@protobufjs/codegen": "^2.0.4",
+				"@protobufjs/eventemitter": "^1.1.0",
+				"@protobufjs/fetch": "^1.1.0",
+				"@protobufjs/float": "^1.0.2",
+				"@protobufjs/inquire": "^1.1.0",
+				"@protobufjs/path": "^1.1.2",
+				"@protobufjs/pool": "^1.1.0",
+				"@protobufjs/utf8": "^1.1.0",
+				"@types/node": ">=13.7.0",
+				"long": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=12.0.0"
+			}
+		},
+		"node_modules/proxy-from-env": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+			"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+			"license": "MIT"
+		},
+		"node_modules/readdirp": {
+			"version": "4.1.2",
+			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+			"integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 14.18.0"
+			},
+			"funding": {
+				"type": "individual",
+				"url": "https://paulmillr.com/funding/"
+			}
+		},
+		"node_modules/redis-errors": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/redis-errors/-/redis-errors-1.2.0.tgz",
+			"integrity": "sha512-1qny3OExCf0UvUV/5wpYKf2YwPcOqXzkwKKSmKHiE6ZMQs5heeE/c8eXK+PNllPvmjgAbfnsbpkGZWy8cBpn9w==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/redis-parser": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/redis-parser/-/redis-parser-3.0.0.tgz",
+			"integrity": "sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==",
+			"license": "MIT",
+			"dependencies": {
+				"redis-errors": "^1.0.0"
+			},
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"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-in-the-middle": {
+			"version": "8.0.1",
+			"resolved": "https://registry.npmjs.org/require-in-the-middle/-/require-in-the-middle-8.0.1.tgz",
+			"integrity": "sha512-QT7FVMXfWOYFbeRBF6nu+I6tr2Tf3u0q8RIEjNob/heKY/nh7drD/k7eeMFmSQgnTtCzLDcCu/XEnpW2wk4xCQ==",
+			"license": "MIT",
+			"dependencies": {
+				"debug": "^4.3.5",
+				"module-details-from-path": "^1.0.3"
+			},
+			"engines": {
+				"node": ">=9.3.0 || >=8.10.0 <9.0.0"
+			}
+		},
+		"node_modules/resolve": {
+			"version": "1.22.12",
+			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+			"integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0",
+				"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/rollup": {
+			"version": "4.60.1",
+			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.1.tgz",
+			"integrity": "sha512-VmtB2rFU/GroZ4oL8+ZqXgSA38O6GR8KSIvWmEFv63pQ0G6KaBH9s07PO8XTXP4vI+3UJUEypOfjkGfmSBBR0w==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/estree": "1.0.8"
+			},
+			"bin": {
+				"rollup": "dist/bin/rollup"
+			},
+			"engines": {
+				"node": ">=18.0.0",
+				"npm": ">=8.0.0"
+			},
+			"optionalDependencies": {
+				"@rollup/rollup-android-arm-eabi": "4.60.1",
+				"@rollup/rollup-android-arm64": "4.60.1",
+				"@rollup/rollup-darwin-arm64": "4.60.1",
+				"@rollup/rollup-darwin-x64": "4.60.1",
+				"@rollup/rollup-freebsd-arm64": "4.60.1",
+				"@rollup/rollup-freebsd-x64": "4.60.1",
+				"@rollup/rollup-linux-arm-gnueabihf": "4.60.1",
+				"@rollup/rollup-linux-arm-musleabihf": "4.60.1",
+				"@rollup/rollup-linux-arm64-gnu": "4.60.1",
+				"@rollup/rollup-linux-arm64-musl": "4.60.1",
+				"@rollup/rollup-linux-loong64-gnu": "4.60.1",
+				"@rollup/rollup-linux-loong64-musl": "4.60.1",
+				"@rollup/rollup-linux-ppc64-gnu": "4.60.1",
+				"@rollup/rollup-linux-ppc64-musl": "4.60.1",
+				"@rollup/rollup-linux-riscv64-gnu": "4.60.1",
+				"@rollup/rollup-linux-riscv64-musl": "4.60.1",
+				"@rollup/rollup-linux-s390x-gnu": "4.60.1",
+				"@rollup/rollup-linux-x64-gnu": "4.60.1",
+				"@rollup/rollup-linux-x64-musl": "4.60.1",
+				"@rollup/rollup-openbsd-x64": "4.60.1",
+				"@rollup/rollup-openharmony-arm64": "4.60.1",
+				"@rollup/rollup-win32-arm64-msvc": "4.60.1",
+				"@rollup/rollup-win32-ia32-msvc": "4.60.1",
+				"@rollup/rollup-win32-x64-gnu": "4.60.1",
+				"@rollup/rollup-win32-x64-msvc": "4.60.1",
+				"fsevents": "~2.3.2"
+			}
+		},
+		"node_modules/sade": {
+			"version": "1.8.1",
+			"resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+			"integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"mri": "^1.1.0"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/semver": {
+			"version": "6.3.1",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+			"integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+			"license": "ISC",
+			"bin": {
+				"semver": "bin/semver.js"
+			}
+		},
+		"node_modules/set-cookie-parser": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-3.1.0.tgz",
+			"integrity": "sha512-kjnC1DXBHcxaOaOXBHBeRtltsDG2nUiUni+jP92M9gYdW12rsmx92UsfpH7o5tDRs7I1ZZPSQJQGv3UaRfCiuw==",
+			"license": "MIT"
+		},
+		"node_modules/sirv": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
+			"integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
+			"license": "MIT",
+			"dependencies": {
+				"@polka/url": "^1.0.0-next.24",
+				"mrmime": "^2.0.0",
+				"totalist": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/sorcery": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/sorcery/-/sorcery-1.0.0.tgz",
+			"integrity": "sha512-5ay9oJE+7sNmhzl3YNG18jEEEf4AOQCM/FAqR5wMmzqd1FtRorFbJXn3w3SKOhbiQaVgHM+Q1lszZspjri7bpA==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.4.14",
+				"minimist": "^1.2.0",
+				"tiny-glob": "^0.2.9"
+			},
+			"bin": {
+				"sorcery": "bin/sorcery"
+			}
+		},
+		"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/sqlite-wasm-kysely": {
+			"version": "0.3.0",
+			"resolved": "https://registry.npmjs.org/sqlite-wasm-kysely/-/sqlite-wasm-kysely-0.3.0.tgz",
+			"integrity": "sha512-TzjBNv7KwRw6E3pdKdlRyZiTmUIE0UttT/Sl56MVwVARl/u5gp978KepazCJZewFUnlWHz9i3NQd4kOtP/Afdg==",
+			"dependencies": {
+				"@sqlite.org/sqlite-wasm": "^3.48.0-build2"
+			},
+			"peerDependencies": {
+				"kysely": "*"
+			}
+		},
+		"node_modules/standard-as-callback": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/standard-as-callback/-/standard-as-callback-2.1.0.tgz",
+			"integrity": "sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==",
+			"license": "MIT"
+		},
+		"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/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/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/svelte": {
+			"version": "5.55.4",
+			"resolved": "https://registry.npmjs.org/svelte/-/svelte-5.55.4.tgz",
+			"integrity": "sha512-q8DFohk6vUswSng95IZb9nzWJnbINZsK7OiM1snAa3qCjJBL0ZQpvMyAaVXjUukdM75J/m8UE8xwqat8Ors/zQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/remapping": "^2.3.4",
+				"@jridgewell/sourcemap-codec": "^1.5.0",
+				"@sveltejs/acorn-typescript": "^1.0.5",
+				"@types/estree": "^1.0.5",
+				"@types/trusted-types": "^2.0.7",
+				"acorn": "^8.12.1",
+				"aria-query": "5.3.1",
+				"axobject-query": "^4.1.0",
+				"clsx": "^2.1.1",
+				"devalue": "^5.6.4",
+				"esm-env": "^1.2.1",
+				"esrap": "^2.2.4",
+				"is-reference": "^3.0.3",
+				"locate-character": "^3.0.0",
+				"magic-string": "^0.30.11",
+				"zimmerframe": "^1.1.2"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/svelte-check": {
+			"version": "4.4.6",
+			"resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-4.4.6.tgz",
+			"integrity": "sha512-kP1zG81EWaFe9ZyTv4ZXv44Csi6Pkdpb7S3oj6m+K2ec/IcDg/a8LsFsnVLqm2nxtkSwsd5xPj/qFkTBgXHXjg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/trace-mapping": "^0.3.25",
+				"chokidar": "^4.0.1",
+				"fdir": "^6.2.0",
+				"picocolors": "^1.0.0",
+				"sade": "^1.7.4"
+			},
+			"bin": {
+				"svelte-check": "bin/svelte-check"
+			},
+			"engines": {
+				"node": ">= 18.0.0"
+			},
+			"peerDependencies": {
+				"svelte": "^4.0.0 || ^5.0.0-next.0",
+				"typescript": ">=5.0.0"
+			}
+		},
+		"node_modules/svelte/node_modules/is-reference": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.3.tgz",
+			"integrity": "sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/estree": "^1.0.6"
+			}
+		},
+		"node_modules/tailwind-merge": {
+			"version": "3.5.0",
+			"resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.5.0.tgz",
+			"integrity": "sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/dcastil"
+			}
+		},
+		"node_modules/tailwindcss": {
+			"version": "4.2.2",
+			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.2.tgz",
+			"integrity": "sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/tapable": {
+			"version": "2.3.2",
+			"resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.2.tgz",
+			"integrity": "sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/webpack"
+			}
+		},
+		"node_modules/tiny-glob": {
+			"version": "0.2.9",
+			"resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
+			"integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==",
+			"license": "MIT",
+			"dependencies": {
+				"globalyzer": "0.1.0",
+				"globrex": "^0.1.2"
+			}
+		},
+		"node_modules/tinyglobby": {
+			"version": "0.2.16",
+			"resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+			"integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+			"license": "MIT",
+			"dependencies": {
+				"fdir": "^6.5.0",
+				"picomatch": "^4.0.4"
+			},
+			"engines": {
+				"node": ">=12.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/SuperchupuDev"
+			}
+		},
+		"node_modules/totalist": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+			"integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/tr46": {
+			"version": "0.0.3",
+			"resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+			"integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+			"license": "MIT"
+		},
+		"node_modules/typescript": {
+			"version": "5.9.3",
+			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+			"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+			"devOptional": true,
+			"license": "Apache-2.0",
+			"bin": {
+				"tsc": "bin/tsc",
+				"tsserver": "bin/tsserver"
+			},
+			"engines": {
+				"node": ">=14.17"
+			}
+		},
+		"node_modules/ua-parser-js": {
+			"version": "1.0.41",
+			"resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.41.tgz",
+			"integrity": "sha512-LbBDqdIC5s8iROCUjMbW1f5dJQTEFB1+KO9ogbvlb3nm9n4YHa5p4KTvFPWvh2Hs8gZMBuiB1/8+pdfe/tDPug==",
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/ua-parser-js"
+				},
+				{
+					"type": "paypal",
+					"url": "https://paypal.me/faisalman"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/faisalman"
+				}
+			],
+			"license": "MIT",
+			"bin": {
+				"ua-parser-js": "script/cli.js"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/undici-types": {
+			"version": "7.19.2",
+			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.19.2.tgz",
+			"integrity": "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==",
+			"license": "MIT"
+		},
+		"node_modules/unplugin": {
+			"version": "2.3.11",
+			"resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.11.tgz",
+			"integrity": "sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/remapping": "^2.3.5",
+				"acorn": "^8.15.0",
+				"picomatch": "^4.0.3",
+				"webpack-virtual-modules": "^0.6.2"
+			},
+			"engines": {
+				"node": ">=18.12.0"
+			}
+		},
+		"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==",
+			"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/urlpattern-polyfill": {
+			"version": "10.1.0",
+			"resolved": "https://registry.npmjs.org/urlpattern-polyfill/-/urlpattern-polyfill-10.1.0.tgz",
+			"integrity": "sha512-IGjKp/o0NL3Bso1PymYURCJxMPNAf/ILOpendP9f5B6e1rTJgdgiOvgfoT8VxCAdY+Wisb9uhGaJJf3yZ2V9nw==",
+			"license": "MIT"
+		},
+		"node_modules/uuid": {
+			"version": "13.0.0",
+			"resolved": "https://registry.npmjs.org/uuid/-/uuid-13.0.0.tgz",
+			"integrity": "sha512-XQegIaBTVUjSHliKqcnFqYypAd4S+WCYt5NIeRs6w/UAry7z8Y9j5ZwRRL4kzq9U3sD6v+85er9FvkEaBpji2w==",
+			"funding": [
+				"https://github.com/sponsors/broofa",
+				"https://github.com/sponsors/ctavan"
+			],
+			"license": "MIT",
+			"bin": {
+				"uuid": "dist-node/bin/uuid"
+			}
+		},
+		"node_modules/vite": {
+			"version": "7.3.2",
+			"resolved": "https://registry.npmjs.org/vite/-/vite-7.3.2.tgz",
+			"integrity": "sha512-Bby3NOsna2jsjfLVOHKes8sGwgl4TT0E6vvpYgnAYDIF/tie7MRaFthmKuHx1NSXjiTueXH3do80FMQgvEktRg==",
+			"license": "MIT",
+			"dependencies": {
+				"esbuild": "^0.27.0",
+				"fdir": "^6.5.0",
+				"picomatch": "^4.0.3",
+				"postcss": "^8.5.6",
+				"rollup": "^4.43.0",
+				"tinyglobby": "^0.2.15"
+			},
+			"bin": {
+				"vite": "bin/vite.js"
+			},
+			"engines": {
+				"node": "^20.19.0 || >=22.12.0"
+			},
+			"funding": {
+				"url": "https://github.com/vitejs/vite?sponsor=1"
+			},
+			"optionalDependencies": {
+				"fsevents": "~2.3.3"
+			},
+			"peerDependencies": {
+				"@types/node": "^20.19.0 || >=22.12.0",
+				"jiti": ">=1.21.0",
+				"less": "^4.0.0",
+				"lightningcss": "^1.21.0",
+				"sass": "^1.70.0",
+				"sass-embedded": "^1.70.0",
+				"stylus": ">=0.54.8",
+				"sugarss": "^5.0.0",
+				"terser": "^5.16.0",
+				"tsx": "^4.8.1",
+				"yaml": "^2.4.2"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				},
+				"jiti": {
+					"optional": true
+				},
+				"less": {
+					"optional": true
+				},
+				"lightningcss": {
+					"optional": true
+				},
+				"sass": {
+					"optional": true
+				},
+				"sass-embedded": {
+					"optional": true
+				},
+				"stylus": {
+					"optional": true
+				},
+				"sugarss": {
+					"optional": true
+				},
+				"terser": {
+					"optional": true
+				},
+				"tsx": {
+					"optional": true
+				},
+				"yaml": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/vitefu": {
+			"version": "1.1.3",
+			"resolved": "https://registry.npmjs.org/vitefu/-/vitefu-1.1.3.tgz",
+			"integrity": "sha512-ub4okH7Z5KLjb6hDyjqrGXqWtWvoYdU3IGm/NorpgHncKoLTCfRIbvlhBm7r0YstIaQRYlp4yEbFqDcKSzXSSg==",
+			"license": "MIT",
+			"workspaces": [
+				"tests/deps/*",
+				"tests/projects/*",
+				"tests/projects/workspace/packages/*"
+			],
+			"peerDependencies": {
+				"vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+			},
+			"peerDependenciesMeta": {
+				"vite": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/web-vitals": {
+			"version": "5.2.0",
+			"resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-5.2.0.tgz",
+			"integrity": "sha512-i2z98bEmaCqSDiHEDu+gHl/dmR4Q+TxFmG3/13KkMO+o8UxQzCqWaDRCiLgEa41nlO4VpXSI0ASa1xWmO9sBlA==",
+			"license": "Apache-2.0"
+		},
+		"node_modules/webidl-conversions": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+			"integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+			"license": "BSD-2-Clause"
+		},
+		"node_modules/webpack-virtual-modules": {
+			"version": "0.6.2",
+			"resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+			"integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+			"license": "MIT"
+		},
+		"node_modules/whatwg-url": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+			"integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+			"license": "MIT",
+			"dependencies": {
+				"tr46": "~0.0.3",
+				"webidl-conversions": "^3.0.0"
+			}
+		},
+		"node_modules/which": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+			"integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+			"license": "ISC",
+			"dependencies": {
+				"isexe": "^2.0.0"
+			},
+			"bin": {
+				"node-which": "bin/node-which"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/wrap-ansi": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+			"integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^4.0.0",
+				"string-width": "^4.1.0",
+				"strip-ansi": "^6.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+			}
+		},
+		"node_modules/xtend": {
+			"version": "4.0.2",
+			"resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+			"integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.4"
+			}
+		},
+		"node_modules/y18n": {
+			"version": "5.0.8",
+			"resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+			"integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+			"license": "ISC",
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/yallist": {
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+			"integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+			"license": "ISC"
+		},
+		"node_modules/yaml": {
+			"version": "2.8.3",
+			"resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.3.tgz",
+			"integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==",
+			"license": "ISC",
+			"bin": {
+				"yaml": "bin.mjs"
+			},
+			"engines": {
+				"node": ">= 14.6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/eemeli"
+			}
+		},
+		"node_modules/yargs": {
+			"version": "17.7.2",
+			"resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+			"integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+			"license": "MIT",
+			"dependencies": {
+				"cliui": "^8.0.1",
+				"escalade": "^3.1.1",
+				"get-caller-file": "^2.0.5",
+				"require-directory": "^2.1.1",
+				"string-width": "^4.2.3",
+				"y18n": "^5.0.5",
+				"yargs-parser": "^21.1.1"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/yargs-parser": {
+			"version": "21.1.1",
+			"resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+			"integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+			"license": "ISC",
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"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==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/zimmerframe": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.4.tgz",
+			"integrity": "sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ==",
+			"license": "MIT"
+		}
+	}
+}
diff --git a/ui/package.json b/ui/package.json
new file mode 100644
index 0000000..42e5536
--- /dev/null
+++ b/ui/package.json
@@ -0,0 +1,45 @@
+{
+	"name": "ui",
+	"private": true,
+	"version": "0.0.1",
+	"type": "module",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"paraglide": "paraglide-js compile --project ./project.inlang --outdir ./src/lib/paraglide && node -e \"const fs=require('fs'),f='./src/lib/paraglide/messages.js',c=fs.readFileSync(f,'utf8').split('\\n').filter(l=>!l.includes('export * as m')&&!l.includes('enabling auto-import')).join('\\n');fs.writeFileSync(f,c)\"",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
+	},
+	"devDependencies": {
+		"@sentry/vite-plugin": "^5.1.1",
+		"@sveltejs/adapter-auto": "^7.0.0",
+		"@sveltejs/adapter-node": "^5.5.4",
+		"@sveltejs/kit": "^2.50.2",
+		"@sveltejs/vite-plugin-svelte": "^6.2.4",
+		"@tailwindcss/vite": "^4.2.1",
+		"@types/node": "^25.3.3",
+		"clsx": "^2.1.1",
+		"svelte": "^5.51.0",
+		"svelte-check": "^4.4.2",
+		"tailwind-merge": "^3.5.0",
+		"tailwindcss": "^4.2.1",
+		"typescript": "^5.9.3",
+		"vite": "^7.3.1"
+	},
+	"dependencies": {
+		"@grafana/faro-web-sdk": "^2.3.1",
+		"@inlang/paraglide-js": "^2.15.1",
+		"@opentelemetry/exporter-logs-otlp-http": "^0.214.0",
+		"@opentelemetry/exporter-trace-otlp-http": "^0.214.0",
+		"@opentelemetry/resources": "^2.6.1",
+		"@opentelemetry/sdk-node": "^0.214.0",
+		"@opentelemetry/semantic-conventions": "^1.40.0",
+		"@sentry/sveltekit": "^10.45.0",
+		"cropperjs": "^1.6.2",
+		"ioredis": "^5.3.2",
+		"marked": "^17.0.3",
+		"pocketbase": "^0.26.8"
+	}
+}
diff --git a/ui/project.inlang/settings.json b/ui/project.inlang/settings.json
new file mode 100644
index 0000000..b64fca7
--- /dev/null
+++ b/ui/project.inlang/settings.json
@@ -0,0 +1,11 @@
+{
+	"$schema": "https://inlang.com/schema/project-settings",
+	"baseLocale": "en",
+	"locales": ["en", "ru", "id", "pt", "fr"],
+	"modules": [
+		"https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format/dist/index.js"
+	],
+	"plugin.inlang.messageFormat": {
+		"pathPattern": "./messages/{locale}.json"
+	}
+}
diff --git a/ui/src/app.css b/ui/src/app.css
new file mode 100644
index 0000000..f50b2c7
--- /dev/null
+++ b/ui/src/app.css
@@ -0,0 +1,315 @@
+@import "tailwindcss";
+
+@theme {
+	--color-brand: #f59e0b;       /* amber-400 */
+	--color-brand-dim: #d97706;   /* amber-600 */
+	--color-surface: #18181b;     /* zinc-900 */
+	--color-surface-2: #27272a;   /* zinc-800 */
+	--color-surface-3: #3f3f46;   /* zinc-700 */
+	--color-muted: #a1a1aa;       /* zinc-400 */
+	--color-text: #f4f4f5;        /* zinc-100 */
+	--color-border: #3f3f46;      /* zinc-700 */
+	--color-danger:  #f87171;      /* red-400 */
+	--color-success: #4ade80;      /* green-400 */
+}
+
+/* ── Amber theme (default) — same as @theme above, explicit for clarity ── */
+[data-theme="amber"] {
+	--color-brand:     #f59e0b;
+	--color-brand-dim: #d97706;
+	--color-surface:   #18181b;
+	--color-surface-2: #27272a;
+	--color-surface-3: #3f3f46;
+	--color-muted:     #a1a1aa;
+	--color-text:      #f4f4f5;
+	--color-border:    #3f3f46;
+	--color-danger:    #f87171;
+	--color-success:   #4ade80;
+}
+
+/* ── Slate theme — indigo/slate dark ─────────────────────────────────── */
+[data-theme="slate"] {
+	--color-brand:     #818cf8;   /* indigo-400 */
+	--color-brand-dim: #4f46e5;   /* indigo-600 */
+	--color-surface:   #0f172a;   /* slate-900 */
+	--color-surface-2: #1e293b;   /* slate-800 */
+	--color-surface-3: #334155;   /* slate-700 */
+	--color-muted:     #94a3b8;   /* slate-400 */
+	--color-text:      #f1f5f9;   /* slate-100 */
+	--color-border:    #334155;   /* slate-700 */
+	--color-danger:    #f87171;   /* red-400 */
+	--color-success:   #4ade80;   /* green-400 */
+}
+
+/* ── Rose theme — dark pink ───────────────────────────────────────────── */
+[data-theme="rose"] {
+	--color-brand:     #fb7185;   /* rose-400 */
+	--color-brand-dim: #e11d48;   /* rose-600 */
+	--color-surface:   #18181b;   /* zinc-900 */
+	--color-surface-2: #1c1318;   /* custom dark rose */
+	--color-surface-3: #2d1f26;   /* custom dark rose-2 */
+	--color-muted:     #a1a1aa;   /* zinc-400 */
+	--color-text:      #f4f4f5;   /* zinc-100 */
+	--color-border:    #3f2d36;   /* custom rose border */
+	--color-danger:    #f87171;   /* red-400 */
+	--color-success:   #4ade80;   /* green-400 */
+}
+
+/* ── Light amber theme ────────────────────────────────────────────────── */
+[data-theme="light"] {
+	--color-brand:     #d97706;   /* amber-600 */
+	--color-brand-dim: #b45309;   /* amber-700 */
+	--color-surface:   #ffffff;
+	--color-surface-2: #f4f4f5;   /* zinc-100 */
+	--color-surface-3: #e4e4e7;   /* zinc-200 */
+	--color-muted:     #71717a;   /* zinc-500 */
+	--color-text:      #18181b;   /* zinc-900 */
+	--color-border:    #d4d4d8;   /* zinc-300 */
+	--color-danger:    #dc2626;   /* red-600 */
+	--color-success:   #16a34a;   /* green-600 */
+}
+
+/* ── Light slate theme ────────────────────────────────────────────────── */
+[data-theme="light-slate"] {
+	--color-brand:     #4f46e5;   /* indigo-600 */
+	--color-brand-dim: #4338ca;   /* indigo-700 */
+	--color-surface:   #f8fafc;   /* slate-50 */
+	--color-surface-2: #f1f5f9;   /* slate-100 */
+	--color-surface-3: #e2e8f0;   /* slate-200 */
+	--color-muted:     #64748b;   /* slate-500 */
+	--color-text:      #0f172a;   /* slate-900 */
+	--color-border:    #cbd5e1;   /* slate-300 */
+	--color-danger:    #dc2626;   /* red-600 */
+	--color-success:   #16a34a;   /* green-600 */
+}
+
+/* ── Light rose theme ─────────────────────────────────────────────────── */
+[data-theme="light-rose"] {
+	--color-brand:     #e11d48;   /* rose-600 */
+	--color-brand-dim: #be123c;   /* rose-700 */
+	--color-surface:   #fff1f2;   /* rose-50 */
+	--color-surface-2: #ffe4e6;   /* rose-100 */
+	--color-surface-3: #fecdd3;   /* rose-200 */
+	--color-muted:     #9f1239;   /* rose-800 at 60% */
+	--color-text:      #0f0a0b;   /* near black */
+	--color-border:    #fda4af;   /* rose-300 */
+	--color-danger:    #dc2626;   /* red-600 */
+	--color-success:   #16a34a;   /* green-600 */
+}
+
+/* ── Forest theme — dark green ────────────────────────────────────────── */
+[data-theme="forest"] {
+	--color-brand:     #4ade80;   /* green-400 */
+	--color-brand-dim: #22c55e;   /* green-500 — brighter than green-600 for hover */
+	--color-surface:   #0a130d;   /* custom near-black green */
+	--color-surface-2: #14201a;   /* custom dark green — lifted slightly for card depth */
+	--color-surface-3: #1f3326;   /* custom mid green — more contrast from surface-2 */
+	--color-muted:     #a3c9a8;   /* lightened: readable body text, still green-tinted */
+	--color-text:      #eaf5eb;   /* near-white with green tint */
+	--color-border:    #2c4e34;   /* more visible green border */
+	--color-danger:    #f87171;   /* red-400 */
+	--color-success:   #4ade80;   /* green-400 */
+}
+
+/* ── Mono theme — pure dark with white accent ─────────────────────────── */
+[data-theme="mono"] {
+	--color-brand:     #f4f4f5;   /* zinc-100 — white accent */
+	--color-brand-dim: #a1a1aa;   /* zinc-400 */
+	--color-surface:   #09090b;   /* zinc-950 */
+	--color-surface-2: #18181b;   /* zinc-900 */
+	--color-surface-3: #27272a;   /* zinc-800 */
+	--color-muted:     #71717a;   /* zinc-500 */
+	--color-text:      #f4f4f5;   /* zinc-100 */
+	--color-border:    #27272a;   /* zinc-800 */
+	--color-danger:    #f87171;   /* red-400 */
+	--color-success:   #4ade80;   /* green-400 */
+}
+
+/* ── Cyberpunk theme — dark with neon cyan/magenta accents ────────────── */
+[data-theme="cyber"] {
+	--color-brand:     #22d3ee;   /* cyan-400 — neon cyan */
+	--color-brand-dim: #06b6d4;   /* cyan-500 */
+	--color-surface:   #050712;   /* custom near-black blue */
+	--color-surface-2: #0d1117;   /* custom dark blue-black */
+	--color-surface-3: #161b27;   /* custom dark blue */
+	--color-muted:     #6272a4;   /* dracula comment blue */
+	--color-text:      #e2e8f0;   /* slate-200 */
+	--color-border:    #1e2d45;   /* custom dark border */
+	--color-danger:    #ff5555;   /* dracula red */
+	--color-success:   #50fa7b;   /* dracula green */
+}
+
+html {
+	background-color: var(--color-surface);
+	color: var(--color-text);
+}
+
+/* ── Reading typography custom properties ──────────────────────────── */
+:root {
+	--reading-font: system-ui, -apple-system, sans-serif;
+	--reading-size: 1.05rem;
+	--reading-line-height: 1.85;
+	--reading-max-width: 72ch;
+}
+
+/* ── Chapter prose ─────────────────────────────────────────────────── */
+.prose-chapter {
+	max-width: var(--reading-max-width, 72ch);
+	line-height: var(--reading-line-height, 1.85);
+	font-family: var(--reading-font);
+	font-size: var(--reading-size);
+	color: var(--color-muted);
+}
+
+.prose-chapter h1,
+.prose-chapter h2,
+.prose-chapter h3 {
+	color: var(--color-text);
+	font-weight: 700;
+	margin-top: 1.5em;
+	margin-bottom: 0.5em;
+}
+
+.prose-chapter h1 { font-size: 1.4rem; }
+.prose-chapter h2 { font-size: 1.2rem; }
+.prose-chapter h3 { font-size: 1.05rem; }
+
+.prose-chapter p {
+	margin-bottom: 1.2em;
+}
+
+/* Indented paragraph style — book-like, no gap, indent instead */
+.prose-chapter.para-indented p {
+	text-indent: 2em;
+	margin-bottom: 0.35em;
+}
+
+.prose-chapter em {
+	color: var(--color-muted);
+}
+
+.prose-chapter strong {
+	color: var(--color-text);
+}
+
+.prose-chapter hr {
+	border-color: var(--color-border);
+	margin: 2em 0;
+}
+
+/* ── Reading progress bar ───────────────────────────────────────────── */
+.reading-progress {
+	position: fixed;
+	top: 0;
+	left: 0;
+	height: 3px;
+	z-index: 100;
+	background: var(--color-brand);
+	box-shadow: 0 0 8px color-mix(in srgb, var(--color-brand) 70%, transparent);
+	pointer-events: none;
+	transition: width 0.1s linear;
+}
+
+/* ── Paginated reader ───────────────────────────────────────────────── */
+.paginated-container {
+	overflow: hidden;
+	cursor: pointer;
+	user-select: none;
+	-webkit-user-select: none;
+}
+
+.paginated-container .prose-chapter {
+	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+	will-change: transform;
+}
+
+/* ── Hide scrollbars (used on horizontal carousels) ────────────────── */
+.scrollbar-none {
+	scrollbar-width: none;       /* Firefox */
+	-ms-overflow-style: none;    /* IE / Edge legacy */
+}
+.scrollbar-none::-webkit-scrollbar {
+	display: none;               /* Chrome / Safari / WebKit */
+}
+
+/* ── Hero carousel fade ─────────────────────────────────────────────── */
+@keyframes fade-in {
+	from { opacity: 0; }
+	to   { opacity: 1; }
+}
+.animate-fade-in {
+	animation: fade-in 0.4s ease-out forwards;
+}
+
+/* ── Navigation progress bar ───────────────────────────────────────── */
+@keyframes progress-bar {
+	0%   { width: 0%; opacity: 1; }
+	80%  { width: 90%; opacity: 1; }
+	100% { width: 100%; opacity: 0; }
+}
+.animate-progress-bar {
+	animation: progress-bar 4s cubic-bezier(0.1, 0.05, 0.1, 1) forwards;
+}
+
+/* ── Logo animation classes (used in nav + admin preview) ───────────── */
+@keyframes logo-glow-pulse {
+	0%, 100% { text-shadow: 0 0 6px color-mix(in srgb, var(--color-brand) 60%, transparent); }
+	50%       { text-shadow: 0 0 18px color-mix(in srgb, var(--color-brand) 90%, transparent), 0 0 32px color-mix(in srgb, var(--color-brand) 40%, transparent); }
+}
+.logo-anim-glow {
+	animation: logo-glow-pulse 2.4s ease-in-out infinite;
+}
+
+@keyframes logo-shimmer {
+	0%   { background-position: -200% center; }
+	100% { background-position: 200% center; }
+}
+.logo-anim-shimmer {
+	background: linear-gradient(
+		90deg,
+		var(--color-brand) 0%,
+		color-mix(in srgb, var(--color-brand) 40%, white) 40%,
+		var(--color-brand) 50%,
+		color-mix(in srgb, var(--color-brand) 40%, white) 60%,
+		var(--color-brand) 100%
+	);
+	background-size: 200% auto;
+	background-clip: text;
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+	animation: logo-shimmer 2.2s linear infinite;
+}
+
+@keyframes logo-pulse-scale {
+	0%, 100% { transform: scale(1); }
+	50%       { transform: scale(1.06); }
+}
+.logo-anim-pulse {
+	display: inline-block;
+	animation: logo-pulse-scale 1.8s ease-in-out infinite;
+}
+
+@keyframes logo-rainbow {
+	0%   { filter: hue-rotate(0deg);   }
+	100% { filter: hue-rotate(360deg); }
+}
+.logo-anim-rainbow {
+	animation: logo-rainbow 4s linear infinite;
+}
+
+/* ── Respect reduced motion — disable all decorative animations ─────── */
+@media (prefers-reduced-motion: reduce) {
+	*,
+	*::before,
+	*::after {
+		animation-duration: 0.01ms !important;
+		animation-iteration-count: 1 !important;
+		transition-duration: 0.01ms !important;
+	}
+}
+
+/* ── Footer content-visibility — skip paint for off-screen footer ───── */
+footer {
+	content-visibility: auto;
+	contain-intrinsic-size: auto 80px;
+}
diff --git a/ui/src/app.d.ts b/ui/src/app.d.ts
new file mode 100644
index 0000000..c336716
--- /dev/null
+++ b/ui/src/app.d.ts
@@ -0,0 +1,28 @@
+// See https://svelte.dev/docs/kit/types#app.d.ts
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		interface Locals {
+			sessionId: string;
+			user: { id: string; username: string; role: string; authSessionId: string } | null;
+			isPro: boolean;
+		}
+		interface PageData {
+			user?: { id: string; username: string; role: string; authSessionId: string } | null;
+			isPro?: boolean;
+		}
+		// interface PageState {}
+		// interface Platform {}
+	}
+
+	// Umami analytics — injected by the script tag in +layout.svelte when
+	// PUBLIC_UMAMI_WEBSITE_ID is set. Optional so calls are no-ops in dev.
+	interface Window {
+		umami?: {
+			track(event: string, data?: Record<string, unknown>): void;
+		};
+	}
+}
+
+export {};
diff --git a/ui/src/app.html b/ui/src/app.html
new file mode 100644
index 0000000..0b7e289
--- /dev/null
+++ b/ui/src/app.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html lang="%lang%" dir="%dir%">
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<link rel="manifest" href="/manifest.webmanifest" />
+		<link rel="icon" href="/favicon.ico" sizes="16x16 32x32" />
+		<link rel="icon" type="image/png" href="/favicon-32.png" sizes="32x32" />
+		<link rel="icon" type="image/png" href="/favicon-16.png" sizes="16x16" />
+		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+		<link rel="icon" type="image/png" href="/icon-192.png" sizes="192x192" />
+		<link rel="icon" type="image/png" href="/icon-512.png" sizes="512x512" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>
diff --git a/ui/src/error.html b/ui/src/error.html
new file mode 100644
index 0000000..0354524
--- /dev/null
+++ b/ui/src/error.html
@@ -0,0 +1,209 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>%sveltekit.status% — LibNovel</title>
+  <style>
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+    html, body {
+      height: 100%;
+      background: #09090b;
+    }
+
+    body {
+      min-height: 100svh;
+      display: flex;
+      flex-direction: column;
+      font-family: ui-sans-serif, system-ui, sans-serif;
+      color: #a1a1aa;
+    }
+
+    header {
+      padding: 1.5rem 2rem;
+      border-bottom: 1px solid #27272a;
+    }
+    .logo {
+      font-size: 1.125rem;
+      font-weight: 700;
+      color: #e4e4e7;
+      letter-spacing: -0.02em;
+      text-decoration: none;
+    }
+    .logo span { color: #f59e0b; }
+
+    main {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 3rem 2rem;
+      text-align: center;
+    }
+
+    /* Inline SVG book illustration */
+    .illustration {
+      width: 96px;
+      height: 96px;
+      margin-bottom: 2rem;
+      opacity: 0.9;
+    }
+
+    .watermark {
+      font-size: clamp(5rem, 22vw, 9rem);
+      font-weight: 800;
+      color: #18181b;
+      line-height: 1;
+      letter-spacing: -0.04em;
+      user-select: none;
+      margin-bottom: 2rem;
+    }
+
+    .status-row {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      margin-bottom: 1.25rem;
+    }
+    .dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: #f59e0b;
+      animation: pulse 2s ease-in-out infinite;
+    }
+    @keyframes pulse {
+      0%, 100% { opacity: 1; transform: scale(1); }
+      50%       { opacity: 0.4; transform: scale(0.75); }
+    }
+    .status-label {
+      font-size: 0.75rem;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      color: #f59e0b;
+    }
+
+    h1 {
+      font-size: 1.5rem;
+      font-weight: 700;
+      color: #e4e4e7;
+      letter-spacing: -0.02em;
+      margin-bottom: 0.75rem;
+    }
+
+    p {
+      font-size: 0.9375rem;
+      max-width: 38ch;
+      line-height: 1.65;
+      margin-bottom: 2rem;
+    }
+
+    .actions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.75rem;
+      justify-content: center;
+    }
+
+    .btn {
+      display: inline-block;
+      padding: 0.625rem 1.5rem;
+      border-radius: 0.5rem;
+      background: #f59e0b;
+      color: #000;
+      font-weight: 600;
+      font-size: 0.875rem;
+      text-decoration: none;
+      transition: background 0.15s;
+    }
+    .btn:hover { background: #d97706; }
+
+    .btn-secondary {
+      background: transparent;
+      color: #a1a1aa;
+      border: 1px solid #27272a;
+    }
+    .btn-secondary:hover { background: #18181b; color: #e4e4e7; }
+
+    .refresh-note {
+      margin-top: 1.25rem;
+      font-size: 0.8rem;
+      color: #52525b;
+    }
+    #countdown { color: #71717a; }
+
+    footer {
+      padding: 1.5rem 2rem;
+      border-top: 1px solid #27272a;
+      text-align: center;
+      font-size: 0.8rem;
+      color: #3f3f46;
+    }
+  </style>
+</head>
+<body>
+
+  <header>
+    <a class="logo" href="/">Lib<span>Novel</span></a>
+  </header>
+
+  <main>
+    <!-- Book with broken spine SVG -->
+    <svg class="illustration" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+      <!-- Book cover -->
+      <rect x="14" y="12" width="50" height="68" rx="4" fill="#27272a" stroke="#3f3f46" stroke-width="1.5"/>
+      <!-- Spine -->
+      <rect x="10" y="12" width="8" height="68" rx="2" fill="#18181b" stroke="#3f3f46" stroke-width="1.5"/>
+      <!-- Pages edge -->
+      <rect x="62" y="14" width="4" height="64" rx="1" fill="#1c1c1f"/>
+      <!-- Crack / broken lines -->
+      <path d="M22 38 L38 34 L34 48 L50 44" stroke="#f59e0b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+      <!-- Text lines (faded) -->
+      <rect x="22" y="24" width="28" height="3" rx="1.5" fill="#3f3f46"/>
+      <rect x="22" y="30" width="22" height="3" rx="1.5" fill="#3f3f46"/>
+      <rect x="22" y="56" width="28" height="3" rx="1.5" fill="#3f3f46"/>
+      <rect x="22" y="62" width="18" height="3" rx="1.5" fill="#3f3f46"/>
+      <rect x="22" y="68" width="24" height="3" rx="1.5" fill="#3f3f46"/>
+      <!-- Exclamation dot -->
+      <circle cx="72" cy="22" r="10" fill="#18181b" stroke="#f59e0b" stroke-width="1.5"/>
+      <rect x="71" y="16" width="2" height="8" rx="1" fill="#f59e0b"/>
+      <rect x="71" y="26" width="2" height="2" rx="1" fill="#f59e0b"/>
+    </svg>
+
+    <div class="watermark">%sveltekit.status%</div>
+
+    <div class="status-row">
+      <div class="dot"></div>
+      <span class="status-label">Something went wrong</span>
+    </div>
+
+    <h1>The page couldn't load</h1>
+    <p>An unexpected error occurred. We're looking into it — try again in a moment.</p>
+
+    <div class="actions">
+      <a class="btn" href="/">Go home</a>
+      <button class="btn btn-secondary" onclick="location.reload()">Retry</button>
+    </div>
+
+    <p class="refresh-note">Auto-refreshing in <span id="countdown">20</span>s</p>
+  </main>
+
+  <footer>
+    &copy; LibNovel
+  </footer>
+
+  <script>
+    var s = 20;
+    var el = document.getElementById('countdown');
+    var t = setInterval(function () {
+      s--;
+      el.textContent = s;
+      if (s <= 0) { clearInterval(t); location.reload(); }
+    }, 1000);
+  </script>
+
+</body>
+</html>
diff --git a/ui/src/hooks.client.ts b/ui/src/hooks.client.ts
new file mode 100644
index 0000000..4847b50
--- /dev/null
+++ b/ui/src/hooks.client.ts
@@ -0,0 +1,34 @@
+import * as Sentry from '@sentry/sveltekit';
+import { env } from '$env/dynamic/public';
+import { initializeFaro, getWebInstrumentations } from '@grafana/faro-web-sdk';
+
+// Sentry / GlitchTip client-side error tracking.
+// No-op when PUBLIC_GLITCHTIP_DSN is unset (e.g. local dev).
+if (env.PUBLIC_GLITCHTIP_DSN) {
+	Sentry.init({
+		dsn: env.PUBLIC_GLITCHTIP_DSN,
+		tracesSampleRate: 0.1,
+		// Must match the release name used when uploading source maps in CI
+		// (BUILD_VERSION injected by Dockerfile as PUBLIC_BUILD_VERSION).
+		release: env.PUBLIC_BUILD_VERSION || undefined
+	});
+}
+
+// Grafana Faro RUM — browser performance monitoring (Web Vitals, traces, errors).
+// No-op when PUBLIC_FARO_COLLECTOR_URL is unset (e.g. local dev).
+if (env.PUBLIC_FARO_COLLECTOR_URL) {
+	initializeFaro({
+		url: env.PUBLIC_FARO_COLLECTOR_URL,
+		app: {
+			name: 'libnovel-ui',
+			version: env.PUBLIC_BUILD_VERSION || 'dev',
+			environment: 'production'
+		},
+		instrumentations: [
+			// Core Web Vitals (LCP, CLS, INP, TTFB, FCP) + JS errors + console
+			...getWebInstrumentations({ captureConsole: false })
+		]
+	});
+}
+
+export const handleError = Sentry.handleErrorWithSentry();
diff --git a/ui/src/hooks.server.ts b/ui/src/hooks.server.ts
new file mode 100644
index 0000000..8885353
--- /dev/null
+++ b/ui/src/hooks.server.ts
@@ -0,0 +1,229 @@
+import type { Handle } from '@sveltejs/kit';
+import { sequence } from '@sveltejs/kit/hooks';
+import { handleErrorWithSentry } from '@sentry/sveltekit';
+import * as Sentry from '@sentry/sveltekit';
+import { randomBytes, createHmac } from 'node:crypto';
+import { env } from '$env/dynamic/private';
+import { env as pubEnv } from '$env/dynamic/public';
+import { log } from '$lib/server/logger';
+import { createUserSession, touchUserSession, isSessionRevoked, getUserById } from '$lib/server/pocketbase';
+import { drain as drainPresignCache } from '$lib/server/presignCache';
+import { NodeSDK } from '@opentelemetry/sdk-node';
+import { OTLPTraceExporter } from '@opentelemetry/exporter-trace-otlp-http';
+import { OTLPLogExporter } from '@opentelemetry/exporter-logs-otlp-http';
+import { BatchLogRecordProcessor } from '@opentelemetry/sdk-logs';
+import { resourceFromAttributes } from '@opentelemetry/resources';
+import { ATTR_SERVICE_NAME, ATTR_SERVICE_VERSION } from '@opentelemetry/semantic-conventions';
+import { paraglideMiddleware } from '$lib/paraglide/server';
+
+// ─── OpenTelemetry server-side tracing + logs ─────────────────────────────────
+// No-op when OTEL_EXPORTER_OTLP_ENDPOINT is unset (e.g. local dev).
+const otlpEndpoint = process.env.OTEL_EXPORTER_OTLP_ENDPOINT;
+if (otlpEndpoint) {
+	const sdk = new NodeSDK({
+		resource: resourceFromAttributes({
+			[ATTR_SERVICE_NAME]: process.env.OTEL_SERVICE_NAME ?? 'ui',
+			[ATTR_SERVICE_VERSION]: pubEnv.PUBLIC_BUILD_VERSION ?? 'dev'
+		}),
+		traceExporter: new OTLPTraceExporter({ url: `${otlpEndpoint}/v1/traces` }),
+		logRecordProcessors: [
+			new BatchLogRecordProcessor(
+				new OTLPLogExporter({ url: `${otlpEndpoint}/v1/logs` })
+			)
+		]
+	});
+	sdk.start();
+	process.once('SIGTERM', () => sdk.shutdown().catch(() => {}));
+	process.once('SIGINT', () => sdk.shutdown().catch(() => {}));
+}
+
+// ─── Sentry / GlitchTip server-side error tracking ────────────────────────────
+// No-op when PUBLIC_GLITCHTIP_DSN is unset (e.g. local dev).
+if (pubEnv.PUBLIC_GLITCHTIP_DSN) {
+	Sentry.init({
+		dsn: pubEnv.PUBLIC_GLITCHTIP_DSN,
+		tracesSampleRate: 0.1,
+		// Must match the release name used when uploading source maps in CI
+		// (BUILD_VERSION injected by Dockerfile as PUBLIC_BUILD_VERSION).
+		release: pubEnv.PUBLIC_BUILD_VERSION || undefined
+	});
+}
+
+export const handleError = handleErrorWithSentry();
+
+// ─── Graceful shutdown ────────────────────────────────────────────────────────
+//
+// When Docker/Kubernetes sends SIGTERM (or the user sends SIGINT), we:
+//  1. Set shuttingDown = true so new requests immediately receive 503.
+//  2. Flush/drain in-process caches (presign URL cache).
+//  3. Allow Node.js to exit naturally once in-flight requests finish.
+//
+// adapter-node does not provide a built-in hook for this, so we wire it here
+// in hooks.server.ts which runs in the server Node.js process.
+
+let shuttingDown = false;
+
+function shutdown(signal: string) {
+	if (shuttingDown) return;
+	shuttingDown = true;
+	log.info('shutdown', `received ${signal}, draining in-flight requests`);
+	drainPresignCache();
+	// Don't call process.exit() — let Node exit naturally once the event loop
+	// is empty (adapter-node closes the HTTP server on its own).
+}
+
+process.once('SIGTERM', () => shutdown('SIGTERM'));
+process.once('SIGINT', () => shutdown('SIGINT'));
+
+const SESSION_COOKIE = 'libnovel_session';
+const AUTH_COOKIE = 'libnovel_auth';
+const ONE_YEAR = 60 * 60 * 24 * 365;
+
+const AUTH_SECRET = env.AUTH_SECRET ?? 'dev_secret_change_in_production';
+
+// ─── Token helpers ────────────────────────────────────────────────────────────
+
+/**
+ * Sign a payload string with HMAC-SHA256 using AUTH_SECRET.
+ * Returns "<payload>.<signature>".
+ */
+export function signToken(payload: string): string {
+	const sig = createHmac('sha256', AUTH_SECRET).update(payload).digest('hex');
+	return `${payload}.${sig}`;
+}
+
+/**
+ * Verify a signed token. Returns the payload string on success, null on failure.
+ */
+export function verifyToken(token: string): string | null {
+	const lastDot = token.lastIndexOf('.');
+	if (lastDot < 0) return null;
+	const payload = token.slice(0, lastDot);
+	const expected = createHmac('sha256', AUTH_SECRET).update(payload).digest('hex');
+	const actual = token.slice(lastDot + 1);
+	// constant-time comparison
+	if (expected.length !== actual.length) return null;
+	let diff = 0;
+	for (let i = 0; i < expected.length; i++) {
+		diff |= expected.charCodeAt(i) ^ actual.charCodeAt(i);
+	}
+	return diff === 0 ? payload : null;
+}
+
+/**
+ * Create a signed auth token for a user.
+ * Payload format: "<userId>:<username>:<role>:<authSessionId>"
+ * authSessionId uniquely identifies this login session (for revocation).
+ */
+export function createAuthToken(userId: string, username: string, role: string, authSessionId: string): string {
+	return signToken(`${userId}:${username}:${role}:${authSessionId}`);
+}
+
+/**
+ * Parse a verified auth token into user data. Returns null if invalid.
+ * Supports both old format (3 segments) and new format (4 segments).
+ */
+export function parseAuthToken(token: string): { id: string; username: string; role: string; authSessionId: string } | null {
+	const payload = verifyToken(token);
+	if (!payload) return null;
+	const parts = payload.split(':');
+	// New format: userId:username:role:authSessionId (4 parts)
+	// Old format: userId:username:role (3 parts — legacy tokens before session tracking)
+	if (parts.length < 3) return null;
+	const id = parts[0];
+	const username = parts[1];
+	const role = parts[2];
+	const authSessionId = parts[3] ?? ''; // empty string for legacy tokens
+	if (!id || !username) return null;
+	return { id, username, role, authSessionId };
+}
+
+// ─── Hook ─────────────────────────────────────────────────────────────────────
+
+function getTextDirection(locale: string): string {
+	// All supported locales (en, ru, id, pt, fr) are LTR
+	return 'ltr';
+}
+
+const paraglideHandle: Handle = ({ event, resolve }) =>
+	paraglideMiddleware(event.request, ({ request: localizedRequest, locale }) => {
+		event.request = localizedRequest;
+		return resolve(event, {
+			transformPageChunk: ({ html }) =>
+				html.replace('%lang%', locale).replace('%dir%', getTextDirection(locale))
+		});
+	});
+
+const appHandle: Handle = async ({ event, resolve }) => {
+	// During graceful shutdown, reject new requests immediately so the load
+	// balancer / Docker health-check can drain existing connections.
+	if (shuttingDown) {
+		return new Response('Service shutting down', { status: 503 });
+	}
+
+	// Anonymous session cookie (for reading progress)
+	let sessionId = event.cookies.get(SESSION_COOKIE) ?? '';
+	if (!sessionId) {
+		sessionId = randomBytes(16).toString('hex');
+		event.cookies.set(SESSION_COOKIE, sessionId, {
+			path: '/',
+			httpOnly: true,
+			sameSite: 'lax',
+			maxAge: ONE_YEAR
+		});
+	}
+	event.locals.sessionId = sessionId;
+
+	// Auth cookie → resolve logged-in user
+	const authToken = event.cookies.get(AUTH_COOKIE);
+	if (authToken) {
+		const user = parseAuthToken(authToken);
+		if (!user) {
+			log.warn('auth', 'auth cookie present but failed to parse (malformed or tampered)');
+			event.locals.user = null;
+		} else {
+			// Validate session against DB (only for new-format tokens with authSessionId)
+			let sessionValid = true;
+			if (user.authSessionId) {
+				try {
+					const revoked = await isSessionRevoked(user.authSessionId);
+					if (revoked) {
+						log.info('auth', 'auth cookie references revoked session', {
+							userId: user.id,
+							authSessionId: user.authSessionId
+						});
+						sessionValid = false;
+						// Clear the invalid cookie
+						event.cookies.delete(AUTH_COOKIE, { path: '/' });
+					} else {
+						// Best-effort: update last_seen in the background
+						touchUserSession(user.authSessionId).catch(() => {});
+					}
+				} catch (err) {
+					// DB error — fail open to avoid locking everyone out
+					log.warn('auth', 'session check failed (fail open)', { err: String(err) });
+				}
+			}
+			event.locals.user = sessionValid ? user : null;
+		}
+	} else {
+		event.locals.user = null;
+	}
+
+	// ── isPro: read fresh from DB so role changes take effect without re-login ──
+	if (event.locals.user) {
+		try {
+			const dbUser = await getUserById(event.locals.user.id);
+			event.locals.isPro = dbUser?.role === 'pro' || dbUser?.role === 'admin';
+		} catch {
+			event.locals.isPro = false;
+		}
+	} else {
+		event.locals.isPro = false;
+	}
+
+	return resolve(event);
+};
+
+export const handle = sequence(paraglideHandle, appHandle);
+
diff --git a/ui/src/hooks.ts b/ui/src/hooks.ts
new file mode 100644
index 0000000..7e63924
--- /dev/null
+++ b/ui/src/hooks.ts
@@ -0,0 +1,4 @@
+import type { Reroute } from '@sveltejs/kit';
+import { deLocalizeUrl } from '$lib/paraglide/runtime';
+
+export const reroute: Reroute = ({ url }) => deLocalizeUrl(url).pathname;
diff --git a/ui/src/lib/assets/favicon.svg b/ui/src/lib/assets/favicon.svg
new file mode 100644
index 0000000..cc5dc66
--- /dev/null
+++ b/ui/src/lib/assets/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.157 22.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282 29.608A29.92 29.92 0 0 0 8.764 49.65a31.5 31.5 0 0 0 3.108 20.231 30 30 0 0 0-4.477 11.183 31.9 31.9 0 0 0 5.448 24.116c10.402 14.887 30.942 19.297 45.791 9.835l26.083-16.624A29.92 29.92 0 0 0 98.235 78.35a31.53 31.53 0 0 0-3.105-20.232 30 30 0 0 0 4.474-11.182 31.88 31.88 0 0 0-5.447-24.116" style="fill:#ff3e00"/><path d="M45.817 106.582a20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.503 18 18 0 0 1 .624-2.435l.49-1.498 1.337.981a33.6 33.6 0 0 0 10.203 5.098l.97.294-.09.968a5.85 5.85 0 0 0 1.052 3.878 6.24 6.24 0 0 0 6.695 2.485 5.8 5.8 0 0 0 1.603-.704L69.27 76.28a5.43 5.43 0 0 0 2.45-3.631 5.8 5.8 0 0 0-.987-4.371 6.24 6.24 0 0 0-6.698-2.487 5.7 5.7 0 0 0-1.6.704l-9.953 6.345a19 19 0 0 1-5.296 2.326 20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.502 17.99 17.99 0 0 1 8.13-12.052l26.081-16.623a19 19 0 0 1 5.3-2.329 20.72 20.72 0 0 1 22.237 8.243 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-.624 2.435l-.49 1.498-1.337-.98a33.6 33.6 0 0 0-10.203-5.1l-.97-.294.09-.968a5.86 5.86 0 0 0-1.052-3.878 6.24 6.24 0 0 0-6.696-2.485 5.8 5.8 0 0 0-1.602.704L37.73 51.72a5.42 5.42 0 0 0-2.449 3.63 5.79 5.79 0 0 0 .986 4.372 6.24 6.24 0 0 0 6.698 2.486 5.8 5.8 0 0 0 1.602-.704l9.952-6.342a19 19 0 0 1 5.295-2.328 20.72 20.72 0 0 1 22.237 8.242 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-8.13 12.053l-26.081 16.622a19 19 0 0 1-5.3 2.328" style="fill:#fff"/></svg>
\ No newline at end of file
diff --git a/ui/src/lib/audio.svelte.ts b/ui/src/lib/audio.svelte.ts
new file mode 100644
index 0000000..7568bd1
--- /dev/null
+++ b/ui/src/lib/audio.svelte.ts
@@ -0,0 +1,215 @@
+/**
+ * Global audio player state for libnovel.
+ *
+ * A single shared instance (module singleton) keeps audio playing across
+ * SvelteKit navigations.  The layout mounts the <audio> element once and
+ * never unmounts it; the per-chapter AudioPlayer component is just a
+ * controller that reads/writes this state.
+ *
+ * Uses Svelte 5 runes ($state / $derived) — import only from .svelte files
+ * or other .svelte.ts files.
+ *
+ * ── State machine ────────────────────────────────────────────────────────────
+ *
+ * Current chapter (status):
+ *   idle  →  loading  →  ready  (fast path: audio exists in MinIO)
+ *   idle  →  loading  →  generating  →  ready  (slow path: Kokoro TTS)
+ *   any  →  error
+ *
+ * Next chapter pre-fetch (nextStatus):
+ *   'none'        – no next chapter, or auto-next is off
+ *   'prefetching' – POST /api/audio running for the next chapter
+ *   'prefetched'  – next chapter audio is ready in MinIO
+ *   'failed'      – pre-generation failed (will retry on navigate)
+ *
+ * Auto-next transition:
+ *   onended fires  →  navigate to next chapter URL
+ *     ↳ new chapter page mounts
+ *       • if nextStatus === 'prefetched'  → presign + play immediately
+ *       • else                            → normal startPlayback() flow
+ *
+ * Pre-fetch is triggered when currentTime / duration >= 0.9 (90% mark).
+ * It only runs once per chapter (guarded by nextStatus !== 'none').
+ */
+
+import type { Voice } from '$lib/types';
+
+export type AudioStatus = 'idle' | 'loading' | 'generating' | 'ready' | 'error';
+export type NextStatus = 'none' | 'prefetching' | 'prefetched' | 'failed';
+/**
+ * 'stream'   – Use /api/audio-stream: audio starts playing within seconds,
+ *              stream is saved to MinIO concurrently. No runner task needed.
+ * 'generate' – Legacy mode: queue a runner task, poll until done, then play
+ *              from the presigned MinIO URL. Needed for CF AI voices which
+ *              do not support native streaming.
+ */
+export type AudioMode = 'stream' | 'generate';
+
+class AudioStore {
+	// ── What is loaded ──────────────────────────────────────────────────────
+	slug = $state('');
+	chapter = $state(0);
+	chapterTitle = $state('');
+	bookTitle = $state('');
+	voice = $state('af_bella');
+	speed = $state(1.0);
+
+	/**
+	 * Playback mode:
+	 * 'stream'   – pipe from /api/audio-stream (low latency, saves concurrently)
+	 * 'generate' – queue runner task, poll, then play presigned URL (CF AI / legacy)
+	 */
+	audioMode = $state<AudioMode>('stream');
+
+	/** Cover image URL for the currently loaded book. */
+	cover = $state('');
+
+	/** Full chapter list for the currently loaded book (number + title). */
+	chapters = $state<{ number: number; title: string }[]>([]);
+
+	/** Available voices (populated by the chapter AudioPlayer on mount). */
+	voices = $state<Voice[]>([]);
+
+	// ── Loading/generation state ────────────────────────────────────────────
+	status = $state<AudioStatus>('idle');
+	audioUrl = $state('');
+	errorMsg = $state('');
+	/** Pseudo-progress bar value 0–100 during generation */
+	progress = $state(0);
+
+	/**
+	 * True while playing a short CF AI preview clip (~1-2 min) and the full
+	 * audio is still being generated in the background.  Set to false once the
+	 * full audio URL has been swapped in.
+	 */
+	isPreview = $state(false);
+
+	// ── Playback state (kept in sync with the <audio> element) ─────────────
+	currentTime = $state(0);
+	duration = $state(0);
+	isPlaying = $state(false);
+
+	/**
+	 * Increment to signal the layout to toggle play/pause.
+	 * The layout watches this with $effect and calls audioEl.play()/pause().
+	 */
+	toggleRequest = $state(0);
+
+	/**
+	 * Set to a number to seek the audio element to that time (seconds).
+	 * The layout watches this with $effect and sets audioEl.currentTime.
+	 * Reset to null after handling.
+	 */
+	seekRequest = $state<number | null>(null);
+
+	// ── Sleep timer ──────────────────────────────────────────────────────────
+	/** Epoch ms when sleep timer should fire. 0 = off. */
+	sleepUntil = $state(0);
+
+	/** When true, pause after the current chapter ends instead of navigating. */
+	sleepAfterChapter = $state(false);
+
+	// ── Auto-next ────────────────────────────────────────────────────────────
+	/**
+	 * When true, navigates to the next chapter when the current one ends
+	 * and auto-starts its audio.
+	 */
+	autoNext = $state(false);
+
+	/**
+	 * When true, announces the upcoming chapter number and title via the
+	 * Web Speech API before auto-next navigation fires.
+	 * e.g. "Chapter 12 — The Final Battle"
+	 */
+	announceChapter = $state(false);
+
+	/**
+	 * The next chapter number for the currently playing chapter, or null if
+	 * there is no next chapter.  Written by the chapter page's AudioPlayer.
+	 * Stored here (not cleared on unmount) so onended can still read it after
+	 * the component unmounts due to {#key} re-render on navigation.
+	 */
+	nextChapter = $state<number | null>(null);
+
+	/**
+	 * Set to the chapter number that should auto-start by the layout's onended
+	 * handler (when autoNext fires a navigation).  The AudioPlayer on the new
+	 * page checks this on mount: if it matches the component's own chapter prop
+	 * it starts playback and clears the value.
+	 *
+	 * Using the target chapter number (instead of a plain boolean) prevents the
+	 * still-mounted outgoing AudioPlayer from reacting to the flag before the
+	 * navigation completes — it only matches the incoming chapter's component.
+	 */
+	autoStartChapter = $state<number | null>(null);
+
+	// ── Next-chapter pre-fetch state ─────────────────────────────────────────
+	/**
+	 * State of the background pre-generation for the next chapter.
+	 * 'none'        – nothing started (default / no next chapter)
+	 * 'prefetching' – currently running POST /api/audio for next chapter
+	 * 'prefetched'  – next chapter audio confirmed ready in MinIO
+	 * 'failed'      – pre-generation failed (fallback: generate on navigate)
+	 */
+	nextStatus = $state<NextStatus>('none');
+
+	/**
+	 * The presigned URL obtained during pre-fetch.  When the user navigates
+	 * to the next chapter, AudioPlayer picks this up and skips straight to play.
+	 */
+	nextAudioUrl = $state('');
+
+	/** Progress value (0–100) shown while pre-generating the next chapter. */
+	nextProgress = $state(0);
+
+	/** Which chapter number the pre-fetch state above belongs to. */
+	nextChapterPrefetched = $state<number | null>(null);
+
+	/** Whether the mini-bar at the bottom is visible */
+	get active(): boolean {
+		return this.status === 'ready' || this.status === 'generating' || this.status === 'loading';
+	}
+
+	/**
+	 * When true the persistent mini-bar in +layout.svelte is hidden.
+	 * Set by the chapter reader page when playerStyle is 'float' or 'minimal'
+	 * so the in-page player is the sole control surface.
+	 * Cleared when leaving the chapter page (page destroy / onDestroy effect).
+	 */
+	suppressMiniBar = $state(false);
+
+	/**
+	 * Position of the draggable float overlay (bottom-right anchor offsets).
+	 * Stored here (module singleton) so the position survives chapter navigation.
+	 * x > 0 = moved left; y > 0 = moved up.
+	 */
+	floatPos = $state({ x: 0, y: 0 });
+
+	/** True when the currently loaded track matches slug+chapter */
+	isCurrentChapter(slug: string, chapter: number): boolean {
+		return this.slug === slug && this.chapter === chapter;
+	}
+
+	// ── Announce-chapter navigation state ────────────────────────────────────
+	/**
+	 * When true, the <audio> element is playing a short announcement clip
+	 * (not chapter audio).  The next `onended` should navigate to
+	 * announcePendingSlug / announcePendingChapter instead of the normal
+	 * auto-next flow.
+	 */
+	announceNavigatePending = $state(false);
+	/** Target book slug for the pending announce-then-navigate transition. */
+	announcePendingSlug    = $state('');
+	/** Target chapter number for the pending announce-then-navigate transition. */
+	announcePendingChapter = $state(0);
+
+	/** Reset all next-chapter pre-fetch state. */
+	resetNextPrefetch() {
+		this.nextStatus = 'none';
+		this.nextAudioUrl = '';
+		this.nextProgress = 0;
+		this.nextChapterPrefetched = null;
+	}
+}
+
+export const audioStore = new AudioStore();
diff --git a/ui/src/lib/components/AudioPlayer.svelte b/ui/src/lib/components/AudioPlayer.svelte
new file mode 100644
index 0000000..bb26827
--- /dev/null
+++ b/ui/src/lib/components/AudioPlayer.svelte
@@ -0,0 +1,1603 @@
+<script lang="ts">
+	/**
+	 * AudioPlayer — controller component.
+	 *
+	 * Does NOT own an <audio> element.  Instead it reads/writes `audioStore`,
+	 * which is shared with the layout's persistent <audio> element so audio
+	 * survives SvelteKit navigations.
+	 *
+	 * ── Play flow ────────────────────────────────────────────────────────────
+	 * On "Play narration" click / auto-start:
+	 *   1. Populate store metadata (slug, chapter, titles, voice, speed).
+	 *   2. If the pre-fetch already landed (nextStatus='prefetched' AND
+	 *      nextChapterPrefetched === chapter), use the cached URL immediately.
+	 *   3. Otherwise try GET /api/presign/audio — if 200, set audioUrl → layout plays.
+	 *   4. If 404, POST /api/audio/:slug/:n to generate. Drive pseudo progress bar.
+	 *      On success (200 or 202→done), presign and set audioUrl directly from MinIO.
+	 *
+	 * ── Voice selection ──────────────────────────────────────────────────────
+	 * A "Change voice" panel lets users pick from the available Kokoro voices.
+	 * Each voice shows a play button that streams a pre-generated sample from
+	 * MinIO (GET /api/presign/voice-sample?voice=...). Samples are generated
+	 * server-side via POST /api/audio/voice-samples.
+	 *
+	 * Changing voice updates audioStore.voice (saved to settings via layout).
+	 * The currently loaded chapter audio is NOT re-generated automatically —
+	 * the new voice takes effect on next "Play narration" click.
+	 *
+	 * ── Pre-fetch (immediate + 90% fallback) ────────────────────────────────
+	 * When autoNext is on, prefetchNext() is called as soon as the current
+	 * chapter starts playing (via maybeStartPrefetch() at the end of
+	 * startPlayback()).  This gives the maximum lead time for Kokoro to
+	 * generate the next chapter so the transition is seamless.
+	 *
+	 * A $effect also watches currentTime/duration and fires prefetchNext() at
+	 * the 90% mark as a fallback — covering the case where autoNext was toggled
+	 * on mid-playback after startPlayback() had already returned.
+	 * The nextStatus !== 'none' guard prevents double-runs in all cases.
+	 *
+	 * prefetchNext():
+	 *   • Calls POST /api/audio for next chapter (sets nextStatus='prefetching')
+	 *   • On success, presigns and stores URL in audioStore.nextAudioUrl
+	 *     (sets nextStatus='prefetched')
+	 *   • On failure, sets nextStatus='failed'
+	 *
+	 * ── Auto-next ────────────────────────────────────────────────────────────
+	 * layout.svelte onended → sets autoStartPending=true → navigates.
+	 * New chapter's AudioPlayer mounts → sees autoStartPending → startPlayback()
+	 * which uses the prefetched URL if available.
+	 */
+
+	import { audioStore } from '$lib/audio.svelte';
+	import { goto } from '$app/navigation';
+	import { untrack } from 'svelte';
+	import { Button } from '$lib/components/ui/button';
+	import { cn } from '$lib/utils';
+	import type { Voice } from '$lib/types';
+	import * as m from '$lib/paraglide/messages.js';
+	import ChapterPickerOverlay from '$lib/components/ChapterPickerOverlay.svelte';
+
+	interface Props {
+		slug: string;
+		chapter: number;
+		chapterTitle?: string;
+		bookTitle?: string;
+		/** Cover image URL for the book (used in MediaSession for lock-screen art). */
+		cover?: string;
+		/** Next chapter number, or null/undefined if this is the last chapter. */
+		nextChapter?: number | null;
+		/** Full chapter list for the book (number + title). Written into the store. */
+		chapters?: { number: number; title: string }[];
+		/** List of available voices from the backend. */
+		voices?: Voice[];
+		/** Called when the server returns 402 (free daily limit reached). */
+		onProRequired?: () => void;
+	/** Visual style of the player card.
+	 * 'standard' = full inline card with voice/chapter controls;
+	 * 'minimal'  = compact single-row bar (play + seek + time only);
+	 * 'float'    = draggable overlay anchored bottom-right. */
+	playerStyle?: 'standard' | 'minimal' | 'float';
+		/** Approximate word count for the chapter, used to show estimated listen time in the idle state. */
+		wordCount?: number;
+	}
+
+	let {
+		slug,
+		chapter,
+		chapterTitle = '',
+		bookTitle = '',
+		cover = '',
+		nextChapter = null,
+		chapters = [],
+		voices = [],
+		onProRequired = undefined,
+		playerStyle = 'standard',
+		wordCount = 0
+	}: Props = $props();
+
+	/** Estimated listen time in minutes at ~150 wpm average narration speed. */
+	const estimatedMinutes = $derived(wordCount > 0 ? Math.max(1, Math.round(wordCount / 150)) : 0);
+
+	// ── Derived: voices grouped by engine ──────────────────────────────────
+	const kokoroVoices = $derived(voices.filter((v) => v.engine === 'kokoro'));
+	const pocketVoices = $derived(voices.filter((v) => v.engine === 'pocket-tts'));
+	const cfaiVoices = $derived(voices.filter((v) => v.engine === 'cfai'));
+
+	// ── Voice selector state ────────────────────────────────────────────────
+	let showVoicePanel = $state(false);
+	/** Voice whose sample is currently being fetched or playing. */
+	let samplePlayingVoice = $state<string | null>(null);
+	/** Currently active sample <audio> element — one at a time. */
+	let sampleAudio = $state<HTMLAudioElement | null>(null);
+
+	// ── Chapter picker state ─────────────────────────────────────────────────
+	let showChapterPanel = $state(false);
+
+	function playChapter(chapterNumber: number) {
+		audioStore.autoStartChapter = chapterNumber;
+		showChapterPanel = false;
+		goto(`/books/${slug}/chapters/${chapterNumber}`);
+	}
+
+	/**
+	 * Human-readable label for a voice.
+	 * Kokoro: "af_bella" → "Bella (US F)"
+	 * Pocket-TTS: "alba" → "Alba (EN F)"
+	 * CF AI: "cfai:luna" → "Luna (EN F)"
+	 * Falls back gracefully if called with a bare string (e.g. from the store default).
+	 */
+	function voiceLabel(v: Voice | string): string {
+		// Handle plain string IDs stored in audioStore.voice
+		if (typeof v === 'string') {
+			// Try to match against the voices list
+			const found = voices.find((x) => x.id === v);
+			if (found) return voiceLabel(found);
+			// Bare kokoro ID fallback (legacy / default "af_bella")
+			return kokoroLabelFromId(v);
+		}
+
+		if (v.engine === 'cfai') {
+			// "cfai:luna" → "Luna (EN F)"
+			const speaker = v.id.startsWith('cfai:') ? v.id.slice(5) : v.id;
+			const name = speaker.replace(/\b\w/g, (c) => c.toUpperCase());
+			const genderLabel = v.gender.toUpperCase();
+			return `${name} (EN ${genderLabel})`;
+		}
+
+		if (v.engine === 'pocket-tts') {
+			const langLabel = v.lang.toUpperCase().replace('-', '');
+			const genderLabel = v.gender.toUpperCase();
+			const name = v.id.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase());
+			return `${name} (${langLabel} ${genderLabel})`;
+		}
+
+		// Kokoro
+		return kokoroLabelFromId(v.id);
+	}
+
+	function kokoroLabelFromId(id: string): string {
+		const langMap: Record<string, string> = {
+			af: 'US', am: 'US',
+			bf: 'UK', bm: 'UK',
+			ef: 'ES', em: 'ES',
+			ff: 'FR',
+			hf: 'IN', hm: 'IN',
+			'if': 'IT', im: 'IT',
+			jf: 'JP', jm: 'JP',
+			pf: 'PT', pm: 'PT',
+			zf: 'ZH', zm: 'ZH',
+		};
+		const genderMap: Record<string, string> = {
+			af: 'F', am: 'M',
+			bf: 'F', bm: 'M',
+			ef: 'F', em: 'M',
+			ff: 'F',
+			hf: 'F', hm: 'M',
+			'if': 'F', im: 'M',
+			jf: 'F', jm: 'M',
+			pf: 'F', pm: 'M',
+			zf: 'F', zm: 'M',
+		};
+		const prefix = id.slice(0, 2);
+		const name = id.slice(3);
+		const displayName = name
+			.replace(/^v0/, '')
+			.replace(/^([a-z])/, (c: string) => c.toUpperCase());
+		const lang = langMap[prefix] ?? prefix.toUpperCase();
+		const gender = genderMap[prefix] ?? '?';
+		return `${displayName} (${lang} ${gender})`;
+	}
+
+	/** Stop any currently playing sample. */
+	function stopSample() {
+		if (sampleAudio) {
+			sampleAudio.pause();
+			sampleAudio.src = '';
+			sampleAudio = null;
+		}
+		samplePlayingVoice = null;
+	}
+
+	/** Play a voice sample from MinIO. */
+	async function playSample(voice: string) {
+		// If this voice is already playing, stop it.
+		if (samplePlayingVoice === voice) {
+			stopSample();
+			return;
+		}
+		stopSample();
+
+		samplePlayingVoice = voice;
+		try {
+			const res = await fetch(`/api/presign/voice-sample?voice=${encodeURIComponent(voice)}`);
+			if (res.status === 404) {
+				// Sample not generated yet — silently ignore
+				samplePlayingVoice = null;
+				return;
+			}
+			if (!res.ok) throw new Error(`presign failed: ${res.status}`);
+			const data = (await res.json()) as { url: string };
+
+			const audio = new Audio(data.url);
+			sampleAudio = audio;
+			audio.onended = () => {
+				if (samplePlayingVoice === voice) stopSample();
+			};
+			audio.onerror = () => {
+				if (samplePlayingVoice === voice) stopSample();
+			};
+			await audio.play();
+		} catch {
+			samplePlayingVoice = null;
+		}
+	}
+
+	/** Select a voice and close the panel. */
+	function selectVoice(voice: string) {
+		stopSample();
+		audioStore.voice = voice;
+		showVoicePanel = false;
+	}
+
+	// Keep nextChapter in the store so the layout's onended can navigate.
+	// We write null on mount (before deriving the real value) so there is no
+	// stale window where the previous chapter's nextChapter is still set while
+	// this chapter's AudioPlayer hasn't written its own value yet.
+	$effect(() => {
+		audioStore.nextChapter = nextChapter ?? null;
+	});
+
+	// Keep chapters list in store up to date so the layout's onended announce
+	// can find titles even if startPlayback() hasn't been called yet on this mount.
+	$effect(() => {
+		if (chapters.length > 0) audioStore.chapters = chapters;
+	});
+
+	// Keep voices in store up to date whenever prop changes.
+	$effect(() => {
+		if (voices.length > 0) audioStore.voices = voices;
+	});
+
+	// Auto-start: if the layout navigated here via auto-next, kick off playback.
+	// We match against the chapter prop so the outgoing chapter's AudioPlayer
+	// (still mounted during the brief navigation window) never reacts to this.
+	$effect(() => {
+		if (audioStore.autoStartChapter === chapter) {
+			audioStore.autoStartChapter = null;
+			startPlayback();
+		}
+	});
+
+	// Reset next-chapter prefetch state when this chapter changes (new page).
+	// Only reset if the prefetch belongs to neither the current chapter
+	// (about to be consumed by startPlayback) nor the next chapter (still valid).
+	// Any other value means stale data from a previous page.
+	$effect(() => {
+		const prefetchedFor = audioStore.nextChapterPrefetched;
+		if (
+			prefetchedFor !== null &&
+			prefetchedFor !== chapter &&
+			prefetchedFor !== (nextChapter ?? null)
+		) {
+			audioStore.resetNextPrefetch();
+		}
+	});
+
+	// Close panels on Escape.
+	function handleKeyDown(e: KeyboardEvent) {
+		if (e.key === 'Escape') {
+			if (showChapterPanel) { showChapterPanel = false; }
+			else { stopSample(); showVoicePanel = false; }
+		}
+	}
+
+	// ── 90% pre-fetch trigger ─────────────────────────────────────────────────
+	// Watch playback progress; when >= 90% of current chapter, pre-generate
+	// the next chapter's audio so it's ready when we navigate.
+	$effect(() => {
+		const ct = audioStore.currentTime;
+		const dur = audioStore.duration;
+		const isCurrentlyPlaying = audioStore.isCurrentChapter(slug, chapter);
+
+		if (
+			!isCurrentlyPlaying ||
+			!audioStore.autoNext ||
+			nextChapter === null ||
+			nextChapter === undefined ||
+			dur <= 0 ||
+			ct / dur < 0.9 ||
+			audioStore.nextStatus !== 'none'
+		) {
+			return;
+		}
+
+		// Trigger exactly once (nextStatus transitions away from 'none')
+		prefetchNext();
+	});
+
+	// ── Pseudo progress helpers ────────────────────────────────────────────────
+	let progressRafId = 0;
+
+	function startProgress() {
+		audioStore.progress = 0;
+		let last = performance.now();
+
+		function tick(now: number) {
+			const dt = (now - last) / 1000;
+			last = now;
+			let rate: number;
+			if (audioStore.progress < 30) rate = 4;
+			else if (audioStore.progress < 60) rate = 12;
+			else if (audioStore.progress < 80) rate = 4;
+			else rate = 0.3;
+
+			audioStore.progress = Math.min(audioStore.progress + rate * dt, 99);
+			if (audioStore.progress < 99) {
+				progressRafId = requestAnimationFrame(tick);
+			}
+		}
+		progressRafId = requestAnimationFrame(tick);
+	}
+
+	function stopProgress() {
+		if (progressRafId) {
+			cancelAnimationFrame(progressRafId);
+			progressRafId = 0;
+		}
+	}
+
+	async function finishProgress() {
+		stopProgress();
+		const step = () => {
+			audioStore.progress = Math.min(audioStore.progress + 8, 100);
+			if (audioStore.progress < 100) {
+				progressRafId = requestAnimationFrame(step);
+			}
+		};
+		progressRafId = requestAnimationFrame(step);
+		await new Promise((r) => setTimeout(r, 200));
+		stopProgress();
+	}
+
+	// ── Next-chapter pseudo-progress helpers ──────────────────────────────────
+	let nextProgressRafId = 0;
+
+	function startNextProgress() {
+		audioStore.nextProgress = 0;
+		let last = performance.now();
+
+		function tick(now: number) {
+			const dt = (now - last) / 1000;
+			last = now;
+			let rate: number;
+			if (audioStore.nextProgress < 30) rate = 4;
+			else if (audioStore.nextProgress < 60) rate = 12;
+			else if (audioStore.nextProgress < 80) rate = 4;
+			else rate = 0.3;
+
+			audioStore.nextProgress = Math.min(audioStore.nextProgress + rate * dt, 99);
+			if (audioStore.nextProgress < 99) {
+				nextProgressRafId = requestAnimationFrame(tick);
+			}
+		}
+		nextProgressRafId = requestAnimationFrame(tick);
+	}
+
+	function stopNextProgress() {
+		if (nextProgressRafId) {
+			cancelAnimationFrame(nextProgressRafId);
+			nextProgressRafId = 0;
+		}
+	}
+
+	// ── API helpers ────────────────────────────────────────────────────────────
+
+	type PresignResult =
+		| { ready: true; url: string }
+		| { ready: false; enqueued: boolean }; // enqueued=true → presign already POSTed
+
+	async function tryPresign(
+		targetSlug: string,
+		targetChapter: number,
+		targetVoice: string
+	): Promise<PresignResult> {
+		const params = new URLSearchParams({
+			slug: targetSlug,
+			n: String(targetChapter),
+			voice: targetVoice
+		});
+		const res = await fetch(`/api/presign/audio?${params}`);
+		// 202: presign endpoint already triggered TTS — skip the POST, go straight to polling.
+		// 404: legacy fallback (should no longer occur after endpoint change).
+		if (res.status === 202) return { ready: false, enqueued: true };
+		if (res.status === 404) return { ready: false, enqueued: false };
+		if (!res.ok) throw new Error(`presign HTTP ${res.status}`);
+		const data = (await res.json()) as { url: string };
+		return { ready: true, url: data.url };
+	}
+
+	type AudioStatusResponse =
+		| { status: 'done' }
+		| { status: 'pending' | 'generating'; job_id: string }
+		| { status: 'idle' }
+		| { status: 'failed'; error?: string };
+
+	/**
+	 * Poll GET /api/audio/status/[slug]/[n]?voice=... every `intervalMs` ms
+	 * until status is "done" or "failed" (or the caller cancels via signal).
+	 *
+	 * Returns the final status response, or throws on network error / cancellation.
+	 */
+	async function pollAudioStatus(
+		targetSlug: string,
+		targetChapter: number,
+		targetVoice: string,
+		intervalMs = 2000,
+		signal?: AbortSignal
+	): Promise<AudioStatusResponse> {
+		const qs = new URLSearchParams();
+		if (targetVoice) qs.set('voice', targetVoice);
+		const url = `/api/audio/status/${targetSlug}/${targetChapter}?${qs.toString()}`;
+
+		while (true) {
+			if (signal?.aborted) throw new DOMException('Aborted', 'AbortError');
+
+			const res = await fetch(url, { signal });
+			if (!res.ok) throw new Error(`Status poll HTTP ${res.status}`);
+			const data = (await res.json()) as AudioStatusResponse;
+
+			if (data.status === 'done' || data.status === 'failed') {
+				return data;
+			}
+
+			// Still pending/generating — wait then retry.
+			await new Promise<void>((resolve, reject) => {
+				const timer = setTimeout(resolve, intervalMs);
+				signal?.addEventListener('abort', () => {
+					clearTimeout(timer);
+					reject(new DOMException('Aborted', 'AbortError'));
+				});
+			});
+		}
+	}
+
+	// ── Pre-fetch next chapter ─────────────────────────────────────────────────
+
+	async function prefetchNext() {
+		if (nextChapter === null || nextChapter === undefined) return;
+		if (audioStore.nextStatus !== 'none') return; // already running or done
+
+		const voice = audioStore.voice;
+
+		audioStore.nextStatus = 'prefetching';
+		audioStore.nextChapterPrefetched = nextChapter;
+		startNextProgress();
+
+		try {
+			// Fast path: already generated
+			const presignResult = await tryPresign(slug, nextChapter, voice);
+			if (presignResult.ready) {
+				stopNextProgress();
+				audioStore.nextProgress = 100;
+				audioStore.nextAudioUrl = presignResult.url;
+				audioStore.nextStatus = 'prefetched';
+				return;
+			}
+
+			// Slow path: trigger generation (or skip POST if presign already enqueued).
+			if (!presignResult.enqueued) {
+				const res = await fetch(`/api/audio/${slug}/${nextChapter}`, {
+					method: 'POST',
+					headers: { 'Content-Type': 'application/json' },
+					body: JSON.stringify({ voice })
+				});
+				if (!res.ok) throw new Error(`Prefetch generation failed: HTTP ${res.status}`);
+
+				if (res.status === 200) {
+					// Body is { status: 'done' } — audio confirmed in MinIO. Presign it.
+					await res.body?.cancel();
+					stopNextProgress();
+					audioStore.nextProgress = 100;
+					const doneUrl = await tryPresign(slug, nextChapter, voice);
+					if (!doneUrl.ready) throw new Error('Prefetch: audio done but presign returned 404');
+					audioStore.nextAudioUrl = doneUrl.url;
+					audioStore.nextStatus = 'prefetched';
+					return;
+				}
+				// 202: generation enqueued — fall through to poll.
+			}
+
+			// Poll until done (covers both: presign-enqueued and POST-enqueued paths).
+			const final = await pollAudioStatus(slug, nextChapter, voice);
+			stopNextProgress();
+			audioStore.nextProgress = 100;
+
+			if (final.status === 'failed') {
+				throw new Error(`Prefetch failed: ${(final as { error?: string }).error ?? 'unknown'}`);
+			}
+
+			// Audio is ready in MinIO — get a direct presigned URL.
+			const doneUrl = await tryPresign(slug, nextChapter, voice);
+			if (!doneUrl.ready) throw new Error('Prefetch: audio done but presign returned 404');
+
+			audioStore.nextAudioUrl = doneUrl.url;
+			audioStore.nextStatus = 'prefetched';
+		} catch {
+			stopNextProgress();
+			audioStore.nextStatus = 'failed';
+		}
+	}
+
+	// ── Media Session ──────────────────────────────────────────────────────────
+	// Sets the OS-level media metadata so the book cover, title, and chapter
+	// appear on the phone lock screen / notification center.
+
+	function setMediaSession() {
+		if (typeof navigator === 'undefined' || !('mediaSession' in navigator)) return;
+
+		const artwork: MediaImage[] = cover
+			? [
+					{ src: cover, sizes: '512x512', type: 'image/jpeg' },
+					{ src: cover, sizes: '256x256', type: 'image/jpeg' }
+			  ]
+			: [];
+
+		navigator.mediaSession.metadata = new MediaMetadata({
+			title: chapterTitle || `Chapter ${chapter}`,
+			artist: bookTitle,
+			album: bookTitle,
+			artwork
+		});
+	}
+
+	// ── Core play flow ─────────────────────────────────────────────────────────
+
+	async function startPlayback() {
+		const voice = audioStore.voice;
+
+		// Populate store metadata so layout + mini-bar have track info.
+		audioStore.slug = slug;
+		audioStore.chapter = chapter;
+		audioStore.chapterTitle = chapterTitle;
+		audioStore.bookTitle = bookTitle;
+		audioStore.cover = cover;
+		audioStore.chapters = chapters;
+		if (voices.length > 0) audioStore.voices = voices;
+
+		// Update OS media session (lock screen / notification center).
+		setMediaSession();
+
+		audioStore.status = 'loading';
+		audioStore.errorMsg = '';
+
+		try {
+			// Fast path A: pre-fetch already confirmed audio is in MinIO for THIS chapter.
+			// Re-presign instead of using the cached URL — it may have expired if the
+			// user paused for a while between the prefetch and actually reaching this chapter.
+			if (
+				audioStore.nextStatus === 'prefetched' &&
+				audioStore.nextChapterPrefetched === chapter
+			) {
+				// Consume the pre-fetch state first so it doesn't carry over on error.
+				audioStore.resetNextPrefetch();
+				// Fresh presign — audio is confirmed in MinIO so this is a fast, cheap call.
+				const presigned = await tryPresign(slug, chapter, voice);
+				if (presigned.ready) {
+					audioStore.audioUrl = presigned.url;
+					audioStore.status = 'ready';
+					// Don't restore saved time for auto-next; position is 0.
+					// Immediately start pre-generating the chapter after this one.
+					maybeStartPrefetch();
+					return;
+				}
+				// Presign returned not-ready (race: MinIO object vanished?).
+				// Fall through to the normal slow path below.
+			}
+
+			// Fast path B: audio already in MinIO (presign check).
+			const presignResult = await tryPresign(slug, chapter, voice);
+			if (presignResult.ready) {
+				audioStore.audioUrl = presignResult.url;
+				audioStore.status = 'ready';
+				// Restore last saved position after the audio element loads
+				restoreSavedAudioTime();
+				// Immediately start pre-generating the next chapter in background.
+				maybeStartPrefetch();
+				return;
+			}
+
+		// Slow path: audio not yet in MinIO.
+		//
+		// For Kokoro / PocketTTS in 'stream' mode: use the streaming endpoint so
+		// audio starts playing within seconds. The stream handler checks MinIO
+		// first (fast redirect if already cached) and otherwise generates +
+		// uploads concurrently.
+		//
+		// In 'generate' mode (user preference): queue a runner task and poll,
+		// same as CF AI — audio plays only after the full file is ready in MinIO.
+		if (!voice.startsWith('cfai:') && audioStore.audioMode === 'stream') {
+			// PocketTTS outputs raw WAV — skip the ffmpeg transcode entirely.
+			// WAV (PCM) is natively supported on all platforms including iOS Safari.
+			// Kokoro and CF AI output MP3 natively, so keep mp3 for those.
+			const isPocketTTS = voices.some((v) => v.id === voice && v.engine === 'pocket-tts');
+			const format = isPocketTTS ? 'wav' : 'mp3';
+			const qs = new URLSearchParams({ voice, format });
+			const streamUrl = `/api/audio-stream/${slug}/${chapter}?${qs}`;
+			// HEAD probe: check paywall without triggering generation.
+			const headRes = await fetch(streamUrl, { method: 'HEAD' }).catch(() => null);
+			if (headRes?.status === 402) {
+				audioStore.status = 'idle';
+				onProRequired?.();
+				return;
+			}
+			audioStore.audioUrl = streamUrl;
+			audioStore.status = 'ready';
+			maybeStartPrefetch();
+			return;
+		}
+
+		// Non-CF AI voices in 'generate' mode: queue runner task, show progress,
+		// wait for full audio in MinIO before playing (same as CF AI but no preview).
+		if (!voice.startsWith('cfai:')) {
+			audioStore.status = 'generating';
+			audioStore.isPreview = false;
+			startProgress();
+
+			if (!presignResult.enqueued) {
+				const res = await fetch(`/api/audio/${slug}/${chapter}`, {
+					method: 'POST',
+					headers: { 'Content-Type': 'application/json' },
+					body: JSON.stringify({ voice })
+				});
+
+				if (res.status === 402) {
+					audioStore.status = 'idle';
+					stopProgress();
+					onProRequired?.();
+					return;
+				}
+
+				if (!res.ok) throw new Error(`Generation failed: HTTP ${res.status}`);
+
+				if (res.status === 200) {
+					await res.body?.cancel();
+					await finishProgress();
+					const doneUrl = await tryPresign(slug, chapter, voice);
+					if (!doneUrl.ready) throw new Error('Audio generated but presign returned 404');
+					audioStore.audioUrl = doneUrl.url;
+					audioStore.status = 'ready';
+					restoreSavedAudioTime();
+					maybeStartPrefetch();
+					return;
+				}
+				// 202 — runner task enqueued, fall through to poll.
+			}
+
+			const final = await pollAudioStatus(slug, chapter, voice);
+			if (final.status === 'failed') {
+				throw new Error(
+					`Generation failed: ${(final as { error?: string }).error ?? 'unknown error'}`
+				);
+			}
+
+			await finishProgress();
+			const doneUrl = await tryPresign(slug, chapter, voice);
+			if (!doneUrl.ready) throw new Error('Audio generated but presign returned 404');
+			audioStore.audioUrl = doneUrl.url;
+			audioStore.status = 'ready';
+			restoreSavedAudioTime();
+			maybeStartPrefetch();
+			return;
+		}
+
+		// CF AI voices: use preview/swap strategy.
+		// 1. Fetch a short ~1-2 min preview clip from the first text chunk
+		//    so playback starts immediately — no more waiting behind a spinner.
+		// 2. Meanwhile keep polling the full audio job; when it finishes,
+		//    swap the <audio> src to the full URL preserving currentTime.
+			audioStore.status = 'generating';
+			audioStore.isPreview = false;
+			startProgress();
+
+			// Kick off the full audio generation task in the background
+			// (presignResult.enqueued=true means the presign endpoint already did it).
+			if (!presignResult.enqueued) {
+				const res = await fetch(`/api/audio/${slug}/${chapter}`, {
+					method: 'POST',
+					headers: { 'Content-Type': 'application/json' },
+					body: JSON.stringify({ voice })
+				});
+
+				if (res.status === 402) {
+					audioStore.status = 'idle';
+					stopProgress();
+					onProRequired?.();
+					return;
+				}
+
+				if (!res.ok) throw new Error(`Generation failed: HTTP ${res.status}`);
+
+				if (res.status === 200) {
+					// Already cached — fast path: presign and play directly.
+					await res.body?.cancel();
+					await finishProgress();
+					const doneUrl = await tryPresign(slug, chapter, voice);
+					if (!doneUrl.ready) throw new Error('Audio generated but presign returned 404');
+					audioStore.isPreview = false;
+					audioStore.audioUrl = doneUrl.url;
+					audioStore.status = 'ready';
+					maybeStartPrefetch();
+					return;
+				}
+				// 202 accepted — fall through: start preview while runner generates
+			}
+
+			// Fetch the preview clip (first ~1-2 min chunk).
+			// Use an AbortController so we can cancel the background polling if the
+			// user navigates away or stops playback before the full audio is ready.
+			const previewAbort = new AbortController();
+			const qs = new URLSearchParams({ voice });
+			const previewUrl = `/api/audio-preview/${slug}/${chapter}?${qs}`;
+
+			try {
+				const previewRes = await fetch(previewUrl, { signal: previewAbort.signal });
+				if (previewRes.status === 402) {
+					audioStore.status = 'idle';
+					stopProgress();
+					onProRequired?.();
+					return;
+				}
+				if (!previewRes.ok) throw new Error(`Preview failed: HTTP ${previewRes.status}`);
+
+				// The backend responded with the MP3 bytes (or a redirect to MinIO).
+				// Build a blob URL so we can swap it out later without reloading the page.
+				const previewBlob = await previewRes.blob();
+				const previewBlobUrl = URL.createObjectURL(previewBlob);
+
+				audioStore.isPreview = true;
+				audioStore.audioUrl = previewBlobUrl;
+				audioStore.status = 'ready';
+				// Don't restore saved time here — preview is always from 0.
+				// Kick off prefetch of next chapter in the background.
+				maybeStartPrefetch();
+			} catch (previewErr: unknown) {
+				if (previewErr instanceof DOMException && previewErr.name === 'AbortError') return;
+				// Preview failed — fall through to the spinner (old behaviour).
+				// We'll wait for the full audio to finish instead.
+				audioStore.isPreview = false;
+			}
+
+			// Background: poll for full audio; when done, swap src preserving position.
+			try {
+				const final = await pollAudioStatus(slug, chapter, voice, 2000, previewAbort.signal);
+				if (final.status === 'failed') {
+					throw new Error(
+						`Generation failed: ${(final as { error?: string }).error ?? 'unknown error'}`
+					);
+				}
+
+				await finishProgress();
+
+				const doneUrl = await tryPresign(slug, chapter, voice);
+				if (!doneUrl.ready) throw new Error('Audio generated but presign returned 404');
+
+				// Swap: save currentTime → update URL → seek to saved position.
+				const savedTime = audioStore.currentTime;
+				const blobUrlToRevoke = audioStore.audioUrl; // capture before overwrite
+				audioStore.isPreview = false;
+				audioStore.audioUrl = doneUrl.url;
+				// If we never started a preview (preview fetch failed), switch to ready now.
+				if (audioStore.status !== 'ready') audioStore.status = 'ready';
+				// The layout $effect will load the new src and auto-play from 0.
+				// We seek back to savedTime after a short delay to let the element
+				// attach the new source before accepting a seek.
+				if (savedTime > 0) {
+					setTimeout(() => {
+						audioStore.seekRequest = savedTime;
+					}, 300);
+				}
+				// Revoke the preview blob URL to free memory.
+				// (We need to wait until the new src is playing; 2 s is safe.)
+				setTimeout(() => {
+					if (blobUrlToRevoke.startsWith('blob:')) {
+						URL.revokeObjectURL(blobUrlToRevoke);
+					}
+				}, 2000);
+				maybeStartPrefetch();
+			} catch (pollErr: unknown) {
+				if (pollErr instanceof DOMException && pollErr.name === 'AbortError') return;
+				throw pollErr;
+			}
+		} catch (e) {
+			stopProgress();
+			audioStore.progress = 0;
+			audioStore.status = 'error';
+			audioStore.errorMsg = String(e);
+		}
+	}
+
+	/**
+	 * Start pre-fetching the next chapter if autoNext is on, there is a next
+	 * chapter, and no prefetch is already running or completed.
+	 * Called as soon as current-chapter playback begins so that the next
+	 * chapter's audio is ready before we need it (seamless transition).
+	 * The 90%-mark $effect acts as a fallback for cases where autoNext is
+	 * toggled on mid-playback.
+	 */
+	function maybeStartPrefetch() {
+		if (
+			audioStore.autoNext &&
+			nextChapter !== null &&
+			nextChapter !== undefined &&
+			audioStore.nextStatus === 'none'
+		) {
+			prefetchNext();
+		}
+	}
+
+	/**
+	 * Fetch the saved audio time for this chapter and seek to it after a short
+	 * delay (to allow the audio element to load the source).
+	 */
+	async function restoreSavedAudioTime() {
+		try {
+			const params = new URLSearchParams({ slug, chapter: String(chapter) });
+			const res = await fetch(`/api/progress/audio-time?${params}`);
+			if (!res.ok) return;
+			const data = (await res.json()) as { audioTime: number | null };
+			if (data.audioTime && data.audioTime > 5) {
+				// Small delay to let the <audio> element fully load the src before seeking
+				setTimeout(() => {
+					audioStore.seekRequest = data.audioTime as number;
+				}, 300);
+			}
+		} catch {
+			// Non-critical — silently ignore
+		}
+	}
+
+	async function handlePlay() {
+		const isCurrent = audioStore.isCurrentChapter(slug, chapter);
+
+		// Already loaded this chapter: toggle play/pause.
+		if (isCurrent && audioStore.status === 'ready') {
+			audioStore.toggleRequest = (audioStore.toggleRequest ?? 0) + 1;
+			return;
+		}
+
+		// Not yet loaded — start the full flow.
+		await startPlayback();
+
+		// Track audio play after successful load.
+		if (audioStore.status === 'ready') {
+			window.umami?.track('audio_played', { slug, chapter });
+		}
+	}
+
+	function formatDuration(s: number): string {
+		if (!isFinite(s) || s <= 0) return '--:--';
+		return formatTime(s);
+	}
+
+	function formatTime(s: number): string {
+		if (!isFinite(s) || s < 0) return '0:00';
+		const m = Math.floor(s / 60);
+		const sec = Math.floor(s % 60);
+		return `${m}:${sec.toString().padStart(2, '0')}`;
+	}
+
+	// ── Sleep timer ────────────────────────────────────────────────────────────
+	const SLEEP_OPTIONS = [15, 30, 45, 60]; // minutes
+
+	let _tick = $state(0);
+	$effect(() => {
+		if (!audioStore.sleepUntil) return;
+		const id = setInterval(() => { _tick++; }, 1000);
+		return () => clearInterval(id);
+	});
+
+	let sleepRemainingSec = $derived.by(() => {
+		_tick; // subscribe to tick updates
+		if (!audioStore.sleepUntil) return 0;
+		return Math.max(0, Math.floor((audioStore.sleepUntil - Date.now()) / 1000));
+	});
+
+	function cycleSleepTimer() {
+		// Currently: no timer active at all
+		if (!audioStore.sleepUntil && !audioStore.sleepAfterChapter) {
+			audioStore.sleepAfterChapter = true;
+			return;
+		}
+		// Currently: end-of-chapter mode — move to 15m
+		if (audioStore.sleepAfterChapter) {
+			audioStore.sleepAfterChapter = false;
+			audioStore.sleepUntil = Date.now() + SLEEP_OPTIONS[0] * 60 * 1000;
+			return;
+		}
+		// Currently: timed mode — cycle to next or turn off
+		const remaining = audioStore.sleepUntil - Date.now();
+		const currentMin = Math.round(remaining / 60000);
+		const idx = SLEEP_OPTIONS.findIndex((m) => m >= currentMin);
+		if (idx === -1 || idx === SLEEP_OPTIONS.length - 1) {
+			audioStore.sleepUntil = 0;
+		} else {
+			audioStore.sleepUntil = Date.now() + SLEEP_OPTIONS[idx + 1] * 60 * 1000;
+		}
+	}
+
+	function formatSleepRemaining(secs: number): string {
+		if (secs <= 0) return '';
+		const m = Math.floor(secs / 60);
+		const s = secs % 60;
+		if (m > 0) return `${m}m`;
+		return `${s}s`;
+	}
+
+	// ── Compact player helpers ─────────────────────────────────────────────────
+	const playPct = $derived(
+		audioStore.duration > 0 ? (audioStore.currentTime / audioStore.duration) * 100 : 0
+	);
+
+	function seekFromBar(e: MouseEvent) {
+		if (audioStore.duration <= 0) return;
+		const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();
+		const pct = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
+		audioStore.seekRequest = pct * audioStore.duration;
+	}
+
+	// ── Float player drag state ──────────────────────────────────────────────
+	// floatPos lives on audioStore (singleton) so position survives chapter navigation.
+	// Coordinate system: x/y are offsets from bottom-right corner (positive = toward center).
+	// right  = calc(1rem + {-x}px)  →  x=0 means right:1rem, x=-50 means right:3.125rem
+	// bottom = calc(1rem + {-y}px)  →  y=0 means bottom:1rem
+	//
+	// To keep the circle in the viewport we clamp so that the element never goes
+	// outside any edge.  Circle size = 56px (w-14), margin = 16px (1rem).
+
+	const FLOAT_SIZE = 56;   // px — must match w-14
+	const FLOAT_MARGIN = 16; // px — 1rem
+
+	function clampFloatPos(x: number, y: number): { x: number; y: number } {
+		const vw = typeof window !== 'undefined' ? window.innerWidth  : 400;
+		const vh = typeof window !== 'undefined' ? window.innerHeight : 800;
+		// right edge: element right = 1rem - x  ≥  0  →  x ≤ FLOAT_MARGIN
+		const maxX = FLOAT_MARGIN;
+		// left edge:  element right + size ≤ vw  →  right = 1rem - x  →  1rem - x + size ≤ vw
+		//             x ≥ FLOAT_MARGIN + FLOAT_SIZE - vw
+		const minX = FLOAT_MARGIN + FLOAT_SIZE - vw;
+		// top edge:   element bottom + size ≤ vh  →  bottom = 1rem - y  →  1rem - y + size ≤ vh
+		//             y ≥ FLOAT_MARGIN + FLOAT_SIZE - vh
+		const minY = FLOAT_MARGIN + FLOAT_SIZE - vh;
+		// bottom edge: element bottom = 1rem - y ≥ 0  →  y ≤ FLOAT_MARGIN
+		const maxY = FLOAT_MARGIN;
+		return {
+			x: Math.max(minX, Math.min(maxX, x)),
+			y: Math.max(minY, Math.min(maxY, y)),
+		};
+	}
+
+	let floatDragging = $state(false);
+	let floatDragStart = $state({ mx: 0, my: 0, ox: 0, oy: 0 });
+	// Track total pointer movement to distinguish tap vs drag
+	let floatMoved = $state(false);
+
+	function onFloatPointerDown(e: PointerEvent) {
+		e.stopPropagation();
+		floatDragging = true;
+		floatMoved = false;
+		floatDragStart = { mx: e.clientX, my: e.clientY, ox: audioStore.floatPos.x, oy: audioStore.floatPos.y };
+		(e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);
+	}
+	function onFloatPointerMove(e: PointerEvent) {
+		if (!floatDragging) return;
+		const dx = e.clientX - floatDragStart.mx;
+		const dy = e.clientY - floatDragStart.my;
+		// Only start moving if dragged > 6px to preserve tap detection
+		if (!floatMoved && Math.hypot(dx, dy) < 6) return;
+		floatMoved = true;
+		// right  = MARGIN - x  → drag right (dx>0) should decrease right → x increases → x = ox + dx
+		// bottom = MARGIN - y  → drag down  (dy>0) should decrease bottom → y increases → y = oy + dy
+		const raw = {
+			x: floatDragStart.ox + dx,
+			y: floatDragStart.oy + dy,
+		};
+		audioStore.floatPos = clampFloatPos(raw.x, raw.y);
+	}
+	function onFloatPointerUp(e: PointerEvent) {
+		if (!floatDragging) return;
+		if (floatDragging && !floatMoved) {
+			// Tap: toggle play/pause
+			audioStore.toggleRequest++;
+		}
+		floatDragging = false;
+		try { (e.currentTarget as HTMLElement).releasePointerCapture(e.pointerId); } catch { /* ignore */ }
+	}
+
+	// Clamp saved position to viewport on mount and on resize.
+	// Use untrack() when reading floatPos to avoid a reactive loop
+	// (reading + writing the same state inside $effect would re-trigger forever).
+	$effect(() => {
+		if (typeof window === 'undefined') return;
+		const clamp = () => {
+			const { x, y } = untrack(() => audioStore.floatPos);
+			audioStore.floatPos = clampFloatPos(x, y);
+		};
+		clamp();
+		window.addEventListener('resize', clamp);
+		return () => window.removeEventListener('resize', clamp);
+	});
+</script>
+
+<svelte:window onkeydown={handleKeyDown} />
+
+<!-- ── Voice row snippet (reused in both engine sections) ──────────────── -->
+{#snippet voiceRow(v: import('$lib/types').Voice)}
+	<div
+		class={cn('flex items-center gap-2 px-3 py-2 hover:bg-(--color-surface-2) transition-colors cursor-pointer', audioStore.voice === v.id && 'bg-(--color-brand)/10')}
+		role="button"
+		tabindex="0"
+		onclick={() => selectVoice(v.id)}
+		onkeydown={(e) => e.key === 'Enter' && selectVoice(v.id)}
+	>
+		<!-- Selected indicator -->
+		<div class="w-4 flex-shrink-0">
+			{#if audioStore.voice === v.id}
+				<svg class="w-3.5 h-3.5 text-(--color-brand)" fill="currentColor" viewBox="0 0 24 24">
+					<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/>
+				</svg>
+			{/if}
+		</div>
+
+		<!-- Voice name -->
+		<span class={cn('flex-1 text-xs', audioStore.voice === v.id ? 'text-(--color-brand) font-medium' : 'text-(--color-text)')}>
+			{voiceLabel(v)}
+		</span>
+		<span class="text-(--color-muted) opacity-60 text-xs font-mono">{v.id}</span>
+
+		<!-- Sample play button -->
+		<Button
+			variant="ghost"
+			size="icon"
+			class={cn('h-6 w-6 flex-shrink-0', samplePlayingVoice === v.id ? 'text-(--color-brand) bg-(--color-brand)/15 hover:bg-(--color-brand)/25' : 'text-(--color-muted) hover:text-(--color-text)')}
+			onclick={(e) => { e.stopPropagation(); playSample(v.id); }}
+			title={samplePlayingVoice === v.id ? m.reader_voice_stop_sample() : m.reader_voice_play_sample()}
+			aria-label={samplePlayingVoice === v.id ? `Stop ${v.id} sample` : `Play ${v.id} sample`}
+		>
+			{#if samplePlayingVoice === v.id}
+				<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
+					<path d="M6 6h12v12H6z"/>
+				</svg>
+			{:else}
+				<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
+					<path d="M8 5v14l11-7z"/>
+				</svg>
+			{/if}
+		</Button>
+	</div>
+{/snippet}
+
+<!-- ── Standard player ─────────────────────────────────────────────────────── -->
+
+{#if
+	(!audioStore.isCurrentChapter(slug, chapter) && !audioStore.active) ||
+	(audioStore.isCurrentChapter(slug, chapter) && (audioStore.status === 'idle' || audioStore.status === 'error'))
+}
+<!-- ── Idle / not-yet-started pill ─────────────────────────────────────────── -->
+<div class="px-3 py-2.5">
+	{#if audioStore.isCurrentChapter(slug, chapter) && audioStore.status === 'error'}
+		<p class="text-(--color-danger) text-xs mb-2">{audioStore.errorMsg || 'Failed to load audio.'}</p>
+	{/if}
+	<div class="flex items-center gap-3">
+		<!-- Big play button -->
+		<button
+			type="button"
+			onclick={handlePlay}
+			class="w-11 h-11 rounded-full bg-(--color-brand) text-(--color-surface) flex items-center justify-center hover:bg-(--color-brand-dim) active:scale-95 transition-all flex-shrink-0 shadow-sm"
+			aria-label={m.reader_play_narration()}
+		>
+			<svg class="w-5 h-5 ml-0.5" fill="currentColor" viewBox="0 0 24 24">
+				<path d="M8 5v14l11-7z"/>
+			</svg>
+		</button>
+
+		<!-- Track info (hidden in minimal style) -->
+		{#if playerStyle !== 'minimal'}
+		<div class="flex-1 min-w-0">
+			<p class="text-sm font-semibold text-(--color-text) leading-tight truncate">
+				{m.reader_play_narration()}
+			</p>
+			<div class="flex items-center gap-1.5 mt-0.5">
+				<!-- Voice indicator -->
+				{#if voices.length > 0}
+					<button
+						type="button"
+						onclick={() => { stopSample(); showVoicePanel = !showVoicePanel; showChapterPanel = false; }}
+						class={cn('flex items-center gap-1 text-xs transition-colors leading-none', showVoicePanel ? 'text-(--color-brand)' : 'text-(--color-muted) hover:text-(--color-text)')}
+						title={m.reader_change_voice()}
+					>
+						<svg class="w-3 h-3 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24">
+							<path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"/>
+						</svg>
+						<span class="max-w-[90px] truncate">{voiceLabel(audioStore.voice)}</span>
+						<svg class={cn('w-2.5 h-2.5 flex-shrink-0 transition-transform', showVoicePanel && 'rotate-180')} fill="currentColor" viewBox="0 0 24 24">
+							<path d="M7 10l5 5 5-5z"/>
+						</svg>
+					</button>
+				{/if}
+				<!-- Estimated duration -->
+				{#if estimatedMinutes > 0}
+					{#if voices.length > 0}<span class="text-(--color-border) text-xs leading-none">·</span>{/if}
+					<span class="text-xs text-(--color-muted) leading-none tabular-nums">~{estimatedMinutes} min</span>
+				{/if}
+				<!-- Stream / Generate mode toggle -->
+				{#if !audioStore.voice.startsWith('cfai:')}
+					<span class="text-(--color-border) text-xs leading-none">·</span>
+					<button
+						type="button"
+						onclick={() => { audioStore.audioMode = audioStore.audioMode === 'stream' ? 'generate' : 'stream'; }}
+						class={cn(
+							'flex items-center gap-0.5 text-xs leading-none transition-colors',
+							audioStore.audioMode === 'stream'
+								? 'text-(--color-brand)'
+								: 'text-(--color-muted) hover:text-(--color-text)'
+						)}
+						title={audioStore.audioMode === 'stream' ? 'Stream mode — click to switch to generate' : 'Generate mode — click to switch to stream'}
+					>
+						{#if audioStore.audioMode === 'stream'}
+							<svg class="w-3 h-3 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24">
+								<path d="M8 5v14l11-7z"/>
+							</svg>
+							Stream
+						{:else}
+							<svg class="w-3 h-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/>
+							</svg>
+							Generate
+						{/if}
+					</button>
+				{/if}
+			</div>
+		</div>
+		{/if}
+
+		<!-- Chapters button (right side, hidden in minimal style) -->
+		{#if chapters.length > 0 && playerStyle !== 'minimal'}
+			<button
+				type="button"
+				onclick={() => { showChapterPanel = !showChapterPanel; showVoicePanel = false; stopSample(); }}
+				class={cn('flex items-center gap-1 px-2 py-1.5 rounded-md text-xs transition-colors flex-shrink-0', showChapterPanel ? 'text-(--color-brand) bg-(--color-brand)/10' : 'text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-3)')}
+				title="Browse chapters"
+			>
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h10"/>
+				</svg>
+				<span class="hidden sm:inline">Chapters</span>
+			</button>
+		{/if}
+	</div>
+
+	<!-- Voice selector panel (inline below pill) -->
+	{#if showVoicePanel && voices.length > 0}
+		<div class="mt-3 rounded-lg border border-(--color-border) bg-(--color-surface) overflow-hidden">
+			<div class="px-3 py-2 border-b border-(--color-border) flex items-center justify-between">
+				<span class="text-xs font-semibold text-(--color-muted) uppercase tracking-wider">{m.reader_choose_voice()}</span>
+				<Button
+					variant="ghost"
+					size="icon"
+					class="h-6 w-6 text-(--color-muted) hover:text-(--color-text)"
+					onclick={() => { stopSample(); showVoicePanel = false; }}
+					aria-label={m.reader_close_voice_panel()}
+				>
+					<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+					</svg>
+				</Button>
+			</div>
+			<div class="max-h-64 overflow-y-auto">
+				{#if kokoroVoices.length > 0}
+					<div class="px-3 py-1.5 bg-(--color-surface-2)/70 border-b border-(--color-border)/50">
+						<span class="text-[10px] font-semibold text-(--color-muted) uppercase tracking-widest">Kokoro (GPU)</span>
+					</div>
+					{#each kokoroVoices as v (v.id)}{@render voiceRow(v)}{/each}
+				{/if}
+				{#if pocketVoices.length > 0}
+					<div class="px-3 py-1.5 bg-(--color-surface-2)/70 border-b border-(--color-border)/50 {kokoroVoices.length > 0 ? 'border-t border-(--color-border)' : ''}">
+						<span class="text-[10px] font-semibold text-(--color-muted) uppercase tracking-widest">Pocket TTS (CPU)</span>
+					</div>
+					{#each pocketVoices as v (v.id)}{@render voiceRow(v)}{/each}
+				{/if}
+				{#if cfaiVoices.length > 0}
+					<div class="px-3 py-1.5 bg-(--color-surface-2)/70 border-b border-(--color-border)/50 {kokoroVoices.length > 0 || pocketVoices.length > 0 ? 'border-t border-(--color-border)' : ''}">
+						<span class="text-[10px] font-semibold text-(--color-muted) uppercase tracking-widest">Cloudflare AI</span>
+					</div>
+					{#each cfaiVoices as v (v.id)}{@render voiceRow(v)}{/each}
+				{/if}
+			</div>
+			<div class="px-3 py-2 border-t border-(--color-border) bg-(--color-surface-2)/50">
+				<p class="text-xs text-(--color-muted)">
+					{m.reader_voice_applies_next()}
+					{#if voices.length > 0}
+						<a
+							href="/api/audio/voice-samples"
+							class="text-(--color-muted) hover:text-(--color-brand) transition-colors underline"
+							onclick={(e) => {
+								e.preventDefault();
+								fetch('/api/audio/voice-samples', { method: 'POST' }).catch(() => {});
+							}}
+						>{m.reader_generate_samples()}</a>
+					{/if}
+				</p>
+			</div>
+		</div>
+	{/if}
+</div>
+
+{:else}
+<!-- ── Non-idle states (loading / generating / ready / other-chapter-playing) ── -->
+{#if !(playerStyle === 'float' && audioStore.isCurrentChapter(slug, chapter) && audioStore.active)}
+
+{#if playerStyle === 'minimal' && audioStore.isCurrentChapter(slug, chapter) && audioStore.active}
+<!-- ── Minimal style: compact bar — seek + play/pause + skip + time ────────── -->
+<div class="px-3 py-2.5 flex items-center gap-2">
+	<!-- Skip back 15s -->
+	<button
+		type="button"
+		onclick={() => { audioStore.seekRequest = Math.max(0, audioStore.currentTime - 15); }}
+		class="flex-shrink-0 w-7 h-7 flex items-center justify-center rounded-full text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-3) transition-colors"
+		title="-15s"
+	>
+		<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
+			<path d="M11.99 5V1l-5 5 5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6h-2c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/>
+		</svg>
+	</button>
+
+	<!-- Play/pause -->
+	<button
+		type="button"
+		onclick={() => { audioStore.toggleRequest++; }}
+		class="flex-shrink-0 w-8 h-8 rounded-full bg-(--color-brand) text-(--color-surface) flex items-center justify-center hover:bg-(--color-brand-dim) active:scale-95 transition-all"
+	>
+		{#if audioStore.isPlaying}
+			<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z"/></svg>
+		{:else}
+			<svg class="w-3.5 h-3.5 ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+		{/if}
+	</button>
+
+	<!-- Skip forward 30s -->
+	<button
+		type="button"
+		onclick={() => { audioStore.seekRequest = Math.min(audioStore.duration || 0, audioStore.currentTime + 30); }}
+		class="flex-shrink-0 w-7 h-7 flex items-center justify-center rounded-full text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-3) transition-colors"
+		title="+30s"
+	>
+		<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
+			<path d="M18 13c0 3.31-2.69 6-6 6s-6-2.69-6-6 2.69-6 6-6v4l5-5-5-5v4c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8h-2z"/>
+		</svg>
+	</button>
+
+	<!-- Seek bar — proper range input so drag works on iOS too -->
+	<input
+		type="range"
+		aria-label="Seek"
+		min="0"
+		max={audioStore.duration || 0}
+		value={audioStore.currentTime}
+		oninput={(e) => { audioStore.seekRequest = parseFloat((e.target as HTMLInputElement).value); }}
+		onchange={(e) => { audioStore.seekRequest = parseFloat((e.target as HTMLInputElement).value); }}
+		class="flex-1 h-1.5 cursor-pointer"
+		style="accent-color: var(--color-brand);"
+	/>
+
+	<!-- Time -->
+	<span class="flex-shrink-0 text-[11px] tabular-nums text-(--color-muted)">
+		{formatTime(audioStore.currentTime)}<span class="opacity-40">/</span>{formatDuration(audioStore.duration)}
+	</span>
+</div>
+
+{:else}
+<div class="p-4">
+	<div class="flex items-center justify-end gap-2 mb-3">
+		<!-- Chapter picker button -->
+		{#if audioStore.chapters.length > 0}
+			<Button
+				variant="ghost"
+				size="sm"
+				onclick={() => { showChapterPanel = !showChapterPanel; showVoicePanel = false; stopSample(); }}
+				class={cn('gap-1.5 text-xs', showChapterPanel ? 'text-(--color-brand) bg-(--color-brand)/15 hover:bg-(--color-brand)/25' : '')}
+				title="Browse chapters"
+			>
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h10"/>
+				</svg>
+				Chapters
+			</Button>
+		{/if}
+		<!-- Voice selector button -->
+		{#if voices.length > 0}
+			<Button
+				variant="ghost"
+				size="sm"
+				onclick={() => { stopSample(); showVoicePanel = !showVoicePanel; showChapterPanel = false; }}
+				class={cn('gap-1.5 text-xs', showVoicePanel ? 'text-(--color-brand) bg-(--color-brand)/15 hover:bg-(--color-brand)/25' : '')}
+				title={m.reader_change_voice()}
+			>
+				<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
+					<path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"/>
+				</svg>
+				<span class="max-w-[80px] truncate">{voiceLabel(audioStore.voice)}</span>
+				<svg class={cn('w-3 h-3 flex-shrink-0 transition-transform', showVoicePanel && 'rotate-180')} fill="currentColor" viewBox="0 0 24 24">
+					<path d="M7 10l5 5 5-5z"/>
+				</svg>
+			</Button>
+		{/if}
+	</div>
+
+	<!-- ── Voice selector panel ──────────────────────────────────────────── -->
+	{#if showVoicePanel && voices.length > 0}
+		<div class="mb-3 rounded-lg border border-(--color-border) bg-(--color-surface) overflow-hidden">
+			<div class="px-3 py-2 border-b border-(--color-border) flex items-center justify-between">
+				<span class="text-xs font-semibold text-(--color-muted) uppercase tracking-wider">{m.reader_choose_voice()}</span>
+				<Button
+					variant="ghost"
+					size="icon"
+					class="h-6 w-6 text-(--color-muted) hover:text-(--color-text)"
+					onclick={() => { stopSample(); showVoicePanel = false; }}
+					aria-label={m.reader_close_voice_panel()}
+				>
+					<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+					</svg>
+				</Button>
+			</div>
+			<div class="max-h-64 overflow-y-auto">
+				<!-- Kokoro (GPU) section -->
+				{#if kokoroVoices.length > 0}
+					<div class="px-3 py-1.5 bg-(--color-surface-2)/70 border-b border-(--color-border)/50">
+						<span class="text-[10px] font-semibold text-(--color-muted) uppercase tracking-widest">Kokoro (GPU)</span>
+					</div>
+					{#each kokoroVoices as v (v.id)}
+						{@render voiceRow(v)}
+					{/each}
+				{/if}
+
+				<!-- Pocket TTS (CPU) section -->
+				{#if pocketVoices.length > 0}
+					<div class="px-3 py-1.5 bg-(--color-surface-2)/70 border-b border-(--color-border)/50 {kokoroVoices.length > 0 ? 'border-t border-(--color-border)' : ''}">
+						<span class="text-[10px] font-semibold text-(--color-muted) uppercase tracking-widest">Pocket TTS (CPU)</span>
+					</div>
+					{#each pocketVoices as v (v.id)}
+						{@render voiceRow(v)}
+					{/each}
+				{/if}
+
+				<!-- Cloudflare AI section -->
+				{#if cfaiVoices.length > 0}
+					<div class="px-3 py-1.5 bg-(--color-surface-2)/70 border-b border-(--color-border)/50 {kokoroVoices.length > 0 || pocketVoices.length > 0 ? 'border-t border-(--color-border)' : ''}">
+						<span class="text-[10px] font-semibold text-(--color-muted) uppercase tracking-widest">Cloudflare AI</span>
+					</div>
+					{#each cfaiVoices as v (v.id)}
+						{@render voiceRow(v)}
+					{/each}
+				{/if}
+			</div>
+			<div class="px-3 py-2 border-t border-(--color-border) bg-(--color-surface-2)/50">
+				<p class="text-xs text-(--color-muted)">
+					{m.reader_voice_applies_next()}
+					{#if voices.length > 0}
+						<a
+							href="/api/audio/voice-samples"
+							class="text-(--color-muted) hover:text-(--color-brand) transition-colors underline"
+							onclick={(e) => {
+								e.preventDefault();
+								fetch('/api/audio/voice-samples', { method: 'POST' }).catch(() => {});
+							}}
+						>{m.reader_generate_samples()}</a>
+					{/if}
+				</p>
+			</div>
+		</div>
+	{/if}
+
+
+	{#if audioStore.isCurrentChapter(slug, chapter)}
+		<!-- ── This chapter is the active one (non-idle states) ── -->
+
+		{#if audioStore.status === 'loading'}
+			<Button variant="default" size="sm" disabled>
+				<svg class="w-3.5 h-3.5 animate-spin" fill="none" viewBox="0 0 24 24">
+					<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+					<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+				</svg>
+				{m.player_loading()}
+			</Button>
+
+		{:else if audioStore.status === 'generating'}
+			<div class="space-y-2">
+				<p class="text-xs text-(--color-muted)">{m.reader_generating_narration()}</p>
+				<div class="w-full h-1.5 bg-(--color-surface-3) rounded-full overflow-hidden">
+					<div
+						class="h-full bg-(--color-brand) rounded-full transition-none"
+						style="width: {audioStore.progress}%"
+					></div>
+				</div>
+				<p class="text-xs text-(--color-muted) opacity-60 tabular-nums">{Math.round(audioStore.progress)}%</p>
+			</div>
+
+		{:else if audioStore.status === 'ready'}
+			<!-- Mini-bar is the canonical control surface — show a compact indicator here -->
+			<div class="flex items-center justify-between gap-3">
+				<div class="flex items-center gap-2 text-xs text-(--color-muted)">
+				{#if audioStore.isPlaying}
+					<svg class="w-3.5 h-3.5 text-(--color-brand) flex-shrink-0" fill="currentColor" viewBox="0 0 24 24">
+						<path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z"/>
+					</svg>
+					<span>{m.reader_playing()}</span>
+				{:else}
+					<svg class="w-3.5 h-3.5 flex-shrink-0 ml-0.5" fill="currentColor" viewBox="0 0 24 24">
+						<path d="M8 5v14l11-7z"/>
+					</svg>
+					<span>{m.reader_paused()}</span>
+				{/if}
+					<span class="tabular-nums text-(--color-muted) opacity-60">
+						{formatTime(audioStore.currentTime)} / {formatDuration(audioStore.duration)}
+					</span>
+				</div>
+			</div>
+
+			<!-- Warm-up next chapter (only when autoNext is off and next exists) -->
+			{#if !audioStore.autoNext && nextChapter != null}
+				<div class="mt-2 flex items-center gap-2">
+					{#if audioStore.nextStatus === 'none'}
+						<button
+							type="button"
+							onclick={prefetchNext}
+							class="flex items-center gap-1.5 text-xs text-(--color-muted) hover:text-(--color-brand) transition-colors"
+							title="Pre-generate audio for the next chapter"
+						>
+							<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
+								<path d="M7 2l10 10L7 22z"/>
+							</svg>
+							Warm up Ch. {nextChapter}
+						</button>
+					{:else if audioStore.nextStatus === 'prefetching'}
+						<span class="flex items-center gap-1.5 text-xs text-(--color-muted)">
+							<svg class="w-3.5 h-3.5 animate-spin" fill="none" viewBox="0 0 24 24">
+								<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+								<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+							</svg>
+							Warming up Ch. {nextChapter}…
+						</span>
+					{:else if audioStore.nextStatus === 'prefetched'}
+						<span class="flex items-center gap-1.5 text-xs text-(--color-brand)">
+							<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
+								<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
+							</svg>
+							Ch. {nextChapter} ready
+						</span>
+					{:else if audioStore.nextStatus === 'failed'}
+						<span class="flex items-center gap-1.5 text-xs text-red-400">
+							<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
+								<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
+							</svg>
+							Warm-up failed
+						</span>
+					{/if}
+				</div>
+			{/if}
+		{/if}
+
+	{:else if audioStore.active}
+		<!-- ── A different chapter is currently playing ── -->
+		<div class="flex items-center justify-between gap-3">
+			<p class="text-xs text-(--color-muted)">
+				{m.reader_now_playing({ title: audioStore.chapterTitle || `Ch.${audioStore.chapter}` })}
+			</p>
+			<Button variant="secondary" size="sm" class="flex-shrink-0" onclick={startPlayback}>
+				{m.reader_load_this_chapter()}
+			</Button>
+		</div>
+	{/if}
+</div>
+{/if}
+{/if}
+{/if}
+
+<!-- ── Chapter picker overlay ─────────────────────────────────────────────────
+     Rendered as a top-level sibling (outside all player containers) so that
+     the fixed inset-0 positioning is never clipped by overflow-hidden or
+     border-radius on any ancestor wrapping the AudioPlayer component.        -->
+{#if showChapterPanel && audioStore.chapters.length > 0}
+	<ChapterPickerOverlay
+		chapters={audioStore.chapters}
+		activeChapter={audioStore.chapter}
+		zIndex="z-[60]"
+		onselect={playChapter}
+		onclose={() => { showChapterPanel = false; }}
+	/>
+{/if}
+
+<!-- ── Float player overlay ──────────────────────────────────────────────────
+     A draggable circle anchored to the viewport.
+     Tap  = toggle play/pause.
+     Drag = reposition (clamped to viewport).
+     Visible when playerStyle='float' and audio is active for this chapter.  -->
+{#if playerStyle === 'float' && audioStore.isCurrentChapter(slug, chapter) && audioStore.active}
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<div
+		class="fixed z-[55] select-none"
+		style="
+			bottom: calc({FLOAT_MARGIN}px + {-audioStore.floatPos.y}px);
+			right:  calc({FLOAT_MARGIN}px + {-audioStore.floatPos.x}px);
+			touch-action: none;
+			width: {FLOAT_SIZE}px;
+			height: {FLOAT_SIZE}px;
+		"
+		onpointerdown={onFloatPointerDown}
+		onpointermove={onFloatPointerMove}
+		onpointerup={onFloatPointerUp}
+		onpointercancel={(e) => { floatDragging = false; try { (e.currentTarget as HTMLElement).releasePointerCapture(e.pointerId); } catch { /* ignore */ } }}
+	>
+		<!-- Pulsing ring when playing -->
+		{#if audioStore.isPlaying}
+			<span class="absolute inset-0 rounded-full bg-(--color-brand)/30 animate-ping pointer-events-none"></span>
+		{/if}
+
+		<!-- Circle button -->
+		<div
+			class="absolute inset-0 rounded-full bg-(--color-brand) shadow-xl flex items-center justify-center {floatDragging ? 'cursor-grabbing' : 'cursor-grab'} transition-transform active:scale-95"
+		>
+			{#if audioStore.status === 'generating' || audioStore.status === 'loading'}
+				<!-- Spinner -->
+				<svg class="w-6 h-6 text-white animate-spin" fill="none" viewBox="0 0 24 24">
+					<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+					<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+				</svg>
+			{:else if audioStore.isPlaying}
+				<!-- Pause icon -->
+				<svg class="w-6 h-6 text-white pointer-events-none" fill="currentColor" viewBox="0 0 24 24">
+					<path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z"/>
+				</svg>
+			{:else}
+				<!-- Play icon -->
+				<svg class="w-6 h-6 text-white ml-0.5 pointer-events-none" fill="currentColor" viewBox="0 0 24 24">
+					<path d="M8 5v14l11-7z"/>
+				</svg>
+			{/if}
+		</div>
+
+		<!-- Progress arc ring (thin, overlaid on circle edge) -->
+		{#if audioStore.duration > 0}
+			{@const r = 26}
+			{@const circ = 2 * Math.PI * r}
+			{@const dash = (audioStore.currentTime / audioStore.duration) * circ}
+			<svg
+				class="absolute inset-0 pointer-events-none -rotate-90"
+				width={FLOAT_SIZE}
+				height={FLOAT_SIZE}
+				viewBox="0 0 {FLOAT_SIZE} {FLOAT_SIZE}"
+			>
+				<circle
+					cx={FLOAT_SIZE / 2}
+					cy={FLOAT_SIZE / 2}
+					r={r}
+					fill="none"
+					stroke="rgba(255,255,255,0.25)"
+					stroke-width="2.5"
+				/>
+				<circle
+					cx={FLOAT_SIZE / 2}
+					cy={FLOAT_SIZE / 2}
+					r={r}
+					fill="none"
+					stroke="white"
+					stroke-width="2.5"
+					stroke-linecap="round"
+					stroke-dasharray="{circ}"
+					stroke-dashoffset="{circ - dash}"
+					style="transition: stroke-dashoffset 0.5s linear;"
+				/>
+			</svg>
+		{/if}
+	</div>
+{/if}
diff --git a/ui/src/lib/components/AvatarCropModal.svelte b/ui/src/lib/components/AvatarCropModal.svelte
new file mode 100644
index 0000000..afaec92
--- /dev/null
+++ b/ui/src/lib/components/AvatarCropModal.svelte
@@ -0,0 +1,112 @@
+<script lang="ts">
+	import { onDestroy } from 'svelte';
+	import Cropper from 'cropperjs';
+	import type { default as CropperType } from 'cropperjs';
+	import 'cropperjs/dist/cropper.css';
+	import { Dialog, DialogHeader, DialogTitle, DialogFooter } from '$lib/components/ui/dialog';
+	import { Button } from '$lib/components/ui/button';
+
+	interface Props {
+		file: File;
+		onconfirm: (blob: Blob, mimeType: string) => void;
+		oncancel: () => void;
+	}
+
+	let { file, onconfirm, oncancel }: Props = $props();
+
+	let imgEl: HTMLImageElement | undefined = $state();
+	let cropper: CropperType | null = null;
+	let objectUrl = '';
+	let open = $state(true);
+
+	// Initialize cropper once the img element is bound and the file is known.
+	// Use a $effect so it runs after the DOM is ready (replaces onMount).
+	$effect(() => {
+		if (!imgEl || !file) return;
+
+		// Create the object URL and set src directly on the element (not via reactive
+		// state) so cropperjs sees the correct src before the image load event fires.
+		objectUrl = URL.createObjectURL(file);
+		imgEl.src = objectUrl;
+
+		// Cropperjs must be initialised inside the image's load event so it can
+		// measure the natural dimensions — if we call new Cropper() before the image
+		// has loaded, the crop canvas is blank/invisible.
+		const handleLoad = () => {
+			cropper = new Cropper(imgEl!, {
+				aspectRatio: 1,
+				viewMode: 1,
+				dragMode: 'move',
+				autoCropArea: 0.8,
+				restore: false,
+				guides: false,
+				center: true,
+				highlight: false,
+				cropBoxMovable: true,
+				cropBoxResizable: true,
+				toggleDragModeOnDblclick: false,
+				background: false
+			});
+		};
+
+		imgEl.addEventListener('load', handleLoad, { once: true });
+
+		return () => {
+			imgEl?.removeEventListener('load', handleLoad);
+			cropper?.destroy();
+			cropper = null;
+			URL.revokeObjectURL(objectUrl);
+			objectUrl = '';
+		};
+	});
+
+	onDestroy(() => {
+		cropper?.destroy();
+		if (objectUrl) URL.revokeObjectURL(objectUrl);
+	});
+
+	function confirm() {
+		if (!cropper) return;
+		const canvas = cropper.getCroppedCanvas({ width: 400, height: 400 });
+		const mimeType = file.type === 'image/webp' ? 'image/webp' : 'image/jpeg';
+		canvas.toBlob(
+			(blob: Blob | null) => {
+				if (blob) onconfirm(blob, mimeType);
+			},
+			mimeType,
+			0.9
+		);
+	}
+
+	function handleClose() {
+		open = false;
+		oncancel();
+	}
+</script>
+
+<Dialog bind:open onclose={handleClose} class="max-w-sm">
+	<DialogHeader>
+		<DialogTitle>Crop profile picture</DialogTitle>
+	</DialogHeader>
+
+	<!-- Cropper image container — overflow must be visible so cropperjs can
+	     render the crop canvas outside the natural image bounds. The fixed
+	     height gives cropperjs a stable container to size itself against. -->
+	<div class="px-5">
+		<div class="rounded-xl bg-(--color-surface-2)" style="height: 300px; position: relative;">
+			<img
+				bind:this={imgEl}
+				alt="Crop preview"
+				style="display:block; max-width:100%; max-height:100%;"
+			/>
+		</div>
+		<p class="text-xs text-(--color-muted) text-center mt-3">
+			Drag to reposition · pinch or scroll to zoom · drag corners to resize
+		</p>
+	</div>
+
+	<DialogFooter>
+		<Button variant="outline" onclick={handleClose}>Cancel</Button>
+		<Button variant="default" onclick={confirm}>Use photo</Button>
+	</DialogFooter>
+</Dialog>
diff --git a/ui/src/lib/components/ChapterPickerOverlay.svelte b/ui/src/lib/components/ChapterPickerOverlay.svelte
new file mode 100644
index 0000000..887e2ec
--- /dev/null
+++ b/ui/src/lib/components/ChapterPickerOverlay.svelte
@@ -0,0 +1,132 @@
+<script lang="ts">
+	import { cn } from '$lib/utils';
+
+	interface ChapterMeta {
+		number: number;
+		title: string;
+	}
+
+	interface Props {
+		/** Full chapter list to render and filter. */
+		chapters: ChapterMeta[];
+		/** Number of the currently-active chapter (highlighted + auto-scrolled). */
+		activeChapter: number;
+		/** z-index class, e.g. "z-[60]" or "z-[80]". Defaults to "z-[60]". */
+		zIndex?: string;
+		/** Called when a chapter row is tapped. The overlay does NOT close itself. */
+		onselect: (chapterNumber: number) => void;
+		/** Called when the close (✕) button is tapped. */
+		onclose: () => void;
+	}
+
+	let {
+		chapters,
+		activeChapter,
+		zIndex = 'z-[60]',
+		onselect,
+		onclose
+	}: Props = $props();
+
+	let search = $state('');
+
+	const filtered = $derived(
+		search.trim() === ''
+			? chapters
+			: chapters.filter((ch) =>
+					(ch.title || `Chapter ${ch.number}`)
+						.toLowerCase()
+						.includes(search.toLowerCase()) ||
+					String(ch.number).includes(search)
+			  )
+	);
+
+	function handleClose() {
+		search = '';
+		onclose();
+	}
+
+	function handleSelect(n: number) {
+		search = '';
+		onselect(n);
+	}
+</script>
+
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	class="fixed inset-0 flex flex-col {zIndex}"
+	style="background: var(--color-surface);"
+>
+	<!-- Header -->
+	<div
+		class="flex items-center gap-3 px-4 py-3 border-b border-(--color-border) shrink-0"
+		style="padding-top: max(0.75rem, env(safe-area-inset-top));"
+	>
+		<button
+			type="button"
+			onclick={handleClose}
+			class="p-2 rounded-full text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors"
+			aria-label="Close chapter picker"
+		>
+			<!-- close / ✕ -->
+			<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+			</svg>
+		</button>
+		<span class="text-xs font-semibold text-(--color-muted) uppercase tracking-wider flex-1">Chapters</span>
+	</div>
+
+	<!-- Search -->
+	<div class="px-4 py-3 shrink-0 border-b border-(--color-border)">
+		<div class="relative">
+			<svg class="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-(--color-muted)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
+			</svg>
+			<input
+				type="search"
+				placeholder="Search chapters…"
+				bind:value={search}
+				class="w-full pl-9 pr-4 py-2 text-sm bg-(--color-surface-2) border border-(--color-border) rounded-lg text-(--color-text) placeholder:text-(--color-muted) focus:outline-none focus:border-(--color-brand) transition-colors"
+			/>
+		</div>
+	</div>
+
+	<!-- Chapter list -->
+	<div
+		class="flex-1 overflow-y-auto overscroll-contain"
+		style="padding-bottom: env(safe-area-inset-bottom);"
+	>
+		{#each filtered as ch (ch.number)}
+			<button
+				type="button"
+				onclick={() => handleSelect(ch.number)}
+				class={cn(
+					'w-full flex items-center gap-3 px-4 py-3 border-b border-(--color-border)/40 transition-colors text-left',
+					ch.number === activeChapter ? 'bg-(--color-brand)/8' : 'hover:bg-(--color-surface-2)'
+				)}
+			>
+				<span class={cn(
+					'w-8 h-8 shrink-0 rounded-full border-2 flex items-center justify-center tabular-nums text-xs font-semibold transition-colors',
+					ch.number === activeChapter
+						? 'border-(--color-brand) bg-(--color-brand) text-(--color-surface)'
+						: 'border-(--color-border) text-(--color-muted)'
+				)}>{ch.number}</span>
+
+				<span class={cn(
+					'flex-1 text-sm truncate',
+					ch.number === activeChapter ? 'font-semibold text-(--color-brand)' : 'text-(--color-text)'
+				)}>{ch.title || `Chapter ${ch.number}`}</span>
+
+				{#if ch.number === activeChapter}
+					<!-- play icon -->
+					<svg class="w-4 h-4 shrink-0 text-(--color-brand)" fill="currentColor" viewBox="0 0 24 24">
+						<path d="M8 5v14l11-7z"/>
+					</svg>
+				{/if}
+			</button>
+		{/each}
+
+		{#if filtered.length === 0}
+			<p class="px-4 py-8 text-sm text-(--color-muted) text-center">No chapters match "{search}"</p>
+		{/if}
+	</div>
+</div>
diff --git a/ui/src/lib/components/CommentsSection.svelte b/ui/src/lib/components/CommentsSection.svelte
new file mode 100644
index 0000000..15346cb
--- /dev/null
+++ b/ui/src/lib/components/CommentsSection.svelte
@@ -0,0 +1,561 @@
+<script lang="ts">
+	import { Button } from '$lib/components/ui/button';
+	import { Textarea } from '$lib/components/ui/textarea';
+	import { cn } from '$lib/utils';
+	import type { BookComment } from '$lib/types';
+	import * as m from '$lib/paraglide/messages.js';
+	let {
+		slug,
+		chapter = 0,
+		isLoggedIn = false,
+		currentUserId = ''
+	}: {
+		slug: string;
+		chapter?: number;   // 0 = book-level, N = chapter N
+		isLoggedIn?: boolean;
+		currentUserId?: string;
+	} = $props();
+
+	// ── State ─────────────────────────────────────────────────────────────────
+	let comments = $state<BookComment[]>([]);
+	let myVotes = $state<Record<string, 'up' | 'down'>>({});
+	let avatarUrls = $state<Record<string, string>>({});
+	let loading = $state(true);
+	let loadError = $state('');
+
+	// Top-level new comment
+	let newBody = $state('');
+	let posting = $state(false);
+	let postError = $state('');
+
+	// Sort
+	let sort = $state<'new' | 'top'>('top');
+
+	// Reply state: which comment is being replied to
+	let replyingTo = $state<string | null>(null); // comment id
+	let replyBody = $state('');
+	let replyPosting = $state(false);
+	let replyError = $state('');
+
+	// Delete in-flight set
+	let deletingIds = $state(new Set<string>());
+
+	// Per-comment vote inflight set (prevents double-clicks)
+	let votingIds = $state(new Set<string>());
+
+	// ── Load comments ─────────────────────────────────────────────────────────
+	async function loadComments() {
+		loading = true;
+		loadError = '';
+		try {
+			const res = await fetch(
+				`/api/comments/${encodeURIComponent(slug)}?sort=${sort}${chapter > 0 ? `&chapter=${chapter}` : ''}`
+			);
+			if (!res.ok) throw new Error(`${res.status}`);
+			const data = await res.json();
+			comments = data.comments ?? [];
+			myVotes = data.myVotes ?? {};
+			avatarUrls = data.avatarUrls ?? {};
+		} catch (e) {
+			loadError = 'Failed to load comments.';
+		} finally {
+			loading = false;
+		}
+	}
+
+	$effect(() => {
+		loadComments();
+	});
+
+	// Re-load when sort changes (after initial mount)
+	let firstLoad = true;
+	$effect(() => {
+		// Read sort to create a dependency
+		const _ = sort;
+		if (firstLoad) { firstLoad = false; return; }
+		loadComments();
+	});
+
+	// ── Post top-level comment ────────────────────────────────────────────────
+	async function postComment() {
+		const text = newBody.trim();
+		if (!text || posting) return;
+		if (text.length > 2000) { postError = 'Comment is too long (max 2000 characters).'; return; }
+		posting = true;
+		postError = '';
+		try {
+			const res = await fetch(`/api/comments/${encodeURIComponent(slug)}`, {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ body: text, ...(chapter > 0 ? { chapter } : {}) })
+			});
+			if (res.status === 401) { postError = 'You must be logged in to comment.'; return; }
+			if (!res.ok) {
+				const err = await res.json().catch(() => ({}));
+				postError = err.message ?? 'Failed to post comment.';
+				return;
+			}
+			const created: BookComment = await res.json();
+			created.replies = [];
+			// Prepend for 'new', or re-sort for 'top'
+			if (sort === 'new') {
+				comments = [created, ...comments];
+			} else {
+				comments = [created, ...comments]; // new comment has 0 score, goes to end after sort would happen
+			}
+			newBody = '';
+		} catch {
+			postError = 'Failed to post comment.';
+		} finally {
+			posting = false;
+		}
+	}
+
+	// ── Post reply ────────────────────────────────────────────────────────────
+	async function postReply(parentId: string) {
+		const text = replyBody.trim();
+		if (!text || replyPosting) return;
+		if (text.length > 2000) { replyError = 'Reply is too long (max 2000 characters).'; return; }
+		replyPosting = true;
+		replyError = '';
+		try {
+			const res = await fetch(`/api/comments/${encodeURIComponent(slug)}`, {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ body: text, parent_id: parentId })
+			});
+			if (res.status === 401) { replyError = 'You must be logged in to reply.'; return; }
+			if (!res.ok) {
+				const err = await res.json().catch(() => ({}));
+				replyError = err.message ?? 'Failed to post reply.';
+				return;
+			}
+			const created: BookComment = await res.json();
+			// Append to the parent's replies list
+			comments = comments.map((c) => {
+				if (c.id !== parentId) return c;
+				return { ...c, replies: [...(c.replies ?? []), created] };
+			});
+			replyBody = '';
+			replyingTo = null;
+		} catch {
+			replyError = 'Failed to post reply.';
+		} finally {
+			replyPosting = false;
+		}
+	}
+
+	// ── Delete ────────────────────────────────────────────────────────────────
+	async function deleteComment(commentId: string, parentId?: string) {
+		if (deletingIds.has(commentId)) return;
+		deletingIds = new Set([...deletingIds, commentId]);
+		try {
+			const res = await fetch(`/api/comment/${commentId}`, { method: 'DELETE' });
+			if (!res.ok) return;
+			if (parentId) {
+				// Remove reply from parent
+				comments = comments.map((c) => {
+					if (c.id !== parentId) return c;
+					return { ...c, replies: (c.replies ?? []).filter((r) => r.id !== commentId) };
+				});
+			} else {
+				// Remove top-level comment
+				comments = comments.filter((c) => c.id !== commentId);
+			}
+		} finally {
+			const next = new Set(deletingIds);
+			next.delete(commentId);
+			deletingIds = next;
+		}
+	}
+
+	// ── Vote ──────────────────────────────────────────────────────────────────
+	async function vote(commentId: string, v: 'up' | 'down', parentId?: string) {
+		if (votingIds.has(commentId)) return;
+		votingIds = new Set([...votingIds, commentId]);
+		try {
+			const res = await fetch(`/api/comment/${commentId}/vote`, {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ vote: v })
+			});
+			if (!res.ok) return;
+			const updated: BookComment = await res.json();
+			// Update comment in list (handle both top-level and replies)
+			if (parentId) {
+				comments = comments.map((c) => {
+					if (c.id !== parentId) return c;
+					return {
+						...c,
+						replies: (c.replies ?? []).map((r) => (r.id === commentId ? updated : r))
+					};
+				});
+			} else {
+				comments = comments.map((c) => (c.id === commentId ? { ...updated, replies: c.replies } : c));
+			}
+			// Update myVotes: toggle off if same, else set new vote
+			const prev = myVotes[commentId];
+			if (prev === v) {
+				const next = { ...myVotes };
+				delete next[commentId];
+				myVotes = next;
+			} else {
+				myVotes = { ...myVotes, [commentId]: v };
+			}
+		} finally {
+			const next = new Set(votingIds);
+			next.delete(commentId);
+			votingIds = next;
+		}
+	}
+
+	// ── Helpers ───────────────────────────────────────────────────────────────
+	function initials(username: string): string {
+		const name = username.trim() || '?';
+		return name.slice(0, 2).toUpperCase();
+	}
+
+	function formatDate(iso: string): string {
+		try {
+			const date = new Date(iso);
+			const now = Date.now();
+			const diffMs = now - date.getTime();
+			const diffMins = Math.floor(diffMs / 60_000);
+			if (diffMins < 1) return 'just now';
+			if (diffMins < 60) return `${diffMins}m ago`;
+			const diffHours = Math.floor(diffMins / 60);
+			if (diffHours < 24) return `${diffHours}h ago`;
+			const diffDays = Math.floor(diffHours / 24);
+			if (diffDays < 30) return `${diffDays}d ago`;
+			return date.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' });
+		} catch {
+			return iso;
+		}
+	}
+
+	const charCount = $derived(newBody.length);
+	const charOver = $derived(charCount > 2000);
+	const replyCharCount = $derived(replyBody.length);
+	const replyCharOver = $derived(replyCharCount > 2000);
+
+	const totalCount = $derived(
+		comments.reduce((n, c) => n + 1 + (c.replies?.length ?? 0), 0)
+	);
+
+	// ── Collapsed state ───────────────────────────────────────────────────────
+	// Hidden by default when there are no comments; expand on user tap.
+	let expanded = $state(false);
+	const hasComments = $derived(!loading && comments.length > 0);
+	// Auto-expand once comments load in
+	$effect(() => {
+		if (hasComments) expanded = true;
+	});
+</script>
+
+<div class="mt-10">
+	{#if !expanded && !hasComments && !loading}
+		<!-- Collapsed: just a subtle link — no wasted real-estate for empty chapters -->
+		<button
+			type="button"
+			onclick={() => (expanded = true)}
+			class="flex items-center gap-1.5 text-sm text-(--color-muted) hover:text-(--color-text) transition-colors"
+		>
+			<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5">
+				<path stroke-linecap="round" stroke-linejoin="round" d="M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 01-2.555-.337A5.972 5.972 0 015.41 20.97a5.969 5.969 0 01-.474-.065 4.48 4.48 0 00.978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25z"/>
+			</svg>
+			{m.comments_heading()}
+		</button>
+	{:else}
+		<!-- Expanded: full comments section -->
+
+		<!-- Header + sort controls -->
+		<div class="flex items-center justify-between gap-3 mb-4 flex-wrap">
+			<h2 class="text-base font-semibold text-(--color-text)">
+				{m.comments_heading()}
+				{#if !loading && totalCount > 0}
+					<span class="text-(--color-muted) font-normal text-sm ml-1">({totalCount})</span>
+				{/if}
+			</h2>
+			{#if !loading && comments.length > 0}
+				<div class="flex items-center gap-1 text-xs rounded-lg bg-(--color-surface-2)/60 p-1">
+					<Button
+						variant="ghost"
+						size="sm"
+						class={cn('px-2.5 py-1 h-auto text-xs rounded-md', sort === 'top' ? 'bg-(--color-surface-3) text-(--color-text) hover:bg-(--color-surface-3)' : 'text-(--color-muted) hover:text-(--color-text)')}
+						onclick={() => (sort = 'top')}
+					>{m.comments_top()}</Button>
+					<Button
+						variant="ghost"
+						size="sm"
+						class={cn('px-2.5 py-1 h-auto text-xs rounded-md', sort === 'new' ? 'bg-(--color-surface-3) text-(--color-text) hover:bg-(--color-surface-3)' : 'text-(--color-muted) hover:text-(--color-text)')}
+						onclick={() => (sort = 'new')}
+					>{m.comments_new()}</Button>
+				</div>
+			{/if}
+		</div>
+
+		<!-- Post form -->
+		<div class="mb-6">
+			{#if isLoggedIn}
+				<div class="flex flex-col gap-2">
+					<Textarea
+						bind:value={newBody}
+						placeholder={m.comments_placeholder()}
+						rows={3}
+					/>
+					<div class="flex items-center justify-between gap-3">
+						<span class={cn('text-xs tabular-nums', charOver ? 'text-(--color-danger)' : 'text-(--color-muted) opacity-60')}>
+							{charCount}/2000
+						</span>
+						<div class="flex items-center gap-3">
+							{#if postError}
+								<span class="text-xs text-(--color-danger)">{postError}</span>
+							{/if}
+							<Button
+								variant="default"
+								size="sm"
+								disabled={posting || !newBody.trim() || charOver}
+								onclick={postComment}
+							>
+								{posting ? m.comments_posting() : m.comments_submit()}
+							</Button>
+						</div>
+					</div>
+				</div>
+			{:else}
+				<p class="text-sm text-(--color-muted)">
+					<a href="/login" class="text-(--color-brand) hover:text-(--color-brand-dim) transition-colors">{m.comments_login_link()}</a>
+					{m.comments_login_suffix()}
+				</p>
+			{/if}
+		</div>
+
+		<!-- Comment list -->
+		{#if loading}
+			<div class="flex flex-col gap-3">
+				{#each Array(3) as _}
+					<div class="rounded-lg bg-(--color-surface-2)/50 p-4 animate-pulse">
+						<div class="h-3 w-24 bg-(--color-surface-3) rounded mb-3"></div>
+						<div class="h-3 w-full bg-(--color-surface-3)/60 rounded mb-2"></div>
+						<div class="h-3 w-3/4 bg-(--color-surface-3)/60 rounded"></div>
+					</div>
+				{/each}
+			</div>
+		{:else if loadError}
+			<p class="text-sm text-(--color-danger)">{loadError}</p>
+		{:else}
+			<div class="flex flex-col gap-3">
+				{#each comments as comment (comment.id)}
+					{@const myVote = myVotes[comment.id]}
+					{@const voting = votingIds.has(comment.id)}
+					{@const deleting = deletingIds.has(comment.id)}
+					{@const isOwner = isLoggedIn && currentUserId === comment.user_id}
+
+					<div class={cn('rounded-lg bg-(--color-surface-2)/50 border border-(--color-border)/50 px-4 py-3 flex flex-col gap-2', deleting && 'opacity-50')}>
+						<!-- Header -->
+						<div class="flex items-center gap-2 flex-wrap">
+							{#if avatarUrls[comment.user_id]}
+								<img src={avatarUrls[comment.user_id]} alt={comment.username} class="w-6 h-6 rounded-full object-cover flex-shrink-0" />
+							{:else}
+								<div class="w-6 h-6 rounded-full bg-(--color-surface-3) flex items-center justify-center flex-shrink-0">
+									<span class="text-[9px] font-semibold text-(--color-text) leading-none">{initials(comment.username)}</span>
+								</div>
+							{/if}
+							{#if comment.username}
+								<a href="/users/{comment.username}" class="text-sm font-medium text-(--color-text) hover:text-(--color-brand) transition-colors">{comment.username}</a>
+							{:else}
+								<span class="text-sm font-medium text-(--color-muted)">{m.comments_anonymous()}</span>
+							{/if}
+							<span class="text-(--color-muted) opacity-60 text-xs">&middot;</span>
+							<span class="text-xs text-(--color-muted)">{formatDate(comment.created)}</span>
+						</div>
+
+						<!-- Body -->
+						<p class="text-sm text-(--color-text) leading-relaxed whitespace-pre-wrap break-words">{comment.body}</p>
+
+						<!-- Actions row: votes + reply + delete -->
+						<div class="flex items-center gap-3 pt-1 flex-wrap">
+							<Button
+								variant="ghost"
+								size="sm"
+								class={cn('h-auto px-1 py-0 gap-1 text-xs', myVote === 'up' ? 'text-(--color-brand)' : 'text-(--color-muted) hover:text-(--color-text)')}
+								disabled={voting}
+								onclick={() => vote(comment.id, 'up')}
+								title={m.comments_vote_up()}
+							>
+								<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+									<path stroke-linecap="round" stroke-linejoin="round" d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5"/>
+								</svg>
+								<span class="tabular-nums">{comment.upvotes ?? 0}</span>
+							</Button>
+
+							<Button
+								variant="ghost"
+								size="sm"
+								class={cn('h-auto px-1 py-0 gap-1 text-xs', myVote === 'down' ? 'text-(--color-danger)' : 'text-(--color-muted) hover:text-(--color-text)')}
+								disabled={voting}
+								onclick={() => vote(comment.id, 'down')}
+								title={m.comments_vote_down()}
+							>
+								<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+									<path stroke-linecap="round" stroke-linejoin="round" d="M10 14H5.236a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.736 3h4.018a2 2 0 01.485.06l3.76.94m-7 10v5a2 2 0 002 2h.096c.5 0 .905-.405.905-.904 0-.715.211-1.413.608-2.008L17 13V4m-7 10h2m5-10h2a2 2 0 012 2v6a2 2 0 01-2 2h-2.5"/>
+								</svg>
+								<span class="tabular-nums">{comment.downvotes ?? 0}</span>
+							</Button>
+
+							{#if isLoggedIn}
+								<Button
+									variant="ghost"
+									size="sm"
+									class={cn('h-auto px-1 py-0 gap-1 text-xs', replyingTo === comment.id ? 'text-(--color-brand)' : 'text-(--color-muted) hover:text-(--color-text)')}
+									onclick={() => {
+										if (replyingTo === comment.id) {
+											replyingTo = null; replyBody = ''; replyError = '';
+										} else {
+											replyingTo = comment.id; replyBody = ''; replyError = '';
+										}
+									}}
+								>
+									<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+										<path stroke-linecap="round" stroke-linejoin="round" d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6"/>
+									</svg>
+									{m.comments_reply()}
+								</Button>
+							{/if}
+
+							{#if isOwner}
+								<Button
+									variant="ghost"
+									size="sm"
+									class="h-auto px-1 py-0 gap-1 text-xs text-(--color-muted) hover:text-(--color-danger) ml-auto"
+									disabled={deleting}
+									onclick={() => deleteComment(comment.id)}
+									title="Delete comment"
+								>
+									<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+										<path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
+									</svg>
+									{m.comments_delete()}
+								</Button>
+							{/if}
+						</div>
+
+						<!-- Inline reply form -->
+						{#if replyingTo === comment.id}
+							<div class="mt-1 flex flex-col gap-2 pl-2 border-l-2 border-(--color-border)">
+								<Textarea
+									bind:value={replyBody}
+									placeholder={m.comments_placeholder()}
+									rows={2}
+								/>
+								<div class="flex items-center justify-between gap-2">
+									<span class={cn('text-xs tabular-nums', replyCharOver ? 'text-(--color-danger)' : 'text-(--color-muted) opacity-60')}>
+										{replyCharCount}/2000
+									</span>
+									<div class="flex items-center gap-2">
+										{#if replyError}
+											<span class="text-xs text-(--color-danger)">{replyError}</span>
+										{/if}
+										<Button
+											variant="ghost"
+											size="sm"
+											class="text-(--color-muted) hover:text-(--color-text)"
+											onclick={() => { replyingTo = null; replyBody = ''; replyError = ''; }}
+										>{m.common_cancel()}</Button>
+										<Button
+											variant="default"
+											size="sm"
+											disabled={replyPosting || !replyBody.trim() || replyCharOver}
+											onclick={() => postReply(comment.id)}
+										>
+											{replyPosting ? m.comments_posting() : m.comments_reply()}
+										</Button>
+									</div>
+								</div>
+							</div>
+						{/if}
+
+						<!-- Replies -->
+						{#if comment.replies && comment.replies.length > 0}
+							<div class="mt-1 flex flex-col gap-2 pl-3 border-l-2 border-(--color-border)/60">
+								{#each comment.replies as reply (reply.id)}
+									{@const replyVote = myVotes[reply.id]}
+									{@const replyVoting = votingIds.has(reply.id)}
+									{@const replyDeleting = deletingIds.has(reply.id)}
+									{@const replyIsOwner = isLoggedIn && currentUserId === reply.user_id}
+
+									<div class={cn('rounded-md bg-(--color-surface-2)/30 px-3 py-2.5 flex flex-col gap-1.5', replyDeleting && 'opacity-50')}>
+										<div class="flex items-center gap-2 flex-wrap">
+											{#if avatarUrls[reply.user_id]}
+												<img src={avatarUrls[reply.user_id]} alt={reply.username} class="w-5 h-5 rounded-full object-cover flex-shrink-0" />
+											{:else}
+												<div class="w-5 h-5 rounded-full bg-(--color-surface-3) flex items-center justify-center flex-shrink-0">
+													<span class="text-[8px] font-semibold text-(--color-text) leading-none">{initials(reply.username)}</span>
+												</div>
+											{/if}
+											{#if reply.username}
+												<a href="/users/{reply.username}" class="text-xs font-medium text-(--color-text) hover:text-(--color-brand) transition-colors">{reply.username}</a>
+											{:else}
+												<span class="text-xs font-medium text-(--color-muted)">{m.comments_anonymous()}</span>
+											{/if}
+											<span class="text-(--color-muted) opacity-60 text-xs">&middot;</span>
+											<span class="text-xs text-(--color-muted)">{formatDate(reply.created)}</span>
+										</div>
+
+										<p class="text-sm text-(--color-text) leading-relaxed whitespace-pre-wrap break-words">{reply.body}</p>
+
+										<div class="flex items-center gap-3 pt-0.5">
+											<Button
+												variant="ghost"
+												size="sm"
+												class={cn('h-auto px-1 py-0 gap-1 text-xs', replyVote === 'up' ? 'text-(--color-brand)' : 'text-(--color-muted) hover:text-(--color-text)')}
+												disabled={replyVoting}
+												onclick={() => vote(reply.id, 'up', comment.id)}
+												title={m.comments_vote_up()}
+											>
+												<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+													<path stroke-linecap="round" stroke-linejoin="round" d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5"/>
+												</svg>
+												<span class="tabular-nums">{reply.upvotes ?? 0}</span>
+											</Button>
+
+											<Button
+												variant="ghost"
+												size="sm"
+												class={cn('h-auto px-1 py-0 gap-1 text-xs', replyVote === 'down' ? 'text-(--color-danger)' : 'text-(--color-muted) hover:text-(--color-text)')}
+												disabled={replyVoting}
+												onclick={() => vote(reply.id, 'down', comment.id)}
+												title={m.comments_vote_down()}
+											>
+												<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+													<path stroke-linecap="round" stroke-linejoin="round" d="M10 14H5.236a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.736 3h4.018a2 2 0 01.485.06l3.76.94m-7 10v5a2 2 0 002 2h.096c.5 0 .905-.405.905-.904 0-.715.211-1.413.608-2.008L17 13V4m-7 10h2m5-10h2a2 2 0 012 2v6a2 2 0 01-2 2h-2.5"/>
+												</svg>
+												<span class="tabular-nums">{reply.downvotes ?? 0}</span>
+											</Button>
+
+											{#if replyIsOwner}
+												<Button
+													variant="ghost"
+													size="sm"
+													class="h-auto px-1 py-0 gap-1 text-xs text-(--color-muted) hover:text-(--color-danger) ml-auto"
+													disabled={replyDeleting}
+													onclick={() => deleteComment(reply.id, comment.id)}
+													title="Delete reply"
+												>
+													<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+														<path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
+													</svg>
+													{m.comments_delete()}
+												</Button>
+											{/if}
+										</div>
+									</div>
+								{/each}
+							</div>
+						{/if}
+					</div>
+				{/each}
+			</div>
+		{/if}
+	{/if}
+</div>
diff --git a/ui/src/lib/components/CurrentlyReadingModal.svelte b/ui/src/lib/components/CurrentlyReadingModal.svelte
new file mode 100644
index 0000000..4711b14
--- /dev/null
+++ b/ui/src/lib/components/CurrentlyReadingModal.svelte
@@ -0,0 +1,193 @@
+<script lang="ts">
+	import { browser } from '$app/environment';
+	import { goto } from '$app/navigation';
+	import { cn } from '$lib/utils';
+
+	interface Book {
+		slug: string;
+		title: string;
+		cover?: string;
+		author?: string;
+		genres?: string[] | string;
+	}
+
+	interface ReadingEntry {
+		book: Book;
+		chapter: number;
+	}
+
+	interface Props {
+		/** The slug of the book currently being read — highlighted in the list. */
+		currentSlug: string;
+		onclose: () => void;
+	}
+
+	let { currentSlug, onclose }: Props = $props();
+
+	let entries = $state<ReadingEntry[]>([]);
+	let loading = $state(true);
+	let error   = $state('');
+
+	// ── Fetch in-progress books on mount ──────────────────────────────────────
+	$effect(() => {
+		if (!browser) return;
+		(async () => {
+			try {
+				const res = await fetch('/api/home');
+				if (!res.ok) throw new Error(`HTTP ${res.status}`);
+				const data = await res.json() as { continue_reading: ReadingEntry[] };
+				entries = data.continue_reading ?? [];
+			} catch {
+				error = 'Failed to load your reading list.';
+			} finally {
+				loading = false;
+			}
+		})();
+	});
+
+	// ── Body scroll lock ──────────────────────────────────────────────────────
+	$effect(() => {
+		if (!browser) return;
+		const prev = document.body.style.overflow;
+		document.body.style.overflow = 'hidden';
+		return () => { document.body.style.overflow = prev; };
+	});
+
+	// ── Keyboard: Escape closes ───────────────────────────────────────────────
+	function onKeydown(e: KeyboardEvent) {
+		if (e.key === 'Escape') onclose();
+	}
+
+	// ── Navigate to a book's current chapter ─────────────────────────────────
+	function openBook(entry: ReadingEntry) {
+		onclose();
+		goto(`/books/${entry.book.slug}/chapters/${entry.chapter}`);
+	}
+
+	function parseGenres(genres: string[] | string | undefined): string[] {
+		if (!genres) return [];
+		if (Array.isArray(genres)) return genres;
+		try { const p = JSON.parse(genres); return Array.isArray(p) ? p : []; } catch { return []; }
+	}
+</script>
+
+<svelte:window onkeydown={onKeydown} />
+
+<!-- Backdrop -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	class="fixed inset-0 z-[70] flex flex-col"
+	style="background: rgba(0,0,0,0.6); backdrop-filter: blur(4px);"
+	onpointerdown={(e) => { if (e.target === e.currentTarget) onclose(); }}
+>
+	<!-- Panel — matches SearchModal style -->
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<div
+		class="w-full max-w-2xl mx-auto mt-0 sm:mt-16 flex flex-col bg-(--color-surface) sm:rounded-2xl border-b sm:border border-(--color-border) shadow-2xl overflow-hidden"
+		style="max-height: 100svh;"
+		onpointerdown={(e) => e.stopPropagation()}
+	>
+		<!-- Header row -->
+		<div class="flex items-center gap-3 px-4 py-3 border-b border-(--color-border) shrink-0">
+			<svg class="w-5 h-5 text-(--color-muted) shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/>
+			</svg>
+			<span class="flex-1 text-base font-semibold text-(--color-text)">Currently Reading</span>
+			<button
+				type="button"
+				onclick={onclose}
+				class="shrink-0 px-3 py-1 rounded-lg text-sm text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors"
+				aria-label="Close"
+			>
+				Cancel
+			</button>
+		</div>
+
+		<!-- Scrollable body -->
+		<div class="flex-1 overflow-y-auto overscroll-contain">
+
+			{#if loading}
+				<!-- Loading skeleton -->
+				<div class="px-4 pt-3 pb-4 space-y-1">
+					{#each [1, 2, 3] as _}
+						<div class="flex items-center gap-3 px-0 py-3 border-b border-(--color-border)/40">
+							<div class="shrink-0 w-10 h-14 rounded bg-(--color-surface-3) animate-pulse"></div>
+							<div class="flex-1 space-y-2">
+								<div class="h-3.5 bg-(--color-surface-3) rounded animate-pulse w-3/4"></div>
+								<div class="h-3 bg-(--color-surface-3) rounded animate-pulse w-1/2"></div>
+							</div>
+						</div>
+					{/each}
+				</div>
+
+			{:else if error}
+				<p class="px-5 py-8 text-sm text-center text-(--color-danger)">{error}</p>
+
+			{:else if entries.length === 0}
+				<div class="px-5 py-12 text-center">
+					<p class="text-sm font-semibold text-(--color-text) mb-1">No books in progress</p>
+					<p class="text-xs text-(--color-muted)">Books you start reading will appear here.</p>
+				</div>
+
+			{:else}
+				{#each entries as entry, i}
+					{@const genres = parseGenres(entry.book.genres)}
+					{@const isCurrent = entry.book.slug === currentSlug}
+					<button
+						type="button"
+						onclick={() => openBook(entry)}
+						class={cn(
+							'w-full flex items-center gap-3 px-4 py-3 text-left transition-colors border-b border-(--color-border)/40 last:border-0',
+							isCurrent ? 'bg-(--color-brand)/8' : 'hover:bg-(--color-surface-2)'
+						)}
+					>
+						<!-- Cover thumbnail -->
+						<div class="shrink-0 w-10 h-14 rounded overflow-hidden bg-(--color-surface-2) border border-(--color-border) relative">
+							{#if entry.book.cover}
+								<img src={entry.book.cover} alt="" class="w-full h-full object-cover" loading="lazy" />
+							{:else}
+								<div class="w-full h-full flex items-center justify-center">
+									<svg class="w-5 h-5 text-(--color-muted)/40" fill="currentColor" viewBox="0 0 24 24">
+										<path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z"/>
+									</svg>
+								</div>
+							{/if}
+						</div>
+
+						<!-- Info -->
+						<div class="flex-1 min-w-0">
+							<div class="flex items-start gap-2">
+								<p class={cn(
+									'text-sm font-semibold leading-snug line-clamp-1 flex-1',
+									isCurrent ? 'text-(--color-brand)' : 'text-(--color-text)'
+								)}>
+									{entry.book.title}
+								</p>
+								{#if isCurrent}
+									<span class="shrink-0 text-[10px] font-semibold px-1.5 py-0.5 rounded bg-(--color-brand)/15 text-(--color-brand) border border-(--color-brand)/30 leading-none mt-0.5">
+										Now
+									</span>
+								{/if}
+							</div>
+							{#if entry.book.author}
+								<p class="text-xs text-(--color-muted) mt-0.5 truncate">{entry.book.author}</p>
+							{/if}
+							<div class="flex items-center gap-1.5 mt-1 flex-wrap">
+								<span class="text-xs text-(--color-muted)/60">Ch. {entry.chapter}</span>
+								{#each genres.slice(0, 2) as g}
+									<span class="text-[10px] px-1.5 py-0.5 rounded-full bg-(--color-surface-3) text-(--color-muted)">{g}</span>
+								{/each}
+							</div>
+						</div>
+
+						<!-- Chevron (dimmed for current, normal for others) -->
+						<svg class={cn('w-4 h-4 shrink-0', isCurrent ? 'text-(--color-brand)/40' : 'text-(--color-muted)/40')} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+						</svg>
+					</button>
+				{/each}
+			{/if}
+
+		</div>
+	</div>
+</div>
diff --git a/ui/src/lib/components/ListeningMode.svelte b/ui/src/lib/components/ListeningMode.svelte
new file mode 100644
index 0000000..5f06006
--- /dev/null
+++ b/ui/src/lib/components/ListeningMode.svelte
@@ -0,0 +1,675 @@
+<script lang="ts">
+	import { audioStore } from '$lib/audio.svelte';
+	import { cn } from '$lib/utils';
+	import { goto } from '$app/navigation';
+	import { fly } from 'svelte/transition';
+	import type { Voice } from '$lib/types';
+	import ChapterPickerOverlay from '$lib/components/ChapterPickerOverlay.svelte';
+
+	interface Props {
+		/** Called when the user closes the overlay. */
+		onclose: () => void;
+		/** When true, open the chapter picker immediately on mount. */
+		openChapters?: boolean;
+	}
+
+	let { onclose, openChapters = false }: Props = $props();
+
+	// Voices come from the store (populated by AudioPlayer on mount/play)
+	const voices = $derived(audioStore.voices);
+	const kokoroVoices = $derived(voices.filter((v) => v.engine === 'kokoro'));
+	const pocketVoices = $derived(voices.filter((v) => v.engine === 'pocket-tts'));
+	const cfaiVoices   = $derived(voices.filter((v) => v.engine === 'cfai'));
+
+	let showVoiceModal = $state(false);
+	// svelte-ignore state_referenced_locally
+	let showChapterModal = $state(openChapters && audioStore.chapters.length > 0);
+	let voiceSearch = $state('');
+	let samplePlayingVoice = $state<string | null>(null);
+	let sampleAudio: HTMLAudioElement | null = null;
+
+	// ── Pull-down-to-dismiss gesture ─────────────────────────────────────────
+	let dragY = $state(0);
+	let isDragging = $state(false);
+	let dragStartY = 0;
+	let dragStartTime = 0;
+	let overlayEl = $state<HTMLDivElement | null>(null);
+
+	// Register ontouchmove with passive:false so e.preventDefault() works.
+	// Svelte 5 does not support the |nonpassive modifier, so we use $effect.
+	$effect(() => {
+		if (!overlayEl) return;
+		overlayEl.addEventListener('touchmove', onTouchMove, { passive: false });
+		return () => overlayEl!.removeEventListener('touchmove', onTouchMove);
+	});
+
+	function onTouchStart(e: TouchEvent) {
+		// Don't hijack touches that start inside a scrollable element
+		const target = e.target as Element;
+		if (target.closest('.overflow-y-auto')) return;
+		// Don't activate if a modal is open (they handle their own scroll)
+		if (showVoiceModal || showChapterModal) return;
+
+		isDragging = true;
+		dragStartY = e.touches[0].clientY;
+		dragStartTime = Date.now();
+		dragY = 0;
+	}
+
+	function onTouchMove(e: TouchEvent) {
+		if (!isDragging) return;
+		const delta = e.touches[0].clientY - dragStartY;
+		// Only track downward movement
+		if (delta > 0) {
+			dragY = delta;
+			// Prevent page scroll while dragging the overlay down
+			e.preventDefault();
+		} else {
+			dragY = 0;
+		}
+	}
+
+	function onTouchEnd() {
+		if (!isDragging) return;
+		isDragging = false;
+
+		const elapsed = Date.now() - dragStartTime;
+		const velocity = dragY / Math.max(elapsed, 1); // px/ms
+
+		// Dismiss if dragged far enough (>130px) or flicked fast enough (>0.4px/ms)
+		if (dragY > 130 || velocity > 0.4) {
+			// Animate out: snap to bottom then close
+			dragY = window.innerHeight;
+			setTimeout(onclose, 220);
+		} else {
+			// Spring back to 0
+			dragY = 0;
+		}
+	}
+
+	// ── Voice search filtering ────────────────────────────────────────────────
+	const voiceSearchLower = $derived(voiceSearch.toLowerCase());
+	const filteredKokoro = $derived(kokoroVoices.filter((v) => voiceLabel(v).toLowerCase().includes(voiceSearchLower)));
+	const filteredPocket = $derived(pocketVoices.filter((v) => voiceLabel(v).toLowerCase().includes(voiceSearchLower)));
+	const filteredCfai   = $derived(cfaiVoices.filter((v) => voiceLabel(v).toLowerCase().includes(voiceSearchLower)));
+
+	// ── Chapter search ────────────────────────────────────────────────────────
+	// (search state is managed internally by ChapterPickerOverlay)
+
+	// ── Chapter click-to-play ─────────────────────────────────────────────────
+	function playChapter(chapterNumber: number) {
+		audioStore.autoStartChapter = chapterNumber;
+		goto(`/books/${audioStore.slug}/chapters/${chapterNumber}`);
+	}
+
+	function voiceLabel(v: Voice | string): string {
+		if (typeof v === 'string') {
+			const found = voices.find((x) => x.id === v);
+			if (found) return voiceLabel(found);
+			const id = v as string;
+			return id.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase());
+		}
+		const base = v.id.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase());
+		return v.lang !== 'en-us' ? `${base} (${v.lang})` : base;
+	}
+
+	function stopSample() {
+		if (sampleAudio) {
+			sampleAudio.pause();
+			sampleAudio.src = '';
+			sampleAudio = null;
+		}
+		samplePlayingVoice = null;
+	}
+
+	async function playSample(voiceId: string) {
+		if (samplePlayingVoice === voiceId) { stopSample(); return; }
+		stopSample();
+		samplePlayingVoice = voiceId;
+		try {
+			const res = await fetch(`/api/presign/voice-sample?voice=${encodeURIComponent(voiceId)}`);
+			if (!res.ok) { samplePlayingVoice = null; return; }
+			const { url } = (await res.json()) as { url: string };
+			sampleAudio = new Audio(url);
+			sampleAudio.onended = () => stopSample();
+			sampleAudio.onerror = () => stopSample();
+			sampleAudio.play().catch(() => stopSample());
+		} catch {
+			samplePlayingVoice = null;
+		}
+	}
+
+	function selectVoice(voiceId: string) {
+		stopSample();
+		audioStore.voice = voiceId;
+		showVoiceModal = false;
+		voiceSearch = '';
+	}
+
+	// ── Speed ────────────────────────────────────────────────────────────────
+	const SPEED_OPTIONS = [0.75, 1, 1.25, 1.5, 2] as const;
+
+	// ── Sleep timer ──────────────────────────────────────────────────────────
+	const SLEEP_OPTIONS = [15, 30, 45, 60]; // minutes
+
+	let sleepRemainingSec = $derived.by(() => {
+		void audioStore.currentTime; // re-run every second while playing
+		if (!audioStore.sleepUntil) return 0;
+		return Math.max(0, Math.floor((audioStore.sleepUntil - Date.now()) / 1000));
+	});
+
+	function cycleSleepTimer() {
+		if (!audioStore.sleepUntil && !audioStore.sleepAfterChapter) {
+			audioStore.sleepAfterChapter = true;
+		} else if (audioStore.sleepAfterChapter) {
+			audioStore.sleepAfterChapter = false;
+			audioStore.sleepUntil = Date.now() + SLEEP_OPTIONS[0] * 60 * 1000;
+		} else {
+			const remaining = audioStore.sleepUntil - Date.now();
+			const currentMin = Math.round(remaining / 60000);
+			const idx = SLEEP_OPTIONS.findIndex((m) => m >= currentMin);
+			if (idx === -1 || idx === SLEEP_OPTIONS.length - 1) {
+				audioStore.sleepUntil = 0;
+			} else {
+				audioStore.sleepUntil = Date.now() + SLEEP_OPTIONS[idx + 1] * 60 * 1000;
+			}
+		}
+	}
+
+	function formatSleepRemaining(secs: number): string {
+		if (secs <= 0) return 'Off';
+		const m = Math.floor(secs / 60);
+		const s = secs % 60;
+		return m > 0 ? `${m}m${s > 0 ? ` ${s}s` : ''}` : `${s}s`;
+	}
+
+	const sleepLabel = $derived(
+		audioStore.sleepAfterChapter
+			? 'End Ch.'
+			: audioStore.sleepUntil > Date.now()
+				? formatSleepRemaining(sleepRemainingSec)
+				: 'Sleep'
+	);
+
+	// ── Format time ──────────────────────────────────────────────────────────
+	function formatTime(s: number): string {
+		if (!isFinite(s) || s < 0) return '0:00';
+		const m = Math.floor(s / 60);
+		const sec = Math.floor(s % 60);
+		return `${m}:${sec.toString().padStart(2, '0')}`;
+	}
+
+	// ── Playback controls ────────────────────────────────────────────────────
+	function seek(e: Event) {
+		audioStore.seekRequest = Number((e.currentTarget as HTMLInputElement).value);
+	}
+	function skipBack() {
+		audioStore.seekRequest = Math.max(0, audioStore.currentTime - 15);
+	}
+	function skipForward() {
+		audioStore.seekRequest = Math.min(audioStore.duration || 0, audioStore.currentTime + 30);
+	}
+	function togglePlay() {
+		audioStore.toggleRequest++;
+	}
+
+	// Close on Escape
+	$effect(() => {
+		function onKey(e: KeyboardEvent) {
+			if (e.key === 'Escape') {
+				if (showChapterModal) { showChapterModal = false; }
+				else if (showVoiceModal) { showVoiceModal = false; voiceSearch = ''; }
+				else { onclose(); }
+			}
+		}
+		window.addEventListener('keydown', onKey);
+		return () => window.removeEventListener('keydown', onKey);
+	});
+</script>
+
+<!-- Full-screen listening mode overlay -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	transition:fly={{ y: '100%', duration: 320, opacity: 1 }}
+	bind:this={overlayEl}
+	class="fixed inset-0 z-60 flex flex-col overflow-hidden"
+	style="
+		background: var(--color-surface);
+		transform: translateY({dragY}px);
+		opacity: {Math.max(0, 1 - dragY / 500)};
+		transition: {isDragging ? 'none' : 'transform 0.32s cubic-bezier(0.32,0.72,0,1), opacity 0.32s ease'};
+		will-change: transform;
+		touch-action: pan-x;
+		pointer-events: auto;
+	"
+	ontouchstart={onTouchStart}
+	ontouchend={onTouchEnd}
+>
+
+	<!-- ── Blurred background (full-screen atmospheric layer) ───────────── -->
+	{#if audioStore.cover}
+		<img
+			src={audioStore.cover}
+			alt=""
+			aria-hidden="true"
+			class="absolute inset-0 w-full h-full object-cover pointer-events-none select-none"
+			style="filter: blur(40px) brightness(0.25) saturate(1.4); transform: scale(1.15); z-index: 0;"
+		/>
+	{:else}
+		<div class="absolute inset-0 pointer-events-none" style="background: var(--color-surface-2); z-index: 0;"></div>
+	{/if}
+	<!-- Subtle vignette overlay for depth -->
+	<div
+		class="absolute inset-0 pointer-events-none"
+		style="background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,0.55) 100%); z-index: 1;"
+		aria-hidden="true"
+	></div>
+
+	<!-- ── Header bar ─────────────────────────────────────────────────────── -->
+	<div class="relative flex items-center justify-between px-4 pt-3 pb-2 shrink-0" style="z-index: 2;">
+		<button
+			type="button"
+			onclick={onclose}
+			class="p-2 rounded-full text-(--color-text)/70 hover:text-(--color-text) hover:bg-white/10 transition-colors"
+			aria-label="Close listening mode"
+		>
+			<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+			</svg>
+		</button>
+		<span class="text-xs font-semibold text-(--color-text)/60 uppercase tracking-wider">Now Playing</span>
+		<div class="flex items-center gap-2">
+			<!-- Chapters button -->
+			{#if audioStore.chapters.length > 0}
+				<button
+					type="button"
+					onclick={() => { showChapterModal = !showChapterModal; showVoiceModal = false; voiceSearch = ''; }}
+					class={cn(
+						'flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-colors',
+						showChapterModal
+							? 'border-(--color-brand) bg-(--color-brand)/15 text-(--color-brand)'
+							: 'border-white/20 bg-black/25 text-(--color-text)/70 hover:text-(--color-text) backdrop-blur-sm'
+					)}
+					aria-label="Browse chapters"
+				>
+					<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h10"/>
+					</svg>
+					Chapters
+				</button>
+			{/if}
+			<!-- Voice selector button -->
+			<button
+				type="button"
+				onclick={() => { showVoiceModal = !showVoiceModal; showChapterModal = false; }}
+				class={cn(
+					'flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-colors',
+					showVoiceModal
+						? 'border-(--color-brand) bg-(--color-brand)/15 text-(--color-brand)'
+						: 'border-white/20 bg-black/25 text-(--color-text)/70 hover:text-(--color-text) backdrop-blur-sm'
+				)}
+			>
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"/>
+				</svg>
+				<span class="max-w-[80px] truncate">{voiceLabel(audioStore.voice)}</span>
+			</button>
+		</div>
+	</div>
+
+	<!-- ── Portrait cover card + track info ───────────────────────────────── -->
+	<div class="relative flex flex-col items-center gap-4 px-8 pt-2 pb-4 shrink-0" style="z-index: 2;">
+		<!-- Cover card -->
+		<div
+			class="rounded-2xl overflow-hidden shadow-2xl"
+			style="height: 38svh; min-height: 180px; max-height: 320px; aspect-ratio: 2/3;"
+		>
+			{#if audioStore.cover}
+				<img
+					src={audioStore.cover}
+					alt=""
+					class="w-full h-full object-cover"
+				/>
+			{:else}
+				<div class="w-full h-full bg-(--color-surface-2) flex items-center justify-center">
+					<svg class="w-16 h-16 text-(--color-muted)/30" fill="currentColor" viewBox="0 0 24 24">
+						<path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 14H8v-2h8v2zm0-4H8v-2h8v2zm0-4H8V6h8v2z"/>
+					</svg>
+				</div>
+			{/if}
+		</div>
+
+		<!-- Track info -->
+		<div class="text-center w-full">
+			{#if audioStore.chapter > 0}
+				<p class="text-[10px] font-bold uppercase tracking-widest text-(--color-brand) mb-0.5">
+					Chapter {audioStore.chapter}
+				</p>
+			{/if}
+			<p class="text-lg font-bold text-(--color-text) leading-snug line-clamp-2">
+				{audioStore.chapterTitle || (audioStore.chapter > 0 ? `Chapter ${audioStore.chapter}` : '')}
+			</p>
+			<p class="text-sm text-(--color-text)/50 mt-0.5 truncate">{audioStore.bookTitle}</p>
+		</div>
+	</div>
+
+	<!-- Voice modal (full-screen overlay) -->
+	{#if showVoiceModal && voices.length > 0}
+		<!-- svelte-ignore a11y_no_static_element_interactions -->
+		<div
+			class="fixed inset-0 z-[80] flex flex-col"
+			style="background: var(--color-surface);"
+		>
+			<!-- Modal header -->
+			<div class="flex items-center gap-3 px-4 py-3 border-b border-(--color-border) shrink-0" style="padding-top: max(0.75rem, env(safe-area-inset-top));">
+				<button
+					type="button"
+					onclick={() => { stopSample(); showVoiceModal = false; voiceSearch = ''; }}
+					class="p-2 rounded-full text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors"
+					aria-label="Close voice picker"
+				>
+					<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+					</svg>
+				</button>
+				<span class="text-xs font-semibold text-(--color-muted) uppercase tracking-wider flex-1">Select Voice</span>
+			</div>
+			<!-- Search input -->
+			<div class="px-4 py-3 shrink-0 border-b border-(--color-border)">
+				<div class="relative">
+					<svg class="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-(--color-muted)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
+					</svg>
+					<input
+						type="search"
+						placeholder="Search voices…"
+						bind:value={voiceSearch}
+						class="w-full pl-9 pr-4 py-2 text-sm bg-(--color-surface-2) border border-(--color-border) rounded-lg text-(--color-text) placeholder:text-(--color-muted) focus:outline-none focus:border-(--color-brand) transition-colors"
+					/>
+				</div>
+			</div>
+			<!-- Voice list -->
+			<div class="flex-1 overflow-y-auto overscroll-contain" style="padding-bottom: env(safe-area-inset-bottom);">
+				{#each ([['Kokoro', filteredKokoro], ['Pocket TTS', filteredPocket], ['CF AI', filteredCfai]] as [string, Voice[]][]) as [label, group]}
+					{#if group.length > 0}
+						<p class="text-[10px] font-semibold text-(--color-muted) uppercase tracking-wider px-4 py-2 sticky top-0 bg-(--color-surface) border-b border-(--color-border)/50">{label}</p>
+						{#each group as v (v.id)}
+							<div
+								class={cn(
+									'flex items-center gap-3 px-4 py-3 border-b border-(--color-border)/40 transition-colors',
+									audioStore.voice === v.id ? 'bg-(--color-brand)/8' : 'hover:bg-(--color-surface-2)'
+								)}
+							>
+								<button type="button" onclick={() => selectVoice(v.id)} class="flex-1 flex items-center gap-3 text-left">
+									<span class={cn(
+										'w-4 h-4 shrink-0 rounded-full border-2 flex items-center justify-center transition-colors',
+										audioStore.voice === v.id ? 'border-(--color-brand) bg-(--color-brand)' : 'border-(--color-border)'
+									)}>
+										{#if audioStore.voice === v.id}
+											<svg class="w-2 h-2 text-(--color-surface)" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+										{/if}
+									</span>
+									<span class={cn('text-sm', audioStore.voice === v.id ? 'font-semibold text-(--color-brand)' : 'text-(--color-text)')}>{voiceLabel(v)}</span>
+								</button>
+								<button
+									type="button"
+									onclick={() => playSample(v.id)}
+									class={cn('shrink-0 p-2 rounded-full transition-colors', samplePlayingVoice === v.id ? 'text-(--color-brand) bg-(--color-brand)/10' : 'text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2)')}
+									title={samplePlayingVoice === v.id ? 'Stop sample' : 'Play sample'}
+									aria-label={samplePlayingVoice === v.id ? 'Stop sample' : 'Play sample'}
+								>
+									{#if samplePlayingVoice === v.id}
+										<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z"/></svg>
+									{:else}
+										<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+									{/if}
+								</button>
+							</div>
+						{/each}
+					{/if}
+				{/each}
+				{#if filteredKokoro.length === 0 && filteredPocket.length === 0 && filteredCfai.length === 0}
+					<p class="px-4 py-8 text-sm text-(--color-muted) text-center">No voices match "{voiceSearch}"</p>
+				{/if}
+			</div>
+		</div>
+	{/if}
+
+	<!-- ── Controls area (bottom half) ───────────────────────────────────── -->
+	<div class="flex-1 flex flex-col justify-end px-6 pb-6 gap-0 shrink-0 overflow-hidden" style="z-index: 2; position: relative;">
+
+		<!-- Seek bar -->
+		<div class="shrink-0 mb-1">
+			<input
+				type="range"
+				aria-label="Seek"
+				min="0"
+				max={audioStore.duration || 0}
+				value={audioStore.currentTime}
+				oninput={seek}
+				class="w-full h-1.5 cursor-pointer block"
+				style="accent-color: var(--color-brand);"
+			/>
+			<div class="flex justify-between text-xs text-(--color-muted) tabular-nums mt-1">
+				<span>{formatTime(audioStore.currentTime)}</span>
+				<!-- Remaining time in centre -->
+				{#if audioStore.duration > 0}
+					<span class="text-(--color-muted)/60">−{formatTime(Math.max(0, audioStore.duration - audioStore.currentTime))}</span>
+				{/if}
+				<span>{formatTime(audioStore.duration)}</span>
+			</div>
+		</div>
+
+		<!-- Transport controls -->
+		<div class="flex items-center justify-between pt-3 pb-4 shrink-0">
+			<!-- Prev chapter — smaller, clearly secondary -->
+			{#if audioStore.chapter > 1 && audioStore.slug}
+				<button
+					type="button"
+					onclick={() => playChapter(audioStore.chapter - 1)}
+					class="p-2 rounded-full text-(--color-muted)/60 hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors"
+					title="Previous chapter"
+					aria-label="Previous chapter"
+				>
+					<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
+						<path d="M6 6h2v12H6zm2 6 8.5 6V6z"/>
+					</svg>
+				</button>
+			{:else}
+				<div class="w-9 h-9"></div>
+			{/if}
+
+			<!-- Skip back 15s — medium -->
+			<button
+				type="button"
+				onclick={skipBack}
+				class="p-2 rounded-full text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors"
+				aria-label="Skip back 15 seconds"
+				title="Back 15s"
+			>
+				<svg class="w-7 h-7" fill="currentColor" viewBox="0 0 24 24">
+					<path d="M11.99 5V1l-5 5 5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6h-2c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/>
+					<text x="8.5" y="14.5" font-size="5" font-family="sans-serif" font-weight="bold" fill="currentColor">15</text>
+				</svg>
+			</button>
+
+			<!-- Play / Pause — largest, centred -->
+			<button
+				type="button"
+				onclick={togglePlay}
+				class="w-18 h-18 rounded-full bg-(--color-brand) text-(--color-surface) flex items-center justify-center hover:bg-(--color-brand-dim) transition-colors shadow-xl"
+				style="width: 4.5rem; height: 4.5rem;"
+				aria-label={audioStore.isPlaying ? 'Pause' : 'Play'}
+			>
+				{#if audioStore.isPlaying}
+					<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24">
+						<path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z"/>
+					</svg>
+				{:else}
+					<svg class="w-8 h-8 ml-1" fill="currentColor" viewBox="0 0 24 24">
+						<path d="M8 5v14l11-7z"/>
+					</svg>
+				{/if}
+			</button>
+
+			<!-- Skip forward 30s — medium -->
+			<button
+				type="button"
+				onclick={skipForward}
+				class="p-2 rounded-full text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors"
+				aria-label="Skip forward 30 seconds"
+				title="Forward 30s"
+			>
+				<svg class="w-7 h-7" fill="currentColor" viewBox="0 0 24 24">
+					<path d="M12 5V1l5 5-5 5V7c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6h2c0 4.42-3.58 8-8 8s-8-3.58-8-8 3.58-8 8-8z"/>
+					<text x="8.5" y="14.5" font-size="5" font-family="sans-serif" font-weight="bold" fill="currentColor">30</text>
+				</svg>
+			</button>
+
+			<!-- Next chapter — smaller, clearly secondary -->
+			{#if audioStore.nextChapter !== null && audioStore.slug}
+				<button
+					type="button"
+					onclick={() => playChapter(audioStore.nextChapter!)}
+					class="p-2 rounded-full text-(--color-muted)/60 hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors"
+					title="Next chapter"
+					aria-label="Next chapter"
+				>
+					<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
+						<path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"/>
+					</svg>
+				</button>
+			{:else}
+				<div class="w-9 h-9"></div>
+			{/if}
+		</div>
+
+		<!-- Secondary controls: unified single row — Speed · Auto · Announce · Sleep -->
+		<div class="flex items-center justify-center gap-2 shrink-0 flex-wrap">
+			<!-- Speed — segmented pill -->
+			<div class="flex items-center gap-0.5 bg-(--color-surface-2) rounded-full px-1.5 py-1 border border-(--color-border)">
+				{#each SPEED_OPTIONS as s}
+					<button
+						type="button"
+						onclick={() => (audioStore.speed = s)}
+						class={cn(
+							'px-2 py-0.5 rounded-full text-xs font-semibold transition-colors',
+							audioStore.speed === s
+								? 'bg-(--color-brand) text-(--color-surface)'
+								: 'text-(--color-muted) hover:text-(--color-text)'
+						)}
+						aria-pressed={audioStore.speed === s}
+					>{s}×</button>
+				{/each}
+			</div>
+
+			<!-- Auto-next pill -->
+			<button
+				type="button"
+				onclick={() => (audioStore.autoNext = !audioStore.autoNext)}
+				class={cn(
+					'flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-semibold border transition-colors',
+					audioStore.autoNext
+						? 'border-(--color-brand) bg-(--color-brand)/15 text-(--color-brand)'
+						: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text)'
+				)}
+				aria-pressed={audioStore.autoNext}
+				title={audioStore.autoNext ? 'Auto-next on' : 'Auto-next off'}
+			>
+				<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
+					<path d="M6 18l8.5-6L6 6v12zm8.5-6L23 6v12l-8.5-6z"/>
+				</svg>
+				Auto
+				{#if audioStore.autoNext && audioStore.nextStatus === 'prefetching'}
+					<span class="w-1.5 h-1.5 rounded-full bg-(--color-brand) animate-pulse"></span>
+				{:else if audioStore.autoNext && audioStore.nextStatus === 'prefetched'}
+					<span class="w-1.5 h-1.5 rounded-full bg-green-400"></span>
+				{/if}
+			</button>
+
+		<!-- Announce chapter pill (only meaningful when auto-next is on) -->
+		<button
+			type="button"
+			onclick={() => (audioStore.announceChapter = !audioStore.announceChapter)}
+			class={cn(
+				'flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-semibold border transition-colors',
+				audioStore.announceChapter
+					? 'border-(--color-brand) bg-(--color-brand)/15 text-(--color-brand)'
+					: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text)'
+			)}
+			aria-pressed={audioStore.announceChapter}
+			title={audioStore.announceChapter ? 'Chapter announcing on' : 'Chapter announcing off'}
+		>
+			<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
+				<path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z"/>
+			</svg>
+			Announce
+		</button>
+
+		<!-- Stream / Generate mode toggle -->
+		<!-- CF AI voices are batch-only and always use generate mode regardless of this setting -->
+		<button
+			type="button"
+			onclick={() => {
+				if (!audioStore.voice.startsWith('cfai:')) {
+					audioStore.audioMode = audioStore.audioMode === 'stream' ? 'generate' : 'stream';
+				}
+			}}
+			disabled={audioStore.voice.startsWith('cfai:')}
+			class={cn(
+				'flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-semibold border transition-colors',
+				audioStore.voice.startsWith('cfai:')
+					? 'border-(--color-border) bg-(--color-surface-2) text-(--color-border) cursor-not-allowed opacity-50'
+					: audioStore.audioMode === 'stream'
+						? 'border-(--color-brand) bg-(--color-brand)/15 text-(--color-brand)'
+						: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text)'
+			)}
+			aria-pressed={audioStore.audioMode === 'stream'}
+			title={audioStore.voice.startsWith('cfai:') ? 'CF AI voices always use generate mode' : audioStore.audioMode === 'stream' ? 'Stream mode — audio starts instantly' : 'Generate mode — wait for full audio before playing'}
+		>
+			{#if audioStore.audioMode === 'stream' && !audioStore.voice.startsWith('cfai:')}
+				<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
+					<path d="M8 5v14l11-7z"/>
+				</svg>
+			{:else}
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/>
+				</svg>
+			{/if}
+			{audioStore.audioMode === 'stream' && !audioStore.voice.startsWith('cfai:') ? 'Stream' : 'Generate'}
+		</button>
+
+			<!-- Sleep timer pill -->
+			<button
+				type="button"
+				onclick={cycleSleepTimer}
+				class={cn(
+					'flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-semibold border transition-colors',
+					audioStore.sleepUntil || audioStore.sleepAfterChapter
+						? 'border-(--color-brand) bg-(--color-brand)/15 text-(--color-brand)'
+						: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text)'
+				)}
+				title="Sleep timer"
+			>
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"/>
+				</svg>
+				{sleepLabel}
+			</button>
+		</div>
+
+	</div>
+</div>
+
+<!-- Chapter picker rendered OUTSIDE the transformed overlay so that
+     fixed inset-0 anchors to the real viewport, not the CSS-transformed
+     containing block (transform: translateY breaks fixed positioning). -->
+{#if showChapterModal && audioStore.chapters.length > 0}
+	<ChapterPickerOverlay
+		chapters={audioStore.chapters}
+		activeChapter={audioStore.chapter}
+		zIndex="z-[80]"
+		onselect={playChapter}
+		onclose={() => { showChapterModal = false; }}
+	/>
+{/if}
diff --git a/ui/src/lib/components/NotificationsModal.svelte b/ui/src/lib/components/NotificationsModal.svelte
new file mode 100644
index 0000000..c6a92e1
--- /dev/null
+++ b/ui/src/lib/components/NotificationsModal.svelte
@@ -0,0 +1,184 @@
+<script lang="ts">
+	import { browser } from '$app/environment';
+	import { cn } from '$lib/utils';
+
+	interface Notification {
+		id: string;
+		title: string;
+		message: string;
+		link: string;
+		read: boolean;
+	}
+
+	interface Props {
+		notifications: Notification[];
+		userId: string;
+		isAdmin: boolean;
+		onclose: () => void;
+		onMarkRead: (id: string) => void;
+		onMarkAllRead: () => void;
+		onDismiss: (id: string) => void;
+		onClearAll: () => void;
+	}
+
+	let {
+		notifications,
+		userId,
+		isAdmin,
+		onclose,
+		onMarkRead,
+		onMarkAllRead,
+		onDismiss,
+		onClearAll,
+	}: Props = $props();
+
+	let filter = $state<'all' | 'unread'>('all');
+
+	const filtered = $derived(
+		filter === 'unread' ? notifications.filter(n => !n.read) : notifications
+	);
+	const unreadCount = $derived(notifications.filter(n => !n.read).length);
+
+	// Body scroll lock + Escape to close
+	$effect(() => {
+		if (browser) {
+			const prev = document.body.style.overflow;
+			document.body.style.overflow = 'hidden';
+			return () => { document.body.style.overflow = prev; };
+		}
+	});
+
+	function onKeydown(e: KeyboardEvent) {
+		if (e.key === 'Escape') onclose();
+	}
+
+	const viewAllHref = $derived(isAdmin ? '/admin/notifications' : '/notifications');
+</script>
+
+<svelte:window onkeydown={onKeydown} />
+
+<!-- Backdrop -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	class="fixed inset-0 z-[70] flex flex-col"
+	style="background: rgba(0,0,0,0.6); backdrop-filter: blur(4px);"
+	onpointerdown={(e) => { if (e.target === e.currentTarget) onclose(); }}
+>
+	<!-- Modal panel — slides down from top -->
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<div
+		class="w-full max-w-2xl mx-auto mt-0 sm:mt-16 flex flex-col bg-(--color-surface) sm:rounded-2xl border-b sm:border border-(--color-border) shadow-2xl overflow-hidden"
+		style="max-height: 100svh;"
+		onpointerdown={(e) => e.stopPropagation()}
+	>
+		<!-- Header row -->
+		<div class="flex items-center justify-between px-4 py-3 border-b border-(--color-border) shrink-0">
+			<div class="flex items-center gap-3">
+				<span class="text-base font-semibold text-(--color-text)">Notifications</span>
+				{#if unreadCount > 0}
+					<span class="text-xs font-semibold px-2 py-0.5 rounded-full bg-(--color-brand) text-black leading-none">
+						{unreadCount}
+					</span>
+				{/if}
+			</div>
+
+			<div class="flex items-center gap-1">
+				{#if unreadCount > 0}
+					<button
+						type="button"
+						onclick={onMarkAllRead}
+						class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors px-2 py-1 rounded hover:bg-(--color-surface-2)"
+					>Mark all read</button>
+				{/if}
+				{#if notifications.length > 0}
+					<button
+						type="button"
+						onclick={onClearAll}
+						class="text-xs text-(--color-muted) hover:text-red-400 transition-colors px-2 py-1 rounded hover:bg-(--color-surface-2)"
+					>Clear all</button>
+				{/if}
+				<button
+					type="button"
+					onclick={onclose}
+					class="shrink-0 px-3 py-1 rounded-lg text-sm text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors"
+					aria-label="Close notifications"
+				>
+					Cancel
+				</button>
+			</div>
+		</div>
+
+		<!-- Filter tabs -->
+		<div class="flex gap-0 px-4 py-2 border-b border-(--color-border)/60 shrink-0">
+			<button
+				type="button"
+				onclick={() => filter = 'all'}
+				class={cn(
+					'text-xs px-3 py-1.5 rounded-l border border-(--color-border) transition-colors',
+					filter === 'all'
+						? 'bg-(--color-brand) text-black border-(--color-brand) font-semibold'
+						: 'text-(--color-muted) hover:text-(--color-text)'
+				)}
+			>All ({notifications.length})</button>
+			<button
+				type="button"
+				onclick={() => filter = 'unread'}
+				class={cn(
+					'text-xs px-3 py-1.5 rounded-r border border-l-0 border-(--color-border) transition-colors',
+					filter === 'unread'
+						? 'bg-(--color-brand) text-black border-(--color-brand) font-semibold'
+						: 'text-(--color-muted) hover:text-(--color-text)'
+				)}
+			>Unread ({unreadCount})</button>
+		</div>
+
+		<!-- Scrollable list -->
+		<div class="flex-1 overflow-y-auto overscroll-contain min-h-0">
+			{#if filtered.length === 0}
+				<div class="py-16 text-center text-(--color-muted) text-sm">
+					{filter === 'unread' ? 'No unread notifications' : 'No notifications yet'}
+				</div>
+			{:else}
+				{#each filtered as n (n.id)}
+					<div class={cn(
+						'flex items-start gap-1 border-b border-(--color-border)/40 last:border-0 hover:bg-(--color-surface-2) group transition-colors',
+						n.read && 'opacity-60'
+					)}>
+						<a
+							href={n.link || (isAdmin ? '/admin' : '/')}
+							onclick={() => { onMarkRead(n.id); onclose(); }}
+							class="flex-1 px-4 py-3.5 min-w-0"
+						>
+							<div class="flex items-center gap-1.5">
+								{#if !n.read}
+									<span class="w-1.5 h-1.5 rounded-full bg-(--color-brand) shrink-0"></span>
+								{/if}
+								<span class="text-sm font-semibold text-(--color-text) truncate">{n.title}</span>
+							</div>
+							<p class="text-sm text-(--color-muted) mt-0.5 line-clamp-2">{n.message}</p>
+						</a>
+						<button
+							type="button"
+							onclick={() => onDismiss(n.id)}
+							class="shrink-0 p-3 text-(--color-muted) hover:text-red-400 opacity-0 group-hover:opacity-100 transition-all"
+							title="Dismiss"
+						>
+							<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+							</svg>
+						</button>
+					</div>
+				{/each}
+			{/if}
+		</div>
+
+		<!-- Footer -->
+		<div class="px-4 py-3 border-t border-(--color-border)/40 shrink-0">
+			<a
+				href={viewAllHref}
+				onclick={onclose}
+				class="block text-center text-sm text-(--color-muted) hover:text-(--color-brand) transition-colors"
+			>View all notifications</a>
+		</div>
+	</div>
+</div>
diff --git a/ui/src/lib/components/SearchModal.svelte b/ui/src/lib/components/SearchModal.svelte
new file mode 100644
index 0000000..46efe2e
--- /dev/null
+++ b/ui/src/lib/components/SearchModal.svelte
@@ -0,0 +1,424 @@
+<script lang="ts">
+	import { browser } from '$app/environment';
+	import { goto } from '$app/navigation';
+	import { cn } from '$lib/utils';
+
+	interface Props {
+		onclose: () => void;
+	}
+	let { onclose }: Props = $props();
+
+	// ── Types ─────────────────────────────────────────────────────────────────
+	interface SearchResult {
+		slug: string;
+		title: string;
+		cover?: string;
+		author?: string;
+		genres?: string[];
+		status?: string;
+		chapters?: string;  // e.g. "42 chapters"
+		url?: string;       // novelfire source url — present for remote results
+	}
+
+	interface SearchResponse {
+		results: SearchResult[];
+		local_count: number;
+		remote_count: number;
+	}
+
+	// ── State ─────────────────────────────────────────────────────────────────
+	const RECENTS_KEY = 'search_recents_v1';
+	const MAX_RECENTS = 8;
+
+	function loadRecents(): string[] {
+		if (!browser) return [];
+		try {
+			const raw = localStorage.getItem(RECENTS_KEY);
+			if (raw) return JSON.parse(raw) as string[];
+		} catch { /* ignore */ }
+		return [];
+	}
+
+	function saveRecents(list: string[]) {
+		if (!browser) return;
+		try { localStorage.setItem(RECENTS_KEY, JSON.stringify(list)); } catch { /* ignore */ }
+	}
+
+	let recents = $state<string[]>(loadRecents());
+	let query   = $state('');
+	let results = $state<SearchResult[]>([]);
+	let localCount  = $state(0);
+	let remoteCount = $state(0);
+	let loading = $state(false);
+	let error   = $state('');
+
+	// For keyboard navigation through results
+	let selectedIdx = $state(-1);
+
+	// Input element ref for autofocus
+	let inputEl = $state<HTMLInputElement | null>(null);
+
+	// ── Autofocus + body scroll lock ──────────────────────────────────────────
+	$effect(() => {
+		if (inputEl) inputEl.focus();
+		if (browser) {
+			const prev = document.body.style.overflow;
+			document.body.style.overflow = 'hidden';
+			return () => { document.body.style.overflow = prev; };
+		}
+	});
+
+	// ── Keyboard shortcuts (global): Escape closes ────────────────────────────
+	function onKeydown(e: KeyboardEvent) {
+		if (e.key === 'Escape') { onclose(); return; }
+
+		const total = visibleResults.length;
+		if (total === 0) return;
+
+		if (e.key === 'ArrowDown') {
+			e.preventDefault();
+			selectedIdx = (selectedIdx + 1) % total;
+		} else if (e.key === 'ArrowUp') {
+			e.preventDefault();
+			selectedIdx = (selectedIdx - 1 + total) % total;
+		} else if (e.key === 'Enter' && selectedIdx >= 0) {
+			e.preventDefault();
+			navigateTo(visibleResults[selectedIdx]);
+		}
+	}
+
+	// ── Debounced search ──────────────────────────────────────────────────────
+	let debounceTimer = 0;
+
+	$effect(() => {
+		const q = query.trim();
+		selectedIdx = -1;
+
+		if (q.length < 2) {
+			results = [];
+			localCount = 0;
+			remoteCount = 0;
+			loading = false;
+			error = '';
+			clearTimeout(debounceTimer);
+			return;
+		}
+
+		loading = true;
+		error = '';
+		clearTimeout(debounceTimer);
+		debounceTimer = setTimeout(async () => {
+			try {
+				const res = await fetch(`/api/search?q=${encodeURIComponent(q)}`);
+				if (!res.ok) throw new Error(`HTTP ${res.status}`);
+				const data: SearchResponse = await res.json();
+				results    = data.results ?? [];
+				localCount  = data.local_count ?? 0;
+				remoteCount = data.remote_count ?? 0;
+			} catch (e) {
+				error = 'Search failed. Please try again.';
+				results = [];
+			} finally {
+				loading = false;
+			}
+		}, 300) as unknown as number;
+	});
+
+	// Results visible in the list — same as results (no client-side filter needed)
+	const visibleResults = $derived(results);
+
+	// ── Genre suggestions shown when query is empty ───────────────────────────
+	const GENRE_SUGGESTIONS = [
+		'Fantasy', 'Action', 'Romance', 'Cultivation', 'System',
+		'Reincarnation', 'Sci-Fi', 'Horror', 'Slice of Life', 'Adventure',
+	];
+
+	// ── Navigation helpers ────────────────────────────────────────────────────
+	function navigateTo(r: SearchResult) {
+		pushRecent(query.trim());
+		goto(`/books/${r.slug}`);
+		onclose();
+	}
+
+	function searchGenre(genre: string) {
+		goto(`/catalogue?genre=${encodeURIComponent(genre)}`);
+		onclose();
+	}
+
+	function submitQuery() {
+		const q = query.trim();
+		if (!q) return;
+		pushRecent(q);
+		goto(`/catalogue?q=${encodeURIComponent(q)}`);
+		onclose();
+	}
+
+	// ── Recent searches ───────────────────────────────────────────────────────
+	function pushRecent(q: string) {
+		if (!q || q.length < 2) return;
+		const next = [q, ...recents.filter(r => r.toLowerCase() !== q.toLowerCase())].slice(0, MAX_RECENTS);
+		recents = next;
+		saveRecents(next);
+	}
+
+	function removeRecent(q: string) {
+		const next = recents.filter(r => r !== q);
+		recents = next;
+		saveRecents(next);
+	}
+
+	function clearAllRecents() {
+		recents = [];
+		saveRecents([]);
+	}
+
+	function applyRecent(q: string) {
+		query = q;
+		if (inputEl) inputEl.focus();
+	}
+
+	// ── Helpers ───────────────────────────────────────────────────────────────
+	function parseGenres(genres: string[] | string | undefined): string[] {
+		if (!genres) return [];
+		if (Array.isArray(genres)) return genres;
+		try { const p = JSON.parse(genres); return Array.isArray(p) ? p : []; } catch { return []; }
+	}
+
+	const isRemote = (r: SearchResult) => r.url != null && r.url.includes('novelfire');
+</script>
+
+<!-- svelte:window for global keyboard handling -->
+<svelte:window onkeydown={onKeydown} />
+
+<!-- Backdrop -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	class="fixed inset-0 z-[70] flex flex-col"
+	style="background: rgba(0,0,0,0.6); backdrop-filter: blur(4px);"
+	onpointerdown={(e) => { if (e.target === e.currentTarget) onclose(); }}
+>
+	<!-- Modal panel — slides down from top -->
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<div
+		class="w-full max-w-2xl mx-auto mt-0 sm:mt-16 flex flex-col bg-(--color-surface) sm:rounded-2xl border-b sm:border border-(--color-border) shadow-2xl overflow-hidden"
+		style="max-height: 100svh; sm:max-height: calc(100svh - 8rem);"
+		onpointerdown={(e) => e.stopPropagation()}
+	>
+		<!-- ── Search input row ──────────────────────────────────────────────── -->
+		<div class="flex items-center gap-3 px-4 py-3 border-b border-(--color-border) shrink-0">
+			<!-- Search icon -->
+			{#if loading}
+				<svg class="w-5 h-5 text-(--color-brand) animate-spin shrink-0" fill="none" viewBox="0 0 24 24">
+					<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/>
+					<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/>
+				</svg>
+			{:else}
+				<svg class="w-5 h-5 text-(--color-muted) shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
+				</svg>
+			{/if}
+
+			<input
+				bind:this={inputEl}
+				bind:value={query}
+				type="search"
+				placeholder="Search books, authors, genres…"
+				class="flex-1 bg-transparent text-(--color-text) placeholder:text-(--color-muted) text-base focus:outline-none min-w-0 [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden"
+				onkeydown={(e) => { if (e.key === 'Enter') { e.preventDefault(); submitQuery(); } }}
+				autocomplete="off"
+				autocorrect="off"
+				spellcheck={false}
+			/>
+
+			<button
+				type="button"
+				onclick={onclose}
+				class="shrink-0 px-3 py-1 rounded-lg text-sm text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors"
+				aria-label="Close search"
+			>
+				Cancel
+			</button>
+		</div>
+
+		<!-- ── Scrollable body ───────────────────────────────────────────────── -->
+		<div class="flex-1 overflow-y-auto overscroll-contain">
+
+			<!-- ── Error state ─────────────────────────────────────────────── -->
+			{#if error}
+				<p class="px-5 py-8 text-sm text-center text-(--color-danger)">{error}</p>
+
+			<!-- ── Results ─────────────────────────────────────────────────── -->
+			{:else if visibleResults.length > 0}
+				<!-- Result count + "see all" hint -->
+				<div class="flex items-center justify-between px-4 pt-3 pb-1.5">
+					<p class="text-xs text-(--color-muted)">
+						{#if localCount > 0 && remoteCount > 0}
+							<span class="text-(--color-text) font-medium">{localCount}</span> in library
+							· <span class="text-(--color-text) font-medium">{remoteCount}</span> from Novelfire
+						{:else if localCount > 0}
+							<span class="text-(--color-text) font-medium">{localCount}</span> in library
+						{:else}
+							<span class="text-(--color-text) font-medium">{remoteCount}</span> from Novelfire
+						{/if}
+					</p>
+					<!-- "All results in catalogue" shortcut -->
+					<button
+						type="button"
+						onclick={submitQuery}
+						class="text-xs text-(--color-brand) hover:text-(--color-brand-dim) transition-colors"
+					>
+						See all in catalogue →
+					</button>
+				</div>
+
+				{#each visibleResults as r, i}
+					{@const genres = parseGenres(r.genres)}
+					{@const remote = isRemote(r)}
+					<button
+						type="button"
+						onclick={() => navigateTo(r)}
+						class={cn(
+							'w-full flex items-center gap-3 px-4 py-3 text-left transition-colors border-b border-(--color-border)/40 last:border-0',
+							selectedIdx === i ? 'bg-(--color-surface-2)' : 'hover:bg-(--color-surface-2)'
+						)}
+					>
+						<!-- Cover thumbnail -->
+						<div class="shrink-0 w-10 h-14 rounded overflow-hidden bg-(--color-surface-2) border border-(--color-border)">
+							{#if r.cover}
+								<img src={r.cover} alt="" class="w-full h-full object-cover" loading="lazy" />
+							{:else}
+								<div class="w-full h-full flex items-center justify-center">
+									<svg class="w-5 h-5 text-(--color-muted)/40" fill="currentColor" viewBox="0 0 24 24">
+										<path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z"/>
+									</svg>
+								</div>
+							{/if}
+						</div>
+
+						<!-- Info -->
+						<div class="flex-1 min-w-0">
+							<div class="flex items-start gap-2">
+								<p class="text-sm font-semibold text-(--color-text) leading-snug line-clamp-1 flex-1">
+									{r.title}
+								</p>
+								{#if remote}
+									<span class="shrink-0 text-[10px] font-semibold px-1.5 py-0.5 rounded bg-(--color-surface-3) text-(--color-muted) border border-(--color-border) leading-none mt-0.5">
+										Novelfire
+									</span>
+								{/if}
+							</div>
+							{#if r.author}
+								<p class="text-xs text-(--color-muted) mt-0.5 truncate">{r.author}</p>
+							{/if}
+							<div class="flex items-center gap-1.5 mt-1 flex-wrap">
+								{#if r.chapters}
+									<span class="text-xs text-(--color-muted)/60">{r.chapters}</span>
+								{/if}
+								{#if r.status}
+									<span class="text-xs text-(--color-muted)/60 capitalize">{r.status}</span>
+								{/if}
+								{#each genres.slice(0, 2) as g}
+									<span class="text-[10px] px-1.5 py-0.5 rounded-full bg-(--color-surface-3) text-(--color-muted)">{g}</span>
+								{/each}
+							</div>
+						</div>
+
+						<!-- Chevron -->
+						<svg class="w-4 h-4 text-(--color-muted)/40 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+						</svg>
+					</button>
+				{/each}
+
+				<!-- "See all results" footer button -->
+				<button
+					type="button"
+					onclick={submitQuery}
+					class="w-full flex items-center justify-center gap-2 px-4 py-4 text-sm text-(--color-brand) hover:bg-(--color-surface-2) transition-colors"
+				>
+					<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
+					</svg>
+					See all results for "{query.trim()}"
+				</button>
+
+			<!-- ── No results ───────────────────────────────────────────────── -->
+			{:else if query.trim().length >= 2 && !loading}
+				<div class="px-5 py-10 text-center">
+					<p class="text-sm font-semibold text-(--color-text) mb-1">No results for "{query.trim()}"</p>
+					<p class="text-xs text-(--color-muted) mb-5">Try a different title, author, or browse by genre below.</p>
+					<div class="flex flex-wrap gap-2 justify-center">
+						{#each GENRE_SUGGESTIONS as genre}
+							<button
+								type="button"
+								onclick={() => searchGenre(genre)}
+								class="px-3 py-1.5 rounded-full border border-(--color-border) bg-(--color-surface-2) text-sm text-(--color-muted) hover:text-(--color-text) hover:border-(--color-brand)/50 transition-colors"
+							>
+								{genre}
+							</button>
+						{/each}
+					</div>
+				</div>
+
+			<!-- ── Empty state (query too short or empty) ───────────────────── -->
+			{:else if query.trim().length === 0}
+				<!-- Recent searches -->
+				{#if recents.length > 0}
+					<div class="px-4 pt-4 pb-2">
+						<div class="flex items-center justify-between mb-2">
+							<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-wider">Recent</p>
+							<button
+								type="button"
+								onclick={clearAllRecents}
+								class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors"
+							>
+								Clear all
+							</button>
+						</div>
+						{#each recents as r}
+							<div class="flex items-center gap-2 group">
+								<button
+									type="button"
+									onclick={() => applyRecent(r)}
+									class="flex-1 flex items-center gap-2.5 px-1 py-2 rounded-lg text-sm text-(--color-text) hover:bg-(--color-surface-2) transition-colors text-left"
+								>
+									<svg class="w-3.5 h-3.5 text-(--color-muted)/50 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+										<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
+									</svg>
+									{r}
+								</button>
+								<button
+									type="button"
+									onclick={() => removeRecent(r)}
+									class="shrink-0 p-1 rounded text-(--color-muted)/40 hover:text-(--color-muted) opacity-0 group-hover:opacity-100 transition-all"
+									aria-label="Remove"
+								>
+									<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+										<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+									</svg>
+								</button>
+							</div>
+						{/each}
+					</div>
+					<div class="mx-4 my-2 border-t border-(--color-border)/60"></div>
+				{/if}
+
+				<!-- Genre suggestions -->
+				<div class="px-4 pt-3 pb-5">
+					<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-wider mb-3">Browse by genre</p>
+					<div class="flex flex-wrap gap-2">
+						{#each GENRE_SUGGESTIONS as genre}
+							<button
+								type="button"
+								onclick={() => searchGenre(genre)}
+								class="px-3 py-1.5 rounded-full border border-(--color-border) bg-(--color-surface-2) text-sm text-(--color-muted) hover:text-(--color-text) hover:border-(--color-brand)/50 transition-colors"
+							>
+								{genre}
+							</button>
+						{/each}
+					</div>
+				</div>
+			{/if}
+		</div>
+	</div>
+</div>
diff --git a/ui/src/lib/components/SeasonalDecoration.svelte b/ui/src/lib/components/SeasonalDecoration.svelte
new file mode 100644
index 0000000..e6b498e
--- /dev/null
+++ b/ui/src/lib/components/SeasonalDecoration.svelte
@@ -0,0 +1,285 @@
+<script lang="ts">
+	/**
+	 * SeasonalDecoration — full-viewport canvas particle overlay.
+	 *
+	 * Modes:
+	 *   snow       — white circular snowflakes drifting down with gentle sway
+	 *   sakura     — pink/white ellipse petals falling and rotating
+	 *   fireflies  — small glowing dots floating up, pulsing opacity
+	 *   leaves     — orange/red/yellow tear-drop shapes tumbling down
+	 *   stars      — white stars twinkling in place (fixed positions, opacity animation)
+	 */
+
+	type Mode = 'snow' | 'sakura' | 'fireflies' | 'leaves' | 'stars';
+
+	interface Props { mode: Mode }
+	let { mode }: Props = $props();
+
+	let canvas = $state<HTMLCanvasElement | null>(null);
+	let raf = 0;
+
+	// ── Particle types ──────────────────────────────────────────────────────
+
+	interface Particle {
+		x: number; y: number; r: number;
+		vx: number; vy: number;
+		angle: number; vAngle: number;
+		opacity: number; vOpacity: number;
+		color: string;
+		// star-specific
+		twinkleOffset?: number;
+	}
+
+	// ── Palette helpers ──────────────────────────────────────────────────────
+
+	function rand(min: number, max: number) { return min + Math.random() * (max - min); }
+	function randInt(min: number, max: number) { return Math.floor(rand(min, max + 1)); }
+
+	const SNOW_COLORS    = ['rgba(255,255,255,0.85)', 'rgba(200,220,255,0.75)', 'rgba(220,235,255,0.8)'];
+	const SAKURA_COLORS  = ['rgba(255,182,193,0.85)', 'rgba(255,200,210,0.8)', 'rgba(255,240,245,0.9)', 'rgba(255,160,180,0.75)'];
+	const FIREFLY_COLORS = ['rgba(180,255,100,0.9)', 'rgba(220,255,150,0.85)', 'rgba(255,255,180,0.8)'];
+	const LEAF_COLORS    = ['rgba(210,80,20,0.85)', 'rgba(190,120,30,0.8)', 'rgba(220,160,40,0.85)', 'rgba(180,60,10,0.8)', 'rgba(240,140,30,0.9)'];
+	const STAR_COLORS    = ['rgba(255,255,255,0.9)', 'rgba(255,240,180,0.85)', 'rgba(180,210,255,0.8)'];
+
+	// ── Spawn helpers ────────────────────────────────────────────────────────
+
+	function spawnSnow(W: number, H: number): Particle {
+		return {
+			x: rand(0, W), y: rand(-H * 0.2, -4),
+			r: rand(1.5, 5),
+			vx: rand(-0.4, 0.4), vy: rand(0.6, 2.0),
+			angle: 0, vAngle: 0,
+			opacity: rand(0.5, 1), vOpacity: 0,
+			color: SNOW_COLORS[randInt(0, SNOW_COLORS.length - 1)],
+		};
+	}
+
+	function spawnSakura(W: number, H: number): Particle {
+		return {
+			x: rand(0, W), y: rand(-H * 0.2, -4),
+			r: rand(3, 7),
+			vx: rand(-0.6, 0.6), vy: rand(0.5, 1.6),
+			angle: rand(0, Math.PI * 2), vAngle: rand(-0.03, 0.03),
+			opacity: rand(0.6, 1), vOpacity: 0,
+			color: SAKURA_COLORS[randInt(0, SAKURA_COLORS.length - 1)],
+		};
+	}
+
+	function spawnFirefly(W: number, H: number): Particle {
+		return {
+			x: rand(0, W), y: rand(H * 0.3, H),
+			r: rand(1.5, 3.5),
+			vx: rand(-0.3, 0.3), vy: rand(-0.8, -0.2),
+			angle: 0, vAngle: 0,
+			opacity: rand(0.2, 0.8), vOpacity: rand(0.008, 0.025) * (Math.random() < 0.5 ? 1 : -1),
+			color: FIREFLY_COLORS[randInt(0, FIREFLY_COLORS.length - 1)],
+		};
+	}
+
+	function spawnLeaf(W: number, H: number): Particle {
+		return {
+			x: rand(0, W), y: rand(-H * 0.2, -4),
+			r: rand(4, 9),
+			vx: rand(-1.2, 1.2), vy: rand(0.8, 2.5),
+			angle: rand(0, Math.PI * 2), vAngle: rand(-0.05, 0.05),
+			opacity: rand(0.6, 1), vOpacity: 0,
+			color: LEAF_COLORS[randInt(0, LEAF_COLORS.length - 1)],
+		};
+	}
+
+	function spawnStar(W: number, H: number): Particle {
+		return {
+			x: rand(0, W), y: rand(0, H),
+			r: rand(0.8, 2.5),
+			vx: 0, vy: 0,
+			angle: 0, vAngle: 0,
+			opacity: rand(0.1, 0.9),
+			vOpacity: rand(0.004, 0.015) * (Math.random() < 0.5 ? 1 : -1),
+			color: STAR_COLORS[randInt(0, STAR_COLORS.length - 1)],
+			twinkleOffset: rand(0, Math.PI * 2),
+		};
+	}
+
+	// ── Draw helpers ─────────────────────────────────────────────────────────
+
+	function drawSnow(ctx: CanvasRenderingContext2D, p: Particle) {
+		ctx.beginPath();
+		ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
+		ctx.fillStyle = p.color;
+		ctx.globalAlpha = p.opacity;
+		ctx.fill();
+	}
+
+	function drawSakura(ctx: CanvasRenderingContext2D, p: Particle) {
+		ctx.save();
+		ctx.translate(p.x, p.y);
+		ctx.rotate(p.angle);
+		ctx.beginPath();
+		ctx.ellipse(0, 0, p.r * 1.8, p.r, 0, 0, Math.PI * 2);
+		ctx.fillStyle = p.color;
+		ctx.globalAlpha = p.opacity;
+		ctx.fill();
+		ctx.restore();
+	}
+
+	function drawFirefly(ctx: CanvasRenderingContext2D, p: Particle) {
+		// Glow effect: large soft circle + small bright core
+		const grd = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.r * 4);
+		grd.addColorStop(0, p.color);
+		grd.addColorStop(1, 'rgba(0,0,0,0)');
+		ctx.beginPath();
+		ctx.arc(p.x, p.y, p.r * 4, 0, Math.PI * 2);
+		ctx.fillStyle = grd;
+		ctx.globalAlpha = p.opacity * 0.6;
+		ctx.fill();
+		ctx.beginPath();
+		ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
+		ctx.fillStyle = p.color;
+		ctx.globalAlpha = p.opacity;
+		ctx.fill();
+	}
+
+	function drawLeaf(ctx: CanvasRenderingContext2D, p: Particle) {
+		ctx.save();
+		ctx.translate(p.x, p.y);
+		ctx.rotate(p.angle);
+		ctx.beginPath();
+		ctx.moveTo(0, -p.r * 1.5);
+		ctx.bezierCurveTo(p.r * 1.2, -p.r * 0.5, p.r * 1.2, p.r * 0.5, 0, p.r * 1.5);
+		ctx.bezierCurveTo(-p.r * 1.2, p.r * 0.5, -p.r * 1.2, -p.r * 0.5, 0, -p.r * 1.5);
+		ctx.fillStyle = p.color;
+		ctx.globalAlpha = p.opacity;
+		ctx.fill();
+		ctx.restore();
+	}
+
+	function drawStar(ctx: CanvasRenderingContext2D, p: Particle, t: number) {
+		const pulse = 0.5 + 0.5 * Math.sin(t * 0.002 + (p.twinkleOffset ?? 0));
+		ctx.beginPath();
+		ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
+		ctx.fillStyle = p.color;
+		ctx.globalAlpha = p.opacity * pulse;
+		ctx.fill();
+	}
+
+	// ── Particle count by mode ────────────────────────────────────────────────
+
+	const COUNT: Record<Mode, number> = {
+		snow: 120, sakura: 60, fireflies: 50, leaves: 45, stars: 150,
+	};
+
+	// ── Main effect ──────────────────────────────────────────────────────────
+
+	$effect(() => {
+		if (!canvas) return;
+		const ctx = canvas.getContext('2d');
+		if (!ctx) return;
+
+		let W = window.innerWidth;
+		let H = window.innerHeight;
+		canvas.width = W;
+		canvas.height = H;
+
+		const onResize = () => {
+			W = window.innerWidth;
+			H = window.innerHeight;
+			canvas!.width = W;
+			canvas!.height = H;
+			// Reseed stars on resize since they're positionally fixed
+			if (mode === 'stars') {
+				particles.length = 0;
+				for (let i = 0; i < COUNT.stars; i++) particles.push(spawnStar(W, H));
+			}
+		};
+		window.addEventListener('resize', onResize);
+
+		const n = COUNT[mode];
+		const particles: Particle[] = [];
+
+		// Pre-scatter initial particles across the full height
+		for (let i = 0; i < n; i++) {
+			let p: Particle;
+			switch (mode) {
+				case 'snow':       p = spawnSnow(W, H);      p.y = rand(0, H); break;
+				case 'sakura':     p = spawnSakura(W, H);    p.y = rand(0, H); break;
+				case 'fireflies':  p = spawnFirefly(W, H);                     break;
+				case 'leaves':     p = spawnLeaf(W, H);      p.y = rand(0, H); break;
+				case 'stars':      p = spawnStar(W, H);                        break;
+			}
+			particles.push(p);
+		}
+
+		let t = 0;
+
+		function tick() {
+			ctx!.clearRect(0, 0, W, H);
+			ctx!.save();
+
+			for (let i = 0; i < particles.length; i++) {
+				const p = particles[i];
+
+				switch (mode) {
+					case 'snow': {
+						// Gentle horizontal sway
+						p.vx = Math.sin(t * 0.001 + p.y * 0.01) * 0.5;
+						p.x += p.vx; p.y += p.vy;
+						if (p.y > H + 10) particles[i] = spawnSnow(W, H);
+						else drawSnow(ctx!, p);
+						break;
+					}
+					case 'sakura': {
+						p.vx = Math.sin(t * 0.0008 + p.y * 0.008) * 0.8;
+						p.x += p.vx; p.y += p.vy;
+						p.angle += p.vAngle;
+						if (p.y > H + 20) particles[i] = spawnSakura(W, H);
+						else drawSakura(ctx!, p);
+						break;
+					}
+					case 'fireflies': {
+						p.x += p.vx + Math.sin(t * 0.002 + i) * 0.3;
+						p.y += p.vy;
+						p.opacity += p.vOpacity;
+						if (p.opacity >= 1)   { p.opacity = 1;   p.vOpacity *= -1; }
+						if (p.opacity <= 0.1) { p.opacity = 0.1; p.vOpacity *= -1; }
+						if (p.y < -10) particles[i] = spawnFirefly(W, H);
+						else drawFirefly(ctx!, p);
+						break;
+					}
+					case 'leaves': {
+						p.vx = Math.sin(t * 0.001 + p.y * 0.01) * 1.2 + p.vx * 0.02;
+						p.x += p.vx; p.y += p.vy;
+						p.angle += p.vAngle;
+						if (p.y > H + 20) particles[i] = spawnLeaf(W, H);
+						else drawLeaf(ctx!, p);
+						break;
+					}
+					case 'stars': {
+						drawStar(ctx!, p, t);
+						break;
+					}
+				}
+			}
+
+			ctx!.restore();
+			t++;
+			raf = requestAnimationFrame(tick);
+		}
+
+		raf = requestAnimationFrame(tick);
+
+		return () => {
+			cancelAnimationFrame(raf);
+			window.removeEventListener('resize', onResize);
+		};
+	});
+</script>
+
+<!--
+  Fixed full-viewport overlay, pointer-events-none so all clicks pass through.
+  z-index 40 keeps it below the sticky nav (z-50) but above page content.
+-->
+<canvas
+	bind:this={canvas}
+	class="fixed inset-0 z-40 pointer-events-none"
+	aria-hidden="true"
+></canvas>
diff --git a/ui/src/lib/components/StarRating.svelte b/ui/src/lib/components/StarRating.svelte
new file mode 100644
index 0000000..918b4d9
--- /dev/null
+++ b/ui/src/lib/components/StarRating.svelte
@@ -0,0 +1,60 @@
+<script lang="ts">
+	interface Props {
+		rating: number;        // current user rating 0–5 (0 = unrated)
+		avg?: number;          // average rating
+		count?: number;        // total ratings
+		readonly?: boolean;    // display-only mode
+		size?: 'sm' | 'md';
+		onrate?: (r: number) => void;
+	}
+
+	let { rating = 0, avg = 0, count = 0, readonly = false, size = 'md', onrate }: Props = $props();
+
+	let hovered = $state(0);
+
+	const starSize = $derived(size === 'sm' ? 'w-3.5 h-3.5' : 'w-5 h-5');
+	const display = $derived(hovered || rating || 0);
+</script>
+
+<div class="flex items-center gap-2">
+	<div class="flex items-center gap-0.5">
+		{#each [1,2,3,4,5] as star}
+			<button
+				type="button"
+				disabled={readonly}
+				onmouseenter={() => { if (!readonly) hovered = star; }}
+				onmouseleave={() => { if (!readonly) hovered = 0; }}
+				onclick={() => { if (!readonly) onrate?.(star); }}
+				class="transition-transform {readonly ? 'cursor-default' : 'cursor-pointer hover:scale-110 active:scale-95'} disabled:pointer-events-none"
+				aria-label="Rate {star} star{star !== 1 ? 's' : ''}"
+			>
+				<svg
+					class="{starSize} transition-colors"
+					fill={star <= display ? 'currentColor' : 'none'}
+					stroke="currentColor"
+					stroke-width="1.5"
+					viewBox="0 0 24 24"
+				>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"
+					/>
+				</svg>
+			</button>
+		{/each}
+	</div>
+	{#if count > 0}
+		<div class="flex flex-col">
+			<span class="text-sm font-semibold text-(--color-text)">{avg.toFixed(1)}</span>
+			<span class="text-xs text-(--color-muted) leading-none">{count} {count === 1 ? 'rating' : 'ratings'}</span>
+		</div>
+	{:else if !readonly}
+		<span class="text-xs text-(--color-muted)">Rate this book</span>
+	{/if}
+</div>
+
+<style>
+	button[disabled] { pointer-events: none; }
+	svg { color: #f59e0b; }
+</style>
diff --git a/ui/src/lib/components/ui/badge/Badge.svelte b/ui/src/lib/components/ui/badge/Badge.svelte
new file mode 100644
index 0000000..8e41f16
--- /dev/null
+++ b/ui/src/lib/components/ui/badge/Badge.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { cn } from '$lib/utils';
+
+	type Variant = 'default' | 'secondary' | 'outline' | 'destructive';
+
+	interface Props {
+		variant?: Variant;
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { variant = 'default', class: className = '', children }: Props = $props();
+
+	const base =
+		'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none';
+
+	const variants: Record<Variant, string> = {
+		default:     'border-transparent bg-(--color-brand) text-(--color-surface)',
+		secondary:   'border-transparent bg-(--color-surface-3) text-(--color-text)',
+		outline:     'border-(--color-border) text-(--color-muted)',
+		destructive: 'border-transparent bg-(--color-danger)/20 text-(--color-danger)',
+	};
+</script>
+
+<span class={cn(base, variants[variant], className)}>
+	{@render children?.()}
+</span>
diff --git a/ui/src/lib/components/ui/badge/index.ts b/ui/src/lib/components/ui/badge/index.ts
new file mode 100644
index 0000000..33d5622
--- /dev/null
+++ b/ui/src/lib/components/ui/badge/index.ts
@@ -0,0 +1 @@
+export { default as Badge } from './Badge.svelte';
diff --git a/ui/src/lib/components/ui/button/Button.svelte b/ui/src/lib/components/ui/button/Button.svelte
new file mode 100644
index 0000000..b7457ad
--- /dev/null
+++ b/ui/src/lib/components/ui/button/Button.svelte
@@ -0,0 +1,58 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { cn } from '$lib/utils';
+
+	type Variant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
+	type Size = 'default' | 'sm' | 'lg' | 'icon';
+
+	interface Props {
+		variant?: Variant;
+		size?: Size;
+		disabled?: boolean;
+		type?: 'button' | 'submit' | 'reset';
+		class?: string;
+		onclick?: (e: MouseEvent) => void;
+		children?: Snippet;
+		[key: string]: unknown;
+	}
+
+	let {
+		variant = 'default',
+		size = 'default',
+		disabled = false,
+		type = 'button',
+		class: className = '',
+		onclick,
+		children,
+		...rest
+	}: Props = $props();
+
+	const base =
+		'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-brand) focus-visible:ring-offset-2 focus-visible:ring-offset-(--color-surface) disabled:pointer-events-none disabled:opacity-50';
+
+	const variants: Record<Variant, string> = {
+		default:     'bg-(--color-brand) text-(--color-surface) hover:bg-(--color-brand-dim)',
+		secondary:   'bg-(--color-surface-3) text-(--color-text) hover:bg-(--color-border)',
+		outline:     'border border-(--color-border) bg-transparent text-(--color-muted) hover:bg-(--color-surface-2) hover:text-(--color-text)',
+		ghost:       'bg-transparent text-(--color-muted) hover:bg-(--color-surface-2) hover:text-(--color-text)',
+		destructive: 'bg-(--color-danger)/20 text-(--color-danger) hover:bg-(--color-danger)/30',
+		link:        'text-(--color-brand) underline-offset-4 hover:underline bg-transparent p-0 h-auto',
+	};
+
+	const sizes: Record<Size, string> = {
+		default: 'h-9 px-4 py-2',
+		sm:      'h-8 rounded-md px-3 text-xs',
+		lg:      'h-11 rounded-md px-8',
+		icon:    'h-9 w-9',
+	};
+</script>
+
+<button
+	{type}
+	{disabled}
+	class={cn(base, variants[variant], sizes[size], className)}
+	{onclick}
+	{...rest}
+>
+	{@render children?.()}
+</button>
diff --git a/ui/src/lib/components/ui/button/index.ts b/ui/src/lib/components/ui/button/index.ts
new file mode 100644
index 0000000..ae34e39
--- /dev/null
+++ b/ui/src/lib/components/ui/button/index.ts
@@ -0,0 +1 @@
+export { default as Button } from './Button.svelte';
diff --git a/ui/src/lib/components/ui/card/Card.svelte b/ui/src/lib/components/ui/card/Card.svelte
new file mode 100644
index 0000000..f391c07
--- /dev/null
+++ b/ui/src/lib/components/ui/card/Card.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { cn } from '$lib/utils';
+
+	interface Props {
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { class: className = '', children }: Props = $props();
+</script>
+
+<div class={cn('rounded-xl border border-(--color-border) bg-(--color-surface-2)/50', className)}>
+	{@render children?.()}
+</div>
diff --git a/ui/src/lib/components/ui/card/CardContent.svelte b/ui/src/lib/components/ui/card/CardContent.svelte
new file mode 100644
index 0000000..fcfb792
--- /dev/null
+++ b/ui/src/lib/components/ui/card/CardContent.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { cn } from '$lib/utils';
+
+	interface Props {
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { class: className = '', children }: Props = $props();
+</script>
+
+<div class={cn('p-5 pt-0', className)}>
+	{@render children?.()}
+</div>
diff --git a/ui/src/lib/components/ui/card/CardDescription.svelte b/ui/src/lib/components/ui/card/CardDescription.svelte
new file mode 100644
index 0000000..65183c7
--- /dev/null
+++ b/ui/src/lib/components/ui/card/CardDescription.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { cn } from '$lib/utils';
+
+	interface Props {
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { class: className = '', children }: Props = $props();
+</script>
+
+<p class={cn('text-sm text-(--color-muted)', className)}>
+	{@render children?.()}
+</p>
diff --git a/ui/src/lib/components/ui/card/CardFooter.svelte b/ui/src/lib/components/ui/card/CardFooter.svelte
new file mode 100644
index 0000000..a79efb5
--- /dev/null
+++ b/ui/src/lib/components/ui/card/CardFooter.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { cn } from '$lib/utils';
+
+	interface Props {
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { class: className = '', children }: Props = $props();
+</script>
+
+<div class={cn('flex items-center p-5 pt-0', className)}>
+	{@render children?.()}
+</div>
diff --git a/ui/src/lib/components/ui/card/CardHeader.svelte b/ui/src/lib/components/ui/card/CardHeader.svelte
new file mode 100644
index 0000000..14b5d48
--- /dev/null
+++ b/ui/src/lib/components/ui/card/CardHeader.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { cn } from '$lib/utils';
+
+	interface Props {
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { class: className = '', children }: Props = $props();
+</script>
+
+<div class={cn('flex flex-col space-y-1.5 p-5', className)}>
+	{@render children?.()}
+</div>
diff --git a/ui/src/lib/components/ui/card/CardTitle.svelte b/ui/src/lib/components/ui/card/CardTitle.svelte
new file mode 100644
index 0000000..1619e8e
--- /dev/null
+++ b/ui/src/lib/components/ui/card/CardTitle.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { cn } from '$lib/utils';
+
+	interface Props {
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { class: className = '', children }: Props = $props();
+</script>
+
+<h3 class={cn('font-semibold leading-none tracking-tight text-(--color-text)', className)}>
+	{@render children?.()}
+</h3>
diff --git a/ui/src/lib/components/ui/card/index.ts b/ui/src/lib/components/ui/card/index.ts
new file mode 100644
index 0000000..61fcc56
--- /dev/null
+++ b/ui/src/lib/components/ui/card/index.ts
@@ -0,0 +1,6 @@
+export { default as Card } from './Card.svelte';
+export { default as CardHeader } from './CardHeader.svelte';
+export { default as CardTitle } from './CardTitle.svelte';
+export { default as CardDescription } from './CardDescription.svelte';
+export { default as CardContent } from './CardContent.svelte';
+export { default as CardFooter } from './CardFooter.svelte';
diff --git a/ui/src/lib/components/ui/dialog/Dialog.svelte b/ui/src/lib/components/ui/dialog/Dialog.svelte
new file mode 100644
index 0000000..b846c3d
--- /dev/null
+++ b/ui/src/lib/components/ui/dialog/Dialog.svelte
@@ -0,0 +1,52 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { cn } from '$lib/utils';
+
+	interface Props {
+		open?: boolean;
+		onclose?: () => void;
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { open = $bindable(false), onclose, class: className = '', children }: Props = $props();
+
+	function handleBackdropClick(e: MouseEvent) {
+		if (e.target === e.currentTarget) {
+			open = false;
+			onclose?.();
+		}
+	}
+
+	function handleBackdropKeyDown(e: KeyboardEvent) {
+		if ((e.key === 'Enter' || e.key === ' ') && e.target === e.currentTarget) {
+			open = false;
+			onclose?.();
+		}
+	}
+
+	function handleKeyDown(e: KeyboardEvent) {
+		if (e.key === 'Escape') {
+			open = false;
+			onclose?.();
+		}
+	}
+</script>
+
+<svelte:window onkeydown={handleKeyDown} />
+
+{#if open}
+	<!-- Backdrop -->
+	<div
+		class="fixed inset-0 z-50 flex items-center justify-center bg-black/70 backdrop-blur-sm p-4"
+		role="dialog"
+		aria-modal="true"
+		tabindex="-1"
+		onclick={handleBackdropClick}
+		onkeydown={handleBackdropKeyDown}
+	>
+		<div class={cn('bg-(--color-surface) rounded-2xl border border-(--color-border) shadow-2xl w-full max-w-sm', className)}>
+			{@render children?.()}
+		</div>
+	</div>
+{/if}
diff --git a/ui/src/lib/components/ui/dialog/DialogContent.svelte b/ui/src/lib/components/ui/dialog/DialogContent.svelte
new file mode 100644
index 0000000..705eb04
--- /dev/null
+++ b/ui/src/lib/components/ui/dialog/DialogContent.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { cn } from '$lib/utils';
+
+	interface Props {
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { class: className = '', children }: Props = $props();
+</script>
+
+<div class={cn('flex flex-col gap-4 p-5', className)}>
+	{@render children?.()}
+</div>
diff --git a/ui/src/lib/components/ui/dialog/DialogFooter.svelte b/ui/src/lib/components/ui/dialog/DialogFooter.svelte
new file mode 100644
index 0000000..5e81337
--- /dev/null
+++ b/ui/src/lib/components/ui/dialog/DialogFooter.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { cn } from '$lib/utils';
+
+	interface Props {
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { class: className = '', children }: Props = $props();
+</script>
+
+<div class={cn('flex items-center justify-end gap-2 px-5 pb-5', className)}>
+	{@render children?.()}
+</div>
diff --git a/ui/src/lib/components/ui/dialog/DialogHeader.svelte b/ui/src/lib/components/ui/dialog/DialogHeader.svelte
new file mode 100644
index 0000000..879523a
--- /dev/null
+++ b/ui/src/lib/components/ui/dialog/DialogHeader.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { cn } from '$lib/utils';
+
+	interface Props {
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { class: className = '', children }: Props = $props();
+</script>
+
+<div class={cn('flex flex-col space-y-1.5 px-5 pt-5', className)}>
+	{@render children?.()}
+</div>
diff --git a/ui/src/lib/components/ui/dialog/DialogTitle.svelte b/ui/src/lib/components/ui/dialog/DialogTitle.svelte
new file mode 100644
index 0000000..c6efd9e
--- /dev/null
+++ b/ui/src/lib/components/ui/dialog/DialogTitle.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { cn } from '$lib/utils';
+
+	interface Props {
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { class: className = '', children }: Props = $props();
+</script>
+
+<h2 class={cn('text-base font-semibold leading-none tracking-tight text-(--color-text)', className)}>
+	{@render children?.()}
+</h2>
diff --git a/ui/src/lib/components/ui/dialog/index.ts b/ui/src/lib/components/ui/dialog/index.ts
new file mode 100644
index 0000000..289a05f
--- /dev/null
+++ b/ui/src/lib/components/ui/dialog/index.ts
@@ -0,0 +1,5 @@
+export { default as Dialog } from './Dialog.svelte';
+export { default as DialogContent } from './DialogContent.svelte';
+export { default as DialogHeader } from './DialogHeader.svelte';
+export { default as DialogTitle } from './DialogTitle.svelte';
+export { default as DialogFooter } from './DialogFooter.svelte';
diff --git a/ui/src/lib/components/ui/separator/Separator.svelte b/ui/src/lib/components/ui/separator/Separator.svelte
new file mode 100644
index 0000000..f5c55e8
--- /dev/null
+++ b/ui/src/lib/components/ui/separator/Separator.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { cn } from '$lib/utils';
+
+	interface Props {
+		class?: string;
+		orientation?: 'horizontal' | 'vertical';
+	}
+
+	let { class: className = '', orientation = 'horizontal' }: Props = $props();
+</script>
+
+<div
+	role="separator"
+	class={cn(
+		'shrink-0 bg-(--color-border)',
+		orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px',
+		className
+	)}
+></div>
diff --git a/ui/src/lib/components/ui/separator/index.ts b/ui/src/lib/components/ui/separator/index.ts
new file mode 100644
index 0000000..7688ce6
--- /dev/null
+++ b/ui/src/lib/components/ui/separator/index.ts
@@ -0,0 +1 @@
+export { default as Separator } from './Separator.svelte';
diff --git a/ui/src/lib/components/ui/textarea/Textarea.svelte b/ui/src/lib/components/ui/textarea/Textarea.svelte
new file mode 100644
index 0000000..e4d4c82
--- /dev/null
+++ b/ui/src/lib/components/ui/textarea/Textarea.svelte
@@ -0,0 +1,41 @@
+<script lang="ts">
+	import { cn } from '$lib/utils';
+
+	interface Props {
+		value?: string;
+		placeholder?: string;
+		rows?: number;
+		disabled?: boolean;
+		class?: string;
+		onchange?: (e: Event) => void;
+		oninput?: (e: Event) => void;
+		[key: string]: unknown;
+	}
+
+	let {
+		value = $bindable(''),
+		placeholder = '',
+		rows = 3,
+		disabled = false,
+		class: className = '',
+		onchange,
+		oninput,
+		...rest
+	}: Props = $props();
+</script>
+
+<textarea
+	bind:value
+	{placeholder}
+	{rows}
+	{disabled}
+	class={cn(
+		'flex w-full rounded-lg border border-(--color-border) bg-(--color-surface-2) px-3 py-2 text-sm text-(--color-text) placeholder-zinc-500 resize-none transition-colors',
+		'focus:outline-none focus:border-(--color-brand)',
+		'disabled:cursor-not-allowed disabled:opacity-50',
+		className
+	)}
+	{onchange}
+	{oninput}
+	{...rest}
+></textarea>
diff --git a/ui/src/lib/components/ui/textarea/index.ts b/ui/src/lib/components/ui/textarea/index.ts
new file mode 100644
index 0000000..069e310
--- /dev/null
+++ b/ui/src/lib/components/ui/textarea/index.ts
@@ -0,0 +1 @@
+export { default as Textarea } from './Textarea.svelte';
diff --git a/ui/src/lib/index.ts b/ui/src/lib/index.ts
new file mode 100644
index 0000000..856f2b6
--- /dev/null
+++ b/ui/src/lib/index.ts
@@ -0,0 +1 @@
+// place files you want to import through the `$lib` alias in this folder.
diff --git a/ui/src/lib/paraglide/.prettierignore b/ui/src/lib/paraglide/.prettierignore
new file mode 100644
index 0000000..d513411
--- /dev/null
+++ b/ui/src/lib/paraglide/.prettierignore
@@ -0,0 +1,3 @@
+# ignore everything because the directory is auto-generated by inlang paraglide-js
+# for more info visit https://inlang.com/m/gerre34r/paraglide-js
+*
diff --git a/ui/src/lib/paraglide/README.md b/ui/src/lib/paraglide/README.md
new file mode 100644
index 0000000..9f68324
--- /dev/null
+++ b/ui/src/lib/paraglide/README.md
@@ -0,0 +1,147 @@
+# Paraglide JS Compiled Output
+
+> Auto-generated i18n message functions. Import `messages.js` to use translated strings.
+
+Compiled from: `/opt/libnovel-v3/ui/project.inlang`
+
+
+## What is this folder?
+
+This folder contains compiled [Paraglide JS](https://github.com/opral/paraglide-js) output. Paraglide JS compiles your translation messages into tree-shakeable JavaScript functions.
+
+## At a glance
+
+Purpose:
+- This folder stores compiled i18n message functions.
+- Source translations live outside this folder in your inlang project.
+
+Safe to import:
+- `messages.js` — all message functions
+- `runtime.js` — locale utilities
+- `server.js` — server-side middleware
+
+Do not edit:
+- All files in this folder are auto-generated.
+- Changes will be overwritten on next compilation.
+
+```
+paraglide/
+├── messages.js      # Message exports (import this)
+├── messages/        # Individual message functions
+├── runtime.js       # Locale detection & configuration
+├── registry.js      # Formatting utilities (plural, number, datetime)
+├── server.js        # Server-side middleware
+└── .gitignore       # Marks folder as generated
+```
+
+## Usage
+
+```js
+import * as m from "./paraglide/messages.js";
+
+// Messages are functions that return localized strings
+m.hello_world();             // "Hello, World!" (in current locale)
+m.greeting({ name: "Sam" }); // "Hello, Sam!"
+
+// Override locale per-call
+m.hello_world({}, { locale: "de" });           // "Hallo, Welt!"
+m.greeting({ name: "Sam" }, { locale: "de" }); // "Hallo, Sam!"
+```
+
+## Runtime API
+
+```js
+import { getLocale, getTextDirection, setLocale, locales, baseLocale } from "./paraglide/runtime.js";
+
+getLocale();    // Current locale, e.g., "en"
+getTextDirection(); // "ltr" | "rtl" for current locale
+setLocale("de"); // Set locale
+locales;        // Available locales, e.g., ["en", "de", "fr"]
+baseLocale;     // Default locale, e.g., "en"
+```
+
+## Strategy
+
+The strategy determines how the current locale is detected and persisted:
+
+- **Cookie**: Stores locale preference in a cookie.
+- **URL**: Derives locale from URL patterns (e.g., `/en/about`, `en.example.com`).
+- **GlobalVariable**: Uses a global variable (client-side only).
+- **BaseLocale**: Always returns the base locale.
+
+Strategies can be combined. The order defines precedence:
+
+```js
+await compile({
+  project: "./project.inlang",
+  outdir: "./src/paraglide",
+  strategy: ["url", "cookie", "baseLocale"],
+});
+```
+
+See the [strategy documentation](https://inlang.com/m/gerre34r/library-inlang-paraglideJs/strategy) for details.
+
+## Markup (Rich Text)
+
+Messages can contain markup tags for bold, links, and other inline elements. Translators control where tags appear; developers control how they render.
+
+### Message syntax
+
+```json
+{
+  "cta": "{#link to=|/docs|}Read the docs{/link}",
+  "bold_text": "This is {#bold}important{/bold}"
+}
+```
+
+- `{#tagName}` opens a tag, `{/tagName}` closes it.
+- Options: `to=|/docs|` (accessed via `options.to`).
+- Attributes: `@track` (boolean, accessed via `attributes.track`).
+
+This is the default inlang message syntax. Paraglide's message format is plugin-based — you can use [ICU MessageFormat 1](https://inlang.com/m/p7c8m1d2/plugin-inlang-icu-messageformat-1), [i18next](https://inlang.com/m/3i8bor92/plugin-inlang-i18next), or other [plugins](https://inlang.com/c/plugins) instead.
+
+### Rendering markup
+
+Calling `m.cta()` returns **plain text** (markup stripped). To render markup, use the framework adapter or the low-level `parts()` API:
+
+```js
+const parts = m.cta.parts({});
+// [
+//   { type: "markup-start", name: "link", options: { to: "/docs" }, attributes: {} },
+//   { type: "text", value: "Read the docs" },
+//   { type: "markup-end", name: "link" }
+// ]
+```
+
+Framework adapters provide a `<ParaglideMessage>` component that accepts markup renderers:
+
+- `@inlang/paraglide-js-react`
+- `@inlang/paraglide-js-vue`
+- `@inlang/paraglide-js-svelte`
+- `@inlang/paraglide-js-solid`
+
+```jsx
+import { ParaglideMessage } from "@inlang/paraglide-js-react"; // or -vue, -svelte, -solid
+
+<ParaglideMessage
+  message={m.cta}
+  inputs={{}}
+  markup={{
+    link: ({ children, options }) => <a href={options.to}>{children}</a>,
+  }}
+/>
+```
+
+See the [markup documentation](https://inlang.com/m/gerre34r/library-inlang-paraglideJs/markup) for details.
+
+## Key concepts
+
+- **Tree-shakeable**: Each message is a function, enabling [up to 70% smaller i18n bundle sizes](https://inlang.com/m/gerre34r/library-inlang-paraglideJs/benchmark) than traditional i18n libraries.
+- **Typesafe**: Full TypeScript/JSDoc support with autocomplete.
+- **Variants**: Messages can have variants for pluralization, gender, etc.
+- **Fallbacks**: Missing translations fall back to the base locale.
+
+## Links
+
+- [Paraglide JS Documentation](https://inlang.com/m/gerre34r/library-inlang-paraglideJs)
+- [Source Repository](https://github.com/opral/paraglide-js)
diff --git a/ui/src/lib/paraglide/messages.js b/ui/src/lib/paraglide/messages.js
new file mode 100644
index 0000000..83a0d9d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages.js
@@ -0,0 +1,2 @@
+/* eslint-disable */
+export * from './messages/_index.js'
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/_index.js b/ui/src/lib/paraglide/messages/_index.js
new file mode 100644
index 0000000..96daa0f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/_index.js
@@ -0,0 +1,458 @@
+/* eslint-disable */
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+export * from './nav_library.js'
+export * from './nav_catalogue.js'
+export * from './nav_feed.js'
+export * from './nav_feedback.js'
+export * from './nav_admin.js'
+export * from './nav_profile.js'
+export * from './nav_sign_in.js'
+export * from './nav_sign_out.js'
+export * from './nav_toggle_menu.js'
+export * from './nav_admin_panel.js'
+export * from './footer_library.js'
+export * from './footer_catalogue.js'
+export * from './footer_feedback.js'
+export * from './footer_disclaimer.js'
+export * from './footer_privacy.js'
+export * from './footer_dmca.js'
+export * from './footer_copyright.js'
+export * from './footer_dev.js'
+export * from './home_title.js'
+export * from './home_stat_books.js'
+export * from './home_stat_chapters.js'
+export * from './home_stat_in_progress.js'
+export * from './home_continue_reading.js'
+export * from './home_view_all.js'
+export * from './home_recently_updated.js'
+export * from './home_from_following.js'
+export * from './home_empty_title.js'
+export * from './home_empty_body.js'
+export * from './home_discover_novels.js'
+export * from './home_via_reader.js'
+export * from './home_chapter_badge.js'
+export * from './player_generating.js'
+export * from './player_loading.js'
+export * from './player_chapters.js'
+export * from './player_chapter_n.js'
+export * from './player_toggle_chapter_list.js'
+export * from './player_chapter_list_label.js'
+export * from './player_close_chapter_list.js'
+export * from './player_rewind_15.js'
+export * from './player_skip_30.js'
+export * from './player_back_15.js'
+export * from './player_forward_30.js'
+export * from './player_play.js'
+export * from './player_pause.js'
+export * from './player_speed_label.js'
+export * from './player_seek_label.js'
+export * from './player_change_speed.js'
+export * from './player_auto_next_on.js'
+export * from './player_auto_next_off.js'
+export * from './player_auto_next_ready.js'
+export * from './player_auto_next_preparing.js'
+export * from './player_auto_next_aria.js'
+export * from './player_go_to_chapter.js'
+export * from './player_close.js'
+export * from './login_page_title.js'
+export * from './login_heading.js'
+export * from './login_subheading.js'
+export * from './login_continue_google.js'
+export * from './login_continue_github.js'
+export * from './login_terms_notice.js'
+export * from './login_error_oauth_state.js'
+export * from './login_error_oauth_failed.js'
+export * from './login_error_oauth_no_email.js'
+export * from './books_page_title.js'
+export * from './books_heading.js'
+export * from './books_empty_title.js'
+export * from './books_empty_body.js'
+export * from './books_browse_catalogue.js'
+export * from './books_chapter_count.js'
+export * from './books_last_read.js'
+export * from './books_reading_progress.js'
+export * from './books_remove.js'
+export * from './catalogue_page_title.js'
+export * from './catalogue_heading.js'
+export * from './catalogue_search_placeholder.js'
+export * from './catalogue_filter_genre.js'
+export * from './catalogue_filter_status.js'
+export * from './catalogue_filter_sort.js'
+export * from './catalogue_sort_popular.js'
+export * from './catalogue_sort_new.js'
+export * from './catalogue_sort_top_rated.js'
+export * from './catalogue_sort_rank.js'
+export * from './catalogue_status_all.js'
+export * from './catalogue_status_ongoing.js'
+export * from './catalogue_status_completed.js'
+export * from './catalogue_genre_all.js'
+export * from './catalogue_clear_filters.js'
+export * from './catalogue_reset.js'
+export * from './catalogue_no_results.js'
+export * from './catalogue_loading.js'
+export * from './catalogue_load_more.js'
+export * from './catalogue_results_count.js'
+export * from './book_detail_page_title.js'
+export * from './book_detail_signin_to_save.js'
+export * from './book_detail_add_to_library.js'
+export * from './book_detail_remove_from_library.js'
+export * from './book_detail_read_now.js'
+export * from './book_detail_continue_reading.js'
+export * from './book_detail_start_reading.js'
+export * from './book_detail_chapters.js'
+export * from './book_detail_status.js'
+export * from './book_detail_author.js'
+export * from './book_detail_genres.js'
+export * from './book_detail_description.js'
+export * from './book_detail_source.js'
+export * from './book_detail_rescrape.js'
+export * from './book_detail_scraping.js'
+export * from './book_detail_in_library.js'
+export * from './chapters_page_title.js'
+export * from './chapters_heading.js'
+export * from './chapters_back_to_book.js'
+export * from './chapters_reading_now.js'
+export * from './chapters_empty.js'
+export * from './reader_page_title.js'
+export * from './reader_play_narration.js'
+export * from './reader_generating_audio.js'
+export * from './reader_signin_for_audio.js'
+export * from './reader_signin_audio_desc.js'
+export * from './reader_audio_error.js'
+export * from './reader_prev_chapter.js'
+export * from './reader_next_chapter.js'
+export * from './reader_back_to_chapters.js'
+export * from './reader_chapter_n.js'
+export * from './reader_change_voice.js'
+export * from './reader_voice_panel_title.js'
+export * from './reader_voice_kokoro.js'
+export * from './reader_voice_pocket.js'
+export * from './reader_voice_play_sample.js'
+export * from './reader_voice_stop_sample.js'
+export * from './reader_voice_selected.js'
+export * from './reader_close_voice_panel.js'
+export * from './reader_auto_next.js'
+export * from './reader_speed.js'
+export * from './reader_preview_notice.js'
+export * from './profile_page_title.js'
+export * from './profile_heading.js'
+export * from './profile_avatar_label.js'
+export * from './profile_change_avatar.js'
+export * from './profile_username.js'
+export * from './profile_email.js'
+export * from './profile_change_password.js'
+export * from './profile_current_password.js'
+export * from './profile_new_password.js'
+export * from './profile_confirm_password.js'
+export * from './profile_save_password.js'
+export * from './profile_appearance_heading.js'
+export * from './profile_theme_label.js'
+export * from './profile_theme_amber.js'
+export * from './profile_theme_slate.js'
+export * from './profile_theme_rose.js'
+export * from './profile_theme_forest.js'
+export * from './profile_theme_mono.js'
+export * from './profile_theme_cyber.js'
+export * from './profile_theme_light.js'
+export * from './profile_theme_light_slate.js'
+export * from './profile_theme_light_rose.js'
+export * from './profile_reading_heading.js'
+export * from './profile_voice_label.js'
+export * from './profile_speed_label.js'
+export * from './profile_auto_next_label.js'
+export * from './profile_save_settings.js'
+export * from './profile_settings_saved.js'
+export * from './profile_settings_error.js'
+export * from './profile_password_saved.js'
+export * from './profile_password_error.js'
+export * from './profile_sessions_heading.js'
+export * from './profile_sign_out_all.js'
+export * from './profile_joined.js'
+export * from './user_page_title.js'
+export * from './user_library_heading.js'
+export * from './user_follow.js'
+export * from './user_unfollow.js'
+export * from './user_followers.js'
+export * from './user_following.js'
+export * from './user_library_empty.js'
+export * from './error_not_found_title.js'
+export * from './error_not_found_body.js'
+export * from './error_generic_title.js'
+export * from './error_go_home.js'
+export * from './error_status.js'
+export * from './admin_scrape_page_title.js'
+export * from './admin_scrape_heading.js'
+export * from './admin_scrape_catalogue.js'
+export * from './admin_scrape_book.js'
+export * from './admin_scrape_url_placeholder.js'
+export * from './admin_scrape_range.js'
+export * from './admin_scrape_from.js'
+export * from './admin_scrape_to.js'
+export * from './admin_scrape_submit.js'
+export * from './admin_scrape_cancel.js'
+export * from './admin_scrape_status_pending.js'
+export * from './admin_scrape_status_running.js'
+export * from './admin_scrape_status_done.js'
+export * from './admin_scrape_status_failed.js'
+export * from './admin_scrape_status_cancelled.js'
+export * from './admin_tasks_heading.js'
+export * from './admin_tasks_empty.js'
+export * from './admin_audio_page_title.js'
+export * from './admin_audio_heading.js'
+export * from './admin_audio_empty.js'
+export * from './admin_changelog_page_title.js'
+export * from './admin_changelog_heading.js'
+export * from './comments_heading.js'
+export * from './comments_empty.js'
+export * from './comments_placeholder.js'
+export * from './comments_submit.js'
+export * from './comments_login_prompt.js'
+export * from './comments_vote_up.js'
+export * from './comments_vote_down.js'
+export * from './comments_delete.js'
+export * from './comments_reply.js'
+export * from './comments_show_replies.js'
+export * from './comments_hide_replies.js'
+export * from './comments_edited.js'
+export * from './comments_deleted.js'
+export * from './disclaimer_page_title.js'
+export * from './privacy_page_title.js'
+export * from './dmca_page_title.js'
+export * from './terms_page_title.js'
+export * from './common_loading.js'
+export * from './common_error.js'
+export * from './common_save.js'
+export * from './common_cancel.js'
+export * from './common_close.js'
+export * from './common_search.js'
+export * from './common_back.js'
+export * from './common_next.js'
+export * from './common_previous.js'
+export * from './common_yes.js'
+export * from './common_no.js'
+export * from './common_on.js'
+export * from './common_off.js'
+export * from './locale_switcher_label.js'
+export * from './books_empty_library.js'
+export * from './books_empty_discover.js'
+export * from './books_empty_discover_link.js'
+export * from './books_empty_discover_suffix.js'
+export * from './books_count.js'
+export * from './catalogue_sort_updated.js'
+export * from './catalogue_search_button.js'
+export * from './catalogue_refresh.js'
+export * from './catalogue_refreshing.js'
+export * from './catalogue_refresh_mobile.js'
+export * from './catalogue_all_loaded.js'
+export * from './catalogue_scroll_top.js'
+export * from './catalogue_view_grid.js'
+export * from './catalogue_view_list.js'
+export * from './catalogue_browse_source.js'
+export * from './catalogue_search_results.js'
+export * from './catalogue_search_local_count.js'
+export * from './catalogue_rank_ranked.js'
+export * from './catalogue_rank_no_data.js'
+export * from './catalogue_rank_no_data_body.js'
+export * from './catalogue_rank_run_scrape_admin.js'
+export * from './catalogue_rank_run_scrape_user.js'
+export * from './catalogue_scrape_queued_flash.js'
+export * from './catalogue_scrape_busy_flash.js'
+export * from './catalogue_scrape_error_flash.js'
+export * from './catalogue_filters_label.js'
+export * from './catalogue_apply.js'
+export * from './catalogue_filter_rank_note.js'
+export * from './catalogue_no_results_search.js'
+export * from './catalogue_no_results_try.js'
+export * from './catalogue_no_results_filters.js'
+export * from './catalogue_scrape_queued_badge.js'
+export * from './catalogue_scrape_busy_badge.js'
+export * from './catalogue_scrape_busy_list.js'
+export * from './catalogue_scrape_forbidden_badge.js'
+export * from './catalogue_scrape_novel_button.js'
+export * from './catalogue_scraping_novel.js'
+export * from './book_detail_not_in_library.js'
+export * from './book_detail_continue_ch.js'
+export * from './book_detail_start_ch1.js'
+export * from './book_detail_preview_ch1.js'
+export * from './book_detail_reading_ch.js'
+export * from './book_detail_n_chapters.js'
+export * from './book_detail_rescraping.js'
+export * from './book_detail_from_chapter.js'
+export * from './book_detail_to_chapter.js'
+export * from './book_detail_range_queuing.js'
+export * from './book_detail_scrape_range.js'
+export * from './book_detail_admin.js'
+export * from './book_detail_admin_book_cover.js'
+export * from './book_detail_admin_chapter_cover.js'
+export * from './book_detail_admin_chapter_n.js'
+export * from './book_detail_admin_description.js'
+export * from './book_detail_admin_chapter_names.js'
+export * from './book_detail_admin_audio_tts.js'
+export * from './book_detail_admin_voice.js'
+export * from './book_detail_admin_generate.js'
+export * from './book_detail_admin_save_cover.js'
+export * from './book_detail_admin_saving.js'
+export * from './book_detail_admin_saved.js'
+export * from './book_detail_admin_apply.js'
+export * from './book_detail_admin_applying.js'
+export * from './book_detail_admin_applied.js'
+export * from './book_detail_admin_discard.js'
+export * from './book_detail_admin_enqueue_audio.js'
+export * from './book_detail_admin_cancel_audio.js'
+export * from './book_detail_admin_enqueued.js'
+export * from './book_detail_scraping_progress.js'
+export * from './book_detail_scraping_home.js'
+export * from './book_detail_rescrape_book.js'
+export * from './book_detail_less.js'
+export * from './book_detail_more.js'
+export * from './chapters_search_placeholder.js'
+export * from './chapters_jump_to.js'
+export * from './chapters_no_match.js'
+export * from './chapters_none_available.js'
+export * from './chapters_reading_indicator.js'
+export * from './chapters_result_count.js'
+export * from './reader_fetching_chapter.js'
+export * from './reader_words.js'
+export * from './reader_preview_audio_notice.js'
+export * from './profile_click_to_change.js'
+export * from './profile_tts_voice.js'
+export * from './profile_auto_advance.js'
+export * from './profile_saving.js'
+export * from './profile_saved.js'
+export * from './profile_session_this.js'
+export * from './profile_session_signed_in.js'
+export * from './profile_session_last_seen.js'
+export * from './profile_session_sign_out.js'
+export * from './profile_session_end.js'
+export * from './profile_session_unrecognised.js'
+export * from './profile_no_sessions.js'
+export * from './profile_change_password_heading.js'
+export * from './profile_update_password.js'
+export * from './profile_updating.js'
+export * from './profile_password_changed_ok.js'
+export * from './profile_playback_speed.js'
+export * from './profile_subscription_heading.js'
+export * from './profile_plan_pro.js'
+export * from './profile_plan_free.js'
+export * from './profile_pro_active.js'
+export * from './profile_pro_perks.js'
+export * from './profile_manage_subscription.js'
+export * from './profile_upgrade_heading.js'
+export * from './profile_upgrade_desc.js'
+export * from './profile_upgrade_monthly.js'
+export * from './profile_upgrade_annual.js'
+export * from './profile_free_limits.js'
+export * from './subscribe_page_title.js'
+export * from './subscribe_heading.js'
+export * from './subscribe_subheading.js'
+export * from './subscribe_monthly_label.js'
+export * from './subscribe_monthly_price.js'
+export * from './subscribe_monthly_period.js'
+export * from './subscribe_annual_label.js'
+export * from './subscribe_annual_price.js'
+export * from './subscribe_annual_period.js'
+export * from './subscribe_annual_save.js'
+export * from './subscribe_cta_monthly.js'
+export * from './subscribe_cta_annual.js'
+export * from './subscribe_already_pro.js'
+export * from './subscribe_manage.js'
+export * from './subscribe_benefit_audio.js'
+export * from './subscribe_benefit_voices.js'
+export * from './subscribe_benefit_translation.js'
+export * from './subscribe_benefit_downloads.js'
+export * from './subscribe_login_prompt.js'
+export * from './subscribe_login_cta.js'
+export * from './user_currently_reading.js'
+export * from './user_library_count.js'
+export * from './user_joined.js'
+export * from './user_followers_label.js'
+export * from './user_following_label.js'
+export * from './user_no_books.js'
+export * from './admin_pages_label.js'
+export * from './admin_tools_label.js'
+export * from './admin_nav_scrape.js'
+export * from './admin_nav_audio.js'
+export * from './admin_nav_translation.js'
+export * from './admin_nav_import.js'
+export * from './admin_nav_changelog.js'
+export * from './admin_nav_image_gen.js'
+export * from './admin_nav_text_gen.js'
+export * from './admin_nav_catalogue_tools.js'
+export * from './admin_nav_ai_jobs.js'
+export * from './admin_nav_notifications.js'
+export * from './admin_nav_feedback.js'
+export * from './admin_nav_errors.js'
+export * from './admin_nav_analytics.js'
+export * from './admin_nav_logs.js'
+export * from './admin_nav_uptime.js'
+export * from './admin_nav_push.js'
+export * from './admin_nav_gitea.js'
+export * from './admin_nav_grafana.js'
+export * from './admin_scrape_status_idle.js'
+export * from './admin_scrape_full_catalogue.js'
+export * from './admin_scrape_single_book.js'
+export * from './admin_scrape_quick_genres.js'
+export * from './admin_scrape_task_history.js'
+export * from './admin_scrape_filter_placeholder.js'
+export * from './admin_scrape_no_matching.js'
+export * from './admin_scrape_start.js'
+export * from './admin_scrape_queuing.js'
+export * from './admin_scrape_running.js'
+export * from './admin_audio_filter_jobs.js'
+export * from './admin_audio_filter_cache.js'
+export * from './admin_audio_no_matching_jobs.js'
+export * from './admin_audio_no_jobs.js'
+export * from './admin_audio_cache_empty.js'
+export * from './admin_audio_no_cache_results.js'
+export * from './admin_changelog_gitea.js'
+export * from './admin_changelog_no_releases.js'
+export * from './admin_changelog_load_error.js'
+export * from './comments_top.js'
+export * from './comments_new.js'
+export * from './comments_posting.js'
+export * from './comments_login_link.js'
+export * from './comments_login_suffix.js'
+export * from './comments_anonymous.js'
+export * from './reader_audio_narration.js'
+export * from './reader_playing.js'
+export * from './reader_paused.js'
+export * from './reader_ch_ready.js'
+export * from './reader_ch_preparing.js'
+export * from './reader_ch_generate_on_nav.js'
+export * from './reader_now_playing.js'
+export * from './reader_load_this_chapter.js'
+export * from './reader_generate_samples.js'
+export * from './reader_voice_applies_next.js'
+export * from './reader_choose_voice.js'
+export * from './reader_generating_narration.js'
+export * from './profile_font_family.js'
+export * from './profile_font_system.js'
+export * from './profile_font_serif.js'
+export * from './profile_font_mono.js'
+export * from './profile_text_size.js'
+export * from './profile_text_size_sm.js'
+export * from './profile_text_size_md.js'
+export * from './profile_text_size_lg.js'
+export * from './profile_text_size_xl.js'
+export * from './feed_page_title.js'
+export * from './feed_heading.js'
+export * from './feed_subheading.js'
+export * from './feed_empty_heading.js'
+export * from './feed_empty_body.js'
+export * from './feed_not_logged_in.js'
+export * from './feed_reader_label.js'
+export * from './feed_chapters_label.js'
+export * from './feed_browse_cta.js'
+export * from './feed_find_users_cta.js'
+export * from './admin_translation_page_title.js'
+export * from './admin_translation_heading.js'
+export * from './admin_translation_tab_enqueue.js'
+export * from './admin_translation_tab_jobs.js'
+export * from './admin_translation_filter_placeholder.js'
+export * from './admin_translation_no_matching.js'
+export * from './admin_translation_no_jobs.js'
+export * from './admin_ai_jobs_page_title.js'
+export * from './admin_ai_jobs_heading.js'
+export * from './admin_ai_jobs_subheading.js'
+export * from './admin_text_gen_page_title.js'
+export * from './admin_text_gen_heading.js'
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_ai_jobs_heading.js b/ui/src/lib/paraglide/messages/admin_ai_jobs_heading.js
new file mode 100644
index 0000000..0640445
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_ai_jobs_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Ai_Jobs_HeadingInputs */
+
+const en_admin_ai_jobs_heading = /** @type {(inputs: Admin_Ai_Jobs_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`AI Jobs`)
+};
+
+const ru_admin_ai_jobs_heading = /** @type {(inputs: Admin_Ai_Jobs_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`AI Jobs`)
+};
+
+const id_admin_ai_jobs_heading = /** @type {(inputs: Admin_Ai_Jobs_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`AI Jobs`)
+};
+
+const pt_admin_ai_jobs_heading = /** @type {(inputs: Admin_Ai_Jobs_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`AI Jobs`)
+};
+
+const fr_admin_ai_jobs_heading = /** @type {(inputs: Admin_Ai_Jobs_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`AI Jobs`)
+};
+
+/**
+* | output |
+* | --- |
+* | "AI Jobs" |
+*
+* @param {Admin_Ai_Jobs_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_ai_jobs_heading = /** @type {((inputs?: Admin_Ai_Jobs_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Ai_Jobs_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_ai_jobs_heading(inputs)
+	if (locale === "ru") return ru_admin_ai_jobs_heading(inputs)
+	if (locale === "id") return id_admin_ai_jobs_heading(inputs)
+	if (locale === "pt") return pt_admin_ai_jobs_heading(inputs)
+	return fr_admin_ai_jobs_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_ai_jobs_page_title.js b/ui/src/lib/paraglide/messages/admin_ai_jobs_page_title.js
new file mode 100644
index 0000000..2f48ee8
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_ai_jobs_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Ai_Jobs_Page_TitleInputs */
+
+const en_admin_ai_jobs_page_title = /** @type {(inputs: Admin_Ai_Jobs_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`AI Jobs — Admin`)
+};
+
+const ru_admin_ai_jobs_page_title = /** @type {(inputs: Admin_Ai_Jobs_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`AI Jobs — Admin`)
+};
+
+const id_admin_ai_jobs_page_title = /** @type {(inputs: Admin_Ai_Jobs_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`AI Jobs — Admin`)
+};
+
+const pt_admin_ai_jobs_page_title = /** @type {(inputs: Admin_Ai_Jobs_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`AI Jobs — Admin`)
+};
+
+const fr_admin_ai_jobs_page_title = /** @type {(inputs: Admin_Ai_Jobs_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`AI Jobs — Admin`)
+};
+
+/**
+* | output |
+* | --- |
+* | "AI Jobs — Admin" |
+*
+* @param {Admin_Ai_Jobs_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_ai_jobs_page_title = /** @type {((inputs?: Admin_Ai_Jobs_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Ai_Jobs_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_ai_jobs_page_title(inputs)
+	if (locale === "ru") return ru_admin_ai_jobs_page_title(inputs)
+	if (locale === "id") return id_admin_ai_jobs_page_title(inputs)
+	if (locale === "pt") return pt_admin_ai_jobs_page_title(inputs)
+	return fr_admin_ai_jobs_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_ai_jobs_subheading.js b/ui/src/lib/paraglide/messages/admin_ai_jobs_subheading.js
new file mode 100644
index 0000000..9a09059
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_ai_jobs_subheading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Ai_Jobs_SubheadingInputs */
+
+const en_admin_ai_jobs_subheading = /** @type {(inputs: Admin_Ai_Jobs_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Background AI generation tasks`)
+};
+
+const ru_admin_ai_jobs_subheading = /** @type {(inputs: Admin_Ai_Jobs_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Background AI generation tasks`)
+};
+
+const id_admin_ai_jobs_subheading = /** @type {(inputs: Admin_Ai_Jobs_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Background AI generation tasks`)
+};
+
+const pt_admin_ai_jobs_subheading = /** @type {(inputs: Admin_Ai_Jobs_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Background AI generation tasks`)
+};
+
+const fr_admin_ai_jobs_subheading = /** @type {(inputs: Admin_Ai_Jobs_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Background AI generation tasks`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Background AI generation tasks" |
+*
+* @param {Admin_Ai_Jobs_SubheadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_ai_jobs_subheading = /** @type {((inputs?: Admin_Ai_Jobs_SubheadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Ai_Jobs_SubheadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_ai_jobs_subheading(inputs)
+	if (locale === "ru") return ru_admin_ai_jobs_subheading(inputs)
+	if (locale === "id") return id_admin_ai_jobs_subheading(inputs)
+	if (locale === "pt") return pt_admin_ai_jobs_subheading(inputs)
+	return fr_admin_ai_jobs_subheading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_audio_cache_empty.js b/ui/src/lib/paraglide/messages/admin_audio_cache_empty.js
new file mode 100644
index 0000000..9cf128e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_audio_cache_empty.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Audio_Cache_EmptyInputs */
+
+const en_admin_audio_cache_empty = /** @type {(inputs: Admin_Audio_Cache_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio cache is empty.`)
+};
+
+const ru_admin_audio_cache_empty = /** @type {(inputs: Admin_Audio_Cache_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Аудиокэш пуст.`)
+};
+
+const id_admin_audio_cache_empty = /** @type {(inputs: Admin_Audio_Cache_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cache audio kosong.`)
+};
+
+const pt_admin_audio_cache_empty = /** @type {(inputs: Admin_Audio_Cache_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cache de áudio vazio.`)
+};
+
+const fr_admin_audio_cache_empty = /** @type {(inputs: Admin_Audio_Cache_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cache audio vide.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Audio cache is empty." |
+*
+* @param {Admin_Audio_Cache_EmptyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_audio_cache_empty = /** @type {((inputs?: Admin_Audio_Cache_EmptyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Audio_Cache_EmptyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_audio_cache_empty(inputs)
+	if (locale === "ru") return ru_admin_audio_cache_empty(inputs)
+	if (locale === "id") return id_admin_audio_cache_empty(inputs)
+	if (locale === "pt") return pt_admin_audio_cache_empty(inputs)
+	return fr_admin_audio_cache_empty(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_audio_empty.js b/ui/src/lib/paraglide/messages/admin_audio_empty.js
new file mode 100644
index 0000000..1573027
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_audio_empty.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Audio_EmptyInputs */
+
+const en_admin_audio_empty = /** @type {(inputs: Admin_Audio_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No audio jobs.`)
+};
+
+const ru_admin_audio_empty = /** @type {(inputs: Admin_Audio_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Аудио задач нет.`)
+};
+
+const id_admin_audio_empty = /** @type {(inputs: Admin_Audio_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tidak ada tugas audio.`)
+};
+
+const pt_admin_audio_empty = /** @type {(inputs: Admin_Audio_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhuma tarefa de áudio.`)
+};
+
+const fr_admin_audio_empty = /** @type {(inputs: Admin_Audio_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucune tâche audio.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No audio jobs." |
+*
+* @param {Admin_Audio_EmptyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_audio_empty = /** @type {((inputs?: Admin_Audio_EmptyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Audio_EmptyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_audio_empty(inputs)
+	if (locale === "ru") return ru_admin_audio_empty(inputs)
+	if (locale === "id") return id_admin_audio_empty(inputs)
+	if (locale === "pt") return pt_admin_audio_empty(inputs)
+	return fr_admin_audio_empty(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_audio_filter_cache.js b/ui/src/lib/paraglide/messages/admin_audio_filter_cache.js
new file mode 100644
index 0000000..ddbf11f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_audio_filter_cache.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Audio_Filter_CacheInputs */
+
+const en_admin_audio_filter_cache = /** @type {(inputs: Admin_Audio_Filter_CacheInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filter by slug, chapter or voice…`)
+};
+
+const ru_admin_audio_filter_cache = /** @type {(inputs: Admin_Audio_Filter_CacheInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Фильтр по slug, главе или голосу…`)
+};
+
+const id_admin_audio_filter_cache = /** @type {(inputs: Admin_Audio_Filter_CacheInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filter berdasarkan slug, bab, atau suara…`)
+};
+
+const pt_admin_audio_filter_cache = /** @type {(inputs: Admin_Audio_Filter_CacheInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filtrar por slug, capítulo ou voz…`)
+};
+
+const fr_admin_audio_filter_cache = /** @type {(inputs: Admin_Audio_Filter_CacheInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filtrer par slug, chapitre ou voix…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Filter by slug, chapter or voice…" |
+*
+* @param {Admin_Audio_Filter_CacheInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_audio_filter_cache = /** @type {((inputs?: Admin_Audio_Filter_CacheInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Audio_Filter_CacheInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_audio_filter_cache(inputs)
+	if (locale === "ru") return ru_admin_audio_filter_cache(inputs)
+	if (locale === "id") return id_admin_audio_filter_cache(inputs)
+	if (locale === "pt") return pt_admin_audio_filter_cache(inputs)
+	return fr_admin_audio_filter_cache(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_audio_filter_jobs.js b/ui/src/lib/paraglide/messages/admin_audio_filter_jobs.js
new file mode 100644
index 0000000..c24e416
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_audio_filter_jobs.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Audio_Filter_JobsInputs */
+
+const en_admin_audio_filter_jobs = /** @type {(inputs: Admin_Audio_Filter_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filter by slug, voice or status…`)
+};
+
+const ru_admin_audio_filter_jobs = /** @type {(inputs: Admin_Audio_Filter_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Фильтр по slug, голосу или статусу…`)
+};
+
+const id_admin_audio_filter_jobs = /** @type {(inputs: Admin_Audio_Filter_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filter berdasarkan slug, suara, atau status…`)
+};
+
+const pt_admin_audio_filter_jobs = /** @type {(inputs: Admin_Audio_Filter_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filtrar por slug, voz ou status…`)
+};
+
+const fr_admin_audio_filter_jobs = /** @type {(inputs: Admin_Audio_Filter_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filtrer par slug, voix ou statut…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Filter by slug, voice or status…" |
+*
+* @param {Admin_Audio_Filter_JobsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_audio_filter_jobs = /** @type {((inputs?: Admin_Audio_Filter_JobsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Audio_Filter_JobsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_audio_filter_jobs(inputs)
+	if (locale === "ru") return ru_admin_audio_filter_jobs(inputs)
+	if (locale === "id") return id_admin_audio_filter_jobs(inputs)
+	if (locale === "pt") return pt_admin_audio_filter_jobs(inputs)
+	return fr_admin_audio_filter_jobs(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_audio_heading.js b/ui/src/lib/paraglide/messages/admin_audio_heading.js
new file mode 100644
index 0000000..46f7019
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_audio_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Audio_HeadingInputs */
+
+const en_admin_audio_heading = /** @type {(inputs: Admin_Audio_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio Jobs`)
+};
+
+const ru_admin_audio_heading = /** @type {(inputs: Admin_Audio_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Аудио задачи`)
+};
+
+const id_admin_audio_heading = /** @type {(inputs: Admin_Audio_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tugas Audio`)
+};
+
+const pt_admin_audio_heading = /** @type {(inputs: Admin_Audio_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tarefas de Áudio`)
+};
+
+const fr_admin_audio_heading = /** @type {(inputs: Admin_Audio_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tâches audio`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Audio Jobs" |
+*
+* @param {Admin_Audio_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_audio_heading = /** @type {((inputs?: Admin_Audio_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Audio_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_audio_heading(inputs)
+	if (locale === "ru") return ru_admin_audio_heading(inputs)
+	if (locale === "id") return id_admin_audio_heading(inputs)
+	if (locale === "pt") return pt_admin_audio_heading(inputs)
+	return fr_admin_audio_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_audio_no_cache_results.js b/ui/src/lib/paraglide/messages/admin_audio_no_cache_results.js
new file mode 100644
index 0000000..11daafd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_audio_no_cache_results.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Audio_No_Cache_ResultsInputs */
+
+const en_admin_audio_no_cache_results = /** @type {(inputs: Admin_Audio_No_Cache_ResultsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No results.`)
+};
+
+const ru_admin_audio_no_cache_results = /** @type {(inputs: Admin_Audio_No_Cache_ResultsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Результатов нет.`)
+};
+
+const id_admin_audio_no_cache_results = /** @type {(inputs: Admin_Audio_No_Cache_ResultsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tidak ada hasil.`)
+};
+
+const pt_admin_audio_no_cache_results = /** @type {(inputs: Admin_Audio_No_Cache_ResultsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sem resultados.`)
+};
+
+const fr_admin_audio_no_cache_results = /** @type {(inputs: Admin_Audio_No_Cache_ResultsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucun résultat.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No results." |
+*
+* @param {Admin_Audio_No_Cache_ResultsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_audio_no_cache_results = /** @type {((inputs?: Admin_Audio_No_Cache_ResultsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Audio_No_Cache_ResultsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_audio_no_cache_results(inputs)
+	if (locale === "ru") return ru_admin_audio_no_cache_results(inputs)
+	if (locale === "id") return id_admin_audio_no_cache_results(inputs)
+	if (locale === "pt") return pt_admin_audio_no_cache_results(inputs)
+	return fr_admin_audio_no_cache_results(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_audio_no_jobs.js b/ui/src/lib/paraglide/messages/admin_audio_no_jobs.js
new file mode 100644
index 0000000..026680d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_audio_no_jobs.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Audio_No_JobsInputs */
+
+const en_admin_audio_no_jobs = /** @type {(inputs: Admin_Audio_No_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No audio jobs yet.`)
+};
+
+const ru_admin_audio_no_jobs = /** @type {(inputs: Admin_Audio_No_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Аудиозаданий пока нет.`)
+};
+
+const id_admin_audio_no_jobs = /** @type {(inputs: Admin_Audio_No_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Belum ada pekerjaan audio.`)
+};
+
+const pt_admin_audio_no_jobs = /** @type {(inputs: Admin_Audio_No_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhum job de áudio ainda.`)
+};
+
+const fr_admin_audio_no_jobs = /** @type {(inputs: Admin_Audio_No_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucun job audio pour l'instant.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No audio jobs yet." |
+*
+* @param {Admin_Audio_No_JobsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_audio_no_jobs = /** @type {((inputs?: Admin_Audio_No_JobsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Audio_No_JobsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_audio_no_jobs(inputs)
+	if (locale === "ru") return ru_admin_audio_no_jobs(inputs)
+	if (locale === "id") return id_admin_audio_no_jobs(inputs)
+	if (locale === "pt") return pt_admin_audio_no_jobs(inputs)
+	return fr_admin_audio_no_jobs(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_audio_no_matching_jobs.js b/ui/src/lib/paraglide/messages/admin_audio_no_matching_jobs.js
new file mode 100644
index 0000000..eb9aee6
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_audio_no_matching_jobs.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Audio_No_Matching_JobsInputs */
+
+const en_admin_audio_no_matching_jobs = /** @type {(inputs: Admin_Audio_No_Matching_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No matching jobs.`)
+};
+
+const ru_admin_audio_no_matching_jobs = /** @type {(inputs: Admin_Audio_No_Matching_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Заданий не найдено.`)
+};
+
+const id_admin_audio_no_matching_jobs = /** @type {(inputs: Admin_Audio_No_Matching_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tidak ada pekerjaan yang cocok.`)
+};
+
+const pt_admin_audio_no_matching_jobs = /** @type {(inputs: Admin_Audio_No_Matching_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhum job correspondente.`)
+};
+
+const fr_admin_audio_no_matching_jobs = /** @type {(inputs: Admin_Audio_No_Matching_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucun job correspondant.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No matching jobs." |
+*
+* @param {Admin_Audio_No_Matching_JobsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_audio_no_matching_jobs = /** @type {((inputs?: Admin_Audio_No_Matching_JobsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Audio_No_Matching_JobsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_audio_no_matching_jobs(inputs)
+	if (locale === "ru") return ru_admin_audio_no_matching_jobs(inputs)
+	if (locale === "id") return id_admin_audio_no_matching_jobs(inputs)
+	if (locale === "pt") return pt_admin_audio_no_matching_jobs(inputs)
+	return fr_admin_audio_no_matching_jobs(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_audio_page_title.js b/ui/src/lib/paraglide/messages/admin_audio_page_title.js
new file mode 100644
index 0000000..230e7d5
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_audio_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Audio_Page_TitleInputs */
+
+const en_admin_audio_page_title = /** @type {(inputs: Admin_Audio_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio — Admin`)
+};
+
+const ru_admin_audio_page_title = /** @type {(inputs: Admin_Audio_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Аудио — Админ`)
+};
+
+const id_admin_audio_page_title = /** @type {(inputs: Admin_Audio_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio — Admin`)
+};
+
+const pt_admin_audio_page_title = /** @type {(inputs: Admin_Audio_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Áudio — Admin`)
+};
+
+const fr_admin_audio_page_title = /** @type {(inputs: Admin_Audio_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio — Admin`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Audio — Admin" |
+*
+* @param {Admin_Audio_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_audio_page_title = /** @type {((inputs?: Admin_Audio_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Audio_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_audio_page_title(inputs)
+	if (locale === "ru") return ru_admin_audio_page_title(inputs)
+	if (locale === "id") return id_admin_audio_page_title(inputs)
+	if (locale === "pt") return pt_admin_audio_page_title(inputs)
+	return fr_admin_audio_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_changelog_gitea.js b/ui/src/lib/paraglide/messages/admin_changelog_gitea.js
new file mode 100644
index 0000000..400a7a8
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_changelog_gitea.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Changelog_GiteaInputs */
+
+const en_admin_changelog_gitea = /** @type {(inputs: Admin_Changelog_GiteaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gitea releases`)
+};
+
+const ru_admin_changelog_gitea = /** @type {(inputs: Admin_Changelog_GiteaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Релизы Gitea`)
+};
+
+const id_admin_changelog_gitea = /** @type {(inputs: Admin_Changelog_GiteaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rilis Gitea`)
+};
+
+const pt_admin_changelog_gitea = /** @type {(inputs: Admin_Changelog_GiteaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Releases do Gitea`)
+};
+
+const fr_admin_changelog_gitea = /** @type {(inputs: Admin_Changelog_GiteaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Releases Gitea`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Gitea releases" |
+*
+* @param {Admin_Changelog_GiteaInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_changelog_gitea = /** @type {((inputs?: Admin_Changelog_GiteaInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Changelog_GiteaInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_changelog_gitea(inputs)
+	if (locale === "ru") return ru_admin_changelog_gitea(inputs)
+	if (locale === "id") return id_admin_changelog_gitea(inputs)
+	if (locale === "pt") return pt_admin_changelog_gitea(inputs)
+	return fr_admin_changelog_gitea(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_changelog_heading.js b/ui/src/lib/paraglide/messages/admin_changelog_heading.js
new file mode 100644
index 0000000..b656d2b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_changelog_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Changelog_HeadingInputs */
+
+const en_admin_changelog_heading = /** @type {(inputs: Admin_Changelog_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changelog`)
+};
+
+const ru_admin_changelog_heading = /** @type {(inputs: Admin_Changelog_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changelog`)
+};
+
+const id_admin_changelog_heading = /** @type {(inputs: Admin_Changelog_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changelog`)
+};
+
+const pt_admin_changelog_heading = /** @type {(inputs: Admin_Changelog_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changelog`)
+};
+
+const fr_admin_changelog_heading = /** @type {(inputs: Admin_Changelog_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changelog`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Changelog" |
+*
+* @param {Admin_Changelog_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_changelog_heading = /** @type {((inputs?: Admin_Changelog_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Changelog_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_changelog_heading(inputs)
+	if (locale === "ru") return ru_admin_changelog_heading(inputs)
+	if (locale === "id") return id_admin_changelog_heading(inputs)
+	if (locale === "pt") return pt_admin_changelog_heading(inputs)
+	return fr_admin_changelog_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_changelog_load_error.js b/ui/src/lib/paraglide/messages/admin_changelog_load_error.js
new file mode 100644
index 0000000..62d1077
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_changelog_load_error.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ error: NonNullable<unknown> }} Admin_Changelog_Load_ErrorInputs */
+
+const en_admin_changelog_load_error = /** @type {(inputs: Admin_Changelog_Load_ErrorInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Could not load releases: ${i?.error}`)
+};
+
+const ru_admin_changelog_load_error = /** @type {(inputs: Admin_Changelog_Load_ErrorInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Не удалось загрузить релизы: ${i?.error}`)
+};
+
+const id_admin_changelog_load_error = /** @type {(inputs: Admin_Changelog_Load_ErrorInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Gagal memuat rilis: ${i?.error}`)
+};
+
+const pt_admin_changelog_load_error = /** @type {(inputs: Admin_Changelog_Load_ErrorInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Não foi possível carregar os releases: ${i?.error}`)
+};
+
+const fr_admin_changelog_load_error = /** @type {(inputs: Admin_Changelog_Load_ErrorInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Impossible de charger les releases : ${i?.error}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Could not load releases: {error}" |
+*
+* @param {Admin_Changelog_Load_ErrorInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_changelog_load_error = /** @type {((inputs: Admin_Changelog_Load_ErrorInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Changelog_Load_ErrorInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_changelog_load_error(inputs)
+	if (locale === "ru") return ru_admin_changelog_load_error(inputs)
+	if (locale === "id") return id_admin_changelog_load_error(inputs)
+	if (locale === "pt") return pt_admin_changelog_load_error(inputs)
+	return fr_admin_changelog_load_error(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_changelog_no_releases.js b/ui/src/lib/paraglide/messages/admin_changelog_no_releases.js
new file mode 100644
index 0000000..d3a9d04
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_changelog_no_releases.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Changelog_No_ReleasesInputs */
+
+const en_admin_changelog_no_releases = /** @type {(inputs: Admin_Changelog_No_ReleasesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No releases found.`)
+};
+
+const ru_admin_changelog_no_releases = /** @type {(inputs: Admin_Changelog_No_ReleasesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Релизов не найдено.`)
+};
+
+const id_admin_changelog_no_releases = /** @type {(inputs: Admin_Changelog_No_ReleasesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tidak ada rilis.`)
+};
+
+const pt_admin_changelog_no_releases = /** @type {(inputs: Admin_Changelog_No_ReleasesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhum release encontrado.`)
+};
+
+const fr_admin_changelog_no_releases = /** @type {(inputs: Admin_Changelog_No_ReleasesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucune release trouvée.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No releases found." |
+*
+* @param {Admin_Changelog_No_ReleasesInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_changelog_no_releases = /** @type {((inputs?: Admin_Changelog_No_ReleasesInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Changelog_No_ReleasesInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_changelog_no_releases(inputs)
+	if (locale === "ru") return ru_admin_changelog_no_releases(inputs)
+	if (locale === "id") return id_admin_changelog_no_releases(inputs)
+	if (locale === "pt") return pt_admin_changelog_no_releases(inputs)
+	return fr_admin_changelog_no_releases(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_changelog_page_title.js b/ui/src/lib/paraglide/messages/admin_changelog_page_title.js
new file mode 100644
index 0000000..13e1b43
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_changelog_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Changelog_Page_TitleInputs */
+
+const en_admin_changelog_page_title = /** @type {(inputs: Admin_Changelog_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changelog — Admin`)
+};
+
+const ru_admin_changelog_page_title = /** @type {(inputs: Admin_Changelog_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changelog — Админ`)
+};
+
+const id_admin_changelog_page_title = /** @type {(inputs: Admin_Changelog_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changelog — Admin`)
+};
+
+const pt_admin_changelog_page_title = /** @type {(inputs: Admin_Changelog_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changelog — Admin`)
+};
+
+const fr_admin_changelog_page_title = /** @type {(inputs: Admin_Changelog_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changelog — Admin`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Changelog — Admin" |
+*
+* @param {Admin_Changelog_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_changelog_page_title = /** @type {((inputs?: Admin_Changelog_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Changelog_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_changelog_page_title(inputs)
+	if (locale === "ru") return ru_admin_changelog_page_title(inputs)
+	if (locale === "id") return id_admin_changelog_page_title(inputs)
+	if (locale === "pt") return pt_admin_changelog_page_title(inputs)
+	return fr_admin_changelog_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_ai_jobs.js b/ui/src/lib/paraglide/messages/admin_nav_ai_jobs.js
new file mode 100644
index 0000000..c7ee273
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_ai_jobs.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_Ai_JobsInputs */
+
+const en_admin_nav_ai_jobs = /** @type {(inputs: Admin_Nav_Ai_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`AI Jobs`)
+};
+
+const ru_admin_nav_ai_jobs = /** @type {(inputs: Admin_Nav_Ai_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Задачи ИИ`)
+};
+
+const id_admin_nav_ai_jobs = /** @type {(inputs: Admin_Nav_Ai_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tugas AI`)
+};
+
+const pt_admin_nav_ai_jobs = /** @type {(inputs: Admin_Nav_Ai_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tarefas de IA`)
+};
+
+const fr_admin_nav_ai_jobs = /** @type {(inputs: Admin_Nav_Ai_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tâches IA`)
+};
+
+/**
+* | output |
+* | --- |
+* | "AI Jobs" |
+*
+* @param {Admin_Nav_Ai_JobsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_ai_jobs = /** @type {((inputs?: Admin_Nav_Ai_JobsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_Ai_JobsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_ai_jobs(inputs)
+	if (locale === "ru") return ru_admin_nav_ai_jobs(inputs)
+	if (locale === "id") return id_admin_nav_ai_jobs(inputs)
+	if (locale === "pt") return pt_admin_nav_ai_jobs(inputs)
+	return fr_admin_nav_ai_jobs(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_analytics.js b/ui/src/lib/paraglide/messages/admin_nav_analytics.js
new file mode 100644
index 0000000..e66c772
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_analytics.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_AnalyticsInputs */
+
+const en_admin_nav_analytics = /** @type {(inputs: Admin_Nav_AnalyticsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Analytics`)
+};
+
+const ru_admin_nav_analytics = /** @type {(inputs: Admin_Nav_AnalyticsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Аналитика`)
+};
+
+const id_admin_nav_analytics = /** @type {(inputs: Admin_Nav_AnalyticsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Analitik`)
+};
+
+const pt_admin_nav_analytics = /** @type {(inputs: Admin_Nav_AnalyticsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Análise`)
+};
+
+const fr_admin_nav_analytics = /** @type {(inputs: Admin_Nav_AnalyticsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Analytique`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Analytics" |
+*
+* @param {Admin_Nav_AnalyticsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_analytics = /** @type {((inputs?: Admin_Nav_AnalyticsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_AnalyticsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_analytics(inputs)
+	if (locale === "ru") return ru_admin_nav_analytics(inputs)
+	if (locale === "id") return id_admin_nav_analytics(inputs)
+	if (locale === "pt") return pt_admin_nav_analytics(inputs)
+	return fr_admin_nav_analytics(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_audio.js b/ui/src/lib/paraglide/messages/admin_nav_audio.js
new file mode 100644
index 0000000..2b6acc6
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_audio.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_AudioInputs */
+
+const en_admin_nav_audio = /** @type {(inputs: Admin_Nav_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio`)
+};
+
+const ru_admin_nav_audio = /** @type {(inputs: Admin_Nav_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Аудио`)
+};
+
+const id_admin_nav_audio = /** @type {(inputs: Admin_Nav_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio`)
+};
+
+const pt_admin_nav_audio = /** @type {(inputs: Admin_Nav_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Áudio`)
+};
+
+const fr_admin_nav_audio = /** @type {(inputs: Admin_Nav_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Audio" |
+*
+* @param {Admin_Nav_AudioInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_audio = /** @type {((inputs?: Admin_Nav_AudioInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_AudioInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_audio(inputs)
+	if (locale === "ru") return ru_admin_nav_audio(inputs)
+	if (locale === "id") return id_admin_nav_audio(inputs)
+	if (locale === "pt") return pt_admin_nav_audio(inputs)
+	return fr_admin_nav_audio(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_catalogue_tools.js b/ui/src/lib/paraglide/messages/admin_nav_catalogue_tools.js
new file mode 100644
index 0000000..12d8888
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_catalogue_tools.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_Catalogue_ToolsInputs */
+
+const en_admin_nav_catalogue_tools = /** @type {(inputs: Admin_Nav_Catalogue_ToolsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catalogue Tools`)
+};
+
+const ru_admin_nav_catalogue_tools = /** @type {(inputs: Admin_Nav_Catalogue_ToolsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catalogue Tools`)
+};
+
+const id_admin_nav_catalogue_tools = /** @type {(inputs: Admin_Nav_Catalogue_ToolsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catalogue Tools`)
+};
+
+const pt_admin_nav_catalogue_tools = /** @type {(inputs: Admin_Nav_Catalogue_ToolsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catalogue Tools`)
+};
+
+const fr_admin_nav_catalogue_tools = /** @type {(inputs: Admin_Nav_Catalogue_ToolsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catalogue Tools`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Catalogue Tools" |
+*
+* @param {Admin_Nav_Catalogue_ToolsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_catalogue_tools = /** @type {((inputs?: Admin_Nav_Catalogue_ToolsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_Catalogue_ToolsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_catalogue_tools(inputs)
+	if (locale === "ru") return ru_admin_nav_catalogue_tools(inputs)
+	if (locale === "id") return id_admin_nav_catalogue_tools(inputs)
+	if (locale === "pt") return pt_admin_nav_catalogue_tools(inputs)
+	return fr_admin_nav_catalogue_tools(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_changelog.js b/ui/src/lib/paraglide/messages/admin_nav_changelog.js
new file mode 100644
index 0000000..604854d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_changelog.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_ChangelogInputs */
+
+const en_admin_nav_changelog = /** @type {(inputs: Admin_Nav_ChangelogInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changelog`)
+};
+
+const ru_admin_nav_changelog = /** @type {(inputs: Admin_Nav_ChangelogInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Изменения`)
+};
+
+const id_admin_nav_changelog = /** @type {(inputs: Admin_Nav_ChangelogInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Perubahan`)
+};
+
+const pt_admin_nav_changelog = /** @type {(inputs: Admin_Nav_ChangelogInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Alterações`)
+};
+
+const fr_admin_nav_changelog = /** @type {(inputs: Admin_Nav_ChangelogInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Modifications`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Changelog" |
+*
+* @param {Admin_Nav_ChangelogInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_changelog = /** @type {((inputs?: Admin_Nav_ChangelogInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_ChangelogInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_changelog(inputs)
+	if (locale === "ru") return ru_admin_nav_changelog(inputs)
+	if (locale === "id") return id_admin_nav_changelog(inputs)
+	if (locale === "pt") return pt_admin_nav_changelog(inputs)
+	return fr_admin_nav_changelog(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_errors.js b/ui/src/lib/paraglide/messages/admin_nav_errors.js
new file mode 100644
index 0000000..e697bf9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_errors.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_ErrorsInputs */
+
+const en_admin_nav_errors = /** @type {(inputs: Admin_Nav_ErrorsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Errors`)
+};
+
+const ru_admin_nav_errors = /** @type {(inputs: Admin_Nav_ErrorsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ошибки`)
+};
+
+const id_admin_nav_errors = /** @type {(inputs: Admin_Nav_ErrorsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kesalahan`)
+};
+
+const pt_admin_nav_errors = /** @type {(inputs: Admin_Nav_ErrorsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Erros`)
+};
+
+const fr_admin_nav_errors = /** @type {(inputs: Admin_Nav_ErrorsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Erreurs`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Errors" |
+*
+* @param {Admin_Nav_ErrorsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_errors = /** @type {((inputs?: Admin_Nav_ErrorsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_ErrorsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_errors(inputs)
+	if (locale === "ru") return ru_admin_nav_errors(inputs)
+	if (locale === "id") return id_admin_nav_errors(inputs)
+	if (locale === "pt") return pt_admin_nav_errors(inputs)
+	return fr_admin_nav_errors(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_feedback.js b/ui/src/lib/paraglide/messages/admin_nav_feedback.js
new file mode 100644
index 0000000..0ad1a5f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_feedback.js
@@ -0,0 +1,40 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_FeedbackInputs */
+
+const en_admin_nav_feedback = /** @type {(inputs: Admin_Nav_FeedbackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Feedback`)
+};
+
+/** @type {(inputs: Admin_Nav_FeedbackInputs) => LocalizedString} */
+const ru_admin_nav_feedback = en_admin_nav_feedback;
+
+/** @type {(inputs: Admin_Nav_FeedbackInputs) => LocalizedString} */
+const id_admin_nav_feedback = en_admin_nav_feedback;
+
+/** @type {(inputs: Admin_Nav_FeedbackInputs) => LocalizedString} */
+const pt_admin_nav_feedback = en_admin_nav_feedback;
+
+/** @type {(inputs: Admin_Nav_FeedbackInputs) => LocalizedString} */
+const fr_admin_nav_feedback = en_admin_nav_feedback;
+
+/**
+* | output |
+* | --- |
+* | "Feedback" |
+*
+* @param {Admin_Nav_FeedbackInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_feedback = /** @type {((inputs?: Admin_Nav_FeedbackInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_FeedbackInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_feedback(inputs)
+	if (locale === "ru") return ru_admin_nav_feedback(inputs)
+	if (locale === "id") return id_admin_nav_feedback(inputs)
+	if (locale === "pt") return pt_admin_nav_feedback(inputs)
+	return fr_admin_nav_feedback(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_gitea.js b/ui/src/lib/paraglide/messages/admin_nav_gitea.js
new file mode 100644
index 0000000..e376ab3
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_gitea.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_GiteaInputs */
+
+const en_admin_nav_gitea = /** @type {(inputs: Admin_Nav_GiteaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gitea`)
+};
+
+const ru_admin_nav_gitea = /** @type {(inputs: Admin_Nav_GiteaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gitea`)
+};
+
+const id_admin_nav_gitea = /** @type {(inputs: Admin_Nav_GiteaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gitea`)
+};
+
+const pt_admin_nav_gitea = /** @type {(inputs: Admin_Nav_GiteaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gitea`)
+};
+
+const fr_admin_nav_gitea = /** @type {(inputs: Admin_Nav_GiteaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gitea`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Gitea" |
+*
+* @param {Admin_Nav_GiteaInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_gitea = /** @type {((inputs?: Admin_Nav_GiteaInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_GiteaInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_gitea(inputs)
+	if (locale === "ru") return ru_admin_nav_gitea(inputs)
+	if (locale === "id") return id_admin_nav_gitea(inputs)
+	if (locale === "pt") return pt_admin_nav_gitea(inputs)
+	return fr_admin_nav_gitea(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_grafana.js b/ui/src/lib/paraglide/messages/admin_nav_grafana.js
new file mode 100644
index 0000000..97a5942
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_grafana.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_GrafanaInputs */
+
+const en_admin_nav_grafana = /** @type {(inputs: Admin_Nav_GrafanaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Grafana`)
+};
+
+const ru_admin_nav_grafana = /** @type {(inputs: Admin_Nav_GrafanaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Grafana`)
+};
+
+const id_admin_nav_grafana = /** @type {(inputs: Admin_Nav_GrafanaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Grafana`)
+};
+
+const pt_admin_nav_grafana = /** @type {(inputs: Admin_Nav_GrafanaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Grafana`)
+};
+
+const fr_admin_nav_grafana = /** @type {(inputs: Admin_Nav_GrafanaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Grafana`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Grafana" |
+*
+* @param {Admin_Nav_GrafanaInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_grafana = /** @type {((inputs?: Admin_Nav_GrafanaInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_GrafanaInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_grafana(inputs)
+	if (locale === "ru") return ru_admin_nav_grafana(inputs)
+	if (locale === "id") return id_admin_nav_grafana(inputs)
+	if (locale === "pt") return pt_admin_nav_grafana(inputs)
+	return fr_admin_nav_grafana(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_image_gen.js b/ui/src/lib/paraglide/messages/admin_nav_image_gen.js
new file mode 100644
index 0000000..f2fa6eb
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_image_gen.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_Image_GenInputs */
+
+const en_admin_nav_image_gen = /** @type {(inputs: Admin_Nav_Image_GenInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Image Gen`)
+};
+
+const ru_admin_nav_image_gen = /** @type {(inputs: Admin_Nav_Image_GenInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Image Gen`)
+};
+
+const id_admin_nav_image_gen = /** @type {(inputs: Admin_Nav_Image_GenInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Image Gen`)
+};
+
+const pt_admin_nav_image_gen = /** @type {(inputs: Admin_Nav_Image_GenInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Image Gen`)
+};
+
+const fr_admin_nav_image_gen = /** @type {(inputs: Admin_Nav_Image_GenInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Image Gen`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Image Gen" |
+*
+* @param {Admin_Nav_Image_GenInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_image_gen = /** @type {((inputs?: Admin_Nav_Image_GenInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_Image_GenInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_image_gen(inputs)
+	if (locale === "ru") return ru_admin_nav_image_gen(inputs)
+	if (locale === "id") return id_admin_nav_image_gen(inputs)
+	if (locale === "pt") return pt_admin_nav_image_gen(inputs)
+	return fr_admin_nav_image_gen(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_import.js b/ui/src/lib/paraglide/messages/admin_nav_import.js
new file mode 100644
index 0000000..6330745
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_import.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_ImportInputs */
+
+const en_admin_nav_import = /** @type {(inputs: Admin_Nav_ImportInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Import`)
+};
+
+const ru_admin_nav_import = /** @type {(inputs: Admin_Nav_ImportInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Import`)
+};
+
+const id_admin_nav_import = /** @type {(inputs: Admin_Nav_ImportInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Import`)
+};
+
+const pt_admin_nav_import = /** @type {(inputs: Admin_Nav_ImportInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Import`)
+};
+
+const fr_admin_nav_import = /** @type {(inputs: Admin_Nav_ImportInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Import`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Import" |
+*
+* @param {Admin_Nav_ImportInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_import = /** @type {((inputs?: Admin_Nav_ImportInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_ImportInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_import(inputs)
+	if (locale === "ru") return ru_admin_nav_import(inputs)
+	if (locale === "id") return id_admin_nav_import(inputs)
+	if (locale === "pt") return pt_admin_nav_import(inputs)
+	return fr_admin_nav_import(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_logs.js b/ui/src/lib/paraglide/messages/admin_nav_logs.js
new file mode 100644
index 0000000..ebe6ba6
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_logs.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_LogsInputs */
+
+const en_admin_nav_logs = /** @type {(inputs: Admin_Nav_LogsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Logs`)
+};
+
+const ru_admin_nav_logs = /** @type {(inputs: Admin_Nav_LogsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Логи`)
+};
+
+const id_admin_nav_logs = /** @type {(inputs: Admin_Nav_LogsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Log`)
+};
+
+const pt_admin_nav_logs = /** @type {(inputs: Admin_Nav_LogsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Logs`)
+};
+
+const fr_admin_nav_logs = /** @type {(inputs: Admin_Nav_LogsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Journaux`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Logs" |
+*
+* @param {Admin_Nav_LogsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_logs = /** @type {((inputs?: Admin_Nav_LogsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_LogsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_logs(inputs)
+	if (locale === "ru") return ru_admin_nav_logs(inputs)
+	if (locale === "id") return id_admin_nav_logs(inputs)
+	if (locale === "pt") return pt_admin_nav_logs(inputs)
+	return fr_admin_nav_logs(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_notifications.js b/ui/src/lib/paraglide/messages/admin_nav_notifications.js
new file mode 100644
index 0000000..87b16a9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_notifications.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_NotificationsInputs */
+
+const en_admin_nav_notifications = /** @type {(inputs: Admin_Nav_NotificationsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Notifications`)
+};
+
+const ru_admin_nav_notifications = /** @type {(inputs: Admin_Nav_NotificationsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Уведомления`)
+};
+
+const id_admin_nav_notifications = /** @type {(inputs: Admin_Nav_NotificationsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Notifikasi`)
+};
+
+const pt_admin_nav_notifications = /** @type {(inputs: Admin_Nav_NotificationsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Notificações`)
+};
+
+const fr_admin_nav_notifications = /** @type {(inputs: Admin_Nav_NotificationsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Notifications`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Notifications" |
+*
+* @param {Admin_Nav_NotificationsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_notifications = /** @type {((inputs?: Admin_Nav_NotificationsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_NotificationsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_notifications(inputs)
+	if (locale === "ru") return ru_admin_nav_notifications(inputs)
+	if (locale === "id") return id_admin_nav_notifications(inputs)
+	if (locale === "pt") return pt_admin_nav_notifications(inputs)
+	return fr_admin_nav_notifications(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_push.js b/ui/src/lib/paraglide/messages/admin_nav_push.js
new file mode 100644
index 0000000..796995f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_push.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_PushInputs */
+
+const en_admin_nav_push = /** @type {(inputs: Admin_Nav_PushInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Push`)
+};
+
+const ru_admin_nav_push = /** @type {(inputs: Admin_Nav_PushInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Уведомления`)
+};
+
+const id_admin_nav_push = /** @type {(inputs: Admin_Nav_PushInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Notifikasi`)
+};
+
+const pt_admin_nav_push = /** @type {(inputs: Admin_Nav_PushInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Notificações`)
+};
+
+const fr_admin_nav_push = /** @type {(inputs: Admin_Nav_PushInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Notifications`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Push" |
+*
+* @param {Admin_Nav_PushInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_push = /** @type {((inputs?: Admin_Nav_PushInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_PushInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_push(inputs)
+	if (locale === "ru") return ru_admin_nav_push(inputs)
+	if (locale === "id") return id_admin_nav_push(inputs)
+	if (locale === "pt") return pt_admin_nav_push(inputs)
+	return fr_admin_nav_push(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_scrape.js b/ui/src/lib/paraglide/messages/admin_nav_scrape.js
new file mode 100644
index 0000000..0f63d3b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_scrape.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_ScrapeInputs */
+
+const en_admin_nav_scrape = /** @type {(inputs: Admin_Nav_ScrapeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape`)
+};
+
+const ru_admin_nav_scrape = /** @type {(inputs: Admin_Nav_ScrapeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Скрейпинг`)
+};
+
+const id_admin_nav_scrape = /** @type {(inputs: Admin_Nav_ScrapeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape`)
+};
+
+const pt_admin_nav_scrape = /** @type {(inputs: Admin_Nav_ScrapeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape`)
+};
+
+const fr_admin_nav_scrape = /** @type {(inputs: Admin_Nav_ScrapeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Scrape" |
+*
+* @param {Admin_Nav_ScrapeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_scrape = /** @type {((inputs?: Admin_Nav_ScrapeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_ScrapeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_scrape(inputs)
+	if (locale === "ru") return ru_admin_nav_scrape(inputs)
+	if (locale === "id") return id_admin_nav_scrape(inputs)
+	if (locale === "pt") return pt_admin_nav_scrape(inputs)
+	return fr_admin_nav_scrape(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_text_gen.js b/ui/src/lib/paraglide/messages/admin_nav_text_gen.js
new file mode 100644
index 0000000..4acc6bd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_text_gen.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_Text_GenInputs */
+
+const en_admin_nav_text_gen = /** @type {(inputs: Admin_Nav_Text_GenInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Gen`)
+};
+
+const ru_admin_nav_text_gen = /** @type {(inputs: Admin_Nav_Text_GenInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Gen`)
+};
+
+const id_admin_nav_text_gen = /** @type {(inputs: Admin_Nav_Text_GenInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Gen`)
+};
+
+const pt_admin_nav_text_gen = /** @type {(inputs: Admin_Nav_Text_GenInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Gen`)
+};
+
+const fr_admin_nav_text_gen = /** @type {(inputs: Admin_Nav_Text_GenInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Gen`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Text Gen" |
+*
+* @param {Admin_Nav_Text_GenInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_text_gen = /** @type {((inputs?: Admin_Nav_Text_GenInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_Text_GenInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_text_gen(inputs)
+	if (locale === "ru") return ru_admin_nav_text_gen(inputs)
+	if (locale === "id") return id_admin_nav_text_gen(inputs)
+	if (locale === "pt") return pt_admin_nav_text_gen(inputs)
+	return fr_admin_nav_text_gen(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_translation.js b/ui/src/lib/paraglide/messages/admin_nav_translation.js
new file mode 100644
index 0000000..5063633
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_translation.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_TranslationInputs */
+
+const en_admin_nav_translation = /** @type {(inputs: Admin_Nav_TranslationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Translation`)
+};
+
+const ru_admin_nav_translation = /** @type {(inputs: Admin_Nav_TranslationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Перевод`)
+};
+
+const id_admin_nav_translation = /** @type {(inputs: Admin_Nav_TranslationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Terjemahan`)
+};
+
+const pt_admin_nav_translation = /** @type {(inputs: Admin_Nav_TranslationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tradução`)
+};
+
+const fr_admin_nav_translation = /** @type {(inputs: Admin_Nav_TranslationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Traduction`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Translation" |
+*
+* @param {Admin_Nav_TranslationInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_translation = /** @type {((inputs?: Admin_Nav_TranslationInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_TranslationInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_translation(inputs)
+	if (locale === "ru") return ru_admin_nav_translation(inputs)
+	if (locale === "id") return id_admin_nav_translation(inputs)
+	if (locale === "pt") return pt_admin_nav_translation(inputs)
+	return fr_admin_nav_translation(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_nav_uptime.js b/ui/src/lib/paraglide/messages/admin_nav_uptime.js
new file mode 100644
index 0000000..f30a2f4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_nav_uptime.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Nav_UptimeInputs */
+
+const en_admin_nav_uptime = /** @type {(inputs: Admin_Nav_UptimeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Uptime`)
+};
+
+const ru_admin_nav_uptime = /** @type {(inputs: Admin_Nav_UptimeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Мониторинг`)
+};
+
+const id_admin_nav_uptime = /** @type {(inputs: Admin_Nav_UptimeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Uptime`)
+};
+
+const pt_admin_nav_uptime = /** @type {(inputs: Admin_Nav_UptimeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Uptime`)
+};
+
+const fr_admin_nav_uptime = /** @type {(inputs: Admin_Nav_UptimeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Disponibilité`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Uptime" |
+*
+* @param {Admin_Nav_UptimeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_nav_uptime = /** @type {((inputs?: Admin_Nav_UptimeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Nav_UptimeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_nav_uptime(inputs)
+	if (locale === "ru") return ru_admin_nav_uptime(inputs)
+	if (locale === "id") return id_admin_nav_uptime(inputs)
+	if (locale === "pt") return pt_admin_nav_uptime(inputs)
+	return fr_admin_nav_uptime(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_pages_label.js b/ui/src/lib/paraglide/messages/admin_pages_label.js
new file mode 100644
index 0000000..54749a9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_pages_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Pages_LabelInputs */
+
+const en_admin_pages_label = /** @type {(inputs: Admin_Pages_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pages`)
+};
+
+const ru_admin_pages_label = /** @type {(inputs: Admin_Pages_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Страницы`)
+};
+
+const id_admin_pages_label = /** @type {(inputs: Admin_Pages_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Halaman`)
+};
+
+const pt_admin_pages_label = /** @type {(inputs: Admin_Pages_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Páginas`)
+};
+
+const fr_admin_pages_label = /** @type {(inputs: Admin_Pages_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pages`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Pages" |
+*
+* @param {Admin_Pages_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_pages_label = /** @type {((inputs?: Admin_Pages_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Pages_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_pages_label(inputs)
+	if (locale === "ru") return ru_admin_pages_label(inputs)
+	if (locale === "id") return id_admin_pages_label(inputs)
+	if (locale === "pt") return pt_admin_pages_label(inputs)
+	return fr_admin_pages_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_book.js b/ui/src/lib/paraglide/messages/admin_scrape_book.js
new file mode 100644
index 0000000..9560bea
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_book.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_BookInputs */
+
+const en_admin_scrape_book = /** @type {(inputs: Admin_Scrape_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape Book`)
+};
+
+const ru_admin_scrape_book = /** @type {(inputs: Admin_Scrape_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Парсинг книги`)
+};
+
+const id_admin_scrape_book = /** @type {(inputs: Admin_Scrape_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape Buku`)
+};
+
+const pt_admin_scrape_book = /** @type {(inputs: Admin_Scrape_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extrair Livro`)
+};
+
+const fr_admin_scrape_book = /** @type {(inputs: Admin_Scrape_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extraire un livre`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Scrape Book" |
+*
+* @param {Admin_Scrape_BookInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_book = /** @type {((inputs?: Admin_Scrape_BookInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_BookInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_book(inputs)
+	if (locale === "ru") return ru_admin_scrape_book(inputs)
+	if (locale === "id") return id_admin_scrape_book(inputs)
+	if (locale === "pt") return pt_admin_scrape_book(inputs)
+	return fr_admin_scrape_book(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_cancel.js b/ui/src/lib/paraglide/messages/admin_scrape_cancel.js
new file mode 100644
index 0000000..f284a5c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_cancel.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_CancelInputs */
+
+const en_admin_scrape_cancel = /** @type {(inputs: Admin_Scrape_CancelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cancel`)
+};
+
+const ru_admin_scrape_cancel = /** @type {(inputs: Admin_Scrape_CancelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Отмена`)
+};
+
+const id_admin_scrape_cancel = /** @type {(inputs: Admin_Scrape_CancelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Batal`)
+};
+
+const pt_admin_scrape_cancel = /** @type {(inputs: Admin_Scrape_CancelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cancelar`)
+};
+
+const fr_admin_scrape_cancel = /** @type {(inputs: Admin_Scrape_CancelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Annuler`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Cancel" |
+*
+* @param {Admin_Scrape_CancelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_cancel = /** @type {((inputs?: Admin_Scrape_CancelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_CancelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_cancel(inputs)
+	if (locale === "ru") return ru_admin_scrape_cancel(inputs)
+	if (locale === "id") return id_admin_scrape_cancel(inputs)
+	if (locale === "pt") return pt_admin_scrape_cancel(inputs)
+	return fr_admin_scrape_cancel(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_catalogue.js b/ui/src/lib/paraglide/messages/admin_scrape_catalogue.js
new file mode 100644
index 0000000..78689fd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_catalogue.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_CatalogueInputs */
+
+const en_admin_scrape_catalogue = /** @type {(inputs: Admin_Scrape_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape Catalogue`)
+};
+
+const ru_admin_scrape_catalogue = /** @type {(inputs: Admin_Scrape_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Парсинг каталога`)
+};
+
+const id_admin_scrape_catalogue = /** @type {(inputs: Admin_Scrape_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape Katalog`)
+};
+
+const pt_admin_scrape_catalogue = /** @type {(inputs: Admin_Scrape_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extrair Catálogo`)
+};
+
+const fr_admin_scrape_catalogue = /** @type {(inputs: Admin_Scrape_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extraire le catalogue`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Scrape Catalogue" |
+*
+* @param {Admin_Scrape_CatalogueInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_catalogue = /** @type {((inputs?: Admin_Scrape_CatalogueInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_CatalogueInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_catalogue(inputs)
+	if (locale === "ru") return ru_admin_scrape_catalogue(inputs)
+	if (locale === "id") return id_admin_scrape_catalogue(inputs)
+	if (locale === "pt") return pt_admin_scrape_catalogue(inputs)
+	return fr_admin_scrape_catalogue(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_filter_placeholder.js b/ui/src/lib/paraglide/messages/admin_scrape_filter_placeholder.js
new file mode 100644
index 0000000..b40716a
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_filter_placeholder.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_Filter_PlaceholderInputs */
+
+const en_admin_scrape_filter_placeholder = /** @type {(inputs: Admin_Scrape_Filter_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filter by kind, status or URL…`)
+};
+
+const ru_admin_scrape_filter_placeholder = /** @type {(inputs: Admin_Scrape_Filter_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Фильтр по типу, статусу или URL…`)
+};
+
+const id_admin_scrape_filter_placeholder = /** @type {(inputs: Admin_Scrape_Filter_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filter berdasarkan jenis, status, atau URL…`)
+};
+
+const pt_admin_scrape_filter_placeholder = /** @type {(inputs: Admin_Scrape_Filter_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filtrar por tipo, status ou URL…`)
+};
+
+const fr_admin_scrape_filter_placeholder = /** @type {(inputs: Admin_Scrape_Filter_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filtrer par type, statut ou URL…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Filter by kind, status or URL…" |
+*
+* @param {Admin_Scrape_Filter_PlaceholderInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_filter_placeholder = /** @type {((inputs?: Admin_Scrape_Filter_PlaceholderInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_Filter_PlaceholderInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_filter_placeholder(inputs)
+	if (locale === "ru") return ru_admin_scrape_filter_placeholder(inputs)
+	if (locale === "id") return id_admin_scrape_filter_placeholder(inputs)
+	if (locale === "pt") return pt_admin_scrape_filter_placeholder(inputs)
+	return fr_admin_scrape_filter_placeholder(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_from.js b/ui/src/lib/paraglide/messages/admin_scrape_from.js
new file mode 100644
index 0000000..bafa8a0
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_from.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_FromInputs */
+
+const en_admin_scrape_from = /** @type {(inputs: Admin_Scrape_FromInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`From`)
+};
+
+const ru_admin_scrape_from = /** @type {(inputs: Admin_Scrape_FromInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`От`)
+};
+
+const id_admin_scrape_from = /** @type {(inputs: Admin_Scrape_FromInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Dari`)
+};
+
+const pt_admin_scrape_from = /** @type {(inputs: Admin_Scrape_FromInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`De`)
+};
+
+const fr_admin_scrape_from = /** @type {(inputs: Admin_Scrape_FromInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`De`)
+};
+
+/**
+* | output |
+* | --- |
+* | "From" |
+*
+* @param {Admin_Scrape_FromInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_from = /** @type {((inputs?: Admin_Scrape_FromInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_FromInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_from(inputs)
+	if (locale === "ru") return ru_admin_scrape_from(inputs)
+	if (locale === "id") return id_admin_scrape_from(inputs)
+	if (locale === "pt") return pt_admin_scrape_from(inputs)
+	return fr_admin_scrape_from(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_full_catalogue.js b/ui/src/lib/paraglide/messages/admin_scrape_full_catalogue.js
new file mode 100644
index 0000000..7c6fa68
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_full_catalogue.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_Full_CatalogueInputs */
+
+const en_admin_scrape_full_catalogue = /** @type {(inputs: Admin_Scrape_Full_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Full catalogue`)
+};
+
+const ru_admin_scrape_full_catalogue = /** @type {(inputs: Admin_Scrape_Full_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Полный каталог`)
+};
+
+const id_admin_scrape_full_catalogue = /** @type {(inputs: Admin_Scrape_Full_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Katalog penuh`)
+};
+
+const pt_admin_scrape_full_catalogue = /** @type {(inputs: Admin_Scrape_Full_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catálogo completo`)
+};
+
+const fr_admin_scrape_full_catalogue = /** @type {(inputs: Admin_Scrape_Full_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catalogue complet`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Full catalogue" |
+*
+* @param {Admin_Scrape_Full_CatalogueInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_full_catalogue = /** @type {((inputs?: Admin_Scrape_Full_CatalogueInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_Full_CatalogueInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_full_catalogue(inputs)
+	if (locale === "ru") return ru_admin_scrape_full_catalogue(inputs)
+	if (locale === "id") return id_admin_scrape_full_catalogue(inputs)
+	if (locale === "pt") return pt_admin_scrape_full_catalogue(inputs)
+	return fr_admin_scrape_full_catalogue(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_heading.js b/ui/src/lib/paraglide/messages/admin_scrape_heading.js
new file mode 100644
index 0000000..455842c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_HeadingInputs */
+
+const en_admin_scrape_heading = /** @type {(inputs: Admin_Scrape_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape`)
+};
+
+const ru_admin_scrape_heading = /** @type {(inputs: Admin_Scrape_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Парсинг`)
+};
+
+const id_admin_scrape_heading = /** @type {(inputs: Admin_Scrape_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape`)
+};
+
+const pt_admin_scrape_heading = /** @type {(inputs: Admin_Scrape_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extração`)
+};
+
+const fr_admin_scrape_heading = /** @type {(inputs: Admin_Scrape_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extraction`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Scrape" |
+*
+* @param {Admin_Scrape_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_heading = /** @type {((inputs?: Admin_Scrape_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_heading(inputs)
+	if (locale === "ru") return ru_admin_scrape_heading(inputs)
+	if (locale === "id") return id_admin_scrape_heading(inputs)
+	if (locale === "pt") return pt_admin_scrape_heading(inputs)
+	return fr_admin_scrape_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_no_matching.js b/ui/src/lib/paraglide/messages/admin_scrape_no_matching.js
new file mode 100644
index 0000000..84a2f64
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_no_matching.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_No_MatchingInputs */
+
+const en_admin_scrape_no_matching = /** @type {(inputs: Admin_Scrape_No_MatchingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No matching tasks.`)
+};
+
+const ru_admin_scrape_no_matching = /** @type {(inputs: Admin_Scrape_No_MatchingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Задач не найдено.`)
+};
+
+const id_admin_scrape_no_matching = /** @type {(inputs: Admin_Scrape_No_MatchingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tidak ada tugas yang cocok.`)
+};
+
+const pt_admin_scrape_no_matching = /** @type {(inputs: Admin_Scrape_No_MatchingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhuma tarefa correspondente.`)
+};
+
+const fr_admin_scrape_no_matching = /** @type {(inputs: Admin_Scrape_No_MatchingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucune tâche correspondante.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No matching tasks." |
+*
+* @param {Admin_Scrape_No_MatchingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_no_matching = /** @type {((inputs?: Admin_Scrape_No_MatchingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_No_MatchingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_no_matching(inputs)
+	if (locale === "ru") return ru_admin_scrape_no_matching(inputs)
+	if (locale === "id") return id_admin_scrape_no_matching(inputs)
+	if (locale === "pt") return pt_admin_scrape_no_matching(inputs)
+	return fr_admin_scrape_no_matching(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_page_title.js b/ui/src/lib/paraglide/messages/admin_scrape_page_title.js
new file mode 100644
index 0000000..fbe5bba
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_Page_TitleInputs */
+
+const en_admin_scrape_page_title = /** @type {(inputs: Admin_Scrape_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape — Admin`)
+};
+
+const ru_admin_scrape_page_title = /** @type {(inputs: Admin_Scrape_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Парсинг — Админ`)
+};
+
+const id_admin_scrape_page_title = /** @type {(inputs: Admin_Scrape_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape — Admin`)
+};
+
+const pt_admin_scrape_page_title = /** @type {(inputs: Admin_Scrape_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extração — Admin`)
+};
+
+const fr_admin_scrape_page_title = /** @type {(inputs: Admin_Scrape_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extraction — Admin`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Scrape — Admin" |
+*
+* @param {Admin_Scrape_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_page_title = /** @type {((inputs?: Admin_Scrape_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_page_title(inputs)
+	if (locale === "ru") return ru_admin_scrape_page_title(inputs)
+	if (locale === "id") return id_admin_scrape_page_title(inputs)
+	if (locale === "pt") return pt_admin_scrape_page_title(inputs)
+	return fr_admin_scrape_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_queuing.js b/ui/src/lib/paraglide/messages/admin_scrape_queuing.js
new file mode 100644
index 0000000..4b60a84
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_queuing.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_QueuingInputs */
+
+const en_admin_scrape_queuing = /** @type {(inputs: Admin_Scrape_QueuingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Queuing…`)
+};
+
+const ru_admin_scrape_queuing = /** @type {(inputs: Admin_Scrape_QueuingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`В очереди…`)
+};
+
+const id_admin_scrape_queuing = /** @type {(inputs: Admin_Scrape_QueuingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mengantri…`)
+};
+
+const pt_admin_scrape_queuing = /** @type {(inputs: Admin_Scrape_QueuingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Na fila…`)
+};
+
+const fr_admin_scrape_queuing = /** @type {(inputs: Admin_Scrape_QueuingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`En file d'attente…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Queuing…" |
+*
+* @param {Admin_Scrape_QueuingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_queuing = /** @type {((inputs?: Admin_Scrape_QueuingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_QueuingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_queuing(inputs)
+	if (locale === "ru") return ru_admin_scrape_queuing(inputs)
+	if (locale === "id") return id_admin_scrape_queuing(inputs)
+	if (locale === "pt") return pt_admin_scrape_queuing(inputs)
+	return fr_admin_scrape_queuing(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_quick_genres.js b/ui/src/lib/paraglide/messages/admin_scrape_quick_genres.js
new file mode 100644
index 0000000..223fb12
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_quick_genres.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_Quick_GenresInputs */
+
+const en_admin_scrape_quick_genres = /** @type {(inputs: Admin_Scrape_Quick_GenresInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Quick genres`)
+};
+
+const ru_admin_scrape_quick_genres = /** @type {(inputs: Admin_Scrape_Quick_GenresInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Быстрые жанры`)
+};
+
+const id_admin_scrape_quick_genres = /** @type {(inputs: Admin_Scrape_Quick_GenresInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Genre cepat`)
+};
+
+const pt_admin_scrape_quick_genres = /** @type {(inputs: Admin_Scrape_Quick_GenresInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gêneros rápidos`)
+};
+
+const fr_admin_scrape_quick_genres = /** @type {(inputs: Admin_Scrape_Quick_GenresInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Genres rapides`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Quick genres" |
+*
+* @param {Admin_Scrape_Quick_GenresInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_quick_genres = /** @type {((inputs?: Admin_Scrape_Quick_GenresInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_Quick_GenresInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_quick_genres(inputs)
+	if (locale === "ru") return ru_admin_scrape_quick_genres(inputs)
+	if (locale === "id") return id_admin_scrape_quick_genres(inputs)
+	if (locale === "pt") return pt_admin_scrape_quick_genres(inputs)
+	return fr_admin_scrape_quick_genres(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_range.js b/ui/src/lib/paraglide/messages/admin_scrape_range.js
new file mode 100644
index 0000000..b00a60a
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_range.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_RangeInputs */
+
+const en_admin_scrape_range = /** @type {(inputs: Admin_Scrape_RangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapter range`)
+};
+
+const ru_admin_scrape_range = /** @type {(inputs: Admin_Scrape_RangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Диапазон глав`)
+};
+
+const id_admin_scrape_range = /** @type {(inputs: Admin_Scrape_RangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rentang bab`)
+};
+
+const pt_admin_scrape_range = /** @type {(inputs: Admin_Scrape_RangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Intervalo de capítulos`)
+};
+
+const fr_admin_scrape_range = /** @type {(inputs: Admin_Scrape_RangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Plage de chapitres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Chapter range" |
+*
+* @param {Admin_Scrape_RangeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_range = /** @type {((inputs?: Admin_Scrape_RangeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_RangeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_range(inputs)
+	if (locale === "ru") return ru_admin_scrape_range(inputs)
+	if (locale === "id") return id_admin_scrape_range(inputs)
+	if (locale === "pt") return pt_admin_scrape_range(inputs)
+	return fr_admin_scrape_range(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_running.js b/ui/src/lib/paraglide/messages/admin_scrape_running.js
new file mode 100644
index 0000000..e003ba1
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_running.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_RunningInputs */
+
+const en_admin_scrape_running = /** @type {(inputs: Admin_Scrape_RunningInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Running…`)
+};
+
+const ru_admin_scrape_running = /** @type {(inputs: Admin_Scrape_RunningInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Выполняется…`)
+};
+
+const id_admin_scrape_running = /** @type {(inputs: Admin_Scrape_RunningInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Berjalan…`)
+};
+
+const pt_admin_scrape_running = /** @type {(inputs: Admin_Scrape_RunningInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Executando…`)
+};
+
+const fr_admin_scrape_running = /** @type {(inputs: Admin_Scrape_RunningInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`En cours…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Running…" |
+*
+* @param {Admin_Scrape_RunningInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_running = /** @type {((inputs?: Admin_Scrape_RunningInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_RunningInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_running(inputs)
+	if (locale === "ru") return ru_admin_scrape_running(inputs)
+	if (locale === "id") return id_admin_scrape_running(inputs)
+	if (locale === "pt") return pt_admin_scrape_running(inputs)
+	return fr_admin_scrape_running(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_single_book.js b/ui/src/lib/paraglide/messages/admin_scrape_single_book.js
new file mode 100644
index 0000000..eb7afb7
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_single_book.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_Single_BookInputs */
+
+const en_admin_scrape_single_book = /** @type {(inputs: Admin_Scrape_Single_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Single book`)
+};
+
+const ru_admin_scrape_single_book = /** @type {(inputs: Admin_Scrape_Single_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Одна книга`)
+};
+
+const id_admin_scrape_single_book = /** @type {(inputs: Admin_Scrape_Single_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Satu buku`)
+};
+
+const pt_admin_scrape_single_book = /** @type {(inputs: Admin_Scrape_Single_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Livro único`)
+};
+
+const fr_admin_scrape_single_book = /** @type {(inputs: Admin_Scrape_Single_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Livre unique`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Single book" |
+*
+* @param {Admin_Scrape_Single_BookInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_single_book = /** @type {((inputs?: Admin_Scrape_Single_BookInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_Single_BookInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_single_book(inputs)
+	if (locale === "ru") return ru_admin_scrape_single_book(inputs)
+	if (locale === "id") return id_admin_scrape_single_book(inputs)
+	if (locale === "pt") return pt_admin_scrape_single_book(inputs)
+	return fr_admin_scrape_single_book(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_start.js b/ui/src/lib/paraglide/messages/admin_scrape_start.js
new file mode 100644
index 0000000..67516b4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_start.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_StartInputs */
+
+const en_admin_scrape_start = /** @type {(inputs: Admin_Scrape_StartInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Start scrape`)
+};
+
+const ru_admin_scrape_start = /** @type {(inputs: Admin_Scrape_StartInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Начать парсинг`)
+};
+
+const id_admin_scrape_start = /** @type {(inputs: Admin_Scrape_StartInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mulai scrape`)
+};
+
+const pt_admin_scrape_start = /** @type {(inputs: Admin_Scrape_StartInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Iniciar extração`)
+};
+
+const fr_admin_scrape_start = /** @type {(inputs: Admin_Scrape_StartInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Démarrer l'extraction`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Start scrape" |
+*
+* @param {Admin_Scrape_StartInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_start = /** @type {((inputs?: Admin_Scrape_StartInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_StartInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_start(inputs)
+	if (locale === "ru") return ru_admin_scrape_start(inputs)
+	if (locale === "id") return id_admin_scrape_start(inputs)
+	if (locale === "pt") return pt_admin_scrape_start(inputs)
+	return fr_admin_scrape_start(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_status_cancelled.js b/ui/src/lib/paraglide/messages/admin_scrape_status_cancelled.js
new file mode 100644
index 0000000..44fe5dd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_status_cancelled.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_Status_CancelledInputs */
+
+const en_admin_scrape_status_cancelled = /** @type {(inputs: Admin_Scrape_Status_CancelledInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cancelled`)
+};
+
+const ru_admin_scrape_status_cancelled = /** @type {(inputs: Admin_Scrape_Status_CancelledInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Отменено`)
+};
+
+const id_admin_scrape_status_cancelled = /** @type {(inputs: Admin_Scrape_Status_CancelledInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Dibatalkan`)
+};
+
+const pt_admin_scrape_status_cancelled = /** @type {(inputs: Admin_Scrape_Status_CancelledInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cancelado`)
+};
+
+const fr_admin_scrape_status_cancelled = /** @type {(inputs: Admin_Scrape_Status_CancelledInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Annulé`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Cancelled" |
+*
+* @param {Admin_Scrape_Status_CancelledInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_status_cancelled = /** @type {((inputs?: Admin_Scrape_Status_CancelledInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_Status_CancelledInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_status_cancelled(inputs)
+	if (locale === "ru") return ru_admin_scrape_status_cancelled(inputs)
+	if (locale === "id") return id_admin_scrape_status_cancelled(inputs)
+	if (locale === "pt") return pt_admin_scrape_status_cancelled(inputs)
+	return fr_admin_scrape_status_cancelled(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_status_done.js b/ui/src/lib/paraglide/messages/admin_scrape_status_done.js
new file mode 100644
index 0000000..eef4cd6
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_status_done.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_Status_DoneInputs */
+
+const en_admin_scrape_status_done = /** @type {(inputs: Admin_Scrape_Status_DoneInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Done`)
+};
+
+const ru_admin_scrape_status_done = /** @type {(inputs: Admin_Scrape_Status_DoneInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Готово`)
+};
+
+const id_admin_scrape_status_done = /** @type {(inputs: Admin_Scrape_Status_DoneInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Selesai`)
+};
+
+const pt_admin_scrape_status_done = /** @type {(inputs: Admin_Scrape_Status_DoneInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Concluído`)
+};
+
+const fr_admin_scrape_status_done = /** @type {(inputs: Admin_Scrape_Status_DoneInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Terminé`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Done" |
+*
+* @param {Admin_Scrape_Status_DoneInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_status_done = /** @type {((inputs?: Admin_Scrape_Status_DoneInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_Status_DoneInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_status_done(inputs)
+	if (locale === "ru") return ru_admin_scrape_status_done(inputs)
+	if (locale === "id") return id_admin_scrape_status_done(inputs)
+	if (locale === "pt") return pt_admin_scrape_status_done(inputs)
+	return fr_admin_scrape_status_done(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_status_failed.js b/ui/src/lib/paraglide/messages/admin_scrape_status_failed.js
new file mode 100644
index 0000000..9a2a63c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_status_failed.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_Status_FailedInputs */
+
+const en_admin_scrape_status_failed = /** @type {(inputs: Admin_Scrape_Status_FailedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Failed`)
+};
+
+const ru_admin_scrape_status_failed = /** @type {(inputs: Admin_Scrape_Status_FailedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ошибка`)
+};
+
+const id_admin_scrape_status_failed = /** @type {(inputs: Admin_Scrape_Status_FailedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gagal`)
+};
+
+const pt_admin_scrape_status_failed = /** @type {(inputs: Admin_Scrape_Status_FailedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Falhou`)
+};
+
+const fr_admin_scrape_status_failed = /** @type {(inputs: Admin_Scrape_Status_FailedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Échoué`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Failed" |
+*
+* @param {Admin_Scrape_Status_FailedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_status_failed = /** @type {((inputs?: Admin_Scrape_Status_FailedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_Status_FailedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_status_failed(inputs)
+	if (locale === "ru") return ru_admin_scrape_status_failed(inputs)
+	if (locale === "id") return id_admin_scrape_status_failed(inputs)
+	if (locale === "pt") return pt_admin_scrape_status_failed(inputs)
+	return fr_admin_scrape_status_failed(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_status_idle.js b/ui/src/lib/paraglide/messages/admin_scrape_status_idle.js
new file mode 100644
index 0000000..896cc60
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_status_idle.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_Status_IdleInputs */
+
+const en_admin_scrape_status_idle = /** @type {(inputs: Admin_Scrape_Status_IdleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Idle`)
+};
+
+const ru_admin_scrape_status_idle = /** @type {(inputs: Admin_Scrape_Status_IdleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ожидание`)
+};
+
+const id_admin_scrape_status_idle = /** @type {(inputs: Admin_Scrape_Status_IdleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Menunggu`)
+};
+
+const pt_admin_scrape_status_idle = /** @type {(inputs: Admin_Scrape_Status_IdleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ocioso`)
+};
+
+const fr_admin_scrape_status_idle = /** @type {(inputs: Admin_Scrape_Status_IdleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Inactif`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Idle" |
+*
+* @param {Admin_Scrape_Status_IdleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_status_idle = /** @type {((inputs?: Admin_Scrape_Status_IdleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_Status_IdleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_status_idle(inputs)
+	if (locale === "ru") return ru_admin_scrape_status_idle(inputs)
+	if (locale === "id") return id_admin_scrape_status_idle(inputs)
+	if (locale === "pt") return pt_admin_scrape_status_idle(inputs)
+	return fr_admin_scrape_status_idle(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_status_pending.js b/ui/src/lib/paraglide/messages/admin_scrape_status_pending.js
new file mode 100644
index 0000000..faab668
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_status_pending.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_Status_PendingInputs */
+
+const en_admin_scrape_status_pending = /** @type {(inputs: Admin_Scrape_Status_PendingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pending`)
+};
+
+const ru_admin_scrape_status_pending = /** @type {(inputs: Admin_Scrape_Status_PendingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ожидание`)
+};
+
+const id_admin_scrape_status_pending = /** @type {(inputs: Admin_Scrape_Status_PendingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Menunggu`)
+};
+
+const pt_admin_scrape_status_pending = /** @type {(inputs: Admin_Scrape_Status_PendingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pendente`)
+};
+
+const fr_admin_scrape_status_pending = /** @type {(inputs: Admin_Scrape_Status_PendingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`En attente`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Pending" |
+*
+* @param {Admin_Scrape_Status_PendingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_status_pending = /** @type {((inputs?: Admin_Scrape_Status_PendingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_Status_PendingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_status_pending(inputs)
+	if (locale === "ru") return ru_admin_scrape_status_pending(inputs)
+	if (locale === "id") return id_admin_scrape_status_pending(inputs)
+	if (locale === "pt") return pt_admin_scrape_status_pending(inputs)
+	return fr_admin_scrape_status_pending(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_status_running.js b/ui/src/lib/paraglide/messages/admin_scrape_status_running.js
new file mode 100644
index 0000000..e085c9f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_status_running.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_Status_RunningInputs */
+
+const en_admin_scrape_status_running = /** @type {(inputs: Admin_Scrape_Status_RunningInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Running`)
+};
+
+const ru_admin_scrape_status_running = /** @type {(inputs: Admin_Scrape_Status_RunningInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Выполняется`)
+};
+
+const id_admin_scrape_status_running = /** @type {(inputs: Admin_Scrape_Status_RunningInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Berjalan`)
+};
+
+const pt_admin_scrape_status_running = /** @type {(inputs: Admin_Scrape_Status_RunningInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Em execução`)
+};
+
+const fr_admin_scrape_status_running = /** @type {(inputs: Admin_Scrape_Status_RunningInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`En cours`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Running" |
+*
+* @param {Admin_Scrape_Status_RunningInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_status_running = /** @type {((inputs?: Admin_Scrape_Status_RunningInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_Status_RunningInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_status_running(inputs)
+	if (locale === "ru") return ru_admin_scrape_status_running(inputs)
+	if (locale === "id") return id_admin_scrape_status_running(inputs)
+	if (locale === "pt") return pt_admin_scrape_status_running(inputs)
+	return fr_admin_scrape_status_running(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_submit.js b/ui/src/lib/paraglide/messages/admin_scrape_submit.js
new file mode 100644
index 0000000..15f821e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_submit.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_SubmitInputs */
+
+const en_admin_scrape_submit = /** @type {(inputs: Admin_Scrape_SubmitInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape`)
+};
+
+const ru_admin_scrape_submit = /** @type {(inputs: Admin_Scrape_SubmitInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Парсить`)
+};
+
+const id_admin_scrape_submit = /** @type {(inputs: Admin_Scrape_SubmitInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape`)
+};
+
+const pt_admin_scrape_submit = /** @type {(inputs: Admin_Scrape_SubmitInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extrair`)
+};
+
+const fr_admin_scrape_submit = /** @type {(inputs: Admin_Scrape_SubmitInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extraire`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Scrape" |
+*
+* @param {Admin_Scrape_SubmitInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_submit = /** @type {((inputs?: Admin_Scrape_SubmitInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_SubmitInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_submit(inputs)
+	if (locale === "ru") return ru_admin_scrape_submit(inputs)
+	if (locale === "id") return id_admin_scrape_submit(inputs)
+	if (locale === "pt") return pt_admin_scrape_submit(inputs)
+	return fr_admin_scrape_submit(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_task_history.js b/ui/src/lib/paraglide/messages/admin_scrape_task_history.js
new file mode 100644
index 0000000..9ac1cc4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_task_history.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_Task_HistoryInputs */
+
+const en_admin_scrape_task_history = /** @type {(inputs: Admin_Scrape_Task_HistoryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Task history`)
+};
+
+const ru_admin_scrape_task_history = /** @type {(inputs: Admin_Scrape_Task_HistoryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`История задач`)
+};
+
+const id_admin_scrape_task_history = /** @type {(inputs: Admin_Scrape_Task_HistoryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Riwayat tugas`)
+};
+
+const pt_admin_scrape_task_history = /** @type {(inputs: Admin_Scrape_Task_HistoryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Histórico de tarefas`)
+};
+
+const fr_admin_scrape_task_history = /** @type {(inputs: Admin_Scrape_Task_HistoryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Historique des tâches`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Task history" |
+*
+* @param {Admin_Scrape_Task_HistoryInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_task_history = /** @type {((inputs?: Admin_Scrape_Task_HistoryInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_Task_HistoryInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_task_history(inputs)
+	if (locale === "ru") return ru_admin_scrape_task_history(inputs)
+	if (locale === "id") return id_admin_scrape_task_history(inputs)
+	if (locale === "pt") return pt_admin_scrape_task_history(inputs)
+	return fr_admin_scrape_task_history(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_to.js b/ui/src/lib/paraglide/messages/admin_scrape_to.js
new file mode 100644
index 0000000..ff9bfef
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_to.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_ToInputs */
+
+const en_admin_scrape_to = /** @type {(inputs: Admin_Scrape_ToInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`To`)
+};
+
+const ru_admin_scrape_to = /** @type {(inputs: Admin_Scrape_ToInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`До`)
+};
+
+const id_admin_scrape_to = /** @type {(inputs: Admin_Scrape_ToInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sampai`)
+};
+
+const pt_admin_scrape_to = /** @type {(inputs: Admin_Scrape_ToInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Até`)
+};
+
+const fr_admin_scrape_to = /** @type {(inputs: Admin_Scrape_ToInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`À`)
+};
+
+/**
+* | output |
+* | --- |
+* | "To" |
+*
+* @param {Admin_Scrape_ToInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_to = /** @type {((inputs?: Admin_Scrape_ToInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_ToInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_to(inputs)
+	if (locale === "ru") return ru_admin_scrape_to(inputs)
+	if (locale === "id") return id_admin_scrape_to(inputs)
+	if (locale === "pt") return pt_admin_scrape_to(inputs)
+	return fr_admin_scrape_to(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_scrape_url_placeholder.js b/ui/src/lib/paraglide/messages/admin_scrape_url_placeholder.js
new file mode 100644
index 0000000..d6b5332
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_scrape_url_placeholder.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Scrape_Url_PlaceholderInputs */
+
+const en_admin_scrape_url_placeholder = /** @type {(inputs: Admin_Scrape_Url_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`novelfire.net book URL`)
+};
+
+const ru_admin_scrape_url_placeholder = /** @type {(inputs: Admin_Scrape_Url_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`URL книги на novelfire.net`)
+};
+
+const id_admin_scrape_url_placeholder = /** @type {(inputs: Admin_Scrape_Url_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`URL buku di novelfire.net`)
+};
+
+const pt_admin_scrape_url_placeholder = /** @type {(inputs: Admin_Scrape_Url_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`URL do livro em novelfire.net`)
+};
+
+const fr_admin_scrape_url_placeholder = /** @type {(inputs: Admin_Scrape_Url_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`URL du livre sur novelfire.net`)
+};
+
+/**
+* | output |
+* | --- |
+* | "novelfire.net book URL" |
+*
+* @param {Admin_Scrape_Url_PlaceholderInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_scrape_url_placeholder = /** @type {((inputs?: Admin_Scrape_Url_PlaceholderInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Scrape_Url_PlaceholderInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_scrape_url_placeholder(inputs)
+	if (locale === "ru") return ru_admin_scrape_url_placeholder(inputs)
+	if (locale === "id") return id_admin_scrape_url_placeholder(inputs)
+	if (locale === "pt") return pt_admin_scrape_url_placeholder(inputs)
+	return fr_admin_scrape_url_placeholder(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_tasks_empty.js b/ui/src/lib/paraglide/messages/admin_tasks_empty.js
new file mode 100644
index 0000000..3015e9b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_tasks_empty.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Tasks_EmptyInputs */
+
+const en_admin_tasks_empty = /** @type {(inputs: Admin_Tasks_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No tasks yet.`)
+};
+
+const ru_admin_tasks_empty = /** @type {(inputs: Admin_Tasks_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Задач пока нет.`)
+};
+
+const id_admin_tasks_empty = /** @type {(inputs: Admin_Tasks_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Belum ada tugas.`)
+};
+
+const pt_admin_tasks_empty = /** @type {(inputs: Admin_Tasks_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhuma tarefa ainda.`)
+};
+
+const fr_admin_tasks_empty = /** @type {(inputs: Admin_Tasks_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucune tâche pour l'instant.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No tasks yet." |
+*
+* @param {Admin_Tasks_EmptyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_tasks_empty = /** @type {((inputs?: Admin_Tasks_EmptyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Tasks_EmptyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_tasks_empty(inputs)
+	if (locale === "ru") return ru_admin_tasks_empty(inputs)
+	if (locale === "id") return id_admin_tasks_empty(inputs)
+	if (locale === "pt") return pt_admin_tasks_empty(inputs)
+	return fr_admin_tasks_empty(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_tasks_heading.js b/ui/src/lib/paraglide/messages/admin_tasks_heading.js
new file mode 100644
index 0000000..6020c38
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_tasks_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Tasks_HeadingInputs */
+
+const en_admin_tasks_heading = /** @type {(inputs: Admin_Tasks_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Recent tasks`)
+};
+
+const ru_admin_tasks_heading = /** @type {(inputs: Admin_Tasks_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Последние задачи`)
+};
+
+const id_admin_tasks_heading = /** @type {(inputs: Admin_Tasks_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tugas terbaru`)
+};
+
+const pt_admin_tasks_heading = /** @type {(inputs: Admin_Tasks_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tarefas recentes`)
+};
+
+const fr_admin_tasks_heading = /** @type {(inputs: Admin_Tasks_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tâches récentes`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Recent tasks" |
+*
+* @param {Admin_Tasks_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_tasks_heading = /** @type {((inputs?: Admin_Tasks_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Tasks_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_tasks_heading(inputs)
+	if (locale === "ru") return ru_admin_tasks_heading(inputs)
+	if (locale === "id") return id_admin_tasks_heading(inputs)
+	if (locale === "pt") return pt_admin_tasks_heading(inputs)
+	return fr_admin_tasks_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_text_gen_heading.js b/ui/src/lib/paraglide/messages/admin_text_gen_heading.js
new file mode 100644
index 0000000..2bd4b0e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_text_gen_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Text_Gen_HeadingInputs */
+
+const en_admin_text_gen_heading = /** @type {(inputs: Admin_Text_Gen_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Generation`)
+};
+
+const ru_admin_text_gen_heading = /** @type {(inputs: Admin_Text_Gen_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Generation`)
+};
+
+const id_admin_text_gen_heading = /** @type {(inputs: Admin_Text_Gen_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Generation`)
+};
+
+const pt_admin_text_gen_heading = /** @type {(inputs: Admin_Text_Gen_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Generation`)
+};
+
+const fr_admin_text_gen_heading = /** @type {(inputs: Admin_Text_Gen_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Generation`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Text Generation" |
+*
+* @param {Admin_Text_Gen_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_text_gen_heading = /** @type {((inputs?: Admin_Text_Gen_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Text_Gen_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_text_gen_heading(inputs)
+	if (locale === "ru") return ru_admin_text_gen_heading(inputs)
+	if (locale === "id") return id_admin_text_gen_heading(inputs)
+	if (locale === "pt") return pt_admin_text_gen_heading(inputs)
+	return fr_admin_text_gen_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_text_gen_page_title.js b/ui/src/lib/paraglide/messages/admin_text_gen_page_title.js
new file mode 100644
index 0000000..f70e040
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_text_gen_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Text_Gen_Page_TitleInputs */
+
+const en_admin_text_gen_page_title = /** @type {(inputs: Admin_Text_Gen_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Gen — Admin`)
+};
+
+const ru_admin_text_gen_page_title = /** @type {(inputs: Admin_Text_Gen_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Gen — Admin`)
+};
+
+const id_admin_text_gen_page_title = /** @type {(inputs: Admin_Text_Gen_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Gen — Admin`)
+};
+
+const pt_admin_text_gen_page_title = /** @type {(inputs: Admin_Text_Gen_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Gen — Admin`)
+};
+
+const fr_admin_text_gen_page_title = /** @type {(inputs: Admin_Text_Gen_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Gen — Admin`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Text Gen — Admin" |
+*
+* @param {Admin_Text_Gen_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_text_gen_page_title = /** @type {((inputs?: Admin_Text_Gen_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Text_Gen_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_text_gen_page_title(inputs)
+	if (locale === "ru") return ru_admin_text_gen_page_title(inputs)
+	if (locale === "id") return id_admin_text_gen_page_title(inputs)
+	if (locale === "pt") return pt_admin_text_gen_page_title(inputs)
+	return fr_admin_text_gen_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_tools_label.js b/ui/src/lib/paraglide/messages/admin_tools_label.js
new file mode 100644
index 0000000..0e521f4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_tools_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Tools_LabelInputs */
+
+const en_admin_tools_label = /** @type {(inputs: Admin_Tools_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tools`)
+};
+
+const ru_admin_tools_label = /** @type {(inputs: Admin_Tools_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Инструменты`)
+};
+
+const id_admin_tools_label = /** @type {(inputs: Admin_Tools_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Alat`)
+};
+
+const pt_admin_tools_label = /** @type {(inputs: Admin_Tools_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ferramentas`)
+};
+
+const fr_admin_tools_label = /** @type {(inputs: Admin_Tools_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Outils`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Tools" |
+*
+* @param {Admin_Tools_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_tools_label = /** @type {((inputs?: Admin_Tools_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Tools_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_tools_label(inputs)
+	if (locale === "ru") return ru_admin_tools_label(inputs)
+	if (locale === "id") return id_admin_tools_label(inputs)
+	if (locale === "pt") return pt_admin_tools_label(inputs)
+	return fr_admin_tools_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_translation_filter_placeholder.js b/ui/src/lib/paraglide/messages/admin_translation_filter_placeholder.js
new file mode 100644
index 0000000..6e99440
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_translation_filter_placeholder.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Translation_Filter_PlaceholderInputs */
+
+const en_admin_translation_filter_placeholder = /** @type {(inputs: Admin_Translation_Filter_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filter by slug, lang, or status…`)
+};
+
+const ru_admin_translation_filter_placeholder = /** @type {(inputs: Admin_Translation_Filter_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filter by slug, lang, or status…`)
+};
+
+const id_admin_translation_filter_placeholder = /** @type {(inputs: Admin_Translation_Filter_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filter by slug, lang, or status…`)
+};
+
+const pt_admin_translation_filter_placeholder = /** @type {(inputs: Admin_Translation_Filter_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filter by slug, lang, or status…`)
+};
+
+const fr_admin_translation_filter_placeholder = /** @type {(inputs: Admin_Translation_Filter_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filter by slug, lang, or status…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Filter by slug, lang, or status…" |
+*
+* @param {Admin_Translation_Filter_PlaceholderInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_translation_filter_placeholder = /** @type {((inputs?: Admin_Translation_Filter_PlaceholderInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Translation_Filter_PlaceholderInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_translation_filter_placeholder(inputs)
+	if (locale === "ru") return ru_admin_translation_filter_placeholder(inputs)
+	if (locale === "id") return id_admin_translation_filter_placeholder(inputs)
+	if (locale === "pt") return pt_admin_translation_filter_placeholder(inputs)
+	return fr_admin_translation_filter_placeholder(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_translation_heading.js b/ui/src/lib/paraglide/messages/admin_translation_heading.js
new file mode 100644
index 0000000..d16f696
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_translation_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Translation_HeadingInputs */
+
+const en_admin_translation_heading = /** @type {(inputs: Admin_Translation_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Machine Translation`)
+};
+
+const ru_admin_translation_heading = /** @type {(inputs: Admin_Translation_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Machine Translation`)
+};
+
+const id_admin_translation_heading = /** @type {(inputs: Admin_Translation_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Machine Translation`)
+};
+
+const pt_admin_translation_heading = /** @type {(inputs: Admin_Translation_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Machine Translation`)
+};
+
+const fr_admin_translation_heading = /** @type {(inputs: Admin_Translation_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Machine Translation`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Machine Translation" |
+*
+* @param {Admin_Translation_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_translation_heading = /** @type {((inputs?: Admin_Translation_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Translation_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_translation_heading(inputs)
+	if (locale === "ru") return ru_admin_translation_heading(inputs)
+	if (locale === "id") return id_admin_translation_heading(inputs)
+	if (locale === "pt") return pt_admin_translation_heading(inputs)
+	return fr_admin_translation_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_translation_no_jobs.js b/ui/src/lib/paraglide/messages/admin_translation_no_jobs.js
new file mode 100644
index 0000000..706f19c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_translation_no_jobs.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Translation_No_JobsInputs */
+
+const en_admin_translation_no_jobs = /** @type {(inputs: Admin_Translation_No_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No translation jobs yet.`)
+};
+
+const ru_admin_translation_no_jobs = /** @type {(inputs: Admin_Translation_No_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No translation jobs yet.`)
+};
+
+const id_admin_translation_no_jobs = /** @type {(inputs: Admin_Translation_No_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No translation jobs yet.`)
+};
+
+const pt_admin_translation_no_jobs = /** @type {(inputs: Admin_Translation_No_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No translation jobs yet.`)
+};
+
+const fr_admin_translation_no_jobs = /** @type {(inputs: Admin_Translation_No_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No translation jobs yet.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No translation jobs yet." |
+*
+* @param {Admin_Translation_No_JobsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_translation_no_jobs = /** @type {((inputs?: Admin_Translation_No_JobsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Translation_No_JobsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_translation_no_jobs(inputs)
+	if (locale === "ru") return ru_admin_translation_no_jobs(inputs)
+	if (locale === "id") return id_admin_translation_no_jobs(inputs)
+	if (locale === "pt") return pt_admin_translation_no_jobs(inputs)
+	return fr_admin_translation_no_jobs(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_translation_no_matching.js b/ui/src/lib/paraglide/messages/admin_translation_no_matching.js
new file mode 100644
index 0000000..fd7616c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_translation_no_matching.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Translation_No_MatchingInputs */
+
+const en_admin_translation_no_matching = /** @type {(inputs: Admin_Translation_No_MatchingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No matching jobs.`)
+};
+
+const ru_admin_translation_no_matching = /** @type {(inputs: Admin_Translation_No_MatchingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No matching jobs.`)
+};
+
+const id_admin_translation_no_matching = /** @type {(inputs: Admin_Translation_No_MatchingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No matching jobs.`)
+};
+
+const pt_admin_translation_no_matching = /** @type {(inputs: Admin_Translation_No_MatchingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No matching jobs.`)
+};
+
+const fr_admin_translation_no_matching = /** @type {(inputs: Admin_Translation_No_MatchingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No matching jobs.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No matching jobs." |
+*
+* @param {Admin_Translation_No_MatchingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_translation_no_matching = /** @type {((inputs?: Admin_Translation_No_MatchingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Translation_No_MatchingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_translation_no_matching(inputs)
+	if (locale === "ru") return ru_admin_translation_no_matching(inputs)
+	if (locale === "id") return id_admin_translation_no_matching(inputs)
+	if (locale === "pt") return pt_admin_translation_no_matching(inputs)
+	return fr_admin_translation_no_matching(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_translation_page_title.js b/ui/src/lib/paraglide/messages/admin_translation_page_title.js
new file mode 100644
index 0000000..da6e76f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_translation_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Translation_Page_TitleInputs */
+
+const en_admin_translation_page_title = /** @type {(inputs: Admin_Translation_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Translation — Admin`)
+};
+
+const ru_admin_translation_page_title = /** @type {(inputs: Admin_Translation_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Translation — Admin`)
+};
+
+const id_admin_translation_page_title = /** @type {(inputs: Admin_Translation_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Translation — Admin`)
+};
+
+const pt_admin_translation_page_title = /** @type {(inputs: Admin_Translation_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Translation — Admin`)
+};
+
+const fr_admin_translation_page_title = /** @type {(inputs: Admin_Translation_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Translation — Admin`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Translation — Admin" |
+*
+* @param {Admin_Translation_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_translation_page_title = /** @type {((inputs?: Admin_Translation_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Translation_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_translation_page_title(inputs)
+	if (locale === "ru") return ru_admin_translation_page_title(inputs)
+	if (locale === "id") return id_admin_translation_page_title(inputs)
+	if (locale === "pt") return pt_admin_translation_page_title(inputs)
+	return fr_admin_translation_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_translation_tab_enqueue.js b/ui/src/lib/paraglide/messages/admin_translation_tab_enqueue.js
new file mode 100644
index 0000000..cd3ce69
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_translation_tab_enqueue.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Translation_Tab_EnqueueInputs */
+
+const en_admin_translation_tab_enqueue = /** @type {(inputs: Admin_Translation_Tab_EnqueueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enqueue`)
+};
+
+const ru_admin_translation_tab_enqueue = /** @type {(inputs: Admin_Translation_Tab_EnqueueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enqueue`)
+};
+
+const id_admin_translation_tab_enqueue = /** @type {(inputs: Admin_Translation_Tab_EnqueueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enqueue`)
+};
+
+const pt_admin_translation_tab_enqueue = /** @type {(inputs: Admin_Translation_Tab_EnqueueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enqueue`)
+};
+
+const fr_admin_translation_tab_enqueue = /** @type {(inputs: Admin_Translation_Tab_EnqueueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enqueue`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Enqueue" |
+*
+* @param {Admin_Translation_Tab_EnqueueInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_translation_tab_enqueue = /** @type {((inputs?: Admin_Translation_Tab_EnqueueInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Translation_Tab_EnqueueInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_translation_tab_enqueue(inputs)
+	if (locale === "ru") return ru_admin_translation_tab_enqueue(inputs)
+	if (locale === "id") return id_admin_translation_tab_enqueue(inputs)
+	if (locale === "pt") return pt_admin_translation_tab_enqueue(inputs)
+	return fr_admin_translation_tab_enqueue(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/admin_translation_tab_jobs.js b/ui/src/lib/paraglide/messages/admin_translation_tab_jobs.js
new file mode 100644
index 0000000..7bffaf8
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/admin_translation_tab_jobs.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Admin_Translation_Tab_JobsInputs */
+
+const en_admin_translation_tab_jobs = /** @type {(inputs: Admin_Translation_Tab_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Jobs`)
+};
+
+const ru_admin_translation_tab_jobs = /** @type {(inputs: Admin_Translation_Tab_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Jobs`)
+};
+
+const id_admin_translation_tab_jobs = /** @type {(inputs: Admin_Translation_Tab_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Jobs`)
+};
+
+const pt_admin_translation_tab_jobs = /** @type {(inputs: Admin_Translation_Tab_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Jobs`)
+};
+
+const fr_admin_translation_tab_jobs = /** @type {(inputs: Admin_Translation_Tab_JobsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Jobs`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Jobs" |
+*
+* @param {Admin_Translation_Tab_JobsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const admin_translation_tab_jobs = /** @type {((inputs?: Admin_Translation_Tab_JobsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Admin_Translation_Tab_JobsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_admin_translation_tab_jobs(inputs)
+	if (locale === "ru") return ru_admin_translation_tab_jobs(inputs)
+	if (locale === "id") return id_admin_translation_tab_jobs(inputs)
+	if (locale === "pt") return pt_admin_translation_tab_jobs(inputs)
+	return fr_admin_translation_tab_jobs(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_add_to_library.js b/ui/src/lib/paraglide/messages/book_detail_add_to_library.js
new file mode 100644
index 0000000..8e056b3
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_add_to_library.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Add_To_LibraryInputs */
+
+const en_book_detail_add_to_library = /** @type {(inputs: Book_Detail_Add_To_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Add to Library`)
+};
+
+const ru_book_detail_add_to_library = /** @type {(inputs: Book_Detail_Add_To_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`В библиотеку`)
+};
+
+const id_book_detail_add_to_library = /** @type {(inputs: Book_Detail_Add_To_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tambah ke Perpustakaan`)
+};
+
+const pt_book_detail_add_to_library = /** @type {(inputs: Book_Detail_Add_To_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Adicionar à Biblioteca`)
+};
+
+const fr_book_detail_add_to_library = /** @type {(inputs: Book_Detail_Add_To_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ajouter à la bibliothèque`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Add to Library" |
+*
+* @param {Book_Detail_Add_To_LibraryInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_add_to_library = /** @type {((inputs?: Book_Detail_Add_To_LibraryInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Add_To_LibraryInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_add_to_library(inputs)
+	if (locale === "ru") return ru_book_detail_add_to_library(inputs)
+	if (locale === "id") return id_book_detail_add_to_library(inputs)
+	if (locale === "pt") return pt_book_detail_add_to_library(inputs)
+	return fr_book_detail_add_to_library(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin.js b/ui/src/lib/paraglide/messages/book_detail_admin.js
new file mode 100644
index 0000000..411c87c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_AdminInputs */
+
+const en_book_detail_admin = /** @type {(inputs: Book_Detail_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Admin`)
+};
+
+const ru_book_detail_admin = /** @type {(inputs: Book_Detail_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Администрирование`)
+};
+
+const id_book_detail_admin = /** @type {(inputs: Book_Detail_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Admin`)
+};
+
+const pt_book_detail_admin = /** @type {(inputs: Book_Detail_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Admin`)
+};
+
+const fr_book_detail_admin = /** @type {(inputs: Book_Detail_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Admin`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Admin" |
+*
+* @param {Book_Detail_AdminInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin = /** @type {((inputs?: Book_Detail_AdminInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_AdminInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin(inputs)
+	if (locale === "ru") return ru_book_detail_admin(inputs)
+	if (locale === "id") return id_book_detail_admin(inputs)
+	if (locale === "pt") return pt_book_detail_admin(inputs)
+	return fr_book_detail_admin(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_applied.js b/ui/src/lib/paraglide/messages/book_detail_admin_applied.js
new file mode 100644
index 0000000..fd1a454
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_applied.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_AppliedInputs */
+
+const en_book_detail_admin_applied = /** @type {(inputs: Book_Detail_Admin_AppliedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Applied`)
+};
+
+const ru_book_detail_admin_applied = /** @type {(inputs: Book_Detail_Admin_AppliedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Применено`)
+};
+
+const id_book_detail_admin_applied = /** @type {(inputs: Book_Detail_Admin_AppliedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Diterapkan`)
+};
+
+const pt_book_detail_admin_applied = /** @type {(inputs: Book_Detail_Admin_AppliedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aplicado`)
+};
+
+const fr_book_detail_admin_applied = /** @type {(inputs: Book_Detail_Admin_AppliedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Appliqué`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Applied" |
+*
+* @param {Book_Detail_Admin_AppliedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_applied = /** @type {((inputs?: Book_Detail_Admin_AppliedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_AppliedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_applied(inputs)
+	if (locale === "ru") return ru_book_detail_admin_applied(inputs)
+	if (locale === "id") return id_book_detail_admin_applied(inputs)
+	if (locale === "pt") return pt_book_detail_admin_applied(inputs)
+	return fr_book_detail_admin_applied(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_apply.js b/ui/src/lib/paraglide/messages/book_detail_admin_apply.js
new file mode 100644
index 0000000..6a888d1
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_apply.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_ApplyInputs */
+
+const en_book_detail_admin_apply = /** @type {(inputs: Book_Detail_Admin_ApplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Apply`)
+};
+
+const ru_book_detail_admin_apply = /** @type {(inputs: Book_Detail_Admin_ApplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Применить`)
+};
+
+const id_book_detail_admin_apply = /** @type {(inputs: Book_Detail_Admin_ApplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Terapkan`)
+};
+
+const pt_book_detail_admin_apply = /** @type {(inputs: Book_Detail_Admin_ApplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aplicar`)
+};
+
+const fr_book_detail_admin_apply = /** @type {(inputs: Book_Detail_Admin_ApplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Appliquer`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Apply" |
+*
+* @param {Book_Detail_Admin_ApplyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_apply = /** @type {((inputs?: Book_Detail_Admin_ApplyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_ApplyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_apply(inputs)
+	if (locale === "ru") return ru_book_detail_admin_apply(inputs)
+	if (locale === "id") return id_book_detail_admin_apply(inputs)
+	if (locale === "pt") return pt_book_detail_admin_apply(inputs)
+	return fr_book_detail_admin_apply(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_applying.js b/ui/src/lib/paraglide/messages/book_detail_admin_applying.js
new file mode 100644
index 0000000..ebdde73
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_applying.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_ApplyingInputs */
+
+const en_book_detail_admin_applying = /** @type {(inputs: Book_Detail_Admin_ApplyingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Applying…`)
+};
+
+const ru_book_detail_admin_applying = /** @type {(inputs: Book_Detail_Admin_ApplyingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Применение…`)
+};
+
+const id_book_detail_admin_applying = /** @type {(inputs: Book_Detail_Admin_ApplyingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Menerapkan…`)
+};
+
+const pt_book_detail_admin_applying = /** @type {(inputs: Book_Detail_Admin_ApplyingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aplicando…`)
+};
+
+const fr_book_detail_admin_applying = /** @type {(inputs: Book_Detail_Admin_ApplyingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Application…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Applying…" |
+*
+* @param {Book_Detail_Admin_ApplyingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_applying = /** @type {((inputs?: Book_Detail_Admin_ApplyingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_ApplyingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_applying(inputs)
+	if (locale === "ru") return ru_book_detail_admin_applying(inputs)
+	if (locale === "id") return id_book_detail_admin_applying(inputs)
+	if (locale === "pt") return pt_book_detail_admin_applying(inputs)
+	return fr_book_detail_admin_applying(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_audio_tts.js b/ui/src/lib/paraglide/messages/book_detail_admin_audio_tts.js
new file mode 100644
index 0000000..4d9ff6b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_audio_tts.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_Audio_TtsInputs */
+
+const en_book_detail_admin_audio_tts = /** @type {(inputs: Book_Detail_Admin_Audio_TtsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio TTS`)
+};
+
+const ru_book_detail_admin_audio_tts = /** @type {(inputs: Book_Detail_Admin_Audio_TtsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Аудио TTS`)
+};
+
+const id_book_detail_admin_audio_tts = /** @type {(inputs: Book_Detail_Admin_Audio_TtsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio TTS`)
+};
+
+const pt_book_detail_admin_audio_tts = /** @type {(inputs: Book_Detail_Admin_Audio_TtsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Áudio TTS`)
+};
+
+const fr_book_detail_admin_audio_tts = /** @type {(inputs: Book_Detail_Admin_Audio_TtsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio TTS`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Audio TTS" |
+*
+* @param {Book_Detail_Admin_Audio_TtsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_audio_tts = /** @type {((inputs?: Book_Detail_Admin_Audio_TtsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_Audio_TtsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_audio_tts(inputs)
+	if (locale === "ru") return ru_book_detail_admin_audio_tts(inputs)
+	if (locale === "id") return id_book_detail_admin_audio_tts(inputs)
+	if (locale === "pt") return pt_book_detail_admin_audio_tts(inputs)
+	return fr_book_detail_admin_audio_tts(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_book_cover.js b/ui/src/lib/paraglide/messages/book_detail_admin_book_cover.js
new file mode 100644
index 0000000..69f2a75
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_book_cover.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_Book_CoverInputs */
+
+const en_book_detail_admin_book_cover = /** @type {(inputs: Book_Detail_Admin_Book_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Book Cover`)
+};
+
+const ru_book_detail_admin_book_cover = /** @type {(inputs: Book_Detail_Admin_Book_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Обложка книги`)
+};
+
+const id_book_detail_admin_book_cover = /** @type {(inputs: Book_Detail_Admin_Book_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sampul Buku`)
+};
+
+const pt_book_detail_admin_book_cover = /** @type {(inputs: Book_Detail_Admin_Book_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Capa do Livro`)
+};
+
+const fr_book_detail_admin_book_cover = /** @type {(inputs: Book_Detail_Admin_Book_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Couverture du livre`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Book Cover" |
+*
+* @param {Book_Detail_Admin_Book_CoverInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_book_cover = /** @type {((inputs?: Book_Detail_Admin_Book_CoverInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_Book_CoverInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_book_cover(inputs)
+	if (locale === "ru") return ru_book_detail_admin_book_cover(inputs)
+	if (locale === "id") return id_book_detail_admin_book_cover(inputs)
+	if (locale === "pt") return pt_book_detail_admin_book_cover(inputs)
+	return fr_book_detail_admin_book_cover(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_cancel_audio.js b/ui/src/lib/paraglide/messages/book_detail_admin_cancel_audio.js
new file mode 100644
index 0000000..beeb9e5
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_cancel_audio.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_Cancel_AudioInputs */
+
+const en_book_detail_admin_cancel_audio = /** @type {(inputs: Book_Detail_Admin_Cancel_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cancel`)
+};
+
+const ru_book_detail_admin_cancel_audio = /** @type {(inputs: Book_Detail_Admin_Cancel_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Отмена`)
+};
+
+const id_book_detail_admin_cancel_audio = /** @type {(inputs: Book_Detail_Admin_Cancel_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Batal`)
+};
+
+const pt_book_detail_admin_cancel_audio = /** @type {(inputs: Book_Detail_Admin_Cancel_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cancelar`)
+};
+
+const fr_book_detail_admin_cancel_audio = /** @type {(inputs: Book_Detail_Admin_Cancel_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Annuler`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Cancel" |
+*
+* @param {Book_Detail_Admin_Cancel_AudioInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_cancel_audio = /** @type {((inputs?: Book_Detail_Admin_Cancel_AudioInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_Cancel_AudioInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_cancel_audio(inputs)
+	if (locale === "ru") return ru_book_detail_admin_cancel_audio(inputs)
+	if (locale === "id") return id_book_detail_admin_cancel_audio(inputs)
+	if (locale === "pt") return pt_book_detail_admin_cancel_audio(inputs)
+	return fr_book_detail_admin_cancel_audio(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_chapter_cover.js b/ui/src/lib/paraglide/messages/book_detail_admin_chapter_cover.js
new file mode 100644
index 0000000..28a59ea
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_chapter_cover.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_Chapter_CoverInputs */
+
+const en_book_detail_admin_chapter_cover = /** @type {(inputs: Book_Detail_Admin_Chapter_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapter Cover`)
+};
+
+const ru_book_detail_admin_chapter_cover = /** @type {(inputs: Book_Detail_Admin_Chapter_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Обложка главы`)
+};
+
+const id_book_detail_admin_chapter_cover = /** @type {(inputs: Book_Detail_Admin_Chapter_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sampul Bab`)
+};
+
+const pt_book_detail_admin_chapter_cover = /** @type {(inputs: Book_Detail_Admin_Chapter_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Capa do Capítulo`)
+};
+
+const fr_book_detail_admin_chapter_cover = /** @type {(inputs: Book_Detail_Admin_Chapter_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Couverture du chapitre`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Chapter Cover" |
+*
+* @param {Book_Detail_Admin_Chapter_CoverInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_chapter_cover = /** @type {((inputs?: Book_Detail_Admin_Chapter_CoverInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_Chapter_CoverInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_chapter_cover(inputs)
+	if (locale === "ru") return ru_book_detail_admin_chapter_cover(inputs)
+	if (locale === "id") return id_book_detail_admin_chapter_cover(inputs)
+	if (locale === "pt") return pt_book_detail_admin_chapter_cover(inputs)
+	return fr_book_detail_admin_chapter_cover(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_chapter_n.js b/ui/src/lib/paraglide/messages/book_detail_admin_chapter_n.js
new file mode 100644
index 0000000..f48dda2
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_chapter_n.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_Chapter_NInputs */
+
+const en_book_detail_admin_chapter_n = /** @type {(inputs: Book_Detail_Admin_Chapter_NInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapter #`)
+};
+
+const ru_book_detail_admin_chapter_n = /** @type {(inputs: Book_Detail_Admin_Chapter_NInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Глава №`)
+};
+
+const id_book_detail_admin_chapter_n = /** @type {(inputs: Book_Detail_Admin_Chapter_NInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Bab #`)
+};
+
+const pt_book_detail_admin_chapter_n = /** @type {(inputs: Book_Detail_Admin_Chapter_NInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Capítulo nº`)
+};
+
+const fr_book_detail_admin_chapter_n = /** @type {(inputs: Book_Detail_Admin_Chapter_NInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapitre n°`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Chapter #" |
+*
+* @param {Book_Detail_Admin_Chapter_NInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_chapter_n = /** @type {((inputs?: Book_Detail_Admin_Chapter_NInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_Chapter_NInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_chapter_n(inputs)
+	if (locale === "ru") return ru_book_detail_admin_chapter_n(inputs)
+	if (locale === "id") return id_book_detail_admin_chapter_n(inputs)
+	if (locale === "pt") return pt_book_detail_admin_chapter_n(inputs)
+	return fr_book_detail_admin_chapter_n(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_chapter_names.js b/ui/src/lib/paraglide/messages/book_detail_admin_chapter_names.js
new file mode 100644
index 0000000..8ff82a1
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_chapter_names.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_Chapter_NamesInputs */
+
+const en_book_detail_admin_chapter_names = /** @type {(inputs: Book_Detail_Admin_Chapter_NamesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapter Names`)
+};
+
+const ru_book_detail_admin_chapter_names = /** @type {(inputs: Book_Detail_Admin_Chapter_NamesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Названия глав`)
+};
+
+const id_book_detail_admin_chapter_names = /** @type {(inputs: Book_Detail_Admin_Chapter_NamesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nama Bab`)
+};
+
+const pt_book_detail_admin_chapter_names = /** @type {(inputs: Book_Detail_Admin_Chapter_NamesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nomes dos Capítulos`)
+};
+
+const fr_book_detail_admin_chapter_names = /** @type {(inputs: Book_Detail_Admin_Chapter_NamesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Noms des chapitres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Chapter Names" |
+*
+* @param {Book_Detail_Admin_Chapter_NamesInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_chapter_names = /** @type {((inputs?: Book_Detail_Admin_Chapter_NamesInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_Chapter_NamesInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_chapter_names(inputs)
+	if (locale === "ru") return ru_book_detail_admin_chapter_names(inputs)
+	if (locale === "id") return id_book_detail_admin_chapter_names(inputs)
+	if (locale === "pt") return pt_book_detail_admin_chapter_names(inputs)
+	return fr_book_detail_admin_chapter_names(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_description.js b/ui/src/lib/paraglide/messages/book_detail_admin_description.js
new file mode 100644
index 0000000..eed9c56
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_description.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_DescriptionInputs */
+
+const en_book_detail_admin_description = /** @type {(inputs: Book_Detail_Admin_DescriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Description`)
+};
+
+const ru_book_detail_admin_description = /** @type {(inputs: Book_Detail_Admin_DescriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Описание`)
+};
+
+const id_book_detail_admin_description = /** @type {(inputs: Book_Detail_Admin_DescriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Deskripsi`)
+};
+
+const pt_book_detail_admin_description = /** @type {(inputs: Book_Detail_Admin_DescriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Descrição`)
+};
+
+const fr_book_detail_admin_description = /** @type {(inputs: Book_Detail_Admin_DescriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Description`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Description" |
+*
+* @param {Book_Detail_Admin_DescriptionInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_description = /** @type {((inputs?: Book_Detail_Admin_DescriptionInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_DescriptionInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_description(inputs)
+	if (locale === "ru") return ru_book_detail_admin_description(inputs)
+	if (locale === "id") return id_book_detail_admin_description(inputs)
+	if (locale === "pt") return pt_book_detail_admin_description(inputs)
+	return fr_book_detail_admin_description(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_discard.js b/ui/src/lib/paraglide/messages/book_detail_admin_discard.js
new file mode 100644
index 0000000..5ae703a
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_discard.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_DiscardInputs */
+
+const en_book_detail_admin_discard = /** @type {(inputs: Book_Detail_Admin_DiscardInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Discard`)
+};
+
+const ru_book_detail_admin_discard = /** @type {(inputs: Book_Detail_Admin_DiscardInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Отменить`)
+};
+
+const id_book_detail_admin_discard = /** @type {(inputs: Book_Detail_Admin_DiscardInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Buang`)
+};
+
+const pt_book_detail_admin_discard = /** @type {(inputs: Book_Detail_Admin_DiscardInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Descartar`)
+};
+
+const fr_book_detail_admin_discard = /** @type {(inputs: Book_Detail_Admin_DiscardInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ignorer`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Discard" |
+*
+* @param {Book_Detail_Admin_DiscardInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_discard = /** @type {((inputs?: Book_Detail_Admin_DiscardInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_DiscardInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_discard(inputs)
+	if (locale === "ru") return ru_book_detail_admin_discard(inputs)
+	if (locale === "id") return id_book_detail_admin_discard(inputs)
+	if (locale === "pt") return pt_book_detail_admin_discard(inputs)
+	return fr_book_detail_admin_discard(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_enqueue_audio.js b/ui/src/lib/paraglide/messages/book_detail_admin_enqueue_audio.js
new file mode 100644
index 0000000..c193315
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_enqueue_audio.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_Enqueue_AudioInputs */
+
+const en_book_detail_admin_enqueue_audio = /** @type {(inputs: Book_Detail_Admin_Enqueue_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enqueue Audio`)
+};
+
+const ru_book_detail_admin_enqueue_audio = /** @type {(inputs: Book_Detail_Admin_Enqueue_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Поставить в очередь`)
+};
+
+const id_book_detail_admin_enqueue_audio = /** @type {(inputs: Book_Detail_Admin_Enqueue_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Antre Audio`)
+};
+
+const pt_book_detail_admin_enqueue_audio = /** @type {(inputs: Book_Detail_Admin_Enqueue_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enfileirar Áudio`)
+};
+
+const fr_book_detail_admin_enqueue_audio = /** @type {(inputs: Book_Detail_Admin_Enqueue_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mettre en file audio`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Enqueue Audio" |
+*
+* @param {Book_Detail_Admin_Enqueue_AudioInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_enqueue_audio = /** @type {((inputs?: Book_Detail_Admin_Enqueue_AudioInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_Enqueue_AudioInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_enqueue_audio(inputs)
+	if (locale === "ru") return ru_book_detail_admin_enqueue_audio(inputs)
+	if (locale === "id") return id_book_detail_admin_enqueue_audio(inputs)
+	if (locale === "pt") return pt_book_detail_admin_enqueue_audio(inputs)
+	return fr_book_detail_admin_enqueue_audio(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_enqueued.js b/ui/src/lib/paraglide/messages/book_detail_admin_enqueued.js
new file mode 100644
index 0000000..d071edb
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_enqueued.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ enqueued: NonNullable<unknown>, skipped: NonNullable<unknown> }} Book_Detail_Admin_EnqueuedInputs */
+
+const en_book_detail_admin_enqueued = /** @type {(inputs: Book_Detail_Admin_EnqueuedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Enqueued ${i?.enqueued}, skipped ${i?.skipped}`)
+};
+
+const ru_book_detail_admin_enqueued = /** @type {(inputs: Book_Detail_Admin_EnqueuedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`В очереди ${i?.enqueued}, пропущено ${i?.skipped}`)
+};
+
+const id_book_detail_admin_enqueued = /** @type {(inputs: Book_Detail_Admin_EnqueuedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Diantre ${i?.enqueued}, dilewati ${i?.skipped}`)
+};
+
+const pt_book_detail_admin_enqueued = /** @type {(inputs: Book_Detail_Admin_EnqueuedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.enqueued} enfileirados, ${i?.skipped} ignorados`)
+};
+
+const fr_book_detail_admin_enqueued = /** @type {(inputs: Book_Detail_Admin_EnqueuedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.enqueued} en file, ${i?.skipped} ignorés`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Enqueued {enqueued}, skipped {skipped}" |
+*
+* @param {Book_Detail_Admin_EnqueuedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_enqueued = /** @type {((inputs: Book_Detail_Admin_EnqueuedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_EnqueuedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_enqueued(inputs)
+	if (locale === "ru") return ru_book_detail_admin_enqueued(inputs)
+	if (locale === "id") return id_book_detail_admin_enqueued(inputs)
+	if (locale === "pt") return pt_book_detail_admin_enqueued(inputs)
+	return fr_book_detail_admin_enqueued(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_generate.js b/ui/src/lib/paraglide/messages/book_detail_admin_generate.js
new file mode 100644
index 0000000..4cf0e1b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_generate.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_GenerateInputs */
+
+const en_book_detail_admin_generate = /** @type {(inputs: Book_Detail_Admin_GenerateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Generate`)
+};
+
+const ru_book_detail_admin_generate = /** @type {(inputs: Book_Detail_Admin_GenerateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сгенерировать`)
+};
+
+const id_book_detail_admin_generate = /** @type {(inputs: Book_Detail_Admin_GenerateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Buat`)
+};
+
+const pt_book_detail_admin_generate = /** @type {(inputs: Book_Detail_Admin_GenerateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gerar`)
+};
+
+const fr_book_detail_admin_generate = /** @type {(inputs: Book_Detail_Admin_GenerateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Générer`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Generate" |
+*
+* @param {Book_Detail_Admin_GenerateInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_generate = /** @type {((inputs?: Book_Detail_Admin_GenerateInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_GenerateInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_generate(inputs)
+	if (locale === "ru") return ru_book_detail_admin_generate(inputs)
+	if (locale === "id") return id_book_detail_admin_generate(inputs)
+	if (locale === "pt") return pt_book_detail_admin_generate(inputs)
+	return fr_book_detail_admin_generate(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_save_cover.js b/ui/src/lib/paraglide/messages/book_detail_admin_save_cover.js
new file mode 100644
index 0000000..eabfeb6
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_save_cover.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_Save_CoverInputs */
+
+const en_book_detail_admin_save_cover = /** @type {(inputs: Book_Detail_Admin_Save_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Save Cover`)
+};
+
+const ru_book_detail_admin_save_cover = /** @type {(inputs: Book_Detail_Admin_Save_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сохранить обложку`)
+};
+
+const id_book_detail_admin_save_cover = /** @type {(inputs: Book_Detail_Admin_Save_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Simpan Sampul`)
+};
+
+const pt_book_detail_admin_save_cover = /** @type {(inputs: Book_Detail_Admin_Save_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Salvar Capa`)
+};
+
+const fr_book_detail_admin_save_cover = /** @type {(inputs: Book_Detail_Admin_Save_CoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enregistrer la couverture`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Save Cover" |
+*
+* @param {Book_Detail_Admin_Save_CoverInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_save_cover = /** @type {((inputs?: Book_Detail_Admin_Save_CoverInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_Save_CoverInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_save_cover(inputs)
+	if (locale === "ru") return ru_book_detail_admin_save_cover(inputs)
+	if (locale === "id") return id_book_detail_admin_save_cover(inputs)
+	if (locale === "pt") return pt_book_detail_admin_save_cover(inputs)
+	return fr_book_detail_admin_save_cover(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_saved.js b/ui/src/lib/paraglide/messages/book_detail_admin_saved.js
new file mode 100644
index 0000000..9034ff1
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_saved.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_SavedInputs */
+
+const en_book_detail_admin_saved = /** @type {(inputs: Book_Detail_Admin_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Saved`)
+};
+
+const ru_book_detail_admin_saved = /** @type {(inputs: Book_Detail_Admin_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сохранено`)
+};
+
+const id_book_detail_admin_saved = /** @type {(inputs: Book_Detail_Admin_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tersimpan`)
+};
+
+const pt_book_detail_admin_saved = /** @type {(inputs: Book_Detail_Admin_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Salvo`)
+};
+
+const fr_book_detail_admin_saved = /** @type {(inputs: Book_Detail_Admin_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enregistré`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Saved" |
+*
+* @param {Book_Detail_Admin_SavedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_saved = /** @type {((inputs?: Book_Detail_Admin_SavedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_SavedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_saved(inputs)
+	if (locale === "ru") return ru_book_detail_admin_saved(inputs)
+	if (locale === "id") return id_book_detail_admin_saved(inputs)
+	if (locale === "pt") return pt_book_detail_admin_saved(inputs)
+	return fr_book_detail_admin_saved(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_saving.js b/ui/src/lib/paraglide/messages/book_detail_admin_saving.js
new file mode 100644
index 0000000..cecb2db
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_saving.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_SavingInputs */
+
+const en_book_detail_admin_saving = /** @type {(inputs: Book_Detail_Admin_SavingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Saving…`)
+};
+
+const ru_book_detail_admin_saving = /** @type {(inputs: Book_Detail_Admin_SavingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сохранение…`)
+};
+
+const id_book_detail_admin_saving = /** @type {(inputs: Book_Detail_Admin_SavingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Menyimpan…`)
+};
+
+const pt_book_detail_admin_saving = /** @type {(inputs: Book_Detail_Admin_SavingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Salvando…`)
+};
+
+const fr_book_detail_admin_saving = /** @type {(inputs: Book_Detail_Admin_SavingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enregistrement…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Saving…" |
+*
+* @param {Book_Detail_Admin_SavingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_saving = /** @type {((inputs?: Book_Detail_Admin_SavingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_SavingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_saving(inputs)
+	if (locale === "ru") return ru_book_detail_admin_saving(inputs)
+	if (locale === "id") return id_book_detail_admin_saving(inputs)
+	if (locale === "pt") return pt_book_detail_admin_saving(inputs)
+	return fr_book_detail_admin_saving(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_admin_voice.js b/ui/src/lib/paraglide/messages/book_detail_admin_voice.js
new file mode 100644
index 0000000..a5732da
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_admin_voice.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Admin_VoiceInputs */
+
+const en_book_detail_admin_voice = /** @type {(inputs: Book_Detail_Admin_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voice`)
+};
+
+const ru_book_detail_admin_voice = /** @type {(inputs: Book_Detail_Admin_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Голос`)
+};
+
+const id_book_detail_admin_voice = /** @type {(inputs: Book_Detail_Admin_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Suara`)
+};
+
+const pt_book_detail_admin_voice = /** @type {(inputs: Book_Detail_Admin_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voz`)
+};
+
+const fr_book_detail_admin_voice = /** @type {(inputs: Book_Detail_Admin_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voix`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Voice" |
+*
+* @param {Book_Detail_Admin_VoiceInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_admin_voice = /** @type {((inputs?: Book_Detail_Admin_VoiceInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Admin_VoiceInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_admin_voice(inputs)
+	if (locale === "ru") return ru_book_detail_admin_voice(inputs)
+	if (locale === "id") return id_book_detail_admin_voice(inputs)
+	if (locale === "pt") return pt_book_detail_admin_voice(inputs)
+	return fr_book_detail_admin_voice(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_author.js b/ui/src/lib/paraglide/messages/book_detail_author.js
new file mode 100644
index 0000000..999731f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_author.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_AuthorInputs */
+
+const en_book_detail_author = /** @type {(inputs: Book_Detail_AuthorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Author`)
+};
+
+const ru_book_detail_author = /** @type {(inputs: Book_Detail_AuthorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Автор`)
+};
+
+const id_book_detail_author = /** @type {(inputs: Book_Detail_AuthorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Penulis`)
+};
+
+const pt_book_detail_author = /** @type {(inputs: Book_Detail_AuthorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Autor`)
+};
+
+const fr_book_detail_author = /** @type {(inputs: Book_Detail_AuthorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Auteur`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Author" |
+*
+* @param {Book_Detail_AuthorInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_author = /** @type {((inputs?: Book_Detail_AuthorInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_AuthorInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_author(inputs)
+	if (locale === "ru") return ru_book_detail_author(inputs)
+	if (locale === "id") return id_book_detail_author(inputs)
+	if (locale === "pt") return pt_book_detail_author(inputs)
+	return fr_book_detail_author(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_chapters.js b/ui/src/lib/paraglide/messages/book_detail_chapters.js
new file mode 100644
index 0000000..02ca3ea
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_chapters.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Book_Detail_ChaptersInputs */
+
+const en_book_detail_chapters = /** @type {(inputs: Book_Detail_ChaptersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} Chapters`)
+};
+
+const ru_book_detail_chapters = /** @type {(inputs: Book_Detail_ChaptersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} глав`)
+};
+
+const id_book_detail_chapters = /** @type {(inputs: Book_Detail_ChaptersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} Bab`)
+};
+
+const pt_book_detail_chapters = /** @type {(inputs: Book_Detail_ChaptersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} Capítulos`)
+};
+
+const fr_book_detail_chapters = /** @type {(inputs: Book_Detail_ChaptersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} chapitres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{n} Chapters" |
+*
+* @param {Book_Detail_ChaptersInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_chapters = /** @type {((inputs: Book_Detail_ChaptersInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_ChaptersInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_chapters(inputs)
+	if (locale === "ru") return ru_book_detail_chapters(inputs)
+	if (locale === "id") return id_book_detail_chapters(inputs)
+	if (locale === "pt") return pt_book_detail_chapters(inputs)
+	return fr_book_detail_chapters(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_continue_ch.js b/ui/src/lib/paraglide/messages/book_detail_continue_ch.js
new file mode 100644
index 0000000..8f077f3
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_continue_ch.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Book_Detail_Continue_ChInputs */
+
+const en_book_detail_continue_ch = /** @type {(inputs: Book_Detail_Continue_ChInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Continue ch.${i?.n}`)
+};
+
+const ru_book_detail_continue_ch = /** @type {(inputs: Book_Detail_Continue_ChInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Продолжить гл.${i?.n}`)
+};
+
+const id_book_detail_continue_ch = /** @type {(inputs: Book_Detail_Continue_ChInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Lanjutkan bab.${i?.n}`)
+};
+
+const pt_book_detail_continue_ch = /** @type {(inputs: Book_Detail_Continue_ChInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Continuar cap.${i?.n}`)
+};
+
+const fr_book_detail_continue_ch = /** @type {(inputs: Book_Detail_Continue_ChInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Continuer ch.${i?.n}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Continue ch.{n}" |
+*
+* @param {Book_Detail_Continue_ChInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_continue_ch = /** @type {((inputs: Book_Detail_Continue_ChInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Continue_ChInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_continue_ch(inputs)
+	if (locale === "ru") return ru_book_detail_continue_ch(inputs)
+	if (locale === "id") return id_book_detail_continue_ch(inputs)
+	if (locale === "pt") return pt_book_detail_continue_ch(inputs)
+	return fr_book_detail_continue_ch(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_continue_reading.js b/ui/src/lib/paraglide/messages/book_detail_continue_reading.js
new file mode 100644
index 0000000..54153c7
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_continue_reading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Continue_ReadingInputs */
+
+const en_book_detail_continue_reading = /** @type {(inputs: Book_Detail_Continue_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Continue Reading`)
+};
+
+const ru_book_detail_continue_reading = /** @type {(inputs: Book_Detail_Continue_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Продолжить чтение`)
+};
+
+const id_book_detail_continue_reading = /** @type {(inputs: Book_Detail_Continue_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lanjutkan Membaca`)
+};
+
+const pt_book_detail_continue_reading = /** @type {(inputs: Book_Detail_Continue_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Continuar Lendo`)
+};
+
+const fr_book_detail_continue_reading = /** @type {(inputs: Book_Detail_Continue_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Continuer la lecture`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Continue Reading" |
+*
+* @param {Book_Detail_Continue_ReadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_continue_reading = /** @type {((inputs?: Book_Detail_Continue_ReadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Continue_ReadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_continue_reading(inputs)
+	if (locale === "ru") return ru_book_detail_continue_reading(inputs)
+	if (locale === "id") return id_book_detail_continue_reading(inputs)
+	if (locale === "pt") return pt_book_detail_continue_reading(inputs)
+	return fr_book_detail_continue_reading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_description.js b/ui/src/lib/paraglide/messages/book_detail_description.js
new file mode 100644
index 0000000..2840321
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_description.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_DescriptionInputs */
+
+const en_book_detail_description = /** @type {(inputs: Book_Detail_DescriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Description`)
+};
+
+const ru_book_detail_description = /** @type {(inputs: Book_Detail_DescriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Описание`)
+};
+
+const id_book_detail_description = /** @type {(inputs: Book_Detail_DescriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Deskripsi`)
+};
+
+const pt_book_detail_description = /** @type {(inputs: Book_Detail_DescriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Descrição`)
+};
+
+const fr_book_detail_description = /** @type {(inputs: Book_Detail_DescriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Description`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Description" |
+*
+* @param {Book_Detail_DescriptionInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_description = /** @type {((inputs?: Book_Detail_DescriptionInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_DescriptionInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_description(inputs)
+	if (locale === "ru") return ru_book_detail_description(inputs)
+	if (locale === "id") return id_book_detail_description(inputs)
+	if (locale === "pt") return pt_book_detail_description(inputs)
+	return fr_book_detail_description(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_from_chapter.js b/ui/src/lib/paraglide/messages/book_detail_from_chapter.js
new file mode 100644
index 0000000..789978c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_from_chapter.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_From_ChapterInputs */
+
+const en_book_detail_from_chapter = /** @type {(inputs: Book_Detail_From_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`From chapter`)
+};
+
+const ru_book_detail_from_chapter = /** @type {(inputs: Book_Detail_From_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`С главы`)
+};
+
+const id_book_detail_from_chapter = /** @type {(inputs: Book_Detail_From_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Dari bab`)
+};
+
+const pt_book_detail_from_chapter = /** @type {(inputs: Book_Detail_From_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`A partir do capítulo`)
+};
+
+const fr_book_detail_from_chapter = /** @type {(inputs: Book_Detail_From_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`À partir du chapitre`)
+};
+
+/**
+* | output |
+* | --- |
+* | "From chapter" |
+*
+* @param {Book_Detail_From_ChapterInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_from_chapter = /** @type {((inputs?: Book_Detail_From_ChapterInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_From_ChapterInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_from_chapter(inputs)
+	if (locale === "ru") return ru_book_detail_from_chapter(inputs)
+	if (locale === "id") return id_book_detail_from_chapter(inputs)
+	if (locale === "pt") return pt_book_detail_from_chapter(inputs)
+	return fr_book_detail_from_chapter(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_genres.js b/ui/src/lib/paraglide/messages/book_detail_genres.js
new file mode 100644
index 0000000..721905b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_genres.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_GenresInputs */
+
+const en_book_detail_genres = /** @type {(inputs: Book_Detail_GenresInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Genres`)
+};
+
+const ru_book_detail_genres = /** @type {(inputs: Book_Detail_GenresInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Жанры`)
+};
+
+const id_book_detail_genres = /** @type {(inputs: Book_Detail_GenresInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Genre`)
+};
+
+const pt_book_detail_genres = /** @type {(inputs: Book_Detail_GenresInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gêneros`)
+};
+
+const fr_book_detail_genres = /** @type {(inputs: Book_Detail_GenresInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Genres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Genres" |
+*
+* @param {Book_Detail_GenresInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_genres = /** @type {((inputs?: Book_Detail_GenresInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_GenresInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_genres(inputs)
+	if (locale === "ru") return ru_book_detail_genres(inputs)
+	if (locale === "id") return id_book_detail_genres(inputs)
+	if (locale === "pt") return pt_book_detail_genres(inputs)
+	return fr_book_detail_genres(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_in_library.js b/ui/src/lib/paraglide/messages/book_detail_in_library.js
new file mode 100644
index 0000000..4d72b0e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_in_library.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_In_LibraryInputs */
+
+const en_book_detail_in_library = /** @type {(inputs: Book_Detail_In_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`In Library`)
+};
+
+const ru_book_detail_in_library = /** @type {(inputs: Book_Detail_In_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`В библиотеке`)
+};
+
+const id_book_detail_in_library = /** @type {(inputs: Book_Detail_In_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ada di Perpustakaan`)
+};
+
+const pt_book_detail_in_library = /** @type {(inputs: Book_Detail_In_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Na Biblioteca`)
+};
+
+const fr_book_detail_in_library = /** @type {(inputs: Book_Detail_In_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Dans la bibliothèque`)
+};
+
+/**
+* | output |
+* | --- |
+* | "In Library" |
+*
+* @param {Book_Detail_In_LibraryInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_in_library = /** @type {((inputs?: Book_Detail_In_LibraryInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_In_LibraryInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_in_library(inputs)
+	if (locale === "ru") return ru_book_detail_in_library(inputs)
+	if (locale === "id") return id_book_detail_in_library(inputs)
+	if (locale === "pt") return pt_book_detail_in_library(inputs)
+	return fr_book_detail_in_library(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_less.js b/ui/src/lib/paraglide/messages/book_detail_less.js
new file mode 100644
index 0000000..ef5c581
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_less.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_LessInputs */
+
+const en_book_detail_less = /** @type {(inputs: Book_Detail_LessInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Less`)
+};
+
+const ru_book_detail_less = /** @type {(inputs: Book_Detail_LessInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Скрыть`)
+};
+
+const id_book_detail_less = /** @type {(inputs: Book_Detail_LessInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lebih sedikit`)
+};
+
+const pt_book_detail_less = /** @type {(inputs: Book_Detail_LessInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Menos`)
+};
+
+const fr_book_detail_less = /** @type {(inputs: Book_Detail_LessInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Moins`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Less" |
+*
+* @param {Book_Detail_LessInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_less = /** @type {((inputs?: Book_Detail_LessInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_LessInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_less(inputs)
+	if (locale === "ru") return ru_book_detail_less(inputs)
+	if (locale === "id") return id_book_detail_less(inputs)
+	if (locale === "pt") return pt_book_detail_less(inputs)
+	return fr_book_detail_less(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_more.js b/ui/src/lib/paraglide/messages/book_detail_more.js
new file mode 100644
index 0000000..8ea5382
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_more.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_MoreInputs */
+
+const en_book_detail_more = /** @type {(inputs: Book_Detail_MoreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`More`)
+};
+
+const ru_book_detail_more = /** @type {(inputs: Book_Detail_MoreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ещё`)
+};
+
+const id_book_detail_more = /** @type {(inputs: Book_Detail_MoreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Selengkapnya`)
+};
+
+const pt_book_detail_more = /** @type {(inputs: Book_Detail_MoreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mais`)
+};
+
+const fr_book_detail_more = /** @type {(inputs: Book_Detail_MoreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Plus`)
+};
+
+/**
+* | output |
+* | --- |
+* | "More" |
+*
+* @param {Book_Detail_MoreInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_more = /** @type {((inputs?: Book_Detail_MoreInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_MoreInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_more(inputs)
+	if (locale === "ru") return ru_book_detail_more(inputs)
+	if (locale === "id") return id_book_detail_more(inputs)
+	if (locale === "pt") return pt_book_detail_more(inputs)
+	return fr_book_detail_more(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_n_chapters.js b/ui/src/lib/paraglide/messages/book_detail_n_chapters.js
new file mode 100644
index 0000000..fb85444
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_n_chapters.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Book_Detail_N_ChaptersInputs */
+
+const en_book_detail_n_chapters = /** @type {(inputs: Book_Detail_N_ChaptersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} chapters`)
+};
+
+const ru_book_detail_n_chapters = /** @type {(inputs: Book_Detail_N_ChaptersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} глав`)
+};
+
+const id_book_detail_n_chapters = /** @type {(inputs: Book_Detail_N_ChaptersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} bab`)
+};
+
+const pt_book_detail_n_chapters = /** @type {(inputs: Book_Detail_N_ChaptersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} capítulos`)
+};
+
+const fr_book_detail_n_chapters = /** @type {(inputs: Book_Detail_N_ChaptersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} chapitres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{n} chapters" |
+*
+* @param {Book_Detail_N_ChaptersInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_n_chapters = /** @type {((inputs: Book_Detail_N_ChaptersInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_N_ChaptersInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_n_chapters(inputs)
+	if (locale === "ru") return ru_book_detail_n_chapters(inputs)
+	if (locale === "id") return id_book_detail_n_chapters(inputs)
+	if (locale === "pt") return pt_book_detail_n_chapters(inputs)
+	return fr_book_detail_n_chapters(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_not_in_library.js b/ui/src/lib/paraglide/messages/book_detail_not_in_library.js
new file mode 100644
index 0000000..a8538bd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_not_in_library.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Not_In_LibraryInputs */
+
+const en_book_detail_not_in_library = /** @type {(inputs: Book_Detail_Not_In_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`not in library`)
+};
+
+const ru_book_detail_not_in_library = /** @type {(inputs: Book_Detail_Not_In_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`не в библиотеке`)
+};
+
+const id_book_detail_not_in_library = /** @type {(inputs: Book_Detail_Not_In_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`tidak di perpustakaan`)
+};
+
+const pt_book_detail_not_in_library = /** @type {(inputs: Book_Detail_Not_In_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`não está na biblioteca`)
+};
+
+const fr_book_detail_not_in_library = /** @type {(inputs: Book_Detail_Not_In_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`pas dans la bibliothèque`)
+};
+
+/**
+* | output |
+* | --- |
+* | "not in library" |
+*
+* @param {Book_Detail_Not_In_LibraryInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_not_in_library = /** @type {((inputs?: Book_Detail_Not_In_LibraryInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Not_In_LibraryInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_not_in_library(inputs)
+	if (locale === "ru") return ru_book_detail_not_in_library(inputs)
+	if (locale === "id") return id_book_detail_not_in_library(inputs)
+	if (locale === "pt") return pt_book_detail_not_in_library(inputs)
+	return fr_book_detail_not_in_library(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_page_title.js b/ui/src/lib/paraglide/messages/book_detail_page_title.js
new file mode 100644
index 0000000..25895f7
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ title: NonNullable<unknown> }} Book_Detail_Page_TitleInputs */
+
+const en_book_detail_page_title = /** @type {(inputs: Book_Detail_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.title} — libnovel`)
+};
+
+const ru_book_detail_page_title = /** @type {(inputs: Book_Detail_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.title} — libnovel`)
+};
+
+const id_book_detail_page_title = /** @type {(inputs: Book_Detail_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.title} — libnovel`)
+};
+
+const pt_book_detail_page_title = /** @type {(inputs: Book_Detail_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.title} — libnovel`)
+};
+
+const fr_book_detail_page_title = /** @type {(inputs: Book_Detail_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.title} — libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{title} — libnovel" |
+*
+* @param {Book_Detail_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_page_title = /** @type {((inputs: Book_Detail_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_page_title(inputs)
+	if (locale === "ru") return ru_book_detail_page_title(inputs)
+	if (locale === "id") return id_book_detail_page_title(inputs)
+	if (locale === "pt") return pt_book_detail_page_title(inputs)
+	return fr_book_detail_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_preview_ch1.js b/ui/src/lib/paraglide/messages/book_detail_preview_ch1.js
new file mode 100644
index 0000000..fd584c9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_preview_ch1.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Preview_Ch1Inputs */
+
+const en_book_detail_preview_ch1 = /** @type {(inputs: Book_Detail_Preview_Ch1Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Preview ch.1`)
+};
+
+const ru_book_detail_preview_ch1 = /** @type {(inputs: Book_Detail_Preview_Ch1Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Предпросмотр гл.1`)
+};
+
+const id_book_detail_preview_ch1 = /** @type {(inputs: Book_Detail_Preview_Ch1Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pratinjau bab.1`)
+};
+
+const pt_book_detail_preview_ch1 = /** @type {(inputs: Book_Detail_Preview_Ch1Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Prévia do cap.1`)
+};
+
+const fr_book_detail_preview_ch1 = /** @type {(inputs: Book_Detail_Preview_Ch1Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aperçu ch.1`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Preview ch.1" |
+*
+* @param {Book_Detail_Preview_Ch1Inputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_preview_ch1 = /** @type {((inputs?: Book_Detail_Preview_Ch1Inputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Preview_Ch1Inputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_preview_ch1(inputs)
+	if (locale === "ru") return ru_book_detail_preview_ch1(inputs)
+	if (locale === "id") return id_book_detail_preview_ch1(inputs)
+	if (locale === "pt") return pt_book_detail_preview_ch1(inputs)
+	return fr_book_detail_preview_ch1(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_range_queuing.js b/ui/src/lib/paraglide/messages/book_detail_range_queuing.js
new file mode 100644
index 0000000..42be4ea
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_range_queuing.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Range_QueuingInputs */
+
+const en_book_detail_range_queuing = /** @type {(inputs: Book_Detail_Range_QueuingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Queuing…`)
+};
+
+const ru_book_detail_range_queuing = /** @type {(inputs: Book_Detail_Range_QueuingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`В очереди…`)
+};
+
+const id_book_detail_range_queuing = /** @type {(inputs: Book_Detail_Range_QueuingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mengantri…`)
+};
+
+const pt_book_detail_range_queuing = /** @type {(inputs: Book_Detail_Range_QueuingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Na fila…`)
+};
+
+const fr_book_detail_range_queuing = /** @type {(inputs: Book_Detail_Range_QueuingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`En file d'attente…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Queuing…" |
+*
+* @param {Book_Detail_Range_QueuingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_range_queuing = /** @type {((inputs?: Book_Detail_Range_QueuingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Range_QueuingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_range_queuing(inputs)
+	if (locale === "ru") return ru_book_detail_range_queuing(inputs)
+	if (locale === "id") return id_book_detail_range_queuing(inputs)
+	if (locale === "pt") return pt_book_detail_range_queuing(inputs)
+	return fr_book_detail_range_queuing(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_read_now.js b/ui/src/lib/paraglide/messages/book_detail_read_now.js
new file mode 100644
index 0000000..f778f97
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_read_now.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Read_NowInputs */
+
+const en_book_detail_read_now = /** @type {(inputs: Book_Detail_Read_NowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Read Now`)
+};
+
+const ru_book_detail_read_now = /** @type {(inputs: Book_Detail_Read_NowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Читать`)
+};
+
+const id_book_detail_read_now = /** @type {(inputs: Book_Detail_Read_NowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Baca Sekarang`)
+};
+
+const pt_book_detail_read_now = /** @type {(inputs: Book_Detail_Read_NowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ler Agora`)
+};
+
+const fr_book_detail_read_now = /** @type {(inputs: Book_Detail_Read_NowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lire maintenant`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Read Now" |
+*
+* @param {Book_Detail_Read_NowInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_read_now = /** @type {((inputs?: Book_Detail_Read_NowInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Read_NowInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_read_now(inputs)
+	if (locale === "ru") return ru_book_detail_read_now(inputs)
+	if (locale === "id") return id_book_detail_read_now(inputs)
+	if (locale === "pt") return pt_book_detail_read_now(inputs)
+	return fr_book_detail_read_now(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_reading_ch.js b/ui/src/lib/paraglide/messages/book_detail_reading_ch.js
new file mode 100644
index 0000000..c93f65d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_reading_ch.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown>, total: NonNullable<unknown> }} Book_Detail_Reading_ChInputs */
+
+const en_book_detail_reading_ch = /** @type {(inputs: Book_Detail_Reading_ChInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Reading ch.${i?.n} of ${i?.total}`)
+};
+
+const ru_book_detail_reading_ch = /** @type {(inputs: Book_Detail_Reading_ChInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Читается гл.${i?.n} из ${i?.total}`)
+};
+
+const id_book_detail_reading_ch = /** @type {(inputs: Book_Detail_Reading_ChInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Membaca bab.${i?.n} dari ${i?.total}`)
+};
+
+const pt_book_detail_reading_ch = /** @type {(inputs: Book_Detail_Reading_ChInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Lendo cap.${i?.n} de ${i?.total}`)
+};
+
+const fr_book_detail_reading_ch = /** @type {(inputs: Book_Detail_Reading_ChInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Lecture ch.${i?.n} sur ${i?.total}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Reading ch.{n} of {total}" |
+*
+* @param {Book_Detail_Reading_ChInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_reading_ch = /** @type {((inputs: Book_Detail_Reading_ChInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Reading_ChInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_reading_ch(inputs)
+	if (locale === "ru") return ru_book_detail_reading_ch(inputs)
+	if (locale === "id") return id_book_detail_reading_ch(inputs)
+	if (locale === "pt") return pt_book_detail_reading_ch(inputs)
+	return fr_book_detail_reading_ch(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_remove_from_library.js b/ui/src/lib/paraglide/messages/book_detail_remove_from_library.js
new file mode 100644
index 0000000..ba494e8
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_remove_from_library.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Remove_From_LibraryInputs */
+
+const en_book_detail_remove_from_library = /** @type {(inputs: Book_Detail_Remove_From_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Remove from Library`)
+};
+
+const ru_book_detail_remove_from_library = /** @type {(inputs: Book_Detail_Remove_From_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Удалить из библиотеки`)
+};
+
+const id_book_detail_remove_from_library = /** @type {(inputs: Book_Detail_Remove_From_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Hapus dari Perpustakaan`)
+};
+
+const pt_book_detail_remove_from_library = /** @type {(inputs: Book_Detail_Remove_From_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Remover da Biblioteca`)
+};
+
+const fr_book_detail_remove_from_library = /** @type {(inputs: Book_Detail_Remove_From_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Retirer de la bibliothèque`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Remove from Library" |
+*
+* @param {Book_Detail_Remove_From_LibraryInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_remove_from_library = /** @type {((inputs?: Book_Detail_Remove_From_LibraryInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Remove_From_LibraryInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_remove_from_library(inputs)
+	if (locale === "ru") return ru_book_detail_remove_from_library(inputs)
+	if (locale === "id") return id_book_detail_remove_from_library(inputs)
+	if (locale === "pt") return pt_book_detail_remove_from_library(inputs)
+	return fr_book_detail_remove_from_library(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_rescrape.js b/ui/src/lib/paraglide/messages/book_detail_rescrape.js
new file mode 100644
index 0000000..cf15055
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_rescrape.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_RescrapeInputs */
+
+const en_book_detail_rescrape = /** @type {(inputs: Book_Detail_RescrapeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Re-scrape`)
+};
+
+const ru_book_detail_rescrape = /** @type {(inputs: Book_Detail_RescrapeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Обновить`)
+};
+
+const id_book_detail_rescrape = /** @type {(inputs: Book_Detail_RescrapeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Perbarui`)
+};
+
+const pt_book_detail_rescrape = /** @type {(inputs: Book_Detail_RescrapeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Atualizar`)
+};
+
+const fr_book_detail_rescrape = /** @type {(inputs: Book_Detail_RescrapeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Réextraire`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Re-scrape" |
+*
+* @param {Book_Detail_RescrapeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_rescrape = /** @type {((inputs?: Book_Detail_RescrapeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_RescrapeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_rescrape(inputs)
+	if (locale === "ru") return ru_book_detail_rescrape(inputs)
+	if (locale === "id") return id_book_detail_rescrape(inputs)
+	if (locale === "pt") return pt_book_detail_rescrape(inputs)
+	return fr_book_detail_rescrape(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_rescrape_book.js b/ui/src/lib/paraglide/messages/book_detail_rescrape_book.js
new file mode 100644
index 0000000..fbba108
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_rescrape_book.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Rescrape_BookInputs */
+
+const en_book_detail_rescrape_book = /** @type {(inputs: Book_Detail_Rescrape_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rescrape book`)
+};
+
+const ru_book_detail_rescrape_book = /** @type {(inputs: Book_Detail_Rescrape_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Перепарсить книгу`)
+};
+
+const id_book_detail_rescrape_book = /** @type {(inputs: Book_Detail_Rescrape_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape ulang buku`)
+};
+
+const pt_book_detail_rescrape_book = /** @type {(inputs: Book_Detail_Rescrape_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Reextrair livro`)
+};
+
+const fr_book_detail_rescrape_book = /** @type {(inputs: Book_Detail_Rescrape_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Réextraire le livre`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Rescrape book" |
+*
+* @param {Book_Detail_Rescrape_BookInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_rescrape_book = /** @type {((inputs?: Book_Detail_Rescrape_BookInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Rescrape_BookInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_rescrape_book(inputs)
+	if (locale === "ru") return ru_book_detail_rescrape_book(inputs)
+	if (locale === "id") return id_book_detail_rescrape_book(inputs)
+	if (locale === "pt") return pt_book_detail_rescrape_book(inputs)
+	return fr_book_detail_rescrape_book(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_rescraping.js b/ui/src/lib/paraglide/messages/book_detail_rescraping.js
new file mode 100644
index 0000000..6a24d45
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_rescraping.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_RescrapingInputs */
+
+const en_book_detail_rescraping = /** @type {(inputs: Book_Detail_RescrapingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Queuing…`)
+};
+
+const ru_book_detail_rescraping = /** @type {(inputs: Book_Detail_RescrapingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`В очереди…`)
+};
+
+const id_book_detail_rescraping = /** @type {(inputs: Book_Detail_RescrapingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mengantri…`)
+};
+
+const pt_book_detail_rescraping = /** @type {(inputs: Book_Detail_RescrapingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Na fila…`)
+};
+
+const fr_book_detail_rescraping = /** @type {(inputs: Book_Detail_RescrapingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`En file d'attente…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Queuing…" |
+*
+* @param {Book_Detail_RescrapingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_rescraping = /** @type {((inputs?: Book_Detail_RescrapingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_RescrapingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_rescraping(inputs)
+	if (locale === "ru") return ru_book_detail_rescraping(inputs)
+	if (locale === "id") return id_book_detail_rescraping(inputs)
+	if (locale === "pt") return pt_book_detail_rescraping(inputs)
+	return fr_book_detail_rescraping(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_scrape_range.js b/ui/src/lib/paraglide/messages/book_detail_scrape_range.js
new file mode 100644
index 0000000..797f123
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_scrape_range.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Scrape_RangeInputs */
+
+const en_book_detail_scrape_range = /** @type {(inputs: Book_Detail_Scrape_RangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape range`)
+};
+
+const ru_book_detail_scrape_range = /** @type {(inputs: Book_Detail_Scrape_RangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Диапазон глав`)
+};
+
+const id_book_detail_scrape_range = /** @type {(inputs: Book_Detail_Scrape_RangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rentang scrape`)
+};
+
+const pt_book_detail_scrape_range = /** @type {(inputs: Book_Detail_Scrape_RangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Intervalo de extração`)
+};
+
+const fr_book_detail_scrape_range = /** @type {(inputs: Book_Detail_Scrape_RangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Plage d'extraction`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Scrape range" |
+*
+* @param {Book_Detail_Scrape_RangeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_scrape_range = /** @type {((inputs?: Book_Detail_Scrape_RangeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Scrape_RangeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_scrape_range(inputs)
+	if (locale === "ru") return ru_book_detail_scrape_range(inputs)
+	if (locale === "id") return id_book_detail_scrape_range(inputs)
+	if (locale === "pt") return pt_book_detail_scrape_range(inputs)
+	return fr_book_detail_scrape_range(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_scraping.js b/ui/src/lib/paraglide/messages/book_detail_scraping.js
new file mode 100644
index 0000000..de871e7
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_scraping.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_ScrapingInputs */
+
+const en_book_detail_scraping = /** @type {(inputs: Book_Detail_ScrapingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scraping…`)
+};
+
+const ru_book_detail_scraping = /** @type {(inputs: Book_Detail_ScrapingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Обновление…`)
+};
+
+const id_book_detail_scraping = /** @type {(inputs: Book_Detail_ScrapingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Memperbarui…`)
+};
+
+const pt_book_detail_scraping = /** @type {(inputs: Book_Detail_ScrapingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Atualizando…`)
+};
+
+const fr_book_detail_scraping = /** @type {(inputs: Book_Detail_ScrapingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extraction en cours…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Scraping…" |
+*
+* @param {Book_Detail_ScrapingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_scraping = /** @type {((inputs?: Book_Detail_ScrapingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_ScrapingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_scraping(inputs)
+	if (locale === "ru") return ru_book_detail_scraping(inputs)
+	if (locale === "id") return id_book_detail_scraping(inputs)
+	if (locale === "pt") return pt_book_detail_scraping(inputs)
+	return fr_book_detail_scraping(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_scraping_home.js b/ui/src/lib/paraglide/messages/book_detail_scraping_home.js
new file mode 100644
index 0000000..62f74a2
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_scraping_home.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Scraping_HomeInputs */
+
+const en_book_detail_scraping_home = /** @type {(inputs: Book_Detail_Scraping_HomeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`← Home`)
+};
+
+const ru_book_detail_scraping_home = /** @type {(inputs: Book_Detail_Scraping_HomeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`← На главную`)
+};
+
+const id_book_detail_scraping_home = /** @type {(inputs: Book_Detail_Scraping_HomeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`← Beranda`)
+};
+
+const pt_book_detail_scraping_home = /** @type {(inputs: Book_Detail_Scraping_HomeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`← Início`)
+};
+
+const fr_book_detail_scraping_home = /** @type {(inputs: Book_Detail_Scraping_HomeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`← Accueil`)
+};
+
+/**
+* | output |
+* | --- |
+* | "← Home" |
+*
+* @param {Book_Detail_Scraping_HomeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_scraping_home = /** @type {((inputs?: Book_Detail_Scraping_HomeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Scraping_HomeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_scraping_home(inputs)
+	if (locale === "ru") return ru_book_detail_scraping_home(inputs)
+	if (locale === "id") return id_book_detail_scraping_home(inputs)
+	if (locale === "pt") return pt_book_detail_scraping_home(inputs)
+	return fr_book_detail_scraping_home(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_scraping_progress.js b/ui/src/lib/paraglide/messages/book_detail_scraping_progress.js
new file mode 100644
index 0000000..1e34dc3
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_scraping_progress.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Scraping_ProgressInputs */
+
+const en_book_detail_scraping_progress = /** @type {(inputs: Book_Detail_Scraping_ProgressInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fetching the first 20 chapters. This page will refresh automatically.`)
+};
+
+const ru_book_detail_scraping_progress = /** @type {(inputs: Book_Detail_Scraping_ProgressInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Загружаются первые 20 глав. Страница обновится автоматически.`)
+};
+
+const id_book_detail_scraping_progress = /** @type {(inputs: Book_Detail_Scraping_ProgressInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mengambil 20 bab pertama. Halaman ini akan dimuat ulang otomatis.`)
+};
+
+const pt_book_detail_scraping_progress = /** @type {(inputs: Book_Detail_Scraping_ProgressInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Buscando os primeiros 20 capítulos. Esta página será atualizada automaticamente.`)
+};
+
+const fr_book_detail_scraping_progress = /** @type {(inputs: Book_Detail_Scraping_ProgressInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Récupération des 20 premiers chapitres. Cette page sera actualisée automatiquement.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Fetching the first 20 chapters. This page will refresh automatically." |
+*
+* @param {Book_Detail_Scraping_ProgressInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_scraping_progress = /** @type {((inputs?: Book_Detail_Scraping_ProgressInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Scraping_ProgressInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_scraping_progress(inputs)
+	if (locale === "ru") return ru_book_detail_scraping_progress(inputs)
+	if (locale === "id") return id_book_detail_scraping_progress(inputs)
+	if (locale === "pt") return pt_book_detail_scraping_progress(inputs)
+	return fr_book_detail_scraping_progress(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_signin_to_save.js b/ui/src/lib/paraglide/messages/book_detail_signin_to_save.js
new file mode 100644
index 0000000..df0101d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_signin_to_save.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Signin_To_SaveInputs */
+
+const en_book_detail_signin_to_save = /** @type {(inputs: Book_Detail_Signin_To_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sign in to save`)
+};
+
+const ru_book_detail_signin_to_save = /** @type {(inputs: Book_Detail_Signin_To_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Войдите, чтобы сохранить`)
+};
+
+const id_book_detail_signin_to_save = /** @type {(inputs: Book_Detail_Signin_To_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Masuk untuk menyimpan`)
+};
+
+const pt_book_detail_signin_to_save = /** @type {(inputs: Book_Detail_Signin_To_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Entre para salvar`)
+};
+
+const fr_book_detail_signin_to_save = /** @type {(inputs: Book_Detail_Signin_To_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Connectez-vous pour sauvegarder`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Sign in to save" |
+*
+* @param {Book_Detail_Signin_To_SaveInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_signin_to_save = /** @type {((inputs?: Book_Detail_Signin_To_SaveInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Signin_To_SaveInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_signin_to_save(inputs)
+	if (locale === "ru") return ru_book_detail_signin_to_save(inputs)
+	if (locale === "id") return id_book_detail_signin_to_save(inputs)
+	if (locale === "pt") return pt_book_detail_signin_to_save(inputs)
+	return fr_book_detail_signin_to_save(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_source.js b/ui/src/lib/paraglide/messages/book_detail_source.js
new file mode 100644
index 0000000..197e4d2
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_source.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_SourceInputs */
+
+const en_book_detail_source = /** @type {(inputs: Book_Detail_SourceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Source`)
+};
+
+const ru_book_detail_source = /** @type {(inputs: Book_Detail_SourceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Источник`)
+};
+
+const id_book_detail_source = /** @type {(inputs: Book_Detail_SourceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sumber`)
+};
+
+const pt_book_detail_source = /** @type {(inputs: Book_Detail_SourceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fonte`)
+};
+
+const fr_book_detail_source = /** @type {(inputs: Book_Detail_SourceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Source`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Source" |
+*
+* @param {Book_Detail_SourceInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_source = /** @type {((inputs?: Book_Detail_SourceInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_SourceInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_source(inputs)
+	if (locale === "ru") return ru_book_detail_source(inputs)
+	if (locale === "id") return id_book_detail_source(inputs)
+	if (locale === "pt") return pt_book_detail_source(inputs)
+	return fr_book_detail_source(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_start_ch1.js b/ui/src/lib/paraglide/messages/book_detail_start_ch1.js
new file mode 100644
index 0000000..023e260
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_start_ch1.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Start_Ch1Inputs */
+
+const en_book_detail_start_ch1 = /** @type {(inputs: Book_Detail_Start_Ch1Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Start from ch.1`)
+};
+
+const ru_book_detail_start_ch1 = /** @type {(inputs: Book_Detail_Start_Ch1Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Начать с гл.1`)
+};
+
+const id_book_detail_start_ch1 = /** @type {(inputs: Book_Detail_Start_Ch1Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mulai dari bab.1`)
+};
+
+const pt_book_detail_start_ch1 = /** @type {(inputs: Book_Detail_Start_Ch1Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Começar pelo cap.1`)
+};
+
+const fr_book_detail_start_ch1 = /** @type {(inputs: Book_Detail_Start_Ch1Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Commencer au ch.1`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Start from ch.1" |
+*
+* @param {Book_Detail_Start_Ch1Inputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_start_ch1 = /** @type {((inputs?: Book_Detail_Start_Ch1Inputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Start_Ch1Inputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_start_ch1(inputs)
+	if (locale === "ru") return ru_book_detail_start_ch1(inputs)
+	if (locale === "id") return id_book_detail_start_ch1(inputs)
+	if (locale === "pt") return pt_book_detail_start_ch1(inputs)
+	return fr_book_detail_start_ch1(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_start_reading.js b/ui/src/lib/paraglide/messages/book_detail_start_reading.js
new file mode 100644
index 0000000..75e4065
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_start_reading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_Start_ReadingInputs */
+
+const en_book_detail_start_reading = /** @type {(inputs: Book_Detail_Start_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Start Reading`)
+};
+
+const ru_book_detail_start_reading = /** @type {(inputs: Book_Detail_Start_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Начать чтение`)
+};
+
+const id_book_detail_start_reading = /** @type {(inputs: Book_Detail_Start_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mulai Membaca`)
+};
+
+const pt_book_detail_start_reading = /** @type {(inputs: Book_Detail_Start_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Começar a Ler`)
+};
+
+const fr_book_detail_start_reading = /** @type {(inputs: Book_Detail_Start_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Commencer la lecture`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Start Reading" |
+*
+* @param {Book_Detail_Start_ReadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_start_reading = /** @type {((inputs?: Book_Detail_Start_ReadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_Start_ReadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_start_reading(inputs)
+	if (locale === "ru") return ru_book_detail_start_reading(inputs)
+	if (locale === "id") return id_book_detail_start_reading(inputs)
+	if (locale === "pt") return pt_book_detail_start_reading(inputs)
+	return fr_book_detail_start_reading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_status.js b/ui/src/lib/paraglide/messages/book_detail_status.js
new file mode 100644
index 0000000..0bc013b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_status.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_StatusInputs */
+
+const en_book_detail_status = /** @type {(inputs: Book_Detail_StatusInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Status`)
+};
+
+const ru_book_detail_status = /** @type {(inputs: Book_Detail_StatusInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Статус`)
+};
+
+const id_book_detail_status = /** @type {(inputs: Book_Detail_StatusInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Status`)
+};
+
+const pt_book_detail_status = /** @type {(inputs: Book_Detail_StatusInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Status`)
+};
+
+const fr_book_detail_status = /** @type {(inputs: Book_Detail_StatusInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Statut`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Status" |
+*
+* @param {Book_Detail_StatusInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_status = /** @type {((inputs?: Book_Detail_StatusInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_StatusInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_status(inputs)
+	if (locale === "ru") return ru_book_detail_status(inputs)
+	if (locale === "id") return id_book_detail_status(inputs)
+	if (locale === "pt") return pt_book_detail_status(inputs)
+	return fr_book_detail_status(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/book_detail_to_chapter.js b/ui/src/lib/paraglide/messages/book_detail_to_chapter.js
new file mode 100644
index 0000000..46238d4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/book_detail_to_chapter.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Book_Detail_To_ChapterInputs */
+
+const en_book_detail_to_chapter = /** @type {(inputs: Book_Detail_To_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`To chapter (optional)`)
+};
+
+const ru_book_detail_to_chapter = /** @type {(inputs: Book_Detail_To_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`До главы (необязательно)`)
+};
+
+const id_book_detail_to_chapter = /** @type {(inputs: Book_Detail_To_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sampai bab (opsional)`)
+};
+
+const pt_book_detail_to_chapter = /** @type {(inputs: Book_Detail_To_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Até o capítulo (opcional)`)
+};
+
+const fr_book_detail_to_chapter = /** @type {(inputs: Book_Detail_To_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Jusqu'au chapitre (optionnel)`)
+};
+
+/**
+* | output |
+* | --- |
+* | "To chapter (optional)" |
+*
+* @param {Book_Detail_To_ChapterInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const book_detail_to_chapter = /** @type {((inputs?: Book_Detail_To_ChapterInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Book_Detail_To_ChapterInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_book_detail_to_chapter(inputs)
+	if (locale === "ru") return ru_book_detail_to_chapter(inputs)
+	if (locale === "id") return id_book_detail_to_chapter(inputs)
+	if (locale === "pt") return pt_book_detail_to_chapter(inputs)
+	return fr_book_detail_to_chapter(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/books_browse_catalogue.js b/ui/src/lib/paraglide/messages/books_browse_catalogue.js
new file mode 100644
index 0000000..e2f9d91
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/books_browse_catalogue.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Books_Browse_CatalogueInputs */
+
+const en_books_browse_catalogue = /** @type {(inputs: Books_Browse_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Browse Catalogue`)
+};
+
+const ru_books_browse_catalogue = /** @type {(inputs: Books_Browse_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Обзор каталога`)
+};
+
+const id_books_browse_catalogue = /** @type {(inputs: Books_Browse_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Jelajahi Katalog`)
+};
+
+const pt_books_browse_catalogue = /** @type {(inputs: Books_Browse_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Explorar Catálogo`)
+};
+
+const fr_books_browse_catalogue = /** @type {(inputs: Books_Browse_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Parcourir le catalogue`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Browse Catalogue" |
+*
+* @param {Books_Browse_CatalogueInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const books_browse_catalogue = /** @type {((inputs?: Books_Browse_CatalogueInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Books_Browse_CatalogueInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_books_browse_catalogue(inputs)
+	if (locale === "ru") return ru_books_browse_catalogue(inputs)
+	if (locale === "id") return id_books_browse_catalogue(inputs)
+	if (locale === "pt") return pt_books_browse_catalogue(inputs)
+	return fr_books_browse_catalogue(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/books_chapter_count.js b/ui/src/lib/paraglide/messages/books_chapter_count.js
new file mode 100644
index 0000000..0d534f4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/books_chapter_count.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Books_Chapter_CountInputs */
+
+const en_books_chapter_count = /** @type {(inputs: Books_Chapter_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} chapters`)
+};
+
+const ru_books_chapter_count = /** @type {(inputs: Books_Chapter_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} глав`)
+};
+
+const id_books_chapter_count = /** @type {(inputs: Books_Chapter_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} bab`)
+};
+
+const pt_books_chapter_count = /** @type {(inputs: Books_Chapter_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} capítulos`)
+};
+
+const fr_books_chapter_count = /** @type {(inputs: Books_Chapter_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} chapitres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{n} chapters" |
+*
+* @param {Books_Chapter_CountInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const books_chapter_count = /** @type {((inputs: Books_Chapter_CountInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Books_Chapter_CountInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_books_chapter_count(inputs)
+	if (locale === "ru") return ru_books_chapter_count(inputs)
+	if (locale === "id") return id_books_chapter_count(inputs)
+	if (locale === "pt") return pt_books_chapter_count(inputs)
+	return fr_books_chapter_count(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/books_count.js b/ui/src/lib/paraglide/messages/books_count.js
new file mode 100644
index 0000000..f1ba262
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/books_count.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown>, s: NonNullable<unknown> }} Books_CountInputs */
+
+const en_books_count = /** @type {(inputs: Books_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} book${i?.s}`)
+};
+
+const ru_books_count = /** @type {(inputs: Books_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} книг${i?.s}`)
+};
+
+const id_books_count = /** @type {(inputs: Books_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} buku`)
+};
+
+const pt_books_count = /** @type {(inputs: Books_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} livro${i?.s}`)
+};
+
+const fr_books_count = /** @type {(inputs: Books_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} livre${i?.s}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{n} book{s}" |
+*
+* @param {Books_CountInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const books_count = /** @type {((inputs: Books_CountInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Books_CountInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_books_count(inputs)
+	if (locale === "ru") return ru_books_count(inputs)
+	if (locale === "id") return id_books_count(inputs)
+	if (locale === "pt") return pt_books_count(inputs)
+	return fr_books_count(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/books_empty_body.js b/ui/src/lib/paraglide/messages/books_empty_body.js
new file mode 100644
index 0000000..e476200
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/books_empty_body.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Books_Empty_BodyInputs */
+
+const en_books_empty_body = /** @type {(inputs: Books_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Add books to your library by visiting a book page.`)
+};
+
+const ru_books_empty_body = /** @type {(inputs: Books_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Добавляйте книги в библиотеку, посещая страницы книг.`)
+};
+
+const id_books_empty_body = /** @type {(inputs: Books_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tambahkan buku ke perpustakaanmu dengan mengunjungi halaman buku.`)
+};
+
+const pt_books_empty_body = /** @type {(inputs: Books_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Adicione livros à sua biblioteca visitando a página de um livro.`)
+};
+
+const fr_books_empty_body = /** @type {(inputs: Books_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ajoutez des livres à votre bibliothèque en visitant une page de livre.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Add books to your library by visiting a book page." |
+*
+* @param {Books_Empty_BodyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const books_empty_body = /** @type {((inputs?: Books_Empty_BodyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Books_Empty_BodyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_books_empty_body(inputs)
+	if (locale === "ru") return ru_books_empty_body(inputs)
+	if (locale === "id") return id_books_empty_body(inputs)
+	if (locale === "pt") return pt_books_empty_body(inputs)
+	return fr_books_empty_body(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/books_empty_discover.js b/ui/src/lib/paraglide/messages/books_empty_discover.js
new file mode 100644
index 0000000..54ee503
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/books_empty_discover.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Books_Empty_DiscoverInputs */
+
+const en_books_empty_discover = /** @type {(inputs: Books_Empty_DiscoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Books you start reading or save from`)
+};
+
+const ru_books_empty_discover = /** @type {(inputs: Books_Empty_DiscoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Книги, которые вы начнёте читать или сохраните из`)
+};
+
+const id_books_empty_discover = /** @type {(inputs: Books_Empty_DiscoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Buku yang mulai kamu baca atau simpan dari`)
+};
+
+const pt_books_empty_discover = /** @type {(inputs: Books_Empty_DiscoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Livros que você começar a ler ou salvar de`)
+};
+
+const fr_books_empty_discover = /** @type {(inputs: Books_Empty_DiscoverInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Les livres que vous commencez à lire ou enregistrez depuis`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Books you start reading or save from" |
+*
+* @param {Books_Empty_DiscoverInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const books_empty_discover = /** @type {((inputs?: Books_Empty_DiscoverInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Books_Empty_DiscoverInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_books_empty_discover(inputs)
+	if (locale === "ru") return ru_books_empty_discover(inputs)
+	if (locale === "id") return id_books_empty_discover(inputs)
+	if (locale === "pt") return pt_books_empty_discover(inputs)
+	return fr_books_empty_discover(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/books_empty_discover_link.js b/ui/src/lib/paraglide/messages/books_empty_discover_link.js
new file mode 100644
index 0000000..3eed694
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/books_empty_discover_link.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Books_Empty_Discover_LinkInputs */
+
+const en_books_empty_discover_link = /** @type {(inputs: Books_Empty_Discover_LinkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Discover`)
+};
+
+const ru_books_empty_discover_link = /** @type {(inputs: Books_Empty_Discover_LinkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Каталога`)
+};
+
+const id_books_empty_discover_link = /** @type {(inputs: Books_Empty_Discover_LinkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Temukan`)
+};
+
+const pt_books_empty_discover_link = /** @type {(inputs: Books_Empty_Discover_LinkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Descobrir`)
+};
+
+const fr_books_empty_discover_link = /** @type {(inputs: Books_Empty_Discover_LinkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Découvrir`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Discover" |
+*
+* @param {Books_Empty_Discover_LinkInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const books_empty_discover_link = /** @type {((inputs?: Books_Empty_Discover_LinkInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Books_Empty_Discover_LinkInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_books_empty_discover_link(inputs)
+	if (locale === "ru") return ru_books_empty_discover_link(inputs)
+	if (locale === "id") return id_books_empty_discover_link(inputs)
+	if (locale === "pt") return pt_books_empty_discover_link(inputs)
+	return fr_books_empty_discover_link(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/books_empty_discover_suffix.js b/ui/src/lib/paraglide/messages/books_empty_discover_suffix.js
new file mode 100644
index 0000000..bd84008
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/books_empty_discover_suffix.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Books_Empty_Discover_SuffixInputs */
+
+const en_books_empty_discover_suffix = /** @type {(inputs: Books_Empty_Discover_SuffixInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`will appear here.`)
+};
+
+const ru_books_empty_discover_suffix = /** @type {(inputs: Books_Empty_Discover_SuffixInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`появятся здесь.`)
+};
+
+const id_books_empty_discover_suffix = /** @type {(inputs: Books_Empty_Discover_SuffixInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`akan muncul di sini.`)
+};
+
+const pt_books_empty_discover_suffix = /** @type {(inputs: Books_Empty_Discover_SuffixInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`aparecerão aqui.`)
+};
+
+const fr_books_empty_discover_suffix = /** @type {(inputs: Books_Empty_Discover_SuffixInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`apparaîtront ici.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "will appear here." |
+*
+* @param {Books_Empty_Discover_SuffixInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const books_empty_discover_suffix = /** @type {((inputs?: Books_Empty_Discover_SuffixInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Books_Empty_Discover_SuffixInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_books_empty_discover_suffix(inputs)
+	if (locale === "ru") return ru_books_empty_discover_suffix(inputs)
+	if (locale === "id") return id_books_empty_discover_suffix(inputs)
+	if (locale === "pt") return pt_books_empty_discover_suffix(inputs)
+	return fr_books_empty_discover_suffix(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/books_empty_library.js b/ui/src/lib/paraglide/messages/books_empty_library.js
new file mode 100644
index 0000000..ee2e927
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/books_empty_library.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Books_Empty_LibraryInputs */
+
+const en_books_empty_library = /** @type {(inputs: Books_Empty_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Your library is empty.`)
+};
+
+const ru_books_empty_library = /** @type {(inputs: Books_Empty_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ваша библиотека пуста.`)
+};
+
+const id_books_empty_library = /** @type {(inputs: Books_Empty_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Perpustakaanmu kosong.`)
+};
+
+const pt_books_empty_library = /** @type {(inputs: Books_Empty_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sua biblioteca está vazia.`)
+};
+
+const fr_books_empty_library = /** @type {(inputs: Books_Empty_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Votre bibliothèque est vide.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Your library is empty." |
+*
+* @param {Books_Empty_LibraryInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const books_empty_library = /** @type {((inputs?: Books_Empty_LibraryInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Books_Empty_LibraryInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_books_empty_library(inputs)
+	if (locale === "ru") return ru_books_empty_library(inputs)
+	if (locale === "id") return id_books_empty_library(inputs)
+	if (locale === "pt") return pt_books_empty_library(inputs)
+	return fr_books_empty_library(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/books_empty_title.js b/ui/src/lib/paraglide/messages/books_empty_title.js
new file mode 100644
index 0000000..55f405a
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/books_empty_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Books_Empty_TitleInputs */
+
+const en_books_empty_title = /** @type {(inputs: Books_Empty_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No books yet`)
+};
+
+const ru_books_empty_title = /** @type {(inputs: Books_Empty_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Книг пока нет`)
+};
+
+const id_books_empty_title = /** @type {(inputs: Books_Empty_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Belum ada buku`)
+};
+
+const pt_books_empty_title = /** @type {(inputs: Books_Empty_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhum livro ainda`)
+};
+
+const fr_books_empty_title = /** @type {(inputs: Books_Empty_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucun livre pour l'instant`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No books yet" |
+*
+* @param {Books_Empty_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const books_empty_title = /** @type {((inputs?: Books_Empty_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Books_Empty_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_books_empty_title(inputs)
+	if (locale === "ru") return ru_books_empty_title(inputs)
+	if (locale === "id") return id_books_empty_title(inputs)
+	if (locale === "pt") return pt_books_empty_title(inputs)
+	return fr_books_empty_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/books_heading.js b/ui/src/lib/paraglide/messages/books_heading.js
new file mode 100644
index 0000000..e118f81
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/books_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Books_HeadingInputs */
+
+const en_books_heading = /** @type {(inputs: Books_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Your Library`)
+};
+
+const ru_books_heading = /** @type {(inputs: Books_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ваша библиотека`)
+};
+
+const id_books_heading = /** @type {(inputs: Books_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Perpustakaanmu`)
+};
+
+const pt_books_heading = /** @type {(inputs: Books_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sua Biblioteca`)
+};
+
+const fr_books_heading = /** @type {(inputs: Books_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Votre bibliothèque`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Your Library" |
+*
+* @param {Books_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const books_heading = /** @type {((inputs?: Books_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Books_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_books_heading(inputs)
+	if (locale === "ru") return ru_books_heading(inputs)
+	if (locale === "id") return id_books_heading(inputs)
+	if (locale === "pt") return pt_books_heading(inputs)
+	return fr_books_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/books_last_read.js b/ui/src/lib/paraglide/messages/books_last_read.js
new file mode 100644
index 0000000..a83bf8b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/books_last_read.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Books_Last_ReadInputs */
+
+const en_books_last_read = /** @type {(inputs: Books_Last_ReadInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Last read: Ch.${i?.n}`)
+};
+
+const ru_books_last_read = /** @type {(inputs: Books_Last_ReadInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Последнее: гл.${i?.n}`)
+};
+
+const id_books_last_read = /** @type {(inputs: Books_Last_ReadInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Terakhir: Bab.${i?.n}`)
+};
+
+const pt_books_last_read = /** @type {(inputs: Books_Last_ReadInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Último: Cap.${i?.n}`)
+};
+
+const fr_books_last_read = /** @type {(inputs: Books_Last_ReadInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Dernier lu : Ch.${i?.n}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Last read: Ch.{n}" |
+*
+* @param {Books_Last_ReadInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const books_last_read = /** @type {((inputs: Books_Last_ReadInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Books_Last_ReadInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_books_last_read(inputs)
+	if (locale === "ru") return ru_books_last_read(inputs)
+	if (locale === "id") return id_books_last_read(inputs)
+	if (locale === "pt") return pt_books_last_read(inputs)
+	return fr_books_last_read(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/books_page_title.js b/ui/src/lib/paraglide/messages/books_page_title.js
new file mode 100644
index 0000000..763d5f0
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/books_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Books_Page_TitleInputs */
+
+const en_books_page_title = /** @type {(inputs: Books_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Library — libnovel`)
+};
+
+const ru_books_page_title = /** @type {(inputs: Books_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Библиотека — libnovel`)
+};
+
+const id_books_page_title = /** @type {(inputs: Books_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Perpustakaan — libnovel`)
+};
+
+const pt_books_page_title = /** @type {(inputs: Books_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Biblioteca — libnovel`)
+};
+
+const fr_books_page_title = /** @type {(inputs: Books_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Bibliothèque — libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Library — libnovel" |
+*
+* @param {Books_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const books_page_title = /** @type {((inputs?: Books_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Books_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_books_page_title(inputs)
+	if (locale === "ru") return ru_books_page_title(inputs)
+	if (locale === "id") return id_books_page_title(inputs)
+	if (locale === "pt") return pt_books_page_title(inputs)
+	return fr_books_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/books_reading_progress.js b/ui/src/lib/paraglide/messages/books_reading_progress.js
new file mode 100644
index 0000000..381cb20
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/books_reading_progress.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ current: NonNullable<unknown>, total: NonNullable<unknown> }} Books_Reading_ProgressInputs */
+
+const en_books_reading_progress = /** @type {(inputs: Books_Reading_ProgressInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Ch.${i?.current} / ${i?.total}`)
+};
+
+const ru_books_reading_progress = /** @type {(inputs: Books_Reading_ProgressInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Гл.${i?.current} / ${i?.total}`)
+};
+
+const id_books_reading_progress = /** @type {(inputs: Books_Reading_ProgressInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Bab.${i?.current} / ${i?.total}`)
+};
+
+const pt_books_reading_progress = /** @type {(inputs: Books_Reading_ProgressInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Cap.${i?.current} / ${i?.total}`)
+};
+
+const fr_books_reading_progress = /** @type {(inputs: Books_Reading_ProgressInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Ch.${i?.current} / ${i?.total}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Ch.{current} / {total}" |
+*
+* @param {Books_Reading_ProgressInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const books_reading_progress = /** @type {((inputs: Books_Reading_ProgressInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Books_Reading_ProgressInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_books_reading_progress(inputs)
+	if (locale === "ru") return ru_books_reading_progress(inputs)
+	if (locale === "id") return id_books_reading_progress(inputs)
+	if (locale === "pt") return pt_books_reading_progress(inputs)
+	return fr_books_reading_progress(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/books_remove.js b/ui/src/lib/paraglide/messages/books_remove.js
new file mode 100644
index 0000000..ff324c7
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/books_remove.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Books_RemoveInputs */
+
+const en_books_remove = /** @type {(inputs: Books_RemoveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Remove`)
+};
+
+const ru_books_remove = /** @type {(inputs: Books_RemoveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Удалить`)
+};
+
+const id_books_remove = /** @type {(inputs: Books_RemoveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Hapus`)
+};
+
+const pt_books_remove = /** @type {(inputs: Books_RemoveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Remover`)
+};
+
+const fr_books_remove = /** @type {(inputs: Books_RemoveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Supprimer`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Remove" |
+*
+* @param {Books_RemoveInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const books_remove = /** @type {((inputs?: Books_RemoveInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Books_RemoveInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_books_remove(inputs)
+	if (locale === "ru") return ru_books_remove(inputs)
+	if (locale === "id") return id_books_remove(inputs)
+	if (locale === "pt") return pt_books_remove(inputs)
+	return fr_books_remove(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_all_loaded.js b/ui/src/lib/paraglide/messages/catalogue_all_loaded.js
new file mode 100644
index 0000000..f0e23dd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_all_loaded.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_All_LoadedInputs */
+
+const en_catalogue_all_loaded = /** @type {(inputs: Catalogue_All_LoadedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`All novels loaded`)
+};
+
+const ru_catalogue_all_loaded = /** @type {(inputs: Catalogue_All_LoadedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Все новеллы загружены`)
+};
+
+const id_catalogue_all_loaded = /** @type {(inputs: Catalogue_All_LoadedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Semua novel telah dimuat`)
+};
+
+const pt_catalogue_all_loaded = /** @type {(inputs: Catalogue_All_LoadedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Todos os romances carregados`)
+};
+
+const fr_catalogue_all_loaded = /** @type {(inputs: Catalogue_All_LoadedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tous les romans chargés`)
+};
+
+/**
+* | output |
+* | --- |
+* | "All novels loaded" |
+*
+* @param {Catalogue_All_LoadedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_all_loaded = /** @type {((inputs?: Catalogue_All_LoadedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_All_LoadedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_all_loaded(inputs)
+	if (locale === "ru") return ru_catalogue_all_loaded(inputs)
+	if (locale === "id") return id_catalogue_all_loaded(inputs)
+	if (locale === "pt") return pt_catalogue_all_loaded(inputs)
+	return fr_catalogue_all_loaded(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_apply.js b/ui/src/lib/paraglide/messages/catalogue_apply.js
new file mode 100644
index 0000000..ffc2380
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_apply.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_ApplyInputs */
+
+const en_catalogue_apply = /** @type {(inputs: Catalogue_ApplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Apply`)
+};
+
+const ru_catalogue_apply = /** @type {(inputs: Catalogue_ApplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Применить`)
+};
+
+const id_catalogue_apply = /** @type {(inputs: Catalogue_ApplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Terapkan`)
+};
+
+const pt_catalogue_apply = /** @type {(inputs: Catalogue_ApplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aplicar`)
+};
+
+const fr_catalogue_apply = /** @type {(inputs: Catalogue_ApplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Appliquer`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Apply" |
+*
+* @param {Catalogue_ApplyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_apply = /** @type {((inputs?: Catalogue_ApplyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_ApplyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_apply(inputs)
+	if (locale === "ru") return ru_catalogue_apply(inputs)
+	if (locale === "id") return id_catalogue_apply(inputs)
+	if (locale === "pt") return pt_catalogue_apply(inputs)
+	return fr_catalogue_apply(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_browse_source.js b/ui/src/lib/paraglide/messages/catalogue_browse_source.js
new file mode 100644
index 0000000..acffa20
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_browse_source.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Browse_SourceInputs */
+
+const en_catalogue_browse_source = /** @type {(inputs: Catalogue_Browse_SourceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Browse novels from novelfire.net`)
+};
+
+const ru_catalogue_browse_source = /** @type {(inputs: Catalogue_Browse_SourceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Смотреть новеллы с novelfire.net`)
+};
+
+const id_catalogue_browse_source = /** @type {(inputs: Catalogue_Browse_SourceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Jelajahi novel dari novelfire.net`)
+};
+
+const pt_catalogue_browse_source = /** @type {(inputs: Catalogue_Browse_SourceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Explorar romances do novelfire.net`)
+};
+
+const fr_catalogue_browse_source = /** @type {(inputs: Catalogue_Browse_SourceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Parcourir les romans de novelfire.net`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Browse novels from novelfire.net" |
+*
+* @param {Catalogue_Browse_SourceInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_browse_source = /** @type {((inputs?: Catalogue_Browse_SourceInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Browse_SourceInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_browse_source(inputs)
+	if (locale === "ru") return ru_catalogue_browse_source(inputs)
+	if (locale === "id") return id_catalogue_browse_source(inputs)
+	if (locale === "pt") return pt_catalogue_browse_source(inputs)
+	return fr_catalogue_browse_source(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_clear_filters.js b/ui/src/lib/paraglide/messages/catalogue_clear_filters.js
new file mode 100644
index 0000000..8959c3a
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_clear_filters.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Clear_FiltersInputs */
+
+const en_catalogue_clear_filters = /** @type {(inputs: Catalogue_Clear_FiltersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Clear`)
+};
+
+const ru_catalogue_clear_filters = /** @type {(inputs: Catalogue_Clear_FiltersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сбросить`)
+};
+
+const id_catalogue_clear_filters = /** @type {(inputs: Catalogue_Clear_FiltersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Hapus`)
+};
+
+const pt_catalogue_clear_filters = /** @type {(inputs: Catalogue_Clear_FiltersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Limpar`)
+};
+
+const fr_catalogue_clear_filters = /** @type {(inputs: Catalogue_Clear_FiltersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Effacer`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Clear" |
+*
+* @param {Catalogue_Clear_FiltersInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_clear_filters = /** @type {((inputs?: Catalogue_Clear_FiltersInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Clear_FiltersInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_clear_filters(inputs)
+	if (locale === "ru") return ru_catalogue_clear_filters(inputs)
+	if (locale === "id") return id_catalogue_clear_filters(inputs)
+	if (locale === "pt") return pt_catalogue_clear_filters(inputs)
+	return fr_catalogue_clear_filters(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_filter_genre.js b/ui/src/lib/paraglide/messages/catalogue_filter_genre.js
new file mode 100644
index 0000000..580d3d5
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_filter_genre.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Filter_GenreInputs */
+
+const en_catalogue_filter_genre = /** @type {(inputs: Catalogue_Filter_GenreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Genre`)
+};
+
+const ru_catalogue_filter_genre = /** @type {(inputs: Catalogue_Filter_GenreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Жанр`)
+};
+
+const id_catalogue_filter_genre = /** @type {(inputs: Catalogue_Filter_GenreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Genre`)
+};
+
+const pt_catalogue_filter_genre = /** @type {(inputs: Catalogue_Filter_GenreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gênero`)
+};
+
+const fr_catalogue_filter_genre = /** @type {(inputs: Catalogue_Filter_GenreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Genre`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Genre" |
+*
+* @param {Catalogue_Filter_GenreInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_filter_genre = /** @type {((inputs?: Catalogue_Filter_GenreInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Filter_GenreInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_filter_genre(inputs)
+	if (locale === "ru") return ru_catalogue_filter_genre(inputs)
+	if (locale === "id") return id_catalogue_filter_genre(inputs)
+	if (locale === "pt") return pt_catalogue_filter_genre(inputs)
+	return fr_catalogue_filter_genre(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_filter_rank_note.js b/ui/src/lib/paraglide/messages/catalogue_filter_rank_note.js
new file mode 100644
index 0000000..39df0c2
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_filter_rank_note.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Filter_Rank_NoteInputs */
+
+const en_catalogue_filter_rank_note = /** @type {(inputs: Catalogue_Filter_Rank_NoteInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Genre & status filters apply to Browse only`)
+};
+
+const ru_catalogue_filter_rank_note = /** @type {(inputs: Catalogue_Filter_Rank_NoteInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Фильтры по жанру и статусу применяются только к разделу «Обзор»`)
+};
+
+const id_catalogue_filter_rank_note = /** @type {(inputs: Catalogue_Filter_Rank_NoteInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filter genre & status hanya berlaku untuk Jelajahi`)
+};
+
+const pt_catalogue_filter_rank_note = /** @type {(inputs: Catalogue_Filter_Rank_NoteInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filtros de gênero e status se aplicam apenas a Explorar`)
+};
+
+const fr_catalogue_filter_rank_note = /** @type {(inputs: Catalogue_Filter_Rank_NoteInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Les filtres genre et statut s'appliquent uniquement à Parcourir`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Genre & status filters apply to Browse only" |
+*
+* @param {Catalogue_Filter_Rank_NoteInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_filter_rank_note = /** @type {((inputs?: Catalogue_Filter_Rank_NoteInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Filter_Rank_NoteInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_filter_rank_note(inputs)
+	if (locale === "ru") return ru_catalogue_filter_rank_note(inputs)
+	if (locale === "id") return id_catalogue_filter_rank_note(inputs)
+	if (locale === "pt") return pt_catalogue_filter_rank_note(inputs)
+	return fr_catalogue_filter_rank_note(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_filter_sort.js b/ui/src/lib/paraglide/messages/catalogue_filter_sort.js
new file mode 100644
index 0000000..d41c44e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_filter_sort.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Filter_SortInputs */
+
+const en_catalogue_filter_sort = /** @type {(inputs: Catalogue_Filter_SortInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sort`)
+};
+
+const ru_catalogue_filter_sort = /** @type {(inputs: Catalogue_Filter_SortInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сортировка`)
+};
+
+const id_catalogue_filter_sort = /** @type {(inputs: Catalogue_Filter_SortInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Urutkan`)
+};
+
+const pt_catalogue_filter_sort = /** @type {(inputs: Catalogue_Filter_SortInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ordenar`)
+};
+
+const fr_catalogue_filter_sort = /** @type {(inputs: Catalogue_Filter_SortInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Trier`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Sort" |
+*
+* @param {Catalogue_Filter_SortInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_filter_sort = /** @type {((inputs?: Catalogue_Filter_SortInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Filter_SortInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_filter_sort(inputs)
+	if (locale === "ru") return ru_catalogue_filter_sort(inputs)
+	if (locale === "id") return id_catalogue_filter_sort(inputs)
+	if (locale === "pt") return pt_catalogue_filter_sort(inputs)
+	return fr_catalogue_filter_sort(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_filter_status.js b/ui/src/lib/paraglide/messages/catalogue_filter_status.js
new file mode 100644
index 0000000..3fd26d4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_filter_status.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Filter_StatusInputs */
+
+const en_catalogue_filter_status = /** @type {(inputs: Catalogue_Filter_StatusInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Status`)
+};
+
+const ru_catalogue_filter_status = /** @type {(inputs: Catalogue_Filter_StatusInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Статус`)
+};
+
+const id_catalogue_filter_status = /** @type {(inputs: Catalogue_Filter_StatusInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Status`)
+};
+
+const pt_catalogue_filter_status = /** @type {(inputs: Catalogue_Filter_StatusInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Status`)
+};
+
+const fr_catalogue_filter_status = /** @type {(inputs: Catalogue_Filter_StatusInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Statut`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Status" |
+*
+* @param {Catalogue_Filter_StatusInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_filter_status = /** @type {((inputs?: Catalogue_Filter_StatusInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Filter_StatusInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_filter_status(inputs)
+	if (locale === "ru") return ru_catalogue_filter_status(inputs)
+	if (locale === "id") return id_catalogue_filter_status(inputs)
+	if (locale === "pt") return pt_catalogue_filter_status(inputs)
+	return fr_catalogue_filter_status(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_filters_label.js b/ui/src/lib/paraglide/messages/catalogue_filters_label.js
new file mode 100644
index 0000000..b2b6a6c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_filters_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Filters_LabelInputs */
+
+const en_catalogue_filters_label = /** @type {(inputs: Catalogue_Filters_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filters`)
+};
+
+const ru_catalogue_filters_label = /** @type {(inputs: Catalogue_Filters_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Фильтры`)
+};
+
+const id_catalogue_filters_label = /** @type {(inputs: Catalogue_Filters_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filter`)
+};
+
+const pt_catalogue_filters_label = /** @type {(inputs: Catalogue_Filters_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filtros`)
+};
+
+const fr_catalogue_filters_label = /** @type {(inputs: Catalogue_Filters_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Filtres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Filters" |
+*
+* @param {Catalogue_Filters_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_filters_label = /** @type {((inputs?: Catalogue_Filters_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Filters_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_filters_label(inputs)
+	if (locale === "ru") return ru_catalogue_filters_label(inputs)
+	if (locale === "id") return id_catalogue_filters_label(inputs)
+	if (locale === "pt") return pt_catalogue_filters_label(inputs)
+	return fr_catalogue_filters_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_genre_all.js b/ui/src/lib/paraglide/messages/catalogue_genre_all.js
new file mode 100644
index 0000000..760110b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_genre_all.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Genre_AllInputs */
+
+const en_catalogue_genre_all = /** @type {(inputs: Catalogue_Genre_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`All genres`)
+};
+
+const ru_catalogue_genre_all = /** @type {(inputs: Catalogue_Genre_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Все жанры`)
+};
+
+const id_catalogue_genre_all = /** @type {(inputs: Catalogue_Genre_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Semua genre`)
+};
+
+const pt_catalogue_genre_all = /** @type {(inputs: Catalogue_Genre_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Todos os gêneros`)
+};
+
+const fr_catalogue_genre_all = /** @type {(inputs: Catalogue_Genre_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tous les genres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "All genres" |
+*
+* @param {Catalogue_Genre_AllInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_genre_all = /** @type {((inputs?: Catalogue_Genre_AllInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Genre_AllInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_genre_all(inputs)
+	if (locale === "ru") return ru_catalogue_genre_all(inputs)
+	if (locale === "id") return id_catalogue_genre_all(inputs)
+	if (locale === "pt") return pt_catalogue_genre_all(inputs)
+	return fr_catalogue_genre_all(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_heading.js b/ui/src/lib/paraglide/messages/catalogue_heading.js
new file mode 100644
index 0000000..0f59c9d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_HeadingInputs */
+
+const en_catalogue_heading = /** @type {(inputs: Catalogue_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catalogue`)
+};
+
+const ru_catalogue_heading = /** @type {(inputs: Catalogue_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Каталог`)
+};
+
+const id_catalogue_heading = /** @type {(inputs: Catalogue_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Katalog`)
+};
+
+const pt_catalogue_heading = /** @type {(inputs: Catalogue_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catálogo`)
+};
+
+const fr_catalogue_heading = /** @type {(inputs: Catalogue_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catalogue`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Catalogue" |
+*
+* @param {Catalogue_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_heading = /** @type {((inputs?: Catalogue_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_heading(inputs)
+	if (locale === "ru") return ru_catalogue_heading(inputs)
+	if (locale === "id") return id_catalogue_heading(inputs)
+	if (locale === "pt") return pt_catalogue_heading(inputs)
+	return fr_catalogue_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_load_more.js b/ui/src/lib/paraglide/messages/catalogue_load_more.js
new file mode 100644
index 0000000..69b50f0
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_load_more.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Load_MoreInputs */
+
+const en_catalogue_load_more = /** @type {(inputs: Catalogue_Load_MoreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Load more`)
+};
+
+const ru_catalogue_load_more = /** @type {(inputs: Catalogue_Load_MoreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Загрузить ещё`)
+};
+
+const id_catalogue_load_more = /** @type {(inputs: Catalogue_Load_MoreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Muat lebih banyak`)
+};
+
+const pt_catalogue_load_more = /** @type {(inputs: Catalogue_Load_MoreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Carregar mais`)
+};
+
+const fr_catalogue_load_more = /** @type {(inputs: Catalogue_Load_MoreInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Charger plus`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Load more" |
+*
+* @param {Catalogue_Load_MoreInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_load_more = /** @type {((inputs?: Catalogue_Load_MoreInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Load_MoreInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_load_more(inputs)
+	if (locale === "ru") return ru_catalogue_load_more(inputs)
+	if (locale === "id") return id_catalogue_load_more(inputs)
+	if (locale === "pt") return pt_catalogue_load_more(inputs)
+	return fr_catalogue_load_more(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_loading.js b/ui/src/lib/paraglide/messages/catalogue_loading.js
new file mode 100644
index 0000000..ca28840
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_loading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_LoadingInputs */
+
+const en_catalogue_loading = /** @type {(inputs: Catalogue_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Loading…`)
+};
+
+const ru_catalogue_loading = /** @type {(inputs: Catalogue_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Загрузка…`)
+};
+
+const id_catalogue_loading = /** @type {(inputs: Catalogue_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Memuat…`)
+};
+
+const pt_catalogue_loading = /** @type {(inputs: Catalogue_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Carregando…`)
+};
+
+const fr_catalogue_loading = /** @type {(inputs: Catalogue_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chargement…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Loading…" |
+*
+* @param {Catalogue_LoadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_loading = /** @type {((inputs?: Catalogue_LoadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_LoadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_loading(inputs)
+	if (locale === "ru") return ru_catalogue_loading(inputs)
+	if (locale === "id") return id_catalogue_loading(inputs)
+	if (locale === "pt") return pt_catalogue_loading(inputs)
+	return fr_catalogue_loading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_no_results.js b/ui/src/lib/paraglide/messages/catalogue_no_results.js
new file mode 100644
index 0000000..27d52db
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_no_results.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_No_ResultsInputs */
+
+const en_catalogue_no_results = /** @type {(inputs: Catalogue_No_ResultsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No novels found.`)
+};
+
+const ru_catalogue_no_results = /** @type {(inputs: Catalogue_No_ResultsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Новеллы не найдены.`)
+};
+
+const id_catalogue_no_results = /** @type {(inputs: Catalogue_No_ResultsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Novel tidak ditemukan.`)
+};
+
+const pt_catalogue_no_results = /** @type {(inputs: Catalogue_No_ResultsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhum romance encontrado.`)
+};
+
+const fr_catalogue_no_results = /** @type {(inputs: Catalogue_No_ResultsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucun roman trouvé.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No novels found." |
+*
+* @param {Catalogue_No_ResultsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_no_results = /** @type {((inputs?: Catalogue_No_ResultsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_No_ResultsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_no_results(inputs)
+	if (locale === "ru") return ru_catalogue_no_results(inputs)
+	if (locale === "id") return id_catalogue_no_results(inputs)
+	if (locale === "pt") return pt_catalogue_no_results(inputs)
+	return fr_catalogue_no_results(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_no_results_filters.js b/ui/src/lib/paraglide/messages/catalogue_no_results_filters.js
new file mode 100644
index 0000000..74d2736
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_no_results_filters.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_No_Results_FiltersInputs */
+
+const en_catalogue_no_results_filters = /** @type {(inputs: Catalogue_No_Results_FiltersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Try different filters or check back later.`)
+};
+
+const ru_catalogue_no_results_filters = /** @type {(inputs: Catalogue_No_Results_FiltersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Попробуйте другие фильтры или проверьте позже.`)
+};
+
+const id_catalogue_no_results_filters = /** @type {(inputs: Catalogue_No_Results_FiltersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Coba filter lain atau periksa kembali nanti.`)
+};
+
+const pt_catalogue_no_results_filters = /** @type {(inputs: Catalogue_No_Results_FiltersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tente filtros diferentes ou volte mais tarde.`)
+};
+
+const fr_catalogue_no_results_filters = /** @type {(inputs: Catalogue_No_Results_FiltersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Essayez d'autres filtres ou revenez plus tard.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Try different filters or check back later." |
+*
+* @param {Catalogue_No_Results_FiltersInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_no_results_filters = /** @type {((inputs?: Catalogue_No_Results_FiltersInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_No_Results_FiltersInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_no_results_filters(inputs)
+	if (locale === "ru") return ru_catalogue_no_results_filters(inputs)
+	if (locale === "id") return id_catalogue_no_results_filters(inputs)
+	if (locale === "pt") return pt_catalogue_no_results_filters(inputs)
+	return fr_catalogue_no_results_filters(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_no_results_search.js b/ui/src/lib/paraglide/messages/catalogue_no_results_search.js
new file mode 100644
index 0000000..cd74738
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_no_results_search.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_No_Results_SearchInputs */
+
+const en_catalogue_no_results_search = /** @type {(inputs: Catalogue_No_Results_SearchInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No results found.`)
+};
+
+const ru_catalogue_no_results_search = /** @type {(inputs: Catalogue_No_Results_SearchInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ничего не найдено.`)
+};
+
+const id_catalogue_no_results_search = /** @type {(inputs: Catalogue_No_Results_SearchInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tidak ada hasil.`)
+};
+
+const pt_catalogue_no_results_search = /** @type {(inputs: Catalogue_No_Results_SearchInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhum resultado encontrado.`)
+};
+
+const fr_catalogue_no_results_search = /** @type {(inputs: Catalogue_No_Results_SearchInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucun résultat trouvé.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No results found." |
+*
+* @param {Catalogue_No_Results_SearchInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_no_results_search = /** @type {((inputs?: Catalogue_No_Results_SearchInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_No_Results_SearchInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_no_results_search(inputs)
+	if (locale === "ru") return ru_catalogue_no_results_search(inputs)
+	if (locale === "id") return id_catalogue_no_results_search(inputs)
+	if (locale === "pt") return pt_catalogue_no_results_search(inputs)
+	return fr_catalogue_no_results_search(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_no_results_try.js b/ui/src/lib/paraglide/messages/catalogue_no_results_try.js
new file mode 100644
index 0000000..3b74da8
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_no_results_try.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_No_Results_TryInputs */
+
+const en_catalogue_no_results_try = /** @type {(inputs: Catalogue_No_Results_TryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Try a different search term.`)
+};
+
+const ru_catalogue_no_results_try = /** @type {(inputs: Catalogue_No_Results_TryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Попробуйте другой запрос.`)
+};
+
+const id_catalogue_no_results_try = /** @type {(inputs: Catalogue_No_Results_TryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Coba kata kunci lain.`)
+};
+
+const pt_catalogue_no_results_try = /** @type {(inputs: Catalogue_No_Results_TryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tente um termo de pesquisa diferente.`)
+};
+
+const fr_catalogue_no_results_try = /** @type {(inputs: Catalogue_No_Results_TryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Essayez un autre terme de recherche.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Try a different search term." |
+*
+* @param {Catalogue_No_Results_TryInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_no_results_try = /** @type {((inputs?: Catalogue_No_Results_TryInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_No_Results_TryInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_no_results_try(inputs)
+	if (locale === "ru") return ru_catalogue_no_results_try(inputs)
+	if (locale === "id") return id_catalogue_no_results_try(inputs)
+	if (locale === "pt") return pt_catalogue_no_results_try(inputs)
+	return fr_catalogue_no_results_try(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_page_title.js b/ui/src/lib/paraglide/messages/catalogue_page_title.js
new file mode 100644
index 0000000..8496e95
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Page_TitleInputs */
+
+const en_catalogue_page_title = /** @type {(inputs: Catalogue_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catalogue — libnovel`)
+};
+
+const ru_catalogue_page_title = /** @type {(inputs: Catalogue_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Каталог — libnovel`)
+};
+
+const id_catalogue_page_title = /** @type {(inputs: Catalogue_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Katalog — libnovel`)
+};
+
+const pt_catalogue_page_title = /** @type {(inputs: Catalogue_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catálogo — libnovel`)
+};
+
+const fr_catalogue_page_title = /** @type {(inputs: Catalogue_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catalogue — libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Catalogue — libnovel" |
+*
+* @param {Catalogue_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_page_title = /** @type {((inputs?: Catalogue_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_page_title(inputs)
+	if (locale === "ru") return ru_catalogue_page_title(inputs)
+	if (locale === "id") return id_catalogue_page_title(inputs)
+	if (locale === "pt") return pt_catalogue_page_title(inputs)
+	return fr_catalogue_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_rank_no_data.js b/ui/src/lib/paraglide/messages/catalogue_rank_no_data.js
new file mode 100644
index 0000000..dd94639
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_rank_no_data.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Rank_No_DataInputs */
+
+const en_catalogue_rank_no_data = /** @type {(inputs: Catalogue_Rank_No_DataInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No ranking data.`)
+};
+
+const ru_catalogue_rank_no_data = /** @type {(inputs: Catalogue_Rank_No_DataInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Нет данных рейтинга.`)
+};
+
+const id_catalogue_rank_no_data = /** @type {(inputs: Catalogue_Rank_No_DataInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tidak ada data peringkat.`)
+};
+
+const pt_catalogue_rank_no_data = /** @type {(inputs: Catalogue_Rank_No_DataInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sem dados de classificação.`)
+};
+
+const fr_catalogue_rank_no_data = /** @type {(inputs: Catalogue_Rank_No_DataInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucune donnée de classement.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No ranking data." |
+*
+* @param {Catalogue_Rank_No_DataInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_rank_no_data = /** @type {((inputs?: Catalogue_Rank_No_DataInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Rank_No_DataInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_rank_no_data(inputs)
+	if (locale === "ru") return ru_catalogue_rank_no_data(inputs)
+	if (locale === "id") return id_catalogue_rank_no_data(inputs)
+	if (locale === "pt") return pt_catalogue_rank_no_data(inputs)
+	return fr_catalogue_rank_no_data(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_rank_no_data_body.js b/ui/src/lib/paraglide/messages/catalogue_rank_no_data_body.js
new file mode 100644
index 0000000..9418851
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_rank_no_data_body.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Rank_No_Data_BodyInputs */
+
+const en_catalogue_rank_no_data_body = /** @type {(inputs: Catalogue_Rank_No_Data_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No ranking data — run a full catalogue scrape to populate`)
+};
+
+const ru_catalogue_rank_no_data_body = /** @type {(inputs: Catalogue_Rank_No_Data_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Нет данных рейтинга — запустите полный парсинг каталога для заполнения`)
+};
+
+const id_catalogue_rank_no_data_body = /** @type {(inputs: Catalogue_Rank_No_Data_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tidak ada data peringkat — jalankan scrape katalog penuh untuk mengisi`)
+};
+
+const pt_catalogue_rank_no_data_body = /** @type {(inputs: Catalogue_Rank_No_Data_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sem dados de classificação — execute um scrape completo do catálogo para preencher`)
+};
+
+const fr_catalogue_rank_no_data_body = /** @type {(inputs: Catalogue_Rank_No_Data_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucune donnée de classement — lancez un scrape complet du catalogue pour remplir`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No ranking data — run a full catalogue scrape to populate" |
+*
+* @param {Catalogue_Rank_No_Data_BodyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_rank_no_data_body = /** @type {((inputs?: Catalogue_Rank_No_Data_BodyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Rank_No_Data_BodyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_rank_no_data_body(inputs)
+	if (locale === "ru") return ru_catalogue_rank_no_data_body(inputs)
+	if (locale === "id") return id_catalogue_rank_no_data_body(inputs)
+	if (locale === "pt") return pt_catalogue_rank_no_data_body(inputs)
+	return fr_catalogue_rank_no_data_body(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_rank_ranked.js b/ui/src/lib/paraglide/messages/catalogue_rank_ranked.js
new file mode 100644
index 0000000..6c8a8e8
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_rank_ranked.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Catalogue_Rank_RankedInputs */
+
+const en_catalogue_rank_ranked = /** @type {(inputs: Catalogue_Rank_RankedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} novels ranked from last catalogue scrape`)
+};
+
+const ru_catalogue_rank_ranked = /** @type {(inputs: Catalogue_Rank_RankedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} новелл отсортированы по последнему парсингу каталога`)
+};
+
+const id_catalogue_rank_ranked = /** @type {(inputs: Catalogue_Rank_RankedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} novel diurutkan dari scrape katalog terakhir`)
+};
+
+const pt_catalogue_rank_ranked = /** @type {(inputs: Catalogue_Rank_RankedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} romances classificados do último scrape do catálogo`)
+};
+
+const fr_catalogue_rank_ranked = /** @type {(inputs: Catalogue_Rank_RankedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} romans classés depuis le dernier scrape du catalogue`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{n} novels ranked from last catalogue scrape" |
+*
+* @param {Catalogue_Rank_RankedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_rank_ranked = /** @type {((inputs: Catalogue_Rank_RankedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Rank_RankedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_rank_ranked(inputs)
+	if (locale === "ru") return ru_catalogue_rank_ranked(inputs)
+	if (locale === "id") return id_catalogue_rank_ranked(inputs)
+	if (locale === "pt") return pt_catalogue_rank_ranked(inputs)
+	return fr_catalogue_rank_ranked(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_rank_run_scrape_admin.js b/ui/src/lib/paraglide/messages/catalogue_rank_run_scrape_admin.js
new file mode 100644
index 0000000..3cbbbe8
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_rank_run_scrape_admin.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Rank_Run_Scrape_AdminInputs */
+
+const en_catalogue_rank_run_scrape_admin = /** @type {(inputs: Catalogue_Rank_Run_Scrape_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Click Refresh catalogue above to trigger a full catalogue scrape.`)
+};
+
+const ru_catalogue_rank_run_scrape_admin = /** @type {(inputs: Catalogue_Rank_Run_Scrape_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Нажмите «Обновить каталог» выше, чтобы запустить полный парсинг.`)
+};
+
+const id_catalogue_rank_run_scrape_admin = /** @type {(inputs: Catalogue_Rank_Run_Scrape_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Klik Segarkan katalog di atas untuk memicu scrape katalog penuh.`)
+};
+
+const pt_catalogue_rank_run_scrape_admin = /** @type {(inputs: Catalogue_Rank_Run_Scrape_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Clique em Atualizar catálogo acima para acionar um scrape completo.`)
+};
+
+const fr_catalogue_rank_run_scrape_admin = /** @type {(inputs: Catalogue_Rank_Run_Scrape_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cliquez sur Actualiser le catalogue ci-dessus pour déclencher un scrape complet.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Click Refresh catalogue above to trigger a full catalogue scrape." |
+*
+* @param {Catalogue_Rank_Run_Scrape_AdminInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_rank_run_scrape_admin = /** @type {((inputs?: Catalogue_Rank_Run_Scrape_AdminInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Rank_Run_Scrape_AdminInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_rank_run_scrape_admin(inputs)
+	if (locale === "ru") return ru_catalogue_rank_run_scrape_admin(inputs)
+	if (locale === "id") return id_catalogue_rank_run_scrape_admin(inputs)
+	if (locale === "pt") return pt_catalogue_rank_run_scrape_admin(inputs)
+	return fr_catalogue_rank_run_scrape_admin(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_rank_run_scrape_user.js b/ui/src/lib/paraglide/messages/catalogue_rank_run_scrape_user.js
new file mode 100644
index 0000000..27840da
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_rank_run_scrape_user.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Rank_Run_Scrape_UserInputs */
+
+const en_catalogue_rank_run_scrape_user = /** @type {(inputs: Catalogue_Rank_Run_Scrape_UserInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ask an admin to run a catalogue scrape.`)
+};
+
+const ru_catalogue_rank_run_scrape_user = /** @type {(inputs: Catalogue_Rank_Run_Scrape_UserInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Попросите администратора запустить парсинг каталога.`)
+};
+
+const id_catalogue_rank_run_scrape_user = /** @type {(inputs: Catalogue_Rank_Run_Scrape_UserInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Minta admin untuk menjalankan scrape katalog.`)
+};
+
+const pt_catalogue_rank_run_scrape_user = /** @type {(inputs: Catalogue_Rank_Run_Scrape_UserInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Peça a um administrador para executar um scrape do catálogo.`)
+};
+
+const fr_catalogue_rank_run_scrape_user = /** @type {(inputs: Catalogue_Rank_Run_Scrape_UserInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Demandez à un administrateur d'effectuer un scrape du catalogue.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Ask an admin to run a catalogue scrape." |
+*
+* @param {Catalogue_Rank_Run_Scrape_UserInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_rank_run_scrape_user = /** @type {((inputs?: Catalogue_Rank_Run_Scrape_UserInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Rank_Run_Scrape_UserInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_rank_run_scrape_user(inputs)
+	if (locale === "ru") return ru_catalogue_rank_run_scrape_user(inputs)
+	if (locale === "id") return id_catalogue_rank_run_scrape_user(inputs)
+	if (locale === "pt") return pt_catalogue_rank_run_scrape_user(inputs)
+	return fr_catalogue_rank_run_scrape_user(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_refresh.js b/ui/src/lib/paraglide/messages/catalogue_refresh.js
new file mode 100644
index 0000000..5a94c7d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_refresh.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_RefreshInputs */
+
+const en_catalogue_refresh = /** @type {(inputs: Catalogue_RefreshInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Refresh`)
+};
+
+const ru_catalogue_refresh = /** @type {(inputs: Catalogue_RefreshInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Обновить`)
+};
+
+const id_catalogue_refresh = /** @type {(inputs: Catalogue_RefreshInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Segarkan`)
+};
+
+const pt_catalogue_refresh = /** @type {(inputs: Catalogue_RefreshInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Atualizar`)
+};
+
+const fr_catalogue_refresh = /** @type {(inputs: Catalogue_RefreshInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Actualiser`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Refresh" |
+*
+* @param {Catalogue_RefreshInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_refresh = /** @type {((inputs?: Catalogue_RefreshInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_RefreshInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_refresh(inputs)
+	if (locale === "ru") return ru_catalogue_refresh(inputs)
+	if (locale === "id") return id_catalogue_refresh(inputs)
+	if (locale === "pt") return pt_catalogue_refresh(inputs)
+	return fr_catalogue_refresh(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_refresh_mobile.js b/ui/src/lib/paraglide/messages/catalogue_refresh_mobile.js
new file mode 100644
index 0000000..cbb40b4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_refresh_mobile.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Refresh_MobileInputs */
+
+const en_catalogue_refresh_mobile = /** @type {(inputs: Catalogue_Refresh_MobileInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Refresh catalogue`)
+};
+
+const ru_catalogue_refresh_mobile = /** @type {(inputs: Catalogue_Refresh_MobileInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Обновить каталог`)
+};
+
+const id_catalogue_refresh_mobile = /** @type {(inputs: Catalogue_Refresh_MobileInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Segarkan katalog`)
+};
+
+const pt_catalogue_refresh_mobile = /** @type {(inputs: Catalogue_Refresh_MobileInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Atualizar catálogo`)
+};
+
+const fr_catalogue_refresh_mobile = /** @type {(inputs: Catalogue_Refresh_MobileInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Actualiser le catalogue`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Refresh catalogue" |
+*
+* @param {Catalogue_Refresh_MobileInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_refresh_mobile = /** @type {((inputs?: Catalogue_Refresh_MobileInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Refresh_MobileInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_refresh_mobile(inputs)
+	if (locale === "ru") return ru_catalogue_refresh_mobile(inputs)
+	if (locale === "id") return id_catalogue_refresh_mobile(inputs)
+	if (locale === "pt") return pt_catalogue_refresh_mobile(inputs)
+	return fr_catalogue_refresh_mobile(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_refreshing.js b/ui/src/lib/paraglide/messages/catalogue_refreshing.js
new file mode 100644
index 0000000..791e541
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_refreshing.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_RefreshingInputs */
+
+const en_catalogue_refreshing = /** @type {(inputs: Catalogue_RefreshingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Queuing…`)
+};
+
+const ru_catalogue_refreshing = /** @type {(inputs: Catalogue_RefreshingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`В очереди…`)
+};
+
+const id_catalogue_refreshing = /** @type {(inputs: Catalogue_RefreshingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mengantri…`)
+};
+
+const pt_catalogue_refreshing = /** @type {(inputs: Catalogue_RefreshingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Na fila…`)
+};
+
+const fr_catalogue_refreshing = /** @type {(inputs: Catalogue_RefreshingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`En file d'attente…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Queuing…" |
+*
+* @param {Catalogue_RefreshingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_refreshing = /** @type {((inputs?: Catalogue_RefreshingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_RefreshingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_refreshing(inputs)
+	if (locale === "ru") return ru_catalogue_refreshing(inputs)
+	if (locale === "id") return id_catalogue_refreshing(inputs)
+	if (locale === "pt") return pt_catalogue_refreshing(inputs)
+	return fr_catalogue_refreshing(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_reset.js b/ui/src/lib/paraglide/messages/catalogue_reset.js
new file mode 100644
index 0000000..bcba783
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_reset.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_ResetInputs */
+
+const en_catalogue_reset = /** @type {(inputs: Catalogue_ResetInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Reset`)
+};
+
+const ru_catalogue_reset = /** @type {(inputs: Catalogue_ResetInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сброс`)
+};
+
+const id_catalogue_reset = /** @type {(inputs: Catalogue_ResetInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Atur ulang`)
+};
+
+const pt_catalogue_reset = /** @type {(inputs: Catalogue_ResetInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Redefinir`)
+};
+
+const fr_catalogue_reset = /** @type {(inputs: Catalogue_ResetInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Réinitialiser`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Reset" |
+*
+* @param {Catalogue_ResetInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_reset = /** @type {((inputs?: Catalogue_ResetInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_ResetInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_reset(inputs)
+	if (locale === "ru") return ru_catalogue_reset(inputs)
+	if (locale === "id") return id_catalogue_reset(inputs)
+	if (locale === "pt") return pt_catalogue_reset(inputs)
+	return fr_catalogue_reset(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_results_count.js b/ui/src/lib/paraglide/messages/catalogue_results_count.js
new file mode 100644
index 0000000..ba07d1f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_results_count.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Catalogue_Results_CountInputs */
+
+const en_catalogue_results_count = /** @type {(inputs: Catalogue_Results_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} results`)
+};
+
+const ru_catalogue_results_count = /** @type {(inputs: Catalogue_Results_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} результатов`)
+};
+
+const id_catalogue_results_count = /** @type {(inputs: Catalogue_Results_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} hasil`)
+};
+
+const pt_catalogue_results_count = /** @type {(inputs: Catalogue_Results_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} resultados`)
+};
+
+const fr_catalogue_results_count = /** @type {(inputs: Catalogue_Results_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} résultats`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{n} results" |
+*
+* @param {Catalogue_Results_CountInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_results_count = /** @type {((inputs: Catalogue_Results_CountInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Results_CountInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_results_count(inputs)
+	if (locale === "ru") return ru_catalogue_results_count(inputs)
+	if (locale === "id") return id_catalogue_results_count(inputs)
+	if (locale === "pt") return pt_catalogue_results_count(inputs)
+	return fr_catalogue_results_count(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_scrape_busy_badge.js b/ui/src/lib/paraglide/messages/catalogue_scrape_busy_badge.js
new file mode 100644
index 0000000..01f07be
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_scrape_busy_badge.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Scrape_Busy_BadgeInputs */
+
+const en_catalogue_scrape_busy_badge = /** @type {(inputs: Catalogue_Scrape_Busy_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scraper busy`)
+};
+
+const ru_catalogue_scrape_busy_badge = /** @type {(inputs: Catalogue_Scrape_Busy_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Парсер занят`)
+};
+
+const id_catalogue_scrape_busy_badge = /** @type {(inputs: Catalogue_Scrape_Busy_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scraper sibuk`)
+};
+
+const pt_catalogue_scrape_busy_badge = /** @type {(inputs: Catalogue_Scrape_Busy_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scraper ocupado`)
+};
+
+const fr_catalogue_scrape_busy_badge = /** @type {(inputs: Catalogue_Scrape_Busy_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scraper occupé`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Scraper busy" |
+*
+* @param {Catalogue_Scrape_Busy_BadgeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_scrape_busy_badge = /** @type {((inputs?: Catalogue_Scrape_Busy_BadgeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Scrape_Busy_BadgeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_scrape_busy_badge(inputs)
+	if (locale === "ru") return ru_catalogue_scrape_busy_badge(inputs)
+	if (locale === "id") return id_catalogue_scrape_busy_badge(inputs)
+	if (locale === "pt") return pt_catalogue_scrape_busy_badge(inputs)
+	return fr_catalogue_scrape_busy_badge(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_scrape_busy_flash.js b/ui/src/lib/paraglide/messages/catalogue_scrape_busy_flash.js
new file mode 100644
index 0000000..4a87713
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_scrape_busy_flash.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Scrape_Busy_FlashInputs */
+
+const en_catalogue_scrape_busy_flash = /** @type {(inputs: Catalogue_Scrape_Busy_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`A scrape job is already running. Check back once it finishes.`)
+};
+
+const ru_catalogue_scrape_busy_flash = /** @type {(inputs: Catalogue_Scrape_Busy_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Парсинг уже запущен. Проверьте позже.`)
+};
+
+const id_catalogue_scrape_busy_flash = /** @type {(inputs: Catalogue_Scrape_Busy_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pekerjaan scrape sedang berjalan. Periksa kembali setelah selesai.`)
+};
+
+const pt_catalogue_scrape_busy_flash = /** @type {(inputs: Catalogue_Scrape_Busy_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Um job de scrape já está em execução. Volte quando terminar.`)
+};
+
+const fr_catalogue_scrape_busy_flash = /** @type {(inputs: Catalogue_Scrape_Busy_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Un job de scrape est déjà en cours. Revenez une fois terminé.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "A scrape job is already running. Check back once it finishes." |
+*
+* @param {Catalogue_Scrape_Busy_FlashInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_scrape_busy_flash = /** @type {((inputs?: Catalogue_Scrape_Busy_FlashInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Scrape_Busy_FlashInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_scrape_busy_flash(inputs)
+	if (locale === "ru") return ru_catalogue_scrape_busy_flash(inputs)
+	if (locale === "id") return id_catalogue_scrape_busy_flash(inputs)
+	if (locale === "pt") return pt_catalogue_scrape_busy_flash(inputs)
+	return fr_catalogue_scrape_busy_flash(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_scrape_busy_list.js b/ui/src/lib/paraglide/messages/catalogue_scrape_busy_list.js
new file mode 100644
index 0000000..26ddbd2
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_scrape_busy_list.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Scrape_Busy_ListInputs */
+
+const en_catalogue_scrape_busy_list = /** @type {(inputs: Catalogue_Scrape_Busy_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Busy`)
+};
+
+const ru_catalogue_scrape_busy_list = /** @type {(inputs: Catalogue_Scrape_Busy_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Занят`)
+};
+
+const id_catalogue_scrape_busy_list = /** @type {(inputs: Catalogue_Scrape_Busy_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sibuk`)
+};
+
+const pt_catalogue_scrape_busy_list = /** @type {(inputs: Catalogue_Scrape_Busy_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ocupado`)
+};
+
+const fr_catalogue_scrape_busy_list = /** @type {(inputs: Catalogue_Scrape_Busy_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Occupé`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Busy" |
+*
+* @param {Catalogue_Scrape_Busy_ListInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_scrape_busy_list = /** @type {((inputs?: Catalogue_Scrape_Busy_ListInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Scrape_Busy_ListInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_scrape_busy_list(inputs)
+	if (locale === "ru") return ru_catalogue_scrape_busy_list(inputs)
+	if (locale === "id") return id_catalogue_scrape_busy_list(inputs)
+	if (locale === "pt") return pt_catalogue_scrape_busy_list(inputs)
+	return fr_catalogue_scrape_busy_list(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_scrape_error_flash.js b/ui/src/lib/paraglide/messages/catalogue_scrape_error_flash.js
new file mode 100644
index 0000000..80d3a53
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_scrape_error_flash.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Scrape_Error_FlashInputs */
+
+const en_catalogue_scrape_error_flash = /** @type {(inputs: Catalogue_Scrape_Error_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Failed to queue scrape. Check that the scraper service is reachable.`)
+};
+
+const ru_catalogue_scrape_error_flash = /** @type {(inputs: Catalogue_Scrape_Error_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Не удалось поставить парсинг в очередь. Проверьте доступность сервиса.`)
+};
+
+const id_catalogue_scrape_error_flash = /** @type {(inputs: Catalogue_Scrape_Error_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gagal mengantrekan scrape. Pastikan layanan scraper dapat dijangkau.`)
+};
+
+const pt_catalogue_scrape_error_flash = /** @type {(inputs: Catalogue_Scrape_Error_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Falha ao enfileirar o scrape. Verifique se o serviço de scraper está acessível.`)
+};
+
+const fr_catalogue_scrape_error_flash = /** @type {(inputs: Catalogue_Scrape_Error_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Échec de la mise en file d'attente du scrape. Vérifiez que le service de scraper est accessible.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Failed to queue scrape. Check that the scraper service is reachable." |
+*
+* @param {Catalogue_Scrape_Error_FlashInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_scrape_error_flash = /** @type {((inputs?: Catalogue_Scrape_Error_FlashInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Scrape_Error_FlashInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_scrape_error_flash(inputs)
+	if (locale === "ru") return ru_catalogue_scrape_error_flash(inputs)
+	if (locale === "id") return id_catalogue_scrape_error_flash(inputs)
+	if (locale === "pt") return pt_catalogue_scrape_error_flash(inputs)
+	return fr_catalogue_scrape_error_flash(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_scrape_forbidden_badge.js b/ui/src/lib/paraglide/messages/catalogue_scrape_forbidden_badge.js
new file mode 100644
index 0000000..1b11fe6
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_scrape_forbidden_badge.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Scrape_Forbidden_BadgeInputs */
+
+const en_catalogue_scrape_forbidden_badge = /** @type {(inputs: Catalogue_Scrape_Forbidden_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Forbidden`)
+};
+
+const ru_catalogue_scrape_forbidden_badge = /** @type {(inputs: Catalogue_Scrape_Forbidden_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Запрещено`)
+};
+
+const id_catalogue_scrape_forbidden_badge = /** @type {(inputs: Catalogue_Scrape_Forbidden_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Terlarang`)
+};
+
+const pt_catalogue_scrape_forbidden_badge = /** @type {(inputs: Catalogue_Scrape_Forbidden_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Proibido`)
+};
+
+const fr_catalogue_scrape_forbidden_badge = /** @type {(inputs: Catalogue_Scrape_Forbidden_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Interdit`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Forbidden" |
+*
+* @param {Catalogue_Scrape_Forbidden_BadgeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_scrape_forbidden_badge = /** @type {((inputs?: Catalogue_Scrape_Forbidden_BadgeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Scrape_Forbidden_BadgeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_scrape_forbidden_badge(inputs)
+	if (locale === "ru") return ru_catalogue_scrape_forbidden_badge(inputs)
+	if (locale === "id") return id_catalogue_scrape_forbidden_badge(inputs)
+	if (locale === "pt") return pt_catalogue_scrape_forbidden_badge(inputs)
+	return fr_catalogue_scrape_forbidden_badge(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_scrape_novel_button.js b/ui/src/lib/paraglide/messages/catalogue_scrape_novel_button.js
new file mode 100644
index 0000000..74c08c2
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_scrape_novel_button.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Scrape_Novel_ButtonInputs */
+
+const en_catalogue_scrape_novel_button = /** @type {(inputs: Catalogue_Scrape_Novel_ButtonInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape`)
+};
+
+const ru_catalogue_scrape_novel_button = /** @type {(inputs: Catalogue_Scrape_Novel_ButtonInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Парсить`)
+};
+
+const id_catalogue_scrape_novel_button = /** @type {(inputs: Catalogue_Scrape_Novel_ButtonInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape`)
+};
+
+const pt_catalogue_scrape_novel_button = /** @type {(inputs: Catalogue_Scrape_Novel_ButtonInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extrair`)
+};
+
+const fr_catalogue_scrape_novel_button = /** @type {(inputs: Catalogue_Scrape_Novel_ButtonInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extraire`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Scrape" |
+*
+* @param {Catalogue_Scrape_Novel_ButtonInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_scrape_novel_button = /** @type {((inputs?: Catalogue_Scrape_Novel_ButtonInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Scrape_Novel_ButtonInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_scrape_novel_button(inputs)
+	if (locale === "ru") return ru_catalogue_scrape_novel_button(inputs)
+	if (locale === "id") return id_catalogue_scrape_novel_button(inputs)
+	if (locale === "pt") return pt_catalogue_scrape_novel_button(inputs)
+	return fr_catalogue_scrape_novel_button(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_scrape_queued_badge.js b/ui/src/lib/paraglide/messages/catalogue_scrape_queued_badge.js
new file mode 100644
index 0000000..742e099
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_scrape_queued_badge.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Scrape_Queued_BadgeInputs */
+
+const en_catalogue_scrape_queued_badge = /** @type {(inputs: Catalogue_Scrape_Queued_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Queued`)
+};
+
+const ru_catalogue_scrape_queued_badge = /** @type {(inputs: Catalogue_Scrape_Queued_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`В очереди`)
+};
+
+const id_catalogue_scrape_queued_badge = /** @type {(inputs: Catalogue_Scrape_Queued_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Diantrekan`)
+};
+
+const pt_catalogue_scrape_queued_badge = /** @type {(inputs: Catalogue_Scrape_Queued_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Na fila`)
+};
+
+const fr_catalogue_scrape_queued_badge = /** @type {(inputs: Catalogue_Scrape_Queued_BadgeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`En file`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Queued" |
+*
+* @param {Catalogue_Scrape_Queued_BadgeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_scrape_queued_badge = /** @type {((inputs?: Catalogue_Scrape_Queued_BadgeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Scrape_Queued_BadgeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_scrape_queued_badge(inputs)
+	if (locale === "ru") return ru_catalogue_scrape_queued_badge(inputs)
+	if (locale === "id") return id_catalogue_scrape_queued_badge(inputs)
+	if (locale === "pt") return pt_catalogue_scrape_queued_badge(inputs)
+	return fr_catalogue_scrape_queued_badge(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_scrape_queued_flash.js b/ui/src/lib/paraglide/messages/catalogue_scrape_queued_flash.js
new file mode 100644
index 0000000..81de91f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_scrape_queued_flash.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Scrape_Queued_FlashInputs */
+
+const en_catalogue_scrape_queued_flash = /** @type {(inputs: Catalogue_Scrape_Queued_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Full catalogue scrape queued. Library and ranking will update as books are processed.`)
+};
+
+const ru_catalogue_scrape_queued_flash = /** @type {(inputs: Catalogue_Scrape_Queued_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Полный парсинг каталога поставлен в очередь. Библиотека и рейтинг обновятся по мере обработки.`)
+};
+
+const id_catalogue_scrape_queued_flash = /** @type {(inputs: Catalogue_Scrape_Queued_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape katalog penuh diantrekan. Perpustakaan dan peringkat akan diperbarui saat buku diproses.`)
+};
+
+const pt_catalogue_scrape_queued_flash = /** @type {(inputs: Catalogue_Scrape_Queued_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape completo do catálogo na fila. A biblioteca e a classificação serão atualizadas conforme os livros forem processados.`)
+};
+
+const fr_catalogue_scrape_queued_flash = /** @type {(inputs: Catalogue_Scrape_Queued_FlashInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scrape complet du catalogue en file d'attente. La bibliothèque et le classement seront mis à jour au fur et à mesure du traitement des livres.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Full catalogue scrape queued. Library and ranking will update as books are processed." |
+*
+* @param {Catalogue_Scrape_Queued_FlashInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_scrape_queued_flash = /** @type {((inputs?: Catalogue_Scrape_Queued_FlashInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Scrape_Queued_FlashInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_scrape_queued_flash(inputs)
+	if (locale === "ru") return ru_catalogue_scrape_queued_flash(inputs)
+	if (locale === "id") return id_catalogue_scrape_queued_flash(inputs)
+	if (locale === "pt") return pt_catalogue_scrape_queued_flash(inputs)
+	return fr_catalogue_scrape_queued_flash(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_scraping_novel.js b/ui/src/lib/paraglide/messages/catalogue_scraping_novel.js
new file mode 100644
index 0000000..833f2e2
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_scraping_novel.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Scraping_NovelInputs */
+
+const en_catalogue_scraping_novel = /** @type {(inputs: Catalogue_Scraping_NovelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scraping…`)
+};
+
+const ru_catalogue_scraping_novel = /** @type {(inputs: Catalogue_Scraping_NovelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Парсинг…`)
+};
+
+const id_catalogue_scraping_novel = /** @type {(inputs: Catalogue_Scraping_NovelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Scraping…`)
+};
+
+const pt_catalogue_scraping_novel = /** @type {(inputs: Catalogue_Scraping_NovelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extraindo…`)
+};
+
+const fr_catalogue_scraping_novel = /** @type {(inputs: Catalogue_Scraping_NovelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Extraction…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Scraping…" |
+*
+* @param {Catalogue_Scraping_NovelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_scraping_novel = /** @type {((inputs?: Catalogue_Scraping_NovelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Scraping_NovelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_scraping_novel(inputs)
+	if (locale === "ru") return ru_catalogue_scraping_novel(inputs)
+	if (locale === "id") return id_catalogue_scraping_novel(inputs)
+	if (locale === "pt") return pt_catalogue_scraping_novel(inputs)
+	return fr_catalogue_scraping_novel(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_scroll_top.js b/ui/src/lib/paraglide/messages/catalogue_scroll_top.js
new file mode 100644
index 0000000..4d3af71
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_scroll_top.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Scroll_TopInputs */
+
+const en_catalogue_scroll_top = /** @type {(inputs: Catalogue_Scroll_TopInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Back to top`)
+};
+
+const ru_catalogue_scroll_top = /** @type {(inputs: Catalogue_Scroll_TopInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Вверх`)
+};
+
+const id_catalogue_scroll_top = /** @type {(inputs: Catalogue_Scroll_TopInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kembali ke atas`)
+};
+
+const pt_catalogue_scroll_top = /** @type {(inputs: Catalogue_Scroll_TopInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voltar ao topo`)
+};
+
+const fr_catalogue_scroll_top = /** @type {(inputs: Catalogue_Scroll_TopInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Retour en haut`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Back to top" |
+*
+* @param {Catalogue_Scroll_TopInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_scroll_top = /** @type {((inputs?: Catalogue_Scroll_TopInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Scroll_TopInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_scroll_top(inputs)
+	if (locale === "ru") return ru_catalogue_scroll_top(inputs)
+	if (locale === "id") return id_catalogue_scroll_top(inputs)
+	if (locale === "pt") return pt_catalogue_scroll_top(inputs)
+	return fr_catalogue_scroll_top(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_search_button.js b/ui/src/lib/paraglide/messages/catalogue_search_button.js
new file mode 100644
index 0000000..c0228e7
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_search_button.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Search_ButtonInputs */
+
+const en_catalogue_search_button = /** @type {(inputs: Catalogue_Search_ButtonInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Search`)
+};
+
+const ru_catalogue_search_button = /** @type {(inputs: Catalogue_Search_ButtonInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Поиск`)
+};
+
+const id_catalogue_search_button = /** @type {(inputs: Catalogue_Search_ButtonInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cari`)
+};
+
+const pt_catalogue_search_button = /** @type {(inputs: Catalogue_Search_ButtonInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pesquisar`)
+};
+
+const fr_catalogue_search_button = /** @type {(inputs: Catalogue_Search_ButtonInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rechercher`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Search" |
+*
+* @param {Catalogue_Search_ButtonInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_search_button = /** @type {((inputs?: Catalogue_Search_ButtonInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Search_ButtonInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_search_button(inputs)
+	if (locale === "ru") return ru_catalogue_search_button(inputs)
+	if (locale === "id") return id_catalogue_search_button(inputs)
+	if (locale === "pt") return pt_catalogue_search_button(inputs)
+	return fr_catalogue_search_button(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_search_local_count.js b/ui/src/lib/paraglide/messages/catalogue_search_local_count.js
new file mode 100644
index 0000000..f3c25a0
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_search_local_count.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ local: NonNullable<unknown>, remote: NonNullable<unknown> }} Catalogue_Search_Local_CountInputs */
+
+const en_catalogue_search_local_count = /** @type {(inputs: Catalogue_Search_Local_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`(${i?.local} local, ${i?.remote} from novelfire)`)
+};
+
+const ru_catalogue_search_local_count = /** @type {(inputs: Catalogue_Search_Local_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`(${i?.local} локальных, ${i?.remote} с novelfire)`)
+};
+
+const id_catalogue_search_local_count = /** @type {(inputs: Catalogue_Search_Local_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`(${i?.local} lokal, ${i?.remote} dari novelfire)`)
+};
+
+const pt_catalogue_search_local_count = /** @type {(inputs: Catalogue_Search_Local_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`(${i?.local} local, ${i?.remote} do novelfire)`)
+};
+
+const fr_catalogue_search_local_count = /** @type {(inputs: Catalogue_Search_Local_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`(${i?.local} local, ${i?.remote} depuis novelfire)`)
+};
+
+/**
+* | output |
+* | --- |
+* | "({local} local, {remote} from novelfire)" |
+*
+* @param {Catalogue_Search_Local_CountInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_search_local_count = /** @type {((inputs: Catalogue_Search_Local_CountInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Search_Local_CountInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_search_local_count(inputs)
+	if (locale === "ru") return ru_catalogue_search_local_count(inputs)
+	if (locale === "id") return id_catalogue_search_local_count(inputs)
+	if (locale === "pt") return pt_catalogue_search_local_count(inputs)
+	return fr_catalogue_search_local_count(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_search_placeholder.js b/ui/src/lib/paraglide/messages/catalogue_search_placeholder.js
new file mode 100644
index 0000000..8557b9d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_search_placeholder.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Search_PlaceholderInputs */
+
+const en_catalogue_search_placeholder = /** @type {(inputs: Catalogue_Search_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Search novels…`)
+};
+
+const ru_catalogue_search_placeholder = /** @type {(inputs: Catalogue_Search_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Поиск новелл…`)
+};
+
+const id_catalogue_search_placeholder = /** @type {(inputs: Catalogue_Search_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cari novel…`)
+};
+
+const pt_catalogue_search_placeholder = /** @type {(inputs: Catalogue_Search_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pesquisar romances…`)
+};
+
+const fr_catalogue_search_placeholder = /** @type {(inputs: Catalogue_Search_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rechercher des romans…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Search novels…" |
+*
+* @param {Catalogue_Search_PlaceholderInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_search_placeholder = /** @type {((inputs?: Catalogue_Search_PlaceholderInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Search_PlaceholderInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_search_placeholder(inputs)
+	if (locale === "ru") return ru_catalogue_search_placeholder(inputs)
+	if (locale === "id") return id_catalogue_search_placeholder(inputs)
+	if (locale === "pt") return pt_catalogue_search_placeholder(inputs)
+	return fr_catalogue_search_placeholder(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_search_results.js b/ui/src/lib/paraglide/messages/catalogue_search_results.js
new file mode 100644
index 0000000..b4d0c45
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_search_results.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown>, s: NonNullable<unknown>, q: NonNullable<unknown> }} Catalogue_Search_ResultsInputs */
+
+const en_catalogue_search_results = /** @type {(inputs: Catalogue_Search_ResultsInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} result${i?.s} for "${i?.q}"`)
+};
+
+const ru_catalogue_search_results = /** @type {(inputs: Catalogue_Search_ResultsInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} результат${i?.s} по запросу «${i?.q}»`)
+};
+
+const id_catalogue_search_results = /** @type {(inputs: Catalogue_Search_ResultsInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} hasil untuk "${i?.q}"`)
+};
+
+const pt_catalogue_search_results = /** @type {(inputs: Catalogue_Search_ResultsInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} resultado${i?.s} para "${i?.q}"`)
+};
+
+const fr_catalogue_search_results = /** @type {(inputs: Catalogue_Search_ResultsInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} résultat${i?.s} pour « ${i?.q} »`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{n} result{s} for \"{q}\"" |
+*
+* @param {Catalogue_Search_ResultsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_search_results = /** @type {((inputs: Catalogue_Search_ResultsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Search_ResultsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_search_results(inputs)
+	if (locale === "ru") return ru_catalogue_search_results(inputs)
+	if (locale === "id") return id_catalogue_search_results(inputs)
+	if (locale === "pt") return pt_catalogue_search_results(inputs)
+	return fr_catalogue_search_results(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_sort_new.js b/ui/src/lib/paraglide/messages/catalogue_sort_new.js
new file mode 100644
index 0000000..53e1354
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_sort_new.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Sort_NewInputs */
+
+const en_catalogue_sort_new = /** @type {(inputs: Catalogue_Sort_NewInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`New`)
+};
+
+const ru_catalogue_sort_new = /** @type {(inputs: Catalogue_Sort_NewInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Новые`)
+};
+
+const id_catalogue_sort_new = /** @type {(inputs: Catalogue_Sort_NewInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Terbaru`)
+};
+
+const pt_catalogue_sort_new = /** @type {(inputs: Catalogue_Sort_NewInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Novo`)
+};
+
+const fr_catalogue_sort_new = /** @type {(inputs: Catalogue_Sort_NewInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nouveau`)
+};
+
+/**
+* | output |
+* | --- |
+* | "New" |
+*
+* @param {Catalogue_Sort_NewInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_sort_new = /** @type {((inputs?: Catalogue_Sort_NewInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Sort_NewInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_sort_new(inputs)
+	if (locale === "ru") return ru_catalogue_sort_new(inputs)
+	if (locale === "id") return id_catalogue_sort_new(inputs)
+	if (locale === "pt") return pt_catalogue_sort_new(inputs)
+	return fr_catalogue_sort_new(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_sort_popular.js b/ui/src/lib/paraglide/messages/catalogue_sort_popular.js
new file mode 100644
index 0000000..e5931dc
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_sort_popular.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Sort_PopularInputs */
+
+const en_catalogue_sort_popular = /** @type {(inputs: Catalogue_Sort_PopularInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Popular`)
+};
+
+const ru_catalogue_sort_popular = /** @type {(inputs: Catalogue_Sort_PopularInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Популярные`)
+};
+
+const id_catalogue_sort_popular = /** @type {(inputs: Catalogue_Sort_PopularInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Populer`)
+};
+
+const pt_catalogue_sort_popular = /** @type {(inputs: Catalogue_Sort_PopularInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Popular`)
+};
+
+const fr_catalogue_sort_popular = /** @type {(inputs: Catalogue_Sort_PopularInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Populaire`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Popular" |
+*
+* @param {Catalogue_Sort_PopularInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_sort_popular = /** @type {((inputs?: Catalogue_Sort_PopularInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Sort_PopularInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_sort_popular(inputs)
+	if (locale === "ru") return ru_catalogue_sort_popular(inputs)
+	if (locale === "id") return id_catalogue_sort_popular(inputs)
+	if (locale === "pt") return pt_catalogue_sort_popular(inputs)
+	return fr_catalogue_sort_popular(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_sort_rank.js b/ui/src/lib/paraglide/messages/catalogue_sort_rank.js
new file mode 100644
index 0000000..60ca0ff
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_sort_rank.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Sort_RankInputs */
+
+const en_catalogue_sort_rank = /** @type {(inputs: Catalogue_Sort_RankInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rank`)
+};
+
+const ru_catalogue_sort_rank = /** @type {(inputs: Catalogue_Sort_RankInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`По рангу`)
+};
+
+const id_catalogue_sort_rank = /** @type {(inputs: Catalogue_Sort_RankInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Peringkat`)
+};
+
+const pt_catalogue_sort_rank = /** @type {(inputs: Catalogue_Sort_RankInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ranking`)
+};
+
+const fr_catalogue_sort_rank = /** @type {(inputs: Catalogue_Sort_RankInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rang`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Rank" |
+*
+* @param {Catalogue_Sort_RankInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_sort_rank = /** @type {((inputs?: Catalogue_Sort_RankInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Sort_RankInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_sort_rank(inputs)
+	if (locale === "ru") return ru_catalogue_sort_rank(inputs)
+	if (locale === "id") return id_catalogue_sort_rank(inputs)
+	if (locale === "pt") return pt_catalogue_sort_rank(inputs)
+	return fr_catalogue_sort_rank(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_sort_top_rated.js b/ui/src/lib/paraglide/messages/catalogue_sort_top_rated.js
new file mode 100644
index 0000000..f18a9a4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_sort_top_rated.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Sort_Top_RatedInputs */
+
+const en_catalogue_sort_top_rated = /** @type {(inputs: Catalogue_Sort_Top_RatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Top Rated`)
+};
+
+const ru_catalogue_sort_top_rated = /** @type {(inputs: Catalogue_Sort_Top_RatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Топ по рейтингу`)
+};
+
+const id_catalogue_sort_top_rated = /** @type {(inputs: Catalogue_Sort_Top_RatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nilai Tertinggi`)
+};
+
+const pt_catalogue_sort_top_rated = /** @type {(inputs: Catalogue_Sort_Top_RatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mais Bem Avaliados`)
+};
+
+const fr_catalogue_sort_top_rated = /** @type {(inputs: Catalogue_Sort_Top_RatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mieux notés`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Top Rated" |
+*
+* @param {Catalogue_Sort_Top_RatedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_sort_top_rated = /** @type {((inputs?: Catalogue_Sort_Top_RatedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Sort_Top_RatedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_sort_top_rated(inputs)
+	if (locale === "ru") return ru_catalogue_sort_top_rated(inputs)
+	if (locale === "id") return id_catalogue_sort_top_rated(inputs)
+	if (locale === "pt") return pt_catalogue_sort_top_rated(inputs)
+	return fr_catalogue_sort_top_rated(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_sort_updated.js b/ui/src/lib/paraglide/messages/catalogue_sort_updated.js
new file mode 100644
index 0000000..74e05d6
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_sort_updated.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Sort_UpdatedInputs */
+
+const en_catalogue_sort_updated = /** @type {(inputs: Catalogue_Sort_UpdatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Updated`)
+};
+
+const ru_catalogue_sort_updated = /** @type {(inputs: Catalogue_Sort_UpdatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`По дате обновления`)
+};
+
+const id_catalogue_sort_updated = /** @type {(inputs: Catalogue_Sort_UpdatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Diperbarui`)
+};
+
+const pt_catalogue_sort_updated = /** @type {(inputs: Catalogue_Sort_UpdatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Atualizado`)
+};
+
+const fr_catalogue_sort_updated = /** @type {(inputs: Catalogue_Sort_UpdatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mis à jour`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Updated" |
+*
+* @param {Catalogue_Sort_UpdatedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_sort_updated = /** @type {((inputs?: Catalogue_Sort_UpdatedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Sort_UpdatedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_sort_updated(inputs)
+	if (locale === "ru") return ru_catalogue_sort_updated(inputs)
+	if (locale === "id") return id_catalogue_sort_updated(inputs)
+	if (locale === "pt") return pt_catalogue_sort_updated(inputs)
+	return fr_catalogue_sort_updated(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_status_all.js b/ui/src/lib/paraglide/messages/catalogue_status_all.js
new file mode 100644
index 0000000..ef73e12
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_status_all.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Status_AllInputs */
+
+const en_catalogue_status_all = /** @type {(inputs: Catalogue_Status_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`All`)
+};
+
+const ru_catalogue_status_all = /** @type {(inputs: Catalogue_Status_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Все`)
+};
+
+const id_catalogue_status_all = /** @type {(inputs: Catalogue_Status_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Semua`)
+};
+
+const pt_catalogue_status_all = /** @type {(inputs: Catalogue_Status_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Todos`)
+};
+
+const fr_catalogue_status_all = /** @type {(inputs: Catalogue_Status_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tous`)
+};
+
+/**
+* | output |
+* | --- |
+* | "All" |
+*
+* @param {Catalogue_Status_AllInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_status_all = /** @type {((inputs?: Catalogue_Status_AllInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Status_AllInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_status_all(inputs)
+	if (locale === "ru") return ru_catalogue_status_all(inputs)
+	if (locale === "id") return id_catalogue_status_all(inputs)
+	if (locale === "pt") return pt_catalogue_status_all(inputs)
+	return fr_catalogue_status_all(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_status_completed.js b/ui/src/lib/paraglide/messages/catalogue_status_completed.js
new file mode 100644
index 0000000..363cbc2
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_status_completed.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Status_CompletedInputs */
+
+const en_catalogue_status_completed = /** @type {(inputs: Catalogue_Status_CompletedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Completed`)
+};
+
+const ru_catalogue_status_completed = /** @type {(inputs: Catalogue_Status_CompletedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Завершены`)
+};
+
+const id_catalogue_status_completed = /** @type {(inputs: Catalogue_Status_CompletedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Selesai`)
+};
+
+const pt_catalogue_status_completed = /** @type {(inputs: Catalogue_Status_CompletedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Concluído`)
+};
+
+const fr_catalogue_status_completed = /** @type {(inputs: Catalogue_Status_CompletedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Terminé`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Completed" |
+*
+* @param {Catalogue_Status_CompletedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_status_completed = /** @type {((inputs?: Catalogue_Status_CompletedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Status_CompletedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_status_completed(inputs)
+	if (locale === "ru") return ru_catalogue_status_completed(inputs)
+	if (locale === "id") return id_catalogue_status_completed(inputs)
+	if (locale === "pt") return pt_catalogue_status_completed(inputs)
+	return fr_catalogue_status_completed(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_status_ongoing.js b/ui/src/lib/paraglide/messages/catalogue_status_ongoing.js
new file mode 100644
index 0000000..4a7cb95
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_status_ongoing.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_Status_OngoingInputs */
+
+const en_catalogue_status_ongoing = /** @type {(inputs: Catalogue_Status_OngoingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ongoing`)
+};
+
+const ru_catalogue_status_ongoing = /** @type {(inputs: Catalogue_Status_OngoingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Продолжаются`)
+};
+
+const id_catalogue_status_ongoing = /** @type {(inputs: Catalogue_Status_OngoingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Berlangsung`)
+};
+
+const pt_catalogue_status_ongoing = /** @type {(inputs: Catalogue_Status_OngoingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Em andamento`)
+};
+
+const fr_catalogue_status_ongoing = /** @type {(inputs: Catalogue_Status_OngoingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`En cours`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Ongoing" |
+*
+* @param {Catalogue_Status_OngoingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_status_ongoing = /** @type {((inputs?: Catalogue_Status_OngoingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_Status_OngoingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_status_ongoing(inputs)
+	if (locale === "ru") return ru_catalogue_status_ongoing(inputs)
+	if (locale === "id") return id_catalogue_status_ongoing(inputs)
+	if (locale === "pt") return pt_catalogue_status_ongoing(inputs)
+	return fr_catalogue_status_ongoing(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_view_grid.js b/ui/src/lib/paraglide/messages/catalogue_view_grid.js
new file mode 100644
index 0000000..a0d74b4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_view_grid.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_View_GridInputs */
+
+const en_catalogue_view_grid = /** @type {(inputs: Catalogue_View_GridInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Grid view`)
+};
+
+const ru_catalogue_view_grid = /** @type {(inputs: Catalogue_View_GridInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сетка`)
+};
+
+const id_catalogue_view_grid = /** @type {(inputs: Catalogue_View_GridInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tampilan kisi`)
+};
+
+const pt_catalogue_view_grid = /** @type {(inputs: Catalogue_View_GridInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Visualização em grade`)
+};
+
+const fr_catalogue_view_grid = /** @type {(inputs: Catalogue_View_GridInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Vue grille`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Grid view" |
+*
+* @param {Catalogue_View_GridInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_view_grid = /** @type {((inputs?: Catalogue_View_GridInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_View_GridInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_view_grid(inputs)
+	if (locale === "ru") return ru_catalogue_view_grid(inputs)
+	if (locale === "id") return id_catalogue_view_grid(inputs)
+	if (locale === "pt") return pt_catalogue_view_grid(inputs)
+	return fr_catalogue_view_grid(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/catalogue_view_list.js b/ui/src/lib/paraglide/messages/catalogue_view_list.js
new file mode 100644
index 0000000..a7323d1
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/catalogue_view_list.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Catalogue_View_ListInputs */
+
+const en_catalogue_view_list = /** @type {(inputs: Catalogue_View_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`List view`)
+};
+
+const ru_catalogue_view_list = /** @type {(inputs: Catalogue_View_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Список`)
+};
+
+const id_catalogue_view_list = /** @type {(inputs: Catalogue_View_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tampilan daftar`)
+};
+
+const pt_catalogue_view_list = /** @type {(inputs: Catalogue_View_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Visualização em lista`)
+};
+
+const fr_catalogue_view_list = /** @type {(inputs: Catalogue_View_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Vue liste`)
+};
+
+/**
+* | output |
+* | --- |
+* | "List view" |
+*
+* @param {Catalogue_View_ListInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const catalogue_view_list = /** @type {((inputs?: Catalogue_View_ListInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Catalogue_View_ListInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_catalogue_view_list(inputs)
+	if (locale === "ru") return ru_catalogue_view_list(inputs)
+	if (locale === "id") return id_catalogue_view_list(inputs)
+	if (locale === "pt") return pt_catalogue_view_list(inputs)
+	return fr_catalogue_view_list(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/chapters_back_to_book.js b/ui/src/lib/paraglide/messages/chapters_back_to_book.js
new file mode 100644
index 0000000..7fd6726
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/chapters_back_to_book.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Chapters_Back_To_BookInputs */
+
+const en_chapters_back_to_book = /** @type {(inputs: Chapters_Back_To_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Back to book`)
+};
+
+const ru_chapters_back_to_book = /** @type {(inputs: Chapters_Back_To_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`К книге`)
+};
+
+const id_chapters_back_to_book = /** @type {(inputs: Chapters_Back_To_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kembali ke buku`)
+};
+
+const pt_chapters_back_to_book = /** @type {(inputs: Chapters_Back_To_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voltar ao livro`)
+};
+
+const fr_chapters_back_to_book = /** @type {(inputs: Chapters_Back_To_BookInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Retour au livre`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Back to book" |
+*
+* @param {Chapters_Back_To_BookInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const chapters_back_to_book = /** @type {((inputs?: Chapters_Back_To_BookInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Chapters_Back_To_BookInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_chapters_back_to_book(inputs)
+	if (locale === "ru") return ru_chapters_back_to_book(inputs)
+	if (locale === "id") return id_chapters_back_to_book(inputs)
+	if (locale === "pt") return pt_chapters_back_to_book(inputs)
+	return fr_chapters_back_to_book(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/chapters_empty.js b/ui/src/lib/paraglide/messages/chapters_empty.js
new file mode 100644
index 0000000..dd89906
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/chapters_empty.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Chapters_EmptyInputs */
+
+const en_chapters_empty = /** @type {(inputs: Chapters_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No chapters scraped yet.`)
+};
+
+const ru_chapters_empty = /** @type {(inputs: Chapters_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Главы ещё не загружены.`)
+};
+
+const id_chapters_empty = /** @type {(inputs: Chapters_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Belum ada bab yang diambil.`)
+};
+
+const pt_chapters_empty = /** @type {(inputs: Chapters_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhum capítulo extraído ainda.`)
+};
+
+const fr_chapters_empty = /** @type {(inputs: Chapters_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucun chapitre extrait pour l'instant.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No chapters scraped yet." |
+*
+* @param {Chapters_EmptyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const chapters_empty = /** @type {((inputs?: Chapters_EmptyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Chapters_EmptyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_chapters_empty(inputs)
+	if (locale === "ru") return ru_chapters_empty(inputs)
+	if (locale === "id") return id_chapters_empty(inputs)
+	if (locale === "pt") return pt_chapters_empty(inputs)
+	return fr_chapters_empty(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/chapters_heading.js b/ui/src/lib/paraglide/messages/chapters_heading.js
new file mode 100644
index 0000000..01435ba
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/chapters_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Chapters_HeadingInputs */
+
+const en_chapters_heading = /** @type {(inputs: Chapters_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapters`)
+};
+
+const ru_chapters_heading = /** @type {(inputs: Chapters_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Главы`)
+};
+
+const id_chapters_heading = /** @type {(inputs: Chapters_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Bab`)
+};
+
+const pt_chapters_heading = /** @type {(inputs: Chapters_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Capítulos`)
+};
+
+const fr_chapters_heading = /** @type {(inputs: Chapters_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapitres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Chapters" |
+*
+* @param {Chapters_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const chapters_heading = /** @type {((inputs?: Chapters_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Chapters_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_chapters_heading(inputs)
+	if (locale === "ru") return ru_chapters_heading(inputs)
+	if (locale === "id") return id_chapters_heading(inputs)
+	if (locale === "pt") return pt_chapters_heading(inputs)
+	return fr_chapters_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/chapters_jump_to.js b/ui/src/lib/paraglide/messages/chapters_jump_to.js
new file mode 100644
index 0000000..f35dab0
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/chapters_jump_to.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Chapters_Jump_ToInputs */
+
+const en_chapters_jump_to = /** @type {(inputs: Chapters_Jump_ToInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Jump to Ch.${i?.n}`)
+};
+
+const ru_chapters_jump_to = /** @type {(inputs: Chapters_Jump_ToInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Перейти к гл.${i?.n}`)
+};
+
+const id_chapters_jump_to = /** @type {(inputs: Chapters_Jump_ToInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Loncat ke Bab.${i?.n}`)
+};
+
+const pt_chapters_jump_to = /** @type {(inputs: Chapters_Jump_ToInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Ir para Cap.${i?.n}`)
+};
+
+const fr_chapters_jump_to = /** @type {(inputs: Chapters_Jump_ToInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Aller au Ch.${i?.n}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Jump to Ch.{n}" |
+*
+* @param {Chapters_Jump_ToInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const chapters_jump_to = /** @type {((inputs: Chapters_Jump_ToInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Chapters_Jump_ToInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_chapters_jump_to(inputs)
+	if (locale === "ru") return ru_chapters_jump_to(inputs)
+	if (locale === "id") return id_chapters_jump_to(inputs)
+	if (locale === "pt") return pt_chapters_jump_to(inputs)
+	return fr_chapters_jump_to(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/chapters_no_match.js b/ui/src/lib/paraglide/messages/chapters_no_match.js
new file mode 100644
index 0000000..184d254
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/chapters_no_match.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ q: NonNullable<unknown> }} Chapters_No_MatchInputs */
+
+const en_chapters_no_match = /** @type {(inputs: Chapters_No_MatchInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`No chapters match "${i?.q}"`)
+};
+
+const ru_chapters_no_match = /** @type {(inputs: Chapters_No_MatchInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Главы по запросу «${i?.q}» не найдены`)
+};
+
+const id_chapters_no_match = /** @type {(inputs: Chapters_No_MatchInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Tidak ada bab yang cocok dengan "${i?.q}"`)
+};
+
+const pt_chapters_no_match = /** @type {(inputs: Chapters_No_MatchInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Nenhum capítulo encontrado para "${i?.q}"`)
+};
+
+const fr_chapters_no_match = /** @type {(inputs: Chapters_No_MatchInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Aucun chapitre ne correspond à « ${i?.q} »`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No chapters match \"{q}\"" |
+*
+* @param {Chapters_No_MatchInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const chapters_no_match = /** @type {((inputs: Chapters_No_MatchInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Chapters_No_MatchInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_chapters_no_match(inputs)
+	if (locale === "ru") return ru_chapters_no_match(inputs)
+	if (locale === "id") return id_chapters_no_match(inputs)
+	if (locale === "pt") return pt_chapters_no_match(inputs)
+	return fr_chapters_no_match(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/chapters_none_available.js b/ui/src/lib/paraglide/messages/chapters_none_available.js
new file mode 100644
index 0000000..c910b8c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/chapters_none_available.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Chapters_None_AvailableInputs */
+
+const en_chapters_none_available = /** @type {(inputs: Chapters_None_AvailableInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No chapters available yet.`)
+};
+
+const ru_chapters_none_available = /** @type {(inputs: Chapters_None_AvailableInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Глав пока нет.`)
+};
+
+const id_chapters_none_available = /** @type {(inputs: Chapters_None_AvailableInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Belum ada bab tersedia.`)
+};
+
+const pt_chapters_none_available = /** @type {(inputs: Chapters_None_AvailableInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhum capítulo disponível ainda.`)
+};
+
+const fr_chapters_none_available = /** @type {(inputs: Chapters_None_AvailableInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucun chapitre disponible pour l'instant.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No chapters available yet." |
+*
+* @param {Chapters_None_AvailableInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const chapters_none_available = /** @type {((inputs?: Chapters_None_AvailableInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Chapters_None_AvailableInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_chapters_none_available(inputs)
+	if (locale === "ru") return ru_chapters_none_available(inputs)
+	if (locale === "id") return id_chapters_none_available(inputs)
+	if (locale === "pt") return pt_chapters_none_available(inputs)
+	return fr_chapters_none_available(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/chapters_page_title.js b/ui/src/lib/paraglide/messages/chapters_page_title.js
new file mode 100644
index 0000000..7a9def5
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/chapters_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ title: NonNullable<unknown> }} Chapters_Page_TitleInputs */
+
+const en_chapters_page_title = /** @type {(inputs: Chapters_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Chapters — ${i?.title}`)
+};
+
+const ru_chapters_page_title = /** @type {(inputs: Chapters_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Главы — ${i?.title}`)
+};
+
+const id_chapters_page_title = /** @type {(inputs: Chapters_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Bab — ${i?.title}`)
+};
+
+const pt_chapters_page_title = /** @type {(inputs: Chapters_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Capítulos — ${i?.title}`)
+};
+
+const fr_chapters_page_title = /** @type {(inputs: Chapters_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Chapitres — ${i?.title}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Chapters — {title}" |
+*
+* @param {Chapters_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const chapters_page_title = /** @type {((inputs: Chapters_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Chapters_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_chapters_page_title(inputs)
+	if (locale === "ru") return ru_chapters_page_title(inputs)
+	if (locale === "id") return id_chapters_page_title(inputs)
+	if (locale === "pt") return pt_chapters_page_title(inputs)
+	return fr_chapters_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/chapters_reading_indicator.js b/ui/src/lib/paraglide/messages/chapters_reading_indicator.js
new file mode 100644
index 0000000..7f63d28
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/chapters_reading_indicator.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Chapters_Reading_IndicatorInputs */
+
+const en_chapters_reading_indicator = /** @type {(inputs: Chapters_Reading_IndicatorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`reading`)
+};
+
+const ru_chapters_reading_indicator = /** @type {(inputs: Chapters_Reading_IndicatorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`читается`)
+};
+
+const id_chapters_reading_indicator = /** @type {(inputs: Chapters_Reading_IndicatorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`sedang dibaca`)
+};
+
+const pt_chapters_reading_indicator = /** @type {(inputs: Chapters_Reading_IndicatorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`lendo`)
+};
+
+const fr_chapters_reading_indicator = /** @type {(inputs: Chapters_Reading_IndicatorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`en cours`)
+};
+
+/**
+* | output |
+* | --- |
+* | "reading" |
+*
+* @param {Chapters_Reading_IndicatorInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const chapters_reading_indicator = /** @type {((inputs?: Chapters_Reading_IndicatorInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Chapters_Reading_IndicatorInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_chapters_reading_indicator(inputs)
+	if (locale === "ru") return ru_chapters_reading_indicator(inputs)
+	if (locale === "id") return id_chapters_reading_indicator(inputs)
+	if (locale === "pt") return pt_chapters_reading_indicator(inputs)
+	return fr_chapters_reading_indicator(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/chapters_reading_now.js b/ui/src/lib/paraglide/messages/chapters_reading_now.js
new file mode 100644
index 0000000..9d0aa71
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/chapters_reading_now.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Chapters_Reading_NowInputs */
+
+const en_chapters_reading_now = /** @type {(inputs: Chapters_Reading_NowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Reading`)
+};
+
+const ru_chapters_reading_now = /** @type {(inputs: Chapters_Reading_NowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Читается`)
+};
+
+const id_chapters_reading_now = /** @type {(inputs: Chapters_Reading_NowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sedang dibaca`)
+};
+
+const pt_chapters_reading_now = /** @type {(inputs: Chapters_Reading_NowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lendo`)
+};
+
+const fr_chapters_reading_now = /** @type {(inputs: Chapters_Reading_NowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`En cours de lecture`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Reading" |
+*
+* @param {Chapters_Reading_NowInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const chapters_reading_now = /** @type {((inputs?: Chapters_Reading_NowInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Chapters_Reading_NowInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_chapters_reading_now(inputs)
+	if (locale === "ru") return ru_chapters_reading_now(inputs)
+	if (locale === "id") return id_chapters_reading_now(inputs)
+	if (locale === "pt") return pt_chapters_reading_now(inputs)
+	return fr_chapters_reading_now(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/chapters_result_count.js b/ui/src/lib/paraglide/messages/chapters_result_count.js
new file mode 100644
index 0000000..96b919d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/chapters_result_count.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Chapters_Result_CountInputs */
+
+const en_chapters_result_count = /** @type {(inputs: Chapters_Result_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} results`)
+};
+
+const ru_chapters_result_count = /** @type {(inputs: Chapters_Result_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} результатов`)
+};
+
+const id_chapters_result_count = /** @type {(inputs: Chapters_Result_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} hasil`)
+};
+
+const pt_chapters_result_count = /** @type {(inputs: Chapters_Result_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} resultados`)
+};
+
+const fr_chapters_result_count = /** @type {(inputs: Chapters_Result_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} résultats`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{n} results" |
+*
+* @param {Chapters_Result_CountInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const chapters_result_count = /** @type {((inputs: Chapters_Result_CountInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Chapters_Result_CountInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_chapters_result_count(inputs)
+	if (locale === "ru") return ru_chapters_result_count(inputs)
+	if (locale === "id") return id_chapters_result_count(inputs)
+	if (locale === "pt") return pt_chapters_result_count(inputs)
+	return fr_chapters_result_count(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/chapters_search_placeholder.js b/ui/src/lib/paraglide/messages/chapters_search_placeholder.js
new file mode 100644
index 0000000..6327c17
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/chapters_search_placeholder.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Chapters_Search_PlaceholderInputs */
+
+const en_chapters_search_placeholder = /** @type {(inputs: Chapters_Search_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Search chapters…`)
+};
+
+const ru_chapters_search_placeholder = /** @type {(inputs: Chapters_Search_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Поиск глав…`)
+};
+
+const id_chapters_search_placeholder = /** @type {(inputs: Chapters_Search_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cari bab…`)
+};
+
+const pt_chapters_search_placeholder = /** @type {(inputs: Chapters_Search_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pesquisar capítulos…`)
+};
+
+const fr_chapters_search_placeholder = /** @type {(inputs: Chapters_Search_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rechercher des chapitres…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Search chapters…" |
+*
+* @param {Chapters_Search_PlaceholderInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const chapters_search_placeholder = /** @type {((inputs?: Chapters_Search_PlaceholderInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Chapters_Search_PlaceholderInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_chapters_search_placeholder(inputs)
+	if (locale === "ru") return ru_chapters_search_placeholder(inputs)
+	if (locale === "id") return id_chapters_search_placeholder(inputs)
+	if (locale === "pt") return pt_chapters_search_placeholder(inputs)
+	return fr_chapters_search_placeholder(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_anonymous.js b/ui/src/lib/paraglide/messages/comments_anonymous.js
new file mode 100644
index 0000000..32948ab
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_anonymous.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_AnonymousInputs */
+
+const en_comments_anonymous = /** @type {(inputs: Comments_AnonymousInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Anonymous`)
+};
+
+const ru_comments_anonymous = /** @type {(inputs: Comments_AnonymousInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Аноним`)
+};
+
+const id_comments_anonymous = /** @type {(inputs: Comments_AnonymousInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Anonim`)
+};
+
+const pt_comments_anonymous = /** @type {(inputs: Comments_AnonymousInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Anônimo`)
+};
+
+const fr_comments_anonymous = /** @type {(inputs: Comments_AnonymousInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Anonyme`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Anonymous" |
+*
+* @param {Comments_AnonymousInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_anonymous = /** @type {((inputs?: Comments_AnonymousInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_AnonymousInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_anonymous(inputs)
+	if (locale === "ru") return ru_comments_anonymous(inputs)
+	if (locale === "id") return id_comments_anonymous(inputs)
+	if (locale === "pt") return pt_comments_anonymous(inputs)
+	return fr_comments_anonymous(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_delete.js b/ui/src/lib/paraglide/messages/comments_delete.js
new file mode 100644
index 0000000..2f9a2b1
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_delete.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_DeleteInputs */
+
+const en_comments_delete = /** @type {(inputs: Comments_DeleteInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Delete`)
+};
+
+const ru_comments_delete = /** @type {(inputs: Comments_DeleteInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Удалить`)
+};
+
+const id_comments_delete = /** @type {(inputs: Comments_DeleteInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Hapus`)
+};
+
+const pt_comments_delete = /** @type {(inputs: Comments_DeleteInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Excluir`)
+};
+
+const fr_comments_delete = /** @type {(inputs: Comments_DeleteInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Supprimer`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Delete" |
+*
+* @param {Comments_DeleteInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_delete = /** @type {((inputs?: Comments_DeleteInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_DeleteInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_delete(inputs)
+	if (locale === "ru") return ru_comments_delete(inputs)
+	if (locale === "id") return id_comments_delete(inputs)
+	if (locale === "pt") return pt_comments_delete(inputs)
+	return fr_comments_delete(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_deleted.js b/ui/src/lib/paraglide/messages/comments_deleted.js
new file mode 100644
index 0000000..d548cd2
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_deleted.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_DeletedInputs */
+
+const en_comments_deleted = /** @type {(inputs: Comments_DeletedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`[deleted]`)
+};
+
+const ru_comments_deleted = /** @type {(inputs: Comments_DeletedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`[удалено]`)
+};
+
+const id_comments_deleted = /** @type {(inputs: Comments_DeletedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`[dihapus]`)
+};
+
+const pt_comments_deleted = /** @type {(inputs: Comments_DeletedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`[excluído]`)
+};
+
+const fr_comments_deleted = /** @type {(inputs: Comments_DeletedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`[supprimé]`)
+};
+
+/**
+* | output |
+* | --- |
+* | "[deleted]" |
+*
+* @param {Comments_DeletedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_deleted = /** @type {((inputs?: Comments_DeletedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_DeletedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_deleted(inputs)
+	if (locale === "ru") return ru_comments_deleted(inputs)
+	if (locale === "id") return id_comments_deleted(inputs)
+	if (locale === "pt") return pt_comments_deleted(inputs)
+	return fr_comments_deleted(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_edited.js b/ui/src/lib/paraglide/messages/comments_edited.js
new file mode 100644
index 0000000..3280391
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_edited.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_EditedInputs */
+
+const en_comments_edited = /** @type {(inputs: Comments_EditedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`edited`)
+};
+
+const ru_comments_edited = /** @type {(inputs: Comments_EditedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`изменено`)
+};
+
+const id_comments_edited = /** @type {(inputs: Comments_EditedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`diedit`)
+};
+
+const pt_comments_edited = /** @type {(inputs: Comments_EditedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`editado`)
+};
+
+const fr_comments_edited = /** @type {(inputs: Comments_EditedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`modifié`)
+};
+
+/**
+* | output |
+* | --- |
+* | "edited" |
+*
+* @param {Comments_EditedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_edited = /** @type {((inputs?: Comments_EditedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_EditedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_edited(inputs)
+	if (locale === "ru") return ru_comments_edited(inputs)
+	if (locale === "id") return id_comments_edited(inputs)
+	if (locale === "pt") return pt_comments_edited(inputs)
+	return fr_comments_edited(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_empty.js b/ui/src/lib/paraglide/messages/comments_empty.js
new file mode 100644
index 0000000..a2280d9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_empty.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_EmptyInputs */
+
+const en_comments_empty = /** @type {(inputs: Comments_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No comments yet. Be the first!`)
+};
+
+const ru_comments_empty = /** @type {(inputs: Comments_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Комментариев пока нет. Будьте первым!`)
+};
+
+const id_comments_empty = /** @type {(inputs: Comments_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Belum ada komentar. Jadilah yang pertama!`)
+};
+
+const pt_comments_empty = /** @type {(inputs: Comments_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhum comentário ainda. Seja o primeiro!`)
+};
+
+const fr_comments_empty = /** @type {(inputs: Comments_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucun commentaire pour l'instant. Soyez le premier !`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No comments yet. Be the first!" |
+*
+* @param {Comments_EmptyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_empty = /** @type {((inputs?: Comments_EmptyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_EmptyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_empty(inputs)
+	if (locale === "ru") return ru_comments_empty(inputs)
+	if (locale === "id") return id_comments_empty(inputs)
+	if (locale === "pt") return pt_comments_empty(inputs)
+	return fr_comments_empty(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_heading.js b/ui/src/lib/paraglide/messages/comments_heading.js
new file mode 100644
index 0000000..31b8d97
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_HeadingInputs */
+
+const en_comments_heading = /** @type {(inputs: Comments_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Comments`)
+};
+
+const ru_comments_heading = /** @type {(inputs: Comments_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Комментарии`)
+};
+
+const id_comments_heading = /** @type {(inputs: Comments_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Komentar`)
+};
+
+const pt_comments_heading = /** @type {(inputs: Comments_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Comentários`)
+};
+
+const fr_comments_heading = /** @type {(inputs: Comments_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Commentaires`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Comments" |
+*
+* @param {Comments_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_heading = /** @type {((inputs?: Comments_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_heading(inputs)
+	if (locale === "ru") return ru_comments_heading(inputs)
+	if (locale === "id") return id_comments_heading(inputs)
+	if (locale === "pt") return pt_comments_heading(inputs)
+	return fr_comments_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_hide_replies.js b/ui/src/lib/paraglide/messages/comments_hide_replies.js
new file mode 100644
index 0000000..c821626
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_hide_replies.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_Hide_RepliesInputs */
+
+const en_comments_hide_replies = /** @type {(inputs: Comments_Hide_RepliesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Hide replies`)
+};
+
+const ru_comments_hide_replies = /** @type {(inputs: Comments_Hide_RepliesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Скрыть ответы`)
+};
+
+const id_comments_hide_replies = /** @type {(inputs: Comments_Hide_RepliesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sembunyikan balasan`)
+};
+
+const pt_comments_hide_replies = /** @type {(inputs: Comments_Hide_RepliesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ocultar respostas`)
+};
+
+const fr_comments_hide_replies = /** @type {(inputs: Comments_Hide_RepliesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Masquer les réponses`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Hide replies" |
+*
+* @param {Comments_Hide_RepliesInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_hide_replies = /** @type {((inputs?: Comments_Hide_RepliesInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_Hide_RepliesInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_hide_replies(inputs)
+	if (locale === "ru") return ru_comments_hide_replies(inputs)
+	if (locale === "id") return id_comments_hide_replies(inputs)
+	if (locale === "pt") return pt_comments_hide_replies(inputs)
+	return fr_comments_hide_replies(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_login_link.js b/ui/src/lib/paraglide/messages/comments_login_link.js
new file mode 100644
index 0000000..fd50f89
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_login_link.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_Login_LinkInputs */
+
+const en_comments_login_link = /** @type {(inputs: Comments_Login_LinkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Log in`)
+};
+
+const ru_comments_login_link = /** @type {(inputs: Comments_Login_LinkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Войдите`)
+};
+
+const id_comments_login_link = /** @type {(inputs: Comments_Login_LinkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Masuk`)
+};
+
+const pt_comments_login_link = /** @type {(inputs: Comments_Login_LinkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Entre`)
+};
+
+const fr_comments_login_link = /** @type {(inputs: Comments_Login_LinkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Connectez-vous`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Log in" |
+*
+* @param {Comments_Login_LinkInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_login_link = /** @type {((inputs?: Comments_Login_LinkInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_Login_LinkInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_login_link(inputs)
+	if (locale === "ru") return ru_comments_login_link(inputs)
+	if (locale === "id") return id_comments_login_link(inputs)
+	if (locale === "pt") return pt_comments_login_link(inputs)
+	return fr_comments_login_link(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_login_prompt.js b/ui/src/lib/paraglide/messages/comments_login_prompt.js
new file mode 100644
index 0000000..3e68746
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_login_prompt.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_Login_PromptInputs */
+
+const en_comments_login_prompt = /** @type {(inputs: Comments_Login_PromptInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sign in to comment.`)
+};
+
+const ru_comments_login_prompt = /** @type {(inputs: Comments_Login_PromptInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Войдите, чтобы комментировать.`)
+};
+
+const id_comments_login_prompt = /** @type {(inputs: Comments_Login_PromptInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Masuk untuk berkomentar.`)
+};
+
+const pt_comments_login_prompt = /** @type {(inputs: Comments_Login_PromptInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Entre para comentar.`)
+};
+
+const fr_comments_login_prompt = /** @type {(inputs: Comments_Login_PromptInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Connectez-vous pour commenter.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Sign in to comment." |
+*
+* @param {Comments_Login_PromptInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_login_prompt = /** @type {((inputs?: Comments_Login_PromptInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_Login_PromptInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_login_prompt(inputs)
+	if (locale === "ru") return ru_comments_login_prompt(inputs)
+	if (locale === "id") return id_comments_login_prompt(inputs)
+	if (locale === "pt") return pt_comments_login_prompt(inputs)
+	return fr_comments_login_prompt(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_login_suffix.js b/ui/src/lib/paraglide/messages/comments_login_suffix.js
new file mode 100644
index 0000000..d676f0e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_login_suffix.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_Login_SuffixInputs */
+
+const en_comments_login_suffix = /** @type {(inputs: Comments_Login_SuffixInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`to leave a comment.`)
+};
+
+const ru_comments_login_suffix = /** @type {(inputs: Comments_Login_SuffixInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`чтобы оставить комментарий.`)
+};
+
+const id_comments_login_suffix = /** @type {(inputs: Comments_Login_SuffixInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`untuk meninggalkan komentar.`)
+};
+
+const pt_comments_login_suffix = /** @type {(inputs: Comments_Login_SuffixInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`para deixar um comentário.`)
+};
+
+const fr_comments_login_suffix = /** @type {(inputs: Comments_Login_SuffixInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`pour laisser un commentaire.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "to leave a comment." |
+*
+* @param {Comments_Login_SuffixInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_login_suffix = /** @type {((inputs?: Comments_Login_SuffixInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_Login_SuffixInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_login_suffix(inputs)
+	if (locale === "ru") return ru_comments_login_suffix(inputs)
+	if (locale === "id") return id_comments_login_suffix(inputs)
+	if (locale === "pt") return pt_comments_login_suffix(inputs)
+	return fr_comments_login_suffix(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_new.js b/ui/src/lib/paraglide/messages/comments_new.js
new file mode 100644
index 0000000..adddb44
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_new.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_NewInputs */
+
+const en_comments_new = /** @type {(inputs: Comments_NewInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`New`)
+};
+
+const ru_comments_new = /** @type {(inputs: Comments_NewInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Новые`)
+};
+
+const id_comments_new = /** @type {(inputs: Comments_NewInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Terbaru`)
+};
+
+const pt_comments_new = /** @type {(inputs: Comments_NewInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Novos`)
+};
+
+const fr_comments_new = /** @type {(inputs: Comments_NewInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nouvelles`)
+};
+
+/**
+* | output |
+* | --- |
+* | "New" |
+*
+* @param {Comments_NewInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_new = /** @type {((inputs?: Comments_NewInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_NewInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_new(inputs)
+	if (locale === "ru") return ru_comments_new(inputs)
+	if (locale === "id") return id_comments_new(inputs)
+	if (locale === "pt") return pt_comments_new(inputs)
+	return fr_comments_new(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_placeholder.js b/ui/src/lib/paraglide/messages/comments_placeholder.js
new file mode 100644
index 0000000..d9d6516
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_placeholder.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_PlaceholderInputs */
+
+const en_comments_placeholder = /** @type {(inputs: Comments_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Write a comment…`)
+};
+
+const ru_comments_placeholder = /** @type {(inputs: Comments_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Написать комментарий…`)
+};
+
+const id_comments_placeholder = /** @type {(inputs: Comments_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tulis komentar…`)
+};
+
+const pt_comments_placeholder = /** @type {(inputs: Comments_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Escreva um comentário…`)
+};
+
+const fr_comments_placeholder = /** @type {(inputs: Comments_PlaceholderInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Écrire un commentaire…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Write a comment…" |
+*
+* @param {Comments_PlaceholderInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_placeholder = /** @type {((inputs?: Comments_PlaceholderInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_PlaceholderInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_placeholder(inputs)
+	if (locale === "ru") return ru_comments_placeholder(inputs)
+	if (locale === "id") return id_comments_placeholder(inputs)
+	if (locale === "pt") return pt_comments_placeholder(inputs)
+	return fr_comments_placeholder(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_posting.js b/ui/src/lib/paraglide/messages/comments_posting.js
new file mode 100644
index 0000000..6afd283
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_posting.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_PostingInputs */
+
+const en_comments_posting = /** @type {(inputs: Comments_PostingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Posting…`)
+};
+
+const ru_comments_posting = /** @type {(inputs: Comments_PostingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Отправка…`)
+};
+
+const id_comments_posting = /** @type {(inputs: Comments_PostingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mengirim…`)
+};
+
+const pt_comments_posting = /** @type {(inputs: Comments_PostingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Publicando…`)
+};
+
+const fr_comments_posting = /** @type {(inputs: Comments_PostingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Publication…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Posting…" |
+*
+* @param {Comments_PostingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_posting = /** @type {((inputs?: Comments_PostingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_PostingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_posting(inputs)
+	if (locale === "ru") return ru_comments_posting(inputs)
+	if (locale === "id") return id_comments_posting(inputs)
+	if (locale === "pt") return pt_comments_posting(inputs)
+	return fr_comments_posting(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_reply.js b/ui/src/lib/paraglide/messages/comments_reply.js
new file mode 100644
index 0000000..4ddc7c1
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_reply.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_ReplyInputs */
+
+const en_comments_reply = /** @type {(inputs: Comments_ReplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Reply`)
+};
+
+const ru_comments_reply = /** @type {(inputs: Comments_ReplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ответить`)
+};
+
+const id_comments_reply = /** @type {(inputs: Comments_ReplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Balas`)
+};
+
+const pt_comments_reply = /** @type {(inputs: Comments_ReplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Responder`)
+};
+
+const fr_comments_reply = /** @type {(inputs: Comments_ReplyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Répondre`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Reply" |
+*
+* @param {Comments_ReplyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_reply = /** @type {((inputs?: Comments_ReplyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_ReplyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_reply(inputs)
+	if (locale === "ru") return ru_comments_reply(inputs)
+	if (locale === "id") return id_comments_reply(inputs)
+	if (locale === "pt") return pt_comments_reply(inputs)
+	return fr_comments_reply(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_show_replies.js b/ui/src/lib/paraglide/messages/comments_show_replies.js
new file mode 100644
index 0000000..4786cdd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_show_replies.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Comments_Show_RepliesInputs */
+
+const en_comments_show_replies = /** @type {(inputs: Comments_Show_RepliesInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Show ${i?.n} replies`)
+};
+
+const ru_comments_show_replies = /** @type {(inputs: Comments_Show_RepliesInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Показать ${i?.n} ответов`)
+};
+
+const id_comments_show_replies = /** @type {(inputs: Comments_Show_RepliesInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Tampilkan ${i?.n} balasan`)
+};
+
+const pt_comments_show_replies = /** @type {(inputs: Comments_Show_RepliesInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Mostrar ${i?.n} respostas`)
+};
+
+const fr_comments_show_replies = /** @type {(inputs: Comments_Show_RepliesInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Afficher ${i?.n} réponses`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Show {n} replies" |
+*
+* @param {Comments_Show_RepliesInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_show_replies = /** @type {((inputs: Comments_Show_RepliesInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_Show_RepliesInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_show_replies(inputs)
+	if (locale === "ru") return ru_comments_show_replies(inputs)
+	if (locale === "id") return id_comments_show_replies(inputs)
+	if (locale === "pt") return pt_comments_show_replies(inputs)
+	return fr_comments_show_replies(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_submit.js b/ui/src/lib/paraglide/messages/comments_submit.js
new file mode 100644
index 0000000..84e539f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_submit.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_SubmitInputs */
+
+const en_comments_submit = /** @type {(inputs: Comments_SubmitInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Post`)
+};
+
+const ru_comments_submit = /** @type {(inputs: Comments_SubmitInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Отправить`)
+};
+
+const id_comments_submit = /** @type {(inputs: Comments_SubmitInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kirim`)
+};
+
+const pt_comments_submit = /** @type {(inputs: Comments_SubmitInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Publicar`)
+};
+
+const fr_comments_submit = /** @type {(inputs: Comments_SubmitInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Publier`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Post" |
+*
+* @param {Comments_SubmitInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_submit = /** @type {((inputs?: Comments_SubmitInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_SubmitInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_submit(inputs)
+	if (locale === "ru") return ru_comments_submit(inputs)
+	if (locale === "id") return id_comments_submit(inputs)
+	if (locale === "pt") return pt_comments_submit(inputs)
+	return fr_comments_submit(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_top.js b/ui/src/lib/paraglide/messages/comments_top.js
new file mode 100644
index 0000000..e9388f5
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_top.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_TopInputs */
+
+const en_comments_top = /** @type {(inputs: Comments_TopInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Top`)
+};
+
+const ru_comments_top = /** @type {(inputs: Comments_TopInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Лучшие`)
+};
+
+const id_comments_top = /** @type {(inputs: Comments_TopInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Teratas`)
+};
+
+const pt_comments_top = /** @type {(inputs: Comments_TopInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mais votados`)
+};
+
+const fr_comments_top = /** @type {(inputs: Comments_TopInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Les meilleures`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Top" |
+*
+* @param {Comments_TopInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_top = /** @type {((inputs?: Comments_TopInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_TopInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_top(inputs)
+	if (locale === "ru") return ru_comments_top(inputs)
+	if (locale === "id") return id_comments_top(inputs)
+	if (locale === "pt") return pt_comments_top(inputs)
+	return fr_comments_top(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_vote_down.js b/ui/src/lib/paraglide/messages/comments_vote_down.js
new file mode 100644
index 0000000..5de98d6
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_vote_down.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_Vote_DownInputs */
+
+const en_comments_vote_down = /** @type {(inputs: Comments_Vote_DownInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Downvote`)
+};
+
+const ru_comments_vote_down = /** @type {(inputs: Comments_Vote_DownInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Минус`)
+};
+
+const id_comments_vote_down = /** @type {(inputs: Comments_Vote_DownInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tidak suka`)
+};
+
+const pt_comments_vote_down = /** @type {(inputs: Comments_Vote_DownInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Votar negativo`)
+};
+
+const fr_comments_vote_down = /** @type {(inputs: Comments_Vote_DownInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Vote négatif`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Downvote" |
+*
+* @param {Comments_Vote_DownInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_vote_down = /** @type {((inputs?: Comments_Vote_DownInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_Vote_DownInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_vote_down(inputs)
+	if (locale === "ru") return ru_comments_vote_down(inputs)
+	if (locale === "id") return id_comments_vote_down(inputs)
+	if (locale === "pt") return pt_comments_vote_down(inputs)
+	return fr_comments_vote_down(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/comments_vote_up.js b/ui/src/lib/paraglide/messages/comments_vote_up.js
new file mode 100644
index 0000000..27ebcd8
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/comments_vote_up.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Comments_Vote_UpInputs */
+
+const en_comments_vote_up = /** @type {(inputs: Comments_Vote_UpInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Upvote`)
+};
+
+const ru_comments_vote_up = /** @type {(inputs: Comments_Vote_UpInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Плюс`)
+};
+
+const id_comments_vote_up = /** @type {(inputs: Comments_Vote_UpInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Suka`)
+};
+
+const pt_comments_vote_up = /** @type {(inputs: Comments_Vote_UpInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Votar positivo`)
+};
+
+const fr_comments_vote_up = /** @type {(inputs: Comments_Vote_UpInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Vote positif`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Upvote" |
+*
+* @param {Comments_Vote_UpInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const comments_vote_up = /** @type {((inputs?: Comments_Vote_UpInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Comments_Vote_UpInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_comments_vote_up(inputs)
+	if (locale === "ru") return ru_comments_vote_up(inputs)
+	if (locale === "id") return id_comments_vote_up(inputs)
+	if (locale === "pt") return pt_comments_vote_up(inputs)
+	return fr_comments_vote_up(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/common_back.js b/ui/src/lib/paraglide/messages/common_back.js
new file mode 100644
index 0000000..2f6dd57
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/common_back.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Common_BackInputs */
+
+const en_common_back = /** @type {(inputs: Common_BackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Back`)
+};
+
+const ru_common_back = /** @type {(inputs: Common_BackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Назад`)
+};
+
+const id_common_back = /** @type {(inputs: Common_BackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kembali`)
+};
+
+const pt_common_back = /** @type {(inputs: Common_BackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voltar`)
+};
+
+const fr_common_back = /** @type {(inputs: Common_BackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Retour`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Back" |
+*
+* @param {Common_BackInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const common_back = /** @type {((inputs?: Common_BackInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Common_BackInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_common_back(inputs)
+	if (locale === "ru") return ru_common_back(inputs)
+	if (locale === "id") return id_common_back(inputs)
+	if (locale === "pt") return pt_common_back(inputs)
+	return fr_common_back(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/common_cancel.js b/ui/src/lib/paraglide/messages/common_cancel.js
new file mode 100644
index 0000000..cf1c0f4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/common_cancel.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Common_CancelInputs */
+
+const en_common_cancel = /** @type {(inputs: Common_CancelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cancel`)
+};
+
+const ru_common_cancel = /** @type {(inputs: Common_CancelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Отмена`)
+};
+
+const id_common_cancel = /** @type {(inputs: Common_CancelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Batal`)
+};
+
+const pt_common_cancel = /** @type {(inputs: Common_CancelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cancelar`)
+};
+
+const fr_common_cancel = /** @type {(inputs: Common_CancelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Annuler`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Cancel" |
+*
+* @param {Common_CancelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const common_cancel = /** @type {((inputs?: Common_CancelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Common_CancelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_common_cancel(inputs)
+	if (locale === "ru") return ru_common_cancel(inputs)
+	if (locale === "id") return id_common_cancel(inputs)
+	if (locale === "pt") return pt_common_cancel(inputs)
+	return fr_common_cancel(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/common_close.js b/ui/src/lib/paraglide/messages/common_close.js
new file mode 100644
index 0000000..dccabf3
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/common_close.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Common_CloseInputs */
+
+const en_common_close = /** @type {(inputs: Common_CloseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Close`)
+};
+
+const ru_common_close = /** @type {(inputs: Common_CloseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Закрыть`)
+};
+
+const id_common_close = /** @type {(inputs: Common_CloseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tutup`)
+};
+
+const pt_common_close = /** @type {(inputs: Common_CloseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fechar`)
+};
+
+const fr_common_close = /** @type {(inputs: Common_CloseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fermer`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Close" |
+*
+* @param {Common_CloseInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const common_close = /** @type {((inputs?: Common_CloseInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Common_CloseInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_common_close(inputs)
+	if (locale === "ru") return ru_common_close(inputs)
+	if (locale === "id") return id_common_close(inputs)
+	if (locale === "pt") return pt_common_close(inputs)
+	return fr_common_close(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/common_error.js b/ui/src/lib/paraglide/messages/common_error.js
new file mode 100644
index 0000000..b4629f0
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/common_error.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Common_ErrorInputs */
+
+const en_common_error = /** @type {(inputs: Common_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Error`)
+};
+
+const ru_common_error = /** @type {(inputs: Common_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ошибка`)
+};
+
+const id_common_error = /** @type {(inputs: Common_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Error`)
+};
+
+const pt_common_error = /** @type {(inputs: Common_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Erro`)
+};
+
+const fr_common_error = /** @type {(inputs: Common_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Erreur`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Error" |
+*
+* @param {Common_ErrorInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const common_error = /** @type {((inputs?: Common_ErrorInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Common_ErrorInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_common_error(inputs)
+	if (locale === "ru") return ru_common_error(inputs)
+	if (locale === "id") return id_common_error(inputs)
+	if (locale === "pt") return pt_common_error(inputs)
+	return fr_common_error(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/common_loading.js b/ui/src/lib/paraglide/messages/common_loading.js
new file mode 100644
index 0000000..d8df901
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/common_loading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Common_LoadingInputs */
+
+const en_common_loading = /** @type {(inputs: Common_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Loading…`)
+};
+
+const ru_common_loading = /** @type {(inputs: Common_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Загрузка…`)
+};
+
+const id_common_loading = /** @type {(inputs: Common_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Memuat…`)
+};
+
+const pt_common_loading = /** @type {(inputs: Common_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Carregando…`)
+};
+
+const fr_common_loading = /** @type {(inputs: Common_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chargement…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Loading…" |
+*
+* @param {Common_LoadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const common_loading = /** @type {((inputs?: Common_LoadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Common_LoadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_common_loading(inputs)
+	if (locale === "ru") return ru_common_loading(inputs)
+	if (locale === "id") return id_common_loading(inputs)
+	if (locale === "pt") return pt_common_loading(inputs)
+	return fr_common_loading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/common_next.js b/ui/src/lib/paraglide/messages/common_next.js
new file mode 100644
index 0000000..3863e21
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/common_next.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Common_NextInputs */
+
+const en_common_next = /** @type {(inputs: Common_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Next`)
+};
+
+const ru_common_next = /** @type {(inputs: Common_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Далее`)
+};
+
+const id_common_next = /** @type {(inputs: Common_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Berikutnya`)
+};
+
+const pt_common_next = /** @type {(inputs: Common_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Próximo`)
+};
+
+const fr_common_next = /** @type {(inputs: Common_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Suivant`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Next" |
+*
+* @param {Common_NextInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const common_next = /** @type {((inputs?: Common_NextInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Common_NextInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_common_next(inputs)
+	if (locale === "ru") return ru_common_next(inputs)
+	if (locale === "id") return id_common_next(inputs)
+	if (locale === "pt") return pt_common_next(inputs)
+	return fr_common_next(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/common_no.js b/ui/src/lib/paraglide/messages/common_no.js
new file mode 100644
index 0000000..4774ef4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/common_no.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Common_NoInputs */
+
+const en_common_no = /** @type {(inputs: Common_NoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No`)
+};
+
+const ru_common_no = /** @type {(inputs: Common_NoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Нет`)
+};
+
+const id_common_no = /** @type {(inputs: Common_NoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tidak`)
+};
+
+const pt_common_no = /** @type {(inputs: Common_NoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Não`)
+};
+
+const fr_common_no = /** @type {(inputs: Common_NoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Non`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No" |
+*
+* @param {Common_NoInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const common_no = /** @type {((inputs?: Common_NoInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Common_NoInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_common_no(inputs)
+	if (locale === "ru") return ru_common_no(inputs)
+	if (locale === "id") return id_common_no(inputs)
+	if (locale === "pt") return pt_common_no(inputs)
+	return fr_common_no(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/common_off.js b/ui/src/lib/paraglide/messages/common_off.js
new file mode 100644
index 0000000..181fcdb
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/common_off.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Common_OffInputs */
+
+const en_common_off = /** @type {(inputs: Common_OffInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`off`)
+};
+
+const ru_common_off = /** @type {(inputs: Common_OffInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`выкл.`)
+};
+
+const id_common_off = /** @type {(inputs: Common_OffInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`nonaktif`)
+};
+
+const pt_common_off = /** @type {(inputs: Common_OffInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`desativado`)
+};
+
+const fr_common_off = /** @type {(inputs: Common_OffInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`désactivé`)
+};
+
+/**
+* | output |
+* | --- |
+* | "off" |
+*
+* @param {Common_OffInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const common_off = /** @type {((inputs?: Common_OffInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Common_OffInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_common_off(inputs)
+	if (locale === "ru") return ru_common_off(inputs)
+	if (locale === "id") return id_common_off(inputs)
+	if (locale === "pt") return pt_common_off(inputs)
+	return fr_common_off(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/common_on.js b/ui/src/lib/paraglide/messages/common_on.js
new file mode 100644
index 0000000..78e7054
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/common_on.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Common_OnInputs */
+
+const en_common_on = /** @type {(inputs: Common_OnInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`on`)
+};
+
+const ru_common_on = /** @type {(inputs: Common_OnInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`вкл.`)
+};
+
+const id_common_on = /** @type {(inputs: Common_OnInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`aktif`)
+};
+
+const pt_common_on = /** @type {(inputs: Common_OnInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`ativado`)
+};
+
+const fr_common_on = /** @type {(inputs: Common_OnInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`activé`)
+};
+
+/**
+* | output |
+* | --- |
+* | "on" |
+*
+* @param {Common_OnInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const common_on = /** @type {((inputs?: Common_OnInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Common_OnInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_common_on(inputs)
+	if (locale === "ru") return ru_common_on(inputs)
+	if (locale === "id") return id_common_on(inputs)
+	if (locale === "pt") return pt_common_on(inputs)
+	return fr_common_on(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/common_previous.js b/ui/src/lib/paraglide/messages/common_previous.js
new file mode 100644
index 0000000..9200a35
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/common_previous.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Common_PreviousInputs */
+
+const en_common_previous = /** @type {(inputs: Common_PreviousInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Previous`)
+};
+
+const ru_common_previous = /** @type {(inputs: Common_PreviousInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Назад`)
+};
+
+const id_common_previous = /** @type {(inputs: Common_PreviousInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sebelumnya`)
+};
+
+const pt_common_previous = /** @type {(inputs: Common_PreviousInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Anterior`)
+};
+
+const fr_common_previous = /** @type {(inputs: Common_PreviousInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Précédent`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Previous" |
+*
+* @param {Common_PreviousInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const common_previous = /** @type {((inputs?: Common_PreviousInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Common_PreviousInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_common_previous(inputs)
+	if (locale === "ru") return ru_common_previous(inputs)
+	if (locale === "id") return id_common_previous(inputs)
+	if (locale === "pt") return pt_common_previous(inputs)
+	return fr_common_previous(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/common_save.js b/ui/src/lib/paraglide/messages/common_save.js
new file mode 100644
index 0000000..be092f6
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/common_save.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Common_SaveInputs */
+
+const en_common_save = /** @type {(inputs: Common_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Save`)
+};
+
+const ru_common_save = /** @type {(inputs: Common_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сохранить`)
+};
+
+const id_common_save = /** @type {(inputs: Common_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Simpan`)
+};
+
+const pt_common_save = /** @type {(inputs: Common_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Salvar`)
+};
+
+const fr_common_save = /** @type {(inputs: Common_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enregistrer`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Save" |
+*
+* @param {Common_SaveInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const common_save = /** @type {((inputs?: Common_SaveInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Common_SaveInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_common_save(inputs)
+	if (locale === "ru") return ru_common_save(inputs)
+	if (locale === "id") return id_common_save(inputs)
+	if (locale === "pt") return pt_common_save(inputs)
+	return fr_common_save(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/common_search.js b/ui/src/lib/paraglide/messages/common_search.js
new file mode 100644
index 0000000..8336de1
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/common_search.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Common_SearchInputs */
+
+const en_common_search = /** @type {(inputs: Common_SearchInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Search`)
+};
+
+const ru_common_search = /** @type {(inputs: Common_SearchInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Поиск`)
+};
+
+const id_common_search = /** @type {(inputs: Common_SearchInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cari`)
+};
+
+const pt_common_search = /** @type {(inputs: Common_SearchInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pesquisar`)
+};
+
+const fr_common_search = /** @type {(inputs: Common_SearchInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rechercher`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Search" |
+*
+* @param {Common_SearchInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const common_search = /** @type {((inputs?: Common_SearchInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Common_SearchInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_common_search(inputs)
+	if (locale === "ru") return ru_common_search(inputs)
+	if (locale === "id") return id_common_search(inputs)
+	if (locale === "pt") return pt_common_search(inputs)
+	return fr_common_search(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/common_yes.js b/ui/src/lib/paraglide/messages/common_yes.js
new file mode 100644
index 0000000..15023b9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/common_yes.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Common_YesInputs */
+
+const en_common_yes = /** @type {(inputs: Common_YesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Yes`)
+};
+
+const ru_common_yes = /** @type {(inputs: Common_YesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Да`)
+};
+
+const id_common_yes = /** @type {(inputs: Common_YesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ya`)
+};
+
+const pt_common_yes = /** @type {(inputs: Common_YesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sim`)
+};
+
+const fr_common_yes = /** @type {(inputs: Common_YesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Oui`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Yes" |
+*
+* @param {Common_YesInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const common_yes = /** @type {((inputs?: Common_YesInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Common_YesInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_common_yes(inputs)
+	if (locale === "ru") return ru_common_yes(inputs)
+	if (locale === "id") return id_common_yes(inputs)
+	if (locale === "pt") return pt_common_yes(inputs)
+	return fr_common_yes(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/disclaimer_page_title.js b/ui/src/lib/paraglide/messages/disclaimer_page_title.js
new file mode 100644
index 0000000..010b210
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/disclaimer_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Disclaimer_Page_TitleInputs */
+
+const en_disclaimer_page_title = /** @type {(inputs: Disclaimer_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Disclaimer — libnovel`)
+};
+
+const ru_disclaimer_page_title = /** @type {(inputs: Disclaimer_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Отказ от ответственности — libnovel`)
+};
+
+const id_disclaimer_page_title = /** @type {(inputs: Disclaimer_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Penyangkalan — libnovel`)
+};
+
+const pt_disclaimer_page_title = /** @type {(inputs: Disclaimer_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aviso Legal — libnovel`)
+};
+
+const fr_disclaimer_page_title = /** @type {(inputs: Disclaimer_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Avertissement — libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Disclaimer — libnovel" |
+*
+* @param {Disclaimer_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const disclaimer_page_title = /** @type {((inputs?: Disclaimer_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Disclaimer_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_disclaimer_page_title(inputs)
+	if (locale === "ru") return ru_disclaimer_page_title(inputs)
+	if (locale === "id") return id_disclaimer_page_title(inputs)
+	if (locale === "pt") return pt_disclaimer_page_title(inputs)
+	return fr_disclaimer_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/dmca_page_title.js b/ui/src/lib/paraglide/messages/dmca_page_title.js
new file mode 100644
index 0000000..897b64d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/dmca_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Dmca_Page_TitleInputs */
+
+const en_dmca_page_title = /** @type {(inputs: Dmca_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`DMCA — libnovel`)
+};
+
+const ru_dmca_page_title = /** @type {(inputs: Dmca_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`DMCA — libnovel`)
+};
+
+const id_dmca_page_title = /** @type {(inputs: Dmca_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`DMCA — libnovel`)
+};
+
+const pt_dmca_page_title = /** @type {(inputs: Dmca_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`DMCA — libnovel`)
+};
+
+const fr_dmca_page_title = /** @type {(inputs: Dmca_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`DMCA — libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "DMCA — libnovel" |
+*
+* @param {Dmca_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const dmca_page_title = /** @type {((inputs?: Dmca_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Dmca_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_dmca_page_title(inputs)
+	if (locale === "ru") return ru_dmca_page_title(inputs)
+	if (locale === "id") return id_dmca_page_title(inputs)
+	if (locale === "pt") return pt_dmca_page_title(inputs)
+	return fr_dmca_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/error_generic_title.js b/ui/src/lib/paraglide/messages/error_generic_title.js
new file mode 100644
index 0000000..55103ed
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/error_generic_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Error_Generic_TitleInputs */
+
+const en_error_generic_title = /** @type {(inputs: Error_Generic_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Something went wrong`)
+};
+
+const ru_error_generic_title = /** @type {(inputs: Error_Generic_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Что-то пошло не так`)
+};
+
+const id_error_generic_title = /** @type {(inputs: Error_Generic_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Terjadi kesalahan`)
+};
+
+const pt_error_generic_title = /** @type {(inputs: Error_Generic_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Algo deu errado`)
+};
+
+const fr_error_generic_title = /** @type {(inputs: Error_Generic_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Une erreur s'est produite`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Something went wrong" |
+*
+* @param {Error_Generic_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const error_generic_title = /** @type {((inputs?: Error_Generic_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Error_Generic_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_error_generic_title(inputs)
+	if (locale === "ru") return ru_error_generic_title(inputs)
+	if (locale === "id") return id_error_generic_title(inputs)
+	if (locale === "pt") return pt_error_generic_title(inputs)
+	return fr_error_generic_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/error_go_home.js b/ui/src/lib/paraglide/messages/error_go_home.js
new file mode 100644
index 0000000..4755334
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/error_go_home.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Error_Go_HomeInputs */
+
+const en_error_go_home = /** @type {(inputs: Error_Go_HomeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Go home`)
+};
+
+const ru_error_go_home = /** @type {(inputs: Error_Go_HomeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`На главную`)
+};
+
+const id_error_go_home = /** @type {(inputs: Error_Go_HomeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ke beranda`)
+};
+
+const pt_error_go_home = /** @type {(inputs: Error_Go_HomeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ir para início`)
+};
+
+const fr_error_go_home = /** @type {(inputs: Error_Go_HomeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Accueil`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Go home" |
+*
+* @param {Error_Go_HomeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const error_go_home = /** @type {((inputs?: Error_Go_HomeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Error_Go_HomeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_error_go_home(inputs)
+	if (locale === "ru") return ru_error_go_home(inputs)
+	if (locale === "id") return id_error_go_home(inputs)
+	if (locale === "pt") return pt_error_go_home(inputs)
+	return fr_error_go_home(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/error_not_found_body.js b/ui/src/lib/paraglide/messages/error_not_found_body.js
new file mode 100644
index 0000000..778c012
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/error_not_found_body.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Error_Not_Found_BodyInputs */
+
+const en_error_not_found_body = /** @type {(inputs: Error_Not_Found_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`The page you're looking for doesn't exist.`)
+};
+
+const ru_error_not_found_body = /** @type {(inputs: Error_Not_Found_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Запрошенная страница не существует.`)
+};
+
+const id_error_not_found_body = /** @type {(inputs: Error_Not_Found_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Halaman yang kamu cari tidak ada.`)
+};
+
+const pt_error_not_found_body = /** @type {(inputs: Error_Not_Found_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`A página que você procura não existe.`)
+};
+
+const fr_error_not_found_body = /** @type {(inputs: Error_Not_Found_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`La page que vous cherchez n'existe pas.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "The page you're looking for doesn't exist." |
+*
+* @param {Error_Not_Found_BodyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const error_not_found_body = /** @type {((inputs?: Error_Not_Found_BodyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Error_Not_Found_BodyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_error_not_found_body(inputs)
+	if (locale === "ru") return ru_error_not_found_body(inputs)
+	if (locale === "id") return id_error_not_found_body(inputs)
+	if (locale === "pt") return pt_error_not_found_body(inputs)
+	return fr_error_not_found_body(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/error_not_found_title.js b/ui/src/lib/paraglide/messages/error_not_found_title.js
new file mode 100644
index 0000000..8a3f8d5
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/error_not_found_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Error_Not_Found_TitleInputs */
+
+const en_error_not_found_title = /** @type {(inputs: Error_Not_Found_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Page not found`)
+};
+
+const ru_error_not_found_title = /** @type {(inputs: Error_Not_Found_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Страница не найдена`)
+};
+
+const id_error_not_found_title = /** @type {(inputs: Error_Not_Found_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Halaman tidak ditemukan`)
+};
+
+const pt_error_not_found_title = /** @type {(inputs: Error_Not_Found_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Página não encontrada`)
+};
+
+const fr_error_not_found_title = /** @type {(inputs: Error_Not_Found_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Page introuvable`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Page not found" |
+*
+* @param {Error_Not_Found_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const error_not_found_title = /** @type {((inputs?: Error_Not_Found_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Error_Not_Found_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_error_not_found_title(inputs)
+	if (locale === "ru") return ru_error_not_found_title(inputs)
+	if (locale === "id") return id_error_not_found_title(inputs)
+	if (locale === "pt") return pt_error_not_found_title(inputs)
+	return fr_error_not_found_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/error_status.js b/ui/src/lib/paraglide/messages/error_status.js
new file mode 100644
index 0000000..70b81c3
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/error_status.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ status: NonNullable<unknown> }} Error_StatusInputs */
+
+const en_error_status = /** @type {(inputs: Error_StatusInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Error ${i?.status}`)
+};
+
+const ru_error_status = /** @type {(inputs: Error_StatusInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Ошибка ${i?.status}`)
+};
+
+const id_error_status = /** @type {(inputs: Error_StatusInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Error ${i?.status}`)
+};
+
+const pt_error_status = /** @type {(inputs: Error_StatusInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Erro ${i?.status}`)
+};
+
+const fr_error_status = /** @type {(inputs: Error_StatusInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Erreur ${i?.status}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Error {status}" |
+*
+* @param {Error_StatusInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const error_status = /** @type {((inputs: Error_StatusInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Error_StatusInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_error_status(inputs)
+	if (locale === "ru") return ru_error_status(inputs)
+	if (locale === "id") return id_error_status(inputs)
+	if (locale === "pt") return pt_error_status(inputs)
+	return fr_error_status(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/feed_browse_cta.js b/ui/src/lib/paraglide/messages/feed_browse_cta.js
new file mode 100644
index 0000000..a600d5c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/feed_browse_cta.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Feed_Browse_CtaInputs */
+
+const en_feed_browse_cta = /** @type {(inputs: Feed_Browse_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Browse catalogue`)
+};
+
+const ru_feed_browse_cta = /** @type {(inputs: Feed_Browse_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Каталог`)
+};
+
+const id_feed_browse_cta = /** @type {(inputs: Feed_Browse_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Jelajahi katalog`)
+};
+
+const pt_feed_browse_cta = /** @type {(inputs: Feed_Browse_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ver catálogo`)
+};
+
+const fr_feed_browse_cta = /** @type {(inputs: Feed_Browse_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Parcourir le catalogue`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Browse catalogue" |
+*
+* @param {Feed_Browse_CtaInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const feed_browse_cta = /** @type {((inputs?: Feed_Browse_CtaInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Feed_Browse_CtaInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_feed_browse_cta(inputs)
+	if (locale === "ru") return ru_feed_browse_cta(inputs)
+	if (locale === "id") return id_feed_browse_cta(inputs)
+	if (locale === "pt") return pt_feed_browse_cta(inputs)
+	return fr_feed_browse_cta(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/feed_chapters_label.js b/ui/src/lib/paraglide/messages/feed_chapters_label.js
new file mode 100644
index 0000000..f84611f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/feed_chapters_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Feed_Chapters_LabelInputs */
+
+const en_feed_chapters_label = /** @type {(inputs: Feed_Chapters_LabelInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} chapters`)
+};
+
+const ru_feed_chapters_label = /** @type {(inputs: Feed_Chapters_LabelInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} глав`)
+};
+
+const id_feed_chapters_label = /** @type {(inputs: Feed_Chapters_LabelInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} bab`)
+};
+
+const pt_feed_chapters_label = /** @type {(inputs: Feed_Chapters_LabelInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} capítulos`)
+};
+
+const fr_feed_chapters_label = /** @type {(inputs: Feed_Chapters_LabelInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} chapitres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{n} chapters" |
+*
+* @param {Feed_Chapters_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const feed_chapters_label = /** @type {((inputs: Feed_Chapters_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Feed_Chapters_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_feed_chapters_label(inputs)
+	if (locale === "ru") return ru_feed_chapters_label(inputs)
+	if (locale === "id") return id_feed_chapters_label(inputs)
+	if (locale === "pt") return pt_feed_chapters_label(inputs)
+	return fr_feed_chapters_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/feed_empty_body.js b/ui/src/lib/paraglide/messages/feed_empty_body.js
new file mode 100644
index 0000000..5c5ad4b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/feed_empty_body.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Feed_Empty_BodyInputs */
+
+const en_feed_empty_body = /** @type {(inputs: Feed_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Follow other readers to see what they're reading.`)
+};
+
+const ru_feed_empty_body = /** @type {(inputs: Feed_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Подпишитесь на других читателей, чтобы видеть, что они читают.`)
+};
+
+const id_feed_empty_body = /** @type {(inputs: Feed_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ikuti pembaca lain untuk melihat apa yang mereka baca.`)
+};
+
+const pt_feed_empty_body = /** @type {(inputs: Feed_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Siga outros leitores para ver o que estão lendo.`)
+};
+
+const fr_feed_empty_body = /** @type {(inputs: Feed_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Suivez d'autres lecteurs pour voir ce qu'ils lisent.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Follow other readers to see what they're reading." |
+*
+* @param {Feed_Empty_BodyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const feed_empty_body = /** @type {((inputs?: Feed_Empty_BodyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Feed_Empty_BodyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_feed_empty_body(inputs)
+	if (locale === "ru") return ru_feed_empty_body(inputs)
+	if (locale === "id") return id_feed_empty_body(inputs)
+	if (locale === "pt") return pt_feed_empty_body(inputs)
+	return fr_feed_empty_body(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/feed_empty_heading.js b/ui/src/lib/paraglide/messages/feed_empty_heading.js
new file mode 100644
index 0000000..a2418fe
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/feed_empty_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Feed_Empty_HeadingInputs */
+
+const en_feed_empty_heading = /** @type {(inputs: Feed_Empty_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nothing here yet`)
+};
+
+const ru_feed_empty_heading = /** @type {(inputs: Feed_Empty_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Пока ничего нет`)
+};
+
+const id_feed_empty_heading = /** @type {(inputs: Feed_Empty_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Belum ada apa-apa`)
+};
+
+const pt_feed_empty_heading = /** @type {(inputs: Feed_Empty_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nada aqui ainda`)
+};
+
+const fr_feed_empty_heading = /** @type {(inputs: Feed_Empty_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rien encore`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Nothing here yet" |
+*
+* @param {Feed_Empty_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const feed_empty_heading = /** @type {((inputs?: Feed_Empty_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Feed_Empty_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_feed_empty_heading(inputs)
+	if (locale === "ru") return ru_feed_empty_heading(inputs)
+	if (locale === "id") return id_feed_empty_heading(inputs)
+	if (locale === "pt") return pt_feed_empty_heading(inputs)
+	return fr_feed_empty_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/feed_find_users_cta.js b/ui/src/lib/paraglide/messages/feed_find_users_cta.js
new file mode 100644
index 0000000..02cd69b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/feed_find_users_cta.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Feed_Find_Users_CtaInputs */
+
+const en_feed_find_users_cta = /** @type {(inputs: Feed_Find_Users_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Discover readers`)
+};
+
+const ru_feed_find_users_cta = /** @type {(inputs: Feed_Find_Users_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Найти читателей`)
+};
+
+const id_feed_find_users_cta = /** @type {(inputs: Feed_Find_Users_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Temukan pembaca`)
+};
+
+const pt_feed_find_users_cta = /** @type {(inputs: Feed_Find_Users_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Encontrar leitores`)
+};
+
+const fr_feed_find_users_cta = /** @type {(inputs: Feed_Find_Users_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Trouver des lecteurs`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Discover readers" |
+*
+* @param {Feed_Find_Users_CtaInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const feed_find_users_cta = /** @type {((inputs?: Feed_Find_Users_CtaInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Feed_Find_Users_CtaInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_feed_find_users_cta(inputs)
+	if (locale === "ru") return ru_feed_find_users_cta(inputs)
+	if (locale === "id") return id_feed_find_users_cta(inputs)
+	if (locale === "pt") return pt_feed_find_users_cta(inputs)
+	return fr_feed_find_users_cta(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/feed_heading.js b/ui/src/lib/paraglide/messages/feed_heading.js
new file mode 100644
index 0000000..62f4ae9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/feed_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Feed_HeadingInputs */
+
+const en_feed_heading = /** @type {(inputs: Feed_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Following Feed`)
+};
+
+const ru_feed_heading = /** @type {(inputs: Feed_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Лента подписок`)
+};
+
+const id_feed_heading = /** @type {(inputs: Feed_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Umpan Ikutan`)
+};
+
+const pt_feed_heading = /** @type {(inputs: Feed_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Feed de seguidos`)
+};
+
+const fr_feed_heading = /** @type {(inputs: Feed_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fil d'abonnements`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Following Feed" |
+*
+* @param {Feed_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const feed_heading = /** @type {((inputs?: Feed_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Feed_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_feed_heading(inputs)
+	if (locale === "ru") return ru_feed_heading(inputs)
+	if (locale === "id") return id_feed_heading(inputs)
+	if (locale === "pt") return pt_feed_heading(inputs)
+	return fr_feed_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/feed_not_logged_in.js b/ui/src/lib/paraglide/messages/feed_not_logged_in.js
new file mode 100644
index 0000000..0d894b1
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/feed_not_logged_in.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Feed_Not_Logged_InInputs */
+
+const en_feed_not_logged_in = /** @type {(inputs: Feed_Not_Logged_InInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sign in to see your feed.`)
+};
+
+const ru_feed_not_logged_in = /** @type {(inputs: Feed_Not_Logged_InInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Войдите, чтобы видеть свою ленту.`)
+};
+
+const id_feed_not_logged_in = /** @type {(inputs: Feed_Not_Logged_InInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Masuk untuk melihat umpan Anda.`)
+};
+
+const pt_feed_not_logged_in = /** @type {(inputs: Feed_Not_Logged_InInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Faça login para ver seu feed.`)
+};
+
+const fr_feed_not_logged_in = /** @type {(inputs: Feed_Not_Logged_InInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Connectez-vous pour voir votre fil.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Sign in to see your feed." |
+*
+* @param {Feed_Not_Logged_InInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const feed_not_logged_in = /** @type {((inputs?: Feed_Not_Logged_InInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Feed_Not_Logged_InInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_feed_not_logged_in(inputs)
+	if (locale === "ru") return ru_feed_not_logged_in(inputs)
+	if (locale === "id") return id_feed_not_logged_in(inputs)
+	if (locale === "pt") return pt_feed_not_logged_in(inputs)
+	return fr_feed_not_logged_in(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/feed_page_title.js b/ui/src/lib/paraglide/messages/feed_page_title.js
new file mode 100644
index 0000000..ae07a8d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/feed_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Feed_Page_TitleInputs */
+
+const en_feed_page_title = /** @type {(inputs: Feed_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Feed — LibNovel`)
+};
+
+const ru_feed_page_title = /** @type {(inputs: Feed_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Лента — LibNovel`)
+};
+
+const id_feed_page_title = /** @type {(inputs: Feed_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Umpan — LibNovel`)
+};
+
+const pt_feed_page_title = /** @type {(inputs: Feed_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Feed — LibNovel`)
+};
+
+const fr_feed_page_title = /** @type {(inputs: Feed_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fil — LibNovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Feed — LibNovel" |
+*
+* @param {Feed_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const feed_page_title = /** @type {((inputs?: Feed_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Feed_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_feed_page_title(inputs)
+	if (locale === "ru") return ru_feed_page_title(inputs)
+	if (locale === "id") return id_feed_page_title(inputs)
+	if (locale === "pt") return pt_feed_page_title(inputs)
+	return fr_feed_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/feed_reader_label.js b/ui/src/lib/paraglide/messages/feed_reader_label.js
new file mode 100644
index 0000000..43bf4fd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/feed_reader_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Feed_Reader_LabelInputs */
+
+const en_feed_reader_label = /** @type {(inputs: Feed_Reader_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`reading`)
+};
+
+const ru_feed_reader_label = /** @type {(inputs: Feed_Reader_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`читает`)
+};
+
+const id_feed_reader_label = /** @type {(inputs: Feed_Reader_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`membaca`)
+};
+
+const pt_feed_reader_label = /** @type {(inputs: Feed_Reader_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`lendo`)
+};
+
+const fr_feed_reader_label = /** @type {(inputs: Feed_Reader_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`lit`)
+};
+
+/**
+* | output |
+* | --- |
+* | "reading" |
+*
+* @param {Feed_Reader_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const feed_reader_label = /** @type {((inputs?: Feed_Reader_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Feed_Reader_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_feed_reader_label(inputs)
+	if (locale === "ru") return ru_feed_reader_label(inputs)
+	if (locale === "id") return id_feed_reader_label(inputs)
+	if (locale === "pt") return pt_feed_reader_label(inputs)
+	return fr_feed_reader_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/feed_subheading.js b/ui/src/lib/paraglide/messages/feed_subheading.js
new file mode 100644
index 0000000..d934e0f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/feed_subheading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Feed_SubheadingInputs */
+
+const en_feed_subheading = /** @type {(inputs: Feed_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Books your followed users are reading`)
+};
+
+const ru_feed_subheading = /** @type {(inputs: Feed_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Книги, которые читают ваши подписки`)
+};
+
+const id_feed_subheading = /** @type {(inputs: Feed_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Buku yang sedang dibaca oleh pengguna yang Anda ikuti`)
+};
+
+const pt_feed_subheading = /** @type {(inputs: Feed_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Livros que seus seguidos estão lendo`)
+};
+
+const fr_feed_subheading = /** @type {(inputs: Feed_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Livres lus par vos abonnements`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Books your followed users are reading" |
+*
+* @param {Feed_SubheadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const feed_subheading = /** @type {((inputs?: Feed_SubheadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Feed_SubheadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_feed_subheading(inputs)
+	if (locale === "ru") return ru_feed_subheading(inputs)
+	if (locale === "id") return id_feed_subheading(inputs)
+	if (locale === "pt") return pt_feed_subheading(inputs)
+	return fr_feed_subheading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/footer_catalogue.js b/ui/src/lib/paraglide/messages/footer_catalogue.js
new file mode 100644
index 0000000..08922cf
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/footer_catalogue.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Footer_CatalogueInputs */
+
+const en_footer_catalogue = /** @type {(inputs: Footer_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catalogue`)
+};
+
+const ru_footer_catalogue = /** @type {(inputs: Footer_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Каталог`)
+};
+
+const id_footer_catalogue = /** @type {(inputs: Footer_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Katalog`)
+};
+
+const pt_footer_catalogue = /** @type {(inputs: Footer_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catálogo`)
+};
+
+const fr_footer_catalogue = /** @type {(inputs: Footer_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catalogue`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Catalogue" |
+*
+* @param {Footer_CatalogueInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const footer_catalogue = /** @type {((inputs?: Footer_CatalogueInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Footer_CatalogueInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_footer_catalogue(inputs)
+	if (locale === "ru") return ru_footer_catalogue(inputs)
+	if (locale === "id") return id_footer_catalogue(inputs)
+	if (locale === "pt") return pt_footer_catalogue(inputs)
+	return fr_footer_catalogue(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/footer_copyright.js b/ui/src/lib/paraglide/messages/footer_copyright.js
new file mode 100644
index 0000000..ad14812
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/footer_copyright.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ year: NonNullable<unknown> }} Footer_CopyrightInputs */
+
+const en_footer_copyright = /** @type {(inputs: Footer_CopyrightInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`© ${i?.year} libnovel`)
+};
+
+const ru_footer_copyright = /** @type {(inputs: Footer_CopyrightInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`© ${i?.year} libnovel`)
+};
+
+const id_footer_copyright = /** @type {(inputs: Footer_CopyrightInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`© ${i?.year} libnovel`)
+};
+
+const pt_footer_copyright = /** @type {(inputs: Footer_CopyrightInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`© ${i?.year} libnovel`)
+};
+
+const fr_footer_copyright = /** @type {(inputs: Footer_CopyrightInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`© ${i?.year} libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "© {year} libnovel" |
+*
+* @param {Footer_CopyrightInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const footer_copyright = /** @type {((inputs: Footer_CopyrightInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Footer_CopyrightInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_footer_copyright(inputs)
+	if (locale === "ru") return ru_footer_copyright(inputs)
+	if (locale === "id") return id_footer_copyright(inputs)
+	if (locale === "pt") return pt_footer_copyright(inputs)
+	return fr_footer_copyright(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/footer_dev.js b/ui/src/lib/paraglide/messages/footer_dev.js
new file mode 100644
index 0000000..ccfa52d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/footer_dev.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Footer_DevInputs */
+
+const en_footer_dev = /** @type {(inputs: Footer_DevInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`dev`)
+};
+
+const ru_footer_dev = /** @type {(inputs: Footer_DevInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`dev`)
+};
+
+const id_footer_dev = /** @type {(inputs: Footer_DevInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`dev`)
+};
+
+const pt_footer_dev = /** @type {(inputs: Footer_DevInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`dev`)
+};
+
+const fr_footer_dev = /** @type {(inputs: Footer_DevInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`dev`)
+};
+
+/**
+* | output |
+* | --- |
+* | "dev" |
+*
+* @param {Footer_DevInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const footer_dev = /** @type {((inputs?: Footer_DevInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Footer_DevInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_footer_dev(inputs)
+	if (locale === "ru") return ru_footer_dev(inputs)
+	if (locale === "id") return id_footer_dev(inputs)
+	if (locale === "pt") return pt_footer_dev(inputs)
+	return fr_footer_dev(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/footer_disclaimer.js b/ui/src/lib/paraglide/messages/footer_disclaimer.js
new file mode 100644
index 0000000..0884adb
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/footer_disclaimer.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Footer_DisclaimerInputs */
+
+const en_footer_disclaimer = /** @type {(inputs: Footer_DisclaimerInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Disclaimer`)
+};
+
+const ru_footer_disclaimer = /** @type {(inputs: Footer_DisclaimerInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Отказ от ответственности`)
+};
+
+const id_footer_disclaimer = /** @type {(inputs: Footer_DisclaimerInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Penyangkalan`)
+};
+
+const pt_footer_disclaimer = /** @type {(inputs: Footer_DisclaimerInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aviso legal`)
+};
+
+const fr_footer_disclaimer = /** @type {(inputs: Footer_DisclaimerInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Avertissement`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Disclaimer" |
+*
+* @param {Footer_DisclaimerInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const footer_disclaimer = /** @type {((inputs?: Footer_DisclaimerInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Footer_DisclaimerInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_footer_disclaimer(inputs)
+	if (locale === "ru") return ru_footer_disclaimer(inputs)
+	if (locale === "id") return id_footer_disclaimer(inputs)
+	if (locale === "pt") return pt_footer_disclaimer(inputs)
+	return fr_footer_disclaimer(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/footer_dmca.js b/ui/src/lib/paraglide/messages/footer_dmca.js
new file mode 100644
index 0000000..c72cdc4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/footer_dmca.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Footer_DmcaInputs */
+
+const en_footer_dmca = /** @type {(inputs: Footer_DmcaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`DMCA`)
+};
+
+const ru_footer_dmca = /** @type {(inputs: Footer_DmcaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`DMCA`)
+};
+
+const id_footer_dmca = /** @type {(inputs: Footer_DmcaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`DMCA`)
+};
+
+const pt_footer_dmca = /** @type {(inputs: Footer_DmcaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`DMCA`)
+};
+
+const fr_footer_dmca = /** @type {(inputs: Footer_DmcaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`DMCA`)
+};
+
+/**
+* | output |
+* | --- |
+* | "DMCA" |
+*
+* @param {Footer_DmcaInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const footer_dmca = /** @type {((inputs?: Footer_DmcaInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Footer_DmcaInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_footer_dmca(inputs)
+	if (locale === "ru") return ru_footer_dmca(inputs)
+	if (locale === "id") return id_footer_dmca(inputs)
+	if (locale === "pt") return pt_footer_dmca(inputs)
+	return fr_footer_dmca(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/footer_feedback.js b/ui/src/lib/paraglide/messages/footer_feedback.js
new file mode 100644
index 0000000..d8acf29
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/footer_feedback.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Footer_FeedbackInputs */
+
+const en_footer_feedback = /** @type {(inputs: Footer_FeedbackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Feedback`)
+};
+
+const ru_footer_feedback = /** @type {(inputs: Footer_FeedbackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Обратная связь`)
+};
+
+const id_footer_feedback = /** @type {(inputs: Footer_FeedbackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Masukan`)
+};
+
+const pt_footer_feedback = /** @type {(inputs: Footer_FeedbackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Feedback`)
+};
+
+const fr_footer_feedback = /** @type {(inputs: Footer_FeedbackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Retour`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Feedback" |
+*
+* @param {Footer_FeedbackInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const footer_feedback = /** @type {((inputs?: Footer_FeedbackInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Footer_FeedbackInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_footer_feedback(inputs)
+	if (locale === "ru") return ru_footer_feedback(inputs)
+	if (locale === "id") return id_footer_feedback(inputs)
+	if (locale === "pt") return pt_footer_feedback(inputs)
+	return fr_footer_feedback(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/footer_library.js b/ui/src/lib/paraglide/messages/footer_library.js
new file mode 100644
index 0000000..3e112f9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/footer_library.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Footer_LibraryInputs */
+
+const en_footer_library = /** @type {(inputs: Footer_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Library`)
+};
+
+const ru_footer_library = /** @type {(inputs: Footer_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Библиотека`)
+};
+
+const id_footer_library = /** @type {(inputs: Footer_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Perpustakaan`)
+};
+
+const pt_footer_library = /** @type {(inputs: Footer_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Biblioteca`)
+};
+
+const fr_footer_library = /** @type {(inputs: Footer_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Bibliothèque`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Library" |
+*
+* @param {Footer_LibraryInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const footer_library = /** @type {((inputs?: Footer_LibraryInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Footer_LibraryInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_footer_library(inputs)
+	if (locale === "ru") return ru_footer_library(inputs)
+	if (locale === "id") return id_footer_library(inputs)
+	if (locale === "pt") return pt_footer_library(inputs)
+	return fr_footer_library(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/footer_privacy.js b/ui/src/lib/paraglide/messages/footer_privacy.js
new file mode 100644
index 0000000..20e33ef
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/footer_privacy.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Footer_PrivacyInputs */
+
+const en_footer_privacy = /** @type {(inputs: Footer_PrivacyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Privacy`)
+};
+
+const ru_footer_privacy = /** @type {(inputs: Footer_PrivacyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Конфиденциальность`)
+};
+
+const id_footer_privacy = /** @type {(inputs: Footer_PrivacyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Privasi`)
+};
+
+const pt_footer_privacy = /** @type {(inputs: Footer_PrivacyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Privacidade`)
+};
+
+const fr_footer_privacy = /** @type {(inputs: Footer_PrivacyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Confidentialité`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Privacy" |
+*
+* @param {Footer_PrivacyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const footer_privacy = /** @type {((inputs?: Footer_PrivacyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Footer_PrivacyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_footer_privacy(inputs)
+	if (locale === "ru") return ru_footer_privacy(inputs)
+	if (locale === "id") return id_footer_privacy(inputs)
+	if (locale === "pt") return pt_footer_privacy(inputs)
+	return fr_footer_privacy(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/home_chapter_badge.js b/ui/src/lib/paraglide/messages/home_chapter_badge.js
new file mode 100644
index 0000000..34e8f0c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/home_chapter_badge.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Home_Chapter_BadgeInputs */
+
+const en_home_chapter_badge = /** @type {(inputs: Home_Chapter_BadgeInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`ch.${i?.n}`)
+};
+
+const ru_home_chapter_badge = /** @type {(inputs: Home_Chapter_BadgeInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`гл.${i?.n}`)
+};
+
+const id_home_chapter_badge = /** @type {(inputs: Home_Chapter_BadgeInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`bab.${i?.n}`)
+};
+
+const pt_home_chapter_badge = /** @type {(inputs: Home_Chapter_BadgeInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`cap.${i?.n}`)
+};
+
+const fr_home_chapter_badge = /** @type {(inputs: Home_Chapter_BadgeInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`ch.${i?.n}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "ch.{n}" |
+*
+* @param {Home_Chapter_BadgeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const home_chapter_badge = /** @type {((inputs: Home_Chapter_BadgeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Home_Chapter_BadgeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_home_chapter_badge(inputs)
+	if (locale === "ru") return ru_home_chapter_badge(inputs)
+	if (locale === "id") return id_home_chapter_badge(inputs)
+	if (locale === "pt") return pt_home_chapter_badge(inputs)
+	return fr_home_chapter_badge(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/home_continue_reading.js b/ui/src/lib/paraglide/messages/home_continue_reading.js
new file mode 100644
index 0000000..aec66b0
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/home_continue_reading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Home_Continue_ReadingInputs */
+
+const en_home_continue_reading = /** @type {(inputs: Home_Continue_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Continue Reading`)
+};
+
+const ru_home_continue_reading = /** @type {(inputs: Home_Continue_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Продолжить чтение`)
+};
+
+const id_home_continue_reading = /** @type {(inputs: Home_Continue_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lanjutkan Membaca`)
+};
+
+const pt_home_continue_reading = /** @type {(inputs: Home_Continue_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Continuar Lendo`)
+};
+
+const fr_home_continue_reading = /** @type {(inputs: Home_Continue_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Continuer la lecture`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Continue Reading" |
+*
+* @param {Home_Continue_ReadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const home_continue_reading = /** @type {((inputs?: Home_Continue_ReadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Home_Continue_ReadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_home_continue_reading(inputs)
+	if (locale === "ru") return ru_home_continue_reading(inputs)
+	if (locale === "id") return id_home_continue_reading(inputs)
+	if (locale === "pt") return pt_home_continue_reading(inputs)
+	return fr_home_continue_reading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/home_discover_novels.js b/ui/src/lib/paraglide/messages/home_discover_novels.js
new file mode 100644
index 0000000..6862bdf
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/home_discover_novels.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Home_Discover_NovelsInputs */
+
+const en_home_discover_novels = /** @type {(inputs: Home_Discover_NovelsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Discover Novels`)
+};
+
+const ru_home_discover_novels = /** @type {(inputs: Home_Discover_NovelsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Открыть новеллы`)
+};
+
+const id_home_discover_novels = /** @type {(inputs: Home_Discover_NovelsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Temukan Novel`)
+};
+
+const pt_home_discover_novels = /** @type {(inputs: Home_Discover_NovelsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Descobrir Romances`)
+};
+
+const fr_home_discover_novels = /** @type {(inputs: Home_Discover_NovelsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Découvrir des romans`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Discover Novels" |
+*
+* @param {Home_Discover_NovelsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const home_discover_novels = /** @type {((inputs?: Home_Discover_NovelsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Home_Discover_NovelsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_home_discover_novels(inputs)
+	if (locale === "ru") return ru_home_discover_novels(inputs)
+	if (locale === "id") return id_home_discover_novels(inputs)
+	if (locale === "pt") return pt_home_discover_novels(inputs)
+	return fr_home_discover_novels(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/home_empty_body.js b/ui/src/lib/paraglide/messages/home_empty_body.js
new file mode 100644
index 0000000..34d0328
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/home_empty_body.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Home_Empty_BodyInputs */
+
+const en_home_empty_body = /** @type {(inputs: Home_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Discover novels and scrape them into your library.`)
+};
+
+const ru_home_empty_body = /** @type {(inputs: Home_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Откройте для себя новеллы и добавьте их в библиотеку.`)
+};
+
+const id_home_empty_body = /** @type {(inputs: Home_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Temukan novel dan tambahkan ke perpustakaanmu.`)
+};
+
+const pt_home_empty_body = /** @type {(inputs: Home_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Descubra romances e adicione à sua biblioteca.`)
+};
+
+const fr_home_empty_body = /** @type {(inputs: Home_Empty_BodyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Découvrez des romans et ajoutez-les à votre bibliothèque.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Discover novels and scrape them into your library." |
+*
+* @param {Home_Empty_BodyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const home_empty_body = /** @type {((inputs?: Home_Empty_BodyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Home_Empty_BodyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_home_empty_body(inputs)
+	if (locale === "ru") return ru_home_empty_body(inputs)
+	if (locale === "id") return id_home_empty_body(inputs)
+	if (locale === "pt") return pt_home_empty_body(inputs)
+	return fr_home_empty_body(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/home_empty_title.js b/ui/src/lib/paraglide/messages/home_empty_title.js
new file mode 100644
index 0000000..c3f775d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/home_empty_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Home_Empty_TitleInputs */
+
+const en_home_empty_title = /** @type {(inputs: Home_Empty_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Your library is empty`)
+};
+
+const ru_home_empty_title = /** @type {(inputs: Home_Empty_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ваша библиотека пуста`)
+};
+
+const id_home_empty_title = /** @type {(inputs: Home_Empty_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Perpustakaanmu kosong`)
+};
+
+const pt_home_empty_title = /** @type {(inputs: Home_Empty_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sua biblioteca está vazia`)
+};
+
+const fr_home_empty_title = /** @type {(inputs: Home_Empty_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Votre bibliothèque est vide`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Your library is empty" |
+*
+* @param {Home_Empty_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const home_empty_title = /** @type {((inputs?: Home_Empty_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Home_Empty_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_home_empty_title(inputs)
+	if (locale === "ru") return ru_home_empty_title(inputs)
+	if (locale === "id") return id_home_empty_title(inputs)
+	if (locale === "pt") return pt_home_empty_title(inputs)
+	return fr_home_empty_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/home_from_following.js b/ui/src/lib/paraglide/messages/home_from_following.js
new file mode 100644
index 0000000..2d1339d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/home_from_following.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Home_From_FollowingInputs */
+
+const en_home_from_following = /** @type {(inputs: Home_From_FollowingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`From People You Follow`)
+};
+
+const ru_home_from_following = /** @type {(inputs: Home_From_FollowingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`От авторов, на которых вы подписаны`)
+};
+
+const id_home_from_following = /** @type {(inputs: Home_From_FollowingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Dari Orang yang Kamu Ikuti`)
+};
+
+const pt_home_from_following = /** @type {(inputs: Home_From_FollowingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`De Quem Você Segue`)
+};
+
+const fr_home_from_following = /** @type {(inputs: Home_From_FollowingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Des personnes que vous suivez`)
+};
+
+/**
+* | output |
+* | --- |
+* | "From People You Follow" |
+*
+* @param {Home_From_FollowingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const home_from_following = /** @type {((inputs?: Home_From_FollowingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Home_From_FollowingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_home_from_following(inputs)
+	if (locale === "ru") return ru_home_from_following(inputs)
+	if (locale === "id") return id_home_from_following(inputs)
+	if (locale === "pt") return pt_home_from_following(inputs)
+	return fr_home_from_following(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/home_recently_updated.js b/ui/src/lib/paraglide/messages/home_recently_updated.js
new file mode 100644
index 0000000..07258e4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/home_recently_updated.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Home_Recently_UpdatedInputs */
+
+const en_home_recently_updated = /** @type {(inputs: Home_Recently_UpdatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Recently Updated`)
+};
+
+const ru_home_recently_updated = /** @type {(inputs: Home_Recently_UpdatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Недавно обновлённые`)
+};
+
+const id_home_recently_updated = /** @type {(inputs: Home_Recently_UpdatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Baru Diperbarui`)
+};
+
+const pt_home_recently_updated = /** @type {(inputs: Home_Recently_UpdatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Atualizados Recentemente`)
+};
+
+const fr_home_recently_updated = /** @type {(inputs: Home_Recently_UpdatedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Récemment mis à jour`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Recently Updated" |
+*
+* @param {Home_Recently_UpdatedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const home_recently_updated = /** @type {((inputs?: Home_Recently_UpdatedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Home_Recently_UpdatedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_home_recently_updated(inputs)
+	if (locale === "ru") return ru_home_recently_updated(inputs)
+	if (locale === "id") return id_home_recently_updated(inputs)
+	if (locale === "pt") return pt_home_recently_updated(inputs)
+	return fr_home_recently_updated(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/home_stat_books.js b/ui/src/lib/paraglide/messages/home_stat_books.js
new file mode 100644
index 0000000..c9ea056
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/home_stat_books.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Home_Stat_BooksInputs */
+
+const en_home_stat_books = /** @type {(inputs: Home_Stat_BooksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Books`)
+};
+
+const ru_home_stat_books = /** @type {(inputs: Home_Stat_BooksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Книги`)
+};
+
+const id_home_stat_books = /** @type {(inputs: Home_Stat_BooksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Buku`)
+};
+
+const pt_home_stat_books = /** @type {(inputs: Home_Stat_BooksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Livros`)
+};
+
+const fr_home_stat_books = /** @type {(inputs: Home_Stat_BooksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Livres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Books" |
+*
+* @param {Home_Stat_BooksInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const home_stat_books = /** @type {((inputs?: Home_Stat_BooksInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Home_Stat_BooksInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_home_stat_books(inputs)
+	if (locale === "ru") return ru_home_stat_books(inputs)
+	if (locale === "id") return id_home_stat_books(inputs)
+	if (locale === "pt") return pt_home_stat_books(inputs)
+	return fr_home_stat_books(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/home_stat_chapters.js b/ui/src/lib/paraglide/messages/home_stat_chapters.js
new file mode 100644
index 0000000..d698b50
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/home_stat_chapters.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Home_Stat_ChaptersInputs */
+
+const en_home_stat_chapters = /** @type {(inputs: Home_Stat_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapters`)
+};
+
+const ru_home_stat_chapters = /** @type {(inputs: Home_Stat_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Главы`)
+};
+
+const id_home_stat_chapters = /** @type {(inputs: Home_Stat_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Bab`)
+};
+
+const pt_home_stat_chapters = /** @type {(inputs: Home_Stat_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Capítulos`)
+};
+
+const fr_home_stat_chapters = /** @type {(inputs: Home_Stat_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapitres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Chapters" |
+*
+* @param {Home_Stat_ChaptersInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const home_stat_chapters = /** @type {((inputs?: Home_Stat_ChaptersInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Home_Stat_ChaptersInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_home_stat_chapters(inputs)
+	if (locale === "ru") return ru_home_stat_chapters(inputs)
+	if (locale === "id") return id_home_stat_chapters(inputs)
+	if (locale === "pt") return pt_home_stat_chapters(inputs)
+	return fr_home_stat_chapters(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/home_stat_in_progress.js b/ui/src/lib/paraglide/messages/home_stat_in_progress.js
new file mode 100644
index 0000000..e00cf6f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/home_stat_in_progress.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Home_Stat_In_ProgressInputs */
+
+const en_home_stat_in_progress = /** @type {(inputs: Home_Stat_In_ProgressInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`In progress`)
+};
+
+const ru_home_stat_in_progress = /** @type {(inputs: Home_Stat_In_ProgressInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`В процессе`)
+};
+
+const id_home_stat_in_progress = /** @type {(inputs: Home_Stat_In_ProgressInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sedang dibaca`)
+};
+
+const pt_home_stat_in_progress = /** @type {(inputs: Home_Stat_In_ProgressInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Em andamento`)
+};
+
+const fr_home_stat_in_progress = /** @type {(inputs: Home_Stat_In_ProgressInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`En cours`)
+};
+
+/**
+* | output |
+* | --- |
+* | "In progress" |
+*
+* @param {Home_Stat_In_ProgressInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const home_stat_in_progress = /** @type {((inputs?: Home_Stat_In_ProgressInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Home_Stat_In_ProgressInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_home_stat_in_progress(inputs)
+	if (locale === "ru") return ru_home_stat_in_progress(inputs)
+	if (locale === "id") return id_home_stat_in_progress(inputs)
+	if (locale === "pt") return pt_home_stat_in_progress(inputs)
+	return fr_home_stat_in_progress(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/home_title.js b/ui/src/lib/paraglide/messages/home_title.js
new file mode 100644
index 0000000..d7301ee
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/home_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Home_TitleInputs */
+
+const en_home_title = /** @type {(inputs: Home_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`libnovel`)
+};
+
+const ru_home_title = /** @type {(inputs: Home_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`libnovel`)
+};
+
+const id_home_title = /** @type {(inputs: Home_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`libnovel`)
+};
+
+const pt_home_title = /** @type {(inputs: Home_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`libnovel`)
+};
+
+const fr_home_title = /** @type {(inputs: Home_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "libnovel" |
+*
+* @param {Home_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const home_title = /** @type {((inputs?: Home_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Home_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_home_title(inputs)
+	if (locale === "ru") return ru_home_title(inputs)
+	if (locale === "id") return id_home_title(inputs)
+	if (locale === "pt") return pt_home_title(inputs)
+	return fr_home_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/home_via_reader.js b/ui/src/lib/paraglide/messages/home_via_reader.js
new file mode 100644
index 0000000..d34d91e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/home_via_reader.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ username: NonNullable<unknown> }} Home_Via_ReaderInputs */
+
+const en_home_via_reader = /** @type {(inputs: Home_Via_ReaderInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`via ${i?.username}`)
+};
+
+const ru_home_via_reader = /** @type {(inputs: Home_Via_ReaderInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`от ${i?.username}`)
+};
+
+const id_home_via_reader = /** @type {(inputs: Home_Via_ReaderInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`via ${i?.username}`)
+};
+
+const pt_home_via_reader = /** @type {(inputs: Home_Via_ReaderInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`via ${i?.username}`)
+};
+
+const fr_home_via_reader = /** @type {(inputs: Home_Via_ReaderInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`via ${i?.username}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "via {username}" |
+*
+* @param {Home_Via_ReaderInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const home_via_reader = /** @type {((inputs: Home_Via_ReaderInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Home_Via_ReaderInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_home_via_reader(inputs)
+	if (locale === "ru") return ru_home_via_reader(inputs)
+	if (locale === "id") return id_home_via_reader(inputs)
+	if (locale === "pt") return pt_home_via_reader(inputs)
+	return fr_home_via_reader(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/home_view_all.js b/ui/src/lib/paraglide/messages/home_view_all.js
new file mode 100644
index 0000000..e239ae9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/home_view_all.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Home_View_AllInputs */
+
+const en_home_view_all = /** @type {(inputs: Home_View_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`View all`)
+};
+
+const ru_home_view_all = /** @type {(inputs: Home_View_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Смотреть все`)
+};
+
+const id_home_view_all = /** @type {(inputs: Home_View_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lihat semua`)
+};
+
+const pt_home_view_all = /** @type {(inputs: Home_View_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ver tudo`)
+};
+
+const fr_home_view_all = /** @type {(inputs: Home_View_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voir tout`)
+};
+
+/**
+* | output |
+* | --- |
+* | "View all" |
+*
+* @param {Home_View_AllInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const home_view_all = /** @type {((inputs?: Home_View_AllInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Home_View_AllInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_home_view_all(inputs)
+	if (locale === "ru") return ru_home_view_all(inputs)
+	if (locale === "id") return id_home_view_all(inputs)
+	if (locale === "pt") return pt_home_view_all(inputs)
+	return fr_home_view_all(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/locale_switcher_label.js b/ui/src/lib/paraglide/messages/locale_switcher_label.js
new file mode 100644
index 0000000..f6284b8
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/locale_switcher_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Locale_Switcher_LabelInputs */
+
+const en_locale_switcher_label = /** @type {(inputs: Locale_Switcher_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Language`)
+};
+
+const ru_locale_switcher_label = /** @type {(inputs: Locale_Switcher_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Язык`)
+};
+
+const id_locale_switcher_label = /** @type {(inputs: Locale_Switcher_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Bahasa`)
+};
+
+const pt_locale_switcher_label = /** @type {(inputs: Locale_Switcher_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Idioma`)
+};
+
+const fr_locale_switcher_label = /** @type {(inputs: Locale_Switcher_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Langue`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Language" |
+*
+* @param {Locale_Switcher_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const locale_switcher_label = /** @type {((inputs?: Locale_Switcher_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Locale_Switcher_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_locale_switcher_label(inputs)
+	if (locale === "ru") return ru_locale_switcher_label(inputs)
+	if (locale === "id") return id_locale_switcher_label(inputs)
+	if (locale === "pt") return pt_locale_switcher_label(inputs)
+	return fr_locale_switcher_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/login_continue_github.js b/ui/src/lib/paraglide/messages/login_continue_github.js
new file mode 100644
index 0000000..8531113
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/login_continue_github.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Login_Continue_GithubInputs */
+
+const en_login_continue_github = /** @type {(inputs: Login_Continue_GithubInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Continue with GitHub`)
+};
+
+const ru_login_continue_github = /** @type {(inputs: Login_Continue_GithubInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Продолжить с GitHub`)
+};
+
+const id_login_continue_github = /** @type {(inputs: Login_Continue_GithubInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lanjutkan dengan GitHub`)
+};
+
+const pt_login_continue_github = /** @type {(inputs: Login_Continue_GithubInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Continuar com GitHub`)
+};
+
+const fr_login_continue_github = /** @type {(inputs: Login_Continue_GithubInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Continuer avec GitHub`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Continue with GitHub" |
+*
+* @param {Login_Continue_GithubInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const login_continue_github = /** @type {((inputs?: Login_Continue_GithubInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Login_Continue_GithubInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_login_continue_github(inputs)
+	if (locale === "ru") return ru_login_continue_github(inputs)
+	if (locale === "id") return id_login_continue_github(inputs)
+	if (locale === "pt") return pt_login_continue_github(inputs)
+	return fr_login_continue_github(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/login_continue_google.js b/ui/src/lib/paraglide/messages/login_continue_google.js
new file mode 100644
index 0000000..d1c751e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/login_continue_google.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Login_Continue_GoogleInputs */
+
+const en_login_continue_google = /** @type {(inputs: Login_Continue_GoogleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Continue with Google`)
+};
+
+const ru_login_continue_google = /** @type {(inputs: Login_Continue_GoogleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Продолжить с Google`)
+};
+
+const id_login_continue_google = /** @type {(inputs: Login_Continue_GoogleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lanjutkan dengan Google`)
+};
+
+const pt_login_continue_google = /** @type {(inputs: Login_Continue_GoogleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Continuar com Google`)
+};
+
+const fr_login_continue_google = /** @type {(inputs: Login_Continue_GoogleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Continuer avec Google`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Continue with Google" |
+*
+* @param {Login_Continue_GoogleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const login_continue_google = /** @type {((inputs?: Login_Continue_GoogleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Login_Continue_GoogleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_login_continue_google(inputs)
+	if (locale === "ru") return ru_login_continue_google(inputs)
+	if (locale === "id") return id_login_continue_google(inputs)
+	if (locale === "pt") return pt_login_continue_google(inputs)
+	return fr_login_continue_google(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/login_error_oauth_failed.js b/ui/src/lib/paraglide/messages/login_error_oauth_failed.js
new file mode 100644
index 0000000..5bf8b72
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/login_error_oauth_failed.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Login_Error_Oauth_FailedInputs */
+
+const en_login_error_oauth_failed = /** @type {(inputs: Login_Error_Oauth_FailedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Could not connect to the provider. Please try again.`)
+};
+
+const ru_login_error_oauth_failed = /** @type {(inputs: Login_Error_Oauth_FailedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Не удалось подключиться к провайдеру. Попробуйте снова.`)
+};
+
+const id_login_error_oauth_failed = /** @type {(inputs: Login_Error_Oauth_FailedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tidak dapat terhubung ke penyedia. Coba lagi.`)
+};
+
+const pt_login_error_oauth_failed = /** @type {(inputs: Login_Error_Oauth_FailedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Não foi possível conectar ao provedor. Tente novamente.`)
+};
+
+const fr_login_error_oauth_failed = /** @type {(inputs: Login_Error_Oauth_FailedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Impossible de se connecter au fournisseur. Veuillez réessayer.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Could not connect to the provider. Please try again." |
+*
+* @param {Login_Error_Oauth_FailedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const login_error_oauth_failed = /** @type {((inputs?: Login_Error_Oauth_FailedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Login_Error_Oauth_FailedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_login_error_oauth_failed(inputs)
+	if (locale === "ru") return ru_login_error_oauth_failed(inputs)
+	if (locale === "id") return id_login_error_oauth_failed(inputs)
+	if (locale === "pt") return pt_login_error_oauth_failed(inputs)
+	return fr_login_error_oauth_failed(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/login_error_oauth_no_email.js b/ui/src/lib/paraglide/messages/login_error_oauth_no_email.js
new file mode 100644
index 0000000..4761016
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/login_error_oauth_no_email.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Login_Error_Oauth_No_EmailInputs */
+
+const en_login_error_oauth_no_email = /** @type {(inputs: Login_Error_Oauth_No_EmailInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Your account has no verified email address. Please add one and retry.`)
+};
+
+const ru_login_error_oauth_no_email = /** @type {(inputs: Login_Error_Oauth_No_EmailInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`У вашего аккаунта нет подтверждённого email. Добавьте его и повторите попытку.`)
+};
+
+const id_login_error_oauth_no_email = /** @type {(inputs: Login_Error_Oauth_No_EmailInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Akunmu tidak memiliki alamat email terverifikasi. Tambahkan dan coba lagi.`)
+};
+
+const pt_login_error_oauth_no_email = /** @type {(inputs: Login_Error_Oauth_No_EmailInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sua conta não tem endereço de email verificado. Adicione um e tente novamente.`)
+};
+
+const fr_login_error_oauth_no_email = /** @type {(inputs: Login_Error_Oauth_No_EmailInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Votre compte n'a pas d'adresse e-mail vérifiée. Ajoutez-en une et réessayez.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Your account has no verified email address. Please add one and retry." |
+*
+* @param {Login_Error_Oauth_No_EmailInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const login_error_oauth_no_email = /** @type {((inputs?: Login_Error_Oauth_No_EmailInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Login_Error_Oauth_No_EmailInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_login_error_oauth_no_email(inputs)
+	if (locale === "ru") return ru_login_error_oauth_no_email(inputs)
+	if (locale === "id") return id_login_error_oauth_no_email(inputs)
+	if (locale === "pt") return pt_login_error_oauth_no_email(inputs)
+	return fr_login_error_oauth_no_email(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/login_error_oauth_state.js b/ui/src/lib/paraglide/messages/login_error_oauth_state.js
new file mode 100644
index 0000000..ab40e21
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/login_error_oauth_state.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Login_Error_Oauth_StateInputs */
+
+const en_login_error_oauth_state = /** @type {(inputs: Login_Error_Oauth_StateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sign-in was cancelled or expired. Please try again.`)
+};
+
+const ru_login_error_oauth_state = /** @type {(inputs: Login_Error_Oauth_StateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Вход отменён или истёк срок действия. Попробуйте снова.`)
+};
+
+const id_login_error_oauth_state = /** @type {(inputs: Login_Error_Oauth_StateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Masuk dibatalkan atau kedaluwarsa. Coba lagi.`)
+};
+
+const pt_login_error_oauth_state = /** @type {(inputs: Login_Error_Oauth_StateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Login cancelado ou expirado. Tente novamente.`)
+};
+
+const fr_login_error_oauth_state = /** @type {(inputs: Login_Error_Oauth_StateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Connexion annulée ou expirée. Veuillez réessayer.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Sign-in was cancelled or expired. Please try again." |
+*
+* @param {Login_Error_Oauth_StateInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const login_error_oauth_state = /** @type {((inputs?: Login_Error_Oauth_StateInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Login_Error_Oauth_StateInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_login_error_oauth_state(inputs)
+	if (locale === "ru") return ru_login_error_oauth_state(inputs)
+	if (locale === "id") return id_login_error_oauth_state(inputs)
+	if (locale === "pt") return pt_login_error_oauth_state(inputs)
+	return fr_login_error_oauth_state(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/login_heading.js b/ui/src/lib/paraglide/messages/login_heading.js
new file mode 100644
index 0000000..4328fdd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/login_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Login_HeadingInputs */
+
+const en_login_heading = /** @type {(inputs: Login_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sign in to libnovel`)
+};
+
+const ru_login_heading = /** @type {(inputs: Login_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Войти в libnovel`)
+};
+
+const id_login_heading = /** @type {(inputs: Login_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Masuk ke libnovel`)
+};
+
+const pt_login_heading = /** @type {(inputs: Login_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Entrar no libnovel`)
+};
+
+const fr_login_heading = /** @type {(inputs: Login_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Se connecter à libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Sign in to libnovel" |
+*
+* @param {Login_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const login_heading = /** @type {((inputs?: Login_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Login_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_login_heading(inputs)
+	if (locale === "ru") return ru_login_heading(inputs)
+	if (locale === "id") return id_login_heading(inputs)
+	if (locale === "pt") return pt_login_heading(inputs)
+	return fr_login_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/login_page_title.js b/ui/src/lib/paraglide/messages/login_page_title.js
new file mode 100644
index 0000000..70255dd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/login_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Login_Page_TitleInputs */
+
+const en_login_page_title = /** @type {(inputs: Login_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sign in — libnovel`)
+};
+
+const ru_login_page_title = /** @type {(inputs: Login_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Вход — libnovel`)
+};
+
+const id_login_page_title = /** @type {(inputs: Login_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Masuk — libnovel`)
+};
+
+const pt_login_page_title = /** @type {(inputs: Login_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Entrar — libnovel`)
+};
+
+const fr_login_page_title = /** @type {(inputs: Login_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Connexion — libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Sign in — libnovel" |
+*
+* @param {Login_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const login_page_title = /** @type {((inputs?: Login_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Login_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_login_page_title(inputs)
+	if (locale === "ru") return ru_login_page_title(inputs)
+	if (locale === "id") return id_login_page_title(inputs)
+	if (locale === "pt") return pt_login_page_title(inputs)
+	return fr_login_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/login_subheading.js b/ui/src/lib/paraglide/messages/login_subheading.js
new file mode 100644
index 0000000..f1008d1
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/login_subheading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Login_SubheadingInputs */
+
+const en_login_subheading = /** @type {(inputs: Login_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Choose a provider to continue`)
+};
+
+const ru_login_subheading = /** @type {(inputs: Login_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Выберите провайдера для входа`)
+};
+
+const id_login_subheading = /** @type {(inputs: Login_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pilih penyedia untuk melanjutkan`)
+};
+
+const pt_login_subheading = /** @type {(inputs: Login_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Escolha um provedor para continuar`)
+};
+
+const fr_login_subheading = /** @type {(inputs: Login_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Choisissez un fournisseur pour continuer`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Choose a provider to continue" |
+*
+* @param {Login_SubheadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const login_subheading = /** @type {((inputs?: Login_SubheadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Login_SubheadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_login_subheading(inputs)
+	if (locale === "ru") return ru_login_subheading(inputs)
+	if (locale === "id") return id_login_subheading(inputs)
+	if (locale === "pt") return pt_login_subheading(inputs)
+	return fr_login_subheading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/login_terms_notice.js b/ui/src/lib/paraglide/messages/login_terms_notice.js
new file mode 100644
index 0000000..412345b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/login_terms_notice.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Login_Terms_NoticeInputs */
+
+const en_login_terms_notice = /** @type {(inputs: Login_Terms_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`By signing in you agree to our terms of service.`)
+};
+
+const ru_login_terms_notice = /** @type {(inputs: Login_Terms_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Входя, вы принимаете наши условия использования.`)
+};
+
+const id_login_terms_notice = /** @type {(inputs: Login_Terms_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Dengan masuk, kamu menyetujui syarat layanan kami.`)
+};
+
+const pt_login_terms_notice = /** @type {(inputs: Login_Terms_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ao entrar, você concorda com nossos termos de serviço.`)
+};
+
+const fr_login_terms_notice = /** @type {(inputs: Login_Terms_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`En vous connectant, vous acceptez nos conditions d'utilisation.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "By signing in you agree to our terms of service." |
+*
+* @param {Login_Terms_NoticeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const login_terms_notice = /** @type {((inputs?: Login_Terms_NoticeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Login_Terms_NoticeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_login_terms_notice(inputs)
+	if (locale === "ru") return ru_login_terms_notice(inputs)
+	if (locale === "id") return id_login_terms_notice(inputs)
+	if (locale === "pt") return pt_login_terms_notice(inputs)
+	return fr_login_terms_notice(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/nav_admin.js b/ui/src/lib/paraglide/messages/nav_admin.js
new file mode 100644
index 0000000..69179b1
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/nav_admin.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Nav_AdminInputs */
+
+const en_nav_admin = /** @type {(inputs: Nav_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Admin`)
+};
+
+const ru_nav_admin = /** @type {(inputs: Nav_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Админ`)
+};
+
+const id_nav_admin = /** @type {(inputs: Nav_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Admin`)
+};
+
+const pt_nav_admin = /** @type {(inputs: Nav_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Admin`)
+};
+
+const fr_nav_admin = /** @type {(inputs: Nav_AdminInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Admin`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Admin" |
+*
+* @param {Nav_AdminInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const nav_admin = /** @type {((inputs?: Nav_AdminInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Nav_AdminInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_nav_admin(inputs)
+	if (locale === "ru") return ru_nav_admin(inputs)
+	if (locale === "id") return id_nav_admin(inputs)
+	if (locale === "pt") return pt_nav_admin(inputs)
+	return fr_nav_admin(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/nav_admin_panel.js b/ui/src/lib/paraglide/messages/nav_admin_panel.js
new file mode 100644
index 0000000..4434dd9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/nav_admin_panel.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Nav_Admin_PanelInputs */
+
+const en_nav_admin_panel = /** @type {(inputs: Nav_Admin_PanelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Admin panel`)
+};
+
+const ru_nav_admin_panel = /** @type {(inputs: Nav_Admin_PanelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Панель администратора`)
+};
+
+const id_nav_admin_panel = /** @type {(inputs: Nav_Admin_PanelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Panel admin`)
+};
+
+const pt_nav_admin_panel = /** @type {(inputs: Nav_Admin_PanelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Painel admin`)
+};
+
+const fr_nav_admin_panel = /** @type {(inputs: Nav_Admin_PanelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Panneau admin`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Admin panel" |
+*
+* @param {Nav_Admin_PanelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const nav_admin_panel = /** @type {((inputs?: Nav_Admin_PanelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Nav_Admin_PanelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_nav_admin_panel(inputs)
+	if (locale === "ru") return ru_nav_admin_panel(inputs)
+	if (locale === "id") return id_nav_admin_panel(inputs)
+	if (locale === "pt") return pt_nav_admin_panel(inputs)
+	return fr_nav_admin_panel(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/nav_catalogue.js b/ui/src/lib/paraglide/messages/nav_catalogue.js
new file mode 100644
index 0000000..a456bfd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/nav_catalogue.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Nav_CatalogueInputs */
+
+const en_nav_catalogue = /** @type {(inputs: Nav_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catalogue`)
+};
+
+const ru_nav_catalogue = /** @type {(inputs: Nav_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Каталог`)
+};
+
+const id_nav_catalogue = /** @type {(inputs: Nav_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Katalog`)
+};
+
+const pt_nav_catalogue = /** @type {(inputs: Nav_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catálogo`)
+};
+
+const fr_nav_catalogue = /** @type {(inputs: Nav_CatalogueInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Catalogue`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Catalogue" |
+*
+* @param {Nav_CatalogueInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const nav_catalogue = /** @type {((inputs?: Nav_CatalogueInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Nav_CatalogueInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_nav_catalogue(inputs)
+	if (locale === "ru") return ru_nav_catalogue(inputs)
+	if (locale === "id") return id_nav_catalogue(inputs)
+	if (locale === "pt") return pt_nav_catalogue(inputs)
+	return fr_nav_catalogue(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/nav_feed.js b/ui/src/lib/paraglide/messages/nav_feed.js
new file mode 100644
index 0000000..b5ce336
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/nav_feed.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Nav_FeedInputs */
+
+const en_nav_feed = /** @type {(inputs: Nav_FeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Feed`)
+};
+
+const ru_nav_feed = /** @type {(inputs: Nav_FeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Лента`)
+};
+
+const id_nav_feed = /** @type {(inputs: Nav_FeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Umpan`)
+};
+
+const pt_nav_feed = /** @type {(inputs: Nav_FeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Feed`)
+};
+
+const fr_nav_feed = /** @type {(inputs: Nav_FeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fil`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Feed" |
+*
+* @param {Nav_FeedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const nav_feed = /** @type {((inputs?: Nav_FeedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Nav_FeedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_nav_feed(inputs)
+	if (locale === "ru") return ru_nav_feed(inputs)
+	if (locale === "id") return id_nav_feed(inputs)
+	if (locale === "pt") return pt_nav_feed(inputs)
+	return fr_nav_feed(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/nav_feedback.js b/ui/src/lib/paraglide/messages/nav_feedback.js
new file mode 100644
index 0000000..37fe80c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/nav_feedback.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Nav_FeedbackInputs */
+
+const en_nav_feedback = /** @type {(inputs: Nav_FeedbackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Feedback`)
+};
+
+const ru_nav_feedback = /** @type {(inputs: Nav_FeedbackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Обратная связь`)
+};
+
+const id_nav_feedback = /** @type {(inputs: Nav_FeedbackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Masukan`)
+};
+
+const pt_nav_feedback = /** @type {(inputs: Nav_FeedbackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Feedback`)
+};
+
+const fr_nav_feedback = /** @type {(inputs: Nav_FeedbackInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Retour`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Feedback" |
+*
+* @param {Nav_FeedbackInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const nav_feedback = /** @type {((inputs?: Nav_FeedbackInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Nav_FeedbackInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_nav_feedback(inputs)
+	if (locale === "ru") return ru_nav_feedback(inputs)
+	if (locale === "id") return id_nav_feedback(inputs)
+	if (locale === "pt") return pt_nav_feedback(inputs)
+	return fr_nav_feedback(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/nav_library.js b/ui/src/lib/paraglide/messages/nav_library.js
new file mode 100644
index 0000000..1d2c18f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/nav_library.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Nav_LibraryInputs */
+
+const en_nav_library = /** @type {(inputs: Nav_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Library`)
+};
+
+const ru_nav_library = /** @type {(inputs: Nav_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Библиотека`)
+};
+
+const id_nav_library = /** @type {(inputs: Nav_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Perpustakaan`)
+};
+
+const pt_nav_library = /** @type {(inputs: Nav_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Biblioteca`)
+};
+
+const fr_nav_library = /** @type {(inputs: Nav_LibraryInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Bibliothèque`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Library" |
+*
+* @param {Nav_LibraryInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const nav_library = /** @type {((inputs?: Nav_LibraryInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Nav_LibraryInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_nav_library(inputs)
+	if (locale === "ru") return ru_nav_library(inputs)
+	if (locale === "id") return id_nav_library(inputs)
+	if (locale === "pt") return pt_nav_library(inputs)
+	return fr_nav_library(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/nav_profile.js b/ui/src/lib/paraglide/messages/nav_profile.js
new file mode 100644
index 0000000..c4b84b7
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/nav_profile.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Nav_ProfileInputs */
+
+const en_nav_profile = /** @type {(inputs: Nav_ProfileInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Profile`)
+};
+
+const ru_nav_profile = /** @type {(inputs: Nav_ProfileInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Профиль`)
+};
+
+const id_nav_profile = /** @type {(inputs: Nav_ProfileInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Profil`)
+};
+
+const pt_nav_profile = /** @type {(inputs: Nav_ProfileInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Perfil`)
+};
+
+const fr_nav_profile = /** @type {(inputs: Nav_ProfileInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Profil`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Profile" |
+*
+* @param {Nav_ProfileInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const nav_profile = /** @type {((inputs?: Nav_ProfileInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Nav_ProfileInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_nav_profile(inputs)
+	if (locale === "ru") return ru_nav_profile(inputs)
+	if (locale === "id") return id_nav_profile(inputs)
+	if (locale === "pt") return pt_nav_profile(inputs)
+	return fr_nav_profile(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/nav_sign_in.js b/ui/src/lib/paraglide/messages/nav_sign_in.js
new file mode 100644
index 0000000..b50ceb1
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/nav_sign_in.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Nav_Sign_InInputs */
+
+const en_nav_sign_in = /** @type {(inputs: Nav_Sign_InInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sign in`)
+};
+
+const ru_nav_sign_in = /** @type {(inputs: Nav_Sign_InInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Войти`)
+};
+
+const id_nav_sign_in = /** @type {(inputs: Nav_Sign_InInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Masuk`)
+};
+
+const pt_nav_sign_in = /** @type {(inputs: Nav_Sign_InInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Entrar`)
+};
+
+const fr_nav_sign_in = /** @type {(inputs: Nav_Sign_InInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Connexion`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Sign in" |
+*
+* @param {Nav_Sign_InInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const nav_sign_in = /** @type {((inputs?: Nav_Sign_InInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Nav_Sign_InInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_nav_sign_in(inputs)
+	if (locale === "ru") return ru_nav_sign_in(inputs)
+	if (locale === "id") return id_nav_sign_in(inputs)
+	if (locale === "pt") return pt_nav_sign_in(inputs)
+	return fr_nav_sign_in(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/nav_sign_out.js b/ui/src/lib/paraglide/messages/nav_sign_out.js
new file mode 100644
index 0000000..26e1e43
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/nav_sign_out.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Nav_Sign_OutInputs */
+
+const en_nav_sign_out = /** @type {(inputs: Nav_Sign_OutInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sign out`)
+};
+
+const ru_nav_sign_out = /** @type {(inputs: Nav_Sign_OutInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Выйти`)
+};
+
+const id_nav_sign_out = /** @type {(inputs: Nav_Sign_OutInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Keluar`)
+};
+
+const pt_nav_sign_out = /** @type {(inputs: Nav_Sign_OutInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sair`)
+};
+
+const fr_nav_sign_out = /** @type {(inputs: Nav_Sign_OutInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Déconnexion`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Sign out" |
+*
+* @param {Nav_Sign_OutInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const nav_sign_out = /** @type {((inputs?: Nav_Sign_OutInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Nav_Sign_OutInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_nav_sign_out(inputs)
+	if (locale === "ru") return ru_nav_sign_out(inputs)
+	if (locale === "id") return id_nav_sign_out(inputs)
+	if (locale === "pt") return pt_nav_sign_out(inputs)
+	return fr_nav_sign_out(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/nav_toggle_menu.js b/ui/src/lib/paraglide/messages/nav_toggle_menu.js
new file mode 100644
index 0000000..ad509d4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/nav_toggle_menu.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Nav_Toggle_MenuInputs */
+
+const en_nav_toggle_menu = /** @type {(inputs: Nav_Toggle_MenuInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Toggle menu`)
+};
+
+const ru_nav_toggle_menu = /** @type {(inputs: Nav_Toggle_MenuInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Меню`)
+};
+
+const id_nav_toggle_menu = /** @type {(inputs: Nav_Toggle_MenuInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Menu`)
+};
+
+const pt_nav_toggle_menu = /** @type {(inputs: Nav_Toggle_MenuInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Menu`)
+};
+
+const fr_nav_toggle_menu = /** @type {(inputs: Nav_Toggle_MenuInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Menu`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Toggle menu" |
+*
+* @param {Nav_Toggle_MenuInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const nav_toggle_menu = /** @type {((inputs?: Nav_Toggle_MenuInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Nav_Toggle_MenuInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_nav_toggle_menu(inputs)
+	if (locale === "ru") return ru_nav_toggle_menu(inputs)
+	if (locale === "id") return id_nav_toggle_menu(inputs)
+	if (locale === "pt") return pt_nav_toggle_menu(inputs)
+	return fr_nav_toggle_menu(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_auto_next_aria.js b/ui/src/lib/paraglide/messages/player_auto_next_aria.js
new file mode 100644
index 0000000..de61c14
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_auto_next_aria.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ state: NonNullable<unknown> }} Player_Auto_Next_AriaInputs */
+
+const en_player_auto_next_aria = /** @type {(inputs: Player_Auto_Next_AriaInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Auto-next ${i?.state}`)
+};
+
+const ru_player_auto_next_aria = /** @type {(inputs: Player_Auto_Next_AriaInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Автопереход ${i?.state}`)
+};
+
+const id_player_auto_next_aria = /** @type {(inputs: Player_Auto_Next_AriaInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Auto-lanjut ${i?.state}`)
+};
+
+const pt_player_auto_next_aria = /** @type {(inputs: Player_Auto_Next_AriaInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Próximo automático ${i?.state}`)
+};
+
+const fr_player_auto_next_aria = /** @type {(inputs: Player_Auto_Next_AriaInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Suivant auto ${i?.state}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Auto-next {state}" |
+*
+* @param {Player_Auto_Next_AriaInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_auto_next_aria = /** @type {((inputs: Player_Auto_Next_AriaInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Auto_Next_AriaInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_auto_next_aria(inputs)
+	if (locale === "ru") return ru_player_auto_next_aria(inputs)
+	if (locale === "id") return id_player_auto_next_aria(inputs)
+	if (locale === "pt") return pt_player_auto_next_aria(inputs)
+	return fr_player_auto_next_aria(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_auto_next_off.js b/ui/src/lib/paraglide/messages/player_auto_next_off.js
new file mode 100644
index 0000000..a1ffef3
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_auto_next_off.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_Auto_Next_OffInputs */
+
+const en_player_auto_next_off = /** @type {(inputs: Player_Auto_Next_OffInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Auto-next off`)
+};
+
+const ru_player_auto_next_off = /** @type {(inputs: Player_Auto_Next_OffInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Автопереход выкл.`)
+};
+
+const id_player_auto_next_off = /** @type {(inputs: Player_Auto_Next_OffInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Auto-lanjut nonaktif`)
+};
+
+const pt_player_auto_next_off = /** @type {(inputs: Player_Auto_Next_OffInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Próximo automático desativado`)
+};
+
+const fr_player_auto_next_off = /** @type {(inputs: Player_Auto_Next_OffInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Suivant auto désactivé`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Auto-next off" |
+*
+* @param {Player_Auto_Next_OffInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_auto_next_off = /** @type {((inputs?: Player_Auto_Next_OffInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Auto_Next_OffInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_auto_next_off(inputs)
+	if (locale === "ru") return ru_player_auto_next_off(inputs)
+	if (locale === "id") return id_player_auto_next_off(inputs)
+	if (locale === "pt") return pt_player_auto_next_off(inputs)
+	return fr_player_auto_next_off(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_auto_next_on.js b/ui/src/lib/paraglide/messages/player_auto_next_on.js
new file mode 100644
index 0000000..67f3e60
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_auto_next_on.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_Auto_Next_OnInputs */
+
+const en_player_auto_next_on = /** @type {(inputs: Player_Auto_Next_OnInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Auto-next on`)
+};
+
+const ru_player_auto_next_on = /** @type {(inputs: Player_Auto_Next_OnInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Автопереход вкл.`)
+};
+
+const id_player_auto_next_on = /** @type {(inputs: Player_Auto_Next_OnInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Auto-lanjut aktif`)
+};
+
+const pt_player_auto_next_on = /** @type {(inputs: Player_Auto_Next_OnInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Próximo automático ativado`)
+};
+
+const fr_player_auto_next_on = /** @type {(inputs: Player_Auto_Next_OnInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Suivant auto activé`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Auto-next on" |
+*
+* @param {Player_Auto_Next_OnInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_auto_next_on = /** @type {((inputs?: Player_Auto_Next_OnInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Auto_Next_OnInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_auto_next_on(inputs)
+	if (locale === "ru") return ru_player_auto_next_on(inputs)
+	if (locale === "id") return id_player_auto_next_on(inputs)
+	if (locale === "pt") return pt_player_auto_next_on(inputs)
+	return fr_player_auto_next_on(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_auto_next_preparing.js b/ui/src/lib/paraglide/messages/player_auto_next_preparing.js
new file mode 100644
index 0000000..ab13c01
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_auto_next_preparing.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Player_Auto_Next_PreparingInputs */
+
+const en_player_auto_next_preparing = /** @type {(inputs: Player_Auto_Next_PreparingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Auto-next on — preparing Ch.${i?.n}…`)
+};
+
+const ru_player_auto_next_preparing = /** @type {(inputs: Player_Auto_Next_PreparingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Автопереход — подготовка гл.${i?.n}…`)
+};
+
+const id_player_auto_next_preparing = /** @type {(inputs: Player_Auto_Next_PreparingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Auto-lanjut — menyiapkan Bab.${i?.n}…`)
+};
+
+const pt_player_auto_next_preparing = /** @type {(inputs: Player_Auto_Next_PreparingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Próximo automático — preparando Cap.${i?.n}…`)
+};
+
+const fr_player_auto_next_preparing = /** @type {(inputs: Player_Auto_Next_PreparingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Suivant auto — préparation Ch.${i?.n}…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Auto-next on — preparing Ch.{n}…" |
+*
+* @param {Player_Auto_Next_PreparingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_auto_next_preparing = /** @type {((inputs: Player_Auto_Next_PreparingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Auto_Next_PreparingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_auto_next_preparing(inputs)
+	if (locale === "ru") return ru_player_auto_next_preparing(inputs)
+	if (locale === "id") return id_player_auto_next_preparing(inputs)
+	if (locale === "pt") return pt_player_auto_next_preparing(inputs)
+	return fr_player_auto_next_preparing(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_auto_next_ready.js b/ui/src/lib/paraglide/messages/player_auto_next_ready.js
new file mode 100644
index 0000000..a6ca74c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_auto_next_ready.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Player_Auto_Next_ReadyInputs */
+
+const en_player_auto_next_ready = /** @type {(inputs: Player_Auto_Next_ReadyInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Auto-next on — Ch.${i?.n} ready`)
+};
+
+const ru_player_auto_next_ready = /** @type {(inputs: Player_Auto_Next_ReadyInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Автопереход — гл.${i?.n} готова`)
+};
+
+const id_player_auto_next_ready = /** @type {(inputs: Player_Auto_Next_ReadyInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Auto-lanjut — Bab.${i?.n} siap`)
+};
+
+const pt_player_auto_next_ready = /** @type {(inputs: Player_Auto_Next_ReadyInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Próximo automático — Cap.${i?.n} pronto`)
+};
+
+const fr_player_auto_next_ready = /** @type {(inputs: Player_Auto_Next_ReadyInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Suivant auto — Ch.${i?.n} prêt`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Auto-next on — Ch.{n} ready" |
+*
+* @param {Player_Auto_Next_ReadyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_auto_next_ready = /** @type {((inputs: Player_Auto_Next_ReadyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Auto_Next_ReadyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_auto_next_ready(inputs)
+	if (locale === "ru") return ru_player_auto_next_ready(inputs)
+	if (locale === "id") return id_player_auto_next_ready(inputs)
+	if (locale === "pt") return pt_player_auto_next_ready(inputs)
+	return fr_player_auto_next_ready(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_back_15.js b/ui/src/lib/paraglide/messages/player_back_15.js
new file mode 100644
index 0000000..8caf920
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_back_15.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_Back_15Inputs */
+
+const en_player_back_15 = /** @type {(inputs: Player_Back_15Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Back 15s`)
+};
+
+const ru_player_back_15 = /** @type {(inputs: Player_Back_15Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`−15 сек`)
+};
+
+const id_player_back_15 = /** @type {(inputs: Player_Back_15Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`−15 dtk`)
+};
+
+const pt_player_back_15 = /** @type {(inputs: Player_Back_15Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`−15 s`)
+};
+
+const fr_player_back_15 = /** @type {(inputs: Player_Back_15Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`−15 s`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Back 15s" |
+*
+* @param {Player_Back_15Inputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_back_15 = /** @type {((inputs?: Player_Back_15Inputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Back_15Inputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_back_15(inputs)
+	if (locale === "ru") return ru_player_back_15(inputs)
+	if (locale === "id") return id_player_back_15(inputs)
+	if (locale === "pt") return pt_player_back_15(inputs)
+	return fr_player_back_15(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_change_speed.js b/ui/src/lib/paraglide/messages/player_change_speed.js
new file mode 100644
index 0000000..9d9dc58
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_change_speed.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_Change_SpeedInputs */
+
+const en_player_change_speed = /** @type {(inputs: Player_Change_SpeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Change playback speed`)
+};
+
+const ru_player_change_speed = /** @type {(inputs: Player_Change_SpeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Изменить скорость`)
+};
+
+const id_player_change_speed = /** @type {(inputs: Player_Change_SpeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ubah kecepatan`)
+};
+
+const pt_player_change_speed = /** @type {(inputs: Player_Change_SpeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mudar velocidade`)
+};
+
+const fr_player_change_speed = /** @type {(inputs: Player_Change_SpeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changer la vitesse`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Change playback speed" |
+*
+* @param {Player_Change_SpeedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_change_speed = /** @type {((inputs?: Player_Change_SpeedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Change_SpeedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_change_speed(inputs)
+	if (locale === "ru") return ru_player_change_speed(inputs)
+	if (locale === "id") return id_player_change_speed(inputs)
+	if (locale === "pt") return pt_player_change_speed(inputs)
+	return fr_player_change_speed(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_chapter_list_label.js b/ui/src/lib/paraglide/messages/player_chapter_list_label.js
new file mode 100644
index 0000000..8cfbc31
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_chapter_list_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_Chapter_List_LabelInputs */
+
+const en_player_chapter_list_label = /** @type {(inputs: Player_Chapter_List_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapter list`)
+};
+
+const ru_player_chapter_list_label = /** @type {(inputs: Player_Chapter_List_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Список глав`)
+};
+
+const id_player_chapter_list_label = /** @type {(inputs: Player_Chapter_List_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Daftar bab`)
+};
+
+const pt_player_chapter_list_label = /** @type {(inputs: Player_Chapter_List_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lista de capítulos`)
+};
+
+const fr_player_chapter_list_label = /** @type {(inputs: Player_Chapter_List_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Liste des chapitres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Chapter list" |
+*
+* @param {Player_Chapter_List_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_chapter_list_label = /** @type {((inputs?: Player_Chapter_List_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Chapter_List_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_chapter_list_label(inputs)
+	if (locale === "ru") return ru_player_chapter_list_label(inputs)
+	if (locale === "id") return id_player_chapter_list_label(inputs)
+	if (locale === "pt") return pt_player_chapter_list_label(inputs)
+	return fr_player_chapter_list_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_chapter_n.js b/ui/src/lib/paraglide/messages/player_chapter_n.js
new file mode 100644
index 0000000..d27fd6a
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_chapter_n.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Player_Chapter_NInputs */
+
+const en_player_chapter_n = /** @type {(inputs: Player_Chapter_NInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Chapter ${i?.n}`)
+};
+
+const ru_player_chapter_n = /** @type {(inputs: Player_Chapter_NInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Глава ${i?.n}`)
+};
+
+const id_player_chapter_n = /** @type {(inputs: Player_Chapter_NInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Bab ${i?.n}`)
+};
+
+const pt_player_chapter_n = /** @type {(inputs: Player_Chapter_NInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Capítulo ${i?.n}`)
+};
+
+const fr_player_chapter_n = /** @type {(inputs: Player_Chapter_NInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Chapitre ${i?.n}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Chapter {n}" |
+*
+* @param {Player_Chapter_NInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_chapter_n = /** @type {((inputs: Player_Chapter_NInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Chapter_NInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_chapter_n(inputs)
+	if (locale === "ru") return ru_player_chapter_n(inputs)
+	if (locale === "id") return id_player_chapter_n(inputs)
+	if (locale === "pt") return pt_player_chapter_n(inputs)
+	return fr_player_chapter_n(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_chapters.js b/ui/src/lib/paraglide/messages/player_chapters.js
new file mode 100644
index 0000000..312cbb5
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_chapters.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_ChaptersInputs */
+
+const en_player_chapters = /** @type {(inputs: Player_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapters`)
+};
+
+const ru_player_chapters = /** @type {(inputs: Player_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Главы`)
+};
+
+const id_player_chapters = /** @type {(inputs: Player_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Bab`)
+};
+
+const pt_player_chapters = /** @type {(inputs: Player_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Capítulos`)
+};
+
+const fr_player_chapters = /** @type {(inputs: Player_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapitres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Chapters" |
+*
+* @param {Player_ChaptersInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_chapters = /** @type {((inputs?: Player_ChaptersInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_ChaptersInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_chapters(inputs)
+	if (locale === "ru") return ru_player_chapters(inputs)
+	if (locale === "id") return id_player_chapters(inputs)
+	if (locale === "pt") return pt_player_chapters(inputs)
+	return fr_player_chapters(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_close.js b/ui/src/lib/paraglide/messages/player_close.js
new file mode 100644
index 0000000..d71a391
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_close.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_CloseInputs */
+
+const en_player_close = /** @type {(inputs: Player_CloseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Close player`)
+};
+
+const ru_player_close = /** @type {(inputs: Player_CloseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Закрыть плеер`)
+};
+
+const id_player_close = /** @type {(inputs: Player_CloseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tutup pemutar`)
+};
+
+const pt_player_close = /** @type {(inputs: Player_CloseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fechar player`)
+};
+
+const fr_player_close = /** @type {(inputs: Player_CloseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fermer le lecteur`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Close player" |
+*
+* @param {Player_CloseInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_close = /** @type {((inputs?: Player_CloseInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_CloseInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_close(inputs)
+	if (locale === "ru") return ru_player_close(inputs)
+	if (locale === "id") return id_player_close(inputs)
+	if (locale === "pt") return pt_player_close(inputs)
+	return fr_player_close(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_close_chapter_list.js b/ui/src/lib/paraglide/messages/player_close_chapter_list.js
new file mode 100644
index 0000000..2e55ab0
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_close_chapter_list.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_Close_Chapter_ListInputs */
+
+const en_player_close_chapter_list = /** @type {(inputs: Player_Close_Chapter_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Close chapter list`)
+};
+
+const ru_player_close_chapter_list = /** @type {(inputs: Player_Close_Chapter_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Закрыть список глав`)
+};
+
+const id_player_close_chapter_list = /** @type {(inputs: Player_Close_Chapter_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tutup daftar bab`)
+};
+
+const pt_player_close_chapter_list = /** @type {(inputs: Player_Close_Chapter_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fechar lista de capítulos`)
+};
+
+const fr_player_close_chapter_list = /** @type {(inputs: Player_Close_Chapter_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fermer la liste des chapitres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Close chapter list" |
+*
+* @param {Player_Close_Chapter_ListInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_close_chapter_list = /** @type {((inputs?: Player_Close_Chapter_ListInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Close_Chapter_ListInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_close_chapter_list(inputs)
+	if (locale === "ru") return ru_player_close_chapter_list(inputs)
+	if (locale === "id") return id_player_close_chapter_list(inputs)
+	if (locale === "pt") return pt_player_close_chapter_list(inputs)
+	return fr_player_close_chapter_list(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_forward_30.js b/ui/src/lib/paraglide/messages/player_forward_30.js
new file mode 100644
index 0000000..146ad85
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_forward_30.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_Forward_30Inputs */
+
+const en_player_forward_30 = /** @type {(inputs: Player_Forward_30Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Forward 30s`)
+};
+
+const ru_player_forward_30 = /** @type {(inputs: Player_Forward_30Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`+30 сек`)
+};
+
+const id_player_forward_30 = /** @type {(inputs: Player_Forward_30Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`+30 dtk`)
+};
+
+const pt_player_forward_30 = /** @type {(inputs: Player_Forward_30Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`+30 s`)
+};
+
+const fr_player_forward_30 = /** @type {(inputs: Player_Forward_30Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`+30 s`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Forward 30s" |
+*
+* @param {Player_Forward_30Inputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_forward_30 = /** @type {((inputs?: Player_Forward_30Inputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Forward_30Inputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_forward_30(inputs)
+	if (locale === "ru") return ru_player_forward_30(inputs)
+	if (locale === "id") return id_player_forward_30(inputs)
+	if (locale === "pt") return pt_player_forward_30(inputs)
+	return fr_player_forward_30(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_generating.js b/ui/src/lib/paraglide/messages/player_generating.js
new file mode 100644
index 0000000..4650d9d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_generating.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ percent: NonNullable<unknown> }} Player_GeneratingInputs */
+
+const en_player_generating = /** @type {(inputs: Player_GeneratingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Generating… ${i?.percent}%`)
+};
+
+const ru_player_generating = /** @type {(inputs: Player_GeneratingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Генерация… ${i?.percent}%`)
+};
+
+const id_player_generating = /** @type {(inputs: Player_GeneratingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Membuat… ${i?.percent}%`)
+};
+
+const pt_player_generating = /** @type {(inputs: Player_GeneratingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Gerando… ${i?.percent}%`)
+};
+
+const fr_player_generating = /** @type {(inputs: Player_GeneratingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Génération… ${i?.percent}%`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Generating… {percent}%" |
+*
+* @param {Player_GeneratingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_generating = /** @type {((inputs: Player_GeneratingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_GeneratingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_generating(inputs)
+	if (locale === "ru") return ru_player_generating(inputs)
+	if (locale === "id") return id_player_generating(inputs)
+	if (locale === "pt") return pt_player_generating(inputs)
+	return fr_player_generating(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_go_to_chapter.js b/ui/src/lib/paraglide/messages/player_go_to_chapter.js
new file mode 100644
index 0000000..9ca3ddc
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_go_to_chapter.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_Go_To_ChapterInputs */
+
+const en_player_go_to_chapter = /** @type {(inputs: Player_Go_To_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Go to chapter`)
+};
+
+const ru_player_go_to_chapter = /** @type {(inputs: Player_Go_To_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Перейти к главе`)
+};
+
+const id_player_go_to_chapter = /** @type {(inputs: Player_Go_To_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pergi ke bab`)
+};
+
+const pt_player_go_to_chapter = /** @type {(inputs: Player_Go_To_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ir para capítulo`)
+};
+
+const fr_player_go_to_chapter = /** @type {(inputs: Player_Go_To_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aller au chapitre`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Go to chapter" |
+*
+* @param {Player_Go_To_ChapterInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_go_to_chapter = /** @type {((inputs?: Player_Go_To_ChapterInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Go_To_ChapterInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_go_to_chapter(inputs)
+	if (locale === "ru") return ru_player_go_to_chapter(inputs)
+	if (locale === "id") return id_player_go_to_chapter(inputs)
+	if (locale === "pt") return pt_player_go_to_chapter(inputs)
+	return fr_player_go_to_chapter(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_loading.js b/ui/src/lib/paraglide/messages/player_loading.js
new file mode 100644
index 0000000..d4e1e12
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_loading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_LoadingInputs */
+
+const en_player_loading = /** @type {(inputs: Player_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Loading…`)
+};
+
+const ru_player_loading = /** @type {(inputs: Player_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Загрузка…`)
+};
+
+const id_player_loading = /** @type {(inputs: Player_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Memuat…`)
+};
+
+const pt_player_loading = /** @type {(inputs: Player_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Carregando…`)
+};
+
+const fr_player_loading = /** @type {(inputs: Player_LoadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chargement…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Loading…" |
+*
+* @param {Player_LoadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_loading = /** @type {((inputs?: Player_LoadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_LoadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_loading(inputs)
+	if (locale === "ru") return ru_player_loading(inputs)
+	if (locale === "id") return id_player_loading(inputs)
+	if (locale === "pt") return pt_player_loading(inputs)
+	return fr_player_loading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_pause.js b/ui/src/lib/paraglide/messages/player_pause.js
new file mode 100644
index 0000000..dd59487
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_pause.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_PauseInputs */
+
+const en_player_pause = /** @type {(inputs: Player_PauseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pause`)
+};
+
+const ru_player_pause = /** @type {(inputs: Player_PauseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Пауза`)
+};
+
+const id_player_pause = /** @type {(inputs: Player_PauseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Jeda`)
+};
+
+const pt_player_pause = /** @type {(inputs: Player_PauseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pausar`)
+};
+
+const fr_player_pause = /** @type {(inputs: Player_PauseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pause`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Pause" |
+*
+* @param {Player_PauseInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_pause = /** @type {((inputs?: Player_PauseInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_PauseInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_pause(inputs)
+	if (locale === "ru") return ru_player_pause(inputs)
+	if (locale === "id") return id_player_pause(inputs)
+	if (locale === "pt") return pt_player_pause(inputs)
+	return fr_player_pause(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_play.js b/ui/src/lib/paraglide/messages/player_play.js
new file mode 100644
index 0000000..3bbd24c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_play.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_PlayInputs */
+
+const en_player_play = /** @type {(inputs: Player_PlayInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Play`)
+};
+
+const ru_player_play = /** @type {(inputs: Player_PlayInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Воспроизвести`)
+};
+
+const id_player_play = /** @type {(inputs: Player_PlayInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Putar`)
+};
+
+const pt_player_play = /** @type {(inputs: Player_PlayInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Reproduzir`)
+};
+
+const fr_player_play = /** @type {(inputs: Player_PlayInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lecture`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Play" |
+*
+* @param {Player_PlayInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_play = /** @type {((inputs?: Player_PlayInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_PlayInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_play(inputs)
+	if (locale === "ru") return ru_player_play(inputs)
+	if (locale === "id") return id_player_play(inputs)
+	if (locale === "pt") return pt_player_play(inputs)
+	return fr_player_play(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_rewind_15.js b/ui/src/lib/paraglide/messages/player_rewind_15.js
new file mode 100644
index 0000000..cff5771
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_rewind_15.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_Rewind_15Inputs */
+
+const en_player_rewind_15 = /** @type {(inputs: Player_Rewind_15Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rewind 15 seconds`)
+};
+
+const ru_player_rewind_15 = /** @type {(inputs: Player_Rewind_15Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Назад 15 секунд`)
+};
+
+const id_player_rewind_15 = /** @type {(inputs: Player_Rewind_15Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mundur 15 detik`)
+};
+
+const pt_player_rewind_15 = /** @type {(inputs: Player_Rewind_15Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voltar 15 segundos`)
+};
+
+const fr_player_rewind_15 = /** @type {(inputs: Player_Rewind_15Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Reculer de 15 secondes`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Rewind 15 seconds" |
+*
+* @param {Player_Rewind_15Inputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_rewind_15 = /** @type {((inputs?: Player_Rewind_15Inputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Rewind_15Inputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_rewind_15(inputs)
+	if (locale === "ru") return ru_player_rewind_15(inputs)
+	if (locale === "id") return id_player_rewind_15(inputs)
+	if (locale === "pt") return pt_player_rewind_15(inputs)
+	return fr_player_rewind_15(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_seek_label.js b/ui/src/lib/paraglide/messages/player_seek_label.js
new file mode 100644
index 0000000..d0d3634
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_seek_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_Seek_LabelInputs */
+
+const en_player_seek_label = /** @type {(inputs: Player_Seek_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapter progress`)
+};
+
+const ru_player_seek_label = /** @type {(inputs: Player_Seek_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Прогресс главы`)
+};
+
+const id_player_seek_label = /** @type {(inputs: Player_Seek_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kemajuan bab`)
+};
+
+const pt_player_seek_label = /** @type {(inputs: Player_Seek_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Progresso do capítulo`)
+};
+
+const fr_player_seek_label = /** @type {(inputs: Player_Seek_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Progression du chapitre`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Chapter progress" |
+*
+* @param {Player_Seek_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_seek_label = /** @type {((inputs?: Player_Seek_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Seek_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_seek_label(inputs)
+	if (locale === "ru") return ru_player_seek_label(inputs)
+	if (locale === "id") return id_player_seek_label(inputs)
+	if (locale === "pt") return pt_player_seek_label(inputs)
+	return fr_player_seek_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_skip_30.js b/ui/src/lib/paraglide/messages/player_skip_30.js
new file mode 100644
index 0000000..96965ec
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_skip_30.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_Skip_30Inputs */
+
+const en_player_skip_30 = /** @type {(inputs: Player_Skip_30Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Skip 30 seconds`)
+};
+
+const ru_player_skip_30 = /** @type {(inputs: Player_Skip_30Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Вперёд 30 секунд`)
+};
+
+const id_player_skip_30 = /** @type {(inputs: Player_Skip_30Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Maju 30 detik`)
+};
+
+const pt_player_skip_30 = /** @type {(inputs: Player_Skip_30Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Avançar 30 segundos`)
+};
+
+const fr_player_skip_30 = /** @type {(inputs: Player_Skip_30Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Avancer de 30 secondes`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Skip 30 seconds" |
+*
+* @param {Player_Skip_30Inputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_skip_30 = /** @type {((inputs?: Player_Skip_30Inputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Skip_30Inputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_skip_30(inputs)
+	if (locale === "ru") return ru_player_skip_30(inputs)
+	if (locale === "id") return id_player_skip_30(inputs)
+	if (locale === "pt") return pt_player_skip_30(inputs)
+	return fr_player_skip_30(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_speed_label.js b/ui/src/lib/paraglide/messages/player_speed_label.js
new file mode 100644
index 0000000..9879243
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_speed_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ speed: NonNullable<unknown> }} Player_Speed_LabelInputs */
+
+const en_player_speed_label = /** @type {(inputs: Player_Speed_LabelInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Playback speed ${i?.speed}x`)
+};
+
+const ru_player_speed_label = /** @type {(inputs: Player_Speed_LabelInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Скорость ${i?.speed}x`)
+};
+
+const id_player_speed_label = /** @type {(inputs: Player_Speed_LabelInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Kecepatan ${i?.speed}x`)
+};
+
+const pt_player_speed_label = /** @type {(inputs: Player_Speed_LabelInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Velocidade ${i?.speed}x`)
+};
+
+const fr_player_speed_label = /** @type {(inputs: Player_Speed_LabelInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Vitesse ${i?.speed}x`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Playback speed {speed}x" |
+*
+* @param {Player_Speed_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_speed_label = /** @type {((inputs: Player_Speed_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Speed_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_speed_label(inputs)
+	if (locale === "ru") return ru_player_speed_label(inputs)
+	if (locale === "id") return id_player_speed_label(inputs)
+	if (locale === "pt") return pt_player_speed_label(inputs)
+	return fr_player_speed_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/player_toggle_chapter_list.js b/ui/src/lib/paraglide/messages/player_toggle_chapter_list.js
new file mode 100644
index 0000000..b130fb2
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/player_toggle_chapter_list.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Player_Toggle_Chapter_ListInputs */
+
+const en_player_toggle_chapter_list = /** @type {(inputs: Player_Toggle_Chapter_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Toggle chapter list`)
+};
+
+const ru_player_toggle_chapter_list = /** @type {(inputs: Player_Toggle_Chapter_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Список глав`)
+};
+
+const id_player_toggle_chapter_list = /** @type {(inputs: Player_Toggle_Chapter_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Daftar bab`)
+};
+
+const pt_player_toggle_chapter_list = /** @type {(inputs: Player_Toggle_Chapter_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lista de capítulos`)
+};
+
+const fr_player_toggle_chapter_list = /** @type {(inputs: Player_Toggle_Chapter_ListInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Liste des chapitres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Toggle chapter list" |
+*
+* @param {Player_Toggle_Chapter_ListInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const player_toggle_chapter_list = /** @type {((inputs?: Player_Toggle_Chapter_ListInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Player_Toggle_Chapter_ListInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_player_toggle_chapter_list(inputs)
+	if (locale === "ru") return ru_player_toggle_chapter_list(inputs)
+	if (locale === "id") return id_player_toggle_chapter_list(inputs)
+	if (locale === "pt") return pt_player_toggle_chapter_list(inputs)
+	return fr_player_toggle_chapter_list(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/privacy_page_title.js b/ui/src/lib/paraglide/messages/privacy_page_title.js
new file mode 100644
index 0000000..cb578d2
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/privacy_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Privacy_Page_TitleInputs */
+
+const en_privacy_page_title = /** @type {(inputs: Privacy_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Privacy Policy — libnovel`)
+};
+
+const ru_privacy_page_title = /** @type {(inputs: Privacy_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Политика конфиденциальности — libnovel`)
+};
+
+const id_privacy_page_title = /** @type {(inputs: Privacy_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kebijakan Privasi — libnovel`)
+};
+
+const pt_privacy_page_title = /** @type {(inputs: Privacy_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Política de Privacidade — libnovel`)
+};
+
+const fr_privacy_page_title = /** @type {(inputs: Privacy_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Politique de confidentialité — libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Privacy Policy — libnovel" |
+*
+* @param {Privacy_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const privacy_page_title = /** @type {((inputs?: Privacy_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Privacy_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_privacy_page_title(inputs)
+	if (locale === "ru") return ru_privacy_page_title(inputs)
+	if (locale === "id") return id_privacy_page_title(inputs)
+	if (locale === "pt") return pt_privacy_page_title(inputs)
+	return fr_privacy_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_appearance_heading.js b/ui/src/lib/paraglide/messages/profile_appearance_heading.js
new file mode 100644
index 0000000..5fef028
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_appearance_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Appearance_HeadingInputs */
+
+const en_profile_appearance_heading = /** @type {(inputs: Profile_Appearance_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Appearance`)
+};
+
+const ru_profile_appearance_heading = /** @type {(inputs: Profile_Appearance_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Внешний вид`)
+};
+
+const id_profile_appearance_heading = /** @type {(inputs: Profile_Appearance_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tampilan`)
+};
+
+const pt_profile_appearance_heading = /** @type {(inputs: Profile_Appearance_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aparência`)
+};
+
+const fr_profile_appearance_heading = /** @type {(inputs: Profile_Appearance_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Apparence`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Appearance" |
+*
+* @param {Profile_Appearance_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_appearance_heading = /** @type {((inputs?: Profile_Appearance_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Appearance_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_appearance_heading(inputs)
+	if (locale === "ru") return ru_profile_appearance_heading(inputs)
+	if (locale === "id") return id_profile_appearance_heading(inputs)
+	if (locale === "pt") return pt_profile_appearance_heading(inputs)
+	return fr_profile_appearance_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_auto_advance.js b/ui/src/lib/paraglide/messages/profile_auto_advance.js
new file mode 100644
index 0000000..76c6bc8
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_auto_advance.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Auto_AdvanceInputs */
+
+const en_profile_auto_advance = /** @type {(inputs: Profile_Auto_AdvanceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Auto-advance to next chapter`)
+};
+
+const ru_profile_auto_advance = /** @type {(inputs: Profile_Auto_AdvanceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Автопереход к следующей главе`)
+};
+
+const id_profile_auto_advance = /** @type {(inputs: Profile_Auto_AdvanceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Otomatis lanjut ke bab berikutnya`)
+};
+
+const pt_profile_auto_advance = /** @type {(inputs: Profile_Auto_AdvanceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Avançar automaticamente para o próximo capítulo`)
+};
+
+const fr_profile_auto_advance = /** @type {(inputs: Profile_Auto_AdvanceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Avancer automatiquement au chapitre suivant`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Auto-advance to next chapter" |
+*
+* @param {Profile_Auto_AdvanceInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_auto_advance = /** @type {((inputs?: Profile_Auto_AdvanceInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Auto_AdvanceInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_auto_advance(inputs)
+	if (locale === "ru") return ru_profile_auto_advance(inputs)
+	if (locale === "id") return id_profile_auto_advance(inputs)
+	if (locale === "pt") return pt_profile_auto_advance(inputs)
+	return fr_profile_auto_advance(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_auto_next_label.js b/ui/src/lib/paraglide/messages/profile_auto_next_label.js
new file mode 100644
index 0000000..e7d6709
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_auto_next_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Auto_Next_LabelInputs */
+
+const en_profile_auto_next_label = /** @type {(inputs: Profile_Auto_Next_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Auto-next chapter`)
+};
+
+const ru_profile_auto_next_label = /** @type {(inputs: Profile_Auto_Next_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Автопереход к следующей главе`)
+};
+
+const id_profile_auto_next_label = /** @type {(inputs: Profile_Auto_Next_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Auto-lanjut bab`)
+};
+
+const pt_profile_auto_next_label = /** @type {(inputs: Profile_Auto_Next_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Próximo capítulo automático`)
+};
+
+const fr_profile_auto_next_label = /** @type {(inputs: Profile_Auto_Next_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapitre suivant automatique`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Auto-next chapter" |
+*
+* @param {Profile_Auto_Next_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_auto_next_label = /** @type {((inputs?: Profile_Auto_Next_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Auto_Next_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_auto_next_label(inputs)
+	if (locale === "ru") return ru_profile_auto_next_label(inputs)
+	if (locale === "id") return id_profile_auto_next_label(inputs)
+	if (locale === "pt") return pt_profile_auto_next_label(inputs)
+	return fr_profile_auto_next_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_avatar_label.js b/ui/src/lib/paraglide/messages/profile_avatar_label.js
new file mode 100644
index 0000000..37cd1fd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_avatar_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Avatar_LabelInputs */
+
+const en_profile_avatar_label = /** @type {(inputs: Profile_Avatar_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Avatar`)
+};
+
+const ru_profile_avatar_label = /** @type {(inputs: Profile_Avatar_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Аватар`)
+};
+
+const id_profile_avatar_label = /** @type {(inputs: Profile_Avatar_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Avatar`)
+};
+
+const pt_profile_avatar_label = /** @type {(inputs: Profile_Avatar_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Avatar`)
+};
+
+const fr_profile_avatar_label = /** @type {(inputs: Profile_Avatar_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Avatar`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Avatar" |
+*
+* @param {Profile_Avatar_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_avatar_label = /** @type {((inputs?: Profile_Avatar_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Avatar_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_avatar_label(inputs)
+	if (locale === "ru") return ru_profile_avatar_label(inputs)
+	if (locale === "id") return id_profile_avatar_label(inputs)
+	if (locale === "pt") return pt_profile_avatar_label(inputs)
+	return fr_profile_avatar_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_change_avatar.js b/ui/src/lib/paraglide/messages/profile_change_avatar.js
new file mode 100644
index 0000000..cdab954
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_change_avatar.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Change_AvatarInputs */
+
+const en_profile_change_avatar = /** @type {(inputs: Profile_Change_AvatarInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Change avatar`)
+};
+
+const ru_profile_change_avatar = /** @type {(inputs: Profile_Change_AvatarInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Изменить аватар`)
+};
+
+const id_profile_change_avatar = /** @type {(inputs: Profile_Change_AvatarInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ubah avatar`)
+};
+
+const pt_profile_change_avatar = /** @type {(inputs: Profile_Change_AvatarInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mudar avatar`)
+};
+
+const fr_profile_change_avatar = /** @type {(inputs: Profile_Change_AvatarInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changer l'avatar`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Change avatar" |
+*
+* @param {Profile_Change_AvatarInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_change_avatar = /** @type {((inputs?: Profile_Change_AvatarInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Change_AvatarInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_change_avatar(inputs)
+	if (locale === "ru") return ru_profile_change_avatar(inputs)
+	if (locale === "id") return id_profile_change_avatar(inputs)
+	if (locale === "pt") return pt_profile_change_avatar(inputs)
+	return fr_profile_change_avatar(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_change_password.js b/ui/src/lib/paraglide/messages/profile_change_password.js
new file mode 100644
index 0000000..d37acfb
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_change_password.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Change_PasswordInputs */
+
+const en_profile_change_password = /** @type {(inputs: Profile_Change_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Change password`)
+};
+
+const ru_profile_change_password = /** @type {(inputs: Profile_Change_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Изменить пароль`)
+};
+
+const id_profile_change_password = /** @type {(inputs: Profile_Change_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ubah kata sandi`)
+};
+
+const pt_profile_change_password = /** @type {(inputs: Profile_Change_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mudar senha`)
+};
+
+const fr_profile_change_password = /** @type {(inputs: Profile_Change_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changer le mot de passe`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Change password" |
+*
+* @param {Profile_Change_PasswordInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_change_password = /** @type {((inputs?: Profile_Change_PasswordInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Change_PasswordInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_change_password(inputs)
+	if (locale === "ru") return ru_profile_change_password(inputs)
+	if (locale === "id") return id_profile_change_password(inputs)
+	if (locale === "pt") return pt_profile_change_password(inputs)
+	return fr_profile_change_password(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_change_password_heading.js b/ui/src/lib/paraglide/messages/profile_change_password_heading.js
new file mode 100644
index 0000000..00c19fd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_change_password_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Change_Password_HeadingInputs */
+
+const en_profile_change_password_heading = /** @type {(inputs: Profile_Change_Password_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Change password`)
+};
+
+const ru_profile_change_password_heading = /** @type {(inputs: Profile_Change_Password_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Изменить пароль`)
+};
+
+const id_profile_change_password_heading = /** @type {(inputs: Profile_Change_Password_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ubah kata sandi`)
+};
+
+const pt_profile_change_password_heading = /** @type {(inputs: Profile_Change_Password_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mudar senha`)
+};
+
+const fr_profile_change_password_heading = /** @type {(inputs: Profile_Change_Password_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changer le mot de passe`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Change password" |
+*
+* @param {Profile_Change_Password_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_change_password_heading = /** @type {((inputs?: Profile_Change_Password_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Change_Password_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_change_password_heading(inputs)
+	if (locale === "ru") return ru_profile_change_password_heading(inputs)
+	if (locale === "id") return id_profile_change_password_heading(inputs)
+	if (locale === "pt") return pt_profile_change_password_heading(inputs)
+	return fr_profile_change_password_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_click_to_change.js b/ui/src/lib/paraglide/messages/profile_click_to_change.js
new file mode 100644
index 0000000..9aed8b4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_click_to_change.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Click_To_ChangeInputs */
+
+const en_profile_click_to_change = /** @type {(inputs: Profile_Click_To_ChangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Click avatar to change photo`)
+};
+
+const ru_profile_click_to_change = /** @type {(inputs: Profile_Click_To_ChangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Нажмите на аватар для смены фото`)
+};
+
+const id_profile_click_to_change = /** @type {(inputs: Profile_Click_To_ChangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Klik avatar untuk mengganti foto`)
+};
+
+const pt_profile_click_to_change = /** @type {(inputs: Profile_Click_To_ChangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Clique no avatar para mudar a foto`)
+};
+
+const fr_profile_click_to_change = /** @type {(inputs: Profile_Click_To_ChangeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cliquez sur l'avatar pour changer la photo`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Click avatar to change photo" |
+*
+* @param {Profile_Click_To_ChangeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_click_to_change = /** @type {((inputs?: Profile_Click_To_ChangeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Click_To_ChangeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_click_to_change(inputs)
+	if (locale === "ru") return ru_profile_click_to_change(inputs)
+	if (locale === "id") return id_profile_click_to_change(inputs)
+	if (locale === "pt") return pt_profile_click_to_change(inputs)
+	return fr_profile_click_to_change(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_confirm_password.js b/ui/src/lib/paraglide/messages/profile_confirm_password.js
new file mode 100644
index 0000000..5e838f6
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_confirm_password.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Confirm_PasswordInputs */
+
+const en_profile_confirm_password = /** @type {(inputs: Profile_Confirm_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Confirm password`)
+};
+
+const ru_profile_confirm_password = /** @type {(inputs: Profile_Confirm_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Подтвердить пароль`)
+};
+
+const id_profile_confirm_password = /** @type {(inputs: Profile_Confirm_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Konfirmasi kata sandi`)
+};
+
+const pt_profile_confirm_password = /** @type {(inputs: Profile_Confirm_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Confirmar senha`)
+};
+
+const fr_profile_confirm_password = /** @type {(inputs: Profile_Confirm_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Confirmer le mot de passe`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Confirm password" |
+*
+* @param {Profile_Confirm_PasswordInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_confirm_password = /** @type {((inputs?: Profile_Confirm_PasswordInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Confirm_PasswordInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_confirm_password(inputs)
+	if (locale === "ru") return ru_profile_confirm_password(inputs)
+	if (locale === "id") return id_profile_confirm_password(inputs)
+	if (locale === "pt") return pt_profile_confirm_password(inputs)
+	return fr_profile_confirm_password(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_current_password.js b/ui/src/lib/paraglide/messages/profile_current_password.js
new file mode 100644
index 0000000..0cbbd45
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_current_password.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Current_PasswordInputs */
+
+const en_profile_current_password = /** @type {(inputs: Profile_Current_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Current password`)
+};
+
+const ru_profile_current_password = /** @type {(inputs: Profile_Current_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Текущий пароль`)
+};
+
+const id_profile_current_password = /** @type {(inputs: Profile_Current_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kata sandi saat ini`)
+};
+
+const pt_profile_current_password = /** @type {(inputs: Profile_Current_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Senha atual`)
+};
+
+const fr_profile_current_password = /** @type {(inputs: Profile_Current_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mot de passe actuel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Current password" |
+*
+* @param {Profile_Current_PasswordInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_current_password = /** @type {((inputs?: Profile_Current_PasswordInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Current_PasswordInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_current_password(inputs)
+	if (locale === "ru") return ru_profile_current_password(inputs)
+	if (locale === "id") return id_profile_current_password(inputs)
+	if (locale === "pt") return pt_profile_current_password(inputs)
+	return fr_profile_current_password(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_email.js b/ui/src/lib/paraglide/messages/profile_email.js
new file mode 100644
index 0000000..ec631e9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_email.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_EmailInputs */
+
+const en_profile_email = /** @type {(inputs: Profile_EmailInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Email`)
+};
+
+const ru_profile_email = /** @type {(inputs: Profile_EmailInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Email`)
+};
+
+const id_profile_email = /** @type {(inputs: Profile_EmailInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Email`)
+};
+
+const pt_profile_email = /** @type {(inputs: Profile_EmailInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Email`)
+};
+
+const fr_profile_email = /** @type {(inputs: Profile_EmailInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`E-mail`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Email" |
+*
+* @param {Profile_EmailInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_email = /** @type {((inputs?: Profile_EmailInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_EmailInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_email(inputs)
+	if (locale === "ru") return ru_profile_email(inputs)
+	if (locale === "id") return id_profile_email(inputs)
+	if (locale === "pt") return pt_profile_email(inputs)
+	return fr_profile_email(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_font_family.js b/ui/src/lib/paraglide/messages/profile_font_family.js
new file mode 100644
index 0000000..46ae3cd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_font_family.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Font_FamilyInputs */
+
+const en_profile_font_family = /** @type {(inputs: Profile_Font_FamilyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Font Family`)
+};
+
+const ru_profile_font_family = /** @type {(inputs: Profile_Font_FamilyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Шрифт`)
+};
+
+const id_profile_font_family = /** @type {(inputs: Profile_Font_FamilyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Jenis Font`)
+};
+
+const pt_profile_font_family = /** @type {(inputs: Profile_Font_FamilyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fonte`)
+};
+
+const fr_profile_font_family = /** @type {(inputs: Profile_Font_FamilyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Police`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Font Family" |
+*
+* @param {Profile_Font_FamilyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_font_family = /** @type {((inputs?: Profile_Font_FamilyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Font_FamilyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_font_family(inputs)
+	if (locale === "ru") return ru_profile_font_family(inputs)
+	if (locale === "id") return id_profile_font_family(inputs)
+	if (locale === "pt") return pt_profile_font_family(inputs)
+	return fr_profile_font_family(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_font_mono.js b/ui/src/lib/paraglide/messages/profile_font_mono.js
new file mode 100644
index 0000000..06fdbe7
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_font_mono.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Font_MonoInputs */
+
+const en_profile_font_mono = /** @type {(inputs: Profile_Font_MonoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Monospace`)
+};
+
+const ru_profile_font_mono = /** @type {(inputs: Profile_Font_MonoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Моноширинный`)
+};
+
+const id_profile_font_mono = /** @type {(inputs: Profile_Font_MonoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mono`)
+};
+
+const pt_profile_font_mono = /** @type {(inputs: Profile_Font_MonoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mono`)
+};
+
+const fr_profile_font_mono = /** @type {(inputs: Profile_Font_MonoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mono`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Monospace" |
+*
+* @param {Profile_Font_MonoInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_font_mono = /** @type {((inputs?: Profile_Font_MonoInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Font_MonoInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_font_mono(inputs)
+	if (locale === "ru") return ru_profile_font_mono(inputs)
+	if (locale === "id") return id_profile_font_mono(inputs)
+	if (locale === "pt") return pt_profile_font_mono(inputs)
+	return fr_profile_font_mono(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_font_serif.js b/ui/src/lib/paraglide/messages/profile_font_serif.js
new file mode 100644
index 0000000..0fe7129
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_font_serif.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Font_SerifInputs */
+
+const en_profile_font_serif = /** @type {(inputs: Profile_Font_SerifInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Serif`)
+};
+
+const ru_profile_font_serif = /** @type {(inputs: Profile_Font_SerifInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Serif`)
+};
+
+const id_profile_font_serif = /** @type {(inputs: Profile_Font_SerifInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Serif`)
+};
+
+const pt_profile_font_serif = /** @type {(inputs: Profile_Font_SerifInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Serif`)
+};
+
+const fr_profile_font_serif = /** @type {(inputs: Profile_Font_SerifInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Serif`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Serif" |
+*
+* @param {Profile_Font_SerifInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_font_serif = /** @type {((inputs?: Profile_Font_SerifInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Font_SerifInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_font_serif(inputs)
+	if (locale === "ru") return ru_profile_font_serif(inputs)
+	if (locale === "id") return id_profile_font_serif(inputs)
+	if (locale === "pt") return pt_profile_font_serif(inputs)
+	return fr_profile_font_serif(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_font_system.js b/ui/src/lib/paraglide/messages/profile_font_system.js
new file mode 100644
index 0000000..6ee1183
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_font_system.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Font_SystemInputs */
+
+const en_profile_font_system = /** @type {(inputs: Profile_Font_SystemInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`System`)
+};
+
+const ru_profile_font_system = /** @type {(inputs: Profile_Font_SystemInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Системный`)
+};
+
+const id_profile_font_system = /** @type {(inputs: Profile_Font_SystemInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sistem`)
+};
+
+const pt_profile_font_system = /** @type {(inputs: Profile_Font_SystemInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sistema`)
+};
+
+const fr_profile_font_system = /** @type {(inputs: Profile_Font_SystemInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Système`)
+};
+
+/**
+* | output |
+* | --- |
+* | "System" |
+*
+* @param {Profile_Font_SystemInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_font_system = /** @type {((inputs?: Profile_Font_SystemInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Font_SystemInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_font_system(inputs)
+	if (locale === "ru") return ru_profile_font_system(inputs)
+	if (locale === "id") return id_profile_font_system(inputs)
+	if (locale === "pt") return pt_profile_font_system(inputs)
+	return fr_profile_font_system(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_free_limits.js b/ui/src/lib/paraglide/messages/profile_free_limits.js
new file mode 100644
index 0000000..18a9b40
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_free_limits.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Free_LimitsInputs */
+
+const en_profile_free_limits = /** @type {(inputs: Profile_Free_LimitsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Free plan: 3 audio chapters per day, English reading only.`)
+};
+
+const ru_profile_free_limits = /** @type {(inputs: Profile_Free_LimitsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Бесплатный план: 3 аудиоглавы в день, только английский.`)
+};
+
+const id_profile_free_limits = /** @type {(inputs: Profile_Free_LimitsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Paket gratis: 3 bab audio per hari, hanya bahasa Inggris.`)
+};
+
+const pt_profile_free_limits = /** @type {(inputs: Profile_Free_LimitsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Plano gratuito: 3 capítulos de áudio por dia, somente inglês.`)
+};
+
+const fr_profile_free_limits = /** @type {(inputs: Profile_Free_LimitsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Plan gratuit : 3 chapitres audio par jour, lecture en anglais uniquement.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Free plan: 3 audio chapters per day, English reading only." |
+*
+* @param {Profile_Free_LimitsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_free_limits = /** @type {((inputs?: Profile_Free_LimitsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Free_LimitsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_free_limits(inputs)
+	if (locale === "ru") return ru_profile_free_limits(inputs)
+	if (locale === "id") return id_profile_free_limits(inputs)
+	if (locale === "pt") return pt_profile_free_limits(inputs)
+	return fr_profile_free_limits(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_heading.js b/ui/src/lib/paraglide/messages/profile_heading.js
new file mode 100644
index 0000000..8b676ef
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_HeadingInputs */
+
+const en_profile_heading = /** @type {(inputs: Profile_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Profile`)
+};
+
+const ru_profile_heading = /** @type {(inputs: Profile_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Профиль`)
+};
+
+const id_profile_heading = /** @type {(inputs: Profile_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Profil`)
+};
+
+const pt_profile_heading = /** @type {(inputs: Profile_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Perfil`)
+};
+
+const fr_profile_heading = /** @type {(inputs: Profile_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Profil`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Profile" |
+*
+* @param {Profile_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_heading = /** @type {((inputs?: Profile_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_heading(inputs)
+	if (locale === "ru") return ru_profile_heading(inputs)
+	if (locale === "id") return id_profile_heading(inputs)
+	if (locale === "pt") return pt_profile_heading(inputs)
+	return fr_profile_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_joined.js b/ui/src/lib/paraglide/messages/profile_joined.js
new file mode 100644
index 0000000..fa7ade3
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_joined.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ date: NonNullable<unknown> }} Profile_JoinedInputs */
+
+const en_profile_joined = /** @type {(inputs: Profile_JoinedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Joined ${i?.date}`)
+};
+
+const ru_profile_joined = /** @type {(inputs: Profile_JoinedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Зарегистрирован ${i?.date}`)
+};
+
+const id_profile_joined = /** @type {(inputs: Profile_JoinedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Bergabung ${i?.date}`)
+};
+
+const pt_profile_joined = /** @type {(inputs: Profile_JoinedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Entrou em ${i?.date}`)
+};
+
+const fr_profile_joined = /** @type {(inputs: Profile_JoinedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Inscrit le ${i?.date}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Joined {date}" |
+*
+* @param {Profile_JoinedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_joined = /** @type {((inputs: Profile_JoinedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_JoinedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_joined(inputs)
+	if (locale === "ru") return ru_profile_joined(inputs)
+	if (locale === "id") return id_profile_joined(inputs)
+	if (locale === "pt") return pt_profile_joined(inputs)
+	return fr_profile_joined(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_manage_subscription.js b/ui/src/lib/paraglide/messages/profile_manage_subscription.js
new file mode 100644
index 0000000..f3bf103
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_manage_subscription.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Manage_SubscriptionInputs */
+
+const en_profile_manage_subscription = /** @type {(inputs: Profile_Manage_SubscriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Manage subscription`)
+};
+
+const ru_profile_manage_subscription = /** @type {(inputs: Profile_Manage_SubscriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Управление подпиской`)
+};
+
+const id_profile_manage_subscription = /** @type {(inputs: Profile_Manage_SubscriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kelola langganan`)
+};
+
+const pt_profile_manage_subscription = /** @type {(inputs: Profile_Manage_SubscriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gerenciar assinatura`)
+};
+
+const fr_profile_manage_subscription = /** @type {(inputs: Profile_Manage_SubscriptionInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gérer l'abonnement`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Manage subscription" |
+*
+* @param {Profile_Manage_SubscriptionInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_manage_subscription = /** @type {((inputs?: Profile_Manage_SubscriptionInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Manage_SubscriptionInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_manage_subscription(inputs)
+	if (locale === "ru") return ru_profile_manage_subscription(inputs)
+	if (locale === "id") return id_profile_manage_subscription(inputs)
+	if (locale === "pt") return pt_profile_manage_subscription(inputs)
+	return fr_profile_manage_subscription(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_new_password.js b/ui/src/lib/paraglide/messages/profile_new_password.js
new file mode 100644
index 0000000..00b4376
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_new_password.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_New_PasswordInputs */
+
+const en_profile_new_password = /** @type {(inputs: Profile_New_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`New password`)
+};
+
+const ru_profile_new_password = /** @type {(inputs: Profile_New_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Новый пароль`)
+};
+
+const id_profile_new_password = /** @type {(inputs: Profile_New_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kata sandi baru`)
+};
+
+const pt_profile_new_password = /** @type {(inputs: Profile_New_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nova senha`)
+};
+
+const fr_profile_new_password = /** @type {(inputs: Profile_New_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nouveau mot de passe`)
+};
+
+/**
+* | output |
+* | --- |
+* | "New password" |
+*
+* @param {Profile_New_PasswordInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_new_password = /** @type {((inputs?: Profile_New_PasswordInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_New_PasswordInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_new_password(inputs)
+	if (locale === "ru") return ru_profile_new_password(inputs)
+	if (locale === "id") return id_profile_new_password(inputs)
+	if (locale === "pt") return pt_profile_new_password(inputs)
+	return fr_profile_new_password(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_no_sessions.js b/ui/src/lib/paraglide/messages/profile_no_sessions.js
new file mode 100644
index 0000000..2677cce
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_no_sessions.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_No_SessionsInputs */
+
+const en_profile_no_sessions = /** @type {(inputs: Profile_No_SessionsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No session records found. Sessions are tracked from the next login.`)
+};
+
+const ru_profile_no_sessions = /** @type {(inputs: Profile_No_SessionsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Записей сессий нет. Отслеживание начнётся со следующего входа.`)
+};
+
+const id_profile_no_sessions = /** @type {(inputs: Profile_No_SessionsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tidak ada catatan sesi. Sesi dilacak mulai login berikutnya.`)
+};
+
+const pt_profile_no_sessions = /** @type {(inputs: Profile_No_SessionsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhum registro de sessão encontrado. As sessões são rastreadas a partir do próximo login.`)
+};
+
+const fr_profile_no_sessions = /** @type {(inputs: Profile_No_SessionsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucun enregistrement de session trouvé. Les sessions sont suivies dès la prochaine connexion.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No session records found. Sessions are tracked from the next login." |
+*
+* @param {Profile_No_SessionsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_no_sessions = /** @type {((inputs?: Profile_No_SessionsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_No_SessionsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_no_sessions(inputs)
+	if (locale === "ru") return ru_profile_no_sessions(inputs)
+	if (locale === "id") return id_profile_no_sessions(inputs)
+	if (locale === "pt") return pt_profile_no_sessions(inputs)
+	return fr_profile_no_sessions(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_page_title.js b/ui/src/lib/paraglide/messages/profile_page_title.js
new file mode 100644
index 0000000..0efef66
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Page_TitleInputs */
+
+const en_profile_page_title = /** @type {(inputs: Profile_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Profile — libnovel`)
+};
+
+const ru_profile_page_title = /** @type {(inputs: Profile_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Профиль — libnovel`)
+};
+
+const id_profile_page_title = /** @type {(inputs: Profile_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Profil — libnovel`)
+};
+
+const pt_profile_page_title = /** @type {(inputs: Profile_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Perfil — libnovel`)
+};
+
+const fr_profile_page_title = /** @type {(inputs: Profile_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Profil — libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Profile — libnovel" |
+*
+* @param {Profile_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_page_title = /** @type {((inputs?: Profile_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_page_title(inputs)
+	if (locale === "ru") return ru_profile_page_title(inputs)
+	if (locale === "id") return id_profile_page_title(inputs)
+	if (locale === "pt") return pt_profile_page_title(inputs)
+	return fr_profile_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_password_changed_ok.js b/ui/src/lib/paraglide/messages/profile_password_changed_ok.js
new file mode 100644
index 0000000..f9facea
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_password_changed_ok.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Password_Changed_OkInputs */
+
+const en_profile_password_changed_ok = /** @type {(inputs: Profile_Password_Changed_OkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Password changed successfully.`)
+};
+
+const ru_profile_password_changed_ok = /** @type {(inputs: Profile_Password_Changed_OkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Пароль успешно изменён.`)
+};
+
+const id_profile_password_changed_ok = /** @type {(inputs: Profile_Password_Changed_OkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kata sandi berhasil diubah.`)
+};
+
+const pt_profile_password_changed_ok = /** @type {(inputs: Profile_Password_Changed_OkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Senha alterada com sucesso.`)
+};
+
+const fr_profile_password_changed_ok = /** @type {(inputs: Profile_Password_Changed_OkInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mot de passe modifié avec succès.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Password changed successfully." |
+*
+* @param {Profile_Password_Changed_OkInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_password_changed_ok = /** @type {((inputs?: Profile_Password_Changed_OkInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Password_Changed_OkInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_password_changed_ok(inputs)
+	if (locale === "ru") return ru_profile_password_changed_ok(inputs)
+	if (locale === "id") return id_profile_password_changed_ok(inputs)
+	if (locale === "pt") return pt_profile_password_changed_ok(inputs)
+	return fr_profile_password_changed_ok(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_password_error.js b/ui/src/lib/paraglide/messages/profile_password_error.js
new file mode 100644
index 0000000..a2547b4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_password_error.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Password_ErrorInputs */
+
+const en_profile_password_error = /** @type {(inputs: Profile_Password_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Failed to change password.`)
+};
+
+const ru_profile_password_error = /** @type {(inputs: Profile_Password_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Не удалось изменить пароль.`)
+};
+
+const id_profile_password_error = /** @type {(inputs: Profile_Password_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gagal mengubah kata sandi.`)
+};
+
+const pt_profile_password_error = /** @type {(inputs: Profile_Password_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Falha ao alterar a senha.`)
+};
+
+const fr_profile_password_error = /** @type {(inputs: Profile_Password_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Impossible de modifier le mot de passe.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Failed to change password." |
+*
+* @param {Profile_Password_ErrorInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_password_error = /** @type {((inputs?: Profile_Password_ErrorInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Password_ErrorInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_password_error(inputs)
+	if (locale === "ru") return ru_profile_password_error(inputs)
+	if (locale === "id") return id_profile_password_error(inputs)
+	if (locale === "pt") return pt_profile_password_error(inputs)
+	return fr_profile_password_error(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_password_saved.js b/ui/src/lib/paraglide/messages/profile_password_saved.js
new file mode 100644
index 0000000..eb31574
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_password_saved.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Password_SavedInputs */
+
+const en_profile_password_saved = /** @type {(inputs: Profile_Password_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Password changed.`)
+};
+
+const ru_profile_password_saved = /** @type {(inputs: Profile_Password_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Пароль изменён.`)
+};
+
+const id_profile_password_saved = /** @type {(inputs: Profile_Password_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kata sandi diubah.`)
+};
+
+const pt_profile_password_saved = /** @type {(inputs: Profile_Password_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Senha alterada.`)
+};
+
+const fr_profile_password_saved = /** @type {(inputs: Profile_Password_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mot de passe modifié.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Password changed." |
+*
+* @param {Profile_Password_SavedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_password_saved = /** @type {((inputs?: Profile_Password_SavedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Password_SavedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_password_saved(inputs)
+	if (locale === "ru") return ru_profile_password_saved(inputs)
+	if (locale === "id") return id_profile_password_saved(inputs)
+	if (locale === "pt") return pt_profile_password_saved(inputs)
+	return fr_profile_password_saved(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_plan_free.js b/ui/src/lib/paraglide/messages/profile_plan_free.js
new file mode 100644
index 0000000..4727117
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_plan_free.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Plan_FreeInputs */
+
+const en_profile_plan_free = /** @type {(inputs: Profile_Plan_FreeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Free`)
+};
+
+const ru_profile_plan_free = /** @type {(inputs: Profile_Plan_FreeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Бесплатно`)
+};
+
+const id_profile_plan_free = /** @type {(inputs: Profile_Plan_FreeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gratis`)
+};
+
+const pt_profile_plan_free = /** @type {(inputs: Profile_Plan_FreeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gratuito`)
+};
+
+const fr_profile_plan_free = /** @type {(inputs: Profile_Plan_FreeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gratuit`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Free" |
+*
+* @param {Profile_Plan_FreeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_plan_free = /** @type {((inputs?: Profile_Plan_FreeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Plan_FreeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_plan_free(inputs)
+	if (locale === "ru") return ru_profile_plan_free(inputs)
+	if (locale === "id") return id_profile_plan_free(inputs)
+	if (locale === "pt") return pt_profile_plan_free(inputs)
+	return fr_profile_plan_free(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_plan_pro.js b/ui/src/lib/paraglide/messages/profile_plan_pro.js
new file mode 100644
index 0000000..4338e77
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_plan_pro.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Plan_ProInputs */
+
+const en_profile_plan_pro = /** @type {(inputs: Profile_Plan_ProInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pro`)
+};
+
+const ru_profile_plan_pro = /** @type {(inputs: Profile_Plan_ProInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pro`)
+};
+
+const id_profile_plan_pro = /** @type {(inputs: Profile_Plan_ProInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pro`)
+};
+
+const pt_profile_plan_pro = /** @type {(inputs: Profile_Plan_ProInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pro`)
+};
+
+const fr_profile_plan_pro = /** @type {(inputs: Profile_Plan_ProInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pro`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Pro" |
+*
+* @param {Profile_Plan_ProInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_plan_pro = /** @type {((inputs?: Profile_Plan_ProInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Plan_ProInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_plan_pro(inputs)
+	if (locale === "ru") return ru_profile_plan_pro(inputs)
+	if (locale === "id") return id_profile_plan_pro(inputs)
+	if (locale === "pt") return pt_profile_plan_pro(inputs)
+	return fr_profile_plan_pro(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_playback_speed.js b/ui/src/lib/paraglide/messages/profile_playback_speed.js
new file mode 100644
index 0000000..e899b48
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_playback_speed.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ speed: NonNullable<unknown> }} Profile_Playback_SpeedInputs */
+
+const en_profile_playback_speed = /** @type {(inputs: Profile_Playback_SpeedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Playback speed — ${i?.speed}x`)
+};
+
+const ru_profile_playback_speed = /** @type {(inputs: Profile_Playback_SpeedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Скорость воспроизведения — ${i?.speed}x`)
+};
+
+const id_profile_playback_speed = /** @type {(inputs: Profile_Playback_SpeedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Kecepatan pemutaran — ${i?.speed}x`)
+};
+
+const pt_profile_playback_speed = /** @type {(inputs: Profile_Playback_SpeedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Velocidade de reprodução — ${i?.speed}x`)
+};
+
+const fr_profile_playback_speed = /** @type {(inputs: Profile_Playback_SpeedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Vitesse de lecture — ${i?.speed}x`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Playback speed — {speed}x" |
+*
+* @param {Profile_Playback_SpeedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_playback_speed = /** @type {((inputs: Profile_Playback_SpeedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Playback_SpeedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_playback_speed(inputs)
+	if (locale === "ru") return ru_profile_playback_speed(inputs)
+	if (locale === "id") return id_profile_playback_speed(inputs)
+	if (locale === "pt") return pt_profile_playback_speed(inputs)
+	return fr_profile_playback_speed(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_pro_active.js b/ui/src/lib/paraglide/messages/profile_pro_active.js
new file mode 100644
index 0000000..288a4a8
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_pro_active.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Pro_ActiveInputs */
+
+const en_profile_pro_active = /** @type {(inputs: Profile_Pro_ActiveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Your Pro subscription is active.`)
+};
+
+const ru_profile_pro_active = /** @type {(inputs: Profile_Pro_ActiveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ваша подписка Pro активна.`)
+};
+
+const id_profile_pro_active = /** @type {(inputs: Profile_Pro_ActiveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Langganan Pro kamu aktif.`)
+};
+
+const pt_profile_pro_active = /** @type {(inputs: Profile_Pro_ActiveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sua assinatura Pro está ativa.`)
+};
+
+const fr_profile_pro_active = /** @type {(inputs: Profile_Pro_ActiveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Votre abonnement Pro est actif.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Your Pro subscription is active." |
+*
+* @param {Profile_Pro_ActiveInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_pro_active = /** @type {((inputs?: Profile_Pro_ActiveInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Pro_ActiveInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_pro_active(inputs)
+	if (locale === "ru") return ru_profile_pro_active(inputs)
+	if (locale === "id") return id_profile_pro_active(inputs)
+	if (locale === "pt") return pt_profile_pro_active(inputs)
+	return fr_profile_pro_active(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_pro_perks.js b/ui/src/lib/paraglide/messages/profile_pro_perks.js
new file mode 100644
index 0000000..07c6ac5
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_pro_perks.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Pro_PerksInputs */
+
+const en_profile_pro_perks = /** @type {(inputs: Profile_Pro_PerksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Unlimited audio, all translation languages, and voice selection are enabled.`)
+};
+
+const ru_profile_pro_perks = /** @type {(inputs: Profile_Pro_PerksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Безлимитное аудио, все языки перевода и выбор голоса доступны.`)
+};
+
+const id_profile_pro_perks = /** @type {(inputs: Profile_Pro_PerksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio tanpa batas, semua bahasa terjemahan, dan pilihan suara tersedia.`)
+};
+
+const pt_profile_pro_perks = /** @type {(inputs: Profile_Pro_PerksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Áudio ilimitado, todos os idiomas de tradução e seleção de voz estão habilitados.`)
+};
+
+const fr_profile_pro_perks = /** @type {(inputs: Profile_Pro_PerksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio illimité, toutes les langues de traduction et la sélection de voix sont activées.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Unlimited audio, all translation languages, and voice selection are enabled." |
+*
+* @param {Profile_Pro_PerksInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_pro_perks = /** @type {((inputs?: Profile_Pro_PerksInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Pro_PerksInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_pro_perks(inputs)
+	if (locale === "ru") return ru_profile_pro_perks(inputs)
+	if (locale === "id") return id_profile_pro_perks(inputs)
+	if (locale === "pt") return pt_profile_pro_perks(inputs)
+	return fr_profile_pro_perks(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_reading_heading.js b/ui/src/lib/paraglide/messages/profile_reading_heading.js
new file mode 100644
index 0000000..a9ae72e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_reading_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Reading_HeadingInputs */
+
+const en_profile_reading_heading = /** @type {(inputs: Profile_Reading_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Reading settings`)
+};
+
+const ru_profile_reading_heading = /** @type {(inputs: Profile_Reading_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Настройки чтения`)
+};
+
+const id_profile_reading_heading = /** @type {(inputs: Profile_Reading_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pengaturan membaca`)
+};
+
+const pt_profile_reading_heading = /** @type {(inputs: Profile_Reading_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Configurações de leitura`)
+};
+
+const fr_profile_reading_heading = /** @type {(inputs: Profile_Reading_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Paramètres de lecture`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Reading settings" |
+*
+* @param {Profile_Reading_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_reading_heading = /** @type {((inputs?: Profile_Reading_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Reading_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_reading_heading(inputs)
+	if (locale === "ru") return ru_profile_reading_heading(inputs)
+	if (locale === "id") return id_profile_reading_heading(inputs)
+	if (locale === "pt") return pt_profile_reading_heading(inputs)
+	return fr_profile_reading_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_save_password.js b/ui/src/lib/paraglide/messages/profile_save_password.js
new file mode 100644
index 0000000..7464c6f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_save_password.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Save_PasswordInputs */
+
+const en_profile_save_password = /** @type {(inputs: Profile_Save_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Save password`)
+};
+
+const ru_profile_save_password = /** @type {(inputs: Profile_Save_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сохранить пароль`)
+};
+
+const id_profile_save_password = /** @type {(inputs: Profile_Save_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Simpan kata sandi`)
+};
+
+const pt_profile_save_password = /** @type {(inputs: Profile_Save_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Salvar senha`)
+};
+
+const fr_profile_save_password = /** @type {(inputs: Profile_Save_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enregistrer le mot de passe`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Save password" |
+*
+* @param {Profile_Save_PasswordInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_save_password = /** @type {((inputs?: Profile_Save_PasswordInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Save_PasswordInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_save_password(inputs)
+	if (locale === "ru") return ru_profile_save_password(inputs)
+	if (locale === "id") return id_profile_save_password(inputs)
+	if (locale === "pt") return pt_profile_save_password(inputs)
+	return fr_profile_save_password(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_save_settings.js b/ui/src/lib/paraglide/messages/profile_save_settings.js
new file mode 100644
index 0000000..265b9fb
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_save_settings.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Save_SettingsInputs */
+
+const en_profile_save_settings = /** @type {(inputs: Profile_Save_SettingsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Save settings`)
+};
+
+const ru_profile_save_settings = /** @type {(inputs: Profile_Save_SettingsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сохранить настройки`)
+};
+
+const id_profile_save_settings = /** @type {(inputs: Profile_Save_SettingsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Simpan pengaturan`)
+};
+
+const pt_profile_save_settings = /** @type {(inputs: Profile_Save_SettingsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Salvar configurações`)
+};
+
+const fr_profile_save_settings = /** @type {(inputs: Profile_Save_SettingsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enregistrer les paramètres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Save settings" |
+*
+* @param {Profile_Save_SettingsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_save_settings = /** @type {((inputs?: Profile_Save_SettingsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Save_SettingsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_save_settings(inputs)
+	if (locale === "ru") return ru_profile_save_settings(inputs)
+	if (locale === "id") return id_profile_save_settings(inputs)
+	if (locale === "pt") return pt_profile_save_settings(inputs)
+	return fr_profile_save_settings(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_saved.js b/ui/src/lib/paraglide/messages/profile_saved.js
new file mode 100644
index 0000000..2a6afe2
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_saved.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_SavedInputs */
+
+const en_profile_saved = /** @type {(inputs: Profile_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Saved!`)
+};
+
+const ru_profile_saved = /** @type {(inputs: Profile_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сохранено!`)
+};
+
+const id_profile_saved = /** @type {(inputs: Profile_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tersimpan!`)
+};
+
+const pt_profile_saved = /** @type {(inputs: Profile_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Salvo!`)
+};
+
+const fr_profile_saved = /** @type {(inputs: Profile_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enregistré !`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Saved!" |
+*
+* @param {Profile_SavedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_saved = /** @type {((inputs?: Profile_SavedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_SavedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_saved(inputs)
+	if (locale === "ru") return ru_profile_saved(inputs)
+	if (locale === "id") return id_profile_saved(inputs)
+	if (locale === "pt") return pt_profile_saved(inputs)
+	return fr_profile_saved(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_saving.js b/ui/src/lib/paraglide/messages/profile_saving.js
new file mode 100644
index 0000000..49002e5
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_saving.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_SavingInputs */
+
+const en_profile_saving = /** @type {(inputs: Profile_SavingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Saving…`)
+};
+
+const ru_profile_saving = /** @type {(inputs: Profile_SavingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сохранение…`)
+};
+
+const id_profile_saving = /** @type {(inputs: Profile_SavingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Menyimpan…`)
+};
+
+const pt_profile_saving = /** @type {(inputs: Profile_SavingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Salvando…`)
+};
+
+const fr_profile_saving = /** @type {(inputs: Profile_SavingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Enregistrement…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Saving…" |
+*
+* @param {Profile_SavingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_saving = /** @type {((inputs?: Profile_SavingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_SavingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_saving(inputs)
+	if (locale === "ru") return ru_profile_saving(inputs)
+	if (locale === "id") return id_profile_saving(inputs)
+	if (locale === "pt") return pt_profile_saving(inputs)
+	return fr_profile_saving(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_session_end.js b/ui/src/lib/paraglide/messages/profile_session_end.js
new file mode 100644
index 0000000..c471b47
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_session_end.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Session_EndInputs */
+
+const en_profile_session_end = /** @type {(inputs: Profile_Session_EndInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`End`)
+};
+
+const ru_profile_session_end = /** @type {(inputs: Profile_Session_EndInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Завершить`)
+};
+
+const id_profile_session_end = /** @type {(inputs: Profile_Session_EndInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Akhiri`)
+};
+
+const pt_profile_session_end = /** @type {(inputs: Profile_Session_EndInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Encerrar`)
+};
+
+const fr_profile_session_end = /** @type {(inputs: Profile_Session_EndInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Terminer`)
+};
+
+/**
+* | output |
+* | --- |
+* | "End" |
+*
+* @param {Profile_Session_EndInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_session_end = /** @type {((inputs?: Profile_Session_EndInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Session_EndInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_session_end(inputs)
+	if (locale === "ru") return ru_profile_session_end(inputs)
+	if (locale === "id") return id_profile_session_end(inputs)
+	if (locale === "pt") return pt_profile_session_end(inputs)
+	return fr_profile_session_end(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_session_last_seen.js b/ui/src/lib/paraglide/messages/profile_session_last_seen.js
new file mode 100644
index 0000000..ece128f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_session_last_seen.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ date: NonNullable<unknown> }} Profile_Session_Last_SeenInputs */
+
+const en_profile_session_last_seen = /** @type {(inputs: Profile_Session_Last_SeenInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`· Last seen ${i?.date}`)
+};
+
+const ru_profile_session_last_seen = /** @type {(inputs: Profile_Session_Last_SeenInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`· Последний визит ${i?.date}`)
+};
+
+const id_profile_session_last_seen = /** @type {(inputs: Profile_Session_Last_SeenInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`· Terakhir dilihat ${i?.date}`)
+};
+
+const pt_profile_session_last_seen = /** @type {(inputs: Profile_Session_Last_SeenInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`· Visto por último em ${i?.date}`)
+};
+
+const fr_profile_session_last_seen = /** @type {(inputs: Profile_Session_Last_SeenInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`· Dernière activité ${i?.date}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "· Last seen {date}" |
+*
+* @param {Profile_Session_Last_SeenInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_session_last_seen = /** @type {((inputs: Profile_Session_Last_SeenInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Session_Last_SeenInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_session_last_seen(inputs)
+	if (locale === "ru") return ru_profile_session_last_seen(inputs)
+	if (locale === "id") return id_profile_session_last_seen(inputs)
+	if (locale === "pt") return pt_profile_session_last_seen(inputs)
+	return fr_profile_session_last_seen(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_session_sign_out.js b/ui/src/lib/paraglide/messages/profile_session_sign_out.js
new file mode 100644
index 0000000..5740cd6
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_session_sign_out.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Session_Sign_OutInputs */
+
+const en_profile_session_sign_out = /** @type {(inputs: Profile_Session_Sign_OutInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sign out`)
+};
+
+const ru_profile_session_sign_out = /** @type {(inputs: Profile_Session_Sign_OutInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Выйти`)
+};
+
+const id_profile_session_sign_out = /** @type {(inputs: Profile_Session_Sign_OutInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Keluar`)
+};
+
+const pt_profile_session_sign_out = /** @type {(inputs: Profile_Session_Sign_OutInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sair`)
+};
+
+const fr_profile_session_sign_out = /** @type {(inputs: Profile_Session_Sign_OutInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Se déconnecter`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Sign out" |
+*
+* @param {Profile_Session_Sign_OutInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_session_sign_out = /** @type {((inputs?: Profile_Session_Sign_OutInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Session_Sign_OutInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_session_sign_out(inputs)
+	if (locale === "ru") return ru_profile_session_sign_out(inputs)
+	if (locale === "id") return id_profile_session_sign_out(inputs)
+	if (locale === "pt") return pt_profile_session_sign_out(inputs)
+	return fr_profile_session_sign_out(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_session_signed_in.js b/ui/src/lib/paraglide/messages/profile_session_signed_in.js
new file mode 100644
index 0000000..737be81
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_session_signed_in.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ date: NonNullable<unknown> }} Profile_Session_Signed_InInputs */
+
+const en_profile_session_signed_in = /** @type {(inputs: Profile_Session_Signed_InInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Signed in ${i?.date}`)
+};
+
+const ru_profile_session_signed_in = /** @type {(inputs: Profile_Session_Signed_InInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Вход ${i?.date}`)
+};
+
+const id_profile_session_signed_in = /** @type {(inputs: Profile_Session_Signed_InInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Masuk ${i?.date}`)
+};
+
+const pt_profile_session_signed_in = /** @type {(inputs: Profile_Session_Signed_InInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Entrou em ${i?.date}`)
+};
+
+const fr_profile_session_signed_in = /** @type {(inputs: Profile_Session_Signed_InInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Connecté le ${i?.date}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Signed in {date}" |
+*
+* @param {Profile_Session_Signed_InInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_session_signed_in = /** @type {((inputs: Profile_Session_Signed_InInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Session_Signed_InInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_session_signed_in(inputs)
+	if (locale === "ru") return ru_profile_session_signed_in(inputs)
+	if (locale === "id") return id_profile_session_signed_in(inputs)
+	if (locale === "pt") return pt_profile_session_signed_in(inputs)
+	return fr_profile_session_signed_in(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_session_this.js b/ui/src/lib/paraglide/messages/profile_session_this.js
new file mode 100644
index 0000000..a1f38bb
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_session_this.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Session_ThisInputs */
+
+const en_profile_session_this = /** @type {(inputs: Profile_Session_ThisInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`This session`)
+};
+
+const ru_profile_session_this = /** @type {(inputs: Profile_Session_ThisInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Текущая сессия`)
+};
+
+const id_profile_session_this = /** @type {(inputs: Profile_Session_ThisInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sesi ini`)
+};
+
+const pt_profile_session_this = /** @type {(inputs: Profile_Session_ThisInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Esta sessão`)
+};
+
+const fr_profile_session_this = /** @type {(inputs: Profile_Session_ThisInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cette session`)
+};
+
+/**
+* | output |
+* | --- |
+* | "This session" |
+*
+* @param {Profile_Session_ThisInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_session_this = /** @type {((inputs?: Profile_Session_ThisInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Session_ThisInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_session_this(inputs)
+	if (locale === "ru") return ru_profile_session_this(inputs)
+	if (locale === "id") return id_profile_session_this(inputs)
+	if (locale === "pt") return pt_profile_session_this(inputs)
+	return fr_profile_session_this(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_session_unrecognised.js b/ui/src/lib/paraglide/messages/profile_session_unrecognised.js
new file mode 100644
index 0000000..07b6091
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_session_unrecognised.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Session_UnrecognisedInputs */
+
+const en_profile_session_unrecognised = /** @type {(inputs: Profile_Session_UnrecognisedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`These are all devices currently signed into your account. End any session you don’t recognise.`)
+};
+
+const ru_profile_session_unrecognised = /** @type {(inputs: Profile_Session_UnrecognisedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Это все устройства, авторизованные в вашем аккаунте. Завершите любую сессию, которую не узнаёте.`)
+};
+
+const id_profile_session_unrecognised = /** @type {(inputs: Profile_Session_UnrecognisedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ini semua perangkat yang masuk ke akunmu. Akhiri sesi yang tidak kamu kenali.`)
+};
+
+const pt_profile_session_unrecognised = /** @type {(inputs: Profile_Session_UnrecognisedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Estes são todos os dispositivos conectados à sua conta. Encerre qualquer sessão que não reconhecer.`)
+};
+
+const fr_profile_session_unrecognised = /** @type {(inputs: Profile_Session_UnrecognisedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ce sont tous les appareils connectés à votre compte. Terminez toute session que vous ne reconnaissez pas.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "These are all devices currently signed into your account. End any session you don’t recognise." |
+*
+* @param {Profile_Session_UnrecognisedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_session_unrecognised = /** @type {((inputs?: Profile_Session_UnrecognisedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Session_UnrecognisedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_session_unrecognised(inputs)
+	if (locale === "ru") return ru_profile_session_unrecognised(inputs)
+	if (locale === "id") return id_profile_session_unrecognised(inputs)
+	if (locale === "pt") return pt_profile_session_unrecognised(inputs)
+	return fr_profile_session_unrecognised(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_sessions_heading.js b/ui/src/lib/paraglide/messages/profile_sessions_heading.js
new file mode 100644
index 0000000..726e743
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_sessions_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Sessions_HeadingInputs */
+
+const en_profile_sessions_heading = /** @type {(inputs: Profile_Sessions_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Active sessions`)
+};
+
+const ru_profile_sessions_heading = /** @type {(inputs: Profile_Sessions_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Активные сессии`)
+};
+
+const id_profile_sessions_heading = /** @type {(inputs: Profile_Sessions_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sesi aktif`)
+};
+
+const pt_profile_sessions_heading = /** @type {(inputs: Profile_Sessions_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sessões ativas`)
+};
+
+const fr_profile_sessions_heading = /** @type {(inputs: Profile_Sessions_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sessions actives`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Active sessions" |
+*
+* @param {Profile_Sessions_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_sessions_heading = /** @type {((inputs?: Profile_Sessions_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Sessions_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_sessions_heading(inputs)
+	if (locale === "ru") return ru_profile_sessions_heading(inputs)
+	if (locale === "id") return id_profile_sessions_heading(inputs)
+	if (locale === "pt") return pt_profile_sessions_heading(inputs)
+	return fr_profile_sessions_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_settings_error.js b/ui/src/lib/paraglide/messages/profile_settings_error.js
new file mode 100644
index 0000000..b66278b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_settings_error.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Settings_ErrorInputs */
+
+const en_profile_settings_error = /** @type {(inputs: Profile_Settings_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Failed to save settings.`)
+};
+
+const ru_profile_settings_error = /** @type {(inputs: Profile_Settings_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Не удалось сохранить настройки.`)
+};
+
+const id_profile_settings_error = /** @type {(inputs: Profile_Settings_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gagal menyimpan pengaturan.`)
+};
+
+const pt_profile_settings_error = /** @type {(inputs: Profile_Settings_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Falha ao salvar configurações.`)
+};
+
+const fr_profile_settings_error = /** @type {(inputs: Profile_Settings_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Impossible d'enregistrer les paramètres.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Failed to save settings." |
+*
+* @param {Profile_Settings_ErrorInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_settings_error = /** @type {((inputs?: Profile_Settings_ErrorInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Settings_ErrorInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_settings_error(inputs)
+	if (locale === "ru") return ru_profile_settings_error(inputs)
+	if (locale === "id") return id_profile_settings_error(inputs)
+	if (locale === "pt") return pt_profile_settings_error(inputs)
+	return fr_profile_settings_error(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_settings_saved.js b/ui/src/lib/paraglide/messages/profile_settings_saved.js
new file mode 100644
index 0000000..0c5360c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_settings_saved.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Settings_SavedInputs */
+
+const en_profile_settings_saved = /** @type {(inputs: Profile_Settings_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Settings saved.`)
+};
+
+const ru_profile_settings_saved = /** @type {(inputs: Profile_Settings_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Настройки сохранены.`)
+};
+
+const id_profile_settings_saved = /** @type {(inputs: Profile_Settings_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pengaturan disimpan.`)
+};
+
+const pt_profile_settings_saved = /** @type {(inputs: Profile_Settings_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Configurações salvas.`)
+};
+
+const fr_profile_settings_saved = /** @type {(inputs: Profile_Settings_SavedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Paramètres enregistrés.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Settings saved." |
+*
+* @param {Profile_Settings_SavedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_settings_saved = /** @type {((inputs?: Profile_Settings_SavedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Settings_SavedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_settings_saved(inputs)
+	if (locale === "ru") return ru_profile_settings_saved(inputs)
+	if (locale === "id") return id_profile_settings_saved(inputs)
+	if (locale === "pt") return pt_profile_settings_saved(inputs)
+	return fr_profile_settings_saved(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_sign_out_all.js b/ui/src/lib/paraglide/messages/profile_sign_out_all.js
new file mode 100644
index 0000000..49b6651
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_sign_out_all.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Sign_Out_AllInputs */
+
+const en_profile_sign_out_all = /** @type {(inputs: Profile_Sign_Out_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sign out all other devices`)
+};
+
+const ru_profile_sign_out_all = /** @type {(inputs: Profile_Sign_Out_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Выйти на всех других устройствах`)
+};
+
+const id_profile_sign_out_all = /** @type {(inputs: Profile_Sign_Out_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Keluar dari semua perangkat lain`)
+};
+
+const pt_profile_sign_out_all = /** @type {(inputs: Profile_Sign_Out_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sair de todos os outros dispositivos`)
+};
+
+const fr_profile_sign_out_all = /** @type {(inputs: Profile_Sign_Out_AllInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Se déconnecter de tous les autres appareils`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Sign out all other devices" |
+*
+* @param {Profile_Sign_Out_AllInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_sign_out_all = /** @type {((inputs?: Profile_Sign_Out_AllInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Sign_Out_AllInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_sign_out_all(inputs)
+	if (locale === "ru") return ru_profile_sign_out_all(inputs)
+	if (locale === "id") return id_profile_sign_out_all(inputs)
+	if (locale === "pt") return pt_profile_sign_out_all(inputs)
+	return fr_profile_sign_out_all(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_speed_label.js b/ui/src/lib/paraglide/messages/profile_speed_label.js
new file mode 100644
index 0000000..6390fbd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_speed_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Speed_LabelInputs */
+
+const en_profile_speed_label = /** @type {(inputs: Profile_Speed_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Playback speed`)
+};
+
+const ru_profile_speed_label = /** @type {(inputs: Profile_Speed_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Скорость воспроизведения`)
+};
+
+const id_profile_speed_label = /** @type {(inputs: Profile_Speed_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kecepatan pemutaran`)
+};
+
+const pt_profile_speed_label = /** @type {(inputs: Profile_Speed_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Velocidade de reprodução`)
+};
+
+const fr_profile_speed_label = /** @type {(inputs: Profile_Speed_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Vitesse de lecture`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Playback speed" |
+*
+* @param {Profile_Speed_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_speed_label = /** @type {((inputs?: Profile_Speed_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Speed_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_speed_label(inputs)
+	if (locale === "ru") return ru_profile_speed_label(inputs)
+	if (locale === "id") return id_profile_speed_label(inputs)
+	if (locale === "pt") return pt_profile_speed_label(inputs)
+	return fr_profile_speed_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_subscription_heading.js b/ui/src/lib/paraglide/messages/profile_subscription_heading.js
new file mode 100644
index 0000000..25dc9ba
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_subscription_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Subscription_HeadingInputs */
+
+const en_profile_subscription_heading = /** @type {(inputs: Profile_Subscription_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Subscription`)
+};
+
+const ru_profile_subscription_heading = /** @type {(inputs: Profile_Subscription_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Подписка`)
+};
+
+const id_profile_subscription_heading = /** @type {(inputs: Profile_Subscription_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Langganan`)
+};
+
+const pt_profile_subscription_heading = /** @type {(inputs: Profile_Subscription_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Assinatura`)
+};
+
+const fr_profile_subscription_heading = /** @type {(inputs: Profile_Subscription_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Abonnement`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Subscription" |
+*
+* @param {Profile_Subscription_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_subscription_heading = /** @type {((inputs?: Profile_Subscription_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Subscription_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_subscription_heading(inputs)
+	if (locale === "ru") return ru_profile_subscription_heading(inputs)
+	if (locale === "id") return id_profile_subscription_heading(inputs)
+	if (locale === "pt") return pt_profile_subscription_heading(inputs)
+	return fr_profile_subscription_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_text_size.js b/ui/src/lib/paraglide/messages/profile_text_size.js
new file mode 100644
index 0000000..08a261f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_text_size.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Text_SizeInputs */
+
+const en_profile_text_size = /** @type {(inputs: Profile_Text_SizeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Text Size`)
+};
+
+const ru_profile_text_size = /** @type {(inputs: Profile_Text_SizeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Размер текста`)
+};
+
+const id_profile_text_size = /** @type {(inputs: Profile_Text_SizeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ukuran Teks`)
+};
+
+const pt_profile_text_size = /** @type {(inputs: Profile_Text_SizeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tamanho do texto`)
+};
+
+const fr_profile_text_size = /** @type {(inputs: Profile_Text_SizeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Taille du texte`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Text Size" |
+*
+* @param {Profile_Text_SizeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_text_size = /** @type {((inputs?: Profile_Text_SizeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Text_SizeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_text_size(inputs)
+	if (locale === "ru") return ru_profile_text_size(inputs)
+	if (locale === "id") return id_profile_text_size(inputs)
+	if (locale === "pt") return pt_profile_text_size(inputs)
+	return fr_profile_text_size(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_text_size_lg.js b/ui/src/lib/paraglide/messages/profile_text_size_lg.js
new file mode 100644
index 0000000..ce6ba27
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_text_size_lg.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Text_Size_LgInputs */
+
+const en_profile_text_size_lg = /** @type {(inputs: Profile_Text_Size_LgInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Large`)
+};
+
+const ru_profile_text_size_lg = /** @type {(inputs: Profile_Text_Size_LgInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Большой`)
+};
+
+const id_profile_text_size_lg = /** @type {(inputs: Profile_Text_Size_LgInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Besar`)
+};
+
+const pt_profile_text_size_lg = /** @type {(inputs: Profile_Text_Size_LgInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Grande`)
+};
+
+const fr_profile_text_size_lg = /** @type {(inputs: Profile_Text_Size_LgInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Grand`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Large" |
+*
+* @param {Profile_Text_Size_LgInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_text_size_lg = /** @type {((inputs?: Profile_Text_Size_LgInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Text_Size_LgInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_text_size_lg(inputs)
+	if (locale === "ru") return ru_profile_text_size_lg(inputs)
+	if (locale === "id") return id_profile_text_size_lg(inputs)
+	if (locale === "pt") return pt_profile_text_size_lg(inputs)
+	return fr_profile_text_size_lg(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_text_size_md.js b/ui/src/lib/paraglide/messages/profile_text_size_md.js
new file mode 100644
index 0000000..45b56da
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_text_size_md.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Text_Size_MdInputs */
+
+const en_profile_text_size_md = /** @type {(inputs: Profile_Text_Size_MdInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Normal`)
+};
+
+const ru_profile_text_size_md = /** @type {(inputs: Profile_Text_Size_MdInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Нормальный`)
+};
+
+const id_profile_text_size_md = /** @type {(inputs: Profile_Text_Size_MdInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Normal`)
+};
+
+const pt_profile_text_size_md = /** @type {(inputs: Profile_Text_Size_MdInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Normal`)
+};
+
+const fr_profile_text_size_md = /** @type {(inputs: Profile_Text_Size_MdInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Normal`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Normal" |
+*
+* @param {Profile_Text_Size_MdInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_text_size_md = /** @type {((inputs?: Profile_Text_Size_MdInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Text_Size_MdInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_text_size_md(inputs)
+	if (locale === "ru") return ru_profile_text_size_md(inputs)
+	if (locale === "id") return id_profile_text_size_md(inputs)
+	if (locale === "pt") return pt_profile_text_size_md(inputs)
+	return fr_profile_text_size_md(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_text_size_sm.js b/ui/src/lib/paraglide/messages/profile_text_size_sm.js
new file mode 100644
index 0000000..e5fb253
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_text_size_sm.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Text_Size_SmInputs */
+
+const en_profile_text_size_sm = /** @type {(inputs: Profile_Text_Size_SmInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Small`)
+};
+
+const ru_profile_text_size_sm = /** @type {(inputs: Profile_Text_Size_SmInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Маленький`)
+};
+
+const id_profile_text_size_sm = /** @type {(inputs: Profile_Text_Size_SmInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kecil`)
+};
+
+const pt_profile_text_size_sm = /** @type {(inputs: Profile_Text_Size_SmInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pequeno`)
+};
+
+const fr_profile_text_size_sm = /** @type {(inputs: Profile_Text_Size_SmInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Petit`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Small" |
+*
+* @param {Profile_Text_Size_SmInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_text_size_sm = /** @type {((inputs?: Profile_Text_Size_SmInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Text_Size_SmInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_text_size_sm(inputs)
+	if (locale === "ru") return ru_profile_text_size_sm(inputs)
+	if (locale === "id") return id_profile_text_size_sm(inputs)
+	if (locale === "pt") return pt_profile_text_size_sm(inputs)
+	return fr_profile_text_size_sm(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_text_size_xl.js b/ui/src/lib/paraglide/messages/profile_text_size_xl.js
new file mode 100644
index 0000000..687aeb5
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_text_size_xl.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Text_Size_XlInputs */
+
+const en_profile_text_size_xl = /** @type {(inputs: Profile_Text_Size_XlInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`X-Large`)
+};
+
+const ru_profile_text_size_xl = /** @type {(inputs: Profile_Text_Size_XlInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Очень большой`)
+};
+
+const id_profile_text_size_xl = /** @type {(inputs: Profile_Text_Size_XlInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sangat Besar`)
+};
+
+const pt_profile_text_size_xl = /** @type {(inputs: Profile_Text_Size_XlInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Muito grande`)
+};
+
+const fr_profile_text_size_xl = /** @type {(inputs: Profile_Text_Size_XlInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Très grand`)
+};
+
+/**
+* | output |
+* | --- |
+* | "X-Large" |
+*
+* @param {Profile_Text_Size_XlInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_text_size_xl = /** @type {((inputs?: Profile_Text_Size_XlInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Text_Size_XlInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_text_size_xl(inputs)
+	if (locale === "ru") return ru_profile_text_size_xl(inputs)
+	if (locale === "id") return id_profile_text_size_xl(inputs)
+	if (locale === "pt") return pt_profile_text_size_xl(inputs)
+	return fr_profile_text_size_xl(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_theme_amber.js b/ui/src/lib/paraglide/messages/profile_theme_amber.js
new file mode 100644
index 0000000..625fa7a
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_theme_amber.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Theme_AmberInputs */
+
+const en_profile_theme_amber = /** @type {(inputs: Profile_Theme_AmberInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Amber`)
+};
+
+const ru_profile_theme_amber = /** @type {(inputs: Profile_Theme_AmberInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Янтарь`)
+};
+
+const id_profile_theme_amber = /** @type {(inputs: Profile_Theme_AmberInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Amber`)
+};
+
+const pt_profile_theme_amber = /** @type {(inputs: Profile_Theme_AmberInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Âmbar`)
+};
+
+const fr_profile_theme_amber = /** @type {(inputs: Profile_Theme_AmberInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ambre`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Amber" |
+*
+* @param {Profile_Theme_AmberInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_theme_amber = /** @type {((inputs?: Profile_Theme_AmberInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Theme_AmberInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_theme_amber(inputs)
+	if (locale === "ru") return ru_profile_theme_amber(inputs)
+	if (locale === "id") return id_profile_theme_amber(inputs)
+	if (locale === "pt") return pt_profile_theme_amber(inputs)
+	return fr_profile_theme_amber(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_theme_cyber.js b/ui/src/lib/paraglide/messages/profile_theme_cyber.js
new file mode 100644
index 0000000..0715f9d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_theme_cyber.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Theme_CyberInputs */
+
+const en_profile_theme_cyber = /** @type {(inputs: Profile_Theme_CyberInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cyberpunk`)
+};
+
+const ru_profile_theme_cyber = /** @type {(inputs: Profile_Theme_CyberInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Киберпанк`)
+};
+
+const id_profile_theme_cyber = /** @type {(inputs: Profile_Theme_CyberInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cyberpunk`)
+};
+
+const pt_profile_theme_cyber = /** @type {(inputs: Profile_Theme_CyberInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cyberpunk`)
+};
+
+const fr_profile_theme_cyber = /** @type {(inputs: Profile_Theme_CyberInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Cyberpunk`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Cyberpunk" |
+*
+* @param {Profile_Theme_CyberInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_theme_cyber = /** @type {((inputs?: Profile_Theme_CyberInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Theme_CyberInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_theme_cyber(inputs)
+	if (locale === "ru") return ru_profile_theme_cyber(inputs)
+	if (locale === "id") return id_profile_theme_cyber(inputs)
+	if (locale === "pt") return pt_profile_theme_cyber(inputs)
+	return fr_profile_theme_cyber(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_theme_forest.js b/ui/src/lib/paraglide/messages/profile_theme_forest.js
new file mode 100644
index 0000000..2928d40
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_theme_forest.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Theme_ForestInputs */
+
+const en_profile_theme_forest = /** @type {(inputs: Profile_Theme_ForestInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Forest`)
+};
+
+const ru_profile_theme_forest = /** @type {(inputs: Profile_Theme_ForestInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Лес`)
+};
+
+const id_profile_theme_forest = /** @type {(inputs: Profile_Theme_ForestInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Hutan`)
+};
+
+const pt_profile_theme_forest = /** @type {(inputs: Profile_Theme_ForestInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Floresta`)
+};
+
+const fr_profile_theme_forest = /** @type {(inputs: Profile_Theme_ForestInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Forêt`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Forest" |
+*
+* @param {Profile_Theme_ForestInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_theme_forest = /** @type {((inputs?: Profile_Theme_ForestInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Theme_ForestInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_theme_forest(inputs)
+	if (locale === "ru") return ru_profile_theme_forest(inputs)
+	if (locale === "id") return id_profile_theme_forest(inputs)
+	if (locale === "pt") return pt_profile_theme_forest(inputs)
+	return fr_profile_theme_forest(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_theme_label.js b/ui/src/lib/paraglide/messages/profile_theme_label.js
new file mode 100644
index 0000000..e2d2f89
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_theme_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Theme_LabelInputs */
+
+const en_profile_theme_label = /** @type {(inputs: Profile_Theme_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Theme`)
+};
+
+const ru_profile_theme_label = /** @type {(inputs: Profile_Theme_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Тема`)
+};
+
+const id_profile_theme_label = /** @type {(inputs: Profile_Theme_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tema`)
+};
+
+const pt_profile_theme_label = /** @type {(inputs: Profile_Theme_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tema`)
+};
+
+const fr_profile_theme_label = /** @type {(inputs: Profile_Theme_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Thème`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Theme" |
+*
+* @param {Profile_Theme_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_theme_label = /** @type {((inputs?: Profile_Theme_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Theme_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_theme_label(inputs)
+	if (locale === "ru") return ru_profile_theme_label(inputs)
+	if (locale === "id") return id_profile_theme_label(inputs)
+	if (locale === "pt") return pt_profile_theme_label(inputs)
+	return fr_profile_theme_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_theme_light.js b/ui/src/lib/paraglide/messages/profile_theme_light.js
new file mode 100644
index 0000000..57f2f22
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_theme_light.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Theme_LightInputs */
+
+const en_profile_theme_light = /** @type {(inputs: Profile_Theme_LightInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light`)
+};
+
+const ru_profile_theme_light = /** @type {(inputs: Profile_Theme_LightInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light`)
+};
+
+const id_profile_theme_light = /** @type {(inputs: Profile_Theme_LightInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light`)
+};
+
+const pt_profile_theme_light = /** @type {(inputs: Profile_Theme_LightInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light`)
+};
+
+const fr_profile_theme_light = /** @type {(inputs: Profile_Theme_LightInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Light" |
+*
+* @param {Profile_Theme_LightInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_theme_light = /** @type {((inputs?: Profile_Theme_LightInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Theme_LightInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_theme_light(inputs)
+	if (locale === "ru") return ru_profile_theme_light(inputs)
+	if (locale === "id") return id_profile_theme_light(inputs)
+	if (locale === "pt") return pt_profile_theme_light(inputs)
+	return fr_profile_theme_light(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_theme_light_rose.js b/ui/src/lib/paraglide/messages/profile_theme_light_rose.js
new file mode 100644
index 0000000..dedec7f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_theme_light_rose.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Theme_Light_RoseInputs */
+
+const en_profile_theme_light_rose = /** @type {(inputs: Profile_Theme_Light_RoseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light Rose`)
+};
+
+const ru_profile_theme_light_rose = /** @type {(inputs: Profile_Theme_Light_RoseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light Rose`)
+};
+
+const id_profile_theme_light_rose = /** @type {(inputs: Profile_Theme_Light_RoseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light Rose`)
+};
+
+const pt_profile_theme_light_rose = /** @type {(inputs: Profile_Theme_Light_RoseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light Rose`)
+};
+
+const fr_profile_theme_light_rose = /** @type {(inputs: Profile_Theme_Light_RoseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light Rose`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Light Rose" |
+*
+* @param {Profile_Theme_Light_RoseInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_theme_light_rose = /** @type {((inputs?: Profile_Theme_Light_RoseInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Theme_Light_RoseInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_theme_light_rose(inputs)
+	if (locale === "ru") return ru_profile_theme_light_rose(inputs)
+	if (locale === "id") return id_profile_theme_light_rose(inputs)
+	if (locale === "pt") return pt_profile_theme_light_rose(inputs)
+	return fr_profile_theme_light_rose(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_theme_light_slate.js b/ui/src/lib/paraglide/messages/profile_theme_light_slate.js
new file mode 100644
index 0000000..e5c7d93
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_theme_light_slate.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Theme_Light_SlateInputs */
+
+const en_profile_theme_light_slate = /** @type {(inputs: Profile_Theme_Light_SlateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light Blue`)
+};
+
+const ru_profile_theme_light_slate = /** @type {(inputs: Profile_Theme_Light_SlateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light Blue`)
+};
+
+const id_profile_theme_light_slate = /** @type {(inputs: Profile_Theme_Light_SlateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light Blue`)
+};
+
+const pt_profile_theme_light_slate = /** @type {(inputs: Profile_Theme_Light_SlateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light Blue`)
+};
+
+const fr_profile_theme_light_slate = /** @type {(inputs: Profile_Theme_Light_SlateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Light Blue`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Light Blue" |
+*
+* @param {Profile_Theme_Light_SlateInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_theme_light_slate = /** @type {((inputs?: Profile_Theme_Light_SlateInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Theme_Light_SlateInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_theme_light_slate(inputs)
+	if (locale === "ru") return ru_profile_theme_light_slate(inputs)
+	if (locale === "id") return id_profile_theme_light_slate(inputs)
+	if (locale === "pt") return pt_profile_theme_light_slate(inputs)
+	return fr_profile_theme_light_slate(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_theme_mono.js b/ui/src/lib/paraglide/messages/profile_theme_mono.js
new file mode 100644
index 0000000..5407f40
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_theme_mono.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Theme_MonoInputs */
+
+const en_profile_theme_mono = /** @type {(inputs: Profile_Theme_MonoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mono`)
+};
+
+const ru_profile_theme_mono = /** @type {(inputs: Profile_Theme_MonoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Моно`)
+};
+
+const id_profile_theme_mono = /** @type {(inputs: Profile_Theme_MonoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mono`)
+};
+
+const pt_profile_theme_mono = /** @type {(inputs: Profile_Theme_MonoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mono`)
+};
+
+const fr_profile_theme_mono = /** @type {(inputs: Profile_Theme_MonoInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mono`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Mono" |
+*
+* @param {Profile_Theme_MonoInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_theme_mono = /** @type {((inputs?: Profile_Theme_MonoInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Theme_MonoInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_theme_mono(inputs)
+	if (locale === "ru") return ru_profile_theme_mono(inputs)
+	if (locale === "id") return id_profile_theme_mono(inputs)
+	if (locale === "pt") return pt_profile_theme_mono(inputs)
+	return fr_profile_theme_mono(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_theme_rose.js b/ui/src/lib/paraglide/messages/profile_theme_rose.js
new file mode 100644
index 0000000..2e43c71
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_theme_rose.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Theme_RoseInputs */
+
+const en_profile_theme_rose = /** @type {(inputs: Profile_Theme_RoseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rose`)
+};
+
+const ru_profile_theme_rose = /** @type {(inputs: Profile_Theme_RoseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Роза`)
+};
+
+const id_profile_theme_rose = /** @type {(inputs: Profile_Theme_RoseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mawar`)
+};
+
+const pt_profile_theme_rose = /** @type {(inputs: Profile_Theme_RoseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rosa`)
+};
+
+const fr_profile_theme_rose = /** @type {(inputs: Profile_Theme_RoseInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rose`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Rose" |
+*
+* @param {Profile_Theme_RoseInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_theme_rose = /** @type {((inputs?: Profile_Theme_RoseInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Theme_RoseInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_theme_rose(inputs)
+	if (locale === "ru") return ru_profile_theme_rose(inputs)
+	if (locale === "id") return id_profile_theme_rose(inputs)
+	if (locale === "pt") return pt_profile_theme_rose(inputs)
+	return fr_profile_theme_rose(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_theme_slate.js b/ui/src/lib/paraglide/messages/profile_theme_slate.js
new file mode 100644
index 0000000..a30bb7f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_theme_slate.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Theme_SlateInputs */
+
+const en_profile_theme_slate = /** @type {(inputs: Profile_Theme_SlateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Slate`)
+};
+
+const ru_profile_theme_slate = /** @type {(inputs: Profile_Theme_SlateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сланец`)
+};
+
+const id_profile_theme_slate = /** @type {(inputs: Profile_Theme_SlateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Abu-abu`)
+};
+
+const pt_profile_theme_slate = /** @type {(inputs: Profile_Theme_SlateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ardósia`)
+};
+
+const fr_profile_theme_slate = /** @type {(inputs: Profile_Theme_SlateInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ardoise`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Slate" |
+*
+* @param {Profile_Theme_SlateInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_theme_slate = /** @type {((inputs?: Profile_Theme_SlateInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Theme_SlateInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_theme_slate(inputs)
+	if (locale === "ru") return ru_profile_theme_slate(inputs)
+	if (locale === "id") return id_profile_theme_slate(inputs)
+	if (locale === "pt") return pt_profile_theme_slate(inputs)
+	return fr_profile_theme_slate(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_tts_voice.js b/ui/src/lib/paraglide/messages/profile_tts_voice.js
new file mode 100644
index 0000000..4ea1f9d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_tts_voice.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Tts_VoiceInputs */
+
+const en_profile_tts_voice = /** @type {(inputs: Profile_Tts_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`TTS voice`)
+};
+
+const ru_profile_tts_voice = /** @type {(inputs: Profile_Tts_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Голос TTS`)
+};
+
+const id_profile_tts_voice = /** @type {(inputs: Profile_Tts_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Suara TTS`)
+};
+
+const pt_profile_tts_voice = /** @type {(inputs: Profile_Tts_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voz TTS`)
+};
+
+const fr_profile_tts_voice = /** @type {(inputs: Profile_Tts_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voix TTS`)
+};
+
+/**
+* | output |
+* | --- |
+* | "TTS voice" |
+*
+* @param {Profile_Tts_VoiceInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_tts_voice = /** @type {((inputs?: Profile_Tts_VoiceInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Tts_VoiceInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_tts_voice(inputs)
+	if (locale === "ru") return ru_profile_tts_voice(inputs)
+	if (locale === "id") return id_profile_tts_voice(inputs)
+	if (locale === "pt") return pt_profile_tts_voice(inputs)
+	return fr_profile_tts_voice(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_update_password.js b/ui/src/lib/paraglide/messages/profile_update_password.js
new file mode 100644
index 0000000..cba55b6
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_update_password.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Update_PasswordInputs */
+
+const en_profile_update_password = /** @type {(inputs: Profile_Update_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Update password`)
+};
+
+const ru_profile_update_password = /** @type {(inputs: Profile_Update_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Обновить пароль`)
+};
+
+const id_profile_update_password = /** @type {(inputs: Profile_Update_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Perbarui kata sandi`)
+};
+
+const pt_profile_update_password = /** @type {(inputs: Profile_Update_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Atualizar senha`)
+};
+
+const fr_profile_update_password = /** @type {(inputs: Profile_Update_PasswordInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mettre à jour le mot de passe`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Update password" |
+*
+* @param {Profile_Update_PasswordInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_update_password = /** @type {((inputs?: Profile_Update_PasswordInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Update_PasswordInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_update_password(inputs)
+	if (locale === "ru") return ru_profile_update_password(inputs)
+	if (locale === "id") return id_profile_update_password(inputs)
+	if (locale === "pt") return pt_profile_update_password(inputs)
+	return fr_profile_update_password(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_updating.js b/ui/src/lib/paraglide/messages/profile_updating.js
new file mode 100644
index 0000000..95d7fb8
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_updating.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_UpdatingInputs */
+
+const en_profile_updating = /** @type {(inputs: Profile_UpdatingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Updating…`)
+};
+
+const ru_profile_updating = /** @type {(inputs: Profile_UpdatingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Обновление…`)
+};
+
+const id_profile_updating = /** @type {(inputs: Profile_UpdatingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Memperbarui…`)
+};
+
+const pt_profile_updating = /** @type {(inputs: Profile_UpdatingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Atualizando…`)
+};
+
+const fr_profile_updating = /** @type {(inputs: Profile_UpdatingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mise à jour…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Updating…" |
+*
+* @param {Profile_UpdatingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_updating = /** @type {((inputs?: Profile_UpdatingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_UpdatingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_updating(inputs)
+	if (locale === "ru") return ru_profile_updating(inputs)
+	if (locale === "id") return id_profile_updating(inputs)
+	if (locale === "pt") return pt_profile_updating(inputs)
+	return fr_profile_updating(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_upgrade_annual.js b/ui/src/lib/paraglide/messages/profile_upgrade_annual.js
new file mode 100644
index 0000000..601a1d9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_upgrade_annual.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Upgrade_AnnualInputs */
+
+const en_profile_upgrade_annual = /** @type {(inputs: Profile_Upgrade_AnnualInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Annual — $48 / yr`)
+};
+
+const ru_profile_upgrade_annual = /** @type {(inputs: Profile_Upgrade_AnnualInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ежегодно — $48 / год`)
+};
+
+const id_profile_upgrade_annual = /** @type {(inputs: Profile_Upgrade_AnnualInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tahunan — $48 / thn`)
+};
+
+const pt_profile_upgrade_annual = /** @type {(inputs: Profile_Upgrade_AnnualInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Anual — $48 / ano`)
+};
+
+const fr_profile_upgrade_annual = /** @type {(inputs: Profile_Upgrade_AnnualInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Annuel — 48 $ / an`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Annual — $48 / yr" |
+*
+* @param {Profile_Upgrade_AnnualInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_upgrade_annual = /** @type {((inputs?: Profile_Upgrade_AnnualInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Upgrade_AnnualInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_upgrade_annual(inputs)
+	if (locale === "ru") return ru_profile_upgrade_annual(inputs)
+	if (locale === "id") return id_profile_upgrade_annual(inputs)
+	if (locale === "pt") return pt_profile_upgrade_annual(inputs)
+	return fr_profile_upgrade_annual(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_upgrade_desc.js b/ui/src/lib/paraglide/messages/profile_upgrade_desc.js
new file mode 100644
index 0000000..846a5c9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_upgrade_desc.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Upgrade_DescInputs */
+
+const en_profile_upgrade_desc = /** @type {(inputs: Profile_Upgrade_DescInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Unlock unlimited audio, translations in 4 languages, and voice selection.`)
+};
+
+const ru_profile_upgrade_desc = /** @type {(inputs: Profile_Upgrade_DescInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Разблокируйте безлимитное аудио, переводы на 4 языка и выбор голоса.`)
+};
+
+const id_profile_upgrade_desc = /** @type {(inputs: Profile_Upgrade_DescInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Buka audio tanpa batas, terjemahan dalam 4 bahasa, dan pilihan suara.`)
+};
+
+const pt_profile_upgrade_desc = /** @type {(inputs: Profile_Upgrade_DescInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Desbloqueie áudio ilimitado, traduções em 4 idiomas e seleção de voz.`)
+};
+
+const fr_profile_upgrade_desc = /** @type {(inputs: Profile_Upgrade_DescInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Débloquez l'audio illimité, les traductions en 4 langues et la sélection de voix.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Unlock unlimited audio, translations in 4 languages, and voice selection." |
+*
+* @param {Profile_Upgrade_DescInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_upgrade_desc = /** @type {((inputs?: Profile_Upgrade_DescInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Upgrade_DescInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_upgrade_desc(inputs)
+	if (locale === "ru") return ru_profile_upgrade_desc(inputs)
+	if (locale === "id") return id_profile_upgrade_desc(inputs)
+	if (locale === "pt") return pt_profile_upgrade_desc(inputs)
+	return fr_profile_upgrade_desc(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_upgrade_heading.js b/ui/src/lib/paraglide/messages/profile_upgrade_heading.js
new file mode 100644
index 0000000..ded682f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_upgrade_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Upgrade_HeadingInputs */
+
+const en_profile_upgrade_heading = /** @type {(inputs: Profile_Upgrade_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Upgrade to Pro`)
+};
+
+const ru_profile_upgrade_heading = /** @type {(inputs: Profile_Upgrade_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Перейти на Pro`)
+};
+
+const id_profile_upgrade_heading = /** @type {(inputs: Profile_Upgrade_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tingkatkan ke Pro`)
+};
+
+const pt_profile_upgrade_heading = /** @type {(inputs: Profile_Upgrade_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Assinar o Pro`)
+};
+
+const fr_profile_upgrade_heading = /** @type {(inputs: Profile_Upgrade_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Passer au Pro`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Upgrade to Pro" |
+*
+* @param {Profile_Upgrade_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_upgrade_heading = /** @type {((inputs?: Profile_Upgrade_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Upgrade_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_upgrade_heading(inputs)
+	if (locale === "ru") return ru_profile_upgrade_heading(inputs)
+	if (locale === "id") return id_profile_upgrade_heading(inputs)
+	if (locale === "pt") return pt_profile_upgrade_heading(inputs)
+	return fr_profile_upgrade_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_upgrade_monthly.js b/ui/src/lib/paraglide/messages/profile_upgrade_monthly.js
new file mode 100644
index 0000000..6f8195d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_upgrade_monthly.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Upgrade_MonthlyInputs */
+
+const en_profile_upgrade_monthly = /** @type {(inputs: Profile_Upgrade_MonthlyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Monthly — $6 / mo`)
+};
+
+const ru_profile_upgrade_monthly = /** @type {(inputs: Profile_Upgrade_MonthlyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ежемесячно — $6 / мес`)
+};
+
+const id_profile_upgrade_monthly = /** @type {(inputs: Profile_Upgrade_MonthlyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Bulanan — $6 / bln`)
+};
+
+const pt_profile_upgrade_monthly = /** @type {(inputs: Profile_Upgrade_MonthlyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mensal — $6 / mês`)
+};
+
+const fr_profile_upgrade_monthly = /** @type {(inputs: Profile_Upgrade_MonthlyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mensuel — 6 $ / mois`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Monthly — $6 / mo" |
+*
+* @param {Profile_Upgrade_MonthlyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_upgrade_monthly = /** @type {((inputs?: Profile_Upgrade_MonthlyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Upgrade_MonthlyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_upgrade_monthly(inputs)
+	if (locale === "ru") return ru_profile_upgrade_monthly(inputs)
+	if (locale === "id") return id_profile_upgrade_monthly(inputs)
+	if (locale === "pt") return pt_profile_upgrade_monthly(inputs)
+	return fr_profile_upgrade_monthly(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_username.js b/ui/src/lib/paraglide/messages/profile_username.js
new file mode 100644
index 0000000..a89294a
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_username.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_UsernameInputs */
+
+const en_profile_username = /** @type {(inputs: Profile_UsernameInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Username`)
+};
+
+const ru_profile_username = /** @type {(inputs: Profile_UsernameInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Имя пользователя`)
+};
+
+const id_profile_username = /** @type {(inputs: Profile_UsernameInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nama pengguna`)
+};
+
+const pt_profile_username = /** @type {(inputs: Profile_UsernameInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nome de usuário`)
+};
+
+const fr_profile_username = /** @type {(inputs: Profile_UsernameInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nom d'utilisateur`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Username" |
+*
+* @param {Profile_UsernameInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_username = /** @type {((inputs?: Profile_UsernameInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_UsernameInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_username(inputs)
+	if (locale === "ru") return ru_profile_username(inputs)
+	if (locale === "id") return id_profile_username(inputs)
+	if (locale === "pt") return pt_profile_username(inputs)
+	return fr_profile_username(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/profile_voice_label.js b/ui/src/lib/paraglide/messages/profile_voice_label.js
new file mode 100644
index 0000000..da15683
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/profile_voice_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Profile_Voice_LabelInputs */
+
+const en_profile_voice_label = /** @type {(inputs: Profile_Voice_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Default voice`)
+};
+
+const ru_profile_voice_label = /** @type {(inputs: Profile_Voice_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Голос по умолчанию`)
+};
+
+const id_profile_voice_label = /** @type {(inputs: Profile_Voice_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Suara default`)
+};
+
+const pt_profile_voice_label = /** @type {(inputs: Profile_Voice_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voz padrão`)
+};
+
+const fr_profile_voice_label = /** @type {(inputs: Profile_Voice_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voix par défaut`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Default voice" |
+*
+* @param {Profile_Voice_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const profile_voice_label = /** @type {((inputs?: Profile_Voice_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Profile_Voice_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_profile_voice_label(inputs)
+	if (locale === "ru") return ru_profile_voice_label(inputs)
+	if (locale === "id") return id_profile_voice_label(inputs)
+	if (locale === "pt") return pt_profile_voice_label(inputs)
+	return fr_profile_voice_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_audio_error.js b/ui/src/lib/paraglide/messages/reader_audio_error.js
new file mode 100644
index 0000000..def5816
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_audio_error.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Audio_ErrorInputs */
+
+const en_reader_audio_error = /** @type {(inputs: Reader_Audio_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio generation failed.`)
+};
+
+const ru_reader_audio_error = /** @type {(inputs: Reader_Audio_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ошибка генерации аудио.`)
+};
+
+const id_reader_audio_error = /** @type {(inputs: Reader_Audio_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pembuatan audio gagal.`)
+};
+
+const pt_reader_audio_error = /** @type {(inputs: Reader_Audio_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Falha na geração de áudio.`)
+};
+
+const fr_reader_audio_error = /** @type {(inputs: Reader_Audio_ErrorInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Échec de la génération audio.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Audio generation failed." |
+*
+* @param {Reader_Audio_ErrorInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_audio_error = /** @type {((inputs?: Reader_Audio_ErrorInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Audio_ErrorInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_audio_error(inputs)
+	if (locale === "ru") return ru_reader_audio_error(inputs)
+	if (locale === "id") return id_reader_audio_error(inputs)
+	if (locale === "pt") return pt_reader_audio_error(inputs)
+	return fr_reader_audio_error(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_audio_narration.js b/ui/src/lib/paraglide/messages/reader_audio_narration.js
new file mode 100644
index 0000000..f5b2f14
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_audio_narration.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Audio_NarrationInputs */
+
+const en_reader_audio_narration = /** @type {(inputs: Reader_Audio_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio Narration`)
+};
+
+const ru_reader_audio_narration = /** @type {(inputs: Reader_Audio_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Аудионарратив`)
+};
+
+const id_reader_audio_narration = /** @type {(inputs: Reader_Audio_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Narasi Audio`)
+};
+
+const pt_reader_audio_narration = /** @type {(inputs: Reader_Audio_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Narração em Áudio`)
+};
+
+const fr_reader_audio_narration = /** @type {(inputs: Reader_Audio_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Narration Audio`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Audio Narration" |
+*
+* @param {Reader_Audio_NarrationInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_audio_narration = /** @type {((inputs?: Reader_Audio_NarrationInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Audio_NarrationInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_audio_narration(inputs)
+	if (locale === "ru") return ru_reader_audio_narration(inputs)
+	if (locale === "id") return id_reader_audio_narration(inputs)
+	if (locale === "pt") return pt_reader_audio_narration(inputs)
+	return fr_reader_audio_narration(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_auto_next.js b/ui/src/lib/paraglide/messages/reader_auto_next.js
new file mode 100644
index 0000000..e0a47f3
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_auto_next.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Auto_NextInputs */
+
+const en_reader_auto_next = /** @type {(inputs: Reader_Auto_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Auto-next`)
+};
+
+const ru_reader_auto_next = /** @type {(inputs: Reader_Auto_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Автопереход`)
+};
+
+const id_reader_auto_next = /** @type {(inputs: Reader_Auto_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Auto-lanjut`)
+};
+
+const pt_reader_auto_next = /** @type {(inputs: Reader_Auto_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Próximo automático`)
+};
+
+const fr_reader_auto_next = /** @type {(inputs: Reader_Auto_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Suivant auto`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Auto-next" |
+*
+* @param {Reader_Auto_NextInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_auto_next = /** @type {((inputs?: Reader_Auto_NextInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Auto_NextInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_auto_next(inputs)
+	if (locale === "ru") return ru_reader_auto_next(inputs)
+	if (locale === "id") return id_reader_auto_next(inputs)
+	if (locale === "pt") return pt_reader_auto_next(inputs)
+	return fr_reader_auto_next(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_back_to_chapters.js b/ui/src/lib/paraglide/messages/reader_back_to_chapters.js
new file mode 100644
index 0000000..99cf179
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_back_to_chapters.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Back_To_ChaptersInputs */
+
+const en_reader_back_to_chapters = /** @type {(inputs: Reader_Back_To_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Back to chapters`)
+};
+
+const ru_reader_back_to_chapters = /** @type {(inputs: Reader_Back_To_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`К главам`)
+};
+
+const id_reader_back_to_chapters = /** @type {(inputs: Reader_Back_To_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kembali ke daftar bab`)
+};
+
+const pt_reader_back_to_chapters = /** @type {(inputs: Reader_Back_To_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voltar aos capítulos`)
+};
+
+const fr_reader_back_to_chapters = /** @type {(inputs: Reader_Back_To_ChaptersInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Retour aux chapitres`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Back to chapters" |
+*
+* @param {Reader_Back_To_ChaptersInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_back_to_chapters = /** @type {((inputs?: Reader_Back_To_ChaptersInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Back_To_ChaptersInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_back_to_chapters(inputs)
+	if (locale === "ru") return ru_reader_back_to_chapters(inputs)
+	if (locale === "id") return id_reader_back_to_chapters(inputs)
+	if (locale === "pt") return pt_reader_back_to_chapters(inputs)
+	return fr_reader_back_to_chapters(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_ch_generate_on_nav.js b/ui/src/lib/paraglide/messages/reader_ch_generate_on_nav.js
new file mode 100644
index 0000000..8730c31
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_ch_generate_on_nav.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Reader_Ch_Generate_On_NavInputs */
+
+const en_reader_ch_generate_on_nav = /** @type {(inputs: Reader_Ch_Generate_On_NavInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Ch.${i?.n} will generate on navigate`)
+};
+
+const ru_reader_ch_generate_on_nav = /** @type {(inputs: Reader_Ch_Generate_On_NavInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Гл.${i?.n} сгенерируется при переходе`)
+};
+
+const id_reader_ch_generate_on_nav = /** @type {(inputs: Reader_Ch_Generate_On_NavInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Bab.${i?.n} akan dihasilkan saat navigasi`)
+};
+
+const pt_reader_ch_generate_on_nav = /** @type {(inputs: Reader_Ch_Generate_On_NavInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Cap.${i?.n} será gerado ao navegar`)
+};
+
+const fr_reader_ch_generate_on_nav = /** @type {(inputs: Reader_Ch_Generate_On_NavInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Ch.${i?.n} sera généré lors de la navigation`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Ch.{n} will generate on navigate" |
+*
+* @param {Reader_Ch_Generate_On_NavInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_ch_generate_on_nav = /** @type {((inputs: Reader_Ch_Generate_On_NavInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Ch_Generate_On_NavInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_ch_generate_on_nav(inputs)
+	if (locale === "ru") return ru_reader_ch_generate_on_nav(inputs)
+	if (locale === "id") return id_reader_ch_generate_on_nav(inputs)
+	if (locale === "pt") return pt_reader_ch_generate_on_nav(inputs)
+	return fr_reader_ch_generate_on_nav(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_ch_preparing.js b/ui/src/lib/paraglide/messages/reader_ch_preparing.js
new file mode 100644
index 0000000..e7dca53
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_ch_preparing.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown>, percent: NonNullable<unknown> }} Reader_Ch_PreparingInputs */
+
+const en_reader_ch_preparing = /** @type {(inputs: Reader_Ch_PreparingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Preparing Ch.${i?.n}… ${i?.percent}%`)
+};
+
+const ru_reader_ch_preparing = /** @type {(inputs: Reader_Ch_PreparingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Подготовка гл.${i?.n}… ${i?.percent}%`)
+};
+
+const id_reader_ch_preparing = /** @type {(inputs: Reader_Ch_PreparingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Menyiapkan Bab.${i?.n}… ${i?.percent}%`)
+};
+
+const pt_reader_ch_preparing = /** @type {(inputs: Reader_Ch_PreparingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Preparando Cap.${i?.n}… ${i?.percent}%`)
+};
+
+const fr_reader_ch_preparing = /** @type {(inputs: Reader_Ch_PreparingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Préparation Ch.${i?.n}… ${i?.percent}%`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Preparing Ch.{n}… {percent}%" |
+*
+* @param {Reader_Ch_PreparingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_ch_preparing = /** @type {((inputs: Reader_Ch_PreparingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Ch_PreparingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_ch_preparing(inputs)
+	if (locale === "ru") return ru_reader_ch_preparing(inputs)
+	if (locale === "id") return id_reader_ch_preparing(inputs)
+	if (locale === "pt") return pt_reader_ch_preparing(inputs)
+	return fr_reader_ch_preparing(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_ch_ready.js b/ui/src/lib/paraglide/messages/reader_ch_ready.js
new file mode 100644
index 0000000..cdcf732
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_ch_ready.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Reader_Ch_ReadyInputs */
+
+const en_reader_ch_ready = /** @type {(inputs: Reader_Ch_ReadyInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Ch.${i?.n} ready`)
+};
+
+const ru_reader_ch_ready = /** @type {(inputs: Reader_Ch_ReadyInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Гл.${i?.n} готова`)
+};
+
+const id_reader_ch_ready = /** @type {(inputs: Reader_Ch_ReadyInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Bab.${i?.n} siap`)
+};
+
+const pt_reader_ch_ready = /** @type {(inputs: Reader_Ch_ReadyInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Cap.${i?.n} pronto`)
+};
+
+const fr_reader_ch_ready = /** @type {(inputs: Reader_Ch_ReadyInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Ch.${i?.n} prêt`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Ch.{n} ready" |
+*
+* @param {Reader_Ch_ReadyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_ch_ready = /** @type {((inputs: Reader_Ch_ReadyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Ch_ReadyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_ch_ready(inputs)
+	if (locale === "ru") return ru_reader_ch_ready(inputs)
+	if (locale === "id") return id_reader_ch_ready(inputs)
+	if (locale === "pt") return pt_reader_ch_ready(inputs)
+	return fr_reader_ch_ready(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_change_voice.js b/ui/src/lib/paraglide/messages/reader_change_voice.js
new file mode 100644
index 0000000..a25b4a7
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_change_voice.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Change_VoiceInputs */
+
+const en_reader_change_voice = /** @type {(inputs: Reader_Change_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Change voice`)
+};
+
+const ru_reader_change_voice = /** @type {(inputs: Reader_Change_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сменить голос`)
+};
+
+const id_reader_change_voice = /** @type {(inputs: Reader_Change_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ganti suara`)
+};
+
+const pt_reader_change_voice = /** @type {(inputs: Reader_Change_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mudar voz`)
+};
+
+const fr_reader_change_voice = /** @type {(inputs: Reader_Change_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Changer de voix`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Change voice" |
+*
+* @param {Reader_Change_VoiceInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_change_voice = /** @type {((inputs?: Reader_Change_VoiceInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Change_VoiceInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_change_voice(inputs)
+	if (locale === "ru") return ru_reader_change_voice(inputs)
+	if (locale === "id") return id_reader_change_voice(inputs)
+	if (locale === "pt") return pt_reader_change_voice(inputs)
+	return fr_reader_change_voice(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_chapter_n.js b/ui/src/lib/paraglide/messages/reader_chapter_n.js
new file mode 100644
index 0000000..ac0217c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_chapter_n.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Reader_Chapter_NInputs */
+
+const en_reader_chapter_n = /** @type {(inputs: Reader_Chapter_NInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Chapter ${i?.n}`)
+};
+
+const ru_reader_chapter_n = /** @type {(inputs: Reader_Chapter_NInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Глава ${i?.n}`)
+};
+
+const id_reader_chapter_n = /** @type {(inputs: Reader_Chapter_NInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Bab ${i?.n}`)
+};
+
+const pt_reader_chapter_n = /** @type {(inputs: Reader_Chapter_NInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Capítulo ${i?.n}`)
+};
+
+const fr_reader_chapter_n = /** @type {(inputs: Reader_Chapter_NInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Chapitre ${i?.n}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Chapter {n}" |
+*
+* @param {Reader_Chapter_NInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_chapter_n = /** @type {((inputs: Reader_Chapter_NInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Chapter_NInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_chapter_n(inputs)
+	if (locale === "ru") return ru_reader_chapter_n(inputs)
+	if (locale === "id") return id_reader_chapter_n(inputs)
+	if (locale === "pt") return pt_reader_chapter_n(inputs)
+	return fr_reader_chapter_n(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_choose_voice.js b/ui/src/lib/paraglide/messages/reader_choose_voice.js
new file mode 100644
index 0000000..15fbb19
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_choose_voice.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Choose_VoiceInputs */
+
+const en_reader_choose_voice = /** @type {(inputs: Reader_Choose_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Choose Voice`)
+};
+
+const ru_reader_choose_voice = /** @type {(inputs: Reader_Choose_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Выбрать голос`)
+};
+
+const id_reader_choose_voice = /** @type {(inputs: Reader_Choose_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pilih Suara`)
+};
+
+const pt_reader_choose_voice = /** @type {(inputs: Reader_Choose_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Escolher Voz`)
+};
+
+const fr_reader_choose_voice = /** @type {(inputs: Reader_Choose_VoiceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Choisir une voix`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Choose Voice" |
+*
+* @param {Reader_Choose_VoiceInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_choose_voice = /** @type {((inputs?: Reader_Choose_VoiceInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Choose_VoiceInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_choose_voice(inputs)
+	if (locale === "ru") return ru_reader_choose_voice(inputs)
+	if (locale === "id") return id_reader_choose_voice(inputs)
+	if (locale === "pt") return pt_reader_choose_voice(inputs)
+	return fr_reader_choose_voice(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_close_voice_panel.js b/ui/src/lib/paraglide/messages/reader_close_voice_panel.js
new file mode 100644
index 0000000..e1637ce
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_close_voice_panel.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Close_Voice_PanelInputs */
+
+const en_reader_close_voice_panel = /** @type {(inputs: Reader_Close_Voice_PanelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Close voice panel`)
+};
+
+const ru_reader_close_voice_panel = /** @type {(inputs: Reader_Close_Voice_PanelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Закрыть панель голоса`)
+};
+
+const id_reader_close_voice_panel = /** @type {(inputs: Reader_Close_Voice_PanelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tutup panel suara`)
+};
+
+const pt_reader_close_voice_panel = /** @type {(inputs: Reader_Close_Voice_PanelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fechar painel de voz`)
+};
+
+const fr_reader_close_voice_panel = /** @type {(inputs: Reader_Close_Voice_PanelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fermer le panneau vocal`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Close voice panel" |
+*
+* @param {Reader_Close_Voice_PanelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_close_voice_panel = /** @type {((inputs?: Reader_Close_Voice_PanelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Close_Voice_PanelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_close_voice_panel(inputs)
+	if (locale === "ru") return ru_reader_close_voice_panel(inputs)
+	if (locale === "id") return id_reader_close_voice_panel(inputs)
+	if (locale === "pt") return pt_reader_close_voice_panel(inputs)
+	return fr_reader_close_voice_panel(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_fetching_chapter.js b/ui/src/lib/paraglide/messages/reader_fetching_chapter.js
new file mode 100644
index 0000000..3b08209
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_fetching_chapter.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Fetching_ChapterInputs */
+
+const en_reader_fetching_chapter = /** @type {(inputs: Reader_Fetching_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Fetching chapter…`)
+};
+
+const ru_reader_fetching_chapter = /** @type {(inputs: Reader_Fetching_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Загрузка главы…`)
+};
+
+const id_reader_fetching_chapter = /** @type {(inputs: Reader_Fetching_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mengambil bab…`)
+};
+
+const pt_reader_fetching_chapter = /** @type {(inputs: Reader_Fetching_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Buscando capítulo…`)
+};
+
+const fr_reader_fetching_chapter = /** @type {(inputs: Reader_Fetching_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Récupération du chapitre…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Fetching chapter…" |
+*
+* @param {Reader_Fetching_ChapterInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_fetching_chapter = /** @type {((inputs?: Reader_Fetching_ChapterInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Fetching_ChapterInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_fetching_chapter(inputs)
+	if (locale === "ru") return ru_reader_fetching_chapter(inputs)
+	if (locale === "id") return id_reader_fetching_chapter(inputs)
+	if (locale === "pt") return pt_reader_fetching_chapter(inputs)
+	return fr_reader_fetching_chapter(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_generate_samples.js b/ui/src/lib/paraglide/messages/reader_generate_samples.js
new file mode 100644
index 0000000..be68963
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_generate_samples.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Generate_SamplesInputs */
+
+const en_reader_generate_samples = /** @type {(inputs: Reader_Generate_SamplesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Generate missing samples`)
+};
+
+const ru_reader_generate_samples = /** @type {(inputs: Reader_Generate_SamplesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сгенерировать недостающие образцы`)
+};
+
+const id_reader_generate_samples = /** @type {(inputs: Reader_Generate_SamplesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Hasilkan sampel yang hilang`)
+};
+
+const pt_reader_generate_samples = /** @type {(inputs: Reader_Generate_SamplesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gerar amostras ausentes`)
+};
+
+const fr_reader_generate_samples = /** @type {(inputs: Reader_Generate_SamplesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Générer les échantillons manquants`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Generate missing samples" |
+*
+* @param {Reader_Generate_SamplesInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_generate_samples = /** @type {((inputs?: Reader_Generate_SamplesInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Generate_SamplesInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_generate_samples(inputs)
+	if (locale === "ru") return ru_reader_generate_samples(inputs)
+	if (locale === "id") return id_reader_generate_samples(inputs)
+	if (locale === "pt") return pt_reader_generate_samples(inputs)
+	return fr_reader_generate_samples(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_generating_audio.js b/ui/src/lib/paraglide/messages/reader_generating_audio.js
new file mode 100644
index 0000000..d15411a
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_generating_audio.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Generating_AudioInputs */
+
+const en_reader_generating_audio = /** @type {(inputs: Reader_Generating_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Generating audio…`)
+};
+
+const ru_reader_generating_audio = /** @type {(inputs: Reader_Generating_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Генерация аудио…`)
+};
+
+const id_reader_generating_audio = /** @type {(inputs: Reader_Generating_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Membuat audio…`)
+};
+
+const pt_reader_generating_audio = /** @type {(inputs: Reader_Generating_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gerando áudio…`)
+};
+
+const fr_reader_generating_audio = /** @type {(inputs: Reader_Generating_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Génération audio…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Generating audio…" |
+*
+* @param {Reader_Generating_AudioInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_generating_audio = /** @type {((inputs?: Reader_Generating_AudioInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Generating_AudioInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_generating_audio(inputs)
+	if (locale === "ru") return ru_reader_generating_audio(inputs)
+	if (locale === "id") return id_reader_generating_audio(inputs)
+	if (locale === "pt") return pt_reader_generating_audio(inputs)
+	return fr_reader_generating_audio(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_generating_narration.js b/ui/src/lib/paraglide/messages/reader_generating_narration.js
new file mode 100644
index 0000000..3dd99e9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_generating_narration.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Generating_NarrationInputs */
+
+const en_reader_generating_narration = /** @type {(inputs: Reader_Generating_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Generating narration…`)
+};
+
+const ru_reader_generating_narration = /** @type {(inputs: Reader_Generating_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Генерация озвучки…`)
+};
+
+const id_reader_generating_narration = /** @type {(inputs: Reader_Generating_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Membuat narasi…`)
+};
+
+const pt_reader_generating_narration = /** @type {(inputs: Reader_Generating_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gerando narração…`)
+};
+
+const fr_reader_generating_narration = /** @type {(inputs: Reader_Generating_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Génération de la narration…`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Generating narration…" |
+*
+* @param {Reader_Generating_NarrationInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_generating_narration = /** @type {((inputs?: Reader_Generating_NarrationInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Generating_NarrationInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_generating_narration(inputs)
+	if (locale === "ru") return ru_reader_generating_narration(inputs)
+	if (locale === "id") return id_reader_generating_narration(inputs)
+	if (locale === "pt") return pt_reader_generating_narration(inputs)
+	return fr_reader_generating_narration(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_load_this_chapter.js b/ui/src/lib/paraglide/messages/reader_load_this_chapter.js
new file mode 100644
index 0000000..c5fc9a3
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_load_this_chapter.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Load_This_ChapterInputs */
+
+const en_reader_load_this_chapter = /** @type {(inputs: Reader_Load_This_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Load this chapter`)
+};
+
+const ru_reader_load_this_chapter = /** @type {(inputs: Reader_Load_This_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Загрузить эту главу`)
+};
+
+const id_reader_load_this_chapter = /** @type {(inputs: Reader_Load_This_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Muat bab ini`)
+};
+
+const pt_reader_load_this_chapter = /** @type {(inputs: Reader_Load_This_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Carregar este capítulo`)
+};
+
+const fr_reader_load_this_chapter = /** @type {(inputs: Reader_Load_This_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Charger ce chapitre`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Load this chapter" |
+*
+* @param {Reader_Load_This_ChapterInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_load_this_chapter = /** @type {((inputs?: Reader_Load_This_ChapterInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Load_This_ChapterInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_load_this_chapter(inputs)
+	if (locale === "ru") return ru_reader_load_this_chapter(inputs)
+	if (locale === "id") return id_reader_load_this_chapter(inputs)
+	if (locale === "pt") return pt_reader_load_this_chapter(inputs)
+	return fr_reader_load_this_chapter(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_next_chapter.js b/ui/src/lib/paraglide/messages/reader_next_chapter.js
new file mode 100644
index 0000000..bcb9dcf
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_next_chapter.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Next_ChapterInputs */
+
+const en_reader_next_chapter = /** @type {(inputs: Reader_Next_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Next chapter`)
+};
+
+const ru_reader_next_chapter = /** @type {(inputs: Reader_Next_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Следующая глава`)
+};
+
+const id_reader_next_chapter = /** @type {(inputs: Reader_Next_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Bab berikutnya`)
+};
+
+const pt_reader_next_chapter = /** @type {(inputs: Reader_Next_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Próximo capítulo`)
+};
+
+const fr_reader_next_chapter = /** @type {(inputs: Reader_Next_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapitre suivant`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Next chapter" |
+*
+* @param {Reader_Next_ChapterInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_next_chapter = /** @type {((inputs?: Reader_Next_ChapterInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Next_ChapterInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_next_chapter(inputs)
+	if (locale === "ru") return ru_reader_next_chapter(inputs)
+	if (locale === "id") return id_reader_next_chapter(inputs)
+	if (locale === "pt") return pt_reader_next_chapter(inputs)
+	return fr_reader_next_chapter(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_now_playing.js b/ui/src/lib/paraglide/messages/reader_now_playing.js
new file mode 100644
index 0000000..f3bc70d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_now_playing.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ title: NonNullable<unknown> }} Reader_Now_PlayingInputs */
+
+const en_reader_now_playing = /** @type {(inputs: Reader_Now_PlayingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Now playing: ${i?.title}`)
+};
+
+const ru_reader_now_playing = /** @type {(inputs: Reader_Now_PlayingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Сейчас играет: ${i?.title}`)
+};
+
+const id_reader_now_playing = /** @type {(inputs: Reader_Now_PlayingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Sedang diputar: ${i?.title}`)
+};
+
+const pt_reader_now_playing = /** @type {(inputs: Reader_Now_PlayingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Reproduzindo: ${i?.title}`)
+};
+
+const fr_reader_now_playing = /** @type {(inputs: Reader_Now_PlayingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`En cours : ${i?.title}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Now playing: {title}" |
+*
+* @param {Reader_Now_PlayingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_now_playing = /** @type {((inputs: Reader_Now_PlayingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Now_PlayingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_now_playing(inputs)
+	if (locale === "ru") return ru_reader_now_playing(inputs)
+	if (locale === "id") return id_reader_now_playing(inputs)
+	if (locale === "pt") return pt_reader_now_playing(inputs)
+	return fr_reader_now_playing(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_page_title.js b/ui/src/lib/paraglide/messages/reader_page_title.js
new file mode 100644
index 0000000..69ffc97
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ title: NonNullable<unknown>, n: NonNullable<unknown> }} Reader_Page_TitleInputs */
+
+const en_reader_page_title = /** @type {(inputs: Reader_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.title} — Ch.${i?.n} — libnovel`)
+};
+
+const ru_reader_page_title = /** @type {(inputs: Reader_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.title} — Гл.${i?.n} — libnovel`)
+};
+
+const id_reader_page_title = /** @type {(inputs: Reader_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.title} — Bab.${i?.n} — libnovel`)
+};
+
+const pt_reader_page_title = /** @type {(inputs: Reader_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.title} — Cap.${i?.n} — libnovel`)
+};
+
+const fr_reader_page_title = /** @type {(inputs: Reader_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.title} — Ch.${i?.n} — libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{title} — Ch.{n} — libnovel" |
+*
+* @param {Reader_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_page_title = /** @type {((inputs: Reader_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_page_title(inputs)
+	if (locale === "ru") return ru_reader_page_title(inputs)
+	if (locale === "id") return id_reader_page_title(inputs)
+	if (locale === "pt") return pt_reader_page_title(inputs)
+	return fr_reader_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_paused.js b/ui/src/lib/paraglide/messages/reader_paused.js
new file mode 100644
index 0000000..fa2860f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_paused.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_PausedInputs */
+
+const en_reader_paused = /** @type {(inputs: Reader_PausedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Paused — controls below`)
+};
+
+const ru_reader_paused = /** @type {(inputs: Reader_PausedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Пауза — управление ниже`)
+};
+
+const id_reader_paused = /** @type {(inputs: Reader_PausedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Dijeda — kontrol di bawah`)
+};
+
+const pt_reader_paused = /** @type {(inputs: Reader_PausedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pausado — controles abaixo`)
+};
+
+const fr_reader_paused = /** @type {(inputs: Reader_PausedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`En pause — contrôles ci-dessous`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Paused — controls below" |
+*
+* @param {Reader_PausedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_paused = /** @type {((inputs?: Reader_PausedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_PausedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_paused(inputs)
+	if (locale === "ru") return ru_reader_paused(inputs)
+	if (locale === "id") return id_reader_paused(inputs)
+	if (locale === "pt") return pt_reader_paused(inputs)
+	return fr_reader_paused(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_play_narration.js b/ui/src/lib/paraglide/messages/reader_play_narration.js
new file mode 100644
index 0000000..de6e13f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_play_narration.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Play_NarrationInputs */
+
+const en_reader_play_narration = /** @type {(inputs: Reader_Play_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Play narration`)
+};
+
+const ru_reader_play_narration = /** @type {(inputs: Reader_Play_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Воспроизвести озвучку`)
+};
+
+const id_reader_play_narration = /** @type {(inputs: Reader_Play_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Putar narasi`)
+};
+
+const pt_reader_play_narration = /** @type {(inputs: Reader_Play_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Reproduzir narração`)
+};
+
+const fr_reader_play_narration = /** @type {(inputs: Reader_Play_NarrationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lire la narration`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Play narration" |
+*
+* @param {Reader_Play_NarrationInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_play_narration = /** @type {((inputs?: Reader_Play_NarrationInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Play_NarrationInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_play_narration(inputs)
+	if (locale === "ru") return ru_reader_play_narration(inputs)
+	if (locale === "id") return id_reader_play_narration(inputs)
+	if (locale === "pt") return pt_reader_play_narration(inputs)
+	return fr_reader_play_narration(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_playing.js b/ui/src/lib/paraglide/messages/reader_playing.js
new file mode 100644
index 0000000..e81f914
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_playing.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_PlayingInputs */
+
+const en_reader_playing = /** @type {(inputs: Reader_PlayingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Playing — controls below`)
+};
+
+const ru_reader_playing = /** @type {(inputs: Reader_PlayingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Воспроизводится — управление ниже`)
+};
+
+const id_reader_playing = /** @type {(inputs: Reader_PlayingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Memutar — kontrol di bawah`)
+};
+
+const pt_reader_playing = /** @type {(inputs: Reader_PlayingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Reproduzindo — controles abaixo`)
+};
+
+const fr_reader_playing = /** @type {(inputs: Reader_PlayingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lecture en cours — contrôles ci-dessous`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Playing — controls below" |
+*
+* @param {Reader_PlayingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_playing = /** @type {((inputs?: Reader_PlayingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_PlayingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_playing(inputs)
+	if (locale === "ru") return ru_reader_playing(inputs)
+	if (locale === "id") return id_reader_playing(inputs)
+	if (locale === "pt") return pt_reader_playing(inputs)
+	return fr_reader_playing(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_prev_chapter.js b/ui/src/lib/paraglide/messages/reader_prev_chapter.js
new file mode 100644
index 0000000..d5dae5e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_prev_chapter.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Prev_ChapterInputs */
+
+const en_reader_prev_chapter = /** @type {(inputs: Reader_Prev_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Previous chapter`)
+};
+
+const ru_reader_prev_chapter = /** @type {(inputs: Reader_Prev_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Предыдущая глава`)
+};
+
+const id_reader_prev_chapter = /** @type {(inputs: Reader_Prev_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Bab sebelumnya`)
+};
+
+const pt_reader_prev_chapter = /** @type {(inputs: Reader_Prev_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Capítulo anterior`)
+};
+
+const fr_reader_prev_chapter = /** @type {(inputs: Reader_Prev_ChapterInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapitre précédent`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Previous chapter" |
+*
+* @param {Reader_Prev_ChapterInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_prev_chapter = /** @type {((inputs?: Reader_Prev_ChapterInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Prev_ChapterInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_prev_chapter(inputs)
+	if (locale === "ru") return ru_reader_prev_chapter(inputs)
+	if (locale === "id") return id_reader_prev_chapter(inputs)
+	if (locale === "pt") return pt_reader_prev_chapter(inputs)
+	return fr_reader_prev_chapter(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_preview_audio_notice.js b/ui/src/lib/paraglide/messages/reader_preview_audio_notice.js
new file mode 100644
index 0000000..170efe9
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_preview_audio_notice.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Preview_Audio_NoticeInputs */
+
+const en_reader_preview_audio_notice = /** @type {(inputs: Reader_Preview_Audio_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Preview chapter — audio not available for books outside the library.`)
+};
+
+const ru_reader_preview_audio_notice = /** @type {(inputs: Reader_Preview_Audio_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Предпросмотр — аудио недоступно для книг вне библиотеки.`)
+};
+
+const id_reader_preview_audio_notice = /** @type {(inputs: Reader_Preview_Audio_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pratinjau — audio tidak tersedia untuk buku di luar perpustakaan.`)
+};
+
+const pt_reader_preview_audio_notice = /** @type {(inputs: Reader_Preview_Audio_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Prévia — áudio não disponível para livros fora da biblioteca.`)
+};
+
+const fr_reader_preview_audio_notice = /** @type {(inputs: Reader_Preview_Audio_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aperçu — audio non disponible pour les livres hors bibliothèque.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Preview chapter — audio not available for books outside the library." |
+*
+* @param {Reader_Preview_Audio_NoticeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_preview_audio_notice = /** @type {((inputs?: Reader_Preview_Audio_NoticeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Preview_Audio_NoticeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_preview_audio_notice(inputs)
+	if (locale === "ru") return ru_reader_preview_audio_notice(inputs)
+	if (locale === "id") return id_reader_preview_audio_notice(inputs)
+	if (locale === "pt") return pt_reader_preview_audio_notice(inputs)
+	return fr_reader_preview_audio_notice(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_preview_notice.js b/ui/src/lib/paraglide/messages/reader_preview_notice.js
new file mode 100644
index 0000000..26152de
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_preview_notice.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Preview_NoticeInputs */
+
+const en_reader_preview_notice = /** @type {(inputs: Reader_Preview_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Preview — this chapter has not been fully scraped.`)
+};
+
+const ru_reader_preview_notice = /** @type {(inputs: Reader_Preview_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Предпросмотр — эта глава не полностью загружена.`)
+};
+
+const id_reader_preview_notice = /** @type {(inputs: Reader_Preview_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pratinjau — bab ini belum sepenuhnya diambil.`)
+};
+
+const pt_reader_preview_notice = /** @type {(inputs: Reader_Preview_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Prévia — este capítulo não foi totalmente extraído.`)
+};
+
+const fr_reader_preview_notice = /** @type {(inputs: Reader_Preview_NoticeInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aperçu — ce chapitre n'a pas été entièrement extrait.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Preview — this chapter has not been fully scraped." |
+*
+* @param {Reader_Preview_NoticeInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_preview_notice = /** @type {((inputs?: Reader_Preview_NoticeInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Preview_NoticeInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_preview_notice(inputs)
+	if (locale === "ru") return ru_reader_preview_notice(inputs)
+	if (locale === "id") return id_reader_preview_notice(inputs)
+	if (locale === "pt") return pt_reader_preview_notice(inputs)
+	return fr_reader_preview_notice(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_signin_audio_desc.js b/ui/src/lib/paraglide/messages/reader_signin_audio_desc.js
new file mode 100644
index 0000000..5f82955
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_signin_audio_desc.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Signin_Audio_DescInputs */
+
+const en_reader_signin_audio_desc = /** @type {(inputs: Reader_Signin_Audio_DescInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sign in to listen to this chapter narrated by AI.`)
+};
+
+const ru_reader_signin_audio_desc = /** @type {(inputs: Reader_Signin_Audio_DescInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Войдите, чтобы слушать эту главу в озвучке ИИ.`)
+};
+
+const id_reader_signin_audio_desc = /** @type {(inputs: Reader_Signin_Audio_DescInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Masuk untuk mendengarkan bab ini yang dinarasikan oleh AI.`)
+};
+
+const pt_reader_signin_audio_desc = /** @type {(inputs: Reader_Signin_Audio_DescInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Entre para ouvir este capítulo narrado por IA.`)
+};
+
+const fr_reader_signin_audio_desc = /** @type {(inputs: Reader_Signin_Audio_DescInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Connectez-vous pour écouter ce chapitre narré par l'IA.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Sign in to listen to this chapter narrated by AI." |
+*
+* @param {Reader_Signin_Audio_DescInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_signin_audio_desc = /** @type {((inputs?: Reader_Signin_Audio_DescInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Signin_Audio_DescInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_signin_audio_desc(inputs)
+	if (locale === "ru") return ru_reader_signin_audio_desc(inputs)
+	if (locale === "id") return id_reader_signin_audio_desc(inputs)
+	if (locale === "pt") return pt_reader_signin_audio_desc(inputs)
+	return fr_reader_signin_audio_desc(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_signin_for_audio.js b/ui/src/lib/paraglide/messages/reader_signin_for_audio.js
new file mode 100644
index 0000000..066cea6
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_signin_for_audio.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Signin_For_AudioInputs */
+
+const en_reader_signin_for_audio = /** @type {(inputs: Reader_Signin_For_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Audio narration available`)
+};
+
+const ru_reader_signin_for_audio = /** @type {(inputs: Reader_Signin_For_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Доступна аудионарративация`)
+};
+
+const id_reader_signin_for_audio = /** @type {(inputs: Reader_Signin_For_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Narasi audio tersedia`)
+};
+
+const pt_reader_signin_for_audio = /** @type {(inputs: Reader_Signin_For_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Narração de áudio disponível`)
+};
+
+const fr_reader_signin_for_audio = /** @type {(inputs: Reader_Signin_For_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Narration audio disponible`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Audio narration available" |
+*
+* @param {Reader_Signin_For_AudioInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_signin_for_audio = /** @type {((inputs?: Reader_Signin_For_AudioInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Signin_For_AudioInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_signin_for_audio(inputs)
+	if (locale === "ru") return ru_reader_signin_for_audio(inputs)
+	if (locale === "id") return id_reader_signin_for_audio(inputs)
+	if (locale === "pt") return pt_reader_signin_for_audio(inputs)
+	return fr_reader_signin_for_audio(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_speed.js b/ui/src/lib/paraglide/messages/reader_speed.js
new file mode 100644
index 0000000..3dc6844
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_speed.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_SpeedInputs */
+
+const en_reader_speed = /** @type {(inputs: Reader_SpeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Speed`)
+};
+
+const ru_reader_speed = /** @type {(inputs: Reader_SpeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Скорость`)
+};
+
+const id_reader_speed = /** @type {(inputs: Reader_SpeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kecepatan`)
+};
+
+const pt_reader_speed = /** @type {(inputs: Reader_SpeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Velocidade`)
+};
+
+const fr_reader_speed = /** @type {(inputs: Reader_SpeedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Vitesse`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Speed" |
+*
+* @param {Reader_SpeedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_speed = /** @type {((inputs?: Reader_SpeedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_SpeedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_speed(inputs)
+	if (locale === "ru") return ru_reader_speed(inputs)
+	if (locale === "id") return id_reader_speed(inputs)
+	if (locale === "pt") return pt_reader_speed(inputs)
+	return fr_reader_speed(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_voice_applies_next.js b/ui/src/lib/paraglide/messages/reader_voice_applies_next.js
new file mode 100644
index 0000000..557da17
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_voice_applies_next.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Voice_Applies_NextInputs */
+
+const en_reader_voice_applies_next = /** @type {(inputs: Reader_Voice_Applies_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`New voice applies on next “Play narration”.`)
+};
+
+const ru_reader_voice_applies_next = /** @type {(inputs: Reader_Voice_Applies_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Новый голос применится при следующем нажатии «Воспроизвести».`)
+};
+
+const id_reader_voice_applies_next = /** @type {(inputs: Reader_Voice_Applies_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Suara baru berlaku pada "Putar narasi" berikutnya.`)
+};
+
+const pt_reader_voice_applies_next = /** @type {(inputs: Reader_Voice_Applies_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`A nova voz será aplicada no próximo "Reproduzir narração".`)
+};
+
+const fr_reader_voice_applies_next = /** @type {(inputs: Reader_Voice_Applies_NextInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`La nouvelle voix s'appliquera au prochain « Lire la narration ».`)
+};
+
+/**
+* | output |
+* | --- |
+* | "New voice applies on next “Play narration”." |
+*
+* @param {Reader_Voice_Applies_NextInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_voice_applies_next = /** @type {((inputs?: Reader_Voice_Applies_NextInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Voice_Applies_NextInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_voice_applies_next(inputs)
+	if (locale === "ru") return ru_reader_voice_applies_next(inputs)
+	if (locale === "id") return id_reader_voice_applies_next(inputs)
+	if (locale === "pt") return pt_reader_voice_applies_next(inputs)
+	return fr_reader_voice_applies_next(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_voice_kokoro.js b/ui/src/lib/paraglide/messages/reader_voice_kokoro.js
new file mode 100644
index 0000000..6d15b80
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_voice_kokoro.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Voice_KokoroInputs */
+
+const en_reader_voice_kokoro = /** @type {(inputs: Reader_Voice_KokoroInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kokoro voices`)
+};
+
+const ru_reader_voice_kokoro = /** @type {(inputs: Reader_Voice_KokoroInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Голоса Kokoro`)
+};
+
+const id_reader_voice_kokoro = /** @type {(inputs: Reader_Voice_KokoroInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Suara Kokoro`)
+};
+
+const pt_reader_voice_kokoro = /** @type {(inputs: Reader_Voice_KokoroInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Vozes Kokoro`)
+};
+
+const fr_reader_voice_kokoro = /** @type {(inputs: Reader_Voice_KokoroInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voix Kokoro`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Kokoro voices" |
+*
+* @param {Reader_Voice_KokoroInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_voice_kokoro = /** @type {((inputs?: Reader_Voice_KokoroInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Voice_KokoroInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_voice_kokoro(inputs)
+	if (locale === "ru") return ru_reader_voice_kokoro(inputs)
+	if (locale === "id") return id_reader_voice_kokoro(inputs)
+	if (locale === "pt") return pt_reader_voice_kokoro(inputs)
+	return fr_reader_voice_kokoro(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_voice_panel_title.js b/ui/src/lib/paraglide/messages/reader_voice_panel_title.js
new file mode 100644
index 0000000..065be25
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_voice_panel_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Voice_Panel_TitleInputs */
+
+const en_reader_voice_panel_title = /** @type {(inputs: Reader_Voice_Panel_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Select voice`)
+};
+
+const ru_reader_voice_panel_title = /** @type {(inputs: Reader_Voice_Panel_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Выбрать голос`)
+};
+
+const id_reader_voice_panel_title = /** @type {(inputs: Reader_Voice_Panel_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pilih suara`)
+};
+
+const pt_reader_voice_panel_title = /** @type {(inputs: Reader_Voice_Panel_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Selecionar voz`)
+};
+
+const fr_reader_voice_panel_title = /** @type {(inputs: Reader_Voice_Panel_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sélectionner une voix`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Select voice" |
+*
+* @param {Reader_Voice_Panel_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_voice_panel_title = /** @type {((inputs?: Reader_Voice_Panel_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Voice_Panel_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_voice_panel_title(inputs)
+	if (locale === "ru") return ru_reader_voice_panel_title(inputs)
+	if (locale === "id") return id_reader_voice_panel_title(inputs)
+	if (locale === "pt") return pt_reader_voice_panel_title(inputs)
+	return fr_reader_voice_panel_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_voice_play_sample.js b/ui/src/lib/paraglide/messages/reader_voice_play_sample.js
new file mode 100644
index 0000000..a4f7b57
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_voice_play_sample.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Voice_Play_SampleInputs */
+
+const en_reader_voice_play_sample = /** @type {(inputs: Reader_Voice_Play_SampleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Play sample`)
+};
+
+const ru_reader_voice_play_sample = /** @type {(inputs: Reader_Voice_Play_SampleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Прослушать образец`)
+};
+
+const id_reader_voice_play_sample = /** @type {(inputs: Reader_Voice_Play_SampleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Putar sampel`)
+};
+
+const pt_reader_voice_play_sample = /** @type {(inputs: Reader_Voice_Play_SampleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Reproduzir amostra`)
+};
+
+const fr_reader_voice_play_sample = /** @type {(inputs: Reader_Voice_Play_SampleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Écouter un extrait`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Play sample" |
+*
+* @param {Reader_Voice_Play_SampleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_voice_play_sample = /** @type {((inputs?: Reader_Voice_Play_SampleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Voice_Play_SampleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_voice_play_sample(inputs)
+	if (locale === "ru") return ru_reader_voice_play_sample(inputs)
+	if (locale === "id") return id_reader_voice_play_sample(inputs)
+	if (locale === "pt") return pt_reader_voice_play_sample(inputs)
+	return fr_reader_voice_play_sample(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_voice_pocket.js b/ui/src/lib/paraglide/messages/reader_voice_pocket.js
new file mode 100644
index 0000000..d81626f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_voice_pocket.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Voice_PocketInputs */
+
+const en_reader_voice_pocket = /** @type {(inputs: Reader_Voice_PocketInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pocket-TTS voices`)
+};
+
+const ru_reader_voice_pocket = /** @type {(inputs: Reader_Voice_PocketInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Голоса Pocket-TTS`)
+};
+
+const id_reader_voice_pocket = /** @type {(inputs: Reader_Voice_PocketInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Suara Pocket-TTS`)
+};
+
+const pt_reader_voice_pocket = /** @type {(inputs: Reader_Voice_PocketInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Vozes Pocket-TTS`)
+};
+
+const fr_reader_voice_pocket = /** @type {(inputs: Reader_Voice_PocketInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voix Pocket-TTS`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Pocket-TTS voices" |
+*
+* @param {Reader_Voice_PocketInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_voice_pocket = /** @type {((inputs?: Reader_Voice_PocketInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Voice_PocketInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_voice_pocket(inputs)
+	if (locale === "ru") return ru_reader_voice_pocket(inputs)
+	if (locale === "id") return id_reader_voice_pocket(inputs)
+	if (locale === "pt") return pt_reader_voice_pocket(inputs)
+	return fr_reader_voice_pocket(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_voice_selected.js b/ui/src/lib/paraglide/messages/reader_voice_selected.js
new file mode 100644
index 0000000..43b4521
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_voice_selected.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Voice_SelectedInputs */
+
+const en_reader_voice_selected = /** @type {(inputs: Reader_Voice_SelectedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Selected`)
+};
+
+const ru_reader_voice_selected = /** @type {(inputs: Reader_Voice_SelectedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Выбран`)
+};
+
+const id_reader_voice_selected = /** @type {(inputs: Reader_Voice_SelectedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Dipilih`)
+};
+
+const pt_reader_voice_selected = /** @type {(inputs: Reader_Voice_SelectedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Selecionado`)
+};
+
+const fr_reader_voice_selected = /** @type {(inputs: Reader_Voice_SelectedInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sélectionné`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Selected" |
+*
+* @param {Reader_Voice_SelectedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_voice_selected = /** @type {((inputs?: Reader_Voice_SelectedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Voice_SelectedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_voice_selected(inputs)
+	if (locale === "ru") return ru_reader_voice_selected(inputs)
+	if (locale === "id") return id_reader_voice_selected(inputs)
+	if (locale === "pt") return pt_reader_voice_selected(inputs)
+	return fr_reader_voice_selected(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_voice_stop_sample.js b/ui/src/lib/paraglide/messages/reader_voice_stop_sample.js
new file mode 100644
index 0000000..66decbf
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_voice_stop_sample.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Reader_Voice_Stop_SampleInputs */
+
+const en_reader_voice_stop_sample = /** @type {(inputs: Reader_Voice_Stop_SampleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Stop sample`)
+};
+
+const ru_reader_voice_stop_sample = /** @type {(inputs: Reader_Voice_Stop_SampleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Остановить образец`)
+};
+
+const id_reader_voice_stop_sample = /** @type {(inputs: Reader_Voice_Stop_SampleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Hentikan sampel`)
+};
+
+const pt_reader_voice_stop_sample = /** @type {(inputs: Reader_Voice_Stop_SampleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Parar amostra`)
+};
+
+const fr_reader_voice_stop_sample = /** @type {(inputs: Reader_Voice_Stop_SampleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Arrêter l'extrait`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Stop sample" |
+*
+* @param {Reader_Voice_Stop_SampleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_voice_stop_sample = /** @type {((inputs?: Reader_Voice_Stop_SampleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_Voice_Stop_SampleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_voice_stop_sample(inputs)
+	if (locale === "ru") return ru_reader_voice_stop_sample(inputs)
+	if (locale === "id") return id_reader_voice_stop_sample(inputs)
+	if (locale === "pt") return pt_reader_voice_stop_sample(inputs)
+	return fr_reader_voice_stop_sample(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/reader_words.js b/ui/src/lib/paraglide/messages/reader_words.js
new file mode 100644
index 0000000..a1c8282
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/reader_words.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} Reader_WordsInputs */
+
+const en_reader_words = /** @type {(inputs: Reader_WordsInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} words`)
+};
+
+const ru_reader_words = /** @type {(inputs: Reader_WordsInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} слов`)
+};
+
+const id_reader_words = /** @type {(inputs: Reader_WordsInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} kata`)
+};
+
+const pt_reader_words = /** @type {(inputs: Reader_WordsInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} palavras`)
+};
+
+const fr_reader_words = /** @type {(inputs: Reader_WordsInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} mots`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{n} words" |
+*
+* @param {Reader_WordsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const reader_words = /** @type {((inputs: Reader_WordsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Reader_WordsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_reader_words(inputs)
+	if (locale === "ru") return ru_reader_words(inputs)
+	if (locale === "id") return id_reader_words(inputs)
+	if (locale === "pt") return pt_reader_words(inputs)
+	return fr_reader_words(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_already_pro.js b/ui/src/lib/paraglide/messages/subscribe_already_pro.js
new file mode 100644
index 0000000..748aee3
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_already_pro.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Already_ProInputs */
+
+const en_subscribe_already_pro = /** @type {(inputs: Subscribe_Already_ProInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`You already have a Pro subscription.`)
+};
+
+const ru_subscribe_already_pro = /** @type {(inputs: Subscribe_Already_ProInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`У вас уже есть подписка Pro.`)
+};
+
+const id_subscribe_already_pro = /** @type {(inputs: Subscribe_Already_ProInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Anda sudah berlangganan Pro.`)
+};
+
+const pt_subscribe_already_pro = /** @type {(inputs: Subscribe_Already_ProInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Você já tem uma assinatura Pro.`)
+};
+
+const fr_subscribe_already_pro = /** @type {(inputs: Subscribe_Already_ProInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Vous avez déjà un abonnement Pro.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "You already have a Pro subscription." |
+*
+* @param {Subscribe_Already_ProInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_already_pro = /** @type {((inputs?: Subscribe_Already_ProInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Already_ProInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_already_pro(inputs)
+	if (locale === "ru") return ru_subscribe_already_pro(inputs)
+	if (locale === "id") return id_subscribe_already_pro(inputs)
+	if (locale === "pt") return pt_subscribe_already_pro(inputs)
+	return fr_subscribe_already_pro(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_annual_label.js b/ui/src/lib/paraglide/messages/subscribe_annual_label.js
new file mode 100644
index 0000000..b2f2f52
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_annual_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Annual_LabelInputs */
+
+const en_subscribe_annual_label = /** @type {(inputs: Subscribe_Annual_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Annual`)
+};
+
+const ru_subscribe_annual_label = /** @type {(inputs: Subscribe_Annual_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ежегодно`)
+};
+
+const id_subscribe_annual_label = /** @type {(inputs: Subscribe_Annual_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tahunan`)
+};
+
+const pt_subscribe_annual_label = /** @type {(inputs: Subscribe_Annual_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Anual`)
+};
+
+const fr_subscribe_annual_label = /** @type {(inputs: Subscribe_Annual_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Annuel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Annual" |
+*
+* @param {Subscribe_Annual_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_annual_label = /** @type {((inputs?: Subscribe_Annual_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Annual_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_annual_label(inputs)
+	if (locale === "ru") return ru_subscribe_annual_label(inputs)
+	if (locale === "id") return id_subscribe_annual_label(inputs)
+	if (locale === "pt") return pt_subscribe_annual_label(inputs)
+	return fr_subscribe_annual_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_annual_period.js b/ui/src/lib/paraglide/messages/subscribe_annual_period.js
new file mode 100644
index 0000000..98294af
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_annual_period.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Annual_PeriodInputs */
+
+const en_subscribe_annual_period = /** @type {(inputs: Subscribe_Annual_PeriodInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`per year`)
+};
+
+const ru_subscribe_annual_period = /** @type {(inputs: Subscribe_Annual_PeriodInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`в год`)
+};
+
+const id_subscribe_annual_period = /** @type {(inputs: Subscribe_Annual_PeriodInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`per tahun`)
+};
+
+const pt_subscribe_annual_period = /** @type {(inputs: Subscribe_Annual_PeriodInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`por ano`)
+};
+
+const fr_subscribe_annual_period = /** @type {(inputs: Subscribe_Annual_PeriodInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`par an`)
+};
+
+/**
+* | output |
+* | --- |
+* | "per year" |
+*
+* @param {Subscribe_Annual_PeriodInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_annual_period = /** @type {((inputs?: Subscribe_Annual_PeriodInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Annual_PeriodInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_annual_period(inputs)
+	if (locale === "ru") return ru_subscribe_annual_period(inputs)
+	if (locale === "id") return id_subscribe_annual_period(inputs)
+	if (locale === "pt") return pt_subscribe_annual_period(inputs)
+	return fr_subscribe_annual_period(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_annual_price.js b/ui/src/lib/paraglide/messages/subscribe_annual_price.js
new file mode 100644
index 0000000..0dfd814
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_annual_price.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Annual_PriceInputs */
+
+const en_subscribe_annual_price = /** @type {(inputs: Subscribe_Annual_PriceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`$48`)
+};
+
+const ru_subscribe_annual_price = /** @type {(inputs: Subscribe_Annual_PriceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`$48`)
+};
+
+const id_subscribe_annual_price = /** @type {(inputs: Subscribe_Annual_PriceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`$48`)
+};
+
+const pt_subscribe_annual_price = /** @type {(inputs: Subscribe_Annual_PriceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`$48`)
+};
+
+const fr_subscribe_annual_price = /** @type {(inputs: Subscribe_Annual_PriceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`48 $`)
+};
+
+/**
+* | output |
+* | --- |
+* | "$48" |
+*
+* @param {Subscribe_Annual_PriceInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_annual_price = /** @type {((inputs?: Subscribe_Annual_PriceInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Annual_PriceInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_annual_price(inputs)
+	if (locale === "ru") return ru_subscribe_annual_price(inputs)
+	if (locale === "id") return id_subscribe_annual_price(inputs)
+	if (locale === "pt") return pt_subscribe_annual_price(inputs)
+	return fr_subscribe_annual_price(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_annual_save.js b/ui/src/lib/paraglide/messages/subscribe_annual_save.js
new file mode 100644
index 0000000..9731386
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_annual_save.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Annual_SaveInputs */
+
+const en_subscribe_annual_save = /** @type {(inputs: Subscribe_Annual_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Save 33%`)
+};
+
+const ru_subscribe_annual_save = /** @type {(inputs: Subscribe_Annual_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сэкономьте 33%`)
+};
+
+const id_subscribe_annual_save = /** @type {(inputs: Subscribe_Annual_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Hemat 33%`)
+};
+
+const pt_subscribe_annual_save = /** @type {(inputs: Subscribe_Annual_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Economize 33%`)
+};
+
+const fr_subscribe_annual_save = /** @type {(inputs: Subscribe_Annual_SaveInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Économisez 33 %`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Save 33%" |
+*
+* @param {Subscribe_Annual_SaveInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_annual_save = /** @type {((inputs?: Subscribe_Annual_SaveInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Annual_SaveInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_annual_save(inputs)
+	if (locale === "ru") return ru_subscribe_annual_save(inputs)
+	if (locale === "id") return id_subscribe_annual_save(inputs)
+	if (locale === "pt") return pt_subscribe_annual_save(inputs)
+	return fr_subscribe_annual_save(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_benefit_audio.js b/ui/src/lib/paraglide/messages/subscribe_benefit_audio.js
new file mode 100644
index 0000000..706c97b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_benefit_audio.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Benefit_AudioInputs */
+
+const en_subscribe_benefit_audio = /** @type {(inputs: Subscribe_Benefit_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Unlimited audio chapters per day`)
+};
+
+const ru_subscribe_benefit_audio = /** @type {(inputs: Subscribe_Benefit_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Неограниченные аудиоглавы в день`)
+};
+
+const id_subscribe_benefit_audio = /** @type {(inputs: Subscribe_Benefit_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Bab audio tak terbatas per hari`)
+};
+
+const pt_subscribe_benefit_audio = /** @type {(inputs: Subscribe_Benefit_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Capítulos de áudio ilimitados por dia`)
+};
+
+const fr_subscribe_benefit_audio = /** @type {(inputs: Subscribe_Benefit_AudioInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Chapitres audio illimités par jour`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Unlimited audio chapters per day" |
+*
+* @param {Subscribe_Benefit_AudioInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_benefit_audio = /** @type {((inputs?: Subscribe_Benefit_AudioInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Benefit_AudioInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_benefit_audio(inputs)
+	if (locale === "ru") return ru_subscribe_benefit_audio(inputs)
+	if (locale === "id") return id_subscribe_benefit_audio(inputs)
+	if (locale === "pt") return pt_subscribe_benefit_audio(inputs)
+	return fr_subscribe_benefit_audio(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_benefit_downloads.js b/ui/src/lib/paraglide/messages/subscribe_benefit_downloads.js
new file mode 100644
index 0000000..e5f0a02
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_benefit_downloads.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Benefit_DownloadsInputs */
+
+const en_subscribe_benefit_downloads = /** @type {(inputs: Subscribe_Benefit_DownloadsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Download chapters for offline listening`)
+};
+
+const ru_subscribe_benefit_downloads = /** @type {(inputs: Subscribe_Benefit_DownloadsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Скачивайте главы для прослушивания офлайн`)
+};
+
+const id_subscribe_benefit_downloads = /** @type {(inputs: Subscribe_Benefit_DownloadsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Unduh bab untuk didengarkan secara offline`)
+};
+
+const pt_subscribe_benefit_downloads = /** @type {(inputs: Subscribe_Benefit_DownloadsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Baixe capítulos para ouvir offline`)
+};
+
+const fr_subscribe_benefit_downloads = /** @type {(inputs: Subscribe_Benefit_DownloadsInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Télécharger des chapitres pour une écoute hors ligne`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Download chapters for offline listening" |
+*
+* @param {Subscribe_Benefit_DownloadsInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_benefit_downloads = /** @type {((inputs?: Subscribe_Benefit_DownloadsInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Benefit_DownloadsInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_benefit_downloads(inputs)
+	if (locale === "ru") return ru_subscribe_benefit_downloads(inputs)
+	if (locale === "id") return id_subscribe_benefit_downloads(inputs)
+	if (locale === "pt") return pt_subscribe_benefit_downloads(inputs)
+	return fr_subscribe_benefit_downloads(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_benefit_translation.js b/ui/src/lib/paraglide/messages/subscribe_benefit_translation.js
new file mode 100644
index 0000000..cfc8a74
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_benefit_translation.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Benefit_TranslationInputs */
+
+const en_subscribe_benefit_translation = /** @type {(inputs: Subscribe_Benefit_TranslationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Read in French, Indonesian, Portuguese, and Russian`)
+};
+
+const ru_subscribe_benefit_translation = /** @type {(inputs: Subscribe_Benefit_TranslationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Читайте на французском, индонезийском, португальском и русском`)
+};
+
+const id_subscribe_benefit_translation = /** @type {(inputs: Subscribe_Benefit_TranslationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Baca dalam bahasa Prancis, Indonesia, Portugis, dan Rusia`)
+};
+
+const pt_subscribe_benefit_translation = /** @type {(inputs: Subscribe_Benefit_TranslationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Leia em francês, indonésio, português e russo`)
+};
+
+const fr_subscribe_benefit_translation = /** @type {(inputs: Subscribe_Benefit_TranslationInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lire en français, indonésien, portugais et russe`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Read in French, Indonesian, Portuguese, and Russian" |
+*
+* @param {Subscribe_Benefit_TranslationInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_benefit_translation = /** @type {((inputs?: Subscribe_Benefit_TranslationInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Benefit_TranslationInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_benefit_translation(inputs)
+	if (locale === "ru") return ru_subscribe_benefit_translation(inputs)
+	if (locale === "id") return id_subscribe_benefit_translation(inputs)
+	if (locale === "pt") return pt_subscribe_benefit_translation(inputs)
+	return fr_subscribe_benefit_translation(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_benefit_voices.js b/ui/src/lib/paraglide/messages/subscribe_benefit_voices.js
new file mode 100644
index 0000000..61e136f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_benefit_voices.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Benefit_VoicesInputs */
+
+const en_subscribe_benefit_voices = /** @type {(inputs: Subscribe_Benefit_VoicesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Voice selection across all TTS engines`)
+};
+
+const ru_subscribe_benefit_voices = /** @type {(inputs: Subscribe_Benefit_VoicesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Выбор голоса для всех TTS-движков`)
+};
+
+const id_subscribe_benefit_voices = /** @type {(inputs: Subscribe_Benefit_VoicesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Pilihan suara untuk semua mesin TTS`)
+};
+
+const pt_subscribe_benefit_voices = /** @type {(inputs: Subscribe_Benefit_VoicesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Seleção de voz para todos os mecanismos TTS`)
+};
+
+const fr_subscribe_benefit_voices = /** @type {(inputs: Subscribe_Benefit_VoicesInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sélection de voix pour tous les moteurs TTS`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Voice selection across all TTS engines" |
+*
+* @param {Subscribe_Benefit_VoicesInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_benefit_voices = /** @type {((inputs?: Subscribe_Benefit_VoicesInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Benefit_VoicesInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_benefit_voices(inputs)
+	if (locale === "ru") return ru_subscribe_benefit_voices(inputs)
+	if (locale === "id") return id_subscribe_benefit_voices(inputs)
+	if (locale === "pt") return pt_subscribe_benefit_voices(inputs)
+	return fr_subscribe_benefit_voices(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_cta_annual.js b/ui/src/lib/paraglide/messages/subscribe_cta_annual.js
new file mode 100644
index 0000000..c55cf0c
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_cta_annual.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Cta_AnnualInputs */
+
+const en_subscribe_cta_annual = /** @type {(inputs: Subscribe_Cta_AnnualInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Start annual plan`)
+};
+
+const ru_subscribe_cta_annual = /** @type {(inputs: Subscribe_Cta_AnnualInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Начать годовой план`)
+};
+
+const id_subscribe_cta_annual = /** @type {(inputs: Subscribe_Cta_AnnualInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mulai paket tahunan`)
+};
+
+const pt_subscribe_cta_annual = /** @type {(inputs: Subscribe_Cta_AnnualInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Começar plano anual`)
+};
+
+const fr_subscribe_cta_annual = /** @type {(inputs: Subscribe_Cta_AnnualInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Commencer le plan annuel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Start annual plan" |
+*
+* @param {Subscribe_Cta_AnnualInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_cta_annual = /** @type {((inputs?: Subscribe_Cta_AnnualInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Cta_AnnualInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_cta_annual(inputs)
+	if (locale === "ru") return ru_subscribe_cta_annual(inputs)
+	if (locale === "id") return id_subscribe_cta_annual(inputs)
+	if (locale === "pt") return pt_subscribe_cta_annual(inputs)
+	return fr_subscribe_cta_annual(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_cta_monthly.js b/ui/src/lib/paraglide/messages/subscribe_cta_monthly.js
new file mode 100644
index 0000000..c0d4374
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_cta_monthly.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Cta_MonthlyInputs */
+
+const en_subscribe_cta_monthly = /** @type {(inputs: Subscribe_Cta_MonthlyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Start monthly plan`)
+};
+
+const ru_subscribe_cta_monthly = /** @type {(inputs: Subscribe_Cta_MonthlyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Начать месячный план`)
+};
+
+const id_subscribe_cta_monthly = /** @type {(inputs: Subscribe_Cta_MonthlyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mulai paket bulanan`)
+};
+
+const pt_subscribe_cta_monthly = /** @type {(inputs: Subscribe_Cta_MonthlyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Começar plano mensal`)
+};
+
+const fr_subscribe_cta_monthly = /** @type {(inputs: Subscribe_Cta_MonthlyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Commencer le plan mensuel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Start monthly plan" |
+*
+* @param {Subscribe_Cta_MonthlyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_cta_monthly = /** @type {((inputs?: Subscribe_Cta_MonthlyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Cta_MonthlyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_cta_monthly(inputs)
+	if (locale === "ru") return ru_subscribe_cta_monthly(inputs)
+	if (locale === "id") return id_subscribe_cta_monthly(inputs)
+	if (locale === "pt") return pt_subscribe_cta_monthly(inputs)
+	return fr_subscribe_cta_monthly(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_heading.js b/ui/src/lib/paraglide/messages/subscribe_heading.js
new file mode 100644
index 0000000..7b42a57
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_HeadingInputs */
+
+const en_subscribe_heading = /** @type {(inputs: Subscribe_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Read more. Listen more.`)
+};
+
+const ru_subscribe_heading = /** @type {(inputs: Subscribe_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Читайте больше. Слушайте больше.`)
+};
+
+const id_subscribe_heading = /** @type {(inputs: Subscribe_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Baca lebih. Dengarkan lebih.`)
+};
+
+const pt_subscribe_heading = /** @type {(inputs: Subscribe_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Leia mais. Ouça mais.`)
+};
+
+const fr_subscribe_heading = /** @type {(inputs: Subscribe_HeadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lisez plus. Écoutez plus.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Read more. Listen more." |
+*
+* @param {Subscribe_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_heading = /** @type {((inputs?: Subscribe_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_heading(inputs)
+	if (locale === "ru") return ru_subscribe_heading(inputs)
+	if (locale === "id") return id_subscribe_heading(inputs)
+	if (locale === "pt") return pt_subscribe_heading(inputs)
+	return fr_subscribe_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_login_cta.js b/ui/src/lib/paraglide/messages/subscribe_login_cta.js
new file mode 100644
index 0000000..599e688
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_login_cta.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Login_CtaInputs */
+
+const en_subscribe_login_cta = /** @type {(inputs: Subscribe_Login_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sign in`)
+};
+
+const ru_subscribe_login_cta = /** @type {(inputs: Subscribe_Login_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Войти`)
+};
+
+const id_subscribe_login_cta = /** @type {(inputs: Subscribe_Login_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Masuk`)
+};
+
+const pt_subscribe_login_cta = /** @type {(inputs: Subscribe_Login_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Entrar`)
+};
+
+const fr_subscribe_login_cta = /** @type {(inputs: Subscribe_Login_CtaInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Se connecter`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Sign in" |
+*
+* @param {Subscribe_Login_CtaInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_login_cta = /** @type {((inputs?: Subscribe_Login_CtaInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Login_CtaInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_login_cta(inputs)
+	if (locale === "ru") return ru_subscribe_login_cta(inputs)
+	if (locale === "id") return id_subscribe_login_cta(inputs)
+	if (locale === "pt") return pt_subscribe_login_cta(inputs)
+	return fr_subscribe_login_cta(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_login_prompt.js b/ui/src/lib/paraglide/messages/subscribe_login_prompt.js
new file mode 100644
index 0000000..f16e2d4
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_login_prompt.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Login_PromptInputs */
+
+const en_subscribe_login_prompt = /** @type {(inputs: Subscribe_Login_PromptInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sign in to subscribe`)
+};
+
+const ru_subscribe_login_prompt = /** @type {(inputs: Subscribe_Login_PromptInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Войдите, чтобы оформить подписку`)
+};
+
+const id_subscribe_login_prompt = /** @type {(inputs: Subscribe_Login_PromptInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Masuk untuk berlangganan`)
+};
+
+const pt_subscribe_login_prompt = /** @type {(inputs: Subscribe_Login_PromptInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Entre para assinar`)
+};
+
+const fr_subscribe_login_prompt = /** @type {(inputs: Subscribe_Login_PromptInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Connectez-vous pour vous abonner`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Sign in to subscribe" |
+*
+* @param {Subscribe_Login_PromptInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_login_prompt = /** @type {((inputs?: Subscribe_Login_PromptInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Login_PromptInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_login_prompt(inputs)
+	if (locale === "ru") return ru_subscribe_login_prompt(inputs)
+	if (locale === "id") return id_subscribe_login_prompt(inputs)
+	if (locale === "pt") return pt_subscribe_login_prompt(inputs)
+	return fr_subscribe_login_prompt(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_manage.js b/ui/src/lib/paraglide/messages/subscribe_manage.js
new file mode 100644
index 0000000..84fab7a
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_manage.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_ManageInputs */
+
+const en_subscribe_manage = /** @type {(inputs: Subscribe_ManageInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Manage subscription`)
+};
+
+const ru_subscribe_manage = /** @type {(inputs: Subscribe_ManageInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Управление подпиской`)
+};
+
+const id_subscribe_manage = /** @type {(inputs: Subscribe_ManageInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Kelola langganan`)
+};
+
+const pt_subscribe_manage = /** @type {(inputs: Subscribe_ManageInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gerenciar assinatura`)
+};
+
+const fr_subscribe_manage = /** @type {(inputs: Subscribe_ManageInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Gérer l'abonnement`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Manage subscription" |
+*
+* @param {Subscribe_ManageInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_manage = /** @type {((inputs?: Subscribe_ManageInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_ManageInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_manage(inputs)
+	if (locale === "ru") return ru_subscribe_manage(inputs)
+	if (locale === "id") return id_subscribe_manage(inputs)
+	if (locale === "pt") return pt_subscribe_manage(inputs)
+	return fr_subscribe_manage(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_monthly_label.js b/ui/src/lib/paraglide/messages/subscribe_monthly_label.js
new file mode 100644
index 0000000..9108e7e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_monthly_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Monthly_LabelInputs */
+
+const en_subscribe_monthly_label = /** @type {(inputs: Subscribe_Monthly_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Monthly`)
+};
+
+const ru_subscribe_monthly_label = /** @type {(inputs: Subscribe_Monthly_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ежемесячно`)
+};
+
+const id_subscribe_monthly_label = /** @type {(inputs: Subscribe_Monthly_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Bulanan`)
+};
+
+const pt_subscribe_monthly_label = /** @type {(inputs: Subscribe_Monthly_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mensal`)
+};
+
+const fr_subscribe_monthly_label = /** @type {(inputs: Subscribe_Monthly_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Mensuel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Monthly" |
+*
+* @param {Subscribe_Monthly_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_monthly_label = /** @type {((inputs?: Subscribe_Monthly_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Monthly_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_monthly_label(inputs)
+	if (locale === "ru") return ru_subscribe_monthly_label(inputs)
+	if (locale === "id") return id_subscribe_monthly_label(inputs)
+	if (locale === "pt") return pt_subscribe_monthly_label(inputs)
+	return fr_subscribe_monthly_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_monthly_period.js b/ui/src/lib/paraglide/messages/subscribe_monthly_period.js
new file mode 100644
index 0000000..870bf46
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_monthly_period.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Monthly_PeriodInputs */
+
+const en_subscribe_monthly_period = /** @type {(inputs: Subscribe_Monthly_PeriodInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`per month`)
+};
+
+const ru_subscribe_monthly_period = /** @type {(inputs: Subscribe_Monthly_PeriodInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`в месяц`)
+};
+
+const id_subscribe_monthly_period = /** @type {(inputs: Subscribe_Monthly_PeriodInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`per bulan`)
+};
+
+const pt_subscribe_monthly_period = /** @type {(inputs: Subscribe_Monthly_PeriodInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`por mês`)
+};
+
+const fr_subscribe_monthly_period = /** @type {(inputs: Subscribe_Monthly_PeriodInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`par mois`)
+};
+
+/**
+* | output |
+* | --- |
+* | "per month" |
+*
+* @param {Subscribe_Monthly_PeriodInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_monthly_period = /** @type {((inputs?: Subscribe_Monthly_PeriodInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Monthly_PeriodInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_monthly_period(inputs)
+	if (locale === "ru") return ru_subscribe_monthly_period(inputs)
+	if (locale === "id") return id_subscribe_monthly_period(inputs)
+	if (locale === "pt") return pt_subscribe_monthly_period(inputs)
+	return fr_subscribe_monthly_period(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_monthly_price.js b/ui/src/lib/paraglide/messages/subscribe_monthly_price.js
new file mode 100644
index 0000000..63f8a33
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_monthly_price.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Monthly_PriceInputs */
+
+const en_subscribe_monthly_price = /** @type {(inputs: Subscribe_Monthly_PriceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`$6`)
+};
+
+const ru_subscribe_monthly_price = /** @type {(inputs: Subscribe_Monthly_PriceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`$6`)
+};
+
+const id_subscribe_monthly_price = /** @type {(inputs: Subscribe_Monthly_PriceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`$6`)
+};
+
+const pt_subscribe_monthly_price = /** @type {(inputs: Subscribe_Monthly_PriceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`$6`)
+};
+
+const fr_subscribe_monthly_price = /** @type {(inputs: Subscribe_Monthly_PriceInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`6 $`)
+};
+
+/**
+* | output |
+* | --- |
+* | "$6" |
+*
+* @param {Subscribe_Monthly_PriceInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_monthly_price = /** @type {((inputs?: Subscribe_Monthly_PriceInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Monthly_PriceInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_monthly_price(inputs)
+	if (locale === "ru") return ru_subscribe_monthly_price(inputs)
+	if (locale === "id") return id_subscribe_monthly_price(inputs)
+	if (locale === "pt") return pt_subscribe_monthly_price(inputs)
+	return fr_subscribe_monthly_price(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_page_title.js b/ui/src/lib/paraglide/messages/subscribe_page_title.js
new file mode 100644
index 0000000..2b131bd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_Page_TitleInputs */
+
+const en_subscribe_page_title = /** @type {(inputs: Subscribe_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Go Pro — libnovel`)
+};
+
+const ru_subscribe_page_title = /** @type {(inputs: Subscribe_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Перейти на Pro — libnovel`)
+};
+
+const id_subscribe_page_title = /** @type {(inputs: Subscribe_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Jadi Pro — libnovel`)
+};
+
+const pt_subscribe_page_title = /** @type {(inputs: Subscribe_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Seja Pro — libnovel`)
+};
+
+const fr_subscribe_page_title = /** @type {(inputs: Subscribe_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Passer Pro — libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Go Pro — libnovel" |
+*
+* @param {Subscribe_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_page_title = /** @type {((inputs?: Subscribe_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_page_title(inputs)
+	if (locale === "ru") return ru_subscribe_page_title(inputs)
+	if (locale === "id") return id_subscribe_page_title(inputs)
+	if (locale === "pt") return pt_subscribe_page_title(inputs)
+	return fr_subscribe_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/subscribe_subheading.js b/ui/src/lib/paraglide/messages/subscribe_subheading.js
new file mode 100644
index 0000000..ee5a8b1
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/subscribe_subheading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Subscribe_SubheadingInputs */
+
+const en_subscribe_subheading = /** @type {(inputs: Subscribe_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Upgrade to Pro and unlock the full libnovel experience.`)
+};
+
+const ru_subscribe_subheading = /** @type {(inputs: Subscribe_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Перейдите на Pro и откройте полный опыт libnovel.`)
+};
+
+const id_subscribe_subheading = /** @type {(inputs: Subscribe_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tingkatkan ke Pro dan buka pengalaman libnovel sepenuhnya.`)
+};
+
+const pt_subscribe_subheading = /** @type {(inputs: Subscribe_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Torne-se Pro e desbloqueie a experiência completa do libnovel.`)
+};
+
+const fr_subscribe_subheading = /** @type {(inputs: Subscribe_SubheadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Passez Pro et débloquez l'expérience libnovel complète.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Upgrade to Pro and unlock the full libnovel experience." |
+*
+* @param {Subscribe_SubheadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const subscribe_subheading = /** @type {((inputs?: Subscribe_SubheadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Subscribe_SubheadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_subscribe_subheading(inputs)
+	if (locale === "ru") return ru_subscribe_subheading(inputs)
+	if (locale === "id") return id_subscribe_subheading(inputs)
+	if (locale === "pt") return pt_subscribe_subheading(inputs)
+	return fr_subscribe_subheading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/terms_page_title.js b/ui/src/lib/paraglide/messages/terms_page_title.js
new file mode 100644
index 0000000..ea4dd2e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/terms_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Terms_Page_TitleInputs */
+
+const en_terms_page_title = /** @type {(inputs: Terms_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Terms of Service — libnovel`)
+};
+
+const ru_terms_page_title = /** @type {(inputs: Terms_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Условия использования — libnovel`)
+};
+
+const id_terms_page_title = /** @type {(inputs: Terms_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Syarat Layanan — libnovel`)
+};
+
+const pt_terms_page_title = /** @type {(inputs: Terms_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Termos de Serviço — libnovel`)
+};
+
+const fr_terms_page_title = /** @type {(inputs: Terms_Page_TitleInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Conditions d'utilisation — libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Terms of Service — libnovel" |
+*
+* @param {Terms_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const terms_page_title = /** @type {((inputs?: Terms_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Terms_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_terms_page_title(inputs)
+	if (locale === "ru") return ru_terms_page_title(inputs)
+	if (locale === "id") return id_terms_page_title(inputs)
+	if (locale === "pt") return pt_terms_page_title(inputs)
+	return fr_terms_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/user_currently_reading.js b/ui/src/lib/paraglide/messages/user_currently_reading.js
new file mode 100644
index 0000000..d4e6cbd
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/user_currently_reading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} User_Currently_ReadingInputs */
+
+const en_user_currently_reading = /** @type {(inputs: User_Currently_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Currently Reading`)
+};
+
+const ru_user_currently_reading = /** @type {(inputs: User_Currently_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Сейчас читает`)
+};
+
+const id_user_currently_reading = /** @type {(inputs: User_Currently_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sedang Dibaca`)
+};
+
+const pt_user_currently_reading = /** @type {(inputs: User_Currently_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Lendo Agora`)
+};
+
+const fr_user_currently_reading = /** @type {(inputs: User_Currently_ReadingInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`En cours de lecture`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Currently Reading" |
+*
+* @param {User_Currently_ReadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const user_currently_reading = /** @type {((inputs?: User_Currently_ReadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<User_Currently_ReadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_user_currently_reading(inputs)
+	if (locale === "ru") return ru_user_currently_reading(inputs)
+	if (locale === "id") return id_user_currently_reading(inputs)
+	if (locale === "pt") return pt_user_currently_reading(inputs)
+	return fr_user_currently_reading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/user_follow.js b/ui/src/lib/paraglide/messages/user_follow.js
new file mode 100644
index 0000000..bd48e4d
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/user_follow.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} User_FollowInputs */
+
+const en_user_follow = /** @type {(inputs: User_FollowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Follow`)
+};
+
+const ru_user_follow = /** @type {(inputs: User_FollowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Подписаться`)
+};
+
+const id_user_follow = /** @type {(inputs: User_FollowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ikuti`)
+};
+
+const pt_user_follow = /** @type {(inputs: User_FollowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Seguir`)
+};
+
+const fr_user_follow = /** @type {(inputs: User_FollowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Suivre`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Follow" |
+*
+* @param {User_FollowInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const user_follow = /** @type {((inputs?: User_FollowInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<User_FollowInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_user_follow(inputs)
+	if (locale === "ru") return ru_user_follow(inputs)
+	if (locale === "id") return id_user_follow(inputs)
+	if (locale === "pt") return pt_user_follow(inputs)
+	return fr_user_follow(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/user_followers.js b/ui/src/lib/paraglide/messages/user_followers.js
new file mode 100644
index 0000000..33acff7
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/user_followers.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} User_FollowersInputs */
+
+const en_user_followers = /** @type {(inputs: User_FollowersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} followers`)
+};
+
+const ru_user_followers = /** @type {(inputs: User_FollowersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} подписчиков`)
+};
+
+const id_user_followers = /** @type {(inputs: User_FollowersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} pengikut`)
+};
+
+const pt_user_followers = /** @type {(inputs: User_FollowersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} seguidores`)
+};
+
+const fr_user_followers = /** @type {(inputs: User_FollowersInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} abonnés`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{n} followers" |
+*
+* @param {User_FollowersInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const user_followers = /** @type {((inputs: User_FollowersInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<User_FollowersInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_user_followers(inputs)
+	if (locale === "ru") return ru_user_followers(inputs)
+	if (locale === "id") return id_user_followers(inputs)
+	if (locale === "pt") return pt_user_followers(inputs)
+	return fr_user_followers(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/user_followers_label.js b/ui/src/lib/paraglide/messages/user_followers_label.js
new file mode 100644
index 0000000..fcefcb1
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/user_followers_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} User_Followers_LabelInputs */
+
+const en_user_followers_label = /** @type {(inputs: User_Followers_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`followers`)
+};
+
+const ru_user_followers_label = /** @type {(inputs: User_Followers_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`подписчиков`)
+};
+
+const id_user_followers_label = /** @type {(inputs: User_Followers_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`pengikut`)
+};
+
+const pt_user_followers_label = /** @type {(inputs: User_Followers_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`seguidores`)
+};
+
+const fr_user_followers_label = /** @type {(inputs: User_Followers_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`abonnés`)
+};
+
+/**
+* | output |
+* | --- |
+* | "followers" |
+*
+* @param {User_Followers_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const user_followers_label = /** @type {((inputs?: User_Followers_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<User_Followers_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_user_followers_label(inputs)
+	if (locale === "ru") return ru_user_followers_label(inputs)
+	if (locale === "id") return id_user_followers_label(inputs)
+	if (locale === "pt") return pt_user_followers_label(inputs)
+	return fr_user_followers_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/user_following.js b/ui/src/lib/paraglide/messages/user_following.js
new file mode 100644
index 0000000..33b0cc5
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/user_following.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} User_FollowingInputs */
+
+const en_user_following = /** @type {(inputs: User_FollowingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} following`)
+};
+
+const ru_user_following = /** @type {(inputs: User_FollowingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} подписок`)
+};
+
+const id_user_following = /** @type {(inputs: User_FollowingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} mengikuti`)
+};
+
+const pt_user_following = /** @type {(inputs: User_FollowingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} seguindo`)
+};
+
+const fr_user_following = /** @type {(inputs: User_FollowingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.n} abonnements`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{n} following" |
+*
+* @param {User_FollowingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const user_following = /** @type {((inputs: User_FollowingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<User_FollowingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_user_following(inputs)
+	if (locale === "ru") return ru_user_following(inputs)
+	if (locale === "id") return id_user_following(inputs)
+	if (locale === "pt") return pt_user_following(inputs)
+	return fr_user_following(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/user_following_label.js b/ui/src/lib/paraglide/messages/user_following_label.js
new file mode 100644
index 0000000..9bbd509
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/user_following_label.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} User_Following_LabelInputs */
+
+const en_user_following_label = /** @type {(inputs: User_Following_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`following`)
+};
+
+const ru_user_following_label = /** @type {(inputs: User_Following_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`подписок`)
+};
+
+const id_user_following_label = /** @type {(inputs: User_Following_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`mengikuti`)
+};
+
+const pt_user_following_label = /** @type {(inputs: User_Following_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`seguindo`)
+};
+
+const fr_user_following_label = /** @type {(inputs: User_Following_LabelInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`abonnements`)
+};
+
+/**
+* | output |
+* | --- |
+* | "following" |
+*
+* @param {User_Following_LabelInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const user_following_label = /** @type {((inputs?: User_Following_LabelInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<User_Following_LabelInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_user_following_label(inputs)
+	if (locale === "ru") return ru_user_following_label(inputs)
+	if (locale === "id") return id_user_following_label(inputs)
+	if (locale === "pt") return pt_user_following_label(inputs)
+	return fr_user_following_label(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/user_joined.js b/ui/src/lib/paraglide/messages/user_joined.js
new file mode 100644
index 0000000..950f6dc
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/user_joined.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ date: NonNullable<unknown> }} User_JoinedInputs */
+
+const en_user_joined = /** @type {(inputs: User_JoinedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Joined ${i?.date}`)
+};
+
+const ru_user_joined = /** @type {(inputs: User_JoinedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Зарегистрирован ${i?.date}`)
+};
+
+const id_user_joined = /** @type {(inputs: User_JoinedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Bergabung ${i?.date}`)
+};
+
+const pt_user_joined = /** @type {(inputs: User_JoinedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Entrou em ${i?.date}`)
+};
+
+const fr_user_joined = /** @type {(inputs: User_JoinedInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Inscrit le ${i?.date}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Joined {date}" |
+*
+* @param {User_JoinedInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const user_joined = /** @type {((inputs: User_JoinedInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<User_JoinedInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_user_joined(inputs)
+	if (locale === "ru") return ru_user_joined(inputs)
+	if (locale === "id") return id_user_joined(inputs)
+	if (locale === "pt") return pt_user_joined(inputs)
+	return fr_user_joined(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/user_library_count.js b/ui/src/lib/paraglide/messages/user_library_count.js
new file mode 100644
index 0000000..beb7d1b
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/user_library_count.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ n: NonNullable<unknown> }} User_Library_CountInputs */
+
+const en_user_library_count = /** @type {(inputs: User_Library_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Library (${i?.n})`)
+};
+
+const ru_user_library_count = /** @type {(inputs: User_Library_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Библиотека (${i?.n})`)
+};
+
+const id_user_library_count = /** @type {(inputs: User_Library_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Perpustakaan (${i?.n})`)
+};
+
+const pt_user_library_count = /** @type {(inputs: User_Library_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Biblioteca (${i?.n})`)
+};
+
+const fr_user_library_count = /** @type {(inputs: User_Library_CountInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Bibliothèque (${i?.n})`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Library ({n})" |
+*
+* @param {User_Library_CountInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const user_library_count = /** @type {((inputs: User_Library_CountInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<User_Library_CountInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_user_library_count(inputs)
+	if (locale === "ru") return ru_user_library_count(inputs)
+	if (locale === "id") return id_user_library_count(inputs)
+	if (locale === "pt") return pt_user_library_count(inputs)
+	return fr_user_library_count(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/user_library_empty.js b/ui/src/lib/paraglide/messages/user_library_empty.js
new file mode 100644
index 0000000..d43654e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/user_library_empty.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} User_Library_EmptyInputs */
+
+const en_user_library_empty = /** @type {(inputs: User_Library_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No books in library.`)
+};
+
+const ru_user_library_empty = /** @type {(inputs: User_Library_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`В библиотеке нет книг.`)
+};
+
+const id_user_library_empty = /** @type {(inputs: User_Library_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Tidak ada buku di perpustakaan.`)
+};
+
+const pt_user_library_empty = /** @type {(inputs: User_Library_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhum livro na biblioteca.`)
+};
+
+const fr_user_library_empty = /** @type {(inputs: User_Library_EmptyInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucun livre dans la bibliothèque.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No books in library." |
+*
+* @param {User_Library_EmptyInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const user_library_empty = /** @type {((inputs?: User_Library_EmptyInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<User_Library_EmptyInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_user_library_empty(inputs)
+	if (locale === "ru") return ru_user_library_empty(inputs)
+	if (locale === "id") return id_user_library_empty(inputs)
+	if (locale === "pt") return pt_user_library_empty(inputs)
+	return fr_user_library_empty(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/user_library_heading.js b/ui/src/lib/paraglide/messages/user_library_heading.js
new file mode 100644
index 0000000..c4a9c8e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/user_library_heading.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ username: NonNullable<unknown> }} User_Library_HeadingInputs */
+
+const en_user_library_heading = /** @type {(inputs: User_Library_HeadingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.username}'s Library`)
+};
+
+const ru_user_library_heading = /** @type {(inputs: User_Library_HeadingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Библиотека ${i?.username}`)
+};
+
+const id_user_library_heading = /** @type {(inputs: User_Library_HeadingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Perpustakaan ${i?.username}`)
+};
+
+const pt_user_library_heading = /** @type {(inputs: User_Library_HeadingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Biblioteca de ${i?.username}`)
+};
+
+const fr_user_library_heading = /** @type {(inputs: User_Library_HeadingInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`Bibliothèque de ${i?.username}`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{username}'s Library" |
+*
+* @param {User_Library_HeadingInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const user_library_heading = /** @type {((inputs: User_Library_HeadingInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<User_Library_HeadingInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_user_library_heading(inputs)
+	if (locale === "ru") return ru_user_library_heading(inputs)
+	if (locale === "id") return id_user_library_heading(inputs)
+	if (locale === "pt") return pt_user_library_heading(inputs)
+	return fr_user_library_heading(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/user_no_books.js b/ui/src/lib/paraglide/messages/user_no_books.js
new file mode 100644
index 0000000..746d1e5
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/user_no_books.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} User_No_BooksInputs */
+
+const en_user_no_books = /** @type {(inputs: User_No_BooksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`No books in library yet.`)
+};
+
+const ru_user_no_books = /** @type {(inputs: User_No_BooksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Книг в библиотеке пока нет.`)
+};
+
+const id_user_no_books = /** @type {(inputs: User_No_BooksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Belum ada buku di perpustakaan.`)
+};
+
+const pt_user_no_books = /** @type {(inputs: User_No_BooksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Nenhum livro na biblioteca ainda.`)
+};
+
+const fr_user_no_books = /** @type {(inputs: User_No_BooksInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Aucun livre dans la bibliothèque pour l'instant.`)
+};
+
+/**
+* | output |
+* | --- |
+* | "No books in library yet." |
+*
+* @param {User_No_BooksInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const user_no_books = /** @type {((inputs?: User_No_BooksInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<User_No_BooksInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_user_no_books(inputs)
+	if (locale === "ru") return ru_user_no_books(inputs)
+	if (locale === "id") return id_user_no_books(inputs)
+	if (locale === "pt") return pt_user_no_books(inputs)
+	return fr_user_no_books(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/user_page_title.js b/ui/src/lib/paraglide/messages/user_page_title.js
new file mode 100644
index 0000000..56cd90e
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/user_page_title.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{ username: NonNullable<unknown> }} User_Page_TitleInputs */
+
+const en_user_page_title = /** @type {(inputs: User_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.username} — libnovel`)
+};
+
+const ru_user_page_title = /** @type {(inputs: User_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.username} — libnovel`)
+};
+
+const id_user_page_title = /** @type {(inputs: User_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.username} — libnovel`)
+};
+
+const pt_user_page_title = /** @type {(inputs: User_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.username} — libnovel`)
+};
+
+const fr_user_page_title = /** @type {(inputs: User_Page_TitleInputs) => LocalizedString} */ (i) => {
+	return /** @type {LocalizedString} */ (`${i?.username} — libnovel`)
+};
+
+/**
+* | output |
+* | --- |
+* | "{username} — libnovel" |
+*
+* @param {User_Page_TitleInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const user_page_title = /** @type {((inputs: User_Page_TitleInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<User_Page_TitleInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_user_page_title(inputs)
+	if (locale === "ru") return ru_user_page_title(inputs)
+	if (locale === "id") return id_user_page_title(inputs)
+	if (locale === "pt") return pt_user_page_title(inputs)
+	return fr_user_page_title(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/messages/user_unfollow.js b/ui/src/lib/paraglide/messages/user_unfollow.js
new file mode 100644
index 0000000..962859f
--- /dev/null
+++ b/ui/src/lib/paraglide/messages/user_unfollow.js
@@ -0,0 +1,44 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} User_UnfollowInputs */
+
+const en_user_unfollow = /** @type {(inputs: User_UnfollowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Unfollow`)
+};
+
+const ru_user_unfollow = /** @type {(inputs: User_UnfollowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Отписаться`)
+};
+
+const id_user_unfollow = /** @type {(inputs: User_UnfollowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Berhenti mengikuti`)
+};
+
+const pt_user_unfollow = /** @type {(inputs: User_UnfollowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Deixar de seguir`)
+};
+
+const fr_user_unfollow = /** @type {(inputs: User_UnfollowInputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Ne plus suivre`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Unfollow" |
+*
+* @param {User_UnfollowInputs} inputs
+* @param {{ locale?: "en" | "ru" | "id" | "pt" | "fr" }} options
+* @returns {LocalizedString}
+*/
+export const user_unfollow = /** @type {((inputs?: User_UnfollowInputs, options?: { locale?: "en" | "ru" | "id" | "pt" | "fr" }) => LocalizedString) & import('../runtime.js').MessageMetadata<User_UnfollowInputs, { locale?: "en" | "ru" | "id" | "pt" | "fr" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "en") return en_user_unfollow(inputs)
+	if (locale === "ru") return ru_user_unfollow(inputs)
+	if (locale === "id") return id_user_unfollow(inputs)
+	if (locale === "pt") return pt_user_unfollow(inputs)
+	return fr_user_unfollow(inputs)
+});
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/registry.js b/ui/src/lib/paraglide/registry.js
new file mode 100644
index 0000000..2ff0e22
--- /dev/null
+++ b/ui/src/lib/paraglide/registry.js
@@ -0,0 +1,31 @@
+/* eslint-disable */
+
+/**
+ * @param {import("./runtime.js").Locale} locale
+ * @param {unknown} input
+ * @param {Intl.PluralRulesOptions} [options]
+ * @returns {string}
+ */
+export function plural(locale, input, options) { 
+	return new Intl.PluralRules(locale, options).select(Number(input))
+};
+
+/**
+ * @param {import("./runtime.js").Locale} locale
+ * @param {unknown} input
+ * @param {Intl.NumberFormatOptions} [options]
+ * @returns {string}
+ */
+export function number(locale, input, options) {
+	return new Intl.NumberFormat(locale, options).format(Number(input))
+};
+
+/**
+ * @param {import("./runtime.js").Locale} locale
+ * @param {unknown} input
+ * @param {Intl.DateTimeFormatOptions} [options]
+ * @returns {string}
+ */
+export function datetime(locale, input, options) {
+	return new Intl.DateTimeFormat(locale, options).format(new Date(/** @type {string} */ (input)))
+};
\ No newline at end of file
diff --git a/ui/src/lib/paraglide/runtime.js b/ui/src/lib/paraglide/runtime.js
new file mode 100644
index 0000000..68afda0
--- /dev/null
+++ b/ui/src/lib/paraglide/runtime.js
@@ -0,0 +1,1780 @@
+/* eslint-disable */
+
+/** @type {any} */
+const URLPattern = {}
+
+/**
+ * The project's base locale.
+ *
+ * @example
+ *   if (locale === baseLocale) {
+ *     // do something
+ *   }
+ */
+export const baseLocale = "en";
+/**
+ * The project's locales that have been specified in the settings.
+ *
+ * @example
+ *   if (locales.includes(userSelectedLocale) === false) {
+ *     throw new Error('Locale is not available');
+ *   }
+ */
+export const locales = /** @type {const} */ (["en","ru","id","pt","fr"]);
+/** @type {string} */
+export const cookieName = "PARAGLIDE_LOCALE";
+/** @type {number} */
+export const cookieMaxAge = 34560000;
+/** @type {string} */
+export const cookieDomain = "";
+/** @type {string} */
+export const localStorageKey = "PARAGLIDE_LOCALE";
+/**
+ * @type {Array<"cookie" | "baseLocale" | "globalVariable" | "url" | "preferredLanguage" | "localStorage" | `custom-${string}`>}
+ */
+export const strategy = [
+  "cookie",
+  "globalVariable",
+  "baseLocale"
+];
+/**
+ * Route-level strategy overrides.
+ *
+ * `match` uses URLPattern syntax.
+ *
+ * @type {Array<{
+ *   match: string;
+ *   strategy?: Array<"cookie" | "baseLocale" | "globalVariable" | "url" | "preferredLanguage" | "localStorage" | `custom-${string}`>;
+ *   exclude?: boolean;
+ * }>}
+ */
+export const routeStrategies = [];
+/**
+ * The used URL patterns.
+ *
+ * @type {Array<{ pattern: string, localized: Array<[Locale, string]> }>}
+ */
+export const urlPatterns = [
+  {
+    "pattern": ":protocol://:domain(.*)::port?/:path(.*)?",
+    "localized": [
+      [
+        "ru",
+        ":protocol://:domain(.*)::port?/ru/:path(.*)?"
+      ],
+      [
+        "id",
+        ":protocol://:domain(.*)::port?/id/:path(.*)?"
+      ],
+      [
+        "pt",
+        ":protocol://:domain(.*)::port?/pt/:path(.*)?"
+      ],
+      [
+        "fr",
+        ":protocol://:domain(.*)::port?/fr/:path(.*)?"
+      ],
+      [
+        "en",
+        ":protocol://:domain(.*)::port?/:path(.*)?"
+      ]
+    ]
+  }
+];
+/** @type {string | undefined} */
+let cachedRouteStrategyUrl;
+/** @type {{ match: string; strategy?: typeof strategy; exclude?: boolean } | undefined} */
+let cachedRouteStrategy;
+/**
+ * @param {string | URL} url
+ * @returns {{ match: string; strategy?: typeof strategy; exclude?: boolean } | undefined}
+ */
+function findMatchingRouteStrategy(url) {
+    if (routeStrategies.length === 0) {
+        return undefined;
+    }
+    const urlString = typeof url === "string" ? url : url.href;
+    if (cachedRouteStrategyUrl === urlString) {
+        return cachedRouteStrategy;
+    }
+    const urlObject = new URL(urlString, "http://dummy.com");
+    let match;
+    for (const routeStrategy of routeStrategies) {
+        const pattern = new URLPattern(routeStrategy.match, urlObject.href);
+        if (pattern.exec(urlObject.href)) {
+            match = routeStrategy;
+            break;
+        }
+    }
+    cachedRouteStrategyUrl = urlString;
+    cachedRouteStrategy = match;
+    return match;
+}
+/**
+ * Returns the strategy to use for a specific URL.
+ *
+ * If no route strategy matches (or the matching rule is `exclude: true`),
+ * the global strategy is returned.
+ *
+ * @param {string | URL} url
+ * @returns {typeof strategy}
+ */
+export function getStrategyForUrl(url) {
+    const routeStrategy = findMatchingRouteStrategy(url);
+    if (routeStrategy &&
+        routeStrategy.exclude !== true &&
+        Array.isArray(routeStrategy.strategy)) {
+        return routeStrategy.strategy;
+    }
+    return strategy;
+}
+/**
+ * Returns whether the given URL is excluded from middleware i18n processing.
+ *
+ * @param {string | URL} url
+ * @returns {boolean}
+ */
+export function isExcludedByRouteStrategy(url) {
+    return findMatchingRouteStrategy(url)?.exclude === true;
+}
+/**
+ * @typedef {{
+ * 		getStore(): {
+ *   		locale?: Locale,
+ * 			origin?: string,
+ * 			messageCalls?: Set<string>
+ *   	} | undefined,
+ * 		run: (store: { locale?: Locale, origin?: string, messageCalls?: Set<string>},
+ *    cb: any) => any
+ * }} ParaglideAsyncLocalStorage
+ */
+/**
+ * Server side async local storage that is set by `serverMiddleware()`.
+ *
+ * The variable is used to retrieve the locale and origin in a server-side
+ * rendering context without effecting other requests.
+ *
+ * @type {ParaglideAsyncLocalStorage | undefined}
+ */
+export let serverAsyncLocalStorage = undefined;
+export const disableAsyncLocalStorage = false;
+export const experimentalMiddlewareLocaleSplitting = false;
+export const isServer = typeof window === 'undefined';
+/** @type {Locale | undefined} */
+export const experimentalStaticLocale = undefined;
+/**
+ * Sets the server side async local storage.
+ *
+ * The function is needed because the `runtime.js` file
+ * must define the `serverAsyncLocalStorage` variable to
+ * avoid a circular import between `runtime.js` and
+ * `server.js` files.
+ *
+ * @param {ParaglideAsyncLocalStorage | undefined} value
+ */
+export function overwriteServerAsyncLocalStorage(value) {
+    serverAsyncLocalStorage = value;
+}
+const TREE_SHAKE_COOKIE_STRATEGY_USED = true;
+const TREE_SHAKE_URL_STRATEGY_USED = false;
+const TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED = true;
+const TREE_SHAKE_PREFERRED_LANGUAGE_STRATEGY_USED = false;
+const TREE_SHAKE_DEFAULT_URL_PATTERN_USED = true;
+const TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED = false;
+
+/** @type {any} */ (globalThis).__paraglide =
+	/** @type {any} */ (globalThis).__paraglide ?? {};
+/** @type {any} */ (globalThis).__paraglide.ssr =
+	/** @type {any} */ (globalThis).__paraglide.ssr ?? {};
+
+/**
+ * This is a fallback to get started with a custom
+ * strategy and avoid type errors.
+ *
+ * The implementation is overwritten
+ * by `overwriteGetLocale()` and `defineSetLocale()`.
+ *
+ * @type {Locale | undefined}
+ */
+let _locale;
+let localeInitiallySet = false;
+/**
+ * Get the current locale.
+ *
+ * The locale is resolved using your configured strategies (URL, cookie, localStorage, etc.)
+ * in the order they are defined. In SSR contexts, the locale is retrieved from AsyncLocalStorage
+ * which is set by the `paraglideMiddleware()`.
+ *
+ * @see https://inlang.com/m/gerre34r/library-inlang-paraglideJs/strategy - Configure locale detection strategies
+ *
+ * @example
+ *   if (getLocale() === 'de') {
+ *     console.log('Germany 🇩🇪');
+ *   } else if (getLocale() === 'nl') {
+ *     console.log('Netherlands 🇳🇱');
+ *   }
+ *
+ * @returns {Locale} The current locale.
+ */
+export let getLocale = () => {
+    if (experimentalStaticLocale !== undefined) {
+        return experimentalStaticLocale;
+    }
+    // if running in a server-side rendering context
+    // retrieve the locale from the async local storage
+    if (serverAsyncLocalStorage) {
+        const locale = serverAsyncLocalStorage?.getStore()?.locale;
+        if (locale) {
+            return locale;
+        }
+    }
+    let strategyToUse = strategy;
+    if (!isServer && typeof window !== "undefined" && window.location?.href) {
+        strategyToUse = getStrategyForUrl(window.location.href);
+    }
+    const resolved = resolveLocaleWithStrategies(strategyToUse, typeof window !== "undefined" ? window.location?.href : undefined);
+    if (resolved) {
+        if (!localeInitiallySet) {
+            _locale = resolved;
+            // https://github.com/opral/inlang-paraglide-js/issues/455
+            localeInitiallySet = true;
+            setLocale(resolved, { reload: false });
+        }
+        return resolved;
+    }
+    throw new Error("No locale found. Read the docs https://inlang.com/m/gerre34r/library-inlang-paraglideJs/errors#no-locale-found");
+};
+/**
+ * Resolve locale for a given URL using route-aware strategies.
+ *
+ * @param {string | URL} url
+ * @returns {Locale}
+ */
+export function getLocaleForUrl(url) {
+    if (experimentalStaticLocale !== undefined) {
+        return experimentalStaticLocale;
+    }
+    const strategyToUse = getStrategyForUrl(url);
+    const resolved = resolveLocaleWithStrategies(strategyToUse, typeof url === "string" ? url : url.href);
+    if (resolved) {
+        return resolved;
+    }
+    throw new Error("No locale found. Read the docs https://inlang.com/m/gerre34r/library-inlang-paraglideJs/errors#no-locale-found");
+}
+/**
+ * @param {typeof strategy} strategyToUse
+ * @param {string | undefined} urlForUrlStrategy
+ * @returns {Locale | undefined}
+ */
+function resolveLocaleWithStrategies(strategyToUse, urlForUrlStrategy) {
+    /** @type {string | undefined} */
+    let locale;
+    for (const strat of strategyToUse) {
+        if (TREE_SHAKE_COOKIE_STRATEGY_USED && strat === "cookie") {
+            locale = extractLocaleFromCookie();
+        }
+        else if (strat === "baseLocale") {
+            locale = baseLocale;
+        }
+        else if (TREE_SHAKE_URL_STRATEGY_USED &&
+            strat === "url" &&
+            !isServer &&
+            typeof urlForUrlStrategy === "string") {
+            locale = extractLocaleFromUrl(urlForUrlStrategy);
+        }
+        else if (TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED &&
+            strat === "globalVariable" &&
+            _locale !== undefined) {
+            locale = _locale;
+        }
+        else if (TREE_SHAKE_PREFERRED_LANGUAGE_STRATEGY_USED &&
+            strat === "preferredLanguage" &&
+            !isServer) {
+            locale = extractLocaleFromNavigator();
+        }
+        else if (TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED &&
+            strat === "localStorage" &&
+            !isServer) {
+            locale = localStorage.getItem(localStorageKey) ?? undefined;
+        }
+        else if (isCustomStrategy(strat) && customClientStrategies.has(strat)) {
+            const handler = customClientStrategies.get(strat);
+            if (handler) {
+                const result = handler.getLocale();
+                // Handle both sync and async results - skip async in sync getLocale
+                if (result instanceof Promise) {
+                    // Can't await in sync function, skip async strategies
+                    continue;
+                }
+                if (result !== undefined) {
+                    return assertIsLocale(result);
+                }
+            }
+        }
+        const matchedLocale = toLocale(locale);
+        if (matchedLocale) {
+            return matchedLocale;
+        }
+    }
+    return undefined;
+}
+/**
+ * Overwrite the `getLocale()` function.
+ *
+ * Use this function to overwrite how the locale is resolved. This is useful
+ * for custom locale resolution or advanced use cases like SSG with concurrent rendering.
+ *
+ * @see https://inlang.com/m/gerre34r/library-inlang-paraglideJs/strategy
+ *
+ * @example
+ *   overwriteGetLocale(() => {
+ *     return Cookies.get('locale') ?? baseLocale
+ *   });
+ *
+ * @param {() => Locale} fn - The new implementation for `getLocale()`.
+ */
+export const overwriteGetLocale = (fn) => {
+    getLocale = fn;
+};
+
+const rtlLanguages = new Set([
+    "ar",
+    "dv",
+    "fa",
+    "he",
+    "ks",
+    "ku",
+    "ps",
+    "sd",
+    "ug",
+    "ur",
+    "yi",
+]);
+/**
+ * Get writing direction for a locale.
+ *
+ * Uses `Intl.Locale` text info when available and falls back to a
+ * language-based RTL check for runtimes without `getTextInfo()`.
+ *
+ * @example
+ *   getTextDirection(); // "ltr" or "rtl" for current locale
+ *   getTextDirection("ar"); // "rtl"
+ *   getTextDirection("en"); // "ltr"
+ *
+ * @param {string} [locale] - Target locale. If not provided, uses `getLocale()`
+ * @returns {"ltr" | "rtl"}
+ */
+export function getTextDirection(locale = getLocale()) {
+    try {
+        const intlLocale = /** @type {Intl.Locale & {
+            getTextInfo?: () => { direction?: string };
+            textInfo?: { direction?: string };
+        }} */ (new Intl.Locale(locale));
+        const direction = intlLocale.getTextInfo?.().direction ?? intlLocale.textInfo?.direction;
+        if (direction === "ltr" || direction === "rtl") {
+            return direction;
+        }
+    }
+    catch {
+        // Ignore Intl.Locale parsing/runtime errors and use fallback below.
+    }
+    const language = locale.split("-")[0]?.toLowerCase();
+    return rtlLanguages.has(language ?? "") ? "rtl" : "ltr";
+}
+
+/**
+ * Navigates to the localized URL, or reloads the current page
+ *
+ * @param {string} [newLocation] The new location
+ */
+const navigateOrReload = (newLocation) => {
+    if (newLocation) {
+        // reload the page by navigating to the new url
+        window.location.href = newLocation;
+    }
+    else {
+        // reload the page to reflect the new locale
+        window.location.reload();
+    }
+};
+/**
+ * @typedef {(newLocale: Locale, options?: { reload?: boolean }) => void | Promise<void>} SetLocaleFn
+ */
+/**
+ * Set the locale.
+ *
+ * Updates the locale using your configured strategies (cookie, localStorage, URL, etc.).
+ * By default, this reloads the page on the client to reflect the new locale. Reloading
+ * can be disabled by passing `reload: false` as an option, but you'll need to ensure
+ * the UI updates to reflect the new locale.
+ *
+ * If any custom strategy's `setLocale` function is async, then this function
+ * will become async as well.
+ *
+ * @see https://inlang.com/m/gerre34r/library-inlang-paraglideJs/strategy
+ *
+ * @example
+ *   setLocale('en');
+ *
+ * @example
+ *   setLocale('en', { reload: false });
+ *
+ * @type {SetLocaleFn}
+ */
+export let setLocale = (newLocale, options) => {
+    const optionsWithDefaults = {
+        reload: true,
+        ...options,
+    };
+    // locale is already set
+    // https://github.com/opral/inlang-paraglide-js/issues/430
+    /** @type {Locale | undefined} */
+    let currentLocale;
+    try {
+        currentLocale = getLocale();
+    }
+    catch {
+        // do nothing, no locale has been set yet.
+    }
+    /** @type {Array<Promise<void>>} */
+    const customSetLocalePromises = [];
+    /** @type {string | undefined} */
+    let newLocation = undefined;
+    let strategyToUse = strategy;
+    if (!isServer && typeof window !== "undefined" && window.location?.href) {
+        strategyToUse = getStrategyForUrl(window.location.href);
+    }
+    for (const strat of strategyToUse) {
+        if (TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED &&
+            strat === "globalVariable") {
+            // a default for a custom strategy to get started quickly
+            // is likely overwritten by `defineSetLocale()`
+            _locale = newLocale;
+        }
+        else if (TREE_SHAKE_COOKIE_STRATEGY_USED && strat === "cookie") {
+            if (isServer ||
+                typeof document === "undefined" ||
+                typeof window === "undefined") {
+                continue;
+            }
+            // set the cookie
+            const cookieString = `${cookieName}=${newLocale}; path=/; max-age=${cookieMaxAge}`;
+            document.cookie = cookieDomain
+                ? `${cookieString}; domain=${cookieDomain}`
+                : cookieString;
+        }
+        else if (strat === "baseLocale") {
+            // nothing to be set here. baseLocale is only a fallback
+            continue;
+        }
+        else if (TREE_SHAKE_URL_STRATEGY_USED &&
+            strat === "url" &&
+            typeof window !== "undefined") {
+            // route to the new url
+            //
+            // this triggers a page reload but a user rarely
+            // switches locales, so this should be fine.
+            //
+            // if the behavior is not desired, the implementation
+            // can be overwritten by `defineSetLocale()` to avoid
+            // a full page reload.
+            newLocation = localizeUrl(window.location.href, {
+                locale: newLocale,
+            }).href;
+        }
+        else if (TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED &&
+            strat === "localStorage" &&
+            typeof window !== "undefined") {
+            // set the localStorage
+            localStorage.setItem(localStorageKey, newLocale);
+        }
+        else if (isCustomStrategy(strat) && customClientStrategies.has(strat)) {
+            const handler = customClientStrategies.get(strat);
+            if (handler) {
+                let result = handler.setLocale(newLocale);
+                // Handle async setLocale
+                if (result instanceof Promise) {
+                    result = result.catch((error) => {
+                        throw new Error(`Custom strategy "${strat}" setLocale failed.`, {
+                            cause: error,
+                        });
+                    });
+                    customSetLocalePromises.push(result);
+                }
+            }
+        }
+    }
+    const runReload = () => {
+        if (!isServer &&
+            optionsWithDefaults.reload &&
+            window.location &&
+            newLocale !== currentLocale) {
+            navigateOrReload(newLocation);
+        }
+    };
+    if (customSetLocalePromises.length) {
+        return Promise.all(customSetLocalePromises).then(() => {
+            runReload();
+        });
+    }
+    runReload();
+    return;
+};
+/**
+ * Overwrite the `setLocale()` function.
+ *
+ * Use this function to overwrite how the locale is set. For example,
+ * modify a cookie, env variable, or a user's preference.
+ *
+ * @example
+ *   overwriteSetLocale((newLocale) => {
+ *     // set the locale in a cookie
+ *     return Cookies.set('locale', newLocale)
+ *   });
+ *
+ * @param {SetLocaleFn} fn
+ */
+export const overwriteSetLocale = (fn) => {
+    setLocale = fn;
+};
+
+/**
+ * The origin of the current URL.
+ *
+ * Defaults to "http://y.com" in non-browser environments. If this
+ * behavior is not desired, the implementation can be overwritten
+ * by `overwriteGetUrlOrigin()`.
+ *
+ * @type {() => string}
+ */
+export let getUrlOrigin = () => {
+    if (serverAsyncLocalStorage) {
+        return serverAsyncLocalStorage.getStore()?.origin ?? "http://fallback.com";
+    }
+    else if (typeof window !== "undefined") {
+        return window.location.origin;
+    }
+    return "http://fallback.com";
+};
+/**
+ * Overwrite the getUrlOrigin function.
+ *
+ * Use this function in server environments to
+ * define how the URL origin is resolved.
+ *
+ * @param {() => string} fn - The new implementation for `getUrlOrigin()`.
+ */
+export let overwriteGetUrlOrigin = (fn) => {
+    getUrlOrigin = fn;
+};
+
+/**
+ * Coerces a locale-like string to the canonical locale value used by the runtime.
+ *
+ * @param {unknown} value
+ * @returns {Locale | undefined}
+ */
+export function toLocale(value) {
+    if (typeof value !== "string") {
+        return undefined;
+    }
+    const lowerValue = value.toLowerCase();
+    for (const locale of locales) {
+        if (locale.toLowerCase() === lowerValue) {
+            return locale;
+        }
+    }
+    return undefined;
+}
+/**
+ * Check if something is an available locale with the canonical project casing.
+ *
+ * @example
+ *   if (isLocale(params.locale)) {
+ *     setLocale(params.locale);
+ *   } else {
+ *     setLocale('en');
+ *   }
+ *
+ * Use `toLocale()` when you want case-insensitive matching and canonicalization.
+ *
+ * @param {unknown} locale
+ * @returns {locale is Locale}
+ */
+export function isLocale(locale) {
+    return !!locale && locales.some((item) => item === locale);
+}
+/**
+ * Asserts that the input can be normalized to a locale.
+ *
+ * @param {unknown} input - The input to check.
+ * @returns {Locale} The input normalized to a Locale.
+ * @throws {Error} If the input is not a locale.
+ */
+export function assertIsLocale(input) {
+    const locale = toLocale(input);
+    if (locale)
+        return locale;
+    throw new Error(`Invalid locale: ${input}. Expected one of: ${locales.join(", ")}`);
+}
+
+/**
+ * Extracts a locale from a request.
+ *
+ * Use the function on the server to extract the locale
+ * from a request.
+ *
+ * The function goes through the strategies in the order
+ * they are defined. If a strategy returns an invalid locale,
+ * it will fall back to the next strategy.
+ *
+ * Note: Custom server strategies are not supported in this synchronous version.
+ * Use `extractLocaleFromRequestAsync` if you need custom server strategies with async getLocale methods.
+ *
+ * @example
+ *   const locale = extractLocaleFromRequest(request);
+ *
+ * @param {Request} request
+ * @returns {Locale}
+ */
+export const extractLocaleFromRequest = (request) => {
+    return extractLocaleFromRequestWithStrategies(request, getStrategyForUrl(request.url));
+};
+/**
+ * Extracts a locale from a request using the provided strategy order.
+ *
+ * @param {Request} request
+ * @param {typeof strategy} strategies
+ * @returns {Locale}
+ */
+export const extractLocaleFromRequestWithStrategies = (request, strategies) => {
+    /** @type {string|undefined} */
+    let locale;
+    for (const strat of strategies) {
+        if (TREE_SHAKE_COOKIE_STRATEGY_USED && strat === "cookie") {
+            locale = request.headers
+                .get("cookie")
+                ?.split("; ")
+                .find((c) => c.startsWith(cookieName + "="))
+                ?.split("=")[1];
+        }
+        else if (TREE_SHAKE_URL_STRATEGY_USED && strat === "url") {
+            locale = extractLocaleFromUrl(request.url);
+        }
+        else if (TREE_SHAKE_PREFERRED_LANGUAGE_STRATEGY_USED &&
+            strat === "preferredLanguage") {
+            locale = extractLocaleFromHeader(request);
+        }
+        else if (strat === "globalVariable") {
+            locale = _locale;
+        }
+        else if (strat === "baseLocale") {
+            return baseLocale;
+        }
+        else if (strat === "localStorage") {
+            continue;
+        }
+        else if (isCustomStrategy(strat)) {
+            // Custom strategies are not supported in sync version
+            // Use extractLocaleFromRequestAsync for custom server strategies
+            continue;
+        }
+        const matchedLocale = toLocale(locale);
+        if (matchedLocale) {
+            return matchedLocale;
+        }
+    }
+    throw new Error("No locale found. There is an error in your strategy. Try adding 'baseLocale' as the very last strategy. Read more here https://inlang.com/m/gerre34r/library-inlang-paraglideJs/errors#no-locale-found");
+};
+
+/**
+ * Asynchronously extracts a locale from a request.
+ *
+ * This function supports async custom server strategies, unlike the synchronous
+ * `extractLocaleFromRequest`. Use this function when you have custom server strategies
+ * that need to perform asynchronous operations (like database calls) in their getLocale method.
+ *
+ * The function first processes any custom server strategies asynchronously, then falls back
+ * to the synchronous `extractLocaleFromRequest` for all other strategies.
+ *
+ * @see {@link https://github.com/opral/inlang-paraglide-js/issues/527#issuecomment-2978151022}
+ *
+ * @example
+ *   // Basic usage
+ *   const locale = await extractLocaleFromRequestAsync(request);
+ *
+ * @example
+ *   // With custom async server strategy
+ *   defineCustomServerStrategy("custom-database", {
+ *     getLocale: async (request) => {
+ *       const userId = extractUserIdFromRequest(request);
+ *       return await getUserLocaleFromDatabase(userId);
+ *     }
+ *   });
+ *
+ *   const locale = await extractLocaleFromRequestAsync(request);
+ *
+ * @param {Request} request - The request object to extract the locale from.
+ * @returns {Promise<Locale>} The extracted locale.
+ */
+export const extractLocaleFromRequestAsync = async (request) => {
+    /** @type {string|undefined} */
+    let locale;
+    const strategy = getStrategyForUrl(request.url);
+    // Process custom strategies first, in order
+    for (const strat of strategy) {
+        if (isCustomStrategy(strat) && customServerStrategies.has(strat)) {
+            const handler = customServerStrategies.get(strat);
+            if (handler) {
+                /** @type {string|undefined} */
+                locale = await handler.getLocale(request);
+            }
+            // If we got a valid locale from this custom strategy, use it
+            const matchedLocale = toLocale(locale);
+            if (matchedLocale) {
+                return matchedLocale;
+            }
+        }
+    }
+    // If no custom strategy provided a valid locale, fall back to sync version
+    return extractLocaleFromRequestWithStrategies(request, strategy);
+};
+
+/**
+ * Extracts a cookie from the document.
+ *
+ * Will return undefined if the document is not available or if the cookie is not set.
+ * The `document` object is not available in server-side rendering, so this function should not be called in that context.
+ *
+ * @returns {Locale | undefined}
+ */
+export function extractLocaleFromCookie() {
+    if (typeof document === "undefined" || !document.cookie) {
+        return;
+    }
+    const match = document.cookie.match(new RegExp(`(^| )${cookieName}=([^;]+)`));
+    const locale = match?.[2];
+    return toLocale(locale);
+}
+
+/**
+ * Extracts a locale from the accept-language header.
+ *
+ * Use the function on the server to extract the locale
+ * from the accept-language header that is sent by the client.
+ *
+ * @example
+ *   const locale = extractLocaleFromHeader(request);
+ *
+ * @param {Request} request - The request object to extract the locale from.
+ * @returns {Locale | undefined} The negotiated preferred language.
+ */
+export function extractLocaleFromHeader(request) {
+    const acceptLanguageHeader = request.headers.get("accept-language");
+    if (acceptLanguageHeader) {
+        // Parse language preferences with their q-values and base language codes
+        const languages = acceptLanguageHeader
+            .split(",")
+            .map((lang) => {
+            const [tag, q = "1"] = lang.trim().split(";q=");
+            // Get both the full tag and base language code
+            const baseTag = tag?.split("-")[0];
+            return {
+                fullTag: tag,
+                baseTag,
+                q: Number(q),
+            };
+        })
+            .sort((a, b) => b.q - a.q);
+        for (const lang of languages) {
+            const fullLocale = toLocale(lang.fullTag);
+            if (fullLocale) {
+                return fullLocale;
+            }
+            const baseLocale = toLocale(lang.baseTag);
+            if (baseLocale) {
+                return baseLocale;
+            }
+        }
+        return undefined;
+    }
+    return undefined;
+}
+
+/**
+ * Negotiates a preferred language from navigator.languages.
+ *
+ * Use the function on the client to extract the locale
+ * from the navigator.languages array.
+ *
+ * @example
+ *   const locale = extractLocaleFromNavigator();
+ *
+ * @returns {Locale | undefined}
+ */
+export function extractLocaleFromNavigator() {
+    if (!navigator?.languages?.length) {
+        return undefined;
+    }
+    const languages = navigator.languages.map((lang) => ({
+        fullTag: lang,
+        baseTag: lang.split("-")[0],
+    }));
+    for (const lang of languages) {
+        const fullLocale = toLocale(lang.fullTag);
+        if (fullLocale) {
+            return fullLocale;
+        }
+        const baseLocale = toLocale(lang.baseTag);
+        if (baseLocale) {
+            return baseLocale;
+        }
+    }
+    return undefined;
+}
+
+/**
+ * If extractLocaleFromUrl is called many times on the same page and the URL
+ * hasn't changed, we don't need to recompute it every time which can get expensive.
+ * We might use a LRU cache if needed, but for now storing only the last result is enough.
+ * https://github.com/opral/monorepo/pull/3575#discussion_r2066731243
+ */
+/** @type {string|undefined} */
+let cachedUrl;
+/** @type {Locale|undefined} */
+let cachedLocale;
+/**
+ * Extracts the locale from a given URL using native URLPattern.
+ *
+ * The built-in default `/:locale/...` routing is case-insensitive because it
+ * canonicalizes the first path segment with `toLocale()`. Custom `urlPatterns`
+ * keep URLPattern's normal exact matching semantics for path segments.
+ *
+ * @param {URL|string} url - The full URL from which to extract the locale.
+ * @returns {Locale|undefined} The extracted locale, or undefined if no locale is found.
+ */
+export function extractLocaleFromUrl(url) {
+    const urlString = typeof url === "string" ? url : url.href;
+    if (cachedUrl === urlString) {
+        return cachedLocale;
+    }
+    /** @type {Locale | undefined} */
+    let result;
+    if (TREE_SHAKE_DEFAULT_URL_PATTERN_USED) {
+        result = defaultUrlPatternExtractLocale(url);
+    }
+    else {
+        const urlObj = typeof url === "string" ? new URL(url) : url;
+        // Iterate over URL patterns
+        for (const element of urlPatterns) {
+            for (const [locale, localizedPattern] of element.localized) {
+                const match = new URLPattern(localizedPattern, urlObj.href).exec(urlObj.href);
+                if (match) {
+                    result = locale;
+                    break;
+                }
+            }
+            if (result)
+                break;
+        }
+    }
+    cachedUrl = urlString;
+    cachedLocale = result;
+    return result;
+}
+/**
+ * https://github.com/opral/inlang-paraglide-js/issues/381
+ *
+ * @param {URL | string} url - The full URL from which to extract the locale.
+ * @returns {Locale | undefined} The extracted locale, or undefined if no locale is found.
+ */
+function defaultUrlPatternExtractLocale(url) {
+    const urlObj = new URL(url, "http://dummy.com");
+    const pathSegments = urlObj.pathname.split("/").filter(Boolean);
+    return toLocale(pathSegments[0]) || baseLocale;
+}
+
+/**
+ * Lower-level URL localization function, primarily used in server contexts.
+ *
+ * This function is designed for server-side usage where you need precise control
+ * over URL localization, such as in middleware or request handlers. It works with
+ * URL objects and always returns absolute URLs.
+ *
+ * For client-side UI components, use `localizeHref()` instead, which provides
+ * a more convenient API with relative paths and automatic locale detection.
+ *
+ * @see https://inlang.com/m/gerre34r/library-inlang-paraglideJs/i18n-routing
+ *
+ * @example
+ * ```typescript
+ * // Server middleware example
+ * app.use((req, res, next) => {
+ *   const url = new URL(req.url, `${req.protocol}://${req.headers.host}`);
+ *   const localized = localizeUrl(url, { locale: "de" });
+ *
+ *   if (localized.href !== url.href) {
+ *     return res.redirect(localized.href);
+ *   }
+ *   next();
+ * });
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Using with URL patterns
+ * const url = new URL("https://example.com/about");
+ * localizeUrl(url, { locale: "de" });
+ * // => URL("https://example.com/de/about")
+ *
+ * // Using with domain-based localization
+ * const url = new URL("https://example.com/store");
+ * localizeUrl(url, { locale: "de" });
+ * // => URL("https://de.example.com/store")
+ * ```
+ *
+ * @param {string | URL} url - The URL to localize. If string, must be absolute.
+ * @param {object} [options] - Options for localization
+ * @param {Locale} [options.locale] - Target locale. If not provided, uses getLocale()
+ * @returns {URL} The localized URL, always absolute
+ */
+export function localizeUrl(url, options) {
+    const targetLocale = options?.locale
+        ? assertIsLocale(options?.locale)
+        : getLocale();
+    if (TREE_SHAKE_DEFAULT_URL_PATTERN_USED) {
+        return localizeUrlDefaultPattern(url, targetLocale);
+    }
+    const urlObj = typeof url === "string" ? new URL(url) : url;
+    // Iterate over URL patterns
+    for (const element of urlPatterns) {
+        // match localized patterns
+        for (const [, localizedPattern] of element.localized) {
+            const match = new URLPattern(localizedPattern, urlObj.href).exec(urlObj.href);
+            if (!match) {
+                continue;
+            }
+            const targetPattern = element.localized.find(([locale]) => locale === targetLocale)?.[1];
+            if (!targetPattern) {
+                continue;
+            }
+            const localizedUrl = fillPattern(targetPattern, aggregateGroups(match), urlObj.origin);
+            return fillMissingUrlParts(localizedUrl, match);
+        }
+        const unlocalizedMatch = new URLPattern(element.pattern, urlObj.href).exec(urlObj.href);
+        if (unlocalizedMatch) {
+            const targetPattern = element.localized.find(([locale]) => locale === targetLocale)?.[1];
+            if (targetPattern) {
+                const localizedUrl = fillPattern(targetPattern, aggregateGroups(unlocalizedMatch), urlObj.origin);
+                return fillMissingUrlParts(localizedUrl, unlocalizedMatch);
+            }
+        }
+    }
+    // If no match found, return the original URL
+    return urlObj;
+}
+/**
+ * https://github.com/opral/inlang-paraglide-js/issues/381
+ *
+ * @param {string | URL} url
+ * @param {Locale} locale
+ * @returns {URL}
+ */
+function localizeUrlDefaultPattern(url, locale) {
+    const urlObj = typeof url === "string" ? new URL(url, getUrlOrigin()) : new URL(url);
+    const currentLocale = extractLocaleFromUrl(urlObj);
+    // If current locale matches target locale, no change needed
+    if (currentLocale === locale) {
+        return urlObj;
+    }
+    const pathSegments = urlObj.pathname.split("/").filter(Boolean);
+    // If current path starts with a locale, remove it
+    if (pathSegments.length > 0 && toLocale(pathSegments[0])) {
+        pathSegments.shift();
+    }
+    // For base locale, don't add prefix
+    if (locale === baseLocale) {
+        urlObj.pathname = "/" + pathSegments.join("/");
+    }
+    else {
+        // For other locales, add prefix
+        urlObj.pathname = "/" + locale + "/" + pathSegments.join("/");
+    }
+    return urlObj;
+}
+/**
+ * Low-level URL de-localization function, primarily used in server contexts.
+ *
+ * This function is designed for server-side usage where you need precise control
+ * over URL de-localization, such as in middleware or request handlers. It works with
+ * URL objects and always returns absolute URLs.
+ *
+ * For client-side UI components, use `deLocalizeHref()` instead, which provides
+ * a more convenient API with relative paths.
+ *
+ * @see https://inlang.com/m/gerre34r/library-inlang-paraglideJs/i18n-routing
+ *
+ * @example
+ * ```typescript
+ * // Server middleware example
+ * app.use((req, res, next) => {
+ *   const url = new URL(req.url, `${req.protocol}://${req.headers.host}`);
+ *   const baseUrl = deLocalizeUrl(url);
+ *
+ *   // Store the base URL for later use
+ *   req.baseUrl = baseUrl;
+ *   next();
+ * });
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Using with URL patterns
+ * const url = new URL("https://example.com/de/about");
+ * deLocalizeUrl(url); // => URL("https://example.com/about")
+ *
+ * // Using with domain-based localization
+ * const url = new URL("https://de.example.com/store");
+ * deLocalizeUrl(url); // => URL("https://example.com/store")
+ * ```
+ *
+ * @param {string | URL} url - The URL to de-localize. If string, must be absolute.
+ * @returns {URL} The de-localized URL, always absolute
+ */
+export function deLocalizeUrl(url) {
+    if (TREE_SHAKE_DEFAULT_URL_PATTERN_USED) {
+        return deLocalizeUrlDefaultPattern(url);
+    }
+    const urlObj = typeof url === "string" ? new URL(url) : url;
+    // Iterate over URL patterns
+    for (const element of urlPatterns) {
+        // Iterate over localized versions
+        for (const [, localizedPattern] of element.localized) {
+            const match = new URLPattern(localizedPattern, urlObj.href).exec(urlObj.href);
+            if (match) {
+                // Convert localized URL back to the base pattern
+                const groups = aggregateGroups(match);
+                const baseUrl = fillPattern(element.pattern, groups, urlObj.origin);
+                return fillMissingUrlParts(baseUrl, match);
+            }
+        }
+        // match unlocalized pattern
+        const unlocalizedMatch = new URLPattern(element.pattern, urlObj.href).exec(urlObj.href);
+        if (unlocalizedMatch) {
+            const baseUrl = fillPattern(element.pattern, aggregateGroups(unlocalizedMatch), urlObj.origin);
+            return fillMissingUrlParts(baseUrl, unlocalizedMatch);
+        }
+    }
+    // no match found return the original url
+    return urlObj;
+}
+/**
+ * De-localizes a URL using the default pattern (/:locale/*)
+ * @param {string|URL} url
+ * @returns {URL}
+ */
+function deLocalizeUrlDefaultPattern(url) {
+    const urlObj = typeof url === "string" ? new URL(url, getUrlOrigin()) : new URL(url);
+    const pathSegments = urlObj.pathname.split("/").filter(Boolean);
+    // If first segment is a locale, remove it
+    if (pathSegments.length > 0 && toLocale(pathSegments[0])) {
+        urlObj.pathname = "/" + pathSegments.slice(1).join("/");
+    }
+    return urlObj;
+}
+/**
+ * Takes matches of implicit wildcards in the UrlPattern (when a part is missing
+ * it is equal to '*') and adds them back to the result of fillPattern.
+ *
+ * At least protocol and hostname are required to create a valid URL inside fillPattern.
+ *
+ * @param {URL} url
+ * @param {any} match
+ * @returns {URL}
+ */
+function fillMissingUrlParts(url, match) {
+    if (match.protocol.groups["0"]) {
+        url.protocol = match.protocol.groups["0"] ?? "";
+    }
+    if (match.hostname.groups["0"]) {
+        url.hostname = match.hostname.groups["0"] ?? "";
+    }
+    if (match.username.groups["0"]) {
+        url.username = match.username.groups["0"] ?? "";
+    }
+    if (match.password.groups["0"]) {
+        url.password = match.password.groups["0"] ?? "";
+    }
+    if (match.port.groups["0"]) {
+        url.port = match.port.groups["0"] ?? "";
+    }
+    if (match.pathname.groups["0"]) {
+        url.pathname = match.pathname.groups["0"] ?? "";
+    }
+    if (match.search.groups["0"]) {
+        url.search = match.search.groups["0"] ?? "";
+    }
+    if (match.hash.groups["0"]) {
+        url.hash = match.hash.groups["0"] ?? "";
+    }
+    return url;
+}
+/**
+ * Fills a URL pattern with values for named groups, supporting all URLPattern-style modifiers.
+ *
+ * This function will eventually be replaced by https://github.com/whatwg/urlpattern/issues/73
+ *
+ * Matches:
+ * - :name        -> Simple
+ * - :name?       -> Optional
+ * - :name+       -> One or more
+ * - :name*       -> Zero or more
+ * - :name(...)   -> Regex group
+ * - {text}       -> Group delimiter
+ * - {text}?      -> Optional group delimiter
+ *
+ * If the value is `null`, the segment is removed.
+ *
+ * @param {string} pattern - The URL pattern containing named groups.
+ * @param {Record<string, string | null | undefined>} values - Object of values for named groups.
+ * @param {string} origin - Base URL to use for URL construction.
+ * @returns {URL} - The constructed URL with named groups filled.
+ */
+function fillPattern(pattern, values, origin) {
+    // Pre-process the pattern to handle explicit port numbers
+    // This detects patterns like "http://localhost:5173" and protects the port number
+    // from being interpreted as a parameter
+    let processedPattern = pattern.replace(/(https?:\/\/[^:/]+):(\d+)(\/|$)/g, (_, protocol, port, slash) => {
+        // Replace ":5173" with "#PORT-5173#" to protect it from parameter replacement
+        return `${protocol}#PORT-${port}#${slash}`;
+    });
+    // First, handle group delimiters with curly braces
+    let processedGroupDelimiters = processedPattern.replace(/\{([^{}]*)\}([?+*]?)/g, (_, content, modifier) => {
+        // For optional group delimiters
+        if (modifier === "?") {
+            // For optional groups, we'll include the content
+            return content;
+        }
+        // For non-optional group delimiters, always include the content
+        return content;
+    });
+    // Then handle named groups
+    let filled = processedGroupDelimiters.replace(/(\/?):([a-zA-Z0-9_]+)(\([^)]*\))?([?+*]?)/g, (_, slash, name, __, modifier) => {
+        const value = values[name];
+        if (value === null) {
+            // If value is null, remove the entire segment including the preceding slash
+            return "";
+        }
+        if (modifier === "?") {
+            // Optional segment
+            return value !== undefined ? `${slash}${value}` : "";
+        }
+        if (modifier === "+" || modifier === "*") {
+            // Repeatable segments
+            if (value === undefined && modifier === "+") {
+                throw new Error(`Missing value for "${name}" (one or more required)`);
+            }
+            return value ? `${slash}${value}` : "";
+        }
+        // Simple named group (no modifier)
+        if (value === undefined) {
+            throw new Error(`Missing value for "${name}"`);
+        }
+        return `${slash}${value}`;
+    });
+    // Restore port numbers
+    filled = filled.replace(/#PORT-(\d+)#/g, ":$1");
+    return new URL(filled, origin);
+}
+/**
+ * Aggregates named groups from various parts of the URLPattern match result.
+ *
+ *
+ * @param {any} match - The URLPattern match result object.
+ * @returns {Record<string, string | null | undefined>} An object containing all named groups from the match.
+ */
+export function aggregateGroups(match) {
+    return {
+        ...match.hash.groups,
+        ...match.hostname.groups,
+        ...match.password.groups,
+        ...match.pathname.groups,
+        ...match.port.groups,
+        ...match.protocol.groups,
+        ...match.search.groups,
+        ...match.username.groups,
+    };
+}
+
+/**
+ * @typedef {object} ShouldRedirectServerInput
+ * @property {Request} request
+ * @property {string | URL} [url]
+ * @property {Locale} [locale]
+ *
+ * @typedef {object} ShouldRedirectClientInput
+ * @property {undefined} [request]
+ * @property {string | URL} [url]
+ * @property {Locale} [locale]
+ *
+ * @typedef {ShouldRedirectServerInput | ShouldRedirectClientInput} ShouldRedirectInput
+ *
+ * @typedef {object} ShouldRedirectResult
+ * @property {boolean} shouldRedirect - Indicates whether the consumer should perform a redirect.
+ * @property {Locale} locale - Locale resolved using the configured strategies.
+ * @property {URL | undefined} redirectUrl - Destination URL when a redirect is required.
+ */
+/**
+ * Determines whether a redirect is required to align the current URL with the active locale.
+ *
+ * This helper mirrors the logic that powers `paraglideMiddleware`, but works in both server
+ * and client environments. It evaluates the configured strategies in order, computes the
+ * canonical localized URL, and reports when the current URL does not match.
+ *
+ * When called in the browser without arguments, the current `window.location.href` is used.
+ *
+ * @see https://inlang.com/m/gerre34r/library-inlang-paraglideJs/i18n-routing#client-side-redirects
+ *
+ * @example
+ * // Client side usage (e.g. TanStack Router beforeLoad hook)
+ * async function beforeLoad({ location }) {
+ *   const decision = await shouldRedirect({ url: location.href });
+ *
+ *   if (decision.shouldRedirect) {
+ *     throw redirect({ to: decision.redirectUrl.href });
+ *   }
+ * }
+ *
+ * @example
+ * // Server side usage with a Request
+ * export async function handle(request) {
+ *   const decision = await shouldRedirect({ request });
+ *
+ *   if (decision.shouldRedirect) {
+ *     return Response.redirect(decision.redirectUrl, 307);
+ *   }
+ *
+ *   return render(request, decision.locale);
+ * }
+ *
+ * @param {ShouldRedirectInput} [input]
+ * @returns {Promise<ShouldRedirectResult>}
+ */
+export async function shouldRedirect(input = {}) {
+    const currentUrl = resolveUrl(input);
+    const locale = await resolveLocale(input, currentUrl);
+    const strategy = getStrategyForUrl(currentUrl.href);
+    if (isExcludedByRouteStrategy(currentUrl.href) || !strategy.includes("url")) {
+        return { shouldRedirect: false, locale, redirectUrl: undefined };
+    }
+    const localizedUrl = localizeUrl(currentUrl.href, { locale });
+    const shouldRedirectToLocalizedUrl = normalizeUrl(localizedUrl.href) !== normalizeUrl(currentUrl.href);
+    return {
+        shouldRedirect: shouldRedirectToLocalizedUrl,
+        locale,
+        redirectUrl: shouldRedirectToLocalizedUrl ? localizedUrl : undefined,
+    };
+}
+/**
+ * Resolves the locale either from the provided input or by using the configured strategies.
+ *
+ * @param {ShouldRedirectInput} input
+ * @param {URL} currentUrl
+ * @returns {Promise<Locale>}
+ */
+async function resolveLocale(input, currentUrl) {
+    const locale = toLocale(input.locale);
+    if (locale) {
+        return locale;
+    }
+    if (input.request) {
+        return extractLocaleFromRequestAsync(input.request);
+    }
+    if (typeof input.url !== "undefined") {
+        return getLocaleForUrl(currentUrl.href);
+    }
+    return getLocale();
+}
+/**
+ * Resolves the current URL from the provided input or runtime context.
+ *
+ * @param {ShouldRedirectInput} input
+ * @returns {URL}
+ */
+function resolveUrl(input) {
+    if (input.request) {
+        return new URL(input.request.url);
+    }
+    if (input.url instanceof URL) {
+        return new URL(input.url.href);
+    }
+    if (typeof input.url === "string") {
+        return new URL(input.url, getUrlOrigin());
+    }
+    if (typeof window !== "undefined" && window?.location?.href) {
+        return new URL(window.location.href);
+    }
+    throw new Error("shouldRedirect() requires either a request, an absolute URL, or must run in a browser environment.");
+}
+/**
+ * Normalize url for comparison by stripping the trailing slash.
+ *
+ * @param {string} url
+ * @returns {string}
+ */
+function normalizeUrl(url) {
+    const urlObj = new URL(url);
+    urlObj.pathname = urlObj.pathname.replace(/\/$/, "");
+    return urlObj.href;
+}
+
+/**
+ * High-level URL localization function optimized for client-side UI usage.
+ *
+ * This is a convenience wrapper around `localizeUrl()` that provides features
+ * needed in UI:
+ *
+ * - Accepts relative paths (e.g., "/about")
+ * - Returns relative paths when possible
+ * - Automatically detects current locale if not specified
+ * - Handles string input/output instead of URL objects
+ *
+ * @see https://inlang.com/m/gerre34r/library-inlang-paraglideJs/i18n-routing
+ *
+ * @example
+ * ```typescript
+ * // In a React/Vue/Svelte component
+ * const NavLink = ({ href }) => {
+ *   // Automatically uses current locale, keeps path relative
+ *   return <a href={localizeHref(href)}>...</a>;
+ * };
+ *
+ * // Examples:
+ * localizeHref("/about")
+ * // => "/de/about" (if current locale is "de")
+ * localizeHref("/store", { locale: "fr" })
+ * // => "/fr/store" (explicit locale)
+ *
+ * // Cross-origin links remain absolute
+ * localizeHref("https://other-site.com/about")
+ * // => "https://other-site.com/de/about"
+ * ```
+ *
+ * For server-side URL localization (e.g., in middleware), use `localizeUrl()`
+ * which provides more precise control over URL handling.
+ *
+ * @param {string} href - The href to localize (can be relative or absolute)
+ * @param {object} [options] - Options for localization
+ * @param {Locale} [options.locale] - Target locale. If not provided, uses `getLocale()`
+ * @returns {string} The localized href, relative if input was relative
+ */
+export function localizeHref(href, options) {
+    const currentLocale = getLocale();
+    const locale = options?.locale ?? currentLocale;
+    const url = new URL(href, getUrlOrigin());
+    const localized = localizeUrl(url, { locale });
+    // if the origin is identical and the href is relative,
+    // return the relative path
+    if (href.startsWith("/") && url.origin === localized.origin) {
+        // check for cross origin localization in which case an absolute URL must be returned.
+        if (locale !== currentLocale) {
+            const localizedCurrentLocale = localizeUrl(url, {
+                locale: currentLocale,
+            });
+            if (localizedCurrentLocale.origin !== localized.origin) {
+                return localized.href;
+            }
+        }
+        return localized.pathname + localized.search + localized.hash;
+    }
+    return localized.href;
+}
+/**
+ * High-level URL de-localization function optimized for client-side UI usage.
+ *
+ * This is a convenience wrapper around `deLocalizeUrl()` that provides features
+ * needed in the UI:
+ *
+ * - Accepts relative paths (e.g., "/de/about")
+ * - Returns relative paths when possible
+ * - Handles string input/output instead of URL objects
+ *
+ * @see https://inlang.com/m/gerre34r/library-inlang-paraglideJs/i18n-routing
+ *
+ * @example
+ * ```typescript
+ * // In a React/Vue/Svelte component
+ * const LocaleSwitcher = ({ href }) => {
+ *   // Remove locale prefix before switching
+ *   const baseHref = deLocalizeHref(href);
+ *   return locales.map(locale =>
+ *     <a href={localizeHref(baseHref, { locale })}>
+ *       Switch to {locale}
+ *     </a>
+ *   );
+ * };
+ *
+ * // Examples:
+ * deLocalizeHref("/de/about")  // => "/about"
+ * deLocalizeHref("/fr/store")  // => "/store"
+ *
+ * // Cross-origin links remain absolute
+ * deLocalizeHref("https://example.com/de/about")
+ * // => "https://example.com/about"
+ * ```
+ *
+ * For server-side URL de-localization (e.g., in middleware), use `deLocalizeUrl()`
+ * which provides more precise control over URL handling.
+ *
+ * @param {string} href - The href to de-localize (can be relative or absolute)
+ * @returns {string} The de-localized href, relative if input was relative
+ */
+export function deLocalizeHref(href) {
+    const url = new URL(href, getUrlOrigin());
+    const deLocalized = deLocalizeUrl(url);
+    // If the origin is identical and the href is relative,
+    // return the relative path instead of the full URL.
+    if (href.startsWith("/") && url.origin === deLocalized.origin) {
+        return deLocalized.pathname + deLocalized.search + deLocalized.hash;
+    }
+    return deLocalized.href;
+}
+
+/**
+ * @param {string} safeModuleId
+ * @param {Locale} locale
+ */
+export function trackMessageCall(safeModuleId, locale) {
+    if (isServer === false)
+        return;
+    const store = serverAsyncLocalStorage?.getStore();
+    if (store) {
+        store.messageCalls?.add(`${safeModuleId}:${locale}`);
+    }
+}
+
+/**
+ * Generates localized URL variants for all provided URLs based on your configured locales and URL patterns.
+ *
+ * This function is essential for Static Site Generation (SSG) where you need to tell your framework
+ * which pages to pre-render at build time. It's also useful for generating sitemaps and
+ * `<link rel="alternate" hreflang>` tags for SEO.
+ *
+ * The function respects your `urlPatterns` configuration - if you have translated pathnames
+ * (e.g., `/about` → `/ueber-uns` for German), it will generate the correct localized paths.
+ *
+ * @see https://inlang.com/m/gerre34r/library-inlang-paraglideJs/static-site-generation
+ *
+ * @example
+ * // Basic usage - generate all locale variants for a list of paths
+ * const localizedUrls = generateStaticLocalizedUrls([
+ *   "/",
+ *   "/about",
+ *   "/blog/post-1",
+ * ]);
+ * // Returns URL objects for each locale:
+ * // ["/en/", "/de/", "/en/about", "/de/about", "/en/blog/post-1", "/de/blog/post-1"]
+ *
+ * @example
+ * // Use with framework SSG APIs
+ * // SvelteKit
+ * export function entries() {
+ *   const paths = ["/", "/about", "/contact"];
+ *   return generateStaticLocalizedUrls(paths).map(url => ({
+ *     locale: extractLocaleFromUrl(url)
+ *   }));
+ * }
+ *
+ * @example
+ * // Sitemap generation
+ * const allPages = ["/", "/about", "/blog"];
+ * const sitemapUrls = generateStaticLocalizedUrls(allPages);
+ *
+ * @param {(string | URL)[]} urls - List of canonical URLs or paths to generate localized versions for.
+ *   Can be absolute URLs (`https://example.com/about`) or paths (`/about`).
+ *   Paths are resolved against `http://localhost` internally.
+ * @returns {URL[]} Array of URL objects representing all localized variants.
+ *   The order follows each input URL with all its locale variants before moving to the next URL.
+ */
+export function generateStaticLocalizedUrls(urls) {
+    /** @type {Set<URL>} */
+    const localizedUrls = new Set();
+    // For default URL pattern, we can optimize the generation
+    if (TREE_SHAKE_DEFAULT_URL_PATTERN_USED) {
+        for (const urlInput of urls) {
+            const url = urlInput instanceof URL
+                ? urlInput
+                : new URL(urlInput, "http://localhost");
+            // Base locale doesn't get a prefix
+            localizedUrls.add(url);
+            // Other locales get their code as prefix
+            for (const locale of locales) {
+                if (locale !== baseLocale) {
+                    const localizedPath = `/${locale}${url.pathname}${url.search}${url.hash}`;
+                    const localizedUrl = new URL(localizedPath, url.origin);
+                    localizedUrls.add(localizedUrl);
+                }
+            }
+        }
+        return Array.from(localizedUrls);
+    }
+    // For custom URL patterns, we need to use localizeUrl for each URL and locale
+    for (const urlInput of urls) {
+        const url = urlInput instanceof URL
+            ? urlInput
+            : new URL(urlInput, "http://localhost");
+        // Try each URL pattern to find one that matches
+        let patternFound = false;
+        for (const pattern of urlPatterns) {
+            try {
+                // Try to match the unlocalized pattern
+                const unlocalizedMatch = new URLPattern(pattern.pattern, url.href).exec(url.href);
+                if (!unlocalizedMatch)
+                    continue;
+                patternFound = true;
+                // Track unique localized URLs to avoid duplicates when patterns are the same
+                const seenUrls = new Set();
+                // Generate localized URL for each locale
+                for (const [locale] of pattern.localized) {
+                    try {
+                        const localizedUrl = localizeUrl(url, { locale });
+                        const urlString = localizedUrl.href;
+                        // Only add if we haven't seen this exact URL before
+                        if (!seenUrls.has(urlString)) {
+                            seenUrls.add(urlString);
+                            localizedUrls.add(localizedUrl);
+                        }
+                    }
+                    catch {
+                        // Skip if localization fails for this locale
+                        continue;
+                    }
+                }
+                break;
+            }
+            catch {
+                // Skip if pattern matching fails
+                continue;
+            }
+        }
+        // If no pattern matched, use the URL as is
+        if (!patternFound) {
+            localizedUrls.add(url);
+        }
+    }
+    return Array.from(localizedUrls);
+}
+
+/**
+ * @typedef {"cookie" | "baseLocale" | "globalVariable" | "url" | "preferredLanguage" | "localStorage"} BuiltInStrategy
+ */
+/**
+ * @typedef {`custom_${string}`} CustomStrategy
+ */
+/**
+ * @typedef {BuiltInStrategy | CustomStrategy} Strategy
+ */
+/**
+ * @typedef {Array<Strategy>} Strategies
+ */
+/**
+ * @typedef {{ getLocale: (request?: Request) => Promise<string | undefined> | (string | undefined) }} CustomServerStrategyHandler
+ */
+/**
+ * @typedef {{ getLocale: () => Promise<string|undefined> | (string | undefined), setLocale: (locale: string) => Promise<void> | void }} CustomClientStrategyHandler
+ */
+/** @type {Map<string, CustomServerStrategyHandler>} */
+export const customServerStrategies = new Map();
+/** @type {Map<string, CustomClientStrategyHandler>} */
+export const customClientStrategies = new Map();
+/**
+ * Checks if the given strategy is a custom strategy.
+ *
+ * @param {unknown} strategy The name of the custom strategy to validate.
+ * Must be a string that starts with "custom-" followed by alphanumeric characters, hyphens, or underscores.
+ * @returns {boolean} Returns true if it is a custom strategy, false otherwise.
+ */
+export function isCustomStrategy(strategy) {
+    return (typeof strategy === "string" && /^custom-[A-Za-z0-9_-]+$/.test(strategy));
+}
+/**
+ * Defines a custom strategy that is executed on the server.
+ *
+ * @see https://inlang.com/m/gerre34r/library-inlang-paraglideJs/strategy#write-your-own-strategy
+ *
+ * @param {string} strategy The name of the custom strategy to define. Must follow the pattern custom-name with alphanumeric characters, hyphens, or underscores.
+ * @param {CustomServerStrategyHandler} handler The handler for the custom strategy, which should implement
+ * the method getLocale.
+ * @returns {void}
+ */
+export function defineCustomServerStrategy(strategy, handler) {
+    if (!isCustomStrategy(strategy)) {
+        throw new Error(`Invalid custom strategy: "${strategy}". Must be a custom strategy following the pattern custom-name.`);
+    }
+    customServerStrategies.set(strategy, handler);
+}
+/**
+ * Defines a custom strategy that is executed on the client.
+ *
+ * @see https://inlang.com/m/gerre34r/library-inlang-paraglideJs/strategy#write-your-own-strategy
+ *
+ * @param {string} strategy The name of the custom strategy to define. Must follow the pattern custom-name with alphanumeric characters, hyphens, or underscores.
+ * @param {CustomClientStrategyHandler} handler The handler for the custom strategy, which should implement the
+ * methods getLocale and setLocale.
+ * @returns {void}
+ */
+export function defineCustomClientStrategy(strategy, handler) {
+    if (!isCustomStrategy(strategy)) {
+        throw new Error(`Invalid custom strategy: "${strategy}". Must be a custom strategy following the pattern custom-name.`);
+    }
+    customClientStrategies.set(strategy, handler);
+}
+
+// ------ TYPES ------
+export {};
+/**
+ * A locale that is available in the project.
+ *
+ * @example
+ *   setLocale(request.locale as Locale)
+ *
+ * @typedef {typeof locales[number]} Locale
+ */
+/**
+ * A branded type representing a localized string.
+ *
+ * Message functions return this type instead of \`string\`, enabling TypeScript
+ * to distinguish translated strings from regular strings at compile time.
+ * This allows you to enforce that only properly localized content is used
+ * in your UI components.
+ *
+ * Since \`LocalizedString\` is a branded subtype of \`string\`, it remains fully
+ * backward compatible—you can pass it anywhere a \`string\` is expected.
+ *
+ * @example
+ *   // Enforce localized strings in your components
+ *   function PageTitle(props: { title: LocalizedString }) {
+ *     return <h1>{props.title}</h1>
+ *   }
+ *
+ *   // ✅ Correct: using a message function
+ *   <PageTitle title={m.welcome_title()} />
+ *
+ *   // ❌ Type error: raw strings are not LocalizedString
+ *   <PageTitle title="Welcome" />
+ *
+ * @example
+ *   // LocalizedString is assignable to string (backward compatible)
+ *   const localized: LocalizedString = m.greeting()
+ *   const str: string = localized  // ✅ works fine
+ *
+ *   // But string is not assignable to LocalizedString
+ *   const raw: LocalizedString = "Hello"  // ❌ Type error
+ *
+ * @example
+ *   // Catches accidental string concatenation
+ *   function showMessage(msg: LocalizedString) { ... }
+ *
+ *   showMessage(m.hello())                    // ✅
+ *   showMessage("Hello " + userName)          // ❌ Type error
+ *   showMessage(m.hello_user({ name: userName }))  // ✅ use params instead
+ *
+ * @typedef {string & { readonly __brand: 'LocalizedString' }} LocalizedString
+ */
+/**
+ * A single markup option passed to a tag instance.
+ *
+ * @typedef {{
+ *   name: string;
+ *   value: unknown;
+ * }} MessageMarkupOption
+ */
+/**
+ * A single static markup attribute attached to a tag instance.
+ *
+ * @typedef {{
+ *   name: string;
+ *   value: string | true;
+ * }} MessageMarkupAttribute
+ */
+/**
+ * Record of markup options for a tag instance.
+ *
+ * @typedef {Record<string, unknown>} MessageMarkupOptions
+ */
+/**
+ * Record of markup attributes for a tag instance.
+ *
+ * @typedef {Record<string, string | true>} MessageMarkupAttributes
+ */
+/**
+ * Type-level schema for a single markup tag.
+ *
+ * @typedef {{
+ *   options: MessageMarkupOptions;
+ *   attributes: MessageMarkupAttributes;
+ *   children: boolean;
+ * }} MessageMarkupTag
+ */
+/**
+ * Type-level schema for all markup tags in a message.
+ *
+ * @typedef {Record<string, MessageMarkupTag>} MessageMarkupSchema
+ */
+/**
+ * Type-only metadata attached to compiled message functions.
+ *
+ * @template Inputs
+ * @template Options
+ * @template {MessageMarkupSchema} [Markup = MessageMarkupSchema]
+ * @typedef {{
+ *   readonly __paraglide?: {
+ *     inputs: Inputs;
+ *     options: Options;
+ *     markup: Markup;
+ *   };
+ * }} MessageMetadata
+ */
+/**
+ * A compiled, framework-neutral message part.
+ *
+ * @typedef {{
+ *   type: "text";
+ *   value: string;
+ * } | {
+ *   type: "markup-start";
+ *   name: string;
+ *   options: MessageMarkupOptions;
+ *   attributes: MessageMarkupAttributes;
+ * } | {
+ *   type: "markup-end";
+ *   name: string;
+ *   options: MessageMarkupOptions;
+ *   attributes: MessageMarkupAttributes;
+ * } | {
+ *   type: "markup-standalone";
+ *   name: string;
+ *   options: MessageMarkupOptions;
+ *   attributes: MessageMarkupAttributes;
+ * }} MessagePart
+ */
+/**
+ * A message function is a message for a specific locale.
+ *
+ * @example
+ *   m.hello({ name: 'world' })
+ *
+ * @typedef {(inputs?: Record<string, never>) => LocalizedString} MessageFunction
+ */
+/**
+ * A message bundle function that selects the message to be returned.
+ *
+ * Uses `getLocale()` under the hood to determine the locale with an option.
+ *
+ * @template {string} T
+ *
+ * @example
+ *   *   m.hello({ name: 'world' }, { locale: "en" })
+ *
+ * @typedef {(params: Record<string, never>, options: { locale: T }) => LocalizedString} MessageBundleFunction
+ */
diff --git a/ui/src/lib/paraglide/server.js b/ui/src/lib/paraglide/server.js
new file mode 100644
index 0000000..99f698f
--- /dev/null
+++ b/ui/src/lib/paraglide/server.js
@@ -0,0 +1,239 @@
+/* eslint-disable */
+
+import * as runtime from "./runtime.js";
+
+/**
+ * Server middleware that handles locale-based routing and request processing.
+ *
+ * Configure `disableAsyncLocalStorage` when generating Paraglide with
+ * `paraglideVitePlugin()` or `compile()`, not when calling
+ * `paraglideMiddleware()`. Keep AsyncLocalStorage enabled by default and
+ * only disable it for runtimes that lack `AsyncLocalStorage` support and
+ * guarantee request isolation.
+ *
+ * This middleware performs several key functions:
+ *
+ * 1. Determines the locale for the incoming request using configured strategies
+ * 2. Handles URL localization and redirects (only for document requests)
+ * 3. Maintains locale state using AsyncLocalStorage to prevent request interference
+ *
+ * When URL strategy is used:
+ *
+ * - The locale is extracted from the URL for all request types
+ * - If URL doesn't match the determined locale, redirects to localized URL (only for document requests)
+ * - De-localizes URLs before passing to server (e.g., `/fr/about` → `/about`)
+ *
+ * @see https://inlang.com/m/gerre34r/library-inlang-paraglideJs/middleware
+ *
+ * @template T - The return type of the resolve function
+ *
+ * @param {Request} request - The incoming request object
+ * @param {(args: { request: Request, locale: import("./runtime.js").Locale }) => T | Promise<T>} resolve - Function to handle the request. The callback receives:
+ *   - `request`: A modified request with a delocalized URL when the URL strategy is used (e.g., `/fr/about` → `/about`).
+ *      If your framework handles URL localization itself (e.g., TanStack Router's `rewrite` option), use the original
+ *      request instead to avoid redirect loops.
+ *   - `locale`: The determined locale for this request.
+ * @param {{ onRedirect:(response: Response) => void }} [callbacks] - Callbacks to handle events from middleware
+ * @returns {Promise<Response>}
+ *
+ * @example
+ * ```typescript
+ * // Basic usage in metaframeworks like NextJS, SvelteKit, Astro, Nuxt, etc.
+ * export const handle = async ({ event, resolve }) => {
+ *   return paraglideMiddleware(event.request, ({ request, locale }) => {
+ *     // let the framework further resolve the request
+ *     return resolve(request);
+ *   });
+ * };
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Usage in a framework like Express JS or Hono
+ * app.use(async (req, res, next) => {
+ *   const result = await paraglideMiddleware(req, ({ request, locale }) => {
+ *     // If a redirect happens this won't be called
+ *     return next(request);
+ *   });
+ * });
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Usage with frameworks that handle URL localization/delocalization themselves
+ * //
+ * // Some frameworks like TanStack Router handle URL localization and delocalization
+ * // themselves via their own rewrite APIs (e.g., `rewrite.input`/`rewrite.output`).
+ * //
+ * // When the framework handles this, the middleware's URL delocalization is not needed.
+ * // Using the modified `request` from the callback would cause a redirect loop because
+ * // both the middleware and the framework would attempt to delocalize the URL.
+ * //
+ * // Solution: Pass the original request to the handler instead of the modified one.
+ * // The middleware still handles locale detection, cookies, and AsyncLocalStorage context.
+ * //
+ * // ❌ WRONG - causes redirect loop when framework handles URL rewriting:
+ * // paraglideMiddleware(req, ({ request }) => handler.fetch(request))
+ * //
+ * // ✅ CORRECT - use original request when framework handles URL localization:
+ * // paraglideMiddleware(req, () => handler.fetch(req))
+ *
+ * * *
+ * export default {
+ *   fetch(req: Request): Promise<Response> {
+ *     // TanStack Router handles URL rewriting via deLocalizeUrl/localizeUrl
+ *     // so we pass the original `req` instead of the modified `request`
+ *     return paraglideMiddleware(req, () => handler.fetch(req))
+ *   },
+ * }
+ * ```
+ */
+export async function paraglideMiddleware(request, resolve, callbacks) {
+    if (!runtime.disableAsyncLocalStorage && !runtime.serverAsyncLocalStorage) {
+      const { AsyncLocalStorage } = await import("async_hooks");
+      runtime.overwriteServerAsyncLocalStorage(new AsyncLocalStorage());
+    } else if (!runtime.serverAsyncLocalStorage) {
+      runtime.overwriteServerAsyncLocalStorage(createMockAsyncLocalStorage());
+    }
+    if (runtime.isExcludedByRouteStrategy(request.url)) {
+        const locale = runtime.baseLocale;
+        const origin = new URL(request.url).origin;
+        const newRequest = cloneRequestWithFallback(request);
+        /** @type {Set<string>} */
+        const messageCalls = new Set();
+        return /** @type {Response} */ (await runtime.serverAsyncLocalStorage?.run({ locale, origin, messageCalls }, () => resolve({ locale, request: newRequest })));
+    }
+    const strategy = runtime.getStrategyForUrl(request.url);
+    const decision = await runtime.shouldRedirect({ request });
+    const locale = decision.locale;
+    const origin = new URL(request.url).origin;
+    // if the client makes a request to a URL that doesn't match
+    // the localizedUrl, redirect the client to the localized URL
+    if (request.headers.get("Sec-Fetch-Dest") === "document" &&
+        decision.shouldRedirect &&
+        decision.redirectUrl) {
+        // Create headers object with Vary header if preferredLanguage strategy is used
+        /** @type {Record<string, string>} */
+        const headers = {};
+        if (strategy.includes("preferredLanguage")) {
+            headers["Vary"] = "Accept-Language";
+        }
+        const response = new Response(null, {
+            status: 307,
+            headers: {
+                Location: decision.redirectUrl.href,
+                ...headers,
+            },
+        });
+        callbacks?.onRedirect(response);
+        return response;
+    }
+    // If the strategy includes "url", we need to de-localize the URL
+    // before passing it to the server middleware.
+    //
+    // The middleware is responsible for mapping a localized URL to the
+    // de-localized URL e.g. `/en/about` to `/about`. Otherwise,
+    // the server can't render the correct page.
+    let newRequest;
+    if (strategy.includes("url")) {
+        newRequest = new Request(runtime.deLocalizeUrl(request.url), request);
+    }
+    else {
+        newRequest = cloneRequestWithFallback(request);
+    }
+    // the message functions that have been called in this request
+    /** @type {Set<string>} */
+    const messageCalls = new Set();
+    const response = await runtime.serverAsyncLocalStorage?.run({ locale, origin, messageCalls }, () => resolve({ locale, request: newRequest }));
+    // Only modify HTML responses
+    if (runtime.experimentalMiddlewareLocaleSplitting &&
+        response.headers.get("Content-Type")?.includes("html")) {
+        const body = await response.text();
+        const messages = [];
+        // using .values() to avoid polyfilling in older projects. else the following error is thrown
+        // Type 'Set<string>' can only be iterated through when using the '--downlevelIteration' flag or with a '--target' of 'es2015' or higher.
+        for (const messageCall of Array.from(messageCalls)) {
+            const [id, locale] = 
+            /** @type {[string, import("./runtime.js").Locale]} */ (messageCall.split(":"));
+            messages.push(`${id}: ${compiledBundles[id]?.[locale]}`);
+        }
+        // Prevent translated content from terminating the inline script tag.
+        const escapedMessages = messages.join(",").replace(/<\/(script)/gi, "<\\/$1");
+        const script = `<script>globalThis.__paraglide = globalThis.__paraglide ?? {}; globalThis.__paraglide.ssr = { ${escapedMessages} }</script>`;
+        // Insert the script before the closing head tag
+        const newBody = body.replace("</head>", `${script}</head>`);
+        // Create a new response with the modified body
+        // Clone all headers except Content-Length which will be set automatically
+        const newHeaders = new Headers(response.headers);
+        newHeaders.delete("Content-Length"); // Let the browser calculate the correct length
+        return new Response(newBody, {
+            status: response.status,
+            statusText: response.statusText,
+            headers: newHeaders,
+        });
+    }
+    return response;
+}
+/**
+ * Some metaframeworks (NextJS) require a new Request object.
+ * https://github.com/opral/inlang-paraglide-js/issues/411
+ *
+ * However, some frameworks (TanStack Start 1.143+) use custom Request
+ * implementations that cannot be cloned with `new Request(request)`.
+ * https://github.com/opral/paraglide-js/issues/573
+ *
+ * @param {Request} request
+ * @returns {Request}
+ */
+function cloneRequestWithFallback(request) {
+    try {
+        // Clone first so building a new Request does not consume the original body stream.
+        return new Request(request.clone());
+    }
+    catch {
+        try {
+            return new Request(request);
+        }
+        catch {
+            return request;
+        }
+    }
+}
+/**
+ * Creates a mock AsyncLocalStorage implementation for environments where
+ * native AsyncLocalStorage is not available or disabled.
+ *
+ * This mock implementation mimics the behavior of the native AsyncLocalStorage
+ * but doesn't require the async_hooks module. It's used as a fallback when
+ * the runtime does not expose AsyncLocalStorage or when it has been disabled.
+ *
+ * @returns {import("./runtime.js").ParaglideAsyncLocalStorage}
+ */
+function createMockAsyncLocalStorage() {
+    /** @type {any} */
+    let currentStore = undefined;
+    return {
+        getStore() {
+            return currentStore;
+        },
+        async run(store, callback) {
+            currentStore = store;
+            try {
+                return await callback();
+            }
+            finally {
+                currentStore = undefined;
+            }
+        },
+    };
+}
+// Used in generated server.js when async local storage is disabled.
+void createMockAsyncLocalStorage;
+/**
+ * The compiled messages for the server middleware.
+ *
+ * Only populated if `enableMiddlewareOptimizations` is set to `true`.
+ *
+ * @type {Record<string, Record<import("./runtime.js").Locale, string>>}
+ */
+const compiledBundles = {};
diff --git a/ui/src/lib/server/cache.ts b/ui/src/lib/server/cache.ts
new file mode 100644
index 0000000..eeab2a6
--- /dev/null
+++ b/ui/src/lib/server/cache.ts
@@ -0,0 +1,73 @@
+/**
+ * Generic Valkey (Redis-compatible) cache.
+ *
+ * Reuses the same ioredis singleton from presignCache.ts but exposes a
+ * simple typed get/set/invalidate API for arbitrary JSON values.
+ *
+ * Usage:
+ *   const books = await cache.get<Book[]>('books:all');
+ *   await cache.set('books:all', books, 5 * 60);
+ *   await cache.invalidate('books:all');
+ */
+
+import Redis from 'ioredis';
+
+let _client: Redis | null = null;
+
+function client(): Redis {
+	if (!_client) {
+		const url = process.env.VALKEY_URL ?? 'redis://valkey:6379';
+		_client = new Redis(url, {
+			lazyConnect: false,
+			enableOfflineQueue: true,
+			maxRetriesPerRequest: 1,
+			connectTimeout: 1500
+		});
+		_client.on('error', (err: Error) => {
+			console.error('[cache] Valkey error:', err.message);
+		});
+	}
+	return _client;
+}
+
+/** Return the cached value for key, or null if absent / expired / error. */
+export async function get<T>(key: string): Promise<T | null> {
+	try {
+		const raw = await client().get(key);
+		if (!raw) return null;
+		return JSON.parse(raw) as T;
+	} catch {
+		return null;
+	}
+}
+
+/**
+ * Store a value under key for ttlSeconds seconds.
+ * Silently no-ops on Valkey errors so callers never crash.
+ */
+export async function set<T>(key: string, value: T, ttlSeconds: number): Promise<void> {
+	try {
+		await client().set(key, JSON.stringify(value), 'EX', ttlSeconds);
+	} catch {
+		// non-fatal
+	}
+}
+
+/** Delete a key immediately (e.g. after a write that invalidates it). */
+export async function invalidate(key: string): Promise<void> {
+	try {
+		await client().del(key);
+	} catch {
+		// non-fatal
+	}
+}
+
+/** Invalidate all keys matching a glob pattern (e.g. 'books:*'). */
+export async function invalidatePattern(pattern: string): Promise<void> {
+	try {
+		const keys = await client().keys(pattern);
+		if (keys.length > 0) await client().del(...keys);
+	} catch {
+		// non-fatal
+	}
+}
diff --git a/ui/src/lib/server/catalogue.ts b/ui/src/lib/server/catalogue.ts
new file mode 100644
index 0000000..7a1b644
--- /dev/null
+++ b/ui/src/lib/server/catalogue.ts
@@ -0,0 +1,71 @@
+/**
+ * Shared types and helpers for the /api/catalogue backend response.
+ *
+ * Imported by both:
+ *   - src/routes/catalogue/+page.server.ts  (SSR page load)
+ *   - src/routes/api/catalogue-page/+server.ts  (infinite-scroll proxy)
+ */
+
+/** Shape of a single book as returned by GET /api/catalogue on the Go backend. */
+export interface CatalogueBook {
+	slug: string;
+	title: string;
+	author: string;
+	cover: string;
+	status: string;
+	genres: string[];
+	summary: string;
+	total_chapters: number;
+	source_url: string;
+	ranking: number;
+	rating: number;
+}
+
+/** Facets returned alongside catalogue results for dynamic filter options. */
+export interface CatalogueFacets {
+	genres: string[];
+	statuses: string[];
+}
+
+/** Full response shape from GET /api/catalogue. */
+export interface CatalogueResponse {
+	books: CatalogueBook[];
+	page: number;
+	limit: number;
+	total: number;
+	has_next: boolean;
+	facets?: CatalogueFacets;
+}
+
+/** Normalised book shape consumed by the catalogue UI. */
+export interface NovelListing {
+	slug: string;
+	title: string;
+	cover: string;
+	rank: string;
+	rating: string;
+	chapters: string;
+	url: string;
+	// enriched fields
+	author?: string;
+	status?: string;
+	genres?: string[];
+	source_url?: string;
+}
+
+/** Convert a raw CatalogueBook into the UI NovelListing shape. */
+export function bookToListing(book: CatalogueBook): NovelListing {
+	return {
+		slug: book.slug,
+		title: book.title,
+		cover: book.cover,
+		rank: book.ranking > 0 ? `#${book.ranking}` : '',
+		rating: book.rating > 0 ? String(book.rating) : '',
+		chapters: book.total_chapters > 0 ? `${book.total_chapters} chapters` : '',
+		url: book.source_url ?? '',
+		author: book.author,
+		status: book.status,
+		genres: book.genres ?? [],
+		source_url: book.source_url
+	};
+}
diff --git a/ui/src/lib/server/logger.ts b/ui/src/lib/server/logger.ts
new file mode 100644
index 0000000..898559f
--- /dev/null
+++ b/ui/src/lib/server/logger.ts
@@ -0,0 +1,37 @@
+/**
+ * Structured server-side logger.
+ *
+ * Emits JSON lines to stderr so they appear in container/process logs without
+ * polluting stdout (which Node's HTTP layer uses for responses).
+ *
+ * Format mirrors Go's log/slog default JSON output:
+ *   {"time":"…","level":"ERROR","msg":"…","context":"pocketbase",...extra}
+ *
+ * Usage:
+ *   import { log } from '$lib/server/logger';
+ *   log.error('pocketbase', 'auth failed', { status: 401, url });
+ *   log.warn('minio', 'presign slow', { slug, n, ms: elapsed });
+ *   log.info('auth', 'user registered', { username });
+ */
+
+type Level = 'DEBUG' | 'INFO' | 'WARN' | 'ERROR';
+type Extra = Record<string, unknown>;
+
+function emit(level: Level, context: string, msg: string, extra?: Extra): void {
+	const entry: Record<string, unknown> = {
+		time: new Date().toISOString(),
+		level,
+		context,
+		msg,
+		...extra
+	};
+	// Write to stderr — never stdout
+	process.stderr.write(JSON.stringify(entry) + '\n');
+}
+
+export const log = {
+	debug: (context: string, msg: string, extra?: Extra) => emit('DEBUG', context, msg, extra),
+	info:  (context: string, msg: string, extra?: Extra) => emit('INFO',  context, msg, extra),
+	warn:  (context: string, msg: string, extra?: Extra) => emit('WARN',  context, msg, extra),
+	error: (context: string, msg: string, extra?: Extra) => emit('ERROR', context, msg, extra),
+};
diff --git a/ui/src/lib/server/minio.ts b/ui/src/lib/server/minio.ts
new file mode 100644
index 0000000..0eb494d
--- /dev/null
+++ b/ui/src/lib/server/minio.ts
@@ -0,0 +1,220 @@
+/**
+ * Server-side MinIO presign helper.
+ * Calls the backend API to get presigned URLs, then optionally rewrites
+ * the MinIO host to the public-facing URL for browser use.
+ *
+ * Never import this from client-side code.
+ */
+
+import { env as pubEnv } from '$env/dynamic/public';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+// Public MinIO URL — used to rewrite presigned URLs so the browser can reach MinIO directly.
+// In docker-compose this would differ from the internal endpoint.
+const MINIO_PUBLIC_URL = pubEnv.PUBLIC_MINIO_PUBLIC_URL ?? 'http://localhost:9000';
+
+// ─── Avatar helpers ───────────────────────────────────────────────────────────
+
+function extFromMime(mime: string): string {
+	if (mime.includes('png')) return 'png';
+	if (mime.includes('webp')) return 'webp';
+	if (mime.includes('gif')) return 'gif';
+	return 'jpg';
+}
+
+/**
+ * Returns a short-lived presigned PUT URL for uploading an avatar directly to MinIO,
+ * along with the object key to record in PocketBase after upload completes.
+ * Routed through the Go backend which holds MinIO credentials.
+ */
+export async function presignAvatarUploadUrl(userId: string, mimeType: string): Promise<{ uploadUrl: string; key: string }> {
+	const ext = extFromMime(mimeType);
+	const res = await backendFetch(`/api/presign/avatar-upload/${encodeURIComponent(userId)}?ext=${ext}`);
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		throw new Error(`presign avatar upload failed: ${res.status} ${body}`);
+	}
+	const data = (await res.json()) as { upload_url: string; key: string };
+	return { uploadUrl: data.upload_url, key: data.key };
+}
+
+/**
+ * Returns a presigned GET URL for a user's avatar from MinIO.
+ * Returns null if no avatar object exists in MinIO for this user.
+ */
+export async function presignAvatarUrl(userId: string): Promise<string | null> {
+	const res = await backendFetch(`/api/presign/avatar/${encodeURIComponent(userId)}`);
+	if (res.status === 404) return null;
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		throw new Error(`presign avatar failed: ${res.status} ${body}`);
+	}
+	const data = (await res.json()) as { url: string };
+	return data.url ? rewriteHost(data.url) : null;
+}
+
+/**
+ * Resolves the best available avatar URL for a user.
+ *
+ * Priority:
+ *   1. MinIO — if the user has uploaded a custom avatar it will be found here
+ *      (presigned, short-lived GET URL).
+ *   2. OAuth provider URL — stored in avatar_url when the account was created
+ *      via Google / GitHub OAuth (e.g. https://lh3.googleusercontent.com/...).
+ *      Returned as-is; the browser fetches it directly.
+ *
+ * Pass the raw `avatar_url` field from the PocketBase record as `storedValue`
+ * so this function can distinguish between a MinIO key and a remote URL without
+ * an extra DB round-trip.
+ *
+ * Returns null when neither source yields an avatar.
+ */
+export async function resolveAvatarUrl(
+	userId: string,
+	storedValue: string | null | undefined
+): Promise<string | null> {
+	// 1. Try MinIO first (custom upload takes priority over OAuth picture).
+	try {
+		const minioUrl = await presignAvatarUrl(userId);
+		if (minioUrl) return minioUrl;
+	} catch {
+		// MinIO unavailable — fall through to OAuth fallback.
+	}
+
+	// 2. Fall back to OAuth-provided picture URL if it looks like a remote URL.
+	if (storedValue && storedValue.startsWith('http')) {
+		return storedValue;
+	}
+
+	return null;
+}
+
+/**
+ * Rewrites the MinIO host in a presigned URL to the public-facing URL.
+ *
+ * The Go backend presigns URLs against its internal endpoint (e.g. minio:9000)
+ * when PUBLIC_MINIO_PUBLIC_URL is not set or equals the internal endpoint.
+ * In that case the browser must reach MinIO via the public URL (e.g.
+ * localhost:9000 in dev), so we swap the origin.
+ *
+ * NOTE: AWS Signature V4 DOES include the Host header in the canonical request
+ * (via X-Amz-SignedHeaders=host).  Rewriting the host here would break the
+ * signature.  This function is therefore only a no-op safety net — in
+ * production the Go backend is configured with MINIO_PUBLIC_ENDPOINT equal to
+ * the externally-reachable hostname, so presigned URLs already carry the right
+ * host and no rewrite is needed.
+ *
+ * For local dev: MINIO_PUBLIC_ENDPOINT=http://localhost:9000 and the backend
+ * presigns with localhost:9000 (the public client), so this rewrite is again
+ * a no-op (origins already match).
+ */
+function rewriteHost(presignedUrl: string): string {
+	try {
+		const u = new URL(presignedUrl);
+		const pub = new URL(MINIO_PUBLIC_URL);
+		// No-op if already pointing at the right origin.
+		if (u.protocol === pub.protocol && u.hostname === pub.hostname && u.port === pub.port) {
+			return presignedUrl;
+		}
+		u.protocol = pub.protocol;
+		u.hostname = pub.hostname;
+		u.port = pub.port;
+		return u.toString();
+	} catch {
+		return presignedUrl;
+	}
+}
+
+/**
+ * Returns a presigned URL for a chapter markdown file.
+ * URL is valid for ~15 minutes (set by the scraper).
+ *
+ * @param rewrite - if true, rewrites the MinIO host to PUBLIC_MINIO_PUBLIC_URL
+ *   (for browser use). Defaults to false — the server-side load function fetches
+ *   the URL directly from the internal MinIO endpoint.
+ */
+export async function presignChapter(slug: string, n: number, rewrite = false): Promise<string> {
+	log.debug('minio', 'presigning chapter', { slug, n });
+	let res: Response;
+	try {
+		res = await backendFetch(`/api/presign/chapter/${slug}/${n}`);
+	} catch (e) {
+		log.error('minio', 'presign chapter network error', { slug, n, err: String(e) });
+		throw new Error(`presign chapter ${slug}/${n}: network error`);
+	}
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('minio', 'presign chapter failed', { slug, n, status: res.status, body });
+		throw new Error(`presign chapter ${slug}/${n}: ${res.status}`);
+	}
+	const data = (await res.json()) as { url: string };
+	log.debug('minio', 'presign chapter ok', { slug, n });
+	return rewrite ? rewriteHost(data.url) : data.url;
+}
+
+/**
+ * Returns a presigned URL for a voice sample audio file.
+ * URL is valid for ~1 hour. The URL is returned to the browser for direct streaming.
+ * Throws with { status: 404 } when the sample has not been generated yet.
+ */
+export async function presignVoiceSample(voice: string): Promise<string> {
+	log.debug('minio', 'presigning voice sample', { voice });
+	let res: Response;
+	try {
+		res = await backendFetch(`/api/presign/voice-sample/${encodeURIComponent(voice)}`);
+	} catch (e) {
+		log.error('minio', 'presign voice sample network error', { voice, err: String(e) });
+		throw new Error(`presign voice sample ${voice}: network error`);
+	}
+	if (res.status === 404) {
+		const err = new Error(`presign voice sample ${voice}: not found`) as Error & { status: number };
+		err.status = 404;
+		throw err;
+	}
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('minio', 'presign voice sample failed', { voice, status: res.status, body });
+		throw new Error(`presign voice sample ${voice}: ${res.status}`);
+	}
+	const data = (await res.json()) as { url: string };
+	log.debug('minio', 'presign voice sample ok', { voice });
+	return rewriteHost(data.url);
+}
+
+/**
+ * Returns a presigned URL for an audio file.
+ * URL is valid for ~1 hour. The URL is returned to the browser for direct streaming.
+ * Throws with { status: 404 } when the audio object has not been generated yet.
+ */
+export async function presignAudio(
+	slug: string,
+	n: number,
+	voice?: string
+): Promise<string> {
+	const params = new URLSearchParams();
+	if (voice) params.set('voice', voice);
+	const qs = params.toString() ? `?${params.toString()}` : '';
+	log.debug('minio', 'presigning audio', { slug, n, voice });
+	let res: Response;
+	try {
+		res = await backendFetch(`/api/presign/audio/${slug}/${n}${qs}`);
+	} catch (e) {
+		log.error('minio', 'presign audio network error', { slug, n, err: String(e) });
+		throw new Error(`presign audio ${slug}/${n}: network error`);
+	}
+	if (res.status === 404) {
+		// Audio hasn't been generated / uploaded yet — caller should surface this as 404.
+		const err = new Error(`presign audio ${slug}/${n}: not found`) as Error & { status: number };
+		err.status = 404;
+		throw err;
+	}
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('minio', 'presign audio failed', { slug, n, status: res.status, body });
+		throw new Error(`presign audio ${slug}/${n}: ${res.status}`);
+	}
+	const data = (await res.json()) as { url: string };
+	log.debug('minio', 'presign audio ok', { slug, n });
+	return rewriteHost(data.url);
+}
diff --git a/ui/src/lib/server/pocketbase.ts b/ui/src/lib/server/pocketbase.ts
new file mode 100644
index 0000000..4c7159e
--- /dev/null
+++ b/ui/src/lib/server/pocketbase.ts
@@ -0,0 +1,2633 @@
+/**
+ * Server-side PocketBase client.
+ * Uses admin credentials — never import this from client-side code.
+ * All methods talk directly to PocketBase REST API.
+ */
+
+import { env } from '$env/dynamic/private';
+import { log } from '$lib/server/logger';
+import * as cache from '$lib/server/cache';
+
+const PB_URL = env.POCKETBASE_URL ?? 'http://localhost:8090';
+const PB_EMAIL = env.POCKETBASE_ADMIN_EMAIL ?? 'admin@libnovel.local';
+const PB_PASSWORD = env.POCKETBASE_ADMIN_PASSWORD ?? 'changeme123';
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+export interface AIJob {
+	id: string;
+	kind: string;
+	slug: string;
+	status: 'pending' | 'running' | 'done' | 'failed' | 'cancelled';
+	from_item: number;
+	to_item: number;
+	items_done: number;
+	items_total: number;
+	model: string;
+	payload: string;
+	error_message?: string;
+	started?: string;
+	finished?: string;
+	heartbeat_at?: string;
+}
+
+export interface Book {
+	id: string;
+	slug: string;
+	title: string;
+	author: string;
+	cover: string;
+	status: string;
+	genres: string[] | string;
+	summary: string;
+	total_chapters: number;
+	source_url: string;
+	ranking: number;
+	meta_updated: string;
+	archived?: boolean;
+	visibility?: string;
+	submitted_by?: string;
+}
+
+export interface ChapterIdx {
+	id: string;
+	slug: string;
+	number: number;
+	title: string;
+	date_label: string;
+}
+
+export interface Progress {
+	id?: string;
+	session_id: string;
+	user_id?: string;
+	slug: string;
+	chapter: number;
+	audio_time?: number;
+	updated: string;
+}
+
+export interface PBUserSettings {
+	id?: string;
+	session_id: string;
+	user_id?: string;
+	auto_next: boolean;
+	voice: string;
+	speed: number;
+	theme?: string;
+	locale?: string;
+	font_family?: string;
+	font_size?: number;
+	announce_chapter?: boolean;
+	audio_mode?: string;
+	updated?: string;
+}
+
+export interface User {
+	id: string;
+	username: string;
+	password_hash: string;
+	role: string;
+	created: string;
+	avatar_url?: string;
+	email?: string;
+	email_verified?: boolean;
+	verification_token?: string;
+	verification_token_exp?: string;
+	oauth_provider?: string;
+	oauth_id?: string;
+	polar_customer_id?: string;
+	polar_subscription_id?: string;
+	notify_new_chapters?: boolean;
+	notify_new_chapters_push?: boolean;
+}
+
+// ─── Auth token cache ─────────────────────────────────────────────────────────
+
+let _token = '';
+let _tokenExp = 0;
+
+async function getToken(forceRefresh = false): Promise<string> {
+	if (!forceRefresh && _token && Date.now() < _tokenExp) return _token;
+
+	log.debug('pocketbase', 'authenticating with admin credentials', { url: PB_URL, email: PB_EMAIL });
+
+	const res = await fetch(`${PB_URL}/api/collections/_superusers/auth-with-password`, {
+		method: 'POST',
+		headers: { 'Content-Type': 'application/json' },
+		body: JSON.stringify({ identity: PB_EMAIL, password: PB_PASSWORD })
+	});
+
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('pocketbase', 'admin auth failed', { status: res.status, url: PB_URL, body });
+		throw new Error(`PocketBase auth failed: ${res.status} — ${body}`);
+	}
+
+	const data = await res.json();
+	_token = data.token as string;
+	// PocketBase superuser tokens expire in ~1 hour by default.
+	// Cache for 50 minutes to stay safely within that window.
+	_tokenExp = Date.now() + 50 * 60 * 1000;
+	log.info('pocketbase', 'admin auth token refreshed', { url: PB_URL });
+	return _token;
+}
+
+// ─── Generic helpers ──────────────────────────────────────────────────────────
+
+async function pbGet<T>(path: string): Promise<T> {
+	const token = await getToken();
+	const res = await fetch(`${PB_URL}${path}`, {
+		headers: { Authorization: `Bearer ${token}` }
+	});
+	if (!res.ok) {
+		// On 401/403, the token may have expired on the PocketBase side even if
+		// our local TTL hasn't fired yet. Force a refresh and retry once.
+		if (res.status === 401 || res.status === 403) {
+			const freshToken = await getToken(true);
+			const retry = await fetch(`${PB_URL}${path}`, {
+				headers: { Authorization: `Bearer ${freshToken}` }
+			});
+			if (retry.ok) return retry.json() as Promise<T>;
+			const retryBody = await retry.text().catch(() => '');
+			log.error('pocketbase', 'GET failed', { path, status: retry.status, body: retryBody });
+			throw new Error(`PocketBase GET ${path} failed: ${retry.status} — ${retryBody}`);
+		}
+		const body = await res.text().catch(() => '');
+		log.error('pocketbase', 'GET failed', { path, status: res.status, body });
+		throw new Error(`PocketBase GET ${path} failed: ${res.status} — ${body}`);
+	}
+	return res.json() as Promise<T>;
+}
+
+async function pbPost(path: string, body: unknown): Promise<Response> {
+	const token = await getToken();
+	return fetch(`${PB_URL}${path}`, {
+		method: 'POST',
+		headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
+		body: JSON.stringify(body)
+	});
+}
+
+async function pbPatch(path: string, body: unknown): Promise<Response> {
+	const token = await getToken();
+	return fetch(`${PB_URL}${path}`, {
+		method: 'PATCH',
+		headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
+		body: JSON.stringify(body)
+	});
+}
+
+async function pbDelete(path: string): Promise<Response> {
+	const token = await getToken();
+	return fetch(`${PB_URL}${path}`, {
+		method: 'DELETE',
+		headers: { Authorization: `Bearer ${token}` }
+	});
+}
+
+interface PBList<T> {
+	items: T[];
+	totalItems: number;
+}
+
+async function listAll<T>(collection: string, filter = '', sort = ''): Promise<T[]> {
+	const perPage = 500;
+	const params = new URLSearchParams({ perPage: String(perPage), page: '1' });
+	if (filter) params.set('filter', filter);
+	if (sort) params.set('sort', sort);
+
+	const first = await pbGet<PBList<T>>(
+		`/api/collections/${collection}/records?${params.toString()}`
+	);
+	const items: T[] = first.items ?? [];
+	const total = first.totalItems ?? 0;
+
+	// Fetch remaining pages if there are more records than the first page holds.
+	const totalPages = Math.ceil(total / perPage);
+	for (let page = 2; page <= totalPages; page++) {
+		params.set('page', String(page));
+		const data = await pbGet<PBList<T>>(
+			`/api/collections/${collection}/records?${params.toString()}`
+		);
+		items.push(...(data.items ?? []));
+	}
+
+	return items;
+}
+
+async function listN<T>(collection: string, n: number, filter = '', sort = ''): Promise<T[]> {
+	const params = new URLSearchParams({ perPage: String(n) });
+	if (filter) params.set('filter', filter);
+	if (sort) params.set('sort', sort);
+	const data = await pbGet<PBList<T>>(
+		`/api/collections/${collection}/records?${params.toString()}`
+	);
+	return data.items ?? [];
+}
+
+async function countCollection(collection: string, filter = ''): Promise<number> {
+	const params = new URLSearchParams({ perPage: '1' });
+	if (filter) params.set('filter', filter);
+	const data = await pbGet<PBList<unknown>>(
+		`/api/collections/${collection}/records?${params.toString()}`
+	);
+	return (data as { totalItems: number }).totalItems ?? 0;
+}
+
+async function listOne<T>(collection: string, filter: string, sort = ''): Promise<T | null> {
+	const params = new URLSearchParams({ perPage: '1', filter });
+	if (sort) params.set('sort', sort);
+	const data = await pbGet<PBList<T>>(
+		`/api/collections/${collection}/records?${params.toString()}`
+	);
+	return data.items[0] ?? null;
+}
+
+// ─── Books ────────────────────────────────────────────────────────────────────
+
+const BOOKS_CACHE_KEY = 'books:all';
+const BOOKS_CACHE_TTL = 5 * 60; // 5 minutes
+
+const RATINGS_CACHE_KEY = 'book_ratings:all';
+const RATINGS_CACHE_TTL = 5 * 60; // 5 minutes
+
+const HOME_STATS_CACHE_KEY = 'home:stats';
+const HOME_STATS_CACHE_TTL = 10 * 60; // 10 minutes — counts don't need to be exact
+
+const SCRAPING_TASKS_CACHE_KEY = 'admin:scraping_tasks';
+const AUDIO_JOBS_CACHE_KEY = 'admin:audio_jobs';
+const TRANSLATION_JOBS_CACHE_KEY = 'admin:translation_jobs';
+const ADMIN_JOBS_CACHE_TTL = 30; // 30 seconds — admin views poll frequently
+
+const BOOK_SLUGS_CACHE_KEY = 'books:slugs';
+const BOOK_SLUGS_CACHE_TTL = 10 * 60; // 10 minutes — slugs change rarely
+
+async function getAllRatings(): Promise<BookRating[]> {
+	const cached = await cache.get<BookRating[]>(RATINGS_CACHE_KEY);
+	if (cached) return cached;
+	const ratings = await listAll<BookRating>('book_ratings', '').catch(() => [] as BookRating[]);
+	await cache.set(RATINGS_CACHE_KEY, ratings, RATINGS_CACHE_TTL);
+	return ratings;
+}
+
+export async function listBooks(): Promise<Book[]> {
+	const cached = await cache.get<Book[]>(BOOKS_CACHE_KEY);
+	if (cached) {
+		log.debug('pocketbase', 'listBooks cache hit', { total: cached.length });
+		return cached;
+	}
+	const books = await listAll<Book>('books', '', '+title');
+	const nullTitles = books.filter((b) => b.title == null).length;
+	if (nullTitles > 0) {
+		log.warn('pocketbase', 'listBooks: books with null title', { count: nullTitles, total: books.length });
+	}
+	log.debug('pocketbase', 'listBooks cache miss', { total: books.length, nullTitles });
+	await cache.set(BOOKS_CACHE_KEY, books, BOOKS_CACHE_TTL);
+	return books;
+}
+
+export interface BookSlug {
+	slug: string;
+	title: string;
+}
+
+/**
+ * Returns only the slug and title of every book. Cheaper than listBooks() —
+ * used for datalist autocomplete in admin forms. Cached for 10 minutes.
+ */
+export async function listBookSlugs(): Promise<BookSlug[]> {
+	const cached = await cache.get<BookSlug[]>(BOOK_SLUGS_CACHE_KEY);
+	if (cached) return cached;
+	// Re-use full books cache if already warm — avoids a second PocketBase call.
+	const fullCached = await cache.get<Book[]>(BOOKS_CACHE_KEY);
+	if (fullCached) {
+		const slugs = fullCached.map((b) => ({ slug: b.slug, title: b.title }));
+		await cache.set(BOOK_SLUGS_CACHE_KEY, slugs, BOOK_SLUGS_CACHE_TTL);
+		return slugs;
+	}
+	const items = await listAll<BookSlug>('books', '', '+title').catch(() => [] as BookSlug[]);
+	const slugs = items.map((b) => ({ slug: b.slug, title: b.title }));
+	await cache.set(BOOK_SLUGS_CACHE_KEY, slugs, BOOK_SLUGS_CACHE_TTL);
+	return slugs;
+}
+
+/**
+ * Fetch only the books whose slugs are in the given set.
+ * Uses PocketBase filter `slug IN (...)` — a single request regardless of how
+ * many slugs are requested. Falls back to empty array on error.
+ *
+ * Use this instead of listBooks() whenever you only need a small subset of
+ * books (e.g. the user's reading list or saved shelf).
+ *
+ * PocketBase filter syntax for IN: slug='a' || slug='b' || ...
+ * Limited to 200 slugs to keep the filter URL sane; callers with larger sets
+ * should fall back to listBooks().
+ */
+export async function getBooksBySlugs(slugs: Iterable<string>): Promise<Book[]> {
+	const slugArr = [...new Set(slugs)].slice(0, 200);
+	if (slugArr.length === 0) return [];
+
+	// Check cache for each slug individually (populated by prior listBooks calls).
+	// If all slugs hit, skip the network round-trip entirely.
+	const cached = await cache.get<Book[]>(BOOKS_CACHE_KEY);
+	if (cached) {
+		const slugSet = new Set(slugArr);
+		const found = cached.filter((b) => slugSet.has(b.slug));
+		if (found.length === slugArr.length) {
+			log.debug('pocketbase', 'getBooksBySlugs cache hit', { count: found.length });
+			return found;
+		}
+	}
+
+	// Build filter: slug='a' || slug='b' || ...
+	const filter = slugArr.map((s) => `slug='${s.replace(/'/g, "\\'")}'`).join(' || ');
+	const books = await listAll<Book>('books', filter, '+title');
+
+	// Deduplicate by slug — PocketBase may have multiple records for the same
+	// slug if the scraper ran concurrently or the upsert raced. First record wins.
+	const seen = new Set<string>();
+	const deduped = books.filter((b) => {
+		if (seen.has(b.slug)) return false;
+		seen.add(b.slug);
+		return true;
+	});
+
+	if (deduped.length !== books.length) {
+		log.warn('pocketbase', 'getBooksBySlugs: duplicate slugs in DB', {
+			requested: slugArr.length,
+			raw: books.length,
+			deduped: deduped.length
+		});
+	} else {
+		log.debug('pocketbase', 'getBooksBySlugs', { requested: slugArr.length, found: books.length });
+	}
+	return deduped;
+}
+
+/** Invalidate the books cache (call after a book is created/updated/deleted). */
+export async function invalidateBooksCache(): Promise<void> {
+	await Promise.all([
+		cache.invalidate(BOOKS_CACHE_KEY),
+		cache.invalidate(HOME_STATS_CACHE_KEY),
+		cache.invalidatePattern('books:recent:*'),
+		cache.invalidatePattern('books:recently-updated:*'),
+		cache.invalidatePattern('books:trending:*'),
+		cache.invalidatePattern('books:recs:*')
+	]);
+}
+
+/** Books sorted by ranking (lower = more popular). Excludes unranked (ranking=0). */
+export async function getTrendingBooks(limit = 8): Promise<Book[]> {
+	const key = `books:trending:${limit}`;
+	const cached = await cache.get<Book[]>(key);
+	if (cached) return cached;
+	const books = await listN<Book>('books', limit, 'ranking>0&&visibility="public"', '+ranking');
+	await cache.set(key, books, 15 * 60);
+	return books;
+}
+
+/**
+ * Books matching the given genres that the user hasn't read yet.
+ * The raw genre-query result is cached (shared across users); per-user slug
+ * exclusion is applied in memory afterwards.
+ */
+export async function getRecommendedBooks(
+	topGenres: string[],
+	excludeSlugs: Set<string>,
+	limit = 8
+): Promise<Book[]> {
+	if (topGenres.length === 0) return [];
+	const sortedGenres = [...topGenres].sort();
+	const key = `books:recs:${sortedGenres.join(':')}:${limit}`;
+	let books = await cache.get<Book[]>(key);
+	if (!books) {
+		const genreFilter = sortedGenres
+			.map((g) => `genres~"${g.replace(/"/g, '')}"`)
+			.join('||');
+		const filter = `visibility="public"&&(${genreFilter})`;
+		books = await listN<Book>('books', limit * 4, filter, '+ranking');
+		await cache.set(key, books, 10 * 60);
+	}
+	return books.filter((b) => !excludeSlugs.has(b.slug)).slice(0, limit);
+}
+
+export async function getBook(slug: string): Promise<Book | null> {
+	return listOne<Book>('books', `slug="${slug}"`);
+}
+
+export async function recentlyAddedBooks(limit = 6): Promise<Book[]> {
+	const key = `books:recent:${limit}`;
+	const cached = await cache.get<Book[]>(key);
+	if (cached) return cached;
+	const books = await listN<Book>('books', limit, 'visibility="public"', '-meta_updated');
+	await cache.set(key, books, 5 * 60);
+	return books;
+}
+
+/**
+ * Books with the most recently added chapters, ordered by chapter insertion time.
+ * Queries chapters_idx sorted by -created, deduplicates by slug, then loads books.
+ * This correctly reflects actual chapter activity, unlike meta_updated on books.
+ */
+export async function recentlyUpdatedBooks(limit = 8): Promise<Book[]> {
+	const key = `books:recently-updated:${limit}`;
+	const cached = await cache.get<Book[]>(key);
+	if (cached) return cached;
+
+	try {
+		// Fetch enough recent chapter rows to find `limit` distinct books
+		const rows = await listN<{ slug: string; created: string }>(
+			'chapters_idx', limit * 25, '', '-created'
+		);
+
+		const seen = new Set<string>();
+		const slugs: string[] = [];
+		for (const row of rows) {
+			if (!seen.has(row.slug)) {
+				seen.add(row.slug);
+				slugs.push(row.slug);
+				if (slugs.length >= limit) break;
+			}
+		}
+
+		if (!slugs.length) return recentlyAddedBooks(limit);
+
+		const books = await getBooksBySlugs(new Set(slugs));
+		// Restore recency order and filter to public-only books.
+		const bookMap = new Map(books.map((b) => [b.slug, b]));
+		const ordered = slugs
+			.flatMap((s) => (bookMap.has(s) ? [bookMap.get(s)!] : []))
+			.filter((b) => b.visibility === 'public');
+
+		await cache.set(key, ordered, 5 * 60);
+		return ordered;
+	} catch {
+		// Fall back to meta_updated sort if chapters_idx query fails
+		return recentlyAddedBooks(limit);
+	}
+}
+
+export interface HomeStats {
+	totalBooks: number;
+	totalChapters: number;
+}
+
+export async function getHomeStats(): Promise<HomeStats> {
+	const cached = await cache.get<HomeStats>(HOME_STATS_CACHE_KEY);
+	if (cached) return cached;
+	const [totalBooks, totalChapters] = await Promise.all([
+		countCollection('books'),
+		countCollection('chapters_idx')
+	]);
+	const stats = { totalBooks, totalChapters };
+	await cache.set(HOME_STATS_CACHE_KEY, stats, HOME_STATS_CACHE_TTL);
+	return stats;
+}
+
+export async function invalidateHomeStatsCache(): Promise<void> {
+	await cache.invalidate(HOME_STATS_CACHE_KEY);
+}
+
+// ─── Chapter index ────────────────────────────────────────────────────────────
+
+export async function listChapterIdx(slug: string): Promise<ChapterIdx[]> {
+	return listAll<ChapterIdx>('chapters_idx', `slug="${slug}"`, '+number');
+}
+
+// ─── Reading progress ─────────────────────────────────────────────────────────
+
+/**
+ * Build the PocketBase filter string for a progress lookup.
+ * When userId is set, keyed by user_id (portable across devices).
+ * When only sessionId is set, keyed by session_id (anonymous).
+ */
+function progressFilter(sessionId: string, slug: string, userId?: string): string {
+	if (userId) return `user_id="${userId}"&&slug="${slug}"`;
+	return `session_id="${sessionId}"&&slug="${slug}"`;
+}
+
+function allProgressFilter(sessionId: string, userId?: string): string {
+	if (userId) return `user_id="${userId}"`;
+	return `session_id="${sessionId}"`;
+}
+
+export async function getProgress(
+	sessionId: string,
+	slug: string,
+	userId?: string
+): Promise<Progress | null> {
+	return listOne<Progress>('progress', progressFilter(sessionId, slug, userId));
+}
+
+export async function allProgress(sessionId: string, userId?: string): Promise<Progress[]> {
+	return listAll<Progress>('progress', allProgressFilter(sessionId, userId), '-updated');
+}
+
+export async function setProgress(
+	sessionId: string,
+	slug: string,
+	chapter: number,
+	userId?: string
+): Promise<void> {
+	const existing = await listOne<Progress & { id: string }>(
+		'progress',
+		progressFilter(sessionId, slug, userId)
+	);
+
+	const payload: Partial<Progress> = {
+		session_id: sessionId,
+		slug,
+		chapter,
+		updated: new Date().toISOString()
+	};
+	if (userId) payload.user_id = userId;
+
+	if (existing) {
+		const res = await pbPatch(`/api/collections/progress/records/${existing.id}`, payload);
+		if (!res.ok) {
+			const body = await res.text().catch(() => '');
+			log.error('pocketbase', 'setProgress PATCH failed', { slug, chapter, status: res.status, body });
+		}
+	} else {
+		const res = await pbPost('/api/collections/progress/records', payload);
+		if (!res.ok) {
+			const body = await res.text().catch(() => '');
+			log.error('pocketbase', 'setProgress POST failed', { slug, chapter, status: res.status, body });
+		}
+	}
+}
+
+/**
+ * Delete progress entry for a specific book (removes from library/continue reading).
+ */
+export async function deleteProgress(
+	sessionId: string,
+	slug: string,
+	userId?: string
+): Promise<void> {
+	const existing = await listOne<Progress & { id: string }>(
+		'progress',
+		progressFilter(sessionId, slug, userId)
+	);
+
+	if (!existing) {
+		log.debug('pocketbase', 'deleteProgress: no record found', { sessionId, slug, userId });
+		return;
+	}
+
+	const res = await pbDelete(`/api/collections/progress/records/${existing.id}`);
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('pocketbase', 'deleteProgress failed', {
+			slug,
+			id: existing.id,
+			status: res.status,
+			body
+		});
+		throw new Error(`Failed to delete progress: ${res.status}`);
+	}
+	log.info('pocketbase', 'deleteProgress success', { slug, id: existing.id });
+}
+
+/**
+ * Merge anonymous session progress into a user account on login/register.
+ *
+ * For each book tracked under sessionId, upserts a user-keyed record keeping
+ * whichever chapter is more recent (or higher if timestamps are equal).
+ * This makes progress portable across devices for logged-in users.
+ */
+export async function mergeSessionProgress(sessionId: string, userId: string): Promise<void> {
+	let sessionRows: Progress[];
+	try {
+		sessionRows = await allProgress(sessionId);
+	} catch (e) {
+		log.warn('pocketbase', 'mergeSessionProgress: failed to read session progress', {
+			sessionId,
+			err: String(e)
+		});
+		return;
+	}
+	if (sessionRows.length === 0) return;
+
+	for (const row of sessionRows) {
+		try {
+			const userRow = await listOne<Progress & { id: string }>(
+				'progress',
+				`user_id="${userId}"&&slug="${row.slug}"`
+			);
+
+			// Keep the record with the more recent update (or higher chapter if timestamps match)
+			const sessionTs = row.updated ? new Date(row.updated).getTime() : 0;
+			const userTs = userRow?.updated ? new Date(userRow.updated).getTime() : 0;
+			const shouldOverwrite = !userRow || sessionTs > userTs ||
+				(sessionTs === userTs && row.chapter > (userRow?.chapter ?? 0));
+
+			if (shouldOverwrite) {
+				const payload: Partial<Progress> = {
+					session_id: sessionId,
+					user_id: userId,
+					slug: row.slug,
+					chapter: row.chapter,
+					updated: row.updated ?? new Date().toISOString()
+				};
+				if (userRow) {
+					await pbPatch(`/api/collections/progress/records/${userRow.id}`, payload);
+				} else {
+					await pbPost('/api/collections/progress/records', payload);
+				}
+			}
+		} catch (e) {
+			log.warn('pocketbase', 'mergeSessionProgress: failed to merge row', {
+				slug: row.slug,
+				err: String(e)
+			});
+		}
+	}
+	log.info('pocketbase', 'mergeSessionProgress: done', { sessionId, userId, count: sessionRows.length });
+}
+
+// ─── User library (saved books) ───────────────────────────────────────────────
+
+export interface UserLibraryEntry {
+	id?: string;
+	session_id: string;
+	user_id?: string;
+	slug: string;
+	saved_at: string;
+	shelf?: string;
+}
+
+function libraryFilter(sessionId: string, userId?: string): string {
+	if (userId) return `user_id="${userId}"`;
+	return `session_id="${sessionId}"`;
+}
+
+/** Returns all slugs the user has explicitly saved to their library. */
+export async function getSavedSlugs(sessionId: string, userId?: string): Promise<Set<string>> {
+	const cacheKey = userId ? `saved_slugs:user:${userId}` : `saved_slugs:session:${sessionId}`;
+	const cached = await cache.get<string[]>(cacheKey);
+	if (cached) return new Set(cached);
+	const rows = await listAll<UserLibraryEntry>(
+		'user_library',
+		libraryFilter(sessionId, userId)
+	);
+	const slugs = rows.map((r) => r.slug);
+	await cache.set(cacheKey, slugs, SAVED_SLUGS_TTL);
+	return new Set(slugs);
+}
+
+/** Returns whether a specific slug is saved. */
+export async function isBookSaved(
+	sessionId: string,
+	slug: string,
+	userId?: string
+): Promise<boolean> {
+	const filter = userId
+		? `user_id="${userId}"&&slug="${slug}"`
+		: `session_id="${sessionId}"&&slug="${slug}"`;
+	const row = await listOne<UserLibraryEntry>('user_library', filter);
+	return row !== null;
+}
+
+/** Returns the shelf the user has placed this book on, or '' if not saved / no shelf set. */
+export async function getBookShelf(
+	sessionId: string,
+	slug: string,
+	userId?: string
+): Promise<ShelfName> {
+	const filter = userId
+		? `user_id="${userId}"&&slug="${slug}"`
+		: `session_id="${sessionId}"&&slug="${slug}"`;
+	const row = await listOne<UserLibraryEntry>('user_library', filter).catch(() => null);
+	return (row?.shelf as ShelfName) || '';
+}
+
+/** Save a book to the user's library. No-op if already saved. */
+export async function saveBook(
+	sessionId: string,
+	slug: string,
+	userId?: string
+): Promise<void> {
+	const alreadySaved = await isBookSaved(sessionId, slug, userId);
+	if (alreadySaved) return;
+	const payload: Partial<UserLibraryEntry> = {
+		session_id: sessionId,
+		slug,
+		saved_at: new Date().toISOString()
+	};
+	if (userId) payload.user_id = userId;
+	const res = await pbPost('/api/collections/user_library/records', payload);
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('pocketbase', 'saveBook POST failed', { slug, status: res.status, body });
+		return;
+	}
+	// Invalidate saved-slugs cache so the next discover load excludes this book.
+	const savedKey = userId ? `saved_slugs:user:${userId}` : `saved_slugs:session:${sessionId}`;
+	await cache.invalidate(savedKey);
+}
+
+/** Remove a book from the user's library. */
+export async function unsaveBook(
+	sessionId: string,
+	slug: string,
+	userId?: string
+): Promise<void> {
+	const filter = userId
+		? `user_id="${userId}"&&slug="${slug}"`
+		: `session_id="${sessionId}"&&slug="${slug}"`;
+	const row = await listOne<UserLibraryEntry & { id: string }>('user_library', filter);
+	if (!row) return;
+	const token = await getToken();
+	await fetch(`${PB_URL}/api/collections/user_library/records/${row.id}`, {
+		method: 'DELETE',
+		headers: { Authorization: `Bearer ${token}` }
+	});
+}
+
+// ─── Users ────────────────────────────────────────────────────────────────────
+
+import { scryptSync, randomBytes, timingSafeEqual, createHash } from 'node:crypto';
+
+function hashPassword(password: string): string {
+	const salt = randomBytes(16).toString('hex');
+	const hash = scryptSync(password, salt, 64).toString('hex');
+	return `${salt}:${hash}`;
+}
+
+function verifyPassword(password: string, stored: string): boolean {
+	const [salt, hash] = stored.split(':');
+	if (!salt || !hash) return false;
+	const derived = scryptSync(password, salt, 64);
+	const hashBuf = Buffer.from(hash, 'hex');
+	if (derived.length !== hashBuf.length) return false;
+	return timingSafeEqual(derived, hashBuf);
+}
+
+/**
+ * Look up a user by username. Returns null if not found.
+ */
+export async function getUserByUsername(username: string): Promise<User | null> {
+	return listOne<User>('app_users', `username="${username.replace(/"/g, '\\"')}"`);
+}
+
+/**
+ * Look up a user by their PocketBase record ID. Returns null if not found.
+ */
+export async function getUserById(id: string): Promise<User | null> {
+	const token = await getToken();
+	const res = await fetch(`${PB_URL}/api/collections/app_users/records/${encodeURIComponent(id)}`, {
+		headers: { Authorization: `Bearer ${token}` }
+	});
+	if (res.status === 404) return null;
+	if (!res.ok) return null;
+	return res.json() as Promise<User>;
+}
+
+/**
+ * Look up a user by email. Returns null if not found.
+ */
+export async function getUserByEmail(email: string): Promise<User | null> {
+	return listOne<User>('app_users', `email="${email.replace(/"/g, '\\"')}"`);
+}
+
+/**
+ * Look up a user by OAuth provider + provider user ID. Returns null if not found.
+ */
+export async function getUserByOAuth(provider: string, oauthId: string): Promise<User | null> {
+	return listOne<User>(
+		'app_users',
+		`oauth_provider="${provider.replace(/"/g, '\\"')}"&&oauth_id="${oauthId.replace(/"/g, '\\"')}"`
+	);
+}
+
+/**
+ * Look up a user by their Polar customer ID. Returns null if not found.
+ */
+export async function getUserByPolarCustomerId(polarCustomerId: string): Promise<User | null> {
+	return listOne<User>(
+		'app_users',
+		`polar_customer_id="${polarCustomerId.replace(/"/g, '\\"')}"`
+	);
+}
+
+/**
+ * Patch arbitrary fields on an app_user record.
+ */
+export async function patchUser(userId: string, fields: Partial<User & Record<string, unknown>>): Promise<void> {
+	const res = await pbPatch(`/api/collections/app_users/records/${encodeURIComponent(userId)}`, fields);
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('pocketbase', 'patchUser failed', { userId, status: res.status, body });
+		throw new Error(`patchUser failed: ${res.status} — ${body}`);
+	}
+}
+
+/**
+ * Create a new user via OAuth (no password). email_verified is true since the
+ * provider already verified it. Throws on DB errors.
+ */
+export async function createOAuthUser(
+	username: string,
+	email: string,
+	provider: string,
+	oauthId: string,
+	avatarUrl?: string,
+	role = 'user'
+): Promise<User> {
+	log.info('pocketbase', 'createOAuthUser', { username, email, provider });
+	const res = await pbPost('/api/collections/app_users/records', {
+		username,
+		password_hash: '',
+		role,
+		email,
+		email_verified: true,
+		oauth_provider: provider,
+		oauth_id: oauthId,
+		avatar_url: avatarUrl ?? '',
+		created: new Date().toISOString()
+	});
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('pocketbase', 'createOAuthUser: PocketBase rejected record', {
+			username,
+			status: res.status,
+			body
+		});
+		throw new Error(`Failed to create OAuth user: ${res.status} ${body}`);
+	}
+	return res.json() as Promise<User>;
+}
+
+/**
+ * Link an OAuth provider to an existing user account.
+ */
+export async function linkOAuthToUser(
+	userId: string,
+	provider: string,
+	oauthId: string
+): Promise<void> {
+	const res = await pbPatch(`/api/collections/app_users/records/${userId}`, {
+		oauth_provider: provider,
+		oauth_id: oauthId,
+		email_verified: true
+	});
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('pocketbase', 'linkOAuthToUser: PATCH failed', { userId, status: res.status, body });
+		throw new Error(`Failed to link OAuth: ${res.status}`);
+	}
+}
+
+/**
+ * Look up a user by verification token. Returns null if not found.
+ * @deprecated Email verification removed — kept only for migration safety.
+ */
+export async function getUserByVerificationToken(token: string): Promise<User | null> {
+	return listOne<User>('app_users', `verification_token="${token.replace(/"/g, '\\"')}"`);
+}
+
+/**
+ * Create a new user with a hashed password. Throws if username already exists.
+ * Stores email + verification token but does NOT log the user in.
+ */
+export async function createUser(
+	username: string,
+	password: string,
+	email: string,
+	role = 'user'
+): Promise<User> {
+	log.info('pocketbase', 'createUser: checking for existing username', { username });
+	const existing = await getUserByUsername(username);
+	if (existing) {
+		log.warn('pocketbase', 'createUser: username already taken', { username });
+		throw new Error('Username already taken');
+	}
+	const existingEmail = await getUserByEmail(email);
+	if (existingEmail) {
+		log.warn('pocketbase', 'createUser: email already in use', { email });
+		throw new Error('Email already in use');
+	}
+	const password_hash = hashPassword(password);
+	const verification_token = randomBytes(32).toString('hex');
+	const verification_token_exp = new Date(Date.now() + 24 * 60 * 60 * 1000).toISOString();
+	log.info('pocketbase', 'createUser: inserting new user', { username, email, role });
+	const res = await pbPost('/api/collections/app_users/records', {
+		username,
+		password_hash,
+		role,
+		email,
+		email_verified: false,
+		verification_token,
+		verification_token_exp,
+		created: new Date().toISOString()
+	});
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('pocketbase', 'createUser: PocketBase rejected record', {
+			username,
+			status: res.status,
+			body
+		});
+		throw new Error(`Failed to create user: ${res.status} ${body}`);
+	}
+	log.info('pocketbase', 'createUser: user created', { username, role });
+	return res.json() as Promise<User>;
+}
+
+/**
+ * Mark a user's email as verified and clear the verification token.
+ */
+export async function verifyUserEmail(userId: string): Promise<void> {
+	const res = await pbPatch(`/api/collections/app_users/records/${userId}`, {
+		email_verified: true,
+		verification_token: '',
+		verification_token_exp: ''
+	});
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('pocketbase', 'verifyUserEmail: PATCH failed', { userId, status: res.status, body });
+		throw new Error(`Failed to verify email: ${res.status}`);
+	}
+	log.info('pocketbase', 'verifyUserEmail: success', { userId });
+}
+
+/**
+ * Change a user's password. Verifies the current password first.
+ * Returns true on success, false if currentPassword is wrong.
+ * Throws on unexpected errors.
+ */
+export async function changePassword(
+	userId: string,
+	currentPassword: string,
+	newPassword: string
+): Promise<boolean> {
+	// Fetch the user record directly by id to verify current password
+	const token = await getToken();
+	const res = await fetch(`${PB_URL}/api/collections/app_users/records/${userId}`, {
+		headers: { Authorization: `Bearer ${token}` }
+	});
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('pocketbase', 'changePassword: fetch user failed', { userId, status: res.status, body });
+		throw new Error(`Failed to fetch user: ${res.status}`);
+	}
+	const user = (await res.json()) as User;
+	if (!verifyPassword(currentPassword, user.password_hash)) {
+		log.warn('pocketbase', 'changePassword: wrong current password', { userId });
+		return false;
+	}
+	const newHash = hashPassword(newPassword);
+	const patch = await pbPatch(`/api/collections/app_users/records/${userId}`, {
+		password_hash: newHash
+	});
+	if (!patch.ok) {
+		const body = await patch.text().catch(() => '');
+		log.error('pocketbase', 'changePassword: PATCH failed', { userId, status: patch.status, body });
+		throw new Error(`Failed to update password: ${patch.status}`);
+	}
+	log.info('pocketbase', 'changePassword: success', { userId });
+	return true;
+}
+
+/**
+ * Verify username + password. Returns the user on success, null on failure.
+ * Only used for legacy accounts that still have a password_hash.
+ */
+export async function loginUser(username: string, password: string): Promise<User | null> {
+	log.debug('pocketbase', 'loginUser: lookup', { username });
+	const user = await getUserByUsername(username);
+	if (!user) {
+		log.warn('pocketbase', 'loginUser: username not found', { username });
+		return null;
+	}
+	if (!user.password_hash) {
+		log.warn('pocketbase', 'loginUser: account has no password (OAuth-only)', { username });
+		return null;
+	}
+	const ok = verifyPassword(password, user.password_hash);
+	if (!ok) {
+		log.warn('pocketbase', 'loginUser: wrong password', { username });
+		return null;
+	}
+	log.info('pocketbase', 'loginUser: success', { username, role: user.role });
+	return user;
+}
+
+// ─── User settings ────────────────────────────────────────────────────────────
+
+function settingsFilter(sessionId: string, userId?: string): string {
+	if (userId) return `user_id="${userId}"`;
+	return `session_id="${sessionId}"`;
+}
+
+export async function getSettings(
+	sessionId: string,
+	userId?: string
+): Promise<PBUserSettings | null> {
+	return listOne<PBUserSettings>('user_settings', settingsFilter(sessionId, userId));
+}
+
+export async function saveSettings(
+	sessionId: string,
+	settings: { autoNext: boolean; voice: string; speed: number; theme?: string; locale?: string; fontFamily?: string; fontSize?: number; announceChapter?: boolean; audioMode?: string },
+	userId?: string
+): Promise<void> {
+	const existing = await listOne<PBUserSettings & { id: string }>(
+		'user_settings',
+		settingsFilter(sessionId, userId)
+	);
+
+	const payload: Partial<PBUserSettings> = {
+		session_id: sessionId,
+		auto_next: settings.autoNext,
+		voice: settings.voice,
+		speed: settings.speed,
+		updated: new Date().toISOString()
+	};
+	if (settings.theme !== undefined) payload.theme = settings.theme;
+	if (settings.locale !== undefined) payload.locale = settings.locale;
+	if (settings.fontFamily !== undefined) payload.font_family = settings.fontFamily;
+	if (settings.fontSize !== undefined) payload.font_size = settings.fontSize;
+	if (settings.announceChapter !== undefined) payload.announce_chapter = settings.announceChapter;
+	if (settings.audioMode !== undefined) payload.audio_mode = settings.audioMode;
+	if (userId) payload.user_id = userId;
+
+	if (existing) {
+		const res = await pbPatch(`/api/collections/user_settings/records/${existing.id}`, payload);
+		if (!res.ok) {
+			const body = await res.text().catch(() => '');
+			log.error('pocketbase', 'saveSettings PATCH failed', { status: res.status, body });
+		}
+	} else {
+		const res = await pbPost('/api/collections/user_settings/records', payload);
+		if (!res.ok) {
+			const body = await res.text().catch(() => '');
+			log.error('pocketbase', 'saveSettings POST failed', { status: res.status, body });
+		}
+	}
+}
+
+// ─── Audio time ───────────────────────────────────────────────────────────────
+
+export async function setAudioTime(
+	sessionId: string,
+	slug: string,
+	chapter: number,
+	audioTime: number,
+	userId?: string
+): Promise<void> {
+	const existing = await listOne<Progress & { id: string }>(
+		'progress',
+		progressFilter(sessionId, slug, userId)
+	);
+	if (!existing) {
+		// No progress record yet — create one with audio_time
+		const payload: Partial<Progress> = {
+			session_id: sessionId,
+			slug,
+			chapter,
+			audio_time: audioTime,
+			updated: new Date().toISOString()
+		};
+		if (userId) payload.user_id = userId;
+		const res = await pbPost('/api/collections/progress/records', payload);
+		if (!res.ok) {
+			const body = await res.text().catch(() => '');
+			log.error('pocketbase', 'setAudioTime POST failed', { slug, chapter, status: res.status, body });
+		}
+		return;
+	}
+	const res = await pbPatch(`/api/collections/progress/records/${existing.id}`, {
+		audio_time: audioTime,
+		updated: new Date().toISOString()
+	});
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('pocketbase', 'setAudioTime PATCH failed', { slug, chapter, status: res.status, body });
+	}
+}
+
+// ─── Audio cache ──────────────────────────────────────────────────────────────
+// There is no separate audio_cache collection — completed audio jobs in the
+// audio_jobs collection serve as the cache record.  We project them here.
+
+export interface AudioCacheEntry {
+	id: string;
+	cache_key: string;
+	filename: string;
+	updated: string;
+}
+
+// ─── Scraping tasks ───────────────────────────────────────────────────────────
+
+export interface ScrapingTask {
+	id: string;
+	kind: string;
+	target_url: string;
+	status: string;
+	books_found: number;
+	chapters_scraped: number;
+	chapters_skipped: number;
+	from_chapter: number;
+	to_chapter: number;
+	errors: number;
+	started: string;
+	finished: string;
+	error_message: string;
+}
+
+export async function listScrapingTasks(): Promise<ScrapingTask[]> {
+	const cached = await cache.get<ScrapingTask[]>(SCRAPING_TASKS_CACHE_KEY);
+	if (cached) return cached;
+	const tasks = await listN<ScrapingTask>('scraping_tasks', 500, '', '-started');
+	await cache.set(SCRAPING_TASKS_CACHE_KEY, tasks, ADMIN_JOBS_CACHE_TTL);
+	return tasks;
+}
+
+export async function getScrapingTask(id: string): Promise<ScrapingTask | null> {
+	return listOne<ScrapingTask>('scraping_tasks', `id="${id}"`);
+}
+
+// ─── Audio jobs ───────────────────────────────────────────────────────────────
+
+export interface AudioJob {
+	id: string;
+	cache_key: string; // "slug/chapter/voice"
+	slug: string;
+	chapter: number;
+	voice: string;
+	status: string; // "pending" | "generating" | "done" | "failed"
+	error_message: string;
+	started: string;
+	finished: string;
+}
+
+export async function listAudioJobs(): Promise<AudioJob[]> {
+	const cached = await cache.get<AudioJob[]>(AUDIO_JOBS_CACHE_KEY);
+	if (cached) return cached;
+	const jobs = await listN<AudioJob>('audio_jobs', 500, '', '-started');
+	await cache.set(AUDIO_JOBS_CACHE_KEY, jobs, ADMIN_JOBS_CACHE_TTL);
+	return jobs;
+}
+
+/**
+ * Returns the set of book slugs that have at least one completed audio job.
+ * Used by the catalogue page to show audio-available badges.
+ */
+export async function getSlugsWithAudio(): Promise<Set<string>> {
+	const jobs = await listAll<AudioJob>('audio_jobs', 'status="done"', 'slug');
+	return new Set(jobs.map((j) => j.slug));
+}
+
+/**
+ * Returns books that have at least one completed audio chapter, sorted by
+ * number of narrated chapters descending.
+ * Cached for 5 minutes (same TTL as the catalogue audio badge).
+ */
+const AUDIO_BOOKS_CACHE_KEY = 'audio:books_with_count';
+const AUDIO_BOOKS_CACHE_TTL = 5 * 60;
+
+export interface AudioBookEntry {
+	book: Book;
+	audioChapters: number;
+}
+
+export async function getBooksWithAudioCount(limit = 100): Promise<AudioBookEntry[]> {
+	const cached = await cache.get<AudioBookEntry[]>(AUDIO_BOOKS_CACHE_KEY);
+	if (cached) return cached.slice(0, limit);
+
+	// Count done jobs per slug
+	const jobs = await listAll<AudioJob>('audio_jobs', 'status="done"', 'slug');
+	const countBySlug = new Map<string, number>();
+	for (const j of jobs) {
+		// audio_jobs can have multiple voice variants for the same chapter — deduplicate
+		// by chapter number so we count chapters, not voice variants.
+		// cache_key format: "slug/chapter/voice"
+		const slug = j.slug;
+		if (!countBySlug.has(slug)) countBySlug.set(slug, 0);
+		// We'll use a Set per slug after this loop instead
+	}
+	// Build slug → Set<chapter> to deduplicate voice variants
+	const chapsBySlug = new Map<string, Set<number>>();
+	for (const j of jobs) {
+		if (!chapsBySlug.has(j.slug)) chapsBySlug.set(j.slug, new Set());
+		chapsBySlug.get(j.slug)!.add(j.chapter);
+	}
+
+	const slugs = [...chapsBySlug.keys()];
+	if (slugs.length === 0) return [];
+
+	const books = await getBooksBySlugs(slugs);
+	const bookMap = new Map(books.map((b) => [b.slug, b]));
+
+	const entries: AudioBookEntry[] = [];
+	for (const [slug, chapters] of chapsBySlug) {
+		const book = bookMap.get(slug);
+		if (!book || book.visibility !== 'public') continue;
+		entries.push({ book, audioChapters: chapters.size });
+	}
+	// Sort by most chapters narrated first
+	entries.sort((a, b) => b.audioChapters - a.audioChapters);
+
+	await cache.set(AUDIO_BOOKS_CACHE_KEY, entries, AUDIO_BOOKS_CACHE_TTL);
+	return entries.slice(0, limit);
+}
+
+/**
+ * Returns a map of chapter number → best available voice for a given slug.
+ * "Best" means: prefer `preferredVoice` if a done job exists for it,
+ * otherwise fall back to any done voice for that chapter.
+ * Result is cached per slug for 60 seconds (audio jobs complete frequently).
+ */
+export async function getReadyChaptersForSlug(
+	slug: string,
+	preferredVoice = ''
+): Promise<Map<number, string>> {
+	const cacheKey = `audio:ready_chapters:${slug}`;
+	const cached = await cache.get<{ chapter: number; voice: string }[]>(cacheKey);
+	const raw = cached ?? await (async () => {
+		const filter = encodeURIComponent(`slug="${slug.replace(/"/g, '\\"')}"&&status="done"`);
+		const jobs = await listAll<AudioJob>('audio_jobs', filter, 'chapter');
+		const result: { chapter: number; voice: string }[] = jobs.map((j) => ({
+			chapter: j.chapter,
+			voice: j.voice ?? ''
+		}));
+		await cache.set(cacheKey, result, 60);
+		return result;
+	})();
+
+	// Build chapter → voices map
+	const byChapter = new Map<number, string[]>();
+	for (const { chapter, voice } of raw) {
+		if (!byChapter.has(chapter)) byChapter.set(chapter, []);
+		byChapter.get(chapter)!.push(voice);
+	}
+
+	// Resolve best voice per chapter
+	const result = new Map<number, string>();
+	for (const [chapter, voices] of byChapter) {
+		const best = preferredVoice && voices.includes(preferredVoice)
+			? preferredVoice
+			: voices[0] ?? '';
+		result.set(chapter, best);
+	}
+	return result;
+}
+
+// ─── Translation jobs ─────────────────────────────────────────────────────────
+
+export interface TranslationJob {
+	id: string;
+	cache_key: string; // "slug/chapter/lang"
+	slug: string;
+	chapter: number;
+	lang: string;
+	status: string; // "pending" | "running" | "done" | "failed"
+	error_message: string;
+	started: string;
+	finished: string;
+}
+
+export async function listTranslationJobs(): Promise<TranslationJob[]> {
+	const cached = await cache.get<TranslationJob[]>(TRANSLATION_JOBS_CACHE_KEY);
+	if (cached) return cached;
+	const jobs = await listN<TranslationJob>('translation_jobs', 500, '', '-started');
+	await cache.set(TRANSLATION_JOBS_CACHE_KEY, jobs, ADMIN_JOBS_CACHE_TTL);
+	return jobs;
+}
+
+export async function getAudioTime(
+	sessionId: string,
+	slug: string,
+	chapter: number,
+	userId?: string
+): Promise<number | null> {
+	const row = await listOne<Progress>('progress', progressFilter(sessionId, slug, userId));
+	if (!row || !row.audio_time) return null;
+	return row.audio_time;
+}
+
+// ─── User sessions ────────────────────────────────────────────────────────────
+
+export interface UserSession {
+	id: string;
+	user_id: string;
+	session_id: string; // the auth session ID embedded in the token
+	user_agent: string;
+	ip: string;
+	device_fingerprint: string;
+	created_at: string;
+	last_seen: string;
+}
+
+/**
+ * Generate a short device fingerprint from the user-agent alone.
+ * IP is intentionally excluded so that network changes (VPN, mobile data,
+ * home vs. office wifi) don't create duplicate sessions for the same device.
+ * SHA-256 of the user-agent string, first 16 hex chars.
+ */
+function deviceFingerprint(userAgent: string, _ip?: string): string {
+	return createHash('sha256')
+		.update(userAgent)
+		.digest('hex')
+		.slice(0, 16);
+}
+
+/**
+ * Upsert a session record on login.
+ * - If a session already exists for this user + device fingerprint, touch it and
+ *   return the existing authSessionId (so the caller can reuse the same token).
+ * - Otherwise create a new record.
+ * Returns `{ authSessionId, recordId }`.
+ */
+export async function upsertUserSession(
+	userId: string,
+	authSessionId: string,
+	userAgent: string,
+	ip: string
+): Promise<{ authSessionId: string; recordId: string }> {
+	const fp = deviceFingerprint(userAgent, ip);
+
+	// Look for an existing session from the same device
+	const existing = await listOne<UserSession>(
+		'user_sessions',
+		`user_id="${userId}" && device_fingerprint="${fp}"`
+	);
+
+	if (existing) {
+		// Touch last_seen and update IP (may have changed due to network switch).
+		// Return the existing authSessionId so no new session row is created.
+		const token = await getToken();
+		await fetch(`${PB_URL}/api/collections/user_sessions/records/${existing.id}`, {
+			method: 'PATCH',
+			headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
+			body: JSON.stringify({ last_seen: new Date().toISOString(), ip })
+		}).catch(() => {});
+		return { authSessionId: existing.session_id, recordId: existing.id };
+	}
+
+	// Create a new session record
+	const now = new Date().toISOString();
+	const res = await pbPost('/api/collections/user_sessions/records', {
+		user_id: userId,
+		session_id: authSessionId,
+		user_agent: userAgent,
+		ip,
+		device_fingerprint: fp,
+		created_at: now,
+		last_seen: now
+	});
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('pocketbase', 'upsertUserSession POST failed', { userId, status: res.status, body });
+		throw new Error(`Failed to create session: ${res.status}`);
+	}
+	const rec = (await res.json()) as { id: string };
+	// Best-effort: prune stale/excess sessions in the background
+	pruneStaleUserSessions(userId).catch(() => {});
+	return { authSessionId, recordId: rec.id };
+}
+
+/**
+ * @deprecated Use upsertUserSession instead.
+ * Kept temporarily so callers can be migrated incrementally.
+ */
+export async function createUserSession(
+	userId: string,
+	authSessionId: string,
+	userAgent: string,
+	ip: string
+): Promise<string> {
+	const { recordId } = await upsertUserSession(userId, authSessionId, userAgent, ip);
+	return recordId;
+}
+
+/**
+ * Update last_seen on a session (best-effort, non-fatal if it fails).
+ */
+export async function touchUserSession(authSessionId: string): Promise<void> {
+	const row = await listOne<UserSession & { id: string }>(
+		'user_sessions',
+		`session_id="${authSessionId}"`
+	);
+	if (!row) return;
+	const token = await getToken();
+	await fetch(`${PB_URL}/api/collections/user_sessions/records/${row.id}`, {
+		method: 'PATCH',
+		headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
+		body: JSON.stringify({ last_seen: new Date().toISOString() })
+	});
+}
+
+/**
+ * Check whether a session has been revoked (i.e., not present in DB).
+ * Returns true if revoked/missing, false if valid.
+ */
+export async function isSessionRevoked(authSessionId: string): Promise<boolean> {
+	const row = await listOne<UserSession>('user_sessions', `session_id="${authSessionId}"`);
+	return row === null;
+}
+
+/**
+ * Returns true for user-agents that are clearly automated tools (curl, scrapers,
+ * debug logins, etc.) that should not appear in the user-facing sessions list.
+ * These sessions still exist in the DB so auth checks continue to work.
+ */
+function isBotUserAgent(ua: string): boolean {
+	if (!ua) return false;
+	const lower = ua.toLowerCase();
+	return (
+		lower.startsWith('curl/') ||
+		lower.startsWith('python') ||
+		lower.startsWith('wget/') ||
+		lower.startsWith('go-http-client') ||
+		lower.startsWith('axios/') ||
+		lower.startsWith('node-fetch') ||
+		lower.startsWith('undici') ||
+		lower.startsWith('okhttp') ||
+		lower.startsWith('java/')
+	);
+}
+
+/**
+ * List all active sessions for a user, excluding non-browser/tool sessions
+ * (curl, debug-login artifacts, scrapers, etc.) from the displayed list.
+ * The records still exist in the DB so auth validity checks are unaffected.
+ */
+export async function listUserSessions(userId: string): Promise<UserSession[]> {
+	const all = await listAll<UserSession>('user_sessions', `user_id="${userId}"`, '-last_seen');
+	return all.filter((s) => !isBotUserAgent(s.user_agent) && s.ip !== 'debug');
+}
+
+/**
+ * Delete sessions for a user that haven't been seen in the last `days` days,
+ * and cap the total number of sessions at `maxSessions` (pruning oldest first).
+ * Called on login so the list self-cleans without a separate cron job.
+ */
+async function pruneStaleUserSessions(
+	userId: string,
+	days = 30,
+	maxSessions = 10
+): Promise<void> {
+	const token = await getToken();
+	const all = await listAll<UserSession>('user_sessions', `user_id="${userId}"`, '-last_seen');
+
+	const cutoff = new Date(Date.now() - days * 24 * 60 * 60 * 1000).toISOString();
+	const toDelete = new Set<string>();
+
+	// Mark stale sessions and debug/tool sessions for deletion
+	for (const s of all) {
+		if (s.last_seen < cutoff || s.ip === 'debug' || isBotUserAgent(s.user_agent)) {
+			toDelete.add(s.id);
+		}
+	}
+
+	// Mark excess sessions beyond the cap (oldest first — list is sorted -last_seen)
+	const remaining = all.filter((s) => !toDelete.has(s.id));
+	if (remaining.length > maxSessions) {
+		remaining.slice(maxSessions).forEach((s) => toDelete.add(s.id));
+	}
+
+	if (toDelete.size === 0) return;
+
+	await Promise.all(
+		[...toDelete].map((id) =>
+			fetch(`${PB_URL}/api/collections/user_sessions/records/${id}`, {
+				method: 'DELETE',
+				headers: { Authorization: `Bearer ${token}` }
+			}).catch(() => {})
+		)
+	);
+}
+
+/**
+ * Revoke (delete) a specific session by its PocketBase record ID.
+ * Only allows deletion if the session belongs to the given userId.
+ */
+export async function revokeUserSession(recordId: string, userId: string): Promise<boolean> {
+	// Verify ownership before deleting
+	const token = await getToken();
+	const res = await fetch(`${PB_URL}/api/collections/user_sessions/records/${recordId}`, {
+		headers: { Authorization: `Bearer ${token}` }
+	});
+	if (!res.ok) return false;
+	const rec = (await res.json()) as UserSession;
+	if (rec.user_id !== userId) return false;
+
+	const del = await fetch(`${PB_URL}/api/collections/user_sessions/records/${recordId}`, {
+		method: 'DELETE',
+		headers: { Authorization: `Bearer ${token}` }
+	});
+	return del.ok || del.status === 204;
+}
+
+/**
+ * Delete a session by its auth session ID (the value stored in the cookie).
+ * Used on logout so the row doesn't linger as a phantom active session.
+ */
+export async function deleteSessionByAuthId(authSessionId: string): Promise<void> {
+	const row = await listOne<UserSession>('user_sessions', `session_id="${authSessionId}"`);
+	if (!row) return;
+	const token = await getToken();
+	await fetch(`${PB_URL}/api/collections/user_sessions/records/${row.id}`, {
+		method: 'DELETE',
+		headers: { Authorization: `Bearer ${token}` }
+	}).catch(() => {});
+}
+
+/**
+ * Revoke all sessions for a user (used on password change etc).
+ */
+export async function revokeAllUserSessions(userId: string): Promise<void> {
+	const sessions = await listUserSessions(userId);
+	const token = await getToken();
+	await Promise.all(
+		sessions.map((s) =>
+			fetch(`${PB_URL}/api/collections/user_sessions/records/${s.id}`, {
+				method: 'DELETE',
+				headers: { Authorization: `Bearer ${token}` }
+			}).catch(() => {})
+		)
+	);
+}
+
+/**
+ * Delete all data associated with a user account:
+ *   - user_settings, user_library, progress, comment_votes, book_ratings,
+ *     user_subscriptions, user_sessions, notifications rows owned by the user
+ *   - the app_users record itself
+ *
+ * Does NOT delete audio files from MinIO (shared cache) or book comments
+ * (anonymised to preserve discussion threads).
+ */
+export async function deleteUserAccount(userId: string, sessionId: string): Promise<void> {
+	const collections = [
+		{ name: 'user_settings',      filter: `(user_id="${userId}" || session_id="${sessionId}")` },
+		{ name: 'user_library',       filter: `(user_id="${userId}" || session_id="${sessionId}")` },
+		{ name: 'progress',           filter: `(user_id="${userId}" || session_id="${sessionId}")` },
+		{ name: 'comment_votes',      filter: `user_id="${userId}"` },
+		{ name: 'book_ratings',       filter: `user_id="${userId}"` },
+		{ name: 'user_subscriptions', filter: `(follower_id="${userId}" || followee_id="${userId}")` },
+		{ name: 'notifications',      filter: `user_id="${userId}"` },
+		{ name: 'user_sessions',      filter: `user_id="${userId}"` },
+	];
+
+	const token = await getToken();
+
+	for (const { name, filter } of collections) {
+		try {
+			const rows = await listAll<{ id: string }>(name, filter);
+			await Promise.all(
+				rows.map((r) =>
+					fetch(`${PB_URL}/api/collections/${name}/records/${r.id}`, {
+						method: 'DELETE',
+						headers: { Authorization: `Bearer ${token}` }
+					}).catch(() => {})
+				)
+			);
+		} catch {
+			// Best-effort: log and continue so one failure doesn't abort the rest
+			log.warn('pocketbase', `deleteUserAccount: failed to purge ${name}`, { userId });
+		}
+	}
+
+	// Delete the user record last
+	const res = await pbDelete(`/api/collections/app_users/records/${userId}`);
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('pocketbase', 'deleteUserAccount: failed to delete app_users record', { userId, status: res.status, body });
+		throw new Error(`Failed to delete user record (${res.status})`);
+	}
+	log.info('pocketbase', 'deleteUserAccount: account deleted', { userId });
+}
+
+/**
+ * Update the avatar_url field for a user record.
+ */
+export async function updateUserAvatarUrl(userId: string, avatarUrl: string): Promise<void> {
+	const token = await getToken();
+	const res = await fetch(`${PB_URL}/api/collections/app_users/records/${userId}`, {
+		method: 'PATCH',
+		headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
+		body: JSON.stringify({ avatar_url: avatarUrl })
+	});
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		throw new Error(`updateUserAvatarUrl failed: ${res.status} ${body}`);
+	}
+}
+
+/**
+ * Update a user's notification preferences (stored on app_users record).
+ */
+export async function updateUserNotificationPrefs(
+	userId: string,
+	prefs: {
+		notify_new_chapters?: boolean;
+		notify_new_chapters_push?: boolean;
+	}
+): Promise<void> {
+	const token = await getToken();
+	const res = await fetch(`${PB_URL}/api/collections/app_users/records/${userId}`, {
+		method: 'PATCH',
+		headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
+		body: JSON.stringify(prefs)
+	});
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		throw new Error(`updateUserNotificationPrefs failed: ${res.status} ${body}`);
+	}
+}
+
+// ─── Comments ─────────────────────────────────────────────────────────────────
+
+export interface PBBookComment {
+	id: string;
+	slug: string;
+	chapter?: number;   // 0 or absent = book-level; N = chapter N
+	user_id: string;
+	username: string;
+	body: string;
+	upvotes: number;
+	downvotes: number;
+	created: string;
+	parent_id?: string; // empty / absent = top-level; set = reply
+}
+
+export interface CommentVote {
+	id: string;
+	comment_id: string;
+	user_id: string;
+	session_id: string;
+	vote: 'up' | 'down';
+}
+
+export type CommentSort = 'top' | 'new';
+
+/**
+ * List top-level comments for a book or a specific chapter.
+ * chapter=0 (default) → book-level comments only
+ * chapter=N           → comments for chapter N only
+ * sort='top'  → by net score (upvotes − downvotes) desc, then newest
+ * sort='new'  → newest first (default)
+ * Replies (parent_id != "") are NOT included — fetch them separately.
+ */
+export async function listComments(
+	slug: string,
+	sort: CommentSort = 'new',
+	chapter = 0
+): Promise<PBBookComment[]> {
+	const token = await getToken();
+	const slugEsc = slug.replace(/"/g, '\\"');
+	const chapterFilter = chapter > 0
+		? `&&chapter=${chapter}`
+		: `&&(chapter=0||chapter=null)`;
+	const filter = encodeURIComponent(`slug="${slugEsc}"${chapterFilter}&&(parent_id=""||parent_id=null)`);
+	const res = await fetch(
+		`${PB_URL}/api/collections/book_comments/records?filter=${filter}&sort=-created&perPage=200`,
+		{ headers: { Authorization: `Bearer ${token}` } }
+	);
+	if (!res.ok) return [];
+	const data = await res.json();
+	let items = (data.items ?? []) as PBBookComment[];
+	if (sort === 'top') {
+		items = items.sort((a, b) => {
+			const scoreB = (b.upvotes ?? 0) - (b.downvotes ?? 0);
+			const scoreA = (a.upvotes ?? 0) - (a.downvotes ?? 0);
+			if (scoreB !== scoreA) return scoreB - scoreA;
+			return new Date(b.created).getTime() - new Date(a.created).getTime();
+		});
+	}
+	return items;
+}
+
+/**
+ * Count unique readers for a book in the last 7 days.
+ * Uses progress.updated timestamp; counts both session-based and user-based.
+ */
+export async function countReadersThisWeek(slug: string): Promise<number> {
+	const token = await getToken();
+	const cutoff = new Date(Date.now() - 7 * 24 * 60 * 60 * 1000).toISOString();
+	const filter = encodeURIComponent(`slug="${slug.replace(/"/g, '\\"')}"&&updated>"${cutoff}"`);
+	const res = await fetch(
+		`${PB_URL}/api/collections/progress/records?filter=${filter}&perPage=500&fields=user_id,session_id`,
+		{ headers: { Authorization: `Bearer ${token}` } }
+	);
+	if (!res.ok) return 0;
+	const data = await res.json();
+	const items = (data.items ?? []) as { user_id?: string; session_id?: string }[];
+	// Deduplicate: prefer user_id when present, fall back to session_id
+	const unique = new Set(items.map((r) => r.user_id || r.session_id || '').filter(Boolean));
+	return unique.size;
+}
+
+/**
+ * List replies (1-level deep) for a single parent comment.
+ * Always sorted oldest-first so the conversation reads naturally.
+ */
+export async function listReplies(parentId: string): Promise<PBBookComment[]> {
+	const token = await getToken();
+	const filter = encodeURIComponent(`parent_id="${parentId.replace(/"/g, '\\"')}"`);
+	const res = await fetch(
+		`${PB_URL}/api/collections/book_comments/records?filter=${filter}&sort=created&perPage=100`,
+		{ headers: { Authorization: `Bearer ${token}` } }
+	);
+	if (!res.ok) return [];
+	const data = await res.json();
+	return (data.items ?? []) as PBBookComment[];
+}
+
+/**
+ * Create a new comment. Returns the created record.
+ * Pass parentId to create a reply; omit / pass undefined for a top-level comment.
+ */
+export async function createComment(
+	slug: string,
+	body: string,
+	userId: string | undefined,
+	username: string,
+	parentId?: string,
+	chapter = 0
+): Promise<PBBookComment> {
+	const token = await getToken();
+	const res = await fetch(`${PB_URL}/api/collections/book_comments/records`, {
+		method: 'POST',
+		headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
+		body: JSON.stringify({
+			id: crypto.randomUUID().replace(/-/g, '').slice(0, 15),
+			slug,
+			chapter,
+			body,
+			user_id: userId ?? '',
+			username,
+			upvotes: 0,
+			downvotes: 0,
+			parent_id: parentId ?? '',
+			created: new Date().toISOString()
+		})
+	});
+	if (!res.ok) {
+		const text = await res.text().catch(() => '');
+		throw new Error(`createComment failed: ${res.status} ${text}`);
+	}
+	return res.json() as Promise<PBBookComment>;
+}
+
+/**
+ * Delete a comment (and optionally its replies) by ID.
+ * Only the comment owner (matched by userId) may delete.
+ * Throws if the comment doesn't exist or the user doesn't own it.
+ */
+export async function deleteComment(commentId: string, userId: string): Promise<void> {
+	const token = await getToken();
+
+	// Fetch the comment to verify ownership
+	const getRes = await fetch(`${PB_URL}/api/collections/book_comments/records/${commentId}`, {
+		headers: { Authorization: `Bearer ${token}` }
+	});
+	if (!getRes.ok) throw new Error(`Comment not found: ${commentId}`);
+	const comment = (await getRes.json()) as PBBookComment;
+	if (comment.user_id !== userId) throw new Error('Not authorized to delete this comment');
+
+	// Delete any replies first
+	const repliesFilter = encodeURIComponent(`parent_id="${commentId.replace(/"/g, '\\"')}"`);
+	const repliesRes = await fetch(
+		`${PB_URL}/api/collections/book_comments/records?filter=${repliesFilter}&perPage=100`,
+		{ headers: { Authorization: `Bearer ${token}` } }
+	);
+	if (repliesRes.ok) {
+		const repliesData = await repliesRes.json();
+		const replies = (repliesData.items ?? []) as PBBookComment[];
+		await Promise.all(
+			replies.map((r) =>
+				fetch(`${PB_URL}/api/collections/book_comments/records/${r.id}`, {
+					method: 'DELETE',
+					headers: { Authorization: `Bearer ${token}` }
+				})
+			)
+		);
+	}
+
+	// Delete the comment itself
+	const delRes = await fetch(`${PB_URL}/api/collections/book_comments/records/${commentId}`, {
+		method: 'DELETE',
+		headers: { Authorization: `Bearer ${token}` }
+	});
+	if (!delRes.ok) throw new Error(`deleteComment failed: ${delRes.status}`);
+}
+
+/**
+ * Get an existing vote by this voter (identified by user_id or session_id) on a comment.
+ */
+export async function getCommentVote(
+	commentId: string,
+	sessionId: string,
+	userId?: string
+): Promise<CommentVote | null> {
+	const token = await getToken();
+	const voterFilter = userId
+		? `comment_id="${commentId}"&&user_id="${userId}"`
+		: `comment_id="${commentId}"&&session_id="${sessionId}"`;
+	const res = await fetch(
+		`${PB_URL}/api/collections/comment_votes/records?filter=${encodeURIComponent(voterFilter)}&perPage=1`,
+		{ headers: { Authorization: `Bearer ${token}` } }
+	);
+	if (!res.ok) return null;
+	const data = await res.json();
+	const items = (data.items ?? []) as CommentVote[];
+	return items[0] ?? null;
+}
+
+/**
+ * Cast or change a vote on a comment. Handles:
+ * - New vote: creates vote record, increments counter.
+ * - Same vote again: removes it (toggle off), decrements counter.
+ * - Changed vote: updates record, adjusts both counters.
+ * Returns the updated comment.
+ */
+export async function voteComment(
+	commentId: string,
+	vote: 'up' | 'down',
+	sessionId: string,
+	userId?: string
+): Promise<PBBookComment> {
+	const token = await getToken();
+
+	// Fetch current comment
+	const commentRes = await fetch(`${PB_URL}/api/collections/book_comments/records/${commentId}`, {
+		headers: { Authorization: `Bearer ${token}` }
+	});
+	if (!commentRes.ok) throw new Error(`Comment not found: ${commentId}`);
+	const comment = (await commentRes.json()) as PBBookComment;
+
+	const existing = await getCommentVote(commentId, sessionId, userId);
+
+	let upDelta = 0;
+	let downDelta = 0;
+
+	if (!existing) {
+		// New vote
+		await fetch(`${PB_URL}/api/collections/comment_votes/records`, {
+			method: 'POST',
+			headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
+			body: JSON.stringify({ comment_id: commentId, user_id: userId ?? '', session_id: sessionId, vote })
+		});
+		vote === 'up' ? upDelta++ : downDelta++;
+	} else if (existing.vote === vote) {
+		// Toggle off — remove vote
+		await fetch(`${PB_URL}/api/collections/comment_votes/records/${existing.id}`, {
+			method: 'DELETE',
+			headers: { Authorization: `Bearer ${token}` }
+		});
+		vote === 'up' ? upDelta-- : downDelta--;
+	} else {
+		// Changed vote
+		await fetch(`${PB_URL}/api/collections/comment_votes/records/${existing.id}`, {
+			method: 'PATCH',
+			headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
+			body: JSON.stringify({ vote })
+		});
+		if (vote === 'up') { upDelta++; downDelta--; }
+		else { upDelta--; downDelta++; }
+	}
+
+	// Patch comment counters
+	const patchRes = await fetch(`${PB_URL}/api/collections/book_comments/records/${commentId}`, {
+		method: 'PATCH',
+		headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
+		body: JSON.stringify({
+			upvotes: Math.max(0, (comment.upvotes ?? 0) + upDelta),
+			downvotes: Math.max(0, (comment.downvotes ?? 0) + downDelta)
+		})
+	});
+	if (!patchRes.ok) throw new Error(`Failed to update vote counts on comment ${commentId}`);
+	return patchRes.json() as Promise<PBBookComment>;
+}
+
+/**
+ * Fetch votes cast by this session/user, keyed by comment_id.
+ * Returns a map of commentId → 'up' | 'down'.
+ */
+export async function getMyVotes(
+	commentIds: string[],
+	sessionId: string,
+	userId?: string
+): Promise<Record<string, 'up' | 'down'>> {
+	if (commentIds.length === 0) return {};
+	const token = await getToken();
+	const idFilter = commentIds.map((id) => `comment_id="${id}"`).join('||');
+	const voterPart = userId ? `user_id="${userId}"` : `session_id="${sessionId}"`;
+	const filter = encodeURIComponent(`(${idFilter})&&${voterPart}`);
+	const res = await fetch(
+		`${PB_URL}/api/collections/comment_votes/records?filter=${filter}&perPage=200`,
+		{ headers: { Authorization: `Bearer ${token}` } }
+	);
+	if (!res.ok) return {};
+	const data = await res.json();
+	const map: Record<string, 'up' | 'down'> = {};
+	for (const v of (data.items ?? []) as CommentVote[]) {
+		map[v.comment_id] = v.vote as 'up' | 'down';
+	}
+	return map;
+}
+
+// ─── User subscriptions ───────────────────────────────────────────────────────
+
+export interface UserSubscription {
+	id: string;
+	follower_id: string;
+	followee_id: string;
+	created: string;
+}
+
+/**
+ * Returns the subscription record if follower_id follows followee_id, else null.
+ */
+export async function getSubscription(
+	followerId: string,
+	followeeId: string
+): Promise<UserSubscription | null> {
+	const filter = encodeURIComponent(`follower_id="${followerId}"&&followee_id="${followeeId}"`);
+	const res = await pbGet<{ items: UserSubscription[]; totalItems: number }>(
+		`/api/collections/user_subscriptions/records?filter=${filter}&perPage=1`
+	).catch(() => null);
+	return res?.items?.[0] ?? null;
+}
+
+/**
+ * Subscribe follower_id to followee_id. No-ops if already subscribed.
+ * Returns the subscription record.
+ */
+export async function subscribe(followerId: string, followeeId: string): Promise<void> {
+	const existing = await getSubscription(followerId, followeeId);
+	if (existing) return;
+	const res = await pbPost('/api/collections/user_subscriptions/records', {
+		follower_id: followerId,
+		followee_id: followeeId,
+		created: new Date().toISOString()
+	});
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		throw new Error(`Failed to subscribe: ${res.status} — ${body}`);
+	}
+}
+
+/**
+ * Unsubscribe follower_id from followee_id. No-ops if not subscribed.
+ */
+export async function unsubscribe(followerId: string, followeeId: string): Promise<void> {
+	const existing = await getSubscription(followerId, followeeId);
+	if (!existing) return;
+	const token = await getToken();
+	await fetch(`${PB_URL}/api/collections/user_subscriptions/records/${existing.id}`, {
+		method: 'DELETE',
+		headers: { Authorization: `Bearer ${token}` }
+	});
+}
+
+/**
+ * Returns the list of user IDs that followerId is subscribed to.
+ */
+export async function getFollowingIds(followerId: string): Promise<string[]> {
+	const items = await listAll<UserSubscription>(
+		'user_subscriptions',
+		`follower_id="${followerId}"`,
+		'-created'
+	).catch(() => [] as UserSubscription[]);
+	return items.map((s) => s.followee_id);
+}
+
+/**
+ * Returns the count of subscribers (followers) for a given user.
+ */
+export async function getFollowerCount(followeeId: string): Promise<number> {
+	return countCollection('user_subscriptions', `followee_id="${followeeId}"`).catch(() => 0);
+}
+
+/**
+ * Returns the count of accounts a user is following.
+ */
+export async function getFollowingCount(followerId: string): Promise<number> {
+	return countCollection('user_subscriptions', `follower_id="${followerId}"`).catch(() => 0);
+}
+
+/**
+ * Public profile data for a user.
+ */
+export interface PublicProfile {
+	id: string;
+	username: string;
+	avatar_url?: string;
+	created: string;
+	followerCount: number;
+	followingCount: number;
+}
+
+/**
+ * Returns a user's public profile (no sensitive fields) by username.
+ */
+export async function getPublicProfile(username: string): Promise<PublicProfile | null> {
+	const user = await getUserByUsername(username);
+	if (!user) return null;
+	const [followerCount, followingCount] = await Promise.all([
+		getFollowerCount(user.id),
+		getFollowingCount(user.id)
+	]);
+	return {
+		id: user.id,
+		username: user.username,
+		avatar_url: user.avatar_url,
+		created: user.created,
+		followerCount,
+		followingCount
+	};
+}
+
+/**
+ * Returns a user's public library: books they have saved or are reading.
+ * Only includes books with progress or explicit saves (user_library).
+ */
+export async function getUserPublicLibrary(
+	userId: string
+): Promise<Array<{ book: Book; chapter: number | null; saved: boolean }>> {
+	const [allBooks, progressList, savedEntries] = await Promise.all([
+		listBooks(),
+		listAll<Progress>('progress', `user_id="${userId}"`, '-updated').catch(() => [] as Progress[]),
+		listAll<{ id: string; slug: string; saved_at: string }>(
+			'user_library',
+			`user_id="${userId}"`,
+			'-saved_at'
+		).catch(() => [] as { id: string; slug: string; saved_at: string }[])
+	]);
+
+	const bookMap = new Map<string, Book>(allBooks.map((b) => [b.slug, b]));
+	const result: Array<{ book: Book; chapter: number | null; saved: boolean }> = [];
+	const seen = new Set<string>();
+
+	// Books with progress first (most recently read)
+	for (const p of progressList) {
+		const book = bookMap.get(p.slug);
+		if (!book || seen.has(p.slug)) continue;
+		seen.add(p.slug);
+		result.push({ book, chapter: p.chapter, saved: false });
+	}
+
+	// Saved-only books next
+	for (const e of savedEntries) {
+		const book = bookMap.get(e.slug);
+		if (!book || seen.has(e.slug)) continue;
+		seen.add(e.slug);
+		result.push({ book, chapter: null, saved: true });
+	}
+
+	// Mark saved flag for books that are both in progress AND saved
+	const savedSlugs = new Set(savedEntries.map((e) => e.slug));
+	return result.map((r) => ({ ...r, saved: savedSlugs.has(r.book.slug) }));
+}
+
+/**
+ * Returns the currently-reading books (books with progress, not completed)
+ * for a given user ID.
+ */
+export async function getUserCurrentlyReading(
+	userId: string
+): Promise<Array<{ book: Book; chapter: number }>> {
+	const [allBooks, progressList] = await Promise.all([
+		listBooks(),
+		listAll<Progress>('progress', `user_id="${userId}"`, '-updated').catch(() => [] as Progress[])
+	]);
+	const bookMap = new Map<string, Book>(allBooks.map((b) => [b.slug, b]));
+	return progressList
+		.filter((p) => {
+			const book = bookMap.get(p.slug);
+			return book && p.chapter > 0 && p.chapter < book.total_chapters;
+		})
+		.slice(0, 10)
+		.map((p) => ({ book: bookMap.get(p.slug)!, chapter: p.chapter }));
+}
+
+/**
+ * Returns recently-updated books from ALL users that followerId is subscribed to.
+ * Deduplicates across followed users; sorts by most recently updated.
+ */
+export async function getSubscriptionFeed(
+	followerId: string,
+	limit = 12
+): Promise<Array<{ book: Book; readerUsername: string }>> {
+	const followingIds = await getFollowingIds(followerId);
+	if (followingIds.length === 0) return [];
+
+	// Fetch all users we follow (for display names)
+	const token = await getToken();
+	const userFetches = followingIds.map((id) =>
+		fetch(`${PB_URL}/api/collections/app_users/records/${id}`, {
+			headers: { Authorization: `Bearer ${token}` }
+		})
+			.then((r) => (r.ok ? (r.json() as Promise<User>) : null))
+			.catch(() => null)
+	);
+	const users = (await Promise.all(userFetches)).filter(Boolean) as User[];
+	const userMap = new Map<string, User>(users.map((u) => [u.id, u]));
+
+	// Fetch progress for each followed user
+	const progressFetches = followingIds.map((id) =>
+		listAll<Progress>('progress', `user_id="${id}"`, '-updated').catch(() => [] as Progress[])
+	);
+	const allProgressArrays = await Promise.all(progressFetches);
+
+	const allBooks = await listBooks();
+	const bookMap = new Map<string, Book>(allBooks.map((b) => [b.slug, b]));
+
+	// Merge: per slug take the most-recent progress entry
+	const seen = new Set<string>();
+	const feed: Array<{ book: Book; readerUsername: string; updated: string }> = [];
+
+	for (let i = 0; i < followingIds.length; i++) {
+		const uid = followingIds[i];
+		const username = userMap.get(uid)?.username ?? 'unknown';
+		for (const p of allProgressArrays[i]) {
+			if (seen.has(p.slug)) continue;
+			const book = bookMap.get(p.slug);
+			if (!book || book.visibility !== 'public') continue;
+			seen.add(p.slug);
+			feed.push({ book, readerUsername: username, updated: p.updated });
+		}
+	}
+
+	// Sort by most recently read across all followed users
+	feed.sort((a, b) => b.updated.localeCompare(a.updated));
+	return feed.slice(0, limit).map(({ book, readerUsername }) => ({ book, readerUsername }));
+}
+
+// ─── Discovery ────────────────────────────────────────────────────────────────
+// NOTE: Requires a `discovery_votes` collection in PocketBase with fields:
+//   - session_id (text, required)
+//   - user_id    (text, optional)
+//   - slug       (text, required)
+//   - action     (text, required) — one of: like | skip | nope | read_now
+
+export interface DiscoveryVote {
+	id?: string;
+	session_id: string;
+	user_id?: string;
+	slug: string;
+	action: 'like' | 'skip' | 'nope' | 'read_now';
+}
+
+export interface DiscoveryPrefs {
+	genres: string[];
+	status: 'either' | 'ongoing' | 'completed';
+}
+
+function parseGenresLocal(genres: string[] | string): string[] {
+	if (Array.isArray(genres)) return genres;
+	if (!genres) return [];
+	try { return JSON.parse(genres) as string[]; } catch { return []; }
+}
+
+function discoveryFilter(sessionId: string, userId?: string): string {
+	if (userId) return `user_id="${userId}"`;
+	return `session_id="${sessionId}"`;
+}
+
+/** Cache TTL (seconds) for per-user voted/saved slug sets. Short — changes on every swipe. */
+const VOTED_SLUGS_TTL = 30;
+const SAVED_SLUGS_TTL = 60;
+
+export async function getVotedSlugs(sessionId: string, userId?: string): Promise<Set<string>> {
+	const cacheKey = userId ? `discovery_votes:user:${userId}` : `discovery_votes:session:${sessionId}`;
+	const cached = await cache.get<string[]>(cacheKey);
+	if (cached) return new Set(cached);
+	const rows = await listAll<DiscoveryVote>(
+		'discovery_votes',
+		discoveryFilter(sessionId, userId)
+	).catch(() => [] as DiscoveryVote[]);
+	const slugs = rows.map((r) => r.slug);
+	await cache.set(cacheKey, slugs, VOTED_SLUGS_TTL);
+	return new Set(slugs);
+}
+
+/** Invalidate the voted-slugs cache entry after a vote is recorded. */
+async function invalidateVotedSlugsCache(sessionId: string, userId?: string): Promise<void> {
+	const key = userId ? `discovery_votes:user:${userId}` : `discovery_votes:session:${sessionId}`;
+	await cache.invalidate(key);
+}
+
+export async function upsertDiscoveryVote(
+	sessionId: string,
+	slug: string,
+	action: DiscoveryVote['action'],
+	userId?: string
+): Promise<void> {
+	const filter = userId
+		? `user_id="${userId}"&&slug="${slug}"`
+		: `session_id="${sessionId}"&&slug="${slug}"`;
+	const existing = await listOne<DiscoveryVote & { id: string }>('discovery_votes', filter);
+	const payload: Partial<DiscoveryVote> = { session_id: sessionId, slug, action };
+	if (userId) payload.user_id = userId;
+
+	if (existing) {
+		const res = await pbPatch(`/api/collections/discovery_votes/records/${existing.id}`, payload);
+		if (!res.ok) log.warn('pocketbase', 'upsertDiscoveryVote PATCH failed', { slug, status: res.status });
+	} else {
+		const res = await pbPost('/api/collections/discovery_votes/records', payload);
+		if (!res.ok) log.warn('pocketbase', 'upsertDiscoveryVote POST failed', { slug, status: res.status });
+	}
+	await invalidateVotedSlugsCache(sessionId, userId);
+}
+
+export async function clearDiscoveryVotes(sessionId: string, userId?: string): Promise<void> {
+	const filter = discoveryFilter(sessionId, userId);
+	const rows = await listAll<DiscoveryVote & { id: string }>('discovery_votes', filter).catch(() => []);
+	await Promise.all(
+		rows.map((r) =>
+			pbDelete(`/api/collections/discovery_votes/records/${r.id}`).catch(() => {})
+		)
+	);
+	await invalidateVotedSlugsCache(sessionId, userId);
+}
+
+// ─── Ratings ──────────────────────────────────────────────────────────────────
+
+export interface BookRating {
+	session_id: string;
+	user_id?: string;
+	slug: string;
+	rating: number; // 1–5
+}
+
+export async function getBookRating(
+	sessionId: string,
+	slug: string,
+	userId?: string
+): Promise<number> {
+	const filter = userId
+		? `(session_id="${sessionId}" || user_id="${userId}") && slug="${slug}"`
+		: `session_id="${sessionId}" && slug="${slug}"`;
+	const row = await listOne<BookRating>('book_ratings', filter).catch(() => null);
+	return row?.rating ?? 0;
+}
+
+export async function getBookAvgRating(
+	slug: string
+): Promise<{ avg: number; count: number }> {
+	const rows = await listAll<BookRating>('book_ratings', `slug="${slug}"`).catch(() => []);
+	if (!rows.length) return { avg: 0, count: 0 };
+	const avg = rows.reduce((s, r) => s + r.rating, 0) / rows.length;
+	return { avg: Math.round(avg * 10) / 10, count: rows.length };
+}
+
+export async function setBookRating(
+	sessionId: string,
+	slug: string,
+	rating: number,
+	userId?: string
+): Promise<void> {
+	const filter = userId
+		? `(session_id="${sessionId}" || user_id="${userId}") && slug="${slug}"`
+		: `session_id="${sessionId}" && slug="${slug}"`;
+	const existing = await listOne<BookRating & { id: string }>('book_ratings', filter).catch(() => null);
+	const payload: Partial<BookRating> = { session_id: sessionId, slug, rating };
+	if (userId) payload.user_id = userId;
+	if (existing) {
+		await pbPatch(`/api/collections/book_ratings/records/${existing.id}`, payload);
+	} else {
+		await pbPost('/api/collections/book_ratings/records', payload);
+	}
+	await cache.invalidate(RATINGS_CACHE_KEY);
+}
+
+// ─── Shelves ───────────────────────────────────────────────────────────────────
+
+export type ShelfName = '' | 'plan_to_read' | 'completed' | 'dropped';
+
+export async function updateBookShelf(
+	sessionId: string,
+	slug: string,
+	shelf: ShelfName,
+	userId?: string
+): Promise<void> {
+	const filter = userId
+		? `(session_id="${sessionId}" || user_id="${userId}") && slug="${slug}"`
+		: `session_id="${sessionId}" && slug="${slug}"`;
+	const existing = await listOne<{ id: string }>('user_library', filter).catch(() => null);
+	if (!existing) {
+		// Save + set shelf in one shot
+		const payload: Record<string, unknown> = { session_id: sessionId, slug, shelf, saved_at: new Date().toISOString() };
+		if (userId) payload.user_id = userId;
+		await pbPost('/api/collections/user_library/records', payload);
+	} else {
+		await pbPatch(`/api/collections/user_library/records/${existing.id}`, { shelf });
+	}
+}
+
+export async function getShelfMap(
+	sessionId: string,
+	userId?: string
+): Promise<Record<string, ShelfName>> {
+	const filter = userId
+		? `session_id="${sessionId}" || user_id="${userId}"`
+		: `session_id="${sessionId}"`;
+	const rows = await listAll<{ slug: string; shelf: string }>('user_library', filter).catch(() => []);
+	const map: Record<string, ShelfName> = {};
+	for (const r of rows) map[r.slug] = (r.shelf as ShelfName) || '';
+	return map;
+}
+
+export async function getBooksForDiscovery(
+	sessionId: string,
+	userId?: string,
+	prefs?: DiscoveryPrefs
+): Promise<Book[]> {
+	// Fetch all 4 independent data sources in parallel — previously getAllRatings
+	// ran sequentially after the first group, adding it to the critical path.
+	const [allBooks, votedSlugs, savedSlugs, ratingRows] = await Promise.all([
+		listBooks(),
+		getVotedSlugs(sessionId, userId),
+		getSavedSlugs(sessionId, userId),
+		getAllRatings(),
+	]);
+
+	let candidates = allBooks.filter(
+		(b) => b.visibility === 'public' && !votedSlugs.has(b.slug) && !savedSlugs.has(b.slug)
+	);
+
+	if (prefs?.genres?.length) {
+		const preferred = new Set(prefs.genres.map((g) => g.toLowerCase()));
+		const genreFiltered = candidates.filter((b) => {
+			const genres = parseGenresLocal(b.genres);
+			return genres.some((g) => preferred.has(g.toLowerCase()));
+		});
+		if (genreFiltered.length >= 5) candidates = genreFiltered;
+	}
+
+	if (prefs?.status && prefs.status !== 'either') {
+		const sf = candidates.filter((b) => b.status?.toLowerCase().includes(prefs.status));
+		if (sf.length >= 3) candidates = sf;
+	}
+
+	// Build slug→avg rating map
+	const ratingMap = new Map<string, { sum: number; count: number }>();
+	for (const r of ratingRows) {
+		const cur = ratingMap.get(r.slug) ?? { sum: 0, count: 0 };
+		cur.sum += r.rating;
+		cur.count += 1;
+		ratingMap.set(r.slug, cur);
+	}
+	const avgRating = (slug: string) => {
+		const e = ratingMap.get(slug);
+		return e && e.count > 0 ? e.sum / e.count : 0;
+	};
+
+	// Sort by avg desc (unrated = 0, treated as unknown → middle of pack after rated)
+	// Then apply Fisher-Yates only within each rating tier so ordering feels natural.
+	candidates.sort((a, b) => avgRating(b.slug) - avgRating(a.slug));
+
+	// Shuffle within rating tiers (±0.5 star buckets) to avoid pure determinism
+	const tierOf = (slug: string) => Math.round(avgRating(slug) * 2); // 0–10
+	let start = 0;
+	while (start < candidates.length) {
+		let end = start + 1;
+		while (end < candidates.length && tierOf(candidates[end].slug) === tierOf(candidates[start].slug)) end++;
+		for (let i = end - 1; i > start; i--) {
+			const j = start + Math.floor(Math.random() * (i - start + 1));
+			[candidates[i], candidates[j]] = [candidates[j], candidates[i]];
+		}
+		start = end;
+	}
+
+	return candidates.slice(0, 50);
+}
+
+// ─── Discovery history ─────────────────────────────────────────────────────────
+
+export interface VotedBook {
+	slug: string;
+	action: DiscoveryVote['action'];
+	votedAt: string;
+	book?: Book;
+}
+
+export async function getVotedBooks(
+	sessionId: string,
+	userId?: string
+): Promise<VotedBook[]> {
+	const votes = await listAll<DiscoveryVote & { id: string; created: string }>(
+		'discovery_votes',
+		discoveryFilter(sessionId, userId),
+		'-created'
+	).catch(() => []);
+
+	if (!votes.length) return [];
+
+	const slugs = [...new Set(votes.map((v) => v.slug))];
+	const books = await getBooksBySlugs(new Set(slugs)).catch(() => [] as Book[]);
+	const bookMap = new Map(books.map((b) => [b.slug, b]));
+
+	return votes.map((v) => ({
+		slug: v.slug,
+		action: v.action,
+		votedAt: v.created,
+		book: bookMap.get(v.slug)
+	}));
+}
+
+export async function undoDiscoveryVote(
+	sessionId: string,
+	slug: string,
+	userId?: string
+): Promise<void> {
+	const filter = `${discoveryFilter(sessionId, userId)}&&slug="${slug}"`;
+	const row = await listOne<{ id: string }>('discovery_votes', filter).catch(() => null);
+	if (row) {
+		await pbDelete(`/api/collections/discovery_votes/records/${row.id}`).catch(() => {});
+	}
+	await invalidateVotedSlugsCache(sessionId, userId);
+}
+
+// ─── User stats ────────────────────────────────────────────────────────────────
+
+export interface UserStats {
+	totalChaptersRead: number;
+	booksReading: number;
+	booksCompleted: number;
+	booksPlanToRead: number;
+	booksDropped: number;
+	topGenres: string[];       // top 3 by frequency
+	avgRatingGiven: number;    // 0 if no ratings
+	streak: number;            // consecutive days with progress
+}
+
+export async function getUserStats(
+	sessionId: string,
+	userId?: string
+): Promise<UserStats> {
+	const filter = userId ? `user_id="${userId}"` : `session_id="${sessionId}"`;
+
+	const [progressRows, libraryRows, ratingRows, allBooks] = await Promise.all([
+		listAll<Progress & { updated: string }>('progress', filter, '-updated').catch(() => []),
+		listAll<{ slug: string; shelf: string }>('user_library', filter).catch(() => []),
+		listAll<BookRating>('book_ratings', filter).catch(() => []),
+		listBooks().catch(() => [] as Book[])
+	]);
+
+	// shelf counts
+	const shelfCounts = { reading: 0, completed: 0, plan_to_read: 0, dropped: 0 };
+	for (const r of libraryRows) {
+		const s = r.shelf || 'reading';
+		if (s in shelfCounts) shelfCounts[s as keyof typeof shelfCounts]++;
+	}
+
+	// top genres from books in progress/library
+	const libSlugs = new Set(libraryRows.map((r) => r.slug));
+	const progSlugs = new Set(progressRows.map((r) => r.slug));
+	const allSlugs = new Set([...libSlugs, ...progSlugs]);
+	const bookMap = new Map(allBooks.map((b) => [b.slug, b]));
+	const genreFreq = new Map<string, number>();
+	for (const slug of allSlugs) {
+		const book = bookMap.get(slug);
+		if (!book) continue;
+		for (const g of parseGenresLocal(book.genres)) {
+			genreFreq.set(g, (genreFreq.get(g) ?? 0) + 1);
+		}
+	}
+	const topGenres = [...genreFreq.entries()]
+		.sort((a, b) => b[1] - a[1])
+		.slice(0, 3)
+		.map(([g]) => g);
+
+	// avg rating given
+	const avgRatingGiven =
+		ratingRows.length > 0
+			? Math.round((ratingRows.reduce((s, r) => s + r.rating, 0) / ratingRows.length) * 10) / 10
+			: 0;
+
+	// reading streak: count consecutive calendar days (UTC) with a progress update
+	const days = new Set(
+		progressRows
+			.filter((r) => r.updated)
+			.map((r) => r.updated.slice(0, 10))
+	);
+	let streak = 0;
+	const today = new Date();
+	for (let i = 0; i < 365; i++) {
+		const d = new Date(today);
+		d.setUTCDate(d.getUTCDate() - i);
+		if (days.has(d.toISOString().slice(0, 10))) streak++;
+		else if (i > 0) break; // gap — stop
+	}
+
+	return {
+		totalChaptersRead: progressRows.length,
+		booksReading: shelfCounts.reading,
+		booksCompleted: shelfCounts.completed,
+		booksPlanToRead: shelfCounts.plan_to_read,
+		booksDropped: shelfCounts.dropped,
+		topGenres,
+		avgRatingGiven,
+		streak
+	};
+}
+
+// ─── Site Config ─────────────────────────────────────────────────────────────
+//
+// A single singleton record in the `site_config` collection holds global
+// display settings (seasonal decoration, logo animation, etc.).
+// The record is lazily created on first write; reads return safe defaults if
+// the collection/record doesn't exist yet.
+
+export interface SiteConfig {
+	/** Seasonal decoration particle effect: null = off */
+	decoration: 'snow' | 'sakura' | 'fireflies' | 'leaves' | 'stars' | null;
+	/** Special CSS class applied to the nav logo text */
+	logoAnimation: 'none' | 'glow' | 'rainbow' | 'pulse' | 'shimmer';
+	/** Human-readable label for the current event/season shown in a small badge */
+	eventLabel: string;
+}
+
+const SITE_CONFIG_DEFAULTS: SiteConfig = {
+	decoration: null,
+	logoAnimation: 'none',
+	eventLabel: '',
+};
+
+// In-memory short cache so every SSR request doesn't hammer PocketBase
+let _siteConfigCache: { value: SiteConfig; exp: number } | null = null;
+const SITE_CONFIG_CACHE_TTL = 60_000; // 60 seconds
+
+export async function getSiteConfig(): Promise<SiteConfig> {
+	if (_siteConfigCache && Date.now() < _siteConfigCache.exp) {
+		return _siteConfigCache.value;
+	}
+	try {
+		const list = await pbGet<{ items: Array<{ id: string } & SiteConfig> }>(
+			'/api/collections/site_config/records?perPage=1'
+		);
+		const row = list.items?.[0];
+		const value: SiteConfig = row
+			? {
+				decoration: row.decoration ?? null,
+				logoAnimation: row.logoAnimation ?? 'none',
+				eventLabel: row.eventLabel ?? '',
+			}
+			: { ...SITE_CONFIG_DEFAULTS };
+		_siteConfigCache = { value, exp: Date.now() + SITE_CONFIG_CACHE_TTL };
+		return value;
+	} catch {
+		// Collection may not exist yet — return defaults silently
+		return { ...SITE_CONFIG_DEFAULTS };
+	}
+}
+
+export async function saveSiteConfig(patch: Partial<SiteConfig>): Promise<void> {
+	// Bust cache
+	_siteConfigCache = null;
+
+	// Ensure collection exists and find the singleton record
+	let existingId: string | null = null;
+	try {
+		const list = await pbGet<{ items: Array<{ id: string }> }>(
+			'/api/collections/site_config/records?perPage=1'
+		);
+		existingId = list.items?.[0]?.id ?? null;
+	} catch {
+		// Collection doesn't exist yet — create it via PocketBase API
+		await pbPost('/api/collections', {
+			name: 'site_config',
+			type: 'base',
+			fields: [
+				{ name: 'decoration',     type: 'text' },
+				{ name: 'logoAnimation',  type: 'text' },
+				{ name: 'eventLabel',     type: 'text' },
+			],
+		});
+	}
+
+	if (existingId) {
+		await pbPatch(`/api/collections/site_config/records/${existingId}`, patch);
+	} else {
+		await pbPost('/api/collections/site_config/records', {
+			...SITE_CONFIG_DEFAULTS,
+			...patch,
+		});
+	}
+}
+
+// ─── AI Jobs ──────────────────────────────────────────────────────────────────
+
+const AI_JOBS_CACHE_KEY = 'admin:ai_jobs';
+const AI_JOBS_CACHE_TTL = 30; // 30 seconds — same as other admin job lists
+
+/**
+ * List all AI jobs from PocketBase, sorted by started descending.
+ * Short-lived cache (30s) to avoid hammering PocketBase on every navigation.
+ */
+export async function listAIJobs(): Promise<AIJob[]> {
+	const cached = await cache.get<AIJob[]>(AI_JOBS_CACHE_KEY);
+	if (cached) return cached;
+	const jobs = await listAll<AIJob>('ai_jobs', '', '-started');
+	await cache.set(AI_JOBS_CACHE_KEY, jobs, AI_JOBS_CACHE_TTL);
+	return jobs;
+}
diff --git a/ui/src/lib/server/polar.ts b/ui/src/lib/server/polar.ts
new file mode 100644
index 0000000..32364ff
--- /dev/null
+++ b/ui/src/lib/server/polar.ts
@@ -0,0 +1,194 @@
+/**
+ * Polar.sh integration — server-side only.
+ *
+ * Responsibilities:
+ *  - Verify webhook signatures (HMAC-SHA256)
+ *  - Patch app_users.polar_customer_id / polar_subscription_id / role on subscription events
+ *  - Expose isPro(userId) helper for gating
+ *
+ * Product IDs (Polar dashboard):
+ *   Monthly : 1376fdf5-b6a9-492b-be70-7c905131c0f9
+ *   Annual  : b6190307-79aa-4905-80c8-9ed941378d21
+ *
+ * Webhook event data shapes (Polar v1 API):
+ *   subscription.*  → data.customer_id, data.product_id, data.status, data.customer.email
+ *   order.created   → data.customer_id, data.product_id, data.customer.email, data.billing_reason
+ */
+
+import { createHmac, timingSafeEqual } from 'node:crypto';
+import { env } from '$env/dynamic/private';
+import { log } from '$lib/server/logger';
+import { getUserByPolarCustomerId, patchUser } from '$lib/server/pocketbase';
+
+export const POLAR_PRO_PRODUCT_IDS = new Set([
+	'1376fdf5-b6a9-492b-be70-7c905131c0f9', // monthly
+	'b6190307-79aa-4905-80c8-9ed941378d21'  // annual
+]);
+
+// ─── Webhook signature verification ──────────────────────────────────────────
+
+/**
+ * Verify the Polar webhook signature.
+ * Polar signs with HMAC-SHA256 over the raw body; header is "webhook-signature".
+ * Header format: "v1=<hex>"  (may be comma-separated list of sigs)
+ */
+export function verifyPolarWebhook(rawBody: string, signatureHeader: string): boolean {
+	const secret = env.POLAR_WEBHOOK_SECRET;
+	if (!secret) {
+		log.warn('polar', 'POLAR_WEBHOOK_SECRET not set — rejecting webhook');
+		return false;
+	}
+
+	const expected = createHmac('sha256', secret).update(rawBody).digest('hex');
+	const expectedBuf = Buffer.from(`v1=${expected}`);
+
+	// Header may contain multiple sigs separated by ", "
+	const sigs = signatureHeader.split(',').map((s) => s.trim());
+	for (const sig of sigs) {
+		try {
+			const sigBuf = Buffer.from(sig);
+			if (sigBuf.length === expectedBuf.length && timingSafeEqual(sigBuf, expectedBuf)) {
+				return true;
+			}
+		} catch {
+			// length mismatch etc — try next
+		}
+	}
+	return false;
+}
+
+// ─── Subscription event handler ───────────────────────────────────────────────
+
+interface PolarCustomer {
+	email?: string;
+	external_id?: string; // our app_users.id if set on the customer
+}
+
+interface PolarSubscription {
+	id: string;
+	status: string; // "active" | "canceled" | "past_due" | "unpaid" | ...
+	product_id: string;
+	customer_id: string;
+	customer?: PolarCustomer; // nested object — email lives here
+}
+
+/**
+ * Resolve the app_user for a Polar customer.
+ * Priority: polar_customer_id → email → customer.external_id (our user ID)
+ */
+async function resolveUser(customer_id: string, customer?: PolarCustomer) {
+	const { getUserByEmail, getUserById } = await import('$lib/server/pocketbase');
+
+	// 1. By stored polar_customer_id (fastest on repeat events)
+	const byCustomerId = await getUserByPolarCustomerId(customer_id).catch(() => null);
+	if (byCustomerId) return byCustomerId;
+
+	// 2. By email (most common first-time path)
+	const email = customer?.email;
+	if (email) {
+		const byEmail = await getUserByEmail(email).catch(() => null);
+		if (byEmail) return byEmail;
+	}
+
+	// 3. By external_id = our user ID (if set via Polar API on customer creation)
+	const externalId = customer?.external_id;
+	if (externalId) {
+		const byId = await getUserById(externalId).catch(() => null);
+		if (byId) return byId;
+	}
+
+	return null;
+}
+
+/**
+ * Handle a Polar subscription event.
+ * Finds the matching app_user and updates role + polar fields.
+ */
+export async function handleSubscriptionEvent(
+	eventType: string,
+	subscription: PolarSubscription
+): Promise<void> {
+	const { id: subId, status, product_id, customer_id, customer } = subscription;
+
+	log.info('polar', 'subscription event', {
+		eventType, subId, status, product_id,
+		customer_email: customer?.email
+	});
+
+	const user = await resolveUser(customer_id, customer);
+
+	if (!user) {
+		log.warn('polar', 'no app_user found for polar customer', {
+			customer_email: customer?.email,
+			customer_id
+		});
+		return;
+	}
+
+	const isProProduct = POLAR_PRO_PRODUCT_IDS.has(product_id);
+	const isActive = status === 'active';
+	const newRole = isProProduct && isActive ? 'pro' : (user.role === 'admin' ? 'admin' : 'user');
+
+	await patchUser(user.id, {
+		role: newRole,
+		polar_customer_id: customer_id,
+		polar_subscription_id: isActive ? subId : ''
+	});
+
+	log.info('polar', 'user role updated', {
+		userId: user.id, username: user.username, newRole, status
+	});
+}
+
+// ─── Order event handler ──────────────────────────────────────────────────────
+
+interface PolarOrder {
+	id: string;
+	status: string;
+	billing_reason: string; // "purchase" | "subscription_create" | "subscription_cycle" | "subscription_update"
+	product_id: string | null;
+	customer_id: string;
+	subscription_id: string | null;
+	customer?: PolarCustomer;
+}
+
+/**
+ * Handle order.created — used for initial subscription purchases.
+ * We only act on subscription_create billing_reason to avoid double-processing
+ * (subscription.active will also fire, but this ensures we catch edge cases).
+ */
+export async function handleOrderCreated(order: PolarOrder): Promise<void> {
+	const { id: orderId, billing_reason, product_id, customer_id, customer } = order;
+
+	log.info('polar', 'order.created', { orderId, billing_reason, product_id, customer_email: customer?.email });
+
+	// Only handle new subscription purchases here; renewals are handled by subscription.updated
+	if (billing_reason !== 'purchase' && billing_reason !== 'subscription_create') {
+		log.debug('polar', 'order.created — skipping non-purchase billing_reason', { billing_reason });
+		return;
+	}
+
+	if (!product_id || !POLAR_PRO_PRODUCT_IDS.has(product_id)) {
+		log.debug('polar', 'order.created — product not a pro product', { product_id });
+		return;
+	}
+
+	const user = await resolveUser(customer_id, customer);
+	if (!user) {
+		log.warn('polar', 'order.created — no app_user found', {
+			customer_email: customer?.email, customer_id
+		});
+		return;
+	}
+
+	// Only upgrade if not already pro/admin — subscription.active will do a full sync too
+	if (user.role !== 'pro' && user.role !== 'admin') {
+		await patchUser(user.id, {
+			role: 'pro',
+			polar_customer_id: customer_id
+		});
+		log.info('polar', 'order.created — user upgraded to pro', {
+			userId: user.id, username: user.username
+		});
+	}
+}
diff --git a/ui/src/lib/server/presignCache.ts b/ui/src/lib/server/presignCache.ts
new file mode 100644
index 0000000..23f3f3b
--- /dev/null
+++ b/ui/src/lib/server/presignCache.ts
@@ -0,0 +1,118 @@
+/**
+ * Valkey-backed presign URL cache (v3).
+ *
+ * Replaces the in-process Map from v2. All presign URLs are stored in Valkey
+ * (Redis-compatible) with native TTL, so:
+ *   - Cache survives UI process restarts.
+ *   - Cache is shared across multiple UI replicas (if scaled horizontally).
+ *   - No manual sweep timer needed — Valkey expires entries automatically.
+ *
+ * MinIO presigned audio URLs are valid for 1 hour (set by the backend).
+ * We cache them for 50 minutes so the browser always gets a URL with at
+ * least 10 minutes of remaining validity.
+ *
+ * Voice-sample URLs use the same cache with key "sample:<voice>".
+ *
+ * Connection:
+ *   VALKEY_URL env var (default: redis://valkey:6379)
+ *   ioredis handles reconnection automatically.
+ */
+
+import Redis from 'ioredis';
+
+const AUDIO_TTL_S = 50 * 60; // 50 minutes in seconds (Valkey TTL is in seconds)
+
+// Lazily-initialised singleton client.
+let _client: Redis | null = null;
+
+function client(): Redis {
+	if (!_client) {
+		const url = process.env.VALKEY_URL ?? 'redis://valkey:6379';
+		_client = new Redis(url, {
+			// Reconnect automatically with exponential backoff (ioredis default).
+			// lazyConnect: false means the connection is established immediately.
+			lazyConnect: false,
+			// Log connection errors to stderr; do not crash the process.
+			enableOfflineQueue: true,
+			maxRetriesPerRequest: 2,
+		});
+		_client.on('error', (err: Error) => {
+			console.error('[presignCache] Valkey error:', err.message);
+		});
+	}
+	return _client;
+}
+
+// ── Key helpers ───────────────────────────────────────────────────────────────
+
+/** Cache key for a chapter audio presigned URL. */
+export function audioKey(slug: string, n: number, voice: string): string {
+	return `audio:${slug}:${n}:${voice}`;
+}
+
+/** Cache key for a voice-sample presigned URL. */
+export function sampleKey(voice: string): string {
+	return `sample:${voice}`;
+}
+
+// ── Public API ────────────────────────────────────────────────────────────────
+
+/** Return the cached URL for key, or null if absent / expired. */
+export async function get(key: string): Promise<string | null> {
+	try {
+		return await client().get(key);
+	} catch (err) {
+		console.error('[presignCache] get error:', err);
+		return null;
+	}
+}
+
+/** Store a presigned URL under key for ttlSeconds seconds. */
+export async function set(key: string, url: string, ttlSeconds = AUDIO_TTL_S): Promise<void> {
+	try {
+		await client().set(key, url, 'EX', ttlSeconds);
+	} catch (err) {
+		console.error('[presignCache] set error:', err);
+	}
+}
+
+/** Invalidate a specific key (e.g. after audio generation to force refresh). */
+export async function invalidate(key: string): Promise<void> {
+	try {
+		await client().del(key);
+	} catch (err) {
+		console.error('[presignCache] invalidate error:', err);
+	}
+}
+
+/**
+ * Disconnect from Valkey — called on graceful shutdown.
+ * ioredis queues commands during reconnects; calling quit() drains the queue
+ * and closes the connection cleanly.
+ */
+export async function drain(): Promise<void> {
+	if (_client) {
+		try {
+			await _client.quit();
+		} catch {
+			// ignore — process is exiting anyway
+		}
+		_client = null;
+	}
+}
+
+/**
+ * Returns the approximate number of keys matching the libnovel presign prefix.
+ * Used for health/debug only — not called in the hot path.
+ */
+export async function size(): Promise<number> {
+	try {
+		// DBSIZE returns the total key count in the current DB.
+		// For a precise count of just our keys, use SCAN with a pattern.
+		const keys = await client().keys('audio:*');
+		const sampleKeys = await client().keys('sample:*');
+		return keys.length + sampleKeys.length;
+	} catch {
+		return -1;
+	}
+}
diff --git a/ui/src/lib/server/scraper.ts b/ui/src/lib/server/scraper.ts
new file mode 100644
index 0000000..2aa7b75
--- /dev/null
+++ b/ui/src/lib/server/scraper.ts
@@ -0,0 +1,139 @@
+/**
+ * Backend API helper.
+ *
+ * Centralises the BACKEND_URL constant and provides a thin fetch wrapper that:
+ *   - Resolves paths relative to BACKEND_API_URL.
+ *   - Throws 502 on network errors (unreachable backend).
+ *   - Re-throws SvelteKit `error()` objects so callers can still short-circuit.
+ *   - Passes a RequestInit through verbatim so callers keep full control.
+ *
+ * Import only from server-side modules (`+server.ts`, `*.server.ts`).
+ */
+
+import { error } from '@sveltejs/kit';
+import { env } from '$env/dynamic/private';
+import * as cache from '$lib/server/cache';
+
+export const BACKEND_URL = env.BACKEND_API_URL ?? 'http://localhost:8080';
+const ADMIN_TOKEN = env.BACKEND_ADMIN_TOKEN ?? '';
+
+/**
+ * Fetch a path on the backend, throwing a 502 on network failures.
+ *
+ * The `path` must start with `/` (e.g. `/api/voices`).
+ * Requests to `/api/admin/*` automatically include the Bearer token from
+ * the BACKEND_ADMIN_TOKEN environment variable.
+ *
+ * SvelteKit `error()` exceptions are always re-thrown so callers can
+ * short-circuit correctly inside their own catch blocks.
+ */
+export async function backendFetch(path: string, init?: RequestInit): Promise<Response> {
+	let finalInit = init;
+	if (ADMIN_TOKEN && path.startsWith('/api/admin')) {
+		finalInit = {
+			...init,
+			headers: {
+				Authorization: `Bearer ${ADMIN_TOKEN}`,
+				...((init?.headers ?? {}) as Record<string, string>)
+			}
+		};
+	}
+	try {
+		return await fetch(`${BACKEND_URL}${path}`, finalInit);
+	} catch (e) {
+		// Re-throw SvelteKit HTTP errors so they propagate to the framework.
+		if (e instanceof Error && 'status' in e) throw e;
+		throw error(502, 'Could not reach backend');
+	}
+}
+
+/**
+ * Like backendFetch but always attaches the admin bearer token regardless of path.
+ * Use this when an admin user should bypass the visibility filter on public endpoints
+ * (e.g. GET /api/catalogue for the admin catalogue view).
+ */
+export async function backendFetchAdmin(path: string, init?: RequestInit): Promise<Response> {
+	const finalInit: RequestInit = {
+		...init,
+		headers: {
+			...(ADMIN_TOKEN ? { Authorization: `Bearer ${ADMIN_TOKEN}` } : {}),
+			...((init?.headers ?? {}) as Record<string, string>)
+		}
+	};
+	try {
+		return await fetch(`${BACKEND_URL}${path}`, finalInit);
+	} catch (e) {
+		if (e instanceof Error && 'status' in e) throw e;
+		throw error(502, 'Could not reach backend');
+	}
+}
+
+// ─── Cached admin model lists ─────────────────────────────────────────────────
+
+const MODELS_CACHE_TTL = 10 * 60; // 10 minutes — model lists rarely change
+
+/**
+ * Fetch image-gen model list from the Go backend with a 10-minute cache.
+ * Returns an empty array on error (callers should surface a warning).
+ */
+export async function listImageModels<T>(): Promise<T[]> {
+	const key = 'backend:models:image-gen';
+	const cached = await cache.get<T[]>(key);
+	if (cached) return cached;
+	try {
+		const res = await backendFetch('/api/admin/image-gen/models');
+		if (!res.ok) return [];
+		const data = await res.json();
+		const models = (data.models ?? []) as T[];
+		await cache.set(key, models, MODELS_CACHE_TTL);
+		return models;
+	} catch {
+		return [];
+	}
+}
+
+/**
+ * Fetch text-gen model list from the Go backend with a 10-minute cache.
+ * Returns an empty array on error.
+ */
+export async function listTextModels<T>(): Promise<T[]> {
+	const key = 'backend:models:text-gen';
+	const cached = await cache.get<T[]>(key);
+	if (cached) return cached;
+	try {
+		const res = await backendFetch('/api/admin/text-gen/models');
+		if (!res.ok) return [];
+		const data = await res.json();
+		const models = (data.models ?? []) as T[];
+		await cache.set(key, models, MODELS_CACHE_TTL);
+		return models;
+	} catch {
+		return [];
+	}
+}
+
+// ─── Response types ───────────────────────────────────────────────────────────
+
+/**
+ * Metadata shape returned inside the 200 response from GET /api/book-preview/{slug}.
+ * Used in both the SSR page load and the API proxy to avoid duplicating the inline type.
+ */
+export interface BookPreviewMeta {
+	slug: string;
+	title: string;
+	author: string;
+	cover: string;
+	status: string;
+	genres: string[];
+	summary: string;
+	total_chapters: number;
+	source_url: string;
+}
+
+/** Full 200 response from GET /api/book-preview/{slug}. */
+export interface BookPreviewResponse {
+	in_lib: boolean;
+	meta: BookPreviewMeta;
+	chapters: { number: number; title: string; date?: string }[];
+}
+
diff --git a/ui/src/lib/types.ts b/ui/src/lib/types.ts
new file mode 100644
index 0000000..6f40e7f
--- /dev/null
+++ b/ui/src/lib/types.ts
@@ -0,0 +1,45 @@
+/**
+ * Shared domain types for the LibNovel UI.
+ *
+ * Server-only types (full PocketBase record shapes) live in
+ * src/lib/server/pocketbase.ts. This file holds the types that are
+ * safe to import in both server and client code.
+ */
+
+// ── Voice ─────────────────────────────────────────────────────────────────────
+
+/** A single TTS voice returned by GET /api/voices. */
+export interface Voice {
+	/** Voice identifier passed to TTS clients (e.g. "af_bella", "alba"). */
+	id: string;
+	/** TTS engine: "kokoro" | "pocket-tts" | "cfai". */
+	engine: string;
+	/** Primary language tag (e.g. "en-us", "en-gb", "en", "es", "fr"). */
+	lang: string;
+	/** Gender: "f" | "m". */
+	gender: string;
+}
+
+// ── Comments ─────────────────────────────────────────────────────────────────
+
+export interface BookComment {
+	id: string;
+	slug: string;
+	user_id: string;
+	username: string;
+	body: string;
+	upvotes: number;
+	downvotes: number;
+	created: string;
+	parent_id?: string;
+	replies?: BookComment[];
+}
+
+// ── User settings ─────────────────────────────────────────────────────────────
+
+export interface UserSettings {
+	voice: string;
+	speed: number;
+	autoNext: boolean;
+	theme: string;
+}
diff --git a/ui/src/lib/utils.ts b/ui/src/lib/utils.ts
new file mode 100644
index 0000000..35de52b
--- /dev/null
+++ b/ui/src/lib/utils.ts
@@ -0,0 +1,13 @@
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+/**
+ * Merge Tailwind classes safely, resolving conflicts via tailwind-merge
+ * and collapsing falsy values via clsx.
+ *
+ * Usage:
+ *   cn('px-4 py-2', isActive && 'bg-brand', className)
+ */
+export function cn(...inputs: ClassValue[]): string {
+	return twMerge(clsx(inputs));
+}
diff --git a/ui/src/routes/+error.svelte b/ui/src/routes/+error.svelte
new file mode 100644
index 0000000..8cc605b
--- /dev/null
+++ b/ui/src/routes/+error.svelte
@@ -0,0 +1,102 @@
+<script lang="ts">
+	import { page } from '$app/state';
+	import * as m from '$lib/paraglide/messages.js';
+
+	const status = $derived(page.status);
+
+	const title = $derived(
+		status === 404
+			? m.error_not_found_title()
+			: m.error_generic_title()
+	);
+
+	const description = $derived(
+		status === 404
+			? m.error_not_found_body()
+			: page.error?.message ?? m.error_generic_title()
+	);
+
+	const code = $derived(String(status));
+	const is404 = $derived(status === 404);
+</script>
+
+<svelte:head>
+	<title>{m.error_status({ status: code })} · libnovel</title>
+</svelte:head>
+
+<div class="min-h-screen bg-(--color-surface) text-(--color-text) flex flex-col items-center justify-center px-6 py-16 font-sans">
+
+	<!-- Illustration -->
+	{#if is404}
+		<!-- Open book, missing page -->
+		<svg class="w-24 h-24 mb-8 opacity-90" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+			<!-- Left page -->
+			<rect x="8" y="16" width="36" height="60" rx="3" fill="var(--color-surface-2)" stroke="var(--color-border)" stroke-width="1.5"/>
+			<!-- Right page — torn/missing edge -->
+			<path d="M44 16 H76 Q78 16 78 18 V74 Q78 76 76 76 H44 L46 64 L44 52 L47 40 L44 28 Z" fill="var(--color-surface-2)" stroke="var(--color-border)" stroke-width="1.5"/>
+			<!-- Spine -->
+			<rect x="42" y="16" width="4" height="60" rx="1" fill="var(--color-border)"/>
+			<!-- Left text lines -->
+			<rect x="16" y="28" width="20" height="2.5" rx="1.25" fill="var(--color-border)"/>
+			<rect x="16" y="34" width="16" height="2.5" rx="1.25" fill="var(--color-border)"/>
+			<rect x="16" y="40" width="20" height="2.5" rx="1.25" fill="var(--color-border)"/>
+			<rect x="16" y="46" width="12" height="2.5" rx="1.25" fill="var(--color-border)"/>
+			<!-- Right page: question mark -->
+			<text x="61" y="58" font-size="28" font-weight="800" font-family="ui-sans-serif,system-ui,sans-serif" fill="var(--color-brand)" text-anchor="middle" opacity="0.9">?</text>
+		</svg>
+	{:else}
+		<!-- Book with broken spine / lightning bolt -->
+		<svg class="w-24 h-24 mb-8 opacity-90" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+			<!-- Book cover -->
+			<rect x="14" y="12" width="50" height="68" rx="4" fill="var(--color-surface-2)" stroke="var(--color-border)" stroke-width="1.5"/>
+			<!-- Spine -->
+			<rect x="10" y="12" width="8" height="68" rx="2" fill="var(--color-surface-3)" stroke="var(--color-border)" stroke-width="1.5"/>
+			<!-- Pages edge -->
+			<rect x="62" y="14" width="4" height="64" rx="1" fill="var(--color-surface-3)"/>
+			<!-- Lightning bolt (error) -->
+			<path d="M44 22 L34 46 H42 L36 70 L58 42 H48 L56 22 Z" fill="var(--color-brand)" opacity="0.9"/>
+			<!-- Text lines below -->
+			<rect x="22" y="58" width="28" height="2.5" rx="1.25" fill="var(--color-border)"/>
+			<rect x="22" y="63" width="18" height="2.5" rx="1.25" fill="var(--color-border)"/>
+			<rect x="22" y="68" width="24" height="2.5" rx="1.25" fill="var(--color-border)"/>
+		</svg>
+	{/if}
+
+	<!-- Status code watermark -->
+	<p class="text-[7rem] sm:text-[9rem] font-black leading-none text-(--color-surface-3) select-none tabular-nums -mb-4">
+		{code}
+	</p>
+
+	<!-- Title + description -->
+	<div class="mt-6 text-center max-w-sm space-y-2">
+		<h1 class="text-2xl sm:text-3xl font-bold text-(--color-text)">{title}</h1>
+		<p class="text-(--color-muted) text-sm sm:text-base leading-relaxed">{description}</p>
+	</div>
+
+	<!-- Actions -->
+	<div class="mt-8 flex flex-wrap gap-3 justify-center">
+		<a
+			href="/"
+			class="px-5 py-2.5 rounded-xl bg-(--color-brand) text-(--color-surface) font-semibold text-sm hover:bg-(--color-brand-dim) transition-colors"
+		>
+			{m.error_go_home()}
+		</a>
+		{#if !is404}
+			<button
+				onclick={() => location.reload()}
+				class="px-5 py-2.5 rounded-xl bg-(--color-surface-2) border border-(--color-border) text-(--color-text) font-semibold text-sm hover:bg-(--color-surface-3) transition-colors"
+			>
+				Retry
+			</button>
+		{/if}
+		<button
+			onclick={() => history.back()}
+			class="px-5 py-2.5 rounded-xl bg-(--color-surface-2) border border-(--color-border) text-(--color-text) font-semibold text-sm hover:bg-(--color-surface-3) transition-colors"
+		>
+			{m.common_back()}
+		</button>
+	</div>
+
+	<!-- Subtle branding -->
+	<p class="mt-14 text-xs text-(--color-muted) tracking-widest uppercase select-none">libnovel</p>
+</div>
diff --git a/ui/src/routes/+layout.server.ts b/ui/src/routes/+layout.server.ts
new file mode 100644
index 0000000..f66673b
--- /dev/null
+++ b/ui/src/routes/+layout.server.ts
@@ -0,0 +1,70 @@
+import { redirect } from '@sveltejs/kit';
+import type { LayoutServerLoad } from './$types';
+import { getSettings, getSiteConfig } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+// Routes that are accessible without being logged in
+const PUBLIC_ROUTES = new Set(['/login', '/disclaimer', '/privacy', '/dmca', '/terms', '/catalogue']);
+
+export const load: LayoutServerLoad = async ({ locals, url, cookies }) => {
+	// Allow public routes, /auth/*, and all book-browsing URLs (/books/[slug] and deeper)
+	// Note: /books (the personal library) is intentionally NOT public
+	const isPublic =
+		PUBLIC_ROUTES.has(url.pathname) ||
+		url.pathname.startsWith('/auth/') ||
+		url.pathname.startsWith('/books/');
+	if (!isPublic && !locals.user) {
+		redirect(302, `/login`);
+	}
+
+	let settings = { autoNext: false, voice: 'af_bella', speed: 1.0, theme: 'amber', locale: 'en', fontFamily: 'system', fontSize: 1.0, announceChapter: false, audioMode: 'stream' };
+	try {
+		const row = await getSettings(locals.sessionId, locals.user?.id);
+		if (row) {
+			settings = {
+				autoNext: row.auto_next ?? false,
+				voice: row.voice ?? 'af_bella',
+				speed: row.speed ?? 1.0,
+				theme: row.theme ?? 'amber',
+				locale: row.locale ?? 'en',
+				fontFamily: row.font_family ?? 'system',
+				fontSize: row.font_size || 1.0,
+				announceChapter: row.announce_chapter ?? false,
+				audioMode: row.audio_mode ?? 'stream'
+			};
+		}
+	} catch (e) {
+		log.warn('layout', 'failed to load settings', { err: String(e) });
+	}
+
+	// If user is logged in, keep the PARAGLIDE_LOCALE cookie in sync with
+	// the saved locale so it persists across page loads and navigations.
+	if (locals.user) {
+		const savedLocale = settings.locale ?? 'en';
+		const currentCookieLocale = cookies.get('PARAGLIDE_LOCALE');
+		if (savedLocale === 'en') {
+			// Clear the cookie when the user's locale is English (the default)
+			if (currentCookieLocale) {
+				cookies.delete('PARAGLIDE_LOCALE', { path: '/' });
+			}
+		} else if (currentCookieLocale !== savedLocale) {
+			cookies.set('PARAGLIDE_LOCALE', savedLocale, {
+				path: '/',
+				maxAge: 34560000,
+				sameSite: 'lax',
+				httpOnly: false
+			});
+		}
+	}
+
+	return {
+		user: locals.user,
+		isPro: locals.isPro,
+		settings,
+		siteConfig: await getSiteConfig().catch(() => ({
+			decoration: null as null,
+			logoAnimation: 'none' as const,
+			eventLabel: '',
+		})),
+	};
+};
diff --git a/ui/src/routes/+layout.svelte b/ui/src/routes/+layout.svelte
new file mode 100644
index 0000000..c387778
--- /dev/null
+++ b/ui/src/routes/+layout.svelte
@@ -0,0 +1,1227 @@
+<script lang="ts">
+	import '../app.css';
+	import { page, navigating } from '$app/state';
+	import { goto } from '$app/navigation';
+	import { setContext, untrack } from 'svelte';
+	import type { Snippet } from 'svelte';
+	import type { LayoutData } from './$types';
+	import { audioStore } from '$lib/audio.svelte';
+	import { env } from '$env/dynamic/public';
+	import { Button } from '$lib/components/ui/button';
+	import { cn } from '$lib/utils';
+	import * as m from '$lib/paraglide/messages.js';
+	import { locales, getLocale } from '$lib/paraglide/runtime.js';
+	import ListeningMode from '$lib/components/ListeningMode.svelte';
+	import SearchModal from '$lib/components/SearchModal.svelte';
+	import NotificationsModal from '$lib/components/NotificationsModal.svelte';
+	import SeasonalDecoration from '$lib/components/SeasonalDecoration.svelte';
+	import { fly, fade } from 'svelte/transition';
+
+	let { children, data }: { children: Snippet; data: LayoutData } = $props();
+
+	// Mobile nav drawer state
+	let menuOpen = $state(false);
+
+	// Universal search
+	let searchOpen = $state(false);
+
+	// Notifications
+	let notificationsOpen = $state(false);
+	let notifications = $state<{id: string; title: string; message: string; link: string; read: boolean}[]>([]);
+	async function loadNotifications() {
+		if (!data.user) return;
+		try {
+			const res = await fetch('/api/notifications?user_id=' + data.user.id);
+			if (res.ok) {
+				const d = await res.json();
+				notifications = d.notifications || [];
+			}
+		} catch (e) { console.error('load notifications:', e); }
+	}
+	async function markRead(id: string) {
+		try {
+			await fetch('/api/notifications/' + id, { method: 'PATCH' });
+			notifications = notifications.map(n => n.id === id ? {...n, read: true} : n);
+		} catch (e) { console.error('mark read:', e); }
+	}
+	async function markAllRead() {
+		if (!data.user) return;
+		try {
+			await fetch('/api/notifications?user_id=' + data.user.id, { method: 'PATCH' });
+			notifications = notifications.map(n => ({ ...n, read: true }));
+		} catch (e) { console.error('mark all read:', e); }
+	}
+	async function dismissNotification(id: string) {
+		try {
+			await fetch('/api/notifications/' + id, { method: 'DELETE' });
+			notifications = notifications.filter(n => n.id !== id);
+		} catch (e) { console.error('dismiss notification:', e); }
+	}
+	async function clearAllNotifications() {
+		if (!data.user) return;
+		try {
+			await fetch('/api/notifications?user_id=' + data.user.id, { method: 'DELETE' });
+			notifications = [];
+		} catch (e) { console.error('clear notifications:', e); }
+	}
+	$effect(() => { if (data.user) loadNotifications(); });
+	$effect(() => { if (notificationsOpen && data.user) loadNotifications(); });
+	const unreadCount = $derived(notifications.filter(n => !n.read).length);
+
+	// Close search on navigation
+	$effect(() => {
+		void page.url.pathname;
+		searchOpen = false;
+	});
+
+	// Desktop dropdown menus
+	let userMenuOpen = $state(false);
+	let langMenuOpen = $state(false);
+	let themeMenuOpen = $state(false);
+
+	const THEMES = [
+		{ id: 'amber',       color: '#f59e0b' },
+		{ id: 'slate',       color: '#818cf8' },
+		{ id: 'rose',        color: '#fb7185' },
+		{ id: 'forest',      color: '#4ade80' },
+		{ id: 'mono',        color: '#f4f4f5' },
+		{ id: 'cyber',       color: '#22d3ee' },
+		{ id: 'light',       color: '#d97706', light: true },
+		{ id: 'light-slate', color: '#4f46e5', light: true },
+		{ id: 'light-rose',  color: '#e11d48', light: true },
+	];
+
+	// Chapter list drawer state for the mini-player
+	let listeningModeOpen = $state(false);
+	let listeningModeChapters = $state(false);
+
+	// ── Site config (seasonal decoration + logo animation) ──────────────────
+	// svelte-ignore state_referenced_locally
+	let siteDecoration   = $state(data.siteConfig?.decoration   ?? null);
+	// svelte-ignore state_referenced_locally
+	let siteLogoAnim     = $state(data.siteConfig?.logoAnimation ?? 'none');
+	// svelte-ignore state_referenced_locally
+	let siteEventLabel   = $state(data.siteConfig?.eventLabel   ?? '');
+	// Refresh when invalidateAll() re-runs layout load (e.g. after admin saves)
+	$effect(() => {
+		siteDecoration = data.siteConfig?.decoration   ?? null;
+		siteLogoAnim   = data.siteConfig?.logoAnimation ?? 'none';
+		siteEventLabel = data.siteConfig?.eventLabel   ?? '';
+	});
+
+	// Build time formatted in the user's local timezone (populated on mount so
+	// SSR and CSR don't produce a mismatch — SSR renders nothing, hydration fills it in).
+	let buildTimeLocal = $state('');
+
+	$effect(() => {
+		if (env.PUBLIC_BUILD_TIME && env.PUBLIC_BUILD_TIME !== 'unknown') {
+			buildTimeLocal = new Date(env.PUBLIC_BUILD_TIME).toLocaleString();
+		}
+	});
+
+	// The single <audio> element that persists across navigations.
+	// AudioPlayer components in chapter pages control it via audioStore.
+	let audioEl = $state<HTMLAudioElement | null>(null);
+
+	// ── Theme ──────────────────────────────────────────────────────────────
+	// svelte-ignore state_referenced_locally
+	let currentTheme = $state(data.settings?.theme ?? 'amber');
+	// svelte-ignore state_referenced_locally
+	let currentFontFamily = $state(data.settings?.fontFamily ?? 'system');
+	// svelte-ignore state_referenced_locally
+	let currentFontSize = $state(data.settings?.fontSize ?? 1.0);
+
+	// Expose theme + font state to child pages (e.g. profile picker)
+	setContext('theme', {
+		get current() { return currentTheme; },
+		set current(v: string) { currentTheme = v; },
+		get fontFamily() { return currentFontFamily; },
+		set fontFamily(v: string) { currentFontFamily = v; },
+		get fontSize() { return currentFontSize; },
+		set fontSize(v: number) { currentFontSize = v; }
+	});
+
+	$effect(() => {
+		if (typeof document !== 'undefined') {
+			document.documentElement.setAttribute('data-theme', currentTheme);
+		}
+	});
+
+	$effect(() => {
+		if (typeof document === 'undefined') return;
+		const fontMap: Record<string, string> = {
+			system: 'system-ui, -apple-system, sans-serif',
+			serif: "Georgia, 'Times New Roman', serif",
+			mono: "'Courier New', monospace",
+		};
+		document.documentElement.style.setProperty('--reading-font', fontMap[currentFontFamily] ?? fontMap.system);
+		document.documentElement.style.setProperty('--reading-size', `${currentFontSize}rem`);
+	});
+
+	// Apply persisted settings once on mount (server-loaded data).
+	// Use a derived to react to future invalidateAll() re-loads too.
+	let settingsApplied = false;
+	let settingsDirty = false; // true only after the first apply completes
+	$effect(() => {
+		if (data.settings) {
+			if (!settingsApplied) {
+				settingsApplied = true;
+				audioStore.autoNext = data.settings.autoNext;
+				audioStore.voice = data.settings.voice;
+				audioStore.speed = data.settings.speed;
+				audioStore.announceChapter = data.settings.announceChapter ?? false;
+				audioStore.audioMode = (data.settings.audioMode === 'generate' ? 'generate' : 'stream');
+			}
+			// Always sync theme + font (profile page calls invalidateAll after saving)
+			currentTheme = data.settings.theme ?? 'amber';
+			currentFontFamily = data.settings.fontFamily ?? 'system';
+			currentFontSize = data.settings.fontSize || 1.0;
+			// Mark dirty only after the synchronous apply is done so the save
+			// effect doesn't fire for this initial load.
+			setTimeout(() => { settingsDirty = true; }, 0);
+		}
+	});
+
+	// ── Persist settings changes (debounced 800ms) ──────────────────────────
+	let settingsSaveTimer = 0;
+	$effect(() => {
+		// Subscribe to settings fields
+		const autoNext = audioStore.autoNext;
+		const voice = audioStore.voice;
+		const speed = audioStore.speed;
+		const theme = currentTheme;
+		const fontFamily = currentFontFamily;
+		const fontSize = currentFontSize;
+		const announceChapter = audioStore.announceChapter;
+		const audioMode = audioStore.audioMode;
+
+		// Skip saving until settings have been applied from the server AND
+		// at least one user-driven change has occurred after that.
+		if (!settingsDirty) return;
+
+		clearTimeout(settingsSaveTimer);
+		settingsSaveTimer = setTimeout(() => {
+			fetch('/api/settings', {
+				method: 'PUT',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ autoNext, voice, speed, theme, fontFamily, fontSize, announceChapter, audioMode })
+			}).catch(() => {});
+		}, 800) as unknown as number;
+	});
+
+	// Keep the audio element's playback rate in sync with the store speed.
+	$effect(() => {
+		if (audioEl) audioEl.playbackRate = audioStore.speed;
+	});
+
+	// When audioUrl changes, load the new source.
+	// Use a local variable to track which URL is currently loaded so we never
+	// compare against audioEl.src (browsers normalise it, causing false mismatches).
+	let loadedUrl = '';
+	$effect(() => {
+		if (!audioEl) return;
+		const url = audioStore.audioUrl;
+		if (url && url !== loadedUrl) {
+			loadedUrl = url;
+			audioEl.src = url;
+			audioEl.load();
+			audioEl.playbackRate = audioStore.speed;
+			audioEl.play().catch(() => {});
+		} else if (!url) {
+			loadedUrl = '';
+		}
+	});
+
+	// Handle toggle requests from AudioPlayer controller.
+	// IMPORTANT: isPlaying must be read inside untrack() so the effect only
+	// re-runs when toggleRequest increments, not every time isPlaying changes.
+	// Without untrack the effect subscribes to both toggleRequest AND isPlaying,
+	// causing an infinite play/pause loop: play() fires onplay → isPlaying=true
+	// → effect re-runs → sees isPlaying=true → calls pause() → onpause fires
+	// → isPlaying=false → effect re-runs → calls play() → …
+	$effect(() => {
+		// Read toggleRequest to subscribe; ignore value 0 (initial).
+		const _req = audioStore.toggleRequest;
+		if (!audioEl || _req === 0) return;
+		untrack(() => {
+			if (audioStore.isPlaying) {
+				audioEl!.pause();
+			} else {
+				audioEl!.play().catch(() => {});
+			}
+		});
+	});
+
+	// Handle seek requests from AudioPlayer controller.
+	$effect(() => {
+		const t = audioStore.seekRequest;
+		if (!audioEl || t === null) return;
+		audioEl.currentTime = t;
+		audioStore.seekRequest = null;
+	});
+
+	// Sleep timer — fires once when time is up
+	$effect(() => {
+		const until = audioStore.sleepUntil;
+		if (!until) return;
+		const ms = until - Date.now();
+		if (ms <= 0) {
+			audioStore.sleepUntil = 0;
+			if (audioStore.isPlaying) audioStore.toggleRequest++;
+			return;
+		}
+		const id = setTimeout(() => {
+			audioStore.sleepUntil = 0;
+			if (audioStore.isPlaying) audioStore.toggleRequest++;
+		}, ms);
+		return () => clearTimeout(id);
+	});
+
+	// ── MediaSession action handlers ────────────────────────────────────────────
+	// Without explicit handlers, iOS Safari loses lock-screen resume ability after
+	// ~1 minute of pause because it falls back to its own default which doesn't
+	// satisfy the user-gesture requirement for <audio>.play().
+	// Handlers registered here call audioEl directly so iOS trusts the gesture.
+	$effect(() => {
+		if (typeof navigator === 'undefined' || !('mediaSession' in navigator) || !audioEl) return;
+		const el = audioEl; // capture for closure
+
+		navigator.mediaSession.setActionHandler('play', () => {
+			el.play().catch(() => {});
+		});
+		navigator.mediaSession.setActionHandler('pause', () => {
+			el.pause();
+		});
+		navigator.mediaSession.setActionHandler('seekbackward', (d) => {
+			el.currentTime = Math.max(0, el.currentTime - (d.seekOffset ?? 15));
+		});
+		navigator.mediaSession.setActionHandler('seekforward', (d) => {
+			el.currentTime = Math.min(el.duration || 0, el.currentTime + (d.seekOffset ?? 30));
+		});
+		// previoustrack / nexttrack fall back to skip ±30s if no chapter nav available
+		try {
+			navigator.mediaSession.setActionHandler('previoustrack', () => {
+				el.currentTime = Math.max(0, el.currentTime - 30);
+			});
+			navigator.mediaSession.setActionHandler('nexttrack', () => {
+				el.currentTime = Math.min(el.duration || 0, el.currentTime + 30);
+			});
+		} catch { /* some browsers don't support these */ }
+
+		return () => {
+			(['play', 'pause', 'seekbackward', 'seekforward'] as MediaSessionAction[]).forEach((a) => {
+				try { navigator.mediaSession.setActionHandler(a, null); } catch { /* ignore */ }
+			});
+		};
+	});
+
+	// Keep playbackState in sync so iOS lock screen shows the right button state
+	$effect(() => {
+		if (typeof navigator === 'undefined' || !('mediaSession' in navigator)) return;
+		navigator.mediaSession.playbackState = audioStore.isPlaying ? 'playing' : 'paused';
+	});
+
+	// ── Announce-chapter safety timeout ──────────────────────────────────────
+	// Module-level so the onended handler can clear it if the clip completes
+	// before the timeout fires.
+	let announceTimeout = 0;
+
+	// ── Save audio time on pause/end (debounced 2s) ─────────────────────────
+	let audioTimeSaveTimer = 0;
+	function saveAudioTime() {
+		if (!audioStore.slug || !audioStore.chapter) return;
+		const slug = audioStore.slug;
+		const chapter = audioStore.chapter;
+		const currentTime = audioStore.currentTime;
+		clearTimeout(audioTimeSaveTimer);
+		audioTimeSaveTimer = setTimeout(() => {
+			fetch('/api/progress/audio-time', {
+				method: 'PATCH',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug, chapter, audioTime: currentTime })
+			}).catch(() => {});
+		}, 2000) as unknown as number;
+	}
+
+	function formatDuration(s: number): string {
+		if (!isFinite(s) || s <= 0) return '--:--';
+		return formatTime(s);
+	}
+
+	function formatTime(s: number): string {
+		if (!isFinite(s) || s < 0) return '0:00';
+		const m = Math.floor(s / 60);
+		const sec = Math.floor(s % 60);
+		return `${m}:${sec.toString().padStart(2, '0')}`;
+	}
+
+	function togglePlay() {
+		if (!audioEl) return;
+		if (audioStore.isPlaying) {
+			audioEl.pause();
+		} else {
+			audioEl.play().catch(() => {});
+		}
+	}
+
+	function seek(e: Event) {
+		if (!audioEl) return;
+		audioEl.currentTime = parseFloat((e.target as HTMLInputElement).value);
+	}
+
+	function skipBack() {
+		if (!audioEl) return;
+		audioEl.currentTime = Math.max(0, audioEl.currentTime - 15);
+	}
+
+	function skipForward() {
+		if (!audioEl) return;
+		audioEl.currentTime = Math.min(audioEl.duration || 0, audioEl.currentTime + 30);
+	}
+
+	const speedSteps = [0.75, 1.0, 1.25, 1.5, 2.0];
+
+	function cycleSpeed() {
+		const idx = speedSteps.indexOf(audioStore.speed);
+		audioStore.speed = speedSteps[(idx + 1) % speedSteps.length];
+	}
+
+	function dismiss() {
+		if (audioEl) {
+			audioEl.pause();
+			audioEl.src = '';
+		}
+		audioStore.status = 'idle';
+		audioStore.audioUrl = '';
+		audioStore.slug = '';
+		audioStore.chapter = 0;
+		audioStore.isPlaying = false;
+		audioStore.currentTime = 0;
+		audioStore.duration = 0;
+	}
+</script>
+
+<svelte:head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<title>libnovel</title>
+	<!-- Apply theme before first paint to avoid flash -->
+	<!-- eslint-disable-next-line svelte/no-at-html-tags -->
+	{@html `<script>document.documentElement.setAttribute('data-theme','${data.settings?.theme ?? 'amber'}')</script>`}
+	<!-- Umami analytics — no-op when PUBLIC_UMAMI_WEBSITE_ID is unset -->
+	{#if env.PUBLIC_UMAMI_WEBSITE_ID && env.PUBLIC_UMAMI_SCRIPT_URL}
+		<script
+			defer
+			src={env.PUBLIC_UMAMI_SCRIPT_URL}
+			data-website-id={env.PUBLIC_UMAMI_WEBSITE_ID}
+		></script>
+	{/if}
+</svelte:head>
+
+<!-- Persistent audio element — always in the DOM, never conditionally unmounted.
+     Conditional rendering ({#if}) would destroy/recreate it when reactive state
+     changes (e.g. currentTime ticking), triggering onpause and restarting audio. -->
+<audio
+	bind:this={audioEl}
+	bind:currentTime={audioStore.currentTime}
+	bind:duration={audioStore.duration}
+	onplay={() => (audioStore.isPlaying = true)}
+	onpause={() => {
+		audioStore.isPlaying = false;
+		saveAudioTime();
+	}}
+	onended={() => {
+		audioStore.isPlaying = false;
+
+		// ── If we just finished playing an announcement clip, navigate now ──
+		if (audioStore.announceNavigatePending) {
+			audioStore.announceNavigatePending = false;
+			clearTimeout(announceTimeout);
+			announceTimeout = 0;
+			const slug    = audioStore.announcePendingSlug;
+			const chapter = audioStore.announcePendingChapter;
+			audioStore.announcePendingSlug    = '';
+			audioStore.announcePendingChapter = 0;
+			goto(`/books/${slug}/chapters/${chapter}`).catch(() => {
+				audioStore.autoStartChapter = null;
+			});
+			return;
+		}
+
+		// Cancel any pending debounced save and reset the position to 0 for
+		// the chapter that just finished. Without this, the 2s debounce fires
+		// after navigation and saves currentTime≈duration, causing resume to
+		// start at the very end next time the user returns to this chapter.
+		clearTimeout(audioTimeSaveTimer);
+		if (audioStore.slug && audioStore.chapter) {
+			const slug = audioStore.slug;
+			const chapter = audioStore.chapter;
+			fetch('/api/progress/audio-time', {
+				method: 'PATCH',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug, chapter, audioTime: 0 })
+			}).catch(() => {});
+		}
+		// If sleep-after-chapter is set, just pause instead of navigating
+		if (audioStore.sleepAfterChapter) {
+			audioStore.sleepAfterChapter = false;
+			// Don't navigate — just let it end. Audio is already stopped (ended).
+			return;
+		}
+		if (audioStore.autoNext && audioStore.nextChapter !== null && audioStore.slug) {
+			// Capture values synchronously before any async work — the AudioPlayer
+			// component will unmount during navigation, but we've already read what
+			// we need.
+			const targetSlug    = audioStore.slug;
+			const targetChapter = audioStore.nextChapter;
+			// Store the target chapter number so only the newly-mounted AudioPlayer
+			// for that chapter reacts — not the outgoing chapter's component.
+			audioStore.autoStartChapter = targetChapter;
+
+			const doNavigate = () => {
+				goto(`/books/${targetSlug}/chapters/${targetChapter}`).catch(() => {
+					audioStore.autoStartChapter = null;
+				});
+			};
+
+			// Announce via a real audio clip so the audio session stays alive on
+			// iOS Safari / Chrome Android (speechSynthesis is silently muted after
+			// onended because the audio session has been released).
+			if (audioStore.announceChapter) {
+				const nextInfo  = audioStore.chapters.find((c) => c.number === targetChapter);
+				const titlePart = nextInfo?.title ? ` — ${nextInfo.title}` : '';
+				const text      = `Chapter ${targetChapter}${titlePart}`;
+
+				// Always request MP3 — universally supported and the backend
+				// auto-selects the right TTS engine from the voice ID.
+				const qs       = new URLSearchParams({ text, voice: audioStore.voice, format: 'mp3' });
+				const announceUrl = `/api/announce?${qs}`;
+
+				// Store pending navigation target so the next onended (from the
+				// announcement clip) knows where to go.
+				audioStore.announcePendingSlug    = targetSlug;
+				audioStore.announcePendingChapter = targetChapter;
+				audioStore.announceNavigatePending = true;
+
+				// Safety timeout: if the clip never loads/ends (network issue,
+				// browser policy, unsupported codec), navigate anyway after 10s.
+				clearTimeout(announceTimeout);
+				announceTimeout = setTimeout(() => {
+					if (audioStore.announceNavigatePending) {
+						audioStore.announceNavigatePending = false;
+						audioStore.announcePendingSlug    = '';
+						audioStore.announcePendingChapter = 0;
+						doNavigate();
+					}
+				}, 10_000) as unknown as number;
+
+				// Point the persistent <audio> element at the announcement clip.
+				// The $effect in the layout that watches audioStore.audioUrl will
+				// pick this up, set audioEl.src, and call play().
+				audioStore.audioUrl = announceUrl;
+			} else {
+				doNavigate();
+			}
+		}
+	}}
+	preload="metadata"
+	style="display:none"
+></audio>
+
+<div class="min-h-screen flex flex-col" class:pb-24={audioStore.active && !audioStore.suppressMiniBar}>
+	<!-- Navigation progress bar — shown while SSR is running for any page transition -->
+	{#if navigating}
+		<div class="fixed top-0 left-0 right-0 z-[100] h-1 bg-(--color-surface-2)">
+			<div class="h-full bg-(--color-brand) animate-progress-bar"></div>
+		</div>
+	{/if}
+	<header class="border-b border-(--color-border) bg-(--color-surface) sticky top-0 z-50">
+		<nav class="max-w-6xl mx-auto px-4 h-14 flex items-center gap-6">
+			<a href="/" class="text-(--color-brand) font-bold text-lg tracking-tight hover:text-(--color-brand-dim) shrink-0 flex items-center gap-1.5
+				{siteLogoAnim === 'glow'    ? 'logo-anim-glow'    : ''}
+				{siteLogoAnim === 'shimmer' ? 'logo-anim-shimmer' : ''}
+				{siteLogoAnim === 'pulse'   ? 'logo-anim-pulse'   : ''}
+				{siteLogoAnim === 'rainbow' ? 'logo-anim-rainbow' : ''}
+			">
+				libnovel
+				{#if siteEventLabel}
+					<span class="text-[10px] font-semibold px-1.5 py-0.5 rounded-full bg-(--color-brand)/15 text-(--color-brand) border border-(--color-brand)/30 leading-none tracking-wide">
+						{siteEventLabel}
+					</span>
+				{/if}
+			</a>
+
+			{#if page.data.book?.title && /\/books\/[^/]+\/chapters\//.test(page.url.pathname)}
+				<a
+					href="/books/{page.data.book.slug}"
+					class="text-(--color-muted) hover:text-(--color-text) text-sm truncate min-w-0 flex-1 sm:flex-none sm:max-w-xs transition-colors"
+				>
+					{page.data.book.title}
+				</a>
+			{/if}
+
+			{#if data.user}
+				<!-- Desktop nav links (hidden on mobile) -->
+				<a
+			href="/books"
+				class="hidden sm:block text-sm transition-colors {page.url.pathname.startsWith('/books') ? 'text-(--color-text) font-medium' : 'text-(--color-muted) hover:text-(--color-text)'}"
+				>
+					{m.nav_library()}
+				</a>
+		<a
+			href="/discover"
+			class="hidden sm:block text-sm transition-colors {page.url.pathname.startsWith('/discover') ? 'text-(--color-text) font-medium' : 'text-(--color-muted) hover:text-(--color-text)'}"
+		>
+			Discover
+		</a>
+		<a
+			href="/feed"
+			class="hidden sm:block text-sm transition-colors {page.url.pathname.startsWith('/feed') ? 'text-(--color-text) font-medium' : 'text-(--color-muted) hover:text-(--color-text)'}"
+		>
+			{m.nav_feed()}
+		</a>
+		<a
+			href="/catalogue"
+			class="hidden sm:block text-sm transition-colors {page.url.pathname.startsWith('/catalogue') ? 'text-(--color-text) font-medium' : 'text-(--color-muted) hover:text-(--color-text)'}"
+		>
+			{m.nav_catalogue()}
+		</a>
+		{#if data.user}
+		<a
+			href="/submit"
+			class="hidden sm:block text-sm transition-colors {page.url.pathname.startsWith('/submit') ? 'text-(--color-text) font-medium' : 'text-(--color-muted) hover:text-(--color-text)'}"
+		>
+			Publish
+		</a>
+		{/if}
+		{#if !data.isPro}
+		<a
+			href="/subscribe"
+			class="hidden sm:inline-flex items-center gap-1 text-sm font-semibold transition-colors {page.url.pathname.startsWith('/subscribe') ? 'text-(--color-brand)' : 'text-(--color-brand) opacity-70 hover:opacity-100'}"
+		>
+			<svg class="w-3.5 h-3.5 shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm4.24 16L12 15.45 7.77 18l1.12-4.81-3.73-3.23 4.92-.42L12 5l1.92 4.53 4.92.42-3.73 3.23L16.23 18z"/></svg>
+			Pro
+		</a>
+		{/if}
+			<div class="ml-auto flex items-center gap-2">
+				<!-- Universal search button -->
+				<button
+					type="button"
+					onclick={() => { searchOpen = true; userMenuOpen = false; langMenuOpen = false; themeMenuOpen = false; menuOpen = false; notificationsOpen = false; }}
+					title="Search (/ or ⌘K)"
+					aria-label="Search books"
+					class="flex items-center justify-center w-8 h-8 rounded transition-colors text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2)"
+				>
+					<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
+					</svg>
+				</button>
+
+			<!-- Notifications bell -->
+			{#if data.user}
+				<div class="relative">
+						<button
+							type="button"
+							onclick={() => { notificationsOpen = !notificationsOpen; searchOpen = false; userMenuOpen = false; langMenuOpen = false; themeMenuOpen = false; menuOpen = false; }}
+							title="Notifications"
+							class="flex items-center justify-center w-8 h-8 rounded transition-colors {notificationsOpen ? 'bg-(--color-surface-2)' : 'hover:bg-(--color-surface-2)'} relative"
+						>
+							<svg class="w-4 h-4 text-(--color-muted)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"/>
+							</svg>
+							{#if unreadCount > 0}
+								<span class="absolute top-1 right-1 w-2 h-2 bg-red-500 rounded-full"></span>
+							{/if}
+						</button>
+					</div>
+				{/if}
+				<!-- Theme dropdown (desktop) -->
+				<div class="hidden sm:block relative">
+					<button
+						type="button"
+						onclick={() => { themeMenuOpen = !themeMenuOpen; langMenuOpen = false; userMenuOpen = false; }}
+						title="Theme"
+						class="flex items-center justify-center w-7 h-7 rounded transition-colors {themeMenuOpen ? 'bg-(--color-surface-2)' : 'hover:bg-(--color-surface-2)'}"
+					>
+						<span
+							class="w-3.5 h-3.5 rounded-full border-2 border-(--color-text) shrink-0"
+							style="background: {THEMES.find(t => t.id === currentTheme)?.color ?? '#f59e0b'};"
+						></span>
+					</button>
+					{#if themeMenuOpen}
+						<div class="absolute right-0 top-full mt-1 bg-(--color-surface-2) border border-(--color-border) rounded-lg shadow-xl py-2 px-2.5 z-50">
+							<div class="flex items-center gap-1.5">
+								{#each THEMES as t, i}
+									{#if i === 3}
+										<span class="w-px h-3 bg-(--color-border) mx-0.5"></span>
+									{/if}
+									<button
+										type="button"
+										onclick={() => { currentTheme = t.id; themeMenuOpen = false; }}
+										title={t.id}
+										class="w-4 h-4 rounded-full border-2 transition-all {currentTheme === t.id ? 'border-(--color-text) scale-110' : t.light ? 'border-(--color-border) opacity-70 hover:opacity-100' : 'border-transparent opacity-50 hover:opacity-100'}"
+										style="background: {t.color};"
+									></button>
+								{/each}
+							</div>
+						</div>
+					{/if}
+				</div>
+
+				<!-- Language dropdown (desktop) -->
+				<div class="hidden sm:block relative">
+					<button
+						type="button"
+						onclick={() => { langMenuOpen = !langMenuOpen; userMenuOpen = false; themeMenuOpen = false; }}
+						class="flex items-center gap-1 px-2 py-1 rounded text-xs font-mono transition-colors {langMenuOpen ? 'bg-(--color-surface-2) text-(--color-text)' : 'text-(--color-muted) hover:bg-(--color-surface-2) hover:text-(--color-text)'}"
+					>
+						<svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/>
+						</svg>
+						{getLocale().toUpperCase()}
+					</button>
+						{#if langMenuOpen}
+							<div class="absolute right-0 top-full mt-1 bg-(--color-surface-2) border border-(--color-border) rounded-lg shadow-xl py-1 z-50 min-w-[80px]">
+								{#each locales as locale}
+									<button
+										type="button"
+										onclick={async () => {
+											langMenuOpen = false;
+											await fetch('/api/settings', {
+												method: 'PUT',
+												headers: { 'Content-Type': 'application/json' },
+												body: JSON.stringify({ autoNext: audioStore.autoNext, voice: audioStore.voice, speed: audioStore.speed, theme: currentTheme, fontFamily: currentFontFamily, fontSize: currentFontSize, locale })
+											}).catch(() => {});
+											const { setLocale } = await import('$lib/paraglide/runtime.js');
+											setLocale(locale as any, { reload: true });
+										}}
+										class="w-full text-left px-3 py-1.5 text-xs font-mono transition-colors {getLocale() === locale ? 'text-(--color-brand) bg-(--color-brand)/10' : 'text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-3)'}"
+									>
+										{locale.toUpperCase()}
+									</button>
+								{/each}
+							</div>
+						{/if}
+					</div>
+
+				<!-- User menu dropdown (desktop) -->
+				<div class="hidden sm:block relative">
+					<button
+						type="button"
+						onclick={() => { userMenuOpen = !userMenuOpen; langMenuOpen = false; themeMenuOpen = false; }}
+						class="flex items-center gap-1.5 pl-1.5 pr-1.5 py-1 rounded transition-colors {userMenuOpen ? 'bg-(--color-surface-2)' : 'hover:bg-(--color-surface-2)'}"
+					>
+						<span class="w-6 h-6 rounded-full bg-(--color-brand)/20 text-(--color-brand) text-xs font-bold flex items-center justify-center shrink-0">
+							{data.user.username[0].toUpperCase()}
+						</span>
+					</button>
+						{#if userMenuOpen}
+							<div class="absolute right-0 top-full mt-1 bg-(--color-surface-2) border border-(--color-border) rounded-lg shadow-xl py-1 z-50 min-w-[170px]">
+								<a
+									href="/profile"
+									onclick={() => { userMenuOpen = false; }}
+									class="flex items-center justify-between gap-2 px-3 py-2 text-sm transition-colors {page.url.pathname === '/profile' ? 'text-(--color-text)' : 'text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-3)'}"
+								>
+									{m.nav_profile()}
+									<span class="text-xs opacity-40 truncate max-w-[80px]">{data.user.username}</span>
+								</a>
+								{#if data.user?.role === 'admin'}
+									<a
+										href="/admin/scrape"
+										onclick={() => { userMenuOpen = false; }}
+										class="flex items-center gap-2 px-3 py-2 text-sm transition-colors {page.url.pathname.startsWith('/admin') ? 'text-(--color-text)' : 'text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-3)'}"
+									>
+										{m.nav_admin_panel()}
+									</a>
+								{/if}
+								<a
+									href="https://feedback.libnovel.cc"
+									target="_blank"
+									rel="noopener noreferrer"
+									onclick={() => { userMenuOpen = false; }}
+									class="flex items-center justify-between gap-2 px-3 py-2 text-sm text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-3) transition-colors"
+								>
+									{m.nav_feedback()}
+									<svg class="w-3 h-3 shrink-0 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+										<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+									</svg>
+								</a>
+								<div class="my-1 border-t border-(--color-border)/60"></div>
+								<form method="POST" action="/logout">
+									<button type="submit" class="w-full text-left px-3 py-2 text-sm text-(--color-danger) hover:bg-(--color-surface-3) transition-colors">
+										{m.nav_sign_out()}
+									</button>
+								</form>
+							</div>
+						{/if}
+					</div>
+
+					<!-- Mobile: hamburger button -->
+					<Button
+						variant="ghost"
+						size="icon"
+						onclick={() => (menuOpen = !menuOpen)}
+						aria-label={m.nav_toggle_menu()}
+						aria-expanded={menuOpen}
+						class="sm:hidden -mr-1"
+					>
+						{#if menuOpen}
+							<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+							</svg>
+						{:else}
+							<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+							</svg>
+						{/if}
+					</Button>
+				</div>
+
+		<!-- Click-outside overlay for dropdowns -->
+			{#if langMenuOpen || userMenuOpen}
+				<div
+					class="fixed inset-0 z-40"
+					onpointerdown={() => { langMenuOpen = false; userMenuOpen = false; }}
+					aria-hidden="true"
+				></div>
+			{/if}
+
+			{:else}
+				<div class="ml-auto">
+					<a
+						href="/login"
+						class="text-sm px-3 py-1.5 rounded bg-(--color-brand) text-(--color-surface) font-semibold hover:bg-(--color-brand-dim) transition-colors"
+					>
+						{m.nav_sign_in()}
+					</a>
+				</div>
+			{/if}
+		</nav>
+
+		<!-- Mobile drawer (full-width, below the bar) -->
+		{#if data.user && menuOpen}
+			<div class="sm:hidden border-t border-(--color-border) bg-(--color-surface) px-4 py-3 flex flex-col gap-1">
+				<a
+					href="/books"
+					onclick={() => (menuOpen = false)}
+					class="px-3 py-2.5 rounded-lg text-sm font-medium transition-colors {page.url.pathname.startsWith('/books') ? 'bg-(--color-surface-2) text-(--color-text)' : 'text-(--color-muted) hover:bg-(--color-surface-2) hover:text-(--color-text)'}"
+				>
+					{m.nav_library()}
+				</a>
+		<a
+			href="/discover"
+			onclick={() => (menuOpen = false)}
+			class="px-3 py-2.5 rounded-lg text-sm font-medium transition-colors {page.url.pathname.startsWith('/discover') ? 'bg-(--color-surface-2) text-(--color-text)' : 'text-(--color-muted) hover:bg-(--color-surface-2) hover:text-(--color-text)'}"
+		>
+			Discover
+		</a>
+		<a
+			href="/feed"
+			onclick={() => (menuOpen = false)}
+			class="px-3 py-2.5 rounded-lg text-sm font-medium transition-colors {page.url.pathname.startsWith('/feed') ? 'bg-(--color-surface-2) text-(--color-text)' : 'text-(--color-muted) hover:bg-(--color-surface-2) hover:text-(--color-text)'}"
+		>
+			{m.nav_feed()}
+		</a>
+		<a
+			href="/catalogue"
+			onclick={() => (menuOpen = false)}
+			class="px-3 py-2.5 rounded-lg text-sm font-medium transition-colors {page.url.pathname.startsWith('/catalogue') ? 'bg-(--color-surface-2) text-(--color-text)' : 'text-(--color-muted) hover:bg-(--color-surface-2) hover:text-(--color-text)'}"
+		>
+			{m.nav_catalogue()}
+		</a>
+		{#if data.user}
+		<a
+			href="/submit"
+			onclick={() => (menuOpen = false)}
+			class="px-3 py-2.5 rounded-lg text-sm font-medium transition-colors {page.url.pathname.startsWith('/submit') ? 'bg-(--color-surface-2) text-(--color-text)' : 'text-(--color-muted) hover:bg-(--color-surface-2) hover:text-(--color-text)'}"
+		>
+			Publish
+		</a>
+		{/if}
+			<a
+				href="https://feedback.libnovel.cc"
+				target="_blank"
+				rel="noopener noreferrer"
+				onclick={() => (menuOpen = false)}
+				class="px-3 py-2.5 rounded-lg text-sm font-medium transition-colors text-(--color-muted) hover:bg-(--color-surface-2) hover:text-(--color-text) flex items-center justify-between"
+			>
+				{m.nav_feedback()}
+				<svg class="w-3.5 h-3.5 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+				</svg>
+			</a>
+				<a
+					href="/profile"
+					onclick={() => (menuOpen = false)}
+					class="px-3 py-2.5 rounded-lg text-sm font-medium transition-colors {page.url.pathname === '/profile' ? 'bg-(--color-surface-2) text-(--color-text)' : 'text-(--color-muted) hover:bg-(--color-surface-2) hover:text-(--color-text)'}"
+				>
+					{m.nav_profile()} <span class="text-(--color-muted) font-normal opacity-60">({data.user.username})</span>
+				</a>
+			{#if data.user?.role === 'admin'}
+				<div class="my-1 border-t border-(--color-border)/60"></div>
+				<p class="px-3 pt-1 pb-0.5 text-xs text-(--color-muted) opacity-50 uppercase tracking-widest">{m.nav_admin()}</p>
+				<a
+					href="/admin/scrape"
+					onclick={() => (menuOpen = false)}
+					class="px-3 py-2.5 rounded-lg text-sm font-medium transition-colors {page.url.pathname.startsWith('/admin') ? 'bg-(--color-surface-2) text-(--color-text)' : 'text-(--color-muted) hover:bg-(--color-surface-2) hover:text-(--color-text)'}"
+				>
+					{m.nav_admin_panel()}
+				</a>
+			{/if}
+			<!-- Theme switcher -->
+			<div class="my-1 border-t border-(--color-border)/60"></div>
+			<div class="px-3 py-2.5 flex items-center justify-between">
+				<span class="text-xs text-(--color-muted) uppercase tracking-widest">{m.profile_theme_label()}</span>
+				<div class="flex items-center gap-1.5">
+					{#each THEMES as t, i}
+						{#if i === 3}
+							<span class="w-px h-4 bg-(--color-border) mx-0.5"></span>
+						{/if}
+						<button
+							type="button"
+							onclick={() => { currentTheme = t.id; }}
+							title={t.id}
+							class="w-5 h-5 rounded-full border-2 transition-all {currentTheme === t.id ? 'border-(--color-text) scale-110' : t.light ? 'border-(--color-border) opacity-70 hover:opacity-100' : 'border-transparent opacity-50 hover:opacity-100'}"
+							style="background: {t.color};"
+						></button>
+					{/each}
+				</div>
+			</div>
+
+			<!-- Language switcher -->
+			<div class="px-3 py-2.5 flex items-center justify-between">
+				<span class="text-xs text-(--color-muted) uppercase tracking-widest">{m.locale_switcher_label()}</span>
+				<div class="flex items-center gap-0.5">
+					{#each locales as locale}
+						<button
+							type="button"
+							onclick={async () => {
+								menuOpen = false;
+								await fetch('/api/settings', {
+									method: 'PUT',
+									headers: { 'Content-Type': 'application/json' },
+									body: JSON.stringify({ autoNext: audioStore.autoNext, voice: audioStore.voice, speed: audioStore.speed, theme: currentTheme, fontFamily: currentFontFamily, fontSize: currentFontSize, locale })
+								}).catch(() => {});
+								const { setLocale } = await import('$lib/paraglide/runtime.js');
+								setLocale(locale as any, { reload: true });
+							}}
+							class="px-1.5 py-0.5 rounded text-xs font-mono transition-colors {getLocale() === locale ? 'text-(--color-brand) bg-(--color-brand)/10' : 'text-(--color-muted) hover:text-(--color-text)'}"
+						>
+							{locale.toUpperCase()}
+						</button>
+					{/each}
+				</div>
+			</div>
+
+			<div class="my-1 border-t border-(--color-border)/60"></div>
+			<form method="POST" action="/logout">
+				<Button
+					type="submit"
+					variant="ghost"
+					class="w-full justify-start px-3 py-2.5 h-auto text-sm font-medium text-(--color-danger) hover:bg-(--color-surface-2) hover:text-(--color-danger)"
+				>
+					{m.nav_sign_out()}
+				</Button>
+			</form>
+			</div>
+		{/if}
+	</header>
+
+	<!-- Backdrop for mobile hamburger menu — outside <header> so the blur
+	     only affects page content below, not the drawer items themselves -->
+	{#if menuOpen}
+		<div
+			class="fixed top-14 inset-x-0 bottom-0 z-40 sm:hidden"
+			style="background: rgba(0,0,0,0.6); backdrop-filter: blur(4px);"
+			onpointerdown={() => { menuOpen = false; }}
+			aria-hidden="true"
+		></div>
+	{/if}
+
+	<main class="flex-1 max-w-6xl mx-auto w-full px-4 py-8">
+		{#key page.url.pathname + page.url.search}
+			<div in:fade={{ duration: 180, delay: 60 }} out:fade={{ duration: 100 }}>
+				{@render children()}
+			</div>
+		{/key}
+	</main>
+
+	<footer class="border-t border-(--color-border) mt-auto"
+		class:hidden={/\/books\/[^/]+\/chapters\//.test(page.url.pathname)}
+	>
+		<div class="max-w-6xl mx-auto px-4 py-6 flex flex-col items-center gap-4 text-xs text-(--color-muted)">
+			<!-- Top row: site links -->
+			<nav class="flex flex-wrap items-center justify-center gap-x-5 gap-y-2">
+			<a href="/books" class="hover:text-(--color-text) transition-colors">{m.footer_library()}</a>
+			<a href="/catalogue" class="hover:text-(--color-text) transition-colors">{m.footer_catalogue()}</a>
+			<a
+				href="https://feedback.libnovel.cc"
+				target="_blank"
+				rel="noopener noreferrer"
+				class="hover:text-(--color-text) transition-colors flex items-center gap-1"
+			>
+				{m.footer_feedback()}
+				<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+						d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+				</svg>
+			</a>
+			<a
+				href="https://novelfire.net"
+					target="_blank"
+					rel="noopener noreferrer"
+					class="hover:text-(--color-text) transition-colors flex items-center gap-1"
+				>
+					novelfire.net
+					<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+							d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+					</svg>
+				</a>
+		</nav>
+		<!-- Bottom row: legal links + copyright -->
+		<div class="flex flex-wrap items-center justify-center gap-x-5 gap-y-2 text-(--color-muted)">
+			<a href="/disclaimer" class="hover:text-(--color-text) transition-colors">{m.footer_disclaimer()}</a>
+			<a href="/privacy" class="hover:text-(--color-text) transition-colors">{m.footer_privacy()}</a>
+			<a href="/dmca" class="hover:text-(--color-text) transition-colors">{m.footer_dmca()}</a>
+			<span>{m.footer_copyright({ year: String(new Date().getFullYear()) })}</span>
+		</div>
+		<!-- Build version / commit SHA / build time -->
+		{#snippet buildTime()}
+			{#if buildTimeLocal}
+				<span class="text-(--color-muted)" title="Build time">
+					· {buildTimeLocal}
+				</span>
+			{/if}
+		{/snippet}
+		<div class="text-xs tabular-nums font-mono px-2 py-0.5 rounded bg-(--color-surface-2) border border-(--color-border)">
+			{#if env.PUBLIC_BUILD_VERSION && env.PUBLIC_BUILD_VERSION !== 'dev'}
+				<span class="text-(--color-text)" title="Build version">{env.PUBLIC_BUILD_VERSION}</span>
+				{#if env.PUBLIC_BUILD_COMMIT && env.PUBLIC_BUILD_COMMIT !== 'unknown'}
+					<span class="text-(--color-muted) select-all" title="Commit SHA"
+						>+{env.PUBLIC_BUILD_COMMIT.slice(0, 7)}</span
+					>
+				{/if}
+				{@render buildTime()}
+			{:else}
+				<span class="text-(--color-muted)">dev</span>
+			{/if}
+		</div>
+		</div>
+	</footer>
+</div>
+
+<!-- ── Persistent mini-player bar ─────────────────────────────────────────── -->
+{#if audioStore.active && !audioStore.suppressMiniBar}
+	<div class="fixed bottom-0 left-0 right-0 z-50 bg-(--color-surface) border-t border-(--color-border) shadow-2xl">
+
+		<!-- Generation progress bar (sits at very top of the bar) -->
+		{#if audioStore.status === 'generating' || audioStore.status === 'loading'}
+			<div class="h-0.5 bg-(--color-surface-2)">
+				<div
+					class="h-full bg-(--color-brand) transition-none"
+					style="width: {audioStore.progress}%"
+				></div>
+			</div>
+		{:else if audioStore.status === 'ready'}
+			<!-- Seek bar flush at top — tappable on mobile -->
+			<div class="px-0">
+				<input
+					type="range"
+					aria-label={m.player_seek_label()}
+					min="0"
+					max={audioStore.duration || 0}
+					value={audioStore.currentTime}
+					oninput={seek}
+					onchange={seek}
+					class="w-full h-1 accent-[--color-brand] cursor-pointer block"
+					style="margin: 0; border-radius: 0; accent-color: var(--color-brand);"
+				/>
+			</div>
+		{/if}
+
+		<div class="max-w-6xl mx-auto px-4 py-2 flex items-center gap-3">
+
+		<!-- Track info (click to open chapter list in listening mode) -->
+			<button
+				class="flex-1 min-w-0 text-left rounded px-1 -ml-1 hover:bg-(--color-surface-2) transition-colors"
+				onclick={() => { if (audioStore.chapters.length > 0) { listeningModeChapters = true; listeningModeOpen = true; } }}
+				aria-label={audioStore.chapters.length > 0 ? m.player_toggle_chapter_list() : undefined}
+				title={audioStore.chapters.length > 0 ? m.player_chapter_list_label() : undefined}
+			>
+				{#if audioStore.status === 'generating'}
+					<p class="text-xs text-(--color-brand) leading-tight">
+						{m.player_generating({ percent: String(Math.round(audioStore.progress)) })}
+					</p>
+				{:else if audioStore.status === 'ready'}
+					<p class="text-xs text-(--color-muted) tabular-nums leading-tight flex items-center gap-1.5">
+						{formatTime(audioStore.currentTime)} / {formatDuration(audioStore.duration)}
+						{#if audioStore.isPreview}
+							<span class="px-1 py-0.5 rounded text-[10px] font-medium bg-(--color-brand)/15 text-(--color-brand) leading-none">preview</span>
+						{/if}
+					</p>
+				{:else if audioStore.status === 'loading'}
+					<p class="text-xs text-(--color-muted) leading-tight">{m.player_loading()}</p>
+				{/if}
+			</button>
+
+			{#if audioStore.status === 'ready'}
+				<!-- Skip back 15s -->
+				<Button
+					variant="ghost"
+					size="icon"
+					onclick={skipBack}
+					title={m.player_back_15()}
+					aria-label={m.player_rewind_15()}
+				>
+					<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
+						<path d="M11.99 5V1l-5 5 5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6h-2c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/>
+						<text x="8.5" y="14.5" font-size="5" font-family="sans-serif" font-weight="bold" fill="currentColor">15</text>
+					</svg>
+				</Button>
+
+				<!-- Play / Pause — custom circular brand style, kept as raw button -->
+				<button
+					onclick={togglePlay}
+					class="w-10 h-10 rounded-full bg-(--color-brand) text-(--color-surface) flex items-center justify-center hover:bg-(--color-brand-dim) transition-colors flex-shrink-0"
+					aria-label={audioStore.isPlaying ? m.player_pause() : m.player_play()}
+				>
+					{#if audioStore.isPlaying}
+						<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
+							<path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z"/>
+						</svg>
+					{:else}
+						<svg class="w-4 h-4 ml-0.5" fill="currentColor" viewBox="0 0 24 24">
+							<path d="M8 5v14l11-7z"/>
+						</svg>
+					{/if}
+				</button>
+
+				<!-- Skip forward 30s -->
+				<Button
+					variant="ghost"
+					size="icon"
+					onclick={skipForward}
+					title={m.player_forward_30()}
+					aria-label={m.player_skip_30()}
+				>
+					<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
+						<path d="M12 5V1l5 5-5 5V7c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6h2c0 4.42-3.58 8-8 8s-8-3.58-8-8 3.58-8 8-8z"/>
+						<text x="8.5" y="14.5" font-size="5" font-family="sans-serif" font-weight="bold" fill="currentColor">30</text>
+					</svg>
+				</Button>
+
+			{:else if audioStore.status === 'generating'}
+				<!-- Spinner during generation -->
+				<svg class="w-6 h-6 text-(--color-brand) animate-spin flex-shrink-0" fill="none" viewBox="0 0 24 24">
+					<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+					<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+				</svg>
+			{/if}
+
+			<!-- Cover thumbnail / go-to-chapter link -->
+			{#if audioStore.slug && audioStore.chapter > 0}
+				<a
+					href="/books/{audioStore.slug}/chapters/{audioStore.chapter}"
+					class="shrink-0 rounded overflow-hidden hover:opacity-80 transition-opacity"
+					title={m.player_go_to_chapter()}
+					aria-label={m.player_go_to_chapter()}
+				>
+					{#if audioStore.cover}
+						<img
+							src={audioStore.cover}
+							alt=""
+							class="w-8 h-11 object-cover rounded"
+						/>
+					{:else}
+						<!-- Fallback book icon -->
+						<div class="w-8 h-11 flex items-center justify-center bg-(--color-surface-2) rounded border border-(--color-border)">
+							<svg class="w-4 h-4 text-(--color-muted)" fill="currentColor" viewBox="0 0 24 24">
+								<path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 14H8v-2h8v2zm0-4H8v-2h8v2zm0-4H8V6h8v2z"/>
+							</svg>
+						</div>
+					{/if}
+				</a>
+			{/if}
+
+			<!-- Headphones: open listening mode -->
+			<Button
+				variant="ghost"
+				size="icon"
+				onclick={() => { listeningModeChapters = false; listeningModeOpen = true; }}
+				title="Listening mode"
+				aria-label="Open listening mode"
+				class="text-(--color-muted) hover:text-(--color-text) flex-shrink-0"
+			>
+				<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 18v-6a9 9 0 0118 0v6"/>
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 19a2 2 0 01-2 2h-1a2 2 0 01-2-2v-3a2 2 0 012-2h3zM3 19a2 2 0 002 2h1a2 2 0 002-2v-3a2 2 0 00-2-2H3z"/>
+				</svg>
+			</Button>
+
+			<!-- Dismiss -->
+			<Button
+				variant="ghost"
+				size="icon"
+				onclick={dismiss}
+				title={m.player_close()}
+				aria-label={m.player_close()}
+				class="text-(--color-muted) hover:text-(--color-text) flex-shrink-0"
+			>
+				<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+				</svg>
+			</Button>
+		</div>
+	</div>
+{/if}
+
+<!-- Listening mode — mounted at root level, independent of audioStore.active,
+     so closing/pausing audio never tears it down and loses context. -->
+{#if listeningModeOpen}
+	<ListeningMode
+		onclose={() => { listeningModeOpen = false; listeningModeChapters = false; }}
+		openChapters={listeningModeChapters}
+	/>
+{/if}
+
+<!-- Universal search modal — shown from anywhere except focus mode / listening mode -->
+{#if searchOpen && !listeningModeOpen}
+	<SearchModal onclose={() => { searchOpen = false; }} />
+{/if}
+
+<!-- Notifications modal — full-screen, shown for all logged-in users -->
+{#if notificationsOpen && data.user}
+	<NotificationsModal
+		notifications={notifications}
+		userId={data.user.id}
+		isAdmin={data.user.role === 'admin'}
+		onclose={() => { notificationsOpen = false; }}
+		onMarkRead={markRead}
+		onMarkAllRead={markAllRead}
+		onDismiss={dismissNotification}
+		onClearAll={clearAllNotifications}
+	/>
+{/if}
+
+<svelte:window onkeydown={(e) => {
+	// Don't intercept when typing in an input/textarea
+	const tag = (e.target as HTMLElement).tagName;
+	if (tag === 'INPUT' || tag === 'TEXTAREA' || (e.target as HTMLElement).isContentEditable) return;
+	if (searchOpen) return;
+	// `/` key or Cmd/Ctrl+K
+	if (e.key === '/' || ((e.metaKey || e.ctrlKey) && e.key === 'k')) {
+		e.preventDefault();
+		searchOpen = true;
+	}
+}} />
+
+<!-- Seasonal decoration overlay — rendered above page content, below nav -->
+{#if siteDecoration}
+	<SeasonalDecoration mode={siteDecoration} />
+{/if}
+
+<style>
+/* Logo animation keyframes are defined globally in app.css */
+/* This block intentionally left minimal — all logo-anim-* classes live in app.css */
+</style>
diff --git a/ui/src/routes/+page.server.ts b/ui/src/routes/+page.server.ts
new file mode 100644
index 0000000..387846c
--- /dev/null
+++ b/ui/src/routes/+page.server.ts
@@ -0,0 +1,129 @@
+import type { PageServerLoad } from './$types';
+import {
+	getBooksBySlugs,
+	recentlyUpdatedBooks,
+	allProgress,
+	getHomeStats,
+	getSubscriptionFeed,
+	getTrendingBooks,
+	getRecommendedBooks,
+	getBooksWithAudioCount
+} from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+import type { Book, Progress } from '$lib/server/pocketbase';
+
+function parseGenresLocal(genres: string[] | string | null | undefined): string[] {
+	if (!genres) return [];
+	if (Array.isArray(genres)) return genres;
+	try { return JSON.parse(genres) as string[]; } catch { return []; }
+}
+
+function computeStreak(progressList: Progress[]): number {
+	const days = new Set(
+		progressList.filter((p) => p.updated).map((p) => p.updated.slice(0, 10))
+	);
+	let streak = 0;
+	const today = new Date();
+	for (let i = 0; i < 365; i++) {
+		const d = new Date(today);
+		d.setUTCDate(d.getUTCDate() - i);
+		if (days.has(d.toISOString().slice(0, 10))) streak++;
+		else if (i > 0) break;
+	}
+	return streak;
+}
+
+export const load: PageServerLoad = async ({ locals }) => {
+	let recentBooks: Book[] = [];
+	let progressList: Progress[] = [];
+	let stats = { totalBooks: 0, totalChapters: 0 };
+
+	try {
+		[recentBooks, progressList, stats] = await Promise.all([
+			recentlyUpdatedBooks(8).catch(() => [] as Book[]),
+			allProgress(locals.sessionId, locals.user?.id),
+			getHomeStats()
+		]);
+	} catch (e) {
+		log.error('home', 'failed to load home data', { err: String(e) });
+	}
+
+	const streak = computeStreak(progressList);
+
+	// Fetch only the books we need for continue-reading (avoid loading all books)
+	const progressSlugs = progressList.map((p) => p.slug);
+	const progressBooks = progressSlugs.length > 0
+		? await getBooksBySlugs(progressSlugs).catch(() => [] as Book[])
+		: [];
+
+	const bookMap = new Map<string, Book>(progressBooks.map((b) => [b.slug, b]));
+
+	// All continue-reading entries joined with book data, most recent first
+	const continueReading = progressList
+		.filter((p) => bookMap.has(p.slug))
+		.slice(0, 8)
+		.map((p) => ({ book: bookMap.get(p.slug)!, chapter: p.chapter }));
+
+	// Split into in-progress vs completed
+	const continueInProgress = continueReading.filter(
+		({ book, chapter }) => book.total_chapters === 0 || chapter < book.total_chapters
+	);
+	const continueCompleted = continueReading.filter(
+		({ book, chapter }) => book.total_chapters > 0 && chapter >= book.total_chapters
+	);
+
+	// Top genres from books the user has been reading
+	const genreFreq = new Map<string, number>();
+	for (const { book } of continueReading) {
+		for (const g of parseGenresLocal(book.genres)) {
+			genreFreq.set(g, (genreFreq.get(g) ?? 0) + 1);
+		}
+	}
+	const topGenres = [...genreFreq.entries()]
+		.sort((a, b) => b[1] - a[1])
+		.slice(0, 3)
+		.map(([g]) => g);
+
+	// Deduplicate recently-updated against in-progress slugs
+	const inProgressSlugs = new Set(continueReading.map((c) => c.book.slug));
+	const recentlyUpdated = recentBooks.filter((b) => !inProgressSlugs.has(b.slug)).slice(0, 6);
+
+	// Fetch trending, recommendations, subscription feed, and audio books in parallel
+	const [trendingBooks, recommendedBooks, subscriptionFeed, audioBooks] = await Promise.all([
+		getTrendingBooks(8).catch(() => [] as Book[]),
+		topGenres.length > 0
+			? getRecommendedBooks(topGenres, inProgressSlugs, 8).catch(() => [] as Book[])
+			: Promise.resolve([] as Book[]),
+		locals.user
+			? getSubscriptionFeed(locals.user.id, 12).catch((e) => {
+					log.error('home', 'failed to load subscription feed', { err: String(e) });
+					return [] as Awaited<ReturnType<typeof getSubscriptionFeed>>;
+				})
+			: Promise.resolve([]),
+		getBooksWithAudioCount(20).catch(() => [])
+	]);
+
+	// Strip books the user is already reading from trending (redundant)
+	const trendingFiltered = trendingBooks.filter((b) => !inProgressSlugs.has(b.slug));
+
+	// Strip already-reading books from audio shelf; cap at 8
+	const readyToListen = audioBooks
+		.filter((e) => !inProgressSlugs.has(e.book.slug))
+		.slice(0, 8);
+
+	return {
+		continueInProgress,
+		continueCompleted,
+		recentlyUpdated,
+		subscriptionFeed,
+		trendingBooks: trendingFiltered,
+		recommendedBooks,
+		readyToListen,
+		topGenre: topGenres[0] ?? null,
+		stats: {
+			...stats,
+			booksInProgress: continueInProgress.length,
+			streak
+		}
+	};
+};
diff --git a/ui/src/routes/+page.svelte b/ui/src/routes/+page.svelte
new file mode 100644
index 0000000..27da17f
--- /dev/null
+++ b/ui/src/routes/+page.svelte
@@ -0,0 +1,677 @@
+<script lang="ts">
+	import { browser } from '$app/environment';
+	import { goto } from '$app/navigation';
+	import { audioStore } from '$lib/audio.svelte';
+	import type { PageData } from './$types';
+	import * as m from '$lib/paraglide/messages.js';
+
+	let { data }: { data: PageData } = $props();
+
+	// ── Section visibility ────────────────────────────────────────────────────────
+	type SectionId = 'recently-updated' | 'browse-genre' | 'from-following' | 'trending' | 'because-you-read' | 'ready-to-listen';
+	const SECTIONS_KEY = 'home_sections_v1';
+
+	function loadHidden(): Set<SectionId> {
+		if (!browser) return new Set();
+		try {
+			const raw = localStorage.getItem(SECTIONS_KEY);
+			if (raw) return new Set(JSON.parse(raw) as SectionId[]);
+		} catch { /* ignore */ }
+		return new Set();
+	}
+
+	let hidden = $state<Set<SectionId>>(loadHidden());
+
+	function hide(id: SectionId) {
+		hidden = new Set([...hidden, id]);
+		if (browser) localStorage.setItem(SECTIONS_KEY, JSON.stringify([...hidden]));
+	}
+
+	function restore(id: SectionId) {
+		const next = new Set(hidden);
+		next.delete(id);
+		hidden = next;
+		if (browser) localStorage.setItem(SECTIONS_KEY, JSON.stringify([...next]));
+	}
+
+	const SECTION_LABELS = $derived<Record<SectionId, string>>({
+		'recently-updated': 'Recently Updated',
+		'browse-genre':     'Browse by Genre',
+		'from-following':   'From Following',
+		'trending':         'Trending Now',
+		'because-you-read': data.topGenre ? `Because you read ${data.topGenre}` : 'Recommendations',
+		'ready-to-listen':  'Ready to Listen',
+	});
+
+	const hiddenList = $derived(
+		(Object.keys(SECTION_LABELS) as SectionId[]).filter((id) => hidden.has(id))
+	);
+
+	function parseGenres(genres: string[] | string | null | undefined): string[] {
+		if (!genres) return [];
+		if (Array.isArray(genres)) return genres;
+		try {
+			const parsed = JSON.parse(genres);
+			return Array.isArray(parsed) ? parsed : [];
+		} catch { return []; }
+	}
+
+	const dedupedRecent = $derived.by(() => {
+		const seen = new Map<string, { book: (typeof data.recentlyUpdated)[0]; count: number }>();
+		for (const book of data.recentlyUpdated) {
+			if (seen.has(book.slug)) {
+				seen.get(book.slug)!.count++;
+			} else {
+				seen.set(book.slug, { book, count: 1 });
+			}
+		}
+		return [...seen.values()];
+	});
+
+	const GENRES = [
+		'Action', 'Fantasy', 'Romance', 'Cultivation', 'System',
+		'Reincarnation', 'Sci-Fi', 'Horror', 'Slice of Life', 'Adventure',
+	];
+
+	// ── Hero carousel ────────────────────────────────────────────────────────
+	const CAROUSEL_INTERVAL = 6000; // ms
+	const heroBooks  = $derived(data.continueInProgress);
+	let heroIndex    = $state(0);
+	const heroBook   = $derived(heroBooks[heroIndex] ?? null);
+	// Shelf always shows books at positions 1…n — stable regardless of heroIndex
+	// so that navigating the carousel doesn't reshuffle the shelf below.
+	const shelfBooks = $derived(heroBooks.length > 1 ? heroBooks.slice(1) : []);
+	const streak     = $derived(data.stats.streak ?? 0);
+
+	function heroDot(i: number) {
+		heroIndex = i;
+		resetAutoAdvance();
+	}
+
+	// Auto-advance carousel every CAROUSEL_INTERVAL ms when there are multiple books.
+	// autoAdvanceSeed is bumped on manual swipe/dot to restart the interval.
+	let autoAdvanceSeed = $state(0);
+
+	$effect(() => {
+		if (heroBooks.length <= 1) return;
+		const len = heroBooks.length;
+		void autoAdvanceSeed; // restart when seed changes
+		const id = setInterval(() => {
+			heroIndex = (heroIndex + 1) % len;
+		}, CAROUSEL_INTERVAL);
+		return () => clearInterval(id);
+	});
+
+	function resetAutoAdvance() {
+		autoAdvanceSeed++;
+	}
+
+	// ── Swipe handling ───────────────────────────────────────────────────────
+	let swipeStartX = 0;
+	function onSwipeStart(e: TouchEvent) {
+		swipeStartX = e.touches[0].clientX;
+	}
+	function onSwipeEnd(e: TouchEvent) {
+		const dx = e.changedTouches[0].clientX - swipeStartX;
+		if (Math.abs(dx) < 40) return; // ignore tiny movements
+		if (dx < 0) {
+			// swipe left → next
+			heroIndex = (heroIndex + 1) % heroBooks.length;
+		} else {
+			// swipe right → prev
+			heroIndex = (heroIndex - 1 + heroBooks.length) % heroBooks.length;
+		}
+		resetAutoAdvance();
+	}
+
+	function playChapter(slug: string, chapter: number) {
+		audioStore.autoStartChapter = chapter;
+		goto(`/books/${slug}/chapters/${chapter}`);
+	}
+</script>
+
+<svelte:head>
+	<title>{m.home_title()}</title>
+</svelte:head>
+
+<!-- ── Hero carousel ──────────────────────────────────────────────────────────── -->
+{#if heroBook}
+{@const stackBooks = heroBooks.length > 1
+	? Array.from({ length: Math.min(heroBooks.length - 1, 3) }, (_, i) =>
+		heroBooks[(heroIndex + 1 + i) % heroBooks.length])
+	: []}
+<section class="mb-6">
+	<!-- Outer flex row: front card + queued book spines (sm+ only) -->
+	<div class="relative flex items-stretch gap-0">
+
+		<!-- Front card — swipe to navigate -->
+		<!-- svelte-ignore a11y_no_static_element_interactions -->
+		<div
+			class="group relative flex gap-0 rounded-xl overflow-hidden bg-(--color-surface-2) border border-(--color-border) hover:border-(--color-brand)/50 transition-all z-[2] flex-1 min-w-0"
+			ontouchstart={onSwipeStart}
+			ontouchend={onSwipeEnd}
+		>
+			<!-- Atmospheric blurred cover background (z-0, content is z-[1]) -->
+			{#if heroBook.book.cover}
+				{#key heroIndex}
+					<div
+						class="absolute inset-0 bg-cover bg-center scale-110 animate-fade-in pointer-events-none z-0"
+						style="background-image: url('{heroBook.book.cover}'); filter: blur(40px) saturate(1.3); opacity: 0.18;"
+						aria-hidden="true"
+					></div>
+				{/key}
+			{/if}
+			<!-- Cover — drives card height via aspect-[2/3] -->
+			<a href="/books/{heroBook.book.slug}/chapters/{heroBook.chapter}"
+				class="w-36 sm:w-44 shrink-0 self-stretch overflow-hidden block relative z-[1]">
+				{#if heroBook.book.cover}
+					{#key heroIndex}
+						<img src={heroBook.book.cover} alt={heroBook.book.title}
+							class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 animate-fade-in" loading="eager" />
+					{/key}
+				{:else}
+					<div class="w-full h-full bg-(--color-surface-3) flex items-center justify-center">
+						<svg class="w-10 h-10 text-(--color-muted)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/>
+						</svg>
+					</div>
+				{/if}
+			</a>
+
+			<!-- Info — fixed height matching cover, overflow hidden so text never expands the card -->
+			<div class="relative z-[1] flex flex-col justify-between p-4 sm:p-7 min-w-0 flex-1 overflow-hidden
+				h-[calc(144px*3/2)] sm:h-[calc(176px*3/2)]">
+				<div class="min-h-0 overflow-hidden">
+					<p class="text-xs font-semibold text-(--color-brand) uppercase tracking-widest mb-2">{m.home_continue_reading()}</p>
+					<h2 class="text-xl sm:text-2xl font-bold text-(--color-text) leading-snug line-clamp-2 mb-1">{heroBook.book.title}</h2>
+					{#if heroBook.book.author}
+						<p class="text-sm text-(--color-muted) truncate">{heroBook.book.author}</p>
+					{/if}
+					{#if heroBook.book.summary}
+						<p class="hidden sm:block text-sm text-(--color-muted) mt-3 line-clamp-3 max-w-prose">{heroBook.book.summary}</p>
+					{/if}
+				</div>
+				<div class="flex items-center gap-3 mt-4 flex-wrap shrink-0">
+					<a href="/books/{heroBook.book.slug}/chapters/{heroBook.chapter}"
+						class="inline-flex items-center gap-1.5 px-4 py-2 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm hover:bg-(--color-brand-dim) transition-colors">
+						<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+						{m.home_chapter_badge({ n: String(heroBook.chapter) })}
+					</a>
+					<a
+						href="/books/{heroBook.book.slug}"
+						class="inline-flex items-center gap-1.5 px-4 py-2 rounded-lg bg-(--color-surface-3) border border-(--color-border) text-(--color-muted) hover:text-(--color-text) hover:border-(--color-brand)/40 font-semibold text-sm transition-colors"
+						title="Book info"
+					>
+						<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 16h-1v-4h-1m1-4h.01M12 2a10 10 0 100 20A10 10 0 0012 2z"/>
+						</svg>
+						Info
+					</a>
+					{#each parseGenres(heroBook.book.genres).slice(0, 2) as genre}
+						<span class="hidden sm:inline text-xs px-2 py-1 rounded-full bg-(--color-surface-3) text-(--color-muted)">{genre}</span>
+					{/each}
+				</div>
+			</div>
+		</div>
+
+		<!-- Queued book spines — visible sm+ only, peek to the right of the front card -->
+		{#each stackBooks as stackBook, i}
+			{@const opacity = i === 0 ? 'opacity-70' : 'opacity-40'}
+			{@const width = i === 0 ? 'sm:w-10' : 'sm:w-7'}
+			<a
+				href="/books/{stackBook.book.slug}/chapters/{stackBook.chapter}"
+				class="hidden sm:block shrink-0 {width} rounded-r-xl overflow-hidden border border-l-0 border-(--color-border) {opacity} hover:opacity-90 transition-opacity"
+				aria-label={stackBook.book.title}
+				tabindex="-1"
+			>
+				{#if stackBook.book.cover}
+					<img src={stackBook.book.cover} alt="" aria-hidden="true"
+						class="w-full h-full object-cover object-left" loading="lazy" />
+				{:else}
+					<div class="w-full h-full bg-(--color-surface-3)"></div>
+				{/if}
+			</a>
+		{/each}
+
+	</div>
+
+	<!-- Dot indicators -->
+	{#if heroBooks.length > 1}
+		<div class="flex items-center justify-center gap-2 mt-2.5">
+			{#each heroBooks as _, i}
+				<button
+					type="button"
+					onclick={() => heroDot(i)}
+					aria-label="Go to book {i + 1}"
+				>
+					<span class="block rounded-full transition-all duration-300 {i === heroIndex
+						? 'w-4 h-1.5 bg-(--color-brand)'
+						: 'w-1.5 h-1.5 bg-(--color-border) hover:bg-(--color-muted)'}"></span>
+				</button>
+			{/each}
+		</div>
+	{/if}
+</section>
+{/if}
+
+<!-- ── Streak widget ───────────────────────────────────────────────────────────── -->
+{#if streak > 0}
+<div class="mb-6 flex items-center gap-3 flex-wrap text-sm">
+	<span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-(--color-brand)/10 border border-(--color-brand)/30 text-(--color-brand) font-semibold">
+		<svg class="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="currentColor">
+			<path d="M13.5 0.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z"/>
+		</svg>
+		{streak} day{streak !== 1 ? 's' : ''}
+	</span>
+	{#if data.stats.booksInProgress > 0}
+		<span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-(--color-surface-2) border border-(--color-border) text-(--color-muted)">
+			<span class="font-semibold text-(--color-text)">{data.stats.booksInProgress}</span>
+			{data.stats.booksInProgress === 1 ? 'book' : 'books'} in progress
+		</span>
+	{/if}
+</div>
+{/if}
+
+<!-- ── Continue Reading shelf ──────────────────────────────────────────────────── -->
+{#if shelfBooks.length > 0}
+<section class="mb-10">
+	<div class="flex items-baseline justify-between mb-3">
+		<h2 class="text-lg font-bold text-(--color-text)">{m.home_continue_reading()}</h2>
+		<a href="/books" class="text-xs text-(--color-brand) hover:text-(--color-brand-dim)">{m.home_view_all()}</a>
+	</div>
+	<div class="flex gap-3 overflow-x-auto pb-2 scrollbar-none -mx-4 px-4">
+		{#each shelfBooks as { book, chapter }}
+			<div class="group relative flex flex-col rounded-lg overflow-hidden bg-(--color-surface-2) hover:bg-(--color-surface-3) border border-(--color-border) hover:border-(--color-brand)/40 transition-all shrink-0 w-36 sm:w-40">
+				<a href="/books/{book.slug}/chapters/{chapter}" class="block">
+					<div class="aspect-[2/3] overflow-hidden relative">
+						{#if book.cover}
+							<img src={book.cover} alt={book.title} class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" />
+						{:else}
+							<div class="w-full h-full bg-(--color-surface-3) flex items-center justify-center">
+								<span class="text-4xl font-bold text-(--color-muted) select-none opacity-50">{(book.title ?? '?').charAt(0).toUpperCase()}</span>
+							</div>
+						{/if}
+						<!-- Chapter badge -->
+						<span class="absolute bottom-1.5 right-1.5 text-xs bg-(--color-brand) text-(--color-surface) font-bold px-1.5 py-0.5 rounded">
+							{m.home_chapter_badge({ n: String(chapter) })}
+						</span>
+						<!-- Reading progress bar -->
+						{#if book.total_chapters > 0}
+							{@const pct = Math.min(100, Math.round((chapter / book.total_chapters) * 100))}
+							<div class="absolute bottom-0 left-0 right-0 h-1 bg-black/40">
+								<div class="h-full bg-(--color-brand) transition-all" style="width: {pct}%"></div>
+							</div>
+						{/if}
+					</div>
+				</a>
+				<!-- Listen button (hover overlay) -->
+				<button
+					type="button"
+					onclick={() => playChapter(book.slug, chapter)}
+					class="absolute bottom-9 left-1.5 w-7 h-7 rounded-full bg-black/60 text-white flex items-center justify-center opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-opacity"
+					title="Listen"
+					aria-label="Listen to chapter {chapter}"
+				>
+					<svg class="w-3.5 h-3.5 ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+				</button>
+				<a href="/books/{book.slug}/chapters/{chapter}" class="p-2 block">
+					<h3 class="text-xs font-semibold text-(--color-text) line-clamp-2 leading-snug">{book.title ?? ''}</h3>
+					{#if book.author}
+						<p class="text-xs text-(--color-muted) truncate mt-0.5">{book.author}</p>
+					{/if}
+				</a>
+			</div>
+		{/each}
+	</div>
+</section>
+{/if}
+
+<!-- ── Completed shelf ────────────────────────────────────────────────────────── -->
+{#if data.continueCompleted.length > 0}
+<section class="mb-10">
+	<div class="flex items-baseline justify-between mb-3">
+		<h2 class="text-lg font-bold text-(--color-text)">Completed</h2>
+	</div>
+	<div class="flex gap-3 overflow-x-auto pb-2 scrollbar-none -mx-4 px-4">
+		{#each data.continueCompleted as { book, chapter }}
+			<a href="/books/{book.slug}"
+				class="group flex flex-col rounded-lg overflow-hidden bg-(--color-surface-2) hover:bg-(--color-surface-3) border border-(--color-border) hover:border-(--color-brand)/40 transition-all shrink-0 w-32 sm:w-36">
+				<div class="aspect-[2/3] overflow-hidden relative">
+					{#if book.cover}
+						<img src={book.cover} alt={book.title} class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" />
+					{:else}
+						<div class="w-full h-full bg-(--color-surface-3) flex items-center justify-center">
+							<span class="text-4xl font-bold text-(--color-muted) select-none opacity-50">{(book.title ?? '?').charAt(0).toUpperCase()}</span>
+						</div>
+					{/if}
+					<span class="absolute top-1.5 right-1.5 text-xs bg-green-600/90 text-white font-bold px-1.5 py-0.5 rounded">Done</span>
+				</div>
+				<div class="p-2">
+					<h3 class="text-xs font-semibold text-(--color-text) line-clamp-2 leading-snug">{book.title ?? ''}</h3>
+					{#if book.total_chapters > 0}
+						<p class="text-xs text-(--color-muted) mt-0.5">{chapter} chapters</p>
+					{/if}
+				</div>
+			</a>
+		{/each}
+	</div>
+</section>
+{/if}
+
+<!-- ── Ready to Listen shelf ──────────────────────────────────────────────────── -->
+{#if data.readyToListen.length > 0 && !hidden.has('ready-to-listen')}
+<section class="mb-10">
+	<div class="flex items-baseline justify-between mb-3">
+		<h2 class="text-lg font-bold text-(--color-text)">Ready to Listen</h2>
+		<div class="flex items-center gap-3">
+			<a href="/listen" class="text-xs text-(--color-brand) hover:text-(--color-brand-dim)">View all</a>
+			<button type="button" onclick={() => hide('ready-to-listen')} title="Hide section"
+				class="text-(--color-muted) hover:text-(--color-text) transition-colors">
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"/>
+				</svg>
+			</button>
+		</div>
+	</div>
+	<div class="flex gap-3 overflow-x-auto pb-2 scrollbar-none -mx-4 px-4">
+		{#each data.readyToListen as { book, audioChapters }}
+			{@const genres = parseGenres(book.genres)}
+			<div class="group relative flex flex-col rounded-lg overflow-hidden bg-(--color-surface-2) hover:bg-(--color-surface-3) border border-(--color-border) hover:border-(--color-brand)/40 transition-all shrink-0 w-36 sm:w-40">
+				<a href="/books/{book.slug}" class="block">
+					<div class="aspect-[2/3] overflow-hidden relative">
+						{#if book.cover}
+							<img src={book.cover} alt={book.title} class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" />
+						{:else}
+							<div class="w-full h-full bg-(--color-surface-3) flex items-center justify-center">
+								<span class="text-4xl font-bold text-(--color-muted) select-none opacity-50">{(book.title ?? '?').charAt(0).toUpperCase()}</span>
+							</div>
+						{/if}
+						<!-- Headphones badge -->
+						<span class="absolute bottom-1.5 left-1.5 inline-flex items-center gap-1 text-xs bg-(--color-brand)/90 text-(--color-surface) font-bold px-1.5 py-0.5 rounded">
+							<svg class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24"><path d="M12 3a9 9 0 00-9 9v5a3 3 0 003 3h1a1 1 0 001-1v-4a1 1 0 00-1-1H5v-2a7 7 0 0114 0v2h-2a1 1 0 00-1 1v4a1 1 0 001 1h1a3 3 0 003-3v-5a9 9 0 00-9-9z"/></svg>
+							{audioChapters} ch
+						</span>
+					</div>
+				</a>
+				<div class="p-2 flex flex-col gap-1 flex-1">
+					<a href="/books/{book.slug}" class="block">
+						<h3 class="text-xs font-semibold text-(--color-text) line-clamp-2 leading-snug">{book.title ?? ''}</h3>
+					</a>
+					{#if genres.length > 0}
+						<div class="flex flex-wrap gap-1 mt-auto pt-0.5">
+							{#each genres.slice(0, 2) as genre}
+								<span class="text-xs px-1 py-0.5 rounded bg-(--color-surface) text-(--color-muted)">{genre}</span>
+							{/each}
+						</div>
+					{/if}
+				</div>
+				<!-- Listen Ch.1 button -->
+				<button
+					type="button"
+					onclick={() => playChapter(book.slug, 1)}
+					class="mx-2 mb-2 flex items-center justify-center gap-1.5 px-2 py-1.5 rounded-md bg-(--color-brand)/15 hover:bg-(--color-brand)/30 text-(--color-brand) text-xs font-semibold transition-colors"
+					aria-label="Listen from chapter 1"
+				>
+					<svg class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+					Listen
+				</button>
+			</div>
+		{/each}
+	</div>
+</section>
+{/if}
+
+<!-- ── Genre discovery strip ─────────────────────────────────────────────────── -->
+{#if !hidden.has('browse-genre')}
+<section class="mb-10">
+	<div class="flex items-baseline justify-between mb-3">
+		<h2 class="text-lg font-bold text-(--color-text)">Browse by genre</h2>
+		<div class="flex items-center gap-3">
+			<a href="/catalogue" class="text-xs text-(--color-brand) hover:text-(--color-brand-dim)">{m.home_view_all()}</a>
+			<button type="button" onclick={() => hide('browse-genre')} title="Hide section"
+				class="text-(--color-muted) hover:text-(--color-text) transition-colors">
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"/>
+				</svg>
+			</button>
+		</div>
+	</div>
+	<div class="flex gap-2 overflow-x-auto pb-1 scrollbar-none -mx-4 px-4">
+		{#each GENRES as genre}
+			{@const isTop = data.topGenre && genre.toLowerCase() === data.topGenre.toLowerCase()}
+			<a href="/catalogue?genre={encodeURIComponent(genre)}"
+				class="shrink-0 px-3.5 py-1.5 rounded-full border text-sm transition-colors whitespace-nowrap {isTop
+					? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand) font-semibold'
+					: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text) hover:bg-(--color-surface-3)'}">
+				{genre}
+			</a>
+		{/each}
+	</div>
+</section>
+{/if}
+
+<!-- ── Trending Now ───────────────────────────────────────────────────────────── -->
+{#if data.trendingBooks.length > 0 && !hidden.has('trending')}
+<section class="mb-10">
+	<div class="flex items-baseline justify-between mb-3">
+		<h2 class="text-lg font-bold text-(--color-text)">Trending Now</h2>
+		<div class="flex items-center gap-3">
+			<a href="/catalogue" class="text-xs text-(--color-brand) hover:text-(--color-brand-dim)">{m.home_view_all()}</a>
+			<button type="button" onclick={() => hide('trending')} title="Hide section"
+				class="text-(--color-muted) hover:text-(--color-text) transition-colors">
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"/>
+				</svg>
+			</button>
+		</div>
+	</div>
+	<div class="flex gap-3 overflow-x-auto pb-2 scrollbar-none -mx-4 px-4">
+		{#each data.trendingBooks as book}
+			{@const genres = parseGenres(book.genres)}
+			<a href="/books/{book.slug}"
+				class="group flex flex-col rounded-lg overflow-hidden bg-(--color-surface-2) hover:bg-(--color-surface-3) border border-(--color-border) hover:border-(--color-brand)/40 transition-all shrink-0 w-36 sm:w-40">
+				<div class="aspect-[2/3] overflow-hidden relative">
+					{#if book.cover}
+						<img src={book.cover} alt={book.title} class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" />
+					{:else}
+						<div class="w-full h-full bg-(--color-surface-3) flex items-center justify-center">
+							<span class="text-4xl font-bold text-(--color-muted) select-none opacity-50">{(book.title ?? '?').charAt(0).toUpperCase()}</span>
+						</div>
+					{/if}
+					<span class="absolute top-1.5 left-1.5 text-xs bg-(--color-brand)/80 text-(--color-surface) font-bold px-1.5 py-0.5 rounded">#{book.ranking}</span>
+				</div>
+				<div class="p-2 flex flex-col gap-1">
+					<h3 class="text-xs font-semibold text-(--color-text) line-clamp-2 leading-snug">{book.title ?? ''}</h3>
+					{#if book.author}
+						<p class="text-xs text-(--color-muted) truncate">{book.author}</p>
+					{/if}
+					{#if genres.length > 0}
+						<div class="flex flex-wrap gap-1 mt-auto pt-0.5">
+							{#each genres.slice(0, 2) as genre}
+								<span class="text-xs px-1 py-0.5 rounded bg-(--color-surface) text-(--color-muted)">{genre}</span>
+							{/each}
+						</div>
+					{/if}
+				</div>
+			</a>
+		{/each}
+	</div>
+</section>
+{/if}
+
+<!-- ── Because you read [Genre] ──────────────────────────────────────────────── -->
+{#if data.recommendedBooks.length > 0 && data.topGenre && !hidden.has('because-you-read')}
+<section class="mb-10">
+	<div class="flex items-baseline justify-between mb-3">
+		<h2 class="text-lg font-bold text-(--color-text)">
+			Because you read <span class="text-(--color-brand)">{data.topGenre ? data.topGenre.charAt(0).toUpperCase() + data.topGenre.slice(1) : ''}</span>
+		</h2>
+		<div class="flex items-center gap-3">
+			<a href="/catalogue?genre={encodeURIComponent(data.topGenre ?? '')}" class="text-xs text-(--color-brand) hover:text-(--color-brand-dim)">View all</a>
+			<button type="button" onclick={() => hide('because-you-read')} title="Hide section"
+				class="text-(--color-muted) hover:text-(--color-text) transition-colors">
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"/>
+				</svg>
+			</button>
+		</div>
+	</div>
+	<div class="flex gap-3 overflow-x-auto pb-2 scrollbar-none -mx-4 px-4">
+		{#each data.recommendedBooks as book}
+			{@const genres = parseGenres(book.genres)}
+			<a href="/books/{book.slug}"
+				class="group flex flex-col rounded-lg overflow-hidden bg-(--color-surface-2) hover:bg-(--color-surface-3) border border-(--color-border) hover:border-(--color-brand)/40 transition-all shrink-0 w-36 sm:w-40">
+				<div class="aspect-[2/3] overflow-hidden relative">
+					{#if book.cover}
+						<img src={book.cover} alt={book.title} class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" />
+					{:else}
+						<div class="w-full h-full bg-(--color-surface-3) flex items-center justify-center">
+							<span class="text-4xl font-bold text-(--color-muted) select-none opacity-50">{(book.title ?? '?').charAt(0).toUpperCase()}</span>
+						</div>
+					{/if}
+				</div>
+				<div class="p-2 flex flex-col gap-1">
+					<h3 class="text-xs font-semibold text-(--color-text) line-clamp-2 leading-snug">{book.title ?? ''}</h3>
+					{#if book.author}
+						<p class="text-xs text-(--color-muted) truncate">{book.author}</p>
+					{/if}
+					{#if genres.length > 0}
+						<div class="flex flex-wrap gap-1 mt-auto pt-0.5">
+							{#each genres.slice(0, 2) as genre}
+								<span class="text-xs px-1 py-0.5 rounded bg-(--color-surface) text-(--color-muted)">{genre}</span>
+							{/each}
+						</div>
+					{/if}
+				</div>
+			</a>
+		{/each}
+	</div>
+</section>
+{/if}
+
+<!-- ── Recently Updated ──────────────────────────────────────────────────────── -->
+{#if dedupedRecent.length > 0 && !hidden.has('recently-updated')}
+<section class="mb-10">
+	<div class="flex items-baseline justify-between mb-3">
+		<h2 class="text-lg font-bold text-(--color-text)">{m.home_recently_updated()}</h2>
+		<div class="flex items-center gap-3">
+			<a href="/catalogue" class="text-xs text-(--color-brand) hover:text-(--color-brand-dim)">{m.home_view_all()}</a>
+			<button type="button" onclick={() => hide('recently-updated')} title="Hide section"
+				class="text-(--color-muted) hover:text-(--color-text) transition-colors">
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"/>
+				</svg>
+			</button>
+		</div>
+	</div>
+	<div class="flex gap-3 overflow-x-auto pb-2 scrollbar-none -mx-4 px-4">
+		{#each dedupedRecent as { book, count }}
+			{@const genres = parseGenres(book.genres)}
+			<a href="/books/{book.slug}"
+				class="group flex flex-col rounded-lg overflow-hidden bg-(--color-surface-2) hover:bg-(--color-surface-3) border border-(--color-border) hover:border-(--color-brand)/40 transition-all shrink-0 w-36 sm:w-40">
+				<div class="aspect-[2/3] overflow-hidden relative">
+					{#if book.cover}
+						<img src={book.cover} alt={book.title} class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" />
+					{:else}
+						<div class="w-full h-full bg-(--color-surface-3) flex items-center justify-center">
+							<span class="text-4xl font-bold text-(--color-muted) select-none opacity-50">{(book.title ?? '?').charAt(0).toUpperCase()}</span>
+						</div>
+					{/if}
+					{#if count > 1}
+						<span class="absolute top-1.5 left-1.5 text-xs bg-(--color-success)/90 text-black font-bold px-1.5 py-0.5 rounded">
+							+{count} ch.
+						</span>
+					{/if}
+				</div>
+				<div class="p-2 flex flex-col gap-1">
+					<h3 class="text-xs font-semibold text-(--color-text) line-clamp-2 leading-snug">{book.title ?? ''}</h3>
+					{#if book.author}
+						<p class="text-xs text-(--color-muted) truncate">{book.author}</p>
+					{/if}
+					{#if genres.length > 0}
+						<div class="flex flex-wrap gap-1 mt-auto pt-0.5">
+							{#each genres.slice(0, 2) as genre}
+								<span class="text-xs px-1 py-0.5 rounded bg-(--color-surface) text-(--color-muted)">{genre}</span>
+							{/each}
+						</div>
+					{/if}
+				</div>
+			</a>
+		{/each}
+	</div>
+</section>
+{/if}
+
+<!-- ── From Following ────────────────────────────────────────────────────────── -->
+{#if data.subscriptionFeed.length > 0 && !hidden.has('from-following')}
+<section class="mb-10">
+	<div class="flex items-baseline justify-between mb-3">
+		<h2 class="text-lg font-bold text-(--color-text)">{m.home_from_following()}</h2>
+		<button type="button" onclick={() => hide('from-following')} title="Hide section"
+			class="text-(--color-muted) hover:text-(--color-text) transition-colors">
+			<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"/>
+			</svg>
+		</button>
+	</div>
+	<div class="flex gap-3 overflow-x-auto pb-2 scrollbar-none -mx-4 px-4">
+		{#each data.subscriptionFeed as { book, readerUsername }}
+			<a href="/books/{book.slug}"
+				class="group flex flex-col rounded-lg overflow-hidden bg-(--color-surface-2) hover:bg-(--color-surface-3) border border-(--color-border) hover:border-(--color-brand)/40 transition-all shrink-0 w-36 sm:w-40">
+				<div class="aspect-[2/3] overflow-hidden">
+					{#if book.cover}
+						<img src={book.cover} alt={book.title} class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" />
+					{:else}
+						<div class="w-full h-full bg-(--color-surface-3) flex items-center justify-center">
+							<span class="text-4xl font-bold text-(--color-muted) select-none opacity-50">{(book.title ?? '?').charAt(0).toUpperCase()}</span>
+						</div>
+					{/if}
+				</div>
+				<div class="p-2 flex flex-col gap-0.5">
+					<h3 class="text-xs font-semibold text-(--color-text) line-clamp-2 leading-snug">{book.title ?? ''}</h3>
+					<p class="text-xs text-(--color-muted) truncate">{m.home_via_reader({ username: readerUsername })}</p>
+				</div>
+			</a>
+		{/each}
+	</div>
+</section>
+{/if}
+
+<!-- ── Empty state ───────────────────────────────────────────────────────────── -->
+{#if data.continueInProgress.length === 0 && data.continueCompleted.length === 0 && dedupedRecent.length === 0}
+<div class="text-center py-20 text-(--color-muted)">
+	<p class="text-lg font-semibold text-(--color-text) mb-2">{m.home_empty_title()}</p>
+	<p class="text-sm mb-6">{m.home_empty_body()}</p>
+	<a href="/catalogue" class="inline-block px-6 py-3 bg-(--color-brand) text-(--color-surface) font-semibold rounded-lg hover:bg-(--color-brand-dim) transition-colors">
+		{m.home_discover_novels()}
+	</a>
+</div>
+{/if}
+
+<!-- ── Hidden sections restore ───────────────────────────────────────────────── -->
+{#if hiddenList.length > 0}
+<div class="mb-6 flex flex-wrap items-center gap-2">
+	<span class="text-xs text-(--color-muted)">Hidden:</span>
+	{#each hiddenList as id}
+		<button type="button" onclick={() => restore(id)}
+			class="inline-flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text) hover:border-(--color-brand)/40 transition-colors">
+			<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
+			</svg>
+			{SECTION_LABELS[id]}
+		</button>
+	{/each}
+</div>
+{/if}
+
+<!-- ── Stats footer ──────────────────────────────────────────────────────────── -->
+<div class="mt-6 pt-6 border-t border-(--color-border) flex items-center justify-center gap-6 text-sm text-(--color-muted) flex-wrap">
+	<span><span class="font-semibold text-(--color-text)">{data.stats.totalBooks.toLocaleString()}</span> {m.home_stat_books()}</span>
+	<span class="w-px h-4 bg-(--color-border)"></span>
+	<span><span class="font-semibold text-(--color-text)">{data.stats.totalChapters.toLocaleString()}</span> {m.home_stat_chapters()}</span>
+	{#if streak > 0}
+		<span class="w-px h-4 bg-(--color-border)"></span>
+		<span><span class="font-semibold text-(--color-text)">{streak}</span> day streak</span>
+	{/if}
+</div>
diff --git a/ui/src/routes/admin/+layout.server.ts b/ui/src/routes/admin/+layout.server.ts
new file mode 100644
index 0000000..072808d
--- /dev/null
+++ b/ui/src/routes/admin/+layout.server.ts
@@ -0,0 +1,16 @@
+import { redirect } from '@sveltejs/kit';
+import type { LayoutServerLoad } from './$types';
+import { listAIJobs } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+export const load: LayoutServerLoad = async ({ locals }) => {
+	if (locals.user?.role !== 'admin') {
+		redirect(302, '/');
+	}
+	const jobs = await listAIJobs().catch((e) => {
+		log.warn('admin/layout', 'failed to load ai jobs for sidebar badge', { err: String(e) });
+		return [];
+	});
+	const runningAiJobs = jobs.filter((j) => j.status === 'running' || j.status === 'pending').length;
+	return { runningAiJobs };
+};
diff --git a/ui/src/routes/admin/+layout.svelte b/ui/src/routes/admin/+layout.svelte
new file mode 100644
index 0000000..ff17f93
--- /dev/null
+++ b/ui/src/routes/admin/+layout.svelte
@@ -0,0 +1,212 @@
+<script lang="ts">
+	import { page } from '$app/state';
+	import * as m from '$lib/paraglide/messages.js';
+	import type { LayoutData } from './$types';
+
+	const internalLinks = [
+		{
+			href: '/admin/scrape',
+			label: () => m.admin_nav_scrape(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />`
+		},
+		{
+			href: '/admin/audio',
+			label: () => m.admin_nav_audio(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3" />`
+		},
+		{
+			href: '/admin/translation',
+			label: () => m.admin_nav_translation(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129" />`
+		},
+		{
+			href: '/admin/import',
+			label: () => m.admin_nav_import(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" />`
+		},
+		{
+			href: '/admin/image-gen',
+			label: () => m.admin_nav_image_gen(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />`
+		},
+		{
+			href: '/admin/text-gen',
+			label: () => m.admin_nav_text_gen(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />`
+		},
+		{
+			href: '/admin/ai-jobs',
+			label: () => m.admin_nav_ai_jobs(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" />`
+		},
+		{
+			href: '/admin/notifications',
+			label: () => m.admin_nav_notifications(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />`
+		},
+		{
+			href: '/admin/catalogue-tools',
+			label: () => m.admin_nav_catalogue_tools(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />`
+		},
+		{
+			href: '/admin/podcast',
+			label: () => 'Podcast',
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z" />`
+		},
+		{
+			href: '/admin/changelog',
+			label: () => m.admin_nav_changelog(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 4h10a2 2 0 012 2v12a2 2 0 01-2 2H7a2 2 0 01-2-2V6a2 2 0 012-2z" />`
+		},
+		{
+			href: '/admin/site-theme',
+			label: () => 'Site Theme',
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01" />`
+		}
+	];
+
+	const externalLinks = [
+		{
+			href: 'https://feedback.libnovel.cc',
+			label: () => m.admin_nav_feedback(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z" />`
+		},
+		{
+			href: 'https://errors.libnovel.cc',
+			label: () => m.admin_nav_errors(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />`
+		},
+		{
+			href: 'https://analytics.libnovel.cc',
+			label: () => m.admin_nav_analytics(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />`
+		},
+		{
+			href: 'https://logs.libnovel.cc',
+			label: () => m.admin_nav_logs(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h10" />`
+		},
+		{
+			href: 'https://grafana.libnovel.cc',
+			label: () => m.admin_nav_grafana(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />`
+		},
+		{
+			href: 'https://uptime.libnovel.cc',
+			label: () => m.admin_nav_uptime(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />`
+		},
+		{
+			href: 'https://push.libnovel.cc',
+			label: () => m.admin_nav_push(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />`
+		},
+		{
+			href: 'https://gitea.kalekber.cc/kamil/libnovel',
+			label: () => m.admin_nav_gitea(),
+			icon: `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />`
+		}
+	];
+
+	interface Props {
+		children?: import('svelte').Snippet;
+		data: LayoutData;
+	}
+	let { children, data }: Props = $props();
+
+	let sidebarOpen = $state(false);
+</script>
+
+<!-- Mobile sidebar overlay -->
+{#if sidebarOpen}
+	<button
+		class="fixed inset-0 z-40 bg-black/50 md:hidden"
+		onclick={() => (sidebarOpen = false)}
+		aria-label="Close sidebar"
+	></button>
+{/if}
+
+<div class="flex min-h-[calc(100vh-4rem)] gap-0">
+	<!-- Sidebar -->
+	<aside
+		class="
+			fixed top-0 left-0 h-full z-50 w-56 shrink-0 border-r border-(--color-border) px-2 py-5 flex flex-col gap-5
+			bg-(--color-surface) transition-transform duration-200
+			{sidebarOpen ? 'translate-x-0' : '-translate-x-full'}
+			md:relative md:translate-x-0 md:w-52 md:z-auto md:top-auto md:h-auto
+		"
+	>
+		<!-- Internal pages -->
+		<div>
+			<p class="px-3 mb-1.5 text-[10px] font-semibold text-(--color-muted) uppercase tracking-widest">{m.admin_pages_label()}</p>
+			<nav class="flex flex-col gap-0.5">
+				{#each internalLinks as link}
+					{@const active = page.url.pathname.startsWith(link.href)}
+					{@const isAiJobs = link.href === '/admin/ai-jobs'}
+					<a
+						href={link.href}
+						onclick={() => (sidebarOpen = false)}
+						class="px-3 py-1.5 rounded-md text-sm font-medium transition-colors flex items-center gap-2.5
+							{active
+								? 'bg-(--color-surface-2) text-(--color-text)'
+								: 'text-(--color-muted) hover:bg-(--color-surface-2)/60 hover:text-(--color-text)'}"
+					>
+						<svg class="w-3.5 h-3.5 shrink-0 {active ? 'text-(--color-brand)' : 'opacity-50'}" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							{@html link.icon}
+						</svg>
+						<span class="flex-1">{link.label()}</span>
+						{#if isAiJobs && data.runningAiJobs > 0}
+							<span class="text-[10px] font-bold tabular-nums px-1.5 py-0.5 rounded-full bg-(--color-brand) text-black leading-none">
+								{data.runningAiJobs}
+							</span>
+						{/if}
+					</a>
+				{/each}
+			</nav>
+		</div>
+
+		<div class="border-t border-(--color-border)"></div>
+
+		<!-- External tools -->
+		<div>
+			<p class="px-3 mb-1.5 text-[10px] font-semibold text-(--color-muted) uppercase tracking-widest">{m.admin_tools_label()}</p>
+			<nav class="flex flex-col gap-0.5">
+				{#each externalLinks as link}
+					<a
+						href={link.href}
+						target="_blank"
+						rel="noopener noreferrer"
+						class="px-3 py-1.5 rounded-md text-sm font-medium text-(--color-muted) hover:bg-(--color-surface-2)/60 hover:text-(--color-text) transition-colors flex items-center gap-2.5"
+					>
+						<svg class="w-3.5 h-3.5 shrink-0 opacity-40" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							{@html link.icon}
+						</svg>
+						<span class="flex-1">{link.label()}</span>
+						<svg class="w-2.5 h-2.5 shrink-0 opacity-30" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+								d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+						</svg>
+					</a>
+				{/each}
+			</nav>
+		</div>
+	</aside>
+
+	<!-- Main content -->
+	<main class="flex-1 min-w-0 px-4 py-6 md:px-8">
+		<!-- Mobile nav toggle -->
+		<button
+			onclick={() => (sidebarOpen = true)}
+			class="md:hidden mb-4 flex items-center gap-2 text-sm text-(--color-muted) hover:text-(--color-text) transition-colors"
+			aria-label="Open navigation"
+		>
+			<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+			</svg>
+			Admin menu
+		</button>
+
+		{@render children?.()}
+	</main>
+</div>
diff --git a/ui/src/routes/admin/+page.server.ts b/ui/src/routes/admin/+page.server.ts
new file mode 100644
index 0000000..fdc1ac3
--- /dev/null
+++ b/ui/src/routes/admin/+page.server.ts
@@ -0,0 +1,6 @@
+import { redirect } from '@sveltejs/kit';
+import type { PageServerLoad } from './$types';
+
+export const load: PageServerLoad = async () => {
+	redirect(302, '/admin/scrape');
+};
diff --git a/ui/src/routes/admin/ai-jobs/+page.server.ts b/ui/src/routes/admin/ai-jobs/+page.server.ts
new file mode 100644
index 0000000..c37bff7
--- /dev/null
+++ b/ui/src/routes/admin/ai-jobs/+page.server.ts
@@ -0,0 +1,14 @@
+import type { PageServerLoad } from './$types';
+import { listAIJobs, type AIJob } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+export type { AIJob };
+
+export const load: PageServerLoad = async () => {
+	// Parent layout already guards admin role.
+	const jobs = await listAIJobs().catch((e): AIJob[] => {
+		log.warn('admin/ai-jobs', 'failed to load ai jobs', { err: String(e) });
+		return [];
+	});
+	return { jobs };
+};
diff --git a/ui/src/routes/admin/ai-jobs/+page.svelte b/ui/src/routes/admin/ai-jobs/+page.svelte
new file mode 100644
index 0000000..32c3817
--- /dev/null
+++ b/ui/src/routes/admin/ai-jobs/+page.svelte
@@ -0,0 +1,1013 @@
+<script lang="ts">
+	import { invalidateAll } from '$app/navigation';
+	import type { PageData } from './$types';
+	import type { AIJob } from '$lib/server/pocketbase';
+	import { cn } from '$lib/utils';
+	import * as m from '$lib/paraglide/messages.js';
+
+	let { data }: { data: PageData } = $props();
+
+	let jobs = $state<AIJob[]>([]);
+
+	// data.jobs is a plain AIJob[] (resolved on server); re-sync on invalidateAll
+	$effect(() => {
+		jobs = data.jobs;
+	});
+
+	// ── Live-poll while any job is in-flight ─────────────────────────────────────
+	let hasInFlight = $derived(jobs.some((j) => j.status === 'pending' || j.status === 'running'));
+
+	$effect(() => {
+		if (!hasInFlight) return;
+		const id = setInterval(() => {
+			invalidateAll();
+		}, 3000);
+		return () => clearInterval(id);
+	});
+
+	// ── Filter / search ───────────────────────────────────────────────────────────
+	let query = $state('');
+	let statusFilter = $state<string>('all');
+
+	const STATUS_OPTIONS = ['all', 'pending', 'running', 'done', 'failed', 'cancelled'] as const;
+
+	let filteredJobs = $derived(
+		jobs.filter((j) => {
+			const q = query.trim().toLowerCase();
+			const matchesQ =
+				!q ||
+				j.slug.toLowerCase().includes(q) ||
+				j.kind.toLowerCase().includes(q) ||
+				j.model.toLowerCase().includes(q) ||
+				(j.error_message ?? '').toLowerCase().includes(q);
+			const matchesStatus = statusFilter === 'all' || j.status === statusFilter;
+			return matchesQ && matchesStatus;
+		})
+	);
+
+	// ── Stats ────────────────────────────────────────────────────────────────────
+	let stats = $derived({
+		total: jobs.length,
+		running: jobs.filter((j) => j.status === 'running').length,
+		pending: jobs.filter((j) => j.status === 'pending').length,
+		done: jobs.filter((j) => j.status === 'done').length,
+		failed: jobs.filter((j) => j.status === 'failed').length
+	});
+
+	// ── Cancel ────────────────────────────────────────────────────────────────────
+	let cancellingIds = $state(new Set<string>());
+	let cancelErrors: Record<string, string> = $state({});
+	let cancellingAll = $state(false);
+
+	async function cancelJob(id: string) {
+		if (cancellingIds.has(id)) return;
+		cancellingIds = new Set([...cancellingIds, id]);
+		delete cancelErrors[id];
+		try {
+			const res = await fetch(`/api/admin/ai-jobs/${id}/cancel`, { method: 'POST' });
+			if (!res.ok) {
+				const body = await res.json().catch(() => ({}));
+				cancelErrors = { ...cancelErrors, [id]: body.error ?? `Error ${res.status}` };
+			} else {
+				jobs = jobs.map((j) => j.id === id ? { ...j, status: 'cancelled' as AIJob['status'] } : j);
+			}
+		} catch {
+			cancelErrors = { ...cancelErrors, [id]: 'Network error.' };
+		} finally {
+			cancellingIds = new Set([...cancellingIds].filter((x) => x !== id));
+		}
+	}
+
+	async function cancelAllRunning() {
+		if (cancellingAll) return;
+		cancellingAll = true;
+		const inFlight = jobs.filter((j) => j.status === 'running' || j.status === 'pending');
+		await Promise.all(inFlight.map((j) => cancelJob(j.id)));
+		cancellingAll = false;
+	}
+
+	// ── Review & Apply (chapter-names jobs) ──────────────────────────────────────
+
+	interface ProposedTitle {
+		number: number;
+		old_title: string;
+		new_title: string;
+	}
+
+	interface ChapterNamesReview {
+		kind: 'chapter-names';
+		jobId: string;
+		slug: string;
+		pattern: string;
+		titles: ProposedTitle[];
+		loading: boolean;
+		error: string;
+		applying: boolean;
+		applyError: string;
+		applyDone: boolean;
+	}
+
+	// ── Review (image-gen jobs) ───────────────────────────────────────────────────
+
+	interface ImageGenReview {
+		kind: 'image-gen';
+		jobId: string;
+		slug: string;
+		imageType: string;
+		chapter: number;
+		prompt: string;
+		imageSrc: string;
+		contentType: string;
+		bytes: number;
+		loading: boolean;
+		error: string;
+		saving: boolean;
+		saveError: string;
+		savedUrl: string;
+	}
+
+	// ── Review (description jobs) ─────────────────────────────────────────────────
+
+	interface DescriptionReview {
+		kind: 'description';
+		jobId: string;
+		slug: string;
+		instructions: string;
+		oldDescription: string;
+		newDescription: string;
+		loading: boolean;
+		error: string;
+		applying: boolean;
+		applyError: string;
+		applyDone: boolean;
+	}
+
+	type ReviewState = ChapterNamesReview | ImageGenReview | DescriptionReview;
+
+	let review = $state<ReviewState | null>(null);
+
+	// ── Open review ───────────────────────────────────────────────────────────────
+
+	async function openReview(job: AIJob) {
+		if (job.kind === 'chapter-names') {
+			const r: ChapterNamesReview = {
+				kind: 'chapter-names',
+				jobId: job.id,
+				slug: job.slug,
+				pattern: '',
+				titles: [],
+				loading: true,
+				error: '',
+				applying: false,
+				applyError: '',
+				applyDone: false
+			};
+			review = r;
+
+		try {
+			const res = await fetch(`/api/admin/ai-jobs/${job.id}`);
+			if (!res.ok) throw new Error(`HTTP ${res.status}`);
+			const data = await res.json();
+
+			let payload: { pattern?: string; slug?: string; results?: ProposedTitle[] } = {};
+			try { payload = JSON.parse(data.payload ?? '{}'); } catch { /* ignore */ }
+
+			review = {
+				...r,
+				pattern: payload.pattern ?? '',
+				titles: (payload.results ?? []).map((t: ProposedTitle) => ({ ...t })),
+				loading: false
+			};
+		} catch (e) {
+			review = { ...r, loading: false, error: String(e) };
+		}
+	} else if (job.kind === 'image-gen') {
+			const r: ImageGenReview = {
+				kind: 'image-gen',
+				jobId: job.id,
+				slug: job.slug,
+				imageType: '',
+				chapter: 0,
+				prompt: '',
+				imageSrc: '',
+				contentType: 'image/png',
+				bytes: 0,
+				loading: true,
+				error: '',
+				saving: false,
+				saveError: '',
+				savedUrl: ''
+			};
+			review = r;
+
+		try {
+			const res = await fetch(`/api/admin/ai-jobs/${job.id}`);
+			if (!res.ok) throw new Error(`HTTP ${res.status}`);
+			const data = await res.json();
+
+			let payload: {
+				prompt?: string;
+				type?: string;
+				chapter?: number;
+				content_type?: string;
+				image_b64?: string;
+				bytes?: number;
+			} = {};
+			try { payload = JSON.parse(data.payload ?? '{}'); } catch { /* ignore */ }
+
+			if (!payload.image_b64) {
+				review = { ...r, error: 'No image in job payload.', loading: false };
+				return;
+			}
+			const contentType = payload.content_type ?? 'image/png';
+			review = {
+				...r,
+				imageType: payload.type ?? 'cover',
+				chapter: payload.chapter ?? 0,
+				prompt: payload.prompt ?? '',
+				contentType,
+				bytes: payload.bytes ?? 0,
+				imageSrc: `data:${contentType};base64,${payload.image_b64}`,
+				loading: false
+			};
+		} catch (e) {
+			review = { ...r, loading: false, error: String(e) };
+		}
+	} else if (job.kind === 'description') {
+			const r: DescriptionReview = {
+				kind: 'description',
+				jobId: job.id,
+				slug: job.slug,
+				instructions: '',
+				oldDescription: '',
+				newDescription: '',
+				loading: true,
+				error: '',
+				applying: false,
+				applyError: '',
+				applyDone: false
+			};
+			review = r;
+
+		try {
+			const res = await fetch(`/api/admin/ai-jobs/${job.id}`);
+			if (!res.ok) throw new Error(`HTTP ${res.status}`);
+			const data = await res.json();
+
+			let payload: {
+				instructions?: string;
+				old_description?: string;
+				new_description?: string;
+			} = {};
+			try { payload = JSON.parse(data.payload ?? '{}'); } catch { /* ignore */ }
+
+			review = {
+				...r,
+				instructions: payload.instructions ?? '',
+				oldDescription: payload.old_description ?? '',
+				newDescription: payload.new_description ?? '',
+				loading: false
+			};
+		} catch (e) {
+			review = { ...r, loading: false, error: String(e) };
+		}
+	}
+}
+
+	function closeReview() {
+		review = null;
+	}
+
+	// ── Apply chapter names ───────────────────────────────────────────────────────
+
+	async function applyChapterNames() {
+		if (review?.kind !== 'chapter-names' || review.applying) return;
+		review.applying = true;
+		review.applyError = '';
+		review.applyDone = false;
+
+		const chapters = review.titles.map((t) => ({ number: t.number, title: t.new_title }));
+		try {
+			const res = await fetch('/api/admin/text-gen/chapter-names/apply', {
+				method: 'POST',
+				headers: { 'content-type': 'application/json' },
+				body: JSON.stringify({ slug: review.slug, chapters })
+			});
+			if (!res.ok) {
+				const body = await res.json().catch(() => ({}));
+				review.applyError = body.error ?? `Error ${res.status}`;
+			} else {
+				review.applyDone = true;
+			}
+		} catch {
+			review.applyError = 'Network error.';
+		} finally {
+			review.applying = false;
+		}
+	}
+
+	// ── Save image as cover ───────────────────────────────────────────────────────
+
+	async function saveImageAsCover() {
+		if (review?.kind !== 'image-gen' || review.saving) return;
+		review.saving = true;
+		review.saveError = '';
+
+		const b64 = review.imageSrc.split(',')[1];
+		try {
+			const res = await fetch('/api/admin/image-gen/save-cover', {
+				method: 'POST',
+				headers: { 'content-type': 'application/json' },
+				body: JSON.stringify({ slug: review.slug, image_b64: b64 })
+			});
+			const body = await res.json().catch(() => ({}));
+			if (!res.ok) {
+				review.saveError = body.error ?? `Error ${res.status}`;
+			} else {
+				review.savedUrl = body.cover_url ?? `/api/cover/novelfire.net/${review.slug}`;
+			}
+		} catch {
+			review.saveError = 'Network error.';
+		} finally {
+			review.saving = false;
+		}
+	}
+
+	// ── Save image as chapter illustration ───────────────────────────────────────
+
+	async function saveImageAsChapterImage() {
+		if (review?.kind !== 'image-gen' || review.saving) return;
+		review.saving = true;
+		review.saveError = '';
+
+		const b64 = review.imageSrc.split(',')[1];
+		try {
+			const res = await fetch('/api/admin/image-gen/save-chapter-image', {
+				method: 'POST',
+				headers: { 'content-type': 'application/json' },
+				body: JSON.stringify({ slug: review.slug, chapter: review.chapter, image_b64: b64 })
+			});
+			const body = await res.json().catch(() => ({}));
+			if (!res.ok) {
+				review.saveError = body.error ?? `Error ${res.status}`;
+			} else {
+				review.savedUrl = body.image_url ?? `/api/chapter-image/novelfire.net/${review.slug}/${review.chapter}`;
+			}
+		} catch {
+			review.saveError = 'Network error.';
+		} finally {
+			review.saving = false;
+		}
+	}
+
+	function downloadImage() {
+		if (review?.kind !== 'image-gen') return;
+		const a = document.createElement('a');
+		a.href = review.imageSrc;
+		const ext = review.contentType === 'image/jpeg' ? 'jpg' : 'png';
+		a.download = `${review.slug}-${review.imageType}.${ext}`;
+		a.click();
+	}
+
+	// ── Apply description ─────────────────────────────────────────────────────────
+
+	async function applyDescription() {
+		if (review?.kind !== 'description' || review.applying) return;
+		review.applying = true;
+		review.applyError = '';
+		review.applyDone = false;
+
+		try {
+			const res = await fetch('/api/admin/text-gen/description/apply', {
+				method: 'POST',
+				headers: { 'content-type': 'application/json' },
+				body: JSON.stringify({ slug: review.slug, description: review.newDescription })
+			});
+			if (!res.ok) {
+				const body = await res.json().catch(() => ({}));
+				review.applyError = body.error ?? `Error ${res.status}`;
+			} else {
+				review.applyDone = true;
+			}
+		} catch {
+			review.applyError = 'Network error.';
+		} finally {
+			review.applying = false;
+		}
+	}
+
+	// ── Helpers ───────────────────────────────────────────────────────────────────
+	function statusBg(status: string) {
+		if (status === 'done') return 'bg-green-400/10 text-green-400';
+		if (status === 'running') return 'bg-(--color-brand)/10 text-(--color-brand)';
+		if (status === 'pending') return 'bg-sky-400/10 text-sky-400';
+		if (status === 'failed') return 'bg-(--color-danger)/10 text-(--color-danger)';
+		if (status === 'cancelled') return 'bg-zinc-700/50 text-(--color-muted)';
+		return 'bg-zinc-700/50 text-(--color-text)';
+	}
+
+	function kindLabel(kind: string) {
+		const labels: Record<string, string> = {
+			'chapter-names': 'Chapter Names',
+			'image-gen': 'Image Gen',
+			'description': 'Description',
+			'batch-covers': 'Batch Covers',
+			'chapter-covers': 'Chapter Covers',
+			'refresh-metadata': 'Refresh Metadata'
+		};
+		return labels[kind] ?? kind;
+	}
+
+	function fmtDate(s: string | undefined) {
+		if (!s) return '—';
+		const d = new Date(s);
+		if (d.getFullYear() < 2000) return '—';
+		return d.toLocaleString(undefined, {
+			month: 'short',
+			day: 'numeric',
+			hour: '2-digit',
+			minute: '2-digit'
+		});
+	}
+
+	function duration(started: string | undefined, finished: string | undefined) {
+		if (!started || !finished) return '—';
+		const ms = new Date(finished).getTime() - new Date(started).getTime();
+		if (ms < 0) return '—';
+		const s = Math.floor(ms / 1000);
+		if (s < 60) return `${s}s`;
+		const m = Math.floor(s / 60);
+		return `${m}m ${s % 60}s`;
+	}
+
+	function progress(job: AIJob) {
+		if (!job.items_total) return null;
+		return Math.round((job.items_done / job.items_total) * 100);
+	}
+
+	function fmtBytes(b: number) {
+		if (b < 1024) return `${b} B`;
+		if (b < 1024 * 1024) return `${(b / 1024).toFixed(1)} KB`;
+		return `${(b / 1024 / 1024).toFixed(2)} MB`;
+	}
+
+	const REVIEWABLE_KINDS = new Set(['chapter-names', 'image-gen', 'description']);
+</script>
+
+<svelte:head>
+	<title>{m.admin_ai_jobs_page_title()}</title>
+</svelte:head>
+
+<div class="max-w-6xl mx-auto space-y-6">
+	<!-- Header -->
+	<div class="flex items-center justify-between gap-4">
+		<div>
+			<h1 class="text-2xl font-bold text-(--color-text)">{m.admin_ai_jobs_heading()}</h1>
+			<p class="text-sm text-(--color-muted) mt-0.5">{m.admin_ai_jobs_subheading()}</p>
+		</div>
+		<button
+			onclick={() => invalidateAll()}
+			class="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-sm text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors"
+		>
+			<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+					d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+			</svg>
+			Refresh
+		</button>
+	</div>
+
+	<!-- Stats bar -->
+	<div class="grid grid-cols-2 sm:grid-cols-5 gap-3">
+		{#each [
+			{ label: 'Total', value: stats.total, color: 'text-(--color-text)' },
+			{ label: 'Running', value: stats.running, color: 'text-(--color-brand)' },
+			{ label: 'Pending', value: stats.pending, color: 'text-sky-400' },
+			{ label: 'Done', value: stats.done, color: 'text-green-400' },
+			{ label: 'Failed', value: stats.failed, color: 'text-(--color-danger)' }
+		] as stat}
+			<div class="rounded-lg border border-(--color-border) bg-(--color-surface-2) px-4 py-3">
+				<p class="text-xs text-(--color-muted) mb-1">{stat.label}</p>
+				<p class={cn('text-xl font-bold tabular-nums', stat.color)}>{stat.value}</p>
+			</div>
+		{/each}
+	</div>
+
+	<!-- Bulk actions -->
+	{#if stats.running + stats.pending > 0}
+		<div class="flex justify-end">
+			<button
+				onclick={cancelAllRunning}
+				disabled={cancellingAll}
+				class="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-sm font-medium bg-(--color-danger)/10 text-(--color-danger) hover:bg-(--color-danger)/20 disabled:opacity-50 transition-colors"
+			>
+				{#if cancellingAll}
+					<svg class="w-3.5 h-3.5 animate-spin" fill="none" viewBox="0 0 24 24">
+						<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+						<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+					</svg>
+					Cancelling…
+				{:else}
+					Cancel all in-flight ({stats.running + stats.pending})
+				{/if}
+			</button>
+		</div>
+	{/if}
+
+	<!-- Filters -->
+	<div class="flex flex-wrap gap-3 items-center">
+		<input
+			type="search"
+			placeholder="Search slug, kind, model…"
+			bind:value={query}
+			class="flex-1 min-w-48 px-3 py-1.5 rounded-md bg-(--color-surface-2) border border-(--color-border) text-sm text-(--color-text) placeholder:text-(--color-muted) focus:outline-none focus:ring-1 focus:ring-(--color-brand)"
+		/>
+		<div class="flex gap-1 flex-wrap">
+			{#each STATUS_OPTIONS as s}
+				<button
+					onclick={() => (statusFilter = s)}
+					class={cn(
+						'px-2.5 py-1 rounded-md text-xs font-medium transition-colors capitalize',
+						statusFilter === s
+							? 'bg-(--color-brand) text-black'
+							: 'bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text)'
+					)}
+				>
+					{s}
+				</button>
+			{/each}
+		</div>
+	</div>
+
+	<!-- Jobs table -->
+	{#if filteredJobs.length === 0}
+		<div class="rounded-lg border border-(--color-border) bg-(--color-surface-2) px-6 py-12 text-center">
+			<p class="text-(--color-muted) text-sm">
+				{jobs.length === 0 ? 'No AI jobs found.' : 'No jobs match your filters.'}
+			</p>
+		</div>
+	{:else}
+		<!-- Desktop table -->
+		<div class="hidden sm:block rounded-lg border border-(--color-border) overflow-hidden">
+			<table class="w-full text-sm">
+				<thead>
+					<tr class="border-b border-(--color-border) bg-(--color-surface-2)">
+						<th class="px-4 py-2.5 text-left text-xs font-semibold text-(--color-muted) uppercase tracking-wider">Status</th>
+						<th class="px-4 py-2.5 text-left text-xs font-semibold text-(--color-muted) uppercase tracking-wider">Kind</th>
+						<th class="px-4 py-2.5 text-left text-xs font-semibold text-(--color-muted) uppercase tracking-wider">Slug</th>
+						<th class="px-4 py-2.5 text-left text-xs font-semibold text-(--color-muted) uppercase tracking-wider hidden sm:table-cell">Model</th>
+						<th class="px-4 py-2.5 text-left text-xs font-semibold text-(--color-muted) uppercase tracking-wider hidden md:table-cell">Progress</th>
+						<th class="px-4 py-2.5 text-left text-xs font-semibold text-(--color-muted) uppercase tracking-wider hidden lg:table-cell">Started</th>
+						<th class="px-4 py-2.5 text-left text-xs font-semibold text-(--color-muted) uppercase tracking-wider hidden lg:table-cell">Duration</th>
+						<th class="px-4 py-2.5 text-right text-xs font-semibold text-(--color-muted) uppercase tracking-wider">Actions</th>
+					</tr>
+				</thead>
+				<tbody class="divide-y divide-(--color-border)">
+					{#each filteredJobs as job (job.id)}
+						<tr class="bg-(--color-surface) hover:bg-(--color-surface-2)/40 transition-colors">
+							<!-- Status badge -->
+							<td class="px-4 py-3">
+								<span class={cn('inline-flex items-center px-2 py-0.5 rounded text-xs font-medium', statusBg(job.status))}>
+									{job.status}
+								</span>
+							</td>
+
+							<!-- Kind -->
+							<td class="px-4 py-3 font-medium text-(--color-text)">
+								{kindLabel(job.kind)}
+							</td>
+
+						<!-- Slug -->
+						<td class="px-4 py-3 max-w-[12rem]">
+							{#if job.slug}
+								<div class="flex flex-col gap-0.5">
+									<a
+										href="/books/{job.slug}"
+										class="text-(--color-brand) hover:underline truncate block font-mono text-xs"
+									>
+										{job.slug}
+									</a>
+									{#if job.kind === 'image-gen'}
+										<a href="/admin/image-gen?slug={job.slug}" class="text-[10px] text-(--color-muted) hover:text-(--color-text) transition-colors">↗ image editor</a>
+									{:else if job.kind === 'chapter-names' || job.kind === 'description'}
+										<a href="/admin/text-gen" class="text-[10px] text-(--color-muted) hover:text-(--color-text) transition-colors">↗ text editor</a>
+									{/if}
+								</div>
+							{:else}
+								<span class="text-(--color-muted) text-xs">—</span>
+							{/if}
+						</td>
+
+							<!-- Model -->
+							<td class="px-4 py-3 hidden sm:table-cell">
+								<span class="font-mono text-xs text-(--color-muted) truncate block max-w-[10rem]" title={job.model}>
+									{job.model || '—'}
+								</span>
+							</td>
+
+							<!-- Progress -->
+							<td class="px-4 py-3 hidden md:table-cell">
+								{#if job.items_total > 0}
+									{@const pct = progress(job)}
+									<div class="flex items-center gap-2">
+										<div class="w-20 h-1.5 rounded-full bg-(--color-border) overflow-hidden">
+											<div
+												class={cn(
+													'h-full rounded-full transition-all',
+													job.status === 'done' ? 'bg-green-400' :
+													job.status === 'failed' ? 'bg-(--color-danger)' :
+													'bg-(--color-brand)'
+												)}
+												style="width: {pct}%"
+											></div>
+										</div>
+										<span class="text-xs text-(--color-muted) tabular-nums whitespace-nowrap">
+											{job.items_done}/{job.items_total}
+										</span>
+									</div>
+								{:else}
+									<span class="text-(--color-muted) text-xs">—</span>
+								{/if}
+							</td>
+
+							<!-- Started -->
+							<td class="px-4 py-3 hidden lg:table-cell">
+								<span class="text-xs text-(--color-muted) whitespace-nowrap">{fmtDate(job.started)}</span>
+							</td>
+
+							<!-- Duration -->
+							<td class="px-4 py-3 hidden lg:table-cell">
+								<span class="text-xs text-(--color-muted) whitespace-nowrap tabular-nums">
+									{duration(job.started, job.finished)}
+								</span>
+							</td>
+
+							<!-- Actions -->
+							<td class="px-4 py-3 text-right">
+								<div class="flex items-center justify-end gap-2">
+								{#if job.status === 'pending' || job.status === 'running'}
+										<button
+											onclick={() => cancelJob(job.id)}
+											disabled={cancellingIds.has(job.id)}
+											class="px-2 py-1 rounded text-xs font-medium bg-(--color-danger)/10 text-(--color-danger) hover:bg-(--color-danger)/20 disabled:opacity-50 transition-colors"
+										>
+											{cancellingIds.has(job.id) ? 'Cancelling…' : 'Cancel'}
+										</button>
+									{/if}
+									{#if REVIEWABLE_KINDS.has(job.kind) && job.status === 'done'}
+										<button
+											onclick={() => openReview(job)}
+											class="px-2 py-1 rounded text-xs font-medium bg-green-400/10 text-green-400 hover:bg-green-400/20 transition-colors"
+										>
+											Review
+										</button>
+									{/if}
+									{#if job.error_message}
+										<span
+											class="text-xs text-(--color-danger) max-w-[12rem] truncate"
+											title={job.error_message}
+										>
+											{job.error_message}
+										</span>
+									{/if}
+									{#if cancelErrors[job.id]}
+										<span class="text-xs text-(--color-danger)" title={cancelErrors[job.id]}>
+											{cancelErrors[job.id]}
+										</span>
+									{/if}
+								</div>
+							</td>
+						</tr>
+					{/each}
+				</tbody>
+			</table>
+		</div>
+
+		<!-- Mobile cards -->
+		<div class="sm:hidden space-y-3">
+			{#each filteredJobs as job (job.id)}
+				<div class="bg-(--color-surface) rounded-xl border border-(--color-border) p-4 space-y-3">
+					<!-- Row 1: status + kind -->
+					<div class="flex items-center justify-between gap-2">
+						<span class={cn('inline-flex items-center px-2 py-0.5 rounded text-xs font-medium', statusBg(job.status))}>
+							{job.status}
+						</span>
+						<span class="text-sm font-medium text-(--color-text)">{kindLabel(job.kind)}</span>
+					</div>
+					<!-- Slug + links -->
+					{#if job.slug}
+						<div class="flex flex-col gap-0.5">
+							<a href="/books/{job.slug}" class="text-(--color-brand) hover:underline font-mono text-xs truncate">
+								{job.slug}
+							</a>
+							{#if job.kind === 'image-gen'}
+								<a href="/admin/image-gen?slug={job.slug}" class="text-[10px] text-(--color-muted) hover:text-(--color-text) transition-colors">↗ image editor</a>
+							{:else if job.kind === 'chapter-names' || job.kind === 'description'}
+								<a href="/admin/text-gen" class="text-[10px] text-(--color-muted) hover:text-(--color-text) transition-colors">↗ text editor</a>
+							{/if}
+						</div>
+					{/if}
+					<!-- Meta grid -->
+					<div class="grid grid-cols-2 gap-1 text-xs">
+						<span class="text-(--color-muted)">Model</span>
+						<span class="text-(--color-muted) font-mono text-right truncate" title={job.model}>{job.model || '—'}</span>
+						{#if job.items_total > 0}
+							<span class="text-(--color-muted)">Progress</span>
+							<span class="text-(--color-muted) text-right tabular-nums">{job.items_done}/{job.items_total}</span>
+						{/if}
+						<span class="text-(--color-muted)">Started</span>
+						<span class="text-(--color-muted) text-right">{fmtDate(job.started)}</span>
+						<span class="text-(--color-muted)">Duration</span>
+						<span class="text-(--color-muted) text-right tabular-nums">{duration(job.started, job.finished)}</span>
+					</div>
+					<!-- Actions -->
+					<div class="flex items-center gap-2 flex-wrap">
+						{#if job.status === 'pending' || job.status === 'running'}
+							<button
+								onclick={() => cancelJob(job.id)}
+								disabled={cancellingIds.has(job.id)}
+								class="px-2.5 py-1 rounded text-xs font-medium bg-(--color-danger)/10 text-(--color-danger) hover:bg-(--color-danger)/20 disabled:opacity-50 transition-colors"
+							>
+								{cancellingIds.has(job.id) ? 'Cancelling…' : 'Cancel'}
+							</button>
+						{/if}
+						{#if REVIEWABLE_KINDS.has(job.kind) && job.status === 'done'}
+							<button
+								onclick={() => openReview(job)}
+								class="px-2.5 py-1 rounded text-xs font-medium bg-green-400/10 text-green-400 hover:bg-green-400/20 transition-colors"
+							>
+								Review
+							</button>
+						{/if}
+					</div>
+					{#if job.error_message}
+						<p class="text-xs text-(--color-danger) font-mono break-all">{job.error_message}</p>
+					{/if}
+					{#if cancelErrors[job.id]}
+						<p class="text-xs text-(--color-danger)">{cancelErrors[job.id]}</p>
+					{/if}
+				</div>
+			{/each}
+		</div>
+
+		<p class="text-xs text-(--color-muted)">
+			Showing {filteredJobs.length} of {jobs.length} jobs
+		</p>
+	{/if}
+</div>
+
+<!-- ── Review panel (shared backdrop + modal shell) ─────────────────────────── -->
+{#if review}
+	<!-- Backdrop -->
+	<div
+		class="fixed inset-0 z-40 bg-black/60 backdrop-blur-sm"
+		onclick={closeReview}
+		role="presentation"
+	></div>
+
+	<!-- Modal -->
+	<div class="fixed inset-x-0 bottom-0 z-50 max-h-[90vh] overflow-hidden flex flex-col rounded-t-2xl bg-(--color-surface) border-t border-(--color-border) shadow-2xl sm:inset-auto sm:top-1/2 sm:left-1/2 sm:-translate-x-1/2 sm:-translate-y-1/2 sm:w-[min(960px,95vw)] sm:max-h-[88vh] sm:rounded-xl sm:border sm:shadow-2xl">
+
+		<!-- ── Chapter names review ─────────────────────────────────────────────── -->
+		{#if review.kind === 'chapter-names'}
+			<!-- Header -->
+			<div class="flex items-center justify-between gap-4 px-5 py-4 border-b border-(--color-border) shrink-0">
+				<div>
+					<h2 class="text-base font-semibold text-(--color-text)">Review Chapter Names</h2>
+					<p class="text-xs text-(--color-muted) mt-0.5">
+						<span class="font-mono">{review.slug}</span>
+						{#if review.pattern}
+							· pattern: <span class="font-mono">{review.pattern}</span>
+						{/if}
+					</p>
+				</div>
+				<button onclick={closeReview} class="p-1.5 rounded-md text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors" aria-label="Close">
+					<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+					</svg>
+				</button>
+			</div>
+
+			<!-- Body -->
+			<div class="flex-1 overflow-y-auto">
+				{#if review.loading}
+					<div class="flex items-center justify-center py-16 text-(--color-muted) text-sm">Loading results…</div>
+				{:else if review.error}
+					<div class="px-5 py-8 text-center"><p class="text-(--color-danger) text-sm">{review.error}</p></div>
+				{:else if review.titles.length === 0}
+					<div class="px-5 py-8 text-center"><p class="text-(--color-muted) text-sm">No results found in this job's payload.</p></div>
+				{:else}
+					<table class="w-full text-sm">
+						<thead class="sticky top-0 bg-(--color-surface) border-b border-(--color-border)">
+							<tr>
+								<th class="px-4 py-2.5 text-left text-xs font-semibold text-(--color-muted) uppercase tracking-wider w-16">#</th>
+								<th class="px-4 py-2.5 text-left text-xs font-semibold text-(--color-muted) uppercase tracking-wider w-1/2">Old Title</th>
+								<th class="px-4 py-2.5 text-left text-xs font-semibold text-(--color-muted) uppercase tracking-wider">New Title (editable)</th>
+							</tr>
+						</thead>
+						<tbody class="divide-y divide-(--color-border)">
+							{#each review.titles as title (title.number)}
+								<tr class="bg-(--color-surface) hover:bg-(--color-surface-2)/40 transition-colors">
+									<td class="px-4 py-2 text-xs text-(--color-muted) tabular-nums">{title.number}</td>
+									<td class="px-4 py-2 text-xs text-(--color-muted) max-w-0">
+										<span class="block truncate" title={title.old_title}>{title.old_title || '—'}</span>
+									</td>
+									<td class="px-4 py-2">
+										<input
+											type="text"
+											bind:value={title.new_title}
+											class="w-full px-2 py-1 rounded bg-(--color-surface-2) border border-(--color-border) text-xs text-(--color-text) focus:outline-none focus:ring-1 focus:ring-(--color-brand)"
+										/>
+									</td>
+								</tr>
+							{/each}
+						</tbody>
+					</table>
+				{/if}
+			</div>
+
+			<!-- Footer -->
+			{#if !review.loading && !review.error && review.titles.length > 0}
+				<div class="px-5 py-4 border-t border-(--color-border) shrink-0 flex items-center justify-between gap-4">
+					<div class="text-xs text-(--color-muted)">{review.titles.length} chapters</div>
+					<div class="flex items-center gap-3">
+						{#if review.applyError}<p class="text-xs text-(--color-danger)">{review.applyError}</p>{/if}
+						{#if review.applyDone}<p class="text-xs text-green-400">Applied successfully.</p>{/if}
+						<button onclick={closeReview} class="px-3 py-1.5 rounded-md text-sm text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors">Close</button>
+						<button
+							onclick={applyChapterNames}
+							disabled={review.applying || review.applyDone}
+							class="px-4 py-1.5 rounded-md text-sm font-medium bg-(--color-brand) text-black hover:bg-amber-300 disabled:opacity-50 transition-colors"
+						>
+							{review.applying ? 'Applying…' : review.applyDone ? 'Applied' : 'Apply All'}
+						</button>
+					</div>
+				</div>
+			{/if}
+
+		<!-- ── Image-gen review ─────────────────────────────────────────────────── -->
+		{:else if review.kind === 'image-gen'}
+			<!-- Header -->
+			<div class="flex items-center justify-between gap-4 px-5 py-4 border-b border-(--color-border) shrink-0">
+				<div>
+					<h2 class="text-base font-semibold text-(--color-text)">Review Generated Image</h2>
+					<p class="text-xs text-(--color-muted) mt-0.5">
+						<span class="font-mono">{review.slug}</span>
+						{#if review.imageType} · {review.imageType}{/if}
+					</p>
+				</div>
+				<button onclick={closeReview} class="p-1.5 rounded-md text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors" aria-label="Close">
+					<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+					</svg>
+				</button>
+			</div>
+
+			<!-- Body -->
+			<div class="flex-1 overflow-y-auto p-5">
+				{#if review.loading}
+					<div class="flex items-center justify-center py-16 text-(--color-muted) text-sm">Loading image…</div>
+				{:else if review.error}
+					<div class="text-center py-8"><p class="text-(--color-danger) text-sm">{review.error}</p></div>
+				{:else if review.imageSrc}
+					<div class="flex flex-col sm:flex-row gap-5 items-start">
+						<!-- Image -->
+						<div class="flex-shrink-0 w-full sm:w-64">
+							<img
+								src={review.imageSrc}
+								alt="Generated"
+								class="w-full rounded-lg border border-(--color-border) object-contain max-h-80 bg-zinc-950"
+							/>
+						</div>
+						<!-- Meta -->
+						<div class="flex-1 space-y-3 text-sm">
+							{#if review.prompt}
+								<div>
+									<p class="text-xs text-(--color-muted) mb-1">Prompt</p>
+									<p class="text-(--color-text) leading-relaxed">{review.prompt}</p>
+								</div>
+							{/if}
+							{#if review.bytes > 0}
+								<div>
+									<p class="text-xs text-(--color-muted)">Size</p>
+									<p class="text-(--color-text)">{fmtBytes(review.bytes)}</p>
+								</div>
+							{/if}
+						{#if review.savedUrl}
+							<p class="text-xs text-green-400">
+								Saved →
+								<a href={review.savedUrl} target="_blank" rel="noopener noreferrer" class="underline hover:text-green-300">{review.savedUrl}</a>
+							</p>
+						{/if}
+						</div>
+					</div>
+				{/if}
+			</div>
+
+		<!-- Footer -->
+		{#if !review.loading && !review.error && review.imageSrc}
+			<div class="px-5 py-4 border-t border-(--color-border) shrink-0 flex items-center justify-between gap-4 flex-wrap">
+				<button onclick={closeReview} class="px-3 py-1.5 rounded-md text-sm text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors">Discard</button>
+				<div class="flex items-center gap-3">
+					<button
+						onclick={downloadImage}
+						class="px-3 py-1.5 rounded-md text-sm bg-(--color-surface-3) text-(--color-text) hover:bg-zinc-600 transition-colors"
+					>
+						Download
+					</button>
+					{#if review.savedUrl}
+						<span class="text-sm text-green-400 font-medium">Saved ✓</span>
+					{:else if review.imageType === 'cover'}
+						<button
+							onclick={saveImageAsCover}
+							disabled={review.saving}
+							class="px-4 py-1.5 rounded-md text-sm font-medium bg-(--color-brand) text-black hover:bg-amber-300 disabled:opacity-50 transition-colors"
+						>
+							{review.saving ? 'Saving…' : 'Save as cover'}
+						</button>
+					{:else if review.imageType === 'chapter' && review.chapter > 0}
+						<button
+							onclick={saveImageAsChapterImage}
+							disabled={review.saving}
+							class="px-4 py-1.5 rounded-md text-sm font-medium bg-(--color-brand) text-black hover:bg-amber-300 disabled:opacity-50 transition-colors"
+						>
+							{review.saving ? 'Saving…' : `Save as chapter ${review.chapter} image`}
+						</button>
+					{/if}
+					{#if review.saveError}
+						<p class="text-xs text-(--color-danger)">{review.saveError}</p>
+					{/if}
+				</div>
+			</div>
+		{/if}
+
+		<!-- ── Description review ──────────────────────────────────────────────── -->
+		{:else if review.kind === 'description'}
+			<!-- Header -->
+			<div class="flex items-center justify-between gap-4 px-5 py-4 border-b border-(--color-border) shrink-0">
+				<div>
+					<h2 class="text-base font-semibold text-(--color-text)">Review Description</h2>
+					<p class="text-xs text-(--color-muted) mt-0.5">
+						<span class="font-mono">{review.slug}</span>
+					</p>
+				</div>
+				<button onclick={closeReview} class="p-1.5 rounded-md text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors" aria-label="Close">
+					<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+					</svg>
+				</button>
+			</div>
+
+			<!-- Body -->
+			<div class="flex-1 overflow-y-auto p-5 space-y-5">
+				{#if review.loading}
+					<div class="flex items-center justify-center py-16 text-(--color-muted) text-sm">Loading…</div>
+				{:else if review.error}
+					<div class="text-center py-8"><p class="text-(--color-danger) text-sm">{review.error}</p></div>
+				{:else}
+					<!-- Old description -->
+					<div class="space-y-1">
+						<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-wide">Current description</p>
+						<p class="text-sm text-(--color-muted) leading-relaxed bg-(--color-surface-2) rounded-lg px-4 py-3 border border-(--color-border)">
+							{review.oldDescription || '—'}
+						</p>
+					</div>
+
+					<!-- New description (editable) -->
+					<div class="space-y-1">
+						<p class="text-xs font-semibold text-(--color-text) uppercase tracking-wide">Proposed description <span class="normal-case font-normal text-(--color-muted)">(editable)</span></p>
+						<textarea
+							bind:value={review.newDescription}
+							rows="6"
+							class="w-full px-4 py-3 rounded-lg bg-(--color-surface-2) border border-(--color-brand)/50 text-sm text-(--color-text) leading-relaxed resize-y focus:outline-none focus:ring-1 focus:ring-(--color-brand)"
+						></textarea>
+					</div>
+
+					{#if review.instructions}
+						<p class="text-xs text-(--color-muted)">
+							<span class="font-medium text-(--color-text)">Instructions:</span> {review.instructions}
+						</p>
+					{/if}
+				{/if}
+			</div>
+
+			<!-- Footer -->
+			{#if !review.loading && !review.error}
+				<div class="px-5 py-4 border-t border-(--color-border) shrink-0 flex items-center justify-between gap-4">
+					<button onclick={closeReview} class="px-3 py-1.5 rounded-md text-sm text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors">Discard</button>
+					<div class="flex items-center gap-3">
+						{#if review.applyError}<p class="text-xs text-(--color-danger)">{review.applyError}</p>{/if}
+						{#if review.applyDone}<p class="text-xs text-green-400">Applied successfully.</p>{/if}
+						<button
+							onclick={applyDescription}
+							disabled={review.applying || review.applyDone || !review.newDescription.trim()}
+							class="px-4 py-1.5 rounded-md text-sm font-medium bg-(--color-brand) text-black hover:bg-amber-300 disabled:opacity-50 transition-colors"
+						>
+							{review.applying ? 'Applying…' : review.applyDone ? 'Applied' : 'Apply'}
+						</button>
+					</div>
+				</div>
+			{/if}
+		{/if}
+	</div>
+{/if}
diff --git a/ui/src/routes/admin/audio-jobs/+page.server.ts b/ui/src/routes/admin/audio-jobs/+page.server.ts
new file mode 100644
index 0000000..8be6105
--- /dev/null
+++ b/ui/src/routes/admin/audio-jobs/+page.server.ts
@@ -0,0 +1,6 @@
+import { redirect } from '@sveltejs/kit';
+import type { PageServerLoad } from './$types';
+
+export const load: PageServerLoad = async () => {
+	redirect(301, '/admin/audio');
+};
diff --git a/ui/src/routes/admin/audio/+page.server.ts b/ui/src/routes/admin/audio/+page.server.ts
new file mode 100644
index 0000000..2dbeaf3
--- /dev/null
+++ b/ui/src/routes/admin/audio/+page.server.ts
@@ -0,0 +1,27 @@
+import { redirect } from '@sveltejs/kit';
+import type { PageServerLoad } from './$types';
+import { listAudioJobs, type AudioCacheEntry, type AudioJob } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+export const load: PageServerLoad = async ({ locals }) => {
+	if (locals.user?.role !== 'admin') {
+		redirect(302, '/');
+	}
+
+	const jobs = await listAudioJobs().catch((e): AudioJob[] => {
+		log.warn('admin/audio', 'failed to load audio jobs', { err: String(e) });
+		return [];
+	});
+
+	// Derive cache entries from done jobs — no second query needed.
+	const entries: AudioCacheEntry[] = jobs
+		.filter((j) => j.status === 'done')
+		.map((j) => ({
+			id: j.id,
+			cache_key: j.cache_key,
+			filename: `${j.cache_key}.mp3`,
+			updated: j.finished
+		}));
+
+	return { entries, jobs };
+};
diff --git a/ui/src/routes/admin/audio/+page.svelte b/ui/src/routes/admin/audio/+page.svelte
new file mode 100644
index 0000000..679d24e
--- /dev/null
+++ b/ui/src/routes/admin/audio/+page.svelte
@@ -0,0 +1,428 @@
+<script lang="ts">
+	import { untrack } from 'svelte';
+	import type { PageData } from './$types';
+	import type { AudioJob, AudioCacheEntry } from '$lib/server/pocketbase';
+	import * as m from '$lib/paraglide/messages.js';
+
+	let { data }: { data: PageData } = $props();
+
+	let entries = $state<AudioCacheEntry[]>(untrack(() => data.entries));
+	let jobs = $state<AudioJob[]>(untrack(() => data.jobs));
+
+	// Keep in sync on server reloads
+	$effect(() => {
+		entries = data.entries;
+		jobs = data.jobs;
+	});
+
+	// ── Live-poll while any job is in-flight ─────────────────────────────────────
+	let hasInFlight = $derived(jobs.some((j) => j.status === 'pending' || j.status === 'generating'));
+
+	$effect(() => {
+		if (!hasInFlight) return;
+		const id = setInterval(async () => {
+			const res = await fetch('/api/admin/audio-jobs').catch(() => null);
+			if (res?.ok) {
+				const body = await res.json().catch(() => null);
+				if (body?.jobs) {
+					jobs = body.jobs;
+					entries = (body.jobs as AudioJob[])
+						.filter((j) => j.status === 'done')
+						.map((j) => ({ id: j.id, cache_key: j.cache_key, filename: `${j.cache_key}.mp3`, updated: j.finished }));
+				}
+			}
+		}, 3000);
+		return () => clearInterval(id);
+	});
+
+	// ── Tabs ─────────────────────────────────────────────────────────────────────
+	type Tab = 'jobs' | 'cache';
+	let activeTab = $state<Tab>('jobs');
+
+	// ── Helpers ──────────────────────────────────────────────────────────────────
+	function jobStatusColor(status: string) {
+		if (status === 'done') return 'text-green-400';
+		if (status === 'generating') return 'text-(--color-brand) animate-pulse';
+		if (status === 'pending') return 'text-sky-400 animate-pulse';
+		if (status === 'failed') return 'text-(--color-danger)';
+		return 'text-(--color-text)';
+	}
+
+	function fmtDate(s: string) {
+		if (!s) return '—';
+		return new Date(s).toLocaleString(undefined, {
+			month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit'
+		});
+	}
+
+	function duration(started: string, finished: string) {
+		if (!started || !finished) return '—';
+		const ms = new Date(finished).getTime() - new Date(started).getTime();
+		if (ms < 0) return '—';
+		const s = Math.floor(ms / 1000);
+		if (s < 60) return `${s}s`;
+		const m = Math.floor(s / 60);
+		return `${m}m ${s % 60}s`;
+	}
+
+	function engineLabel(voice: string): string {
+		if (voice.startsWith('cfai:')) return 'CF AI';
+		if (!voice.includes('_')) return 'Pocket TTS';
+		return 'Kokoro';
+	}
+
+	// ── Audio jobs stats + filter ────────────────────────────────────────────────
+	let jobsQ = $state('');
+	let jobsStatusFilter = $state('all');
+	const JOB_STATUS_OPTIONS = ['all', 'generating', 'pending', 'done', 'failed'] as const;
+
+	let filteredJobs = $derived(
+		jobs.filter((j: AudioJob) => {
+			const qLower = jobsQ.trim().toLowerCase();
+			const matchesQ =
+				!qLower ||
+				j.slug.toLowerCase().includes(qLower) ||
+				j.voice.toLowerCase().includes(qLower) ||
+				j.status.toLowerCase().includes(qLower);
+			const matchesStatus = jobsStatusFilter === 'all' || j.status === jobsStatusFilter;
+			return matchesQ && matchesStatus;
+		})
+	);
+
+	let stats = $derived({
+		total: jobs.length,
+		done: jobs.filter((j: AudioJob) => j.status === 'done').length,
+		failed: jobs.filter((j: AudioJob) => j.status === 'failed').length,
+		pending: jobs.filter((j: AudioJob) => j.status === 'pending').length,
+		generating: jobs.filter((j: AudioJob) => j.status === 'generating').length,
+		inFlight: jobs.filter((j: AudioJob) => j.status === 'pending' || j.status === 'generating').length
+	});
+
+	// ── Cancel single job ────────────────────────────────────────────────────────
+	let cancellingJobIds = $state(new Set<string>());
+	let cancelJobErrors: Record<string, string> = $state({});
+
+	async function cancelJob(id: string) {
+		if (cancellingJobIds.has(id)) return;
+		cancellingJobIds = new Set([...cancellingJobIds, id]);
+		delete cancelJobErrors[id];
+		try {
+			const res = await fetch(`/api/admin/ai-jobs/${encodeURIComponent(id)}/cancel`, { method: 'POST' });
+			if (!res.ok) {
+				const body = await res.json().catch(() => ({}));
+				cancelJobErrors = { ...cancelJobErrors, [id]: body.error ?? `Error ${res.status}` };
+			} else {
+				jobs = jobs.map((j: AudioJob) => j.id === id ? { ...j, status: 'cancelled' } : j);
+			}
+		} catch {
+			cancelJobErrors = { ...cancelJobErrors, [id]: 'Network error.' };
+		} finally {
+			cancellingJobIds = new Set([...cancellingJobIds].filter((x) => x !== id));
+		}
+	}
+
+	// ── Retry failed job ─────────────────────────────────────────────────────────
+	let retryingJobIds = $state(new Set<string>());
+	let retryJobErrors: Record<string, string> = $state({});
+
+	async function retryJob(job: AudioJob) {
+		if (retryingJobIds.has(job.id)) return;
+		retryingJobIds = new Set([...retryingJobIds, job.id]);
+		delete retryJobErrors[job.id];
+		try {
+			const res = await fetch('/api/admin/audio/bulk', {
+				method: 'POST',
+				headers: { 'content-type': 'application/json' },
+				body: JSON.stringify({ slug: job.slug, voice: job.voice, from: job.chapter, to: job.chapter, force: true })
+			});
+			if (!res.ok) {
+				const body = await res.json().catch(() => ({}));
+				retryJobErrors = { ...retryJobErrors, [job.id]: body.error ?? `Error ${res.status}` };
+			} else {
+				jobs = jobs.map((j: AudioJob) => j.id === job.id ? { ...j, status: 'pending', error_message: '' } : j);
+			}
+		} catch {
+			retryJobErrors = { ...retryJobErrors, [job.id]: 'Network error.' };
+		} finally {
+			retryingJobIds = new Set([...retryingJobIds].filter((x) => x !== job.id));
+		}
+	}
+
+	// ── Audio cache filter ───────────────────────────────────────────────────────
+	function parseCacheKey(key: string) {
+		const parts = key.split('/');
+		if (parts.length >= 3) {
+			return { slug: parts[0], chapter: parts[1], voice: parts.slice(2).join('/') };
+		}
+		return { slug: key, chapter: '—', voice: '—' };
+	}
+
+	let cacheQ = $state('');
+	let filteredCache = $derived(
+		cacheQ.trim()
+			? entries.filter((e) => e.cache_key.toLowerCase().includes(cacheQ.toLowerCase().trim()))
+			: entries
+	);
+</script>
+
+<svelte:head>
+	<title>{m.admin_audio_page_title()}</title>
+</svelte:head>
+
+<div class="space-y-6">
+	<!-- Header -->
+	<div>
+		<h1 class="text-2xl font-bold text-(--color-text)">{m.admin_audio_heading()}</h1>
+		<p class="text-(--color-muted) text-sm mt-1">
+			{stats.total} job{stats.total !== 1 ? 's' : ''} &middot;
+			<span class="text-green-400">{stats.done} done</span>
+			{#if stats.failed > 0}
+				&middot; <span class="text-(--color-danger)">{stats.failed} failed</span>
+			{/if}
+			{#if stats.inFlight > 0}
+				&middot; <span class="text-(--color-brand) animate-pulse">{stats.inFlight} in-flight</span>
+			{/if}
+			&middot; {entries.length} cached file{entries.length !== 1 ? 's' : ''}
+		</p>
+	</div>
+
+	<!-- Tabs -->
+	<div class="flex gap-1 bg-(--color-surface-2) rounded-lg p-1 w-fit border border-(--color-border)">
+		<button
+			onclick={() => (activeTab = 'jobs')}
+			class="px-4 py-1.5 rounded-md text-sm font-medium transition-colors
+				{activeTab === 'jobs' ? 'bg-(--color-surface-3) text-(--color-text)' : 'text-(--color-muted) hover:text-(--color-text)'}"
+		>
+			Jobs
+			{#if stats.inFlight > 0}
+				<span class="ml-1.5 inline-flex items-center justify-center w-4 h-4 rounded-full bg-(--color-brand) text-(--color-surface) text-[10px] font-bold">
+					{stats.inFlight}
+				</span>
+			{/if}
+		</button>
+		<button
+			onclick={() => (activeTab = 'cache')}
+			class="px-4 py-1.5 rounded-md text-sm font-medium transition-colors
+				{activeTab === 'cache' ? 'bg-(--color-surface-3) text-(--color-text)' : 'text-(--color-muted) hover:text-(--color-text)'}"
+		>
+			Cache
+		</button>
+	</div>
+
+	<!-- ── Audio Jobs tab ─────────────────────────────────────────────────────── -->
+	{#if activeTab === 'jobs'}
+		<div class="flex flex-wrap gap-3 items-center">
+			<input
+				type="search"
+				bind:value={jobsQ}
+				placeholder={m.admin_audio_filter_jobs()}
+				class="flex-1 min-w-48 max-w-sm bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+			/>
+			<!-- Status pills -->
+			<div class="flex gap-1 flex-wrap">
+				{#each JOB_STATUS_OPTIONS as s}
+					{@const count = s === 'all' ? stats.total : (s === 'generating' ? stats.generating : s === 'pending' ? stats.pending : s === 'done' ? stats.done : stats.failed)}
+					<button
+						onclick={() => (jobsStatusFilter = s)}
+						class="px-2.5 py-1 rounded-md text-xs font-medium transition-colors capitalize
+							{jobsStatusFilter === s
+								? 'bg-(--color-brand) text-black'
+								: 'bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text)'}"
+					>
+						{s}{count > 0 ? ` ${count}` : ''}
+					</button>
+				{/each}
+			</div>
+		</div>
+
+		{#if filteredJobs.length === 0}
+			<p class="text-(--color-muted) text-sm py-8 text-center">
+				{jobsQ.trim() ? m.admin_audio_no_matching_jobs() : m.admin_audio_no_jobs()}
+			</p>
+		{:else}
+			<!-- Desktop table -->
+			<div class="hidden sm:block overflow-x-auto rounded-xl border border-(--color-border)">
+				<table class="w-full text-sm">
+				<thead class="bg-(--color-surface-2) text-(--color-muted) text-xs uppercase tracking-wide">
+					<tr>
+						<th class="px-4 py-3 text-left">Book</th>
+						<th class="px-4 py-3 text-right">Ch.</th>
+						<th class="px-4 py-3 text-left">Voice</th>
+						<th class="px-4 py-3 text-left">Engine</th>
+						<th class="px-4 py-3 text-left">Status</th>
+						<th class="px-4 py-3 text-left">Started</th>
+						<th class="px-4 py-3 text-left">Duration</th>
+						<th class="px-4 py-3 text-left">Actions</th>
+					</tr>
+				</thead>
+				<tbody class="divide-y divide-(--color-border)/50">
+					{#each filteredJobs as job}
+						<tr class="bg-(--color-surface) hover:bg-(--color-surface-2)/50 transition-colors">
+							<td class="px-4 py-3 text-(--color-text) font-medium">
+								<a href="/books/{job.slug}" class="hover:text-(--color-brand) transition-colors">{job.slug}</a>
+							</td>
+							<td class="px-4 py-3 text-right text-(--color-muted)">{job.chapter}</td>
+							<td class="px-4 py-3 text-(--color-muted) font-mono text-xs">{job.voice}</td>
+							<td class="px-4 py-3 text-(--color-muted) text-xs">{engineLabel(job.voice)}</td>
+							<td class="px-4 py-3">
+								<span class="font-medium {jobStatusColor(job.status)}">{job.status}</span>
+							</td>
+							<td class="px-4 py-3 text-(--color-muted) whitespace-nowrap">{fmtDate(job.started)}</td>
+							<td class="px-4 py-3 text-(--color-muted) whitespace-nowrap">{duration(job.started, job.finished)}</td>
+						<td class="px-4 py-3">
+							{#if job.status === 'pending' || job.status === 'generating'}
+								<button
+									onclick={() => cancelJob(job.id)}
+									disabled={cancellingJobIds.has(job.id)}
+									class="px-2 py-1 rounded text-xs font-medium bg-(--color-danger)/10 text-(--color-danger) hover:bg-(--color-danger)/20 disabled:opacity-50 transition-colors"
+								>
+									{cancellingJobIds.has(job.id) ? 'Cancelling…' : 'Cancel'}
+								</button>
+							{/if}
+							{#if job.status === 'failed'}
+								<button
+									onclick={() => retryJob(job)}
+									disabled={retryingJobIds.has(job.id)}
+									class="px-2 py-1 rounded text-xs font-medium bg-sky-400/10 text-sky-400 hover:bg-sky-400/20 disabled:opacity-50 transition-colors"
+								>
+									{retryingJobIds.has(job.id) ? 'Retrying…' : 'Retry ↺'}
+								</button>
+							{/if}
+							{#if cancelJobErrors[job.id]}
+								<p class="text-xs text-(--color-danger) mt-1">{cancelJobErrors[job.id]}</p>
+							{/if}
+							{#if retryJobErrors[job.id]}
+								<p class="text-xs text-(--color-danger) mt-1">{retryJobErrors[job.id]}</p>
+							{/if}
+						</td>
+						</tr>
+						{#if job.error_message}
+							<tr class="bg-(--color-danger)/10">
+								<td colspan="8" class="px-4 py-2 text-xs text-(--color-danger) font-mono">{job.error_message}</td>
+							</tr>
+						{/if}
+					{/each}
+				</tbody>
+				</table>
+			</div>
+
+		<!-- Mobile cards -->
+		<div class="sm:hidden space-y-3">
+			{#each filteredJobs as job}
+				<div class="bg-(--color-surface) rounded-xl border border-(--color-border) p-4 space-y-2">
+					<div class="flex items-start justify-between gap-2">
+						<a href="/books/{job.slug}" class="text-(--color-text) font-medium hover:text-(--color-brand) transition-colors truncate">
+							{job.slug}
+						</a>
+						<span class="shrink-0 text-xs font-semibold {jobStatusColor(job.status)}">{job.status}</span>
+					</div>
+					<div class="grid grid-cols-2 gap-1 text-xs">
+						<span class="text-(--color-muted)">Chapter</span><span class="text-(--color-muted) text-right">{job.chapter}</span>
+						<span class="text-(--color-muted)">Voice</span><span class="text-(--color-muted) font-mono text-right truncate">{job.voice}</span>
+						<span class="text-(--color-muted)">Engine</span><span class="text-(--color-muted) text-right">{engineLabel(job.voice)}</span>
+						<span class="text-(--color-muted)">Started</span><span class="text-(--color-muted) text-right">{fmtDate(job.started)}</span>
+						<span class="text-(--color-muted)">Duration</span><span class="text-(--color-muted) text-right">{duration(job.started, job.finished)}</span>
+					</div>
+					{#if job.error_message}
+						<p class="text-xs text-(--color-danger) font-mono break-all">{job.error_message}</p>
+					{/if}
+				{#if job.status === 'pending' || job.status === 'generating'}
+					<button
+						onclick={() => cancelJob(job.id)}
+						disabled={cancellingJobIds.has(job.id)}
+						class="w-full px-3 py-1.5 rounded-lg text-xs font-medium bg-(--color-danger)/10 text-(--color-danger) hover:bg-(--color-danger)/20 disabled:opacity-50 transition-colors"
+					>
+						{cancellingJobIds.has(job.id) ? 'Cancelling…' : 'Cancel job'}
+					</button>
+				{/if}
+				{#if job.status === 'failed'}
+					<button
+						onclick={() => retryJob(job)}
+						disabled={retryingJobIds.has(job.id)}
+						class="w-full px-3 py-1.5 rounded-lg text-xs font-medium bg-sky-400/10 text-sky-400 hover:bg-sky-400/20 disabled:opacity-50 transition-colors"
+					>
+						{retryingJobIds.has(job.id) ? 'Retrying…' : 'Retry ↺'}
+					</button>
+				{/if}
+				{#if cancelJobErrors[job.id]}
+					<p class="text-xs text-(--color-danger)">{cancelJobErrors[job.id]}</p>
+				{/if}
+				{#if retryJobErrors[job.id]}
+					<p class="text-xs text-(--color-danger)">{retryJobErrors[job.id]}</p>
+				{/if}
+				</div>
+			{/each}
+		</div>
+		{/if}
+	{/if}
+
+	<!-- ── Audio Cache tab ───────────────────────────────────────────────────── -->
+	{#if activeTab === 'cache'}
+		<input
+			type="search"
+			bind:value={cacheQ}
+			placeholder={m.admin_audio_filter_cache()}
+			class="w-full max-w-sm bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+		/>
+
+		{#if filteredCache.length === 0}
+			<p class="text-(--color-muted) text-sm py-8 text-center">
+				{cacheQ.trim() ? m.admin_audio_no_cache_results() : m.admin_audio_cache_empty()}
+			</p>
+		{:else}
+			<!-- Desktop table -->
+			<div class="hidden sm:block overflow-x-auto rounded-xl border border-(--color-border)">
+				<table class="w-full text-sm">
+					<thead class="bg-(--color-surface-2) text-(--color-muted) text-xs uppercase tracking-wide">
+						<tr>
+							<th class="px-4 py-3 text-left">Book</th>
+							<th class="px-4 py-3 text-left">Chapter</th>
+							<th class="px-4 py-3 text-left">Voice</th>
+							<th class="px-4 py-3 text-left">Engine</th>
+							<th class="px-4 py-3 text-left">Filename</th>
+							<th class="px-4 py-3 text-left">Updated</th>
+						</tr>
+					</thead>
+					<tbody class="divide-y divide-(--color-border)/50">
+						{#each filteredCache as entry}
+							{@const parts = parseCacheKey(entry.cache_key)}
+							<tr class="bg-(--color-surface) hover:bg-(--color-surface-2)/50 transition-colors">
+								<td class="px-4 py-3 text-(--color-text) font-medium">
+									<a href="/books/{parts.slug}" class="hover:text-(--color-brand) transition-colors">{parts.slug}</a>
+								</td>
+								<td class="px-4 py-3 text-(--color-muted)">{parts.chapter}</td>
+								<td class="px-4 py-3 text-(--color-muted) font-mono text-xs">{parts.voice}</td>
+								<td class="px-4 py-3 text-(--color-muted) text-xs">{engineLabel(parts.voice)}</td>
+								<td class="px-4 py-3 text-(--color-muted) font-mono text-xs truncate max-w-[14rem]" title={entry.filename}>
+									{entry.filename}
+								</td>
+								<td class="px-4 py-3 text-(--color-muted) whitespace-nowrap">{fmtDate(entry.updated)}</td>
+							</tr>
+						{/each}
+					</tbody>
+				</table>
+			</div>
+
+			<!-- Mobile cards -->
+			<div class="sm:hidden space-y-3">
+				{#each filteredCache as entry}
+					{@const parts = parseCacheKey(entry.cache_key)}
+					<div class="bg-(--color-surface) rounded-xl border border-(--color-border) p-4 space-y-2">
+						<a href="/books/{parts.slug}" class="text-(--color-text) font-medium hover:text-(--color-brand) transition-colors block truncate">
+							{parts.slug}
+						</a>
+					<div class="grid grid-cols-2 gap-1 text-xs">
+						<span class="text-(--color-muted)">Chapter</span><span class="text-(--color-muted) text-right">{parts.chapter}</span>
+						<span class="text-(--color-muted)">Voice</span><span class="text-(--color-muted) font-mono text-right truncate">{parts.voice}</span>
+						<span class="text-(--color-muted)">Engine</span><span class="text-(--color-muted) text-right">{engineLabel(parts.voice)}</span>
+						<span class="text-(--color-muted)">Updated</span><span class="text-(--color-muted) text-right">{fmtDate(entry.updated)}</span>
+					</div>
+						{#if entry.filename}
+							<p class="text-xs text-(--color-muted) font-mono truncate" title={entry.filename}>{entry.filename}</p>
+						{/if}
+					</div>
+				{/each}
+			</div>
+		{/if}
+	{/if}
+</div>
diff --git a/ui/src/routes/admin/catalogue-tools/+page.server.ts b/ui/src/routes/admin/catalogue-tools/+page.server.ts
new file mode 100644
index 0000000..49915e5
--- /dev/null
+++ b/ui/src/routes/admin/catalogue-tools/+page.server.ts
@@ -0,0 +1,21 @@
+import type { PageServerLoad } from './$types';
+import { listImageModels } from '$lib/server/scraper';
+import { log } from '$lib/server/logger';
+
+export interface ImageModelInfo {
+	id: string;
+	label: string;
+	provider: string;
+}
+
+export const load: PageServerLoad = async () => {
+	// Parent layout already guards admin role.
+	let imgModels: ImageModelInfo[] = [];
+	try {
+		imgModels = await listImageModels<ImageModelInfo>();
+	} catch (e) {
+		log.warn('admin/catalogue-tools', 'failed to load image models', { err: String(e) });
+	}
+	return { imgModels };
+};
+
diff --git a/ui/src/routes/admin/catalogue-tools/+page.svelte b/ui/src/routes/admin/catalogue-tools/+page.svelte
new file mode 100644
index 0000000..e6f3d75
--- /dev/null
+++ b/ui/src/routes/admin/catalogue-tools/+page.svelte
@@ -0,0 +1,383 @@
+<script lang="ts">
+	import { browser } from '$app/environment';
+	import type { PageData } from './$types';
+
+	let { data }: { data: PageData } = $props();
+
+	// svelte-ignore state_referenced_locally
+	const imgModels = data.imgModels ?? [];
+
+	// ── Config persistence ────────────────────────────────────────────────────────
+	const CONFIG_KEY = 'admin_catalogue_tools_v1';
+
+	interface SavedConfig {
+		imgModel: string;
+		numSteps: number;
+		width: number;
+		height: number;
+	}
+
+	function loadConfig(): Partial<SavedConfig> {
+		if (!browser) return {};
+		try {
+			const raw = localStorage.getItem(CONFIG_KEY);
+			return raw ? (JSON.parse(raw) as Partial<SavedConfig>) : {};
+		} catch { return {}; }
+	}
+	function saveConfig() {
+		if (!browser) return;
+		localStorage.setItem(CONFIG_KEY, JSON.stringify({ imgModel, numSteps, width, height }));
+	}
+
+	const saved = loadConfig();
+
+	let imgModel = $state(saved.imgModel ?? (imgModels[0]?.id ?? ''));
+	let numSteps = $state(saved.numSteps ?? 20);
+	let width = $state(saved.width ?? 0);
+	let height = $state(saved.height ?? 0);
+
+	$effect(() => { void imgModel; void numSteps; void width; void height; saveConfig(); });
+
+	// ── Visibility management ─────────────────────────────────────────────────────
+	type VisBook = { slug: string; vis: string; busy: boolean };
+	let visBooks = $state<VisBook[]>([]);
+	let visSlugInput = $state('');
+	let visError = $state('');
+
+	async function addVisBook(e: Event) {
+		e.preventDefault();
+		const slug = visSlugInput.trim();
+		if (!slug || visBooks.some((b) => b.slug === slug)) return;
+		visError = '';
+		try {
+			const res = await fetch(`/api/books/${slug}`);
+			if (!res.ok) { visError = `Book "${slug}" not found.`; return; }
+			const book = await res.json() as { slug: string; visibility?: string };
+			visBooks = [...visBooks, { slug: book.slug, vis: book.visibility ?? 'admin_only', busy: false }];
+			visSlugInput = '';
+		} catch {
+			visError = 'Failed to load book.';
+		}
+	}
+
+	function removeVisBook(slug: string) {
+		visBooks = visBooks.filter((b) => b.slug !== slug);
+	}
+
+	async function toggleVisibility(slug: string, currentVis: string) {
+		visBooks = visBooks.map((b) => b.slug === slug ? { ...b, busy: true } : b);
+		const action = currentVis === 'public' ? 'unpublish' : 'publish';
+		try {
+			const res = await fetch(`/api/admin/books/${slug}/${action}`, { method: 'PATCH' });
+			if (!res.ok) throw new Error(await res.text());
+			const newVis = action === 'publish' ? 'public' : 'admin_only';
+			visBooks = visBooks.map((b) => b.slug === slug ? { ...b, vis: newVis, busy: false } : b);
+		} catch (e) {
+			visError = String(e);
+			visBooks = visBooks.map((b) => b.slug === slug ? { ...b, busy: false } : b);
+		}
+	}
+
+	// ── Batch covers ──────────────────────────────────────────────────────────────
+	let fromItem = $state(0);
+	let toItem = $state(0);
+	let resumeJobID = $state('');
+	let running = $state(false);
+	let jobID = $state('');
+	let done = $state(0);
+	let total = $state(0);
+	let events = $state<{ slug: string; skipped?: boolean; error?: string }[]>([]);
+	let finished = $state(false);
+	let error = $state('');
+	let cancelling = $state(false);
+
+	let progress = $derived(total > 0 ? Math.round((done / total) * 100) : 0);
+
+	async function startBatch() {
+		running = true; finished = false; error = ''; done = 0; total = 0; events = []; jobID = ''; cancelling = false;
+
+		try {
+			const res = await fetch('/api/admin/catalogue/batch-covers', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({
+					model: imgModel || undefined,
+					num_steps: numSteps || undefined,
+					width: width || undefined,
+					height: height || undefined,
+					from_item: fromItem || undefined,
+					to_item: toItem || undefined,
+					job_id: resumeJobID.trim() || undefined,
+				})
+			});
+			if (!res.ok) {
+				const body = await res.json().catch(() => ({}));
+				error = body.error ?? `Error ${res.status}`;
+				return;
+			}
+
+			const reader = res.body!.getReader();
+			const decoder = new TextDecoder();
+			let buf = '';
+
+			outer: while (true) {
+				const { value, done: streamDone } = await reader.read();
+				if (streamDone) break;
+				buf += decoder.decode(value, { stream: true });
+				const lines = buf.split('\n');
+				buf = lines.pop() ?? '';
+				for (const line of lines) {
+					if (!line.startsWith('data: ')) continue;
+					const payload = line.slice(6).trim();
+					if (!payload) continue;
+					let evt: {
+						job_id?: string;
+						done?: number;
+						total?: number;
+						slug?: string;
+						skipped?: boolean;
+						error?: string;
+						finish?: boolean;
+					};
+					try { evt = JSON.parse(payload); } catch { continue; }
+
+					if (evt.job_id) jobID = evt.job_id;
+					if (evt.total != null) total = evt.total;
+					if (evt.done != null) done = evt.done;
+					if (evt.finish) { finished = true; running = false; break outer; }
+					if (evt.slug) {
+						events = [{ slug: evt.slug, skipped: evt.skipped, error: evt.error }, ...events].slice(0, 200);
+					}
+				}
+			}
+		} catch (e) {
+			error = String(e);
+		} finally {
+			running = false;
+		}
+	}
+
+	async function cancelBatch() {
+		if (!jobID) return;
+		cancelling = true;
+		try {
+			await fetch('/api/admin/catalogue/batch-covers/cancel', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ job_id: jobID })
+			});
+		} catch { /* ignore */ } finally {
+			cancelling = false;
+		}
+	}
+</script>
+
+<svelte:head>
+	<title>Catalogue Tools — Admin</title>
+</svelte:head>
+
+<div class="space-y-8 max-w-4xl">
+	<div>
+		<h1 class="text-2xl font-bold text-(--color-text)">Catalogue Tools</h1>
+		<p class="text-(--color-muted) text-sm mt-1">Bulk AI operations for your book catalogue.</p>
+	</div>
+
+	<!-- Batch cover generation -->
+	<div class="space-y-4">
+		<h2 class="text-lg font-semibold text-(--color-text)">Batch Cover Generation</h2>
+		<p class="text-sm text-(--color-muted)">
+			Generates AI covers for every book that has no cover stored in MinIO.
+			Books with existing covers are skipped. The job can be cancelled at any time.
+		</p>
+
+		<!-- Config -->
+		<div class="grid grid-cols-2 sm:grid-cols-4 gap-4 bg-(--color-surface) border border-(--color-border) rounded-xl p-4">
+			{#if imgModels.length > 0}
+				<div class="col-span-2 sm:col-span-4 space-y-1">
+					<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="img-model">Image model</label>
+					<select id="img-model" bind:value={imgModel}
+						class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand)">
+						{#each imgModels as m}
+							<option value={m.id}>{m.label} — {m.provider}</option>
+						{/each}
+					</select>
+				</div>
+			{/if}
+			<div class="space-y-1">
+				<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="steps">Steps</label>
+				<input id="steps" type="number" bind:value={numSteps} min="1" max="50"
+					class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand)" />
+			</div>
+			<div class="space-y-1">
+				<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="width">Width <span class="font-normal">(0=default)</span></label>
+				<input id="width" type="number" bind:value={width} min="0" step="64"
+					class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand)" />
+			</div>
+			<div class="space-y-1">
+				<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="height">Height <span class="font-normal">(0=default)</span></label>
+				<input id="height" type="number" bind:value={height} min="0" step="64"
+					class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand)" />
+			</div>
+			<div class="space-y-1">
+				<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="from-item">From <span class="font-normal">(0=start)</span></label>
+				<input id="from-item" type="number" bind:value={fromItem} min="0"
+					class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand)" />
+			</div>
+			<div class="space-y-1">
+				<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="to-item">To <span class="font-normal">(0=end)</span></label>
+				<input id="to-item" type="number" bind:value={toItem} min="0"
+					class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand)" />
+			</div>
+			<div class="col-span-2 sm:col-span-4 space-y-1">
+				<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="resume-job">Resume job ID <span class="font-normal">(leave blank to start fresh)</span></label>
+				<input id="resume-job" type="text" bind:value={resumeJobID} placeholder="optional PB job ID"
+					class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand)" />
+			</div>
+		</div>
+
+		<!-- Controls -->
+		<div class="flex gap-3">
+			<button
+				onclick={startBatch}
+				disabled={running}
+				class="px-6 py-2.5 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm
+					hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2"
+			>
+				{#if running}
+					<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+						<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+						<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+					</svg>
+					Running…
+				{:else}
+					Start batch
+				{/if}
+			</button>
+			{#if running && jobID}
+				<button
+					onclick={cancelBatch}
+					disabled={cancelling}
+					class="px-5 py-2.5 rounded-lg bg-(--color-surface-2) border border-(--color-border) text-(--color-muted) text-sm
+						hover:text-(--color-text) transition-colors disabled:opacity-50"
+				>
+					{cancelling ? 'Cancelling…' : 'Cancel'}
+				</button>
+			{/if}
+		</div>
+
+		{#if error}
+			<p class="text-sm text-(--color-danger) bg-(--color-danger)/10 rounded-lg px-3 py-2">{error}</p>
+		{/if}
+
+		<!-- Progress -->
+		{#if total > 0 || running}
+			<div class="space-y-2">
+				<div class="flex items-center justify-between text-sm">
+					<span class="text-(--color-muted)">
+						{done} / {total} books processed
+						{#if finished} — done{/if}
+					</span>
+					<span class="text-(--color-muted)">{progress}%</span>
+				</div>
+				<div class="w-full h-2 bg-(--color-surface-2) rounded-full overflow-hidden">
+					<div
+						class="h-full rounded-full transition-all duration-300 {finished ? 'bg-green-500' : 'bg-(--color-brand)'}"
+						style="width: {progress}%"
+					></div>
+				</div>
+			</div>
+		{/if}
+
+		<!-- Event log -->
+		{#if events.length > 0}
+			<div class="bg-(--color-surface) border border-(--color-border) rounded-xl overflow-hidden">
+				<div class="px-4 py-2 border-b border-(--color-border)">
+					<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-widest">Activity log (newest first)</p>
+				</div>
+				<div class="max-h-80 overflow-y-auto divide-y divide-(--color-border)">
+					{#each events as evt}
+						<div class="px-4 py-2 flex items-center gap-3 text-sm">
+							{#if evt.error}
+								<span class="w-2 h-2 rounded-full bg-(--color-danger) shrink-0"></span>
+								<span class="font-mono text-(--color-muted)">{evt.slug}</span>
+								<span class="text-(--color-danger) text-xs truncate">{evt.error}</span>
+							{:else if evt.skipped}
+								<span class="w-2 h-2 rounded-full bg-(--color-surface-2) shrink-0"></span>
+								<span class="font-mono text-(--color-muted)">{evt.slug}</span>
+								<span class="text-xs text-(--color-muted)">skipped (has cover)</span>
+							{:else}
+								<span class="w-2 h-2 rounded-full bg-green-500 shrink-0"></span>
+								<span class="font-mono text-(--color-text)">{evt.slug}</span>
+								<span class="text-xs text-green-400">generated</span>
+							{/if}
+						</div>
+					{/each}
+				</div>
+			</div>
+		{/if}
+	</div>
+
+	<!-- ── Visibility management ───────────────────────────────────────────────── -->
+	<div class="rounded-xl border border-(--color-border) bg-(--color-surface-2) p-5 space-y-4 mt-6">
+		<div>
+			<h2 class="text-base font-semibold">Visibility management</h2>
+			<p class="text-sm text-(--color-muted) mt-0.5">
+				Scraped books default to <code class="text-xs bg-(--color-surface-3) px-1 py-0.5 rounded">admin_only</code>.
+				Publish individual books to make them visible to all users, or unpublish to restrict to admins.
+			</p>
+		</div>
+
+		{#snippet visMsg(msg: string, ok: boolean)}
+			<p class="text-sm {ok ? 'text-green-400' : 'text-(--color-danger)'}">{msg}</p>
+		{/snippet}
+
+		<div class="flex flex-col gap-3">
+			{#each visBooks as vb (vb.slug)}
+				<div class="flex items-center gap-3 rounded-lg border border-(--color-border) bg-(--color-surface) px-3 py-2">
+					<span class="font-mono text-sm flex-1 truncate">{vb.slug}</span>
+					<span class="text-xs px-2 py-0.5 rounded-full {vb.vis === 'public'
+						? 'bg-green-500/15 text-green-400 border border-green-500/30'
+						: 'bg-(--color-surface-3) text-(--color-muted) border border-(--color-border)'}">
+						{vb.vis === 'public' ? 'public' : 'admin only'}
+					</span>
+					<button
+						type="button"
+						onclick={() => toggleVisibility(vb.slug, vb.vis)}
+						disabled={vb.busy}
+						class="text-xs px-2.5 py-1 rounded border border-(--color-border) text-(--color-muted) hover:text-(--color-text) hover:border-(--color-brand)/40 disabled:opacity-50 transition-colors"
+					>
+						{vb.busy ? '…' : vb.vis === 'public' ? 'Unpublish' : 'Publish'}
+					</button>
+					<button
+						type="button"
+						onclick={() => removeVisBook(vb.slug)}
+						class="text-(--color-muted) hover:text-(--color-danger) transition-colors"
+						aria-label="Remove"
+					>
+						<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+						</svg>
+					</button>
+				</div>
+			{/each}
+		</div>
+
+		<form onsubmit={addVisBook} class="flex gap-2">
+			<input
+				type="text"
+				bind:value={visSlugInput}
+				placeholder="book-slug"
+				class="flex-1 rounded-lg border border-(--color-border) bg-(--color-surface) px-3 py-2 text-sm font-mono text-(--color-text) placeholder:text-(--color-muted) focus:outline-none focus:border-(--color-brand) transition-colors"
+			/>
+			<button
+				type="submit"
+				class="px-4 py-2 rounded-lg border border-(--color-border) text-sm text-(--color-muted) hover:text-(--color-text) hover:border-(--color-brand)/40 transition-colors"
+			>
+				Load book
+			</button>
+		</form>
+		{#if visError}
+			{@render visMsg(visError, false)}
+		{/if}
+	</div>
+</div>
diff --git a/ui/src/routes/admin/changelog/+page.server.ts b/ui/src/routes/admin/changelog/+page.server.ts
new file mode 100644
index 0000000..84eeb26
--- /dev/null
+++ b/ui/src/routes/admin/changelog/+page.server.ts
@@ -0,0 +1,44 @@
+import type { PageServerLoad } from './$types';
+import * as cache from '$lib/server/cache';
+
+export interface Release {
+	id: number;
+	tag_name: string;
+	name: string;
+	body: string;
+	published_at: string;
+	prerelease: boolean;
+	draft: boolean;
+}
+
+const GITEA_RELEASES_URL =
+	'https://gitea.kalekber.cc/api/v1/repos/kamil/libnovel/releases?limit=50&page=1';
+
+const CACHE_KEY = 'admin:changelog:releases';
+const CACHE_TTL = 5 * 60; // 5 minutes
+
+export const load: PageServerLoad = async ({ fetch }) => {
+	// Return cached data synchronously (no streaming needed — already fast).
+	const cached = await cache.get<Release[]>(CACHE_KEY);
+	if (cached) {
+		return { releases: cached, error: undefined as string | undefined };
+	}
+
+	// Cache miss: stream the external Gitea request so navigation isn't blocked.
+	const releasesPromise = (async () => {
+		try {
+			const res = await fetch(GITEA_RELEASES_URL, {
+				headers: { Accept: 'application/json' }
+			});
+			if (!res.ok) return [] as Release[];
+			const releases: Release[] = await res.json();
+			const filtered = releases.filter((r) => !r.draft);
+			await cache.set(CACHE_KEY, filtered, CACHE_TTL);
+			return filtered;
+		} catch {
+			return [] as Release[];
+		}
+	})();
+
+	return { releases: releasesPromise, error: undefined as string | undefined };
+};
diff --git a/ui/src/routes/admin/changelog/+page.svelte b/ui/src/routes/admin/changelog/+page.svelte
new file mode 100644
index 0000000..e19ba5f
--- /dev/null
+++ b/ui/src/routes/admin/changelog/+page.svelte
@@ -0,0 +1,64 @@
+<script lang="ts">
+	import type { PageData } from './$types';
+	import * as m from '$lib/paraglide/messages.js';
+
+	let { data }: { data: PageData } = $props();
+
+	function fmtDate(s: string) {
+		return new Date(s).toLocaleDateString(undefined, {
+			year: 'numeric', month: 'short', day: 'numeric'
+		});
+	}
+</script>
+
+<svelte:head>
+	<title>{m.admin_changelog_page_title()}</title>
+</svelte:head>
+
+<div class="space-y-6 max-w-2xl">
+	<div class="flex items-center gap-3">
+		<h1 class="text-xl font-semibold text-(--color-text) flex-1">{m.admin_changelog_heading()}</h1>
+		<a
+			href="https://gitea.kalekber.cc/kamil/libnovel/releases"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors flex items-center gap-1"
+		>
+			{m.admin_changelog_gitea()}
+			<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+					d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+			</svg>
+		</a>
+	</div>
+
+	{#await data.releases}
+		<p class="text-sm text-(--color-muted) py-8 text-center">Loading releases…</p>
+	{:then releases}
+		{#if releases.length === 0}
+			<p class="text-sm text-(--color-muted) py-8 text-center">{m.admin_changelog_no_releases()}</p>
+		{:else}
+			<div class="space-y-0 divide-y divide-(--color-border) border border-(--color-border) rounded-xl overflow-hidden">
+				{#each releases as release}
+					<div class="px-5 py-4 bg-(--color-surface) space-y-2">
+						<div class="flex items-baseline gap-3 flex-wrap">
+							<span class="font-mono text-sm font-semibold text-(--color-brand)">{release.tag_name}</span>
+							{#if release.name && release.name !== release.tag_name}
+								<span class="text-sm text-(--color-text)">{release.name}</span>
+							{/if}
+							{#if release.prerelease}
+								<span class="text-xs px-1.5 py-0.5 rounded bg-(--color-surface-3) text-(--color-muted)">pre-release</span>
+							{/if}
+							<span class="text-xs text-(--color-muted) ml-auto">{fmtDate(release.published_at)}</span>
+						</div>
+						{#if release.body.trim()}
+							<p class="text-sm text-(--color-muted) leading-relaxed whitespace-pre-wrap">{release.body.trim()}</p>
+						{/if}
+					</div>
+				{/each}
+			</div>
+		{/if}
+	{:catch}
+		<p class="text-sm text-(--color-danger)">{m.admin_changelog_load_error({ error: 'Failed to load releases' })}</p>
+	{/await}
+</div>
diff --git a/ui/src/routes/admin/image-gen/+page.server.ts b/ui/src/routes/admin/image-gen/+page.server.ts
new file mode 100644
index 0000000..7c2dba4
--- /dev/null
+++ b/ui/src/routes/admin/image-gen/+page.server.ts
@@ -0,0 +1,48 @@
+import type { PageServerLoad } from './$types';
+import { listImageModels } from '$lib/server/scraper';
+import { log } from '$lib/server/logger';
+import { listBooks } from '$lib/server/pocketbase';
+
+export interface ImageModelInfo {
+	id: string;
+	label: string;
+	provider: string;
+	supports_ref: boolean;
+	recommended_for: string[]; // "cover" | "chapter"
+	description: string;
+}
+
+export interface BookSummary {
+	slug: string;
+	title: string;
+	summary: string;
+	cover: string;
+}
+
+export const load: PageServerLoad = async () => {
+	// Await models immediately — the page is unusable without them and the
+	// backend returns this list instantly (in-memory, no I/O).
+	// Books are streamed: the page renders at once and the book selector
+	// populates a moment later without blocking navigation.
+	const modelsResult = await listImageModels<ImageModelInfo>().catch((e) => {
+		log.warn('admin/image-gen', 'failed to load models', { err: String(e) });
+		return [] as ImageModelInfo[];
+	});
+
+	const booksPromise = listBooks()
+		.then((all) =>
+			all.map((b) => ({
+				slug: b.slug,
+				title: b.title,
+				summary: b.summary ?? '',
+				cover: b.cover ?? ''
+			})) as BookSummary[]
+		)
+		.catch(() => [] as BookSummary[]);
+
+	return {
+		models: modelsResult,
+		// Streamed — SvelteKit resolves this after the initial HTML is sent.
+		books: booksPromise
+	};
+};
diff --git a/ui/src/routes/admin/image-gen/+page.svelte b/ui/src/routes/admin/image-gen/+page.svelte
new file mode 100644
index 0000000..849cf0f
--- /dev/null
+++ b/ui/src/routes/admin/image-gen/+page.svelte
@@ -0,0 +1,774 @@
+<script lang="ts">
+	import { browser } from '$app/environment';
+	import { goto } from '$app/navigation';
+	import type { PageData } from './$types';
+	import type { ImageModelInfo, BookSummary } from './+page.server';
+
+	let { data }: { data: PageData } = $props();
+
+	// ── Form state ───────────────────────────────────────────────────────────────
+	type ImageType = 'cover' | 'chapter';
+
+	const CONFIG_KEY = 'admin_image_gen_config_v1';
+
+	interface SavedConfig {
+		selectedModel: string;
+		numSteps: number;
+		guidance: number;
+		strength: number;
+		width: number;
+		height: number;
+		showAdvanced: boolean;
+	}
+
+	function loadConfig(): Partial<SavedConfig> {
+		if (!browser) return {};
+		try {
+			const raw = localStorage.getItem(CONFIG_KEY);
+			return raw ? (JSON.parse(raw) as Partial<SavedConfig>) : {};
+		} catch { return {}; }
+	}
+
+	function saveConfig() {
+		if (!browser) return;
+		const cfg: SavedConfig = { selectedModel, numSteps, guidance, strength, width, height, showAdvanced };
+		localStorage.setItem(CONFIG_KEY, JSON.stringify(cfg));
+	}
+
+	const saved = loadConfig();
+
+	let imageType = $state<ImageType>('cover');
+	let slug = $state('');
+	let chapter = $state<number>(1);
+	let selectedModel = $state(saved.selectedModel ?? '');
+	let prompt = $state('');
+	let referenceFile = $state<File | null>(null);
+	let referencePreviewUrl = $state('');
+	let useCoverAsRef = $state(false);
+
+	// Advanced
+	let showAdvanced = $state(saved.showAdvanced ?? false);
+	let numSteps = $state(saved.numSteps ?? 20);
+	let guidance = $state(saved.guidance ?? 7.5);
+	let strength = $state(saved.strength ?? 0.75);
+	let width = $state(saved.width ?? 1024);
+	let height = $state(saved.height ?? 1024);
+
+	// Persist config on change
+	$effect(() => {
+		void selectedModel; void numSteps; void guidance; void strength;
+		void width; void height; void showAdvanced;
+		saveConfig();
+	});
+
+	// ── Book autocomplete ────────────────────────────────────────────────────────
+	// Books arrive as a streamed promise — start empty and populate on resolve.
+	let books = $state<BookSummary[]>([]);
+	$effect(() => {
+		data.books.then((resolved) => { books = resolved; });
+	});
+	let slugInput = $state('');
+	let slugFocused = $state(false);
+	let selectedBook = $state<BookSummary | null>(null);
+
+	let bookSuggestions = $derived(
+		slugInput.trim().length === 0
+			? []
+			: books
+				.filter((b) =>
+					b.slug.includes(slugInput.toLowerCase()) ||
+					b.title.toLowerCase().includes(slugInput.toLowerCase())
+				)
+				.slice(0, 8)
+	);
+
+	function selectBook(b: BookSummary) {
+		selectedBook = b;
+		slug = b.slug;
+		slugInput = b.slug;
+		slugFocused = false;
+		// Reset cover-as-ref if no cover
+		if (!b.cover) useCoverAsRef = false;
+	}
+
+	function onSlugInput() {
+		slug = slugInput;
+		// If user edits away from selected book slug, deselect
+		if (selectedBook && slugInput !== selectedBook.slug) {
+			selectedBook = null;
+			useCoverAsRef = false;
+		}
+	}
+
+	// When useCoverAsRef toggled on, load the book cover as reference
+	$effect(() => {
+		if (!browser) return;
+		if (!useCoverAsRef || !selectedBook?.cover) {
+			if (useCoverAsRef) useCoverAsRef = false;
+			return;
+		}
+		// Fetch the cover image and set as referenceFile
+		(async () => {
+			try {
+				const res = await fetch(selectedBook!.cover);
+				const blob = await res.blob();
+				const ext = blob.type === 'image/jpeg' ? 'jpg' : blob.type === 'image/webp' ? 'webp' : 'png';
+				const file = new File([blob], `${selectedBook!.slug}-cover.${ext}`, { type: blob.type });
+				handleReferenceFile(file);
+			} catch {
+				useCoverAsRef = false;
+			}
+		})();
+	});
+
+	// ── Generation state ─────────────────────────────────────────────────────────
+	let generating = $state(false);
+	let genError = $state('');
+
+	// ── Generate (async: fire-and-forget → redirect to ai-jobs) ─────────────────
+	let canGenerate = $derived(prompt.trim().length > 0 && slug.trim().length > 0 && !generating);
+
+	async function generate() {
+		if (!canGenerate) return;
+		generating = true;
+		genError = '';
+
+		try {
+			const payload = {
+				prompt: prompt.trim(),
+				model: selectedModel,
+				type: imageType,
+				slug: slug.trim(),
+				chapter: imageType === 'chapter' ? chapter : 0,
+				num_steps: numSteps,
+				guidance,
+				strength,
+				width,
+				height
+			};
+
+			let res: Response;
+			if (referenceFile && selectedModelInfo?.supports_ref) {
+				const fd = new FormData();
+				fd.append('json', JSON.stringify(payload));
+				fd.append('reference', referenceFile);
+				res = await fetch('/api/admin/image-gen/async', { method: 'POST', body: fd });
+			} else {
+				res = await fetch('/api/admin/image-gen/async', {
+					method: 'POST',
+					headers: { 'Content-Type': 'application/json' },
+					body: JSON.stringify(payload)
+				});
+			}
+
+			const body = await res.json().catch(() => ({}));
+			if (!res.ok) {
+				genError = body.error ?? body.message ?? `Error ${res.status}`;
+				return;
+			}
+
+		// Navigate to ai-jobs so the admin can monitor progress and review.
+		await goto('/admin/ai-jobs');
+		} catch {
+			genError = 'Network error.';
+		} finally {
+			generating = false;
+		}
+	}
+
+	// ── Model helpers ────────────────────────────────────────────────────────────
+	// svelte-ignore state_referenced_locally
+	const models: ImageModelInfo[] = data.models ?? [];
+
+	let coverModels = $derived(models.filter((m) => m.recommended_for.includes('cover')));
+	let chapterModels = $derived(models.filter((m) => m.recommended_for.includes('chapter')));
+	let otherModels = $derived(
+		models.filter(
+			(m) => !m.recommended_for.includes('cover') && !m.recommended_for.includes('chapter')
+		)
+	);
+
+	// ── Auto-select default model when type changes ──────────────────────────────
+	$effect(() => {
+		const preferred = imageType === 'cover' ? coverModels : chapterModels;
+		if (!selectedModel && preferred.length > 0) {
+			selectedModel = preferred[0].id;
+		}
+	});
+
+	$effect(() => {
+		void imageType;
+		const preferred = imageType === 'cover' ? coverModels : chapterModels;
+		if (preferred.length > 0) {
+			const current = models.find((m) => m.id === selectedModel);
+			if (!current || !current.recommended_for.includes(imageType)) {
+				selectedModel = preferred[0].id;
+			}
+		}
+	});
+
+	// ── Prompt templates ────────────────────────────────────────────────────────
+	let promptTemplate = $derived(
+		imageType === 'cover'
+			? `Book cover for "${slugInput || 'untitled novel'}", a fantasy adventure novel. Epic scene with dramatic lighting, professional book cover art, cinematic composition, highly detailed, 4K.`
+			: `Illustration for chapter ${chapter} of "${slugInput || 'untitled novel'}". Dramatic moment, vivid colors, anime-inspired style, detailed background, cinematic lighting.`
+	);
+
+	function applyTemplate() {
+		prompt = promptTemplate;
+	}
+
+	function injectDescription() {
+		const desc = selectedBook?.summary?.trim();
+		if (!desc) return;
+		const snippet = desc.length > 300 ? desc.slice(0, 300) + '…' : desc;
+		prompt = prompt ? `${prompt}\n\nBook description: ${snippet}` : `Book description: ${snippet}`;
+	}
+
+	// ── Auto-prompt ──────────────────────────────────────────────────────────────
+	let autoPrompting = $state(false);
+	let autoPromptError = $state('');
+
+	async function autoGeneratePrompt() {
+		if (!slug.trim() || autoPrompting) return;
+		autoPrompting = true;
+		autoPromptError = '';
+		try {
+			const res = await fetch('/api/admin/image-gen/auto-prompt', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug: slug.trim(), type: imageType, chapter: imageType === 'chapter' ? chapter : 0 })
+			});
+			const body = await res.json().catch(() => ({}));
+			if (!res.ok) {
+				autoPromptError = body.error ?? `Error ${res.status}`;
+				return;
+			}
+			prompt = body.prompt ?? '';
+		} catch {
+			autoPromptError = 'Network error.';
+		} finally {
+			autoPrompting = false;
+		}
+	}
+
+	// ── Style presets ────────────────────────────────────────────────────────────
+	const PRESETS_KEY = 'admin_image_gen_presets_v1';
+
+	interface StylePreset {
+		name: string;
+		prompt: string;
+	}
+
+	function loadPresets(): StylePreset[] {
+		if (!browser) return [];
+		try {
+			const raw = localStorage.getItem(PRESETS_KEY);
+			return raw ? (JSON.parse(raw) as StylePreset[]) : [];
+		} catch { return []; }
+	}
+
+	function savePresets(p: StylePreset[]) {
+		if (!browser) return;
+		localStorage.setItem(PRESETS_KEY, JSON.stringify(p));
+	}
+
+	let presets = $state<StylePreset[]>(loadPresets());
+	let newPresetName = $state('');
+	let showPresets = $state(false);
+
+	function saveCurrentAsPreset() {
+		const name = newPresetName.trim();
+		if (!name || !prompt.trim()) return;
+		const existing = presets.findIndex((p) => p.name === name);
+		const updated = [...presets];
+		if (existing >= 0) updated[existing] = { name, prompt };
+		else updated.push({ name, prompt });
+		presets = updated;
+		savePresets(updated);
+		newPresetName = '';
+	}
+
+	function applyPreset(p: StylePreset) {
+		prompt = p.prompt;
+		showPresets = false;
+	}
+
+	function deletePreset(name: string) {
+		const updated = presets.filter((p) => p.name !== name);
+		presets = updated;
+		savePresets(updated);
+	}
+
+	// ── Reference image handling ─────────────────────────────────────────────────
+	let dragOver = $state(false);
+
+	function handleReferenceFile(file: File | null) {
+		referenceFile = file;
+		if (referencePreviewUrl) URL.revokeObjectURL(referencePreviewUrl);
+		referencePreviewUrl = file ? URL.createObjectURL(file) : '';
+	}
+
+	function onFileInput(e: Event) {
+		const input = e.target as HTMLInputElement;
+		handleReferenceFile(input.files?.[0] ?? null);
+		useCoverAsRef = false;
+	}
+
+	function onDrop(e: DragEvent) {
+		e.preventDefault();
+		dragOver = false;
+		const file = e.dataTransfer?.files[0];
+		if (file && file.type.startsWith('image/')) {
+			handleReferenceFile(file);
+			useCoverAsRef = false;
+		}
+	}
+
+	function clearReference() {
+		handleReferenceFile(null);
+		useCoverAsRef = false;
+		const input = document.getElementById('ref-file-input') as HTMLInputElement | null;
+		if (input) input.value = '';
+	}
+
+	function fmtBytes(bytes: number): string {
+		if (bytes < 1024) return `${bytes} B`;
+		if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+		return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+	}
+
+	// ── Selected model info ──────────────────────────────────────────────────────
+	let selectedModelInfo = $derived(models.find((m) => m.id === selectedModel) ?? null);
+	let refWarning = $derived(
+		referenceFile && selectedModelInfo && !selectedModelInfo.supports_ref
+			? `${selectedModelInfo.label} does not support reference images. The reference will be ignored.`
+			: ''
+	);
+</script>
+
+<svelte:head>
+	<title>Image Gen — Admin</title>
+</svelte:head>
+
+<div class="space-y-6 max-w-6xl">
+	<!-- Header -->
+	<div>
+		<h1 class="text-2xl font-bold text-(--color-text)">Image Generation</h1>
+		<p class="text-(--color-muted) text-sm mt-1">
+			Generate book covers and chapter images using Cloudflare Workers AI.
+		</p>
+	</div>
+
+	<!-- Layout: form + result side by side on large screens -->
+	<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 items-start">
+		<!-- ── Left: Form panel ──────────────────────────────────────────────────── -->
+		<div class="space-y-4">
+			<!-- Type toggle -->
+			<div class="flex gap-1 bg-(--color-surface-2) rounded-lg p-1 w-fit border border-(--color-border)">
+				{#each (['cover', 'chapter'] as const) as t}
+					<button
+						onclick={() => (imageType = t)}
+						class="px-4 py-1.5 rounded-md text-sm font-medium transition-colors
+							{imageType === t
+								? 'bg-(--color-surface-3) text-(--color-text)'
+								: 'text-(--color-muted) hover:text-(--color-text)'}"
+					>
+						{t === 'cover' ? 'Cover' : 'Chapter Image'}
+					</button>
+				{/each}
+			</div>
+
+			<!-- Slug + chapter -->
+			<div class="flex gap-3">
+				<div class="flex-1 min-w-0 space-y-1">
+					<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="slug-input">
+						Book slug
+					</label>
+					<!-- Autocomplete wrapper -->
+					<div class="relative">
+						<input
+							id="slug-input"
+							type="text"
+							bind:value={slugInput}
+							oninput={onSlugInput}
+							onfocus={() => (slugFocused = true)}
+							onblur={() => setTimeout(() => { slugFocused = false; }, 150)}
+							placeholder="e.g. shadow-slave"
+							autocomplete="off"
+							class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+						/>
+						{#if slugFocused && bookSuggestions.length > 0}
+							<ul class="absolute z-50 top-full left-0 right-0 mt-1 bg-(--color-surface-2) border border-(--color-border) rounded-lg shadow-xl overflow-hidden max-h-56 overflow-y-auto">
+								{#each bookSuggestions as b}
+									<!-- svelte-ignore a11y_click_events_have_key_events a11y_interactive_supports_focus -->
+									<li
+										role="option"
+										aria-selected={selectedBook?.slug === b.slug}
+										onmousedown={() => selectBook(b)}
+										class="flex items-center gap-3 px-3 py-2 cursor-pointer hover:bg-(--color-surface-3) transition-colors"
+									>
+										{#if b.cover}
+											<img src={b.cover} alt="" class="w-8 h-10 object-cover rounded shrink-0" />
+										{:else}
+											<div class="w-8 h-10 rounded bg-(--color-surface-3) shrink-0"></div>
+										{/if}
+										<div class="min-w-0">
+											<p class="text-sm text-(--color-text) truncate">{b.title}</p>
+											<p class="text-xs text-(--color-muted) truncate font-mono">{b.slug}</p>
+										</div>
+									</li>
+								{/each}
+							</ul>
+						{/if}
+					</div>
+					<!-- Book info pill when a book is selected -->
+					{#if selectedBook}
+						<div class="flex items-center gap-2 mt-1">
+							<span class="text-xs text-(--color-success) flex items-center gap-1">
+								<svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
+									<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
+								</svg>
+								{selectedBook.title}
+							</span>
+							{#if selectedBook.summary}
+								<button
+									onclick={injectDescription}
+									class="text-xs text-(--color-brand) hover:text-(--color-brand-dim) transition-colors"
+									title="Append book description to prompt"
+								>
+									+ inject description
+								</button>
+							{/if}
+						</div>
+					{/if}
+				</div>
+
+				{#if imageType === 'chapter'}
+					<div class="w-24 space-y-1 shrink-0">
+						<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="chapter-input">
+							Chapter
+						</label>
+						<input
+							id="chapter-input"
+							type="number"
+							bind:value={chapter}
+							min="1"
+							class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+						/>
+					</div>
+				{/if}
+			</div>
+
+			<!-- Model selector -->
+			<div class="space-y-1">
+				<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="model-select">
+					Model
+				</label>
+				<select
+					id="model-select"
+					bind:value={selectedModel}
+					class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+				>
+					{#if coverModels.length > 0}
+						<optgroup label="Recommended for covers">
+							{#each coverModels as m}
+								<option value={m.id}>
+									{m.label} — {m.provider}{m.supports_ref ? ' ★ref' : ''}
+								</option>
+							{/each}
+						</optgroup>
+					{/if}
+					{#if chapterModels.length > 0}
+						<optgroup label="Recommended for chapters">
+							{#each chapterModels as m}
+								<option value={m.id}>
+									{m.label} — {m.provider}{m.supports_ref ? ' ★ref' : ''}
+								</option>
+							{/each}
+						</optgroup>
+					{/if}
+					{#if otherModels.length > 0}
+						<optgroup label="All models">
+							{#each otherModels as m}
+								<option value={m.id}>
+									{m.label} — {m.provider}{m.supports_ref ? ' ★ref' : ''}
+								</option>
+							{/each}
+						</optgroup>
+					{/if}
+				</select>
+				{#if selectedModelInfo}
+					<p class="text-xs text-(--color-muted)">{selectedModelInfo.description}</p>
+				{/if}
+				{#if refWarning}
+					<p class="text-xs text-amber-400">{refWarning}</p>
+				{/if}
+			</div>
+
+			<!-- Prompt -->
+			<div class="space-y-2">
+				<div class="flex items-center justify-between">
+					<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="prompt-input">
+						Prompt
+					</label>
+					<div class="flex flex-wrap items-center gap-3">
+						{#if slug.trim()}
+							<button onclick={autoGeneratePrompt} disabled={autoPrompting}
+								class="text-xs text-(--color-brand) hover:text-(--color-brand-dim) transition-colors disabled:opacity-50">
+								{autoPrompting ? 'Generating…' : 'Auto-prompt'}
+							</button>
+						{/if}
+						{#if selectedBook?.summary}
+							<button onclick={injectDescription} class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors">
+								Inject description
+							</button>
+						{/if}
+						<button onclick={applyTemplate} class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors">
+							Use template
+						</button>
+						{#if presets.length > 0}
+							<button onclick={() => (showPresets = !showPresets)} class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors">
+								Presets ({presets.length})
+							</button>
+						{/if}
+					</div>
+				</div>
+
+				{#if showPresets && presets.length > 0}
+					<div class="bg-(--color-surface) border border-(--color-border) rounded-lg p-3 space-y-1.5">
+						{#each presets as p}
+							<div class="flex items-center gap-2 group">
+								<button onclick={() => applyPreset(p)} class="flex-1 text-left text-sm text-(--color-text) hover:text-(--color-brand) transition-colors truncate" title={p.prompt}>{p.name}</button>
+								<button onclick={() => deletePreset(p.name)} class="text-xs text-(--color-muted) hover:text-(--color-danger) transition-colors opacity-0 group-hover:opacity-100">delete</button>
+							</div>
+						{/each}
+					</div>
+				{/if}
+
+				<textarea
+					id="prompt-input"
+					bind:value={prompt}
+					rows="5"
+					placeholder="Describe the image to generate…"
+					class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand) resize-y"
+				></textarea>
+				{#if autoPromptError}
+					<p class="text-xs text-(--color-danger)">{autoPromptError}</p>
+				{/if}
+
+				<div class="flex gap-2">
+					<input type="text" bind:value={newPresetName} placeholder="Preset name…"
+						class="flex-1 bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-1.5 text-(--color-text) text-xs placeholder-zinc-500 focus:outline-none focus:ring-1 focus:ring-(--color-brand)" />
+					<button onclick={saveCurrentAsPreset} disabled={!newPresetName.trim() || !prompt.trim()}
+						class="px-3 py-1.5 rounded-lg bg-(--color-surface-2) border border-(--color-border) text-xs text-(--color-muted) hover:text-(--color-text) transition-colors disabled:opacity-40 disabled:cursor-not-allowed">
+						Save preset
+					</button>
+				</div>
+			</div>
+
+			<!-- Reference image drop zone -->
+			<div class="space-y-1">
+				<div class="flex items-center justify-between">
+					<p class="text-xs font-medium text-(--color-muted) uppercase tracking-wide">
+						Reference image <span class="normal-case font-normal text-(--color-muted)">(optional, img2img)</span>
+					</p>
+					{#if selectedBook?.cover && selectedModelInfo?.supports_ref}
+						<div class="flex items-center gap-1.5 cursor-pointer select-none">
+							<button
+								type="button"
+								role="switch"
+								aria-checked={useCoverAsRef}
+								aria-label="Use book cover as reference"
+								onclick={() => (useCoverAsRef = !useCoverAsRef)}
+								class="w-8 h-4 rounded-full transition-colors relative focus:outline-none focus:ring-1 focus:ring-(--color-brand) {useCoverAsRef ? 'bg-(--color-brand)' : 'bg-(--color-surface-3)'}"
+							>
+								<span class="absolute top-0.5 left-0.5 w-3 h-3 rounded-full bg-white transition-transform {useCoverAsRef ? 'translate-x-4' : ''}"></span>
+							</button>
+							<span class="text-xs text-(--color-muted)">Use book cover</span>
+						</div>
+					{/if}
+				</div>
+				{#if referenceFile && referencePreviewUrl}
+					<div class="flex items-start gap-3 p-3 bg-(--color-surface-2) rounded-lg border border-(--color-border)">
+						<img
+							src={referencePreviewUrl}
+							alt="Reference"
+							class="w-16 h-16 object-cover rounded-md shrink-0 border border-(--color-border)"
+						/>
+						<div class="min-w-0 flex-1 space-y-0.5">
+							<p class="text-sm text-(--color-text) truncate">{referenceFile.name}</p>
+							<p class="text-xs text-(--color-muted)">{fmtBytes(referenceFile.size)}</p>
+							{#if useCoverAsRef}
+								<p class="text-xs text-(--color-brand)">Current book cover</p>
+							{/if}
+						</div>
+						<button
+							onclick={clearReference}
+							class="text-(--color-muted) hover:text-(--color-text) transition-colors shrink-0"
+							aria-label="Remove reference image"
+						>
+							<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+							</svg>
+						</button>
+					</div>
+				{:else}
+					<!-- Drop zone -->
+					<label
+						class="flex flex-col items-center justify-center gap-2 p-4 border-2 border-dashed rounded-lg cursor-pointer transition-colors
+							{dragOver
+								? 'border-(--color-brand) bg-(--color-brand)/5'
+								: 'border-(--color-border) hover:border-(--color-brand)/50 hover:bg-(--color-surface-2)'}"
+						ondragover={(e) => { e.preventDefault(); dragOver = true; }}
+						ondragleave={() => { dragOver = false; }}
+						ondrop={onDrop}
+					>
+						<svg class="w-6 h-6 text-(--color-muted)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
+								d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />
+						</svg>
+						<span class="text-xs text-(--color-muted)">Drop image or <span class="text-(--color-brand)">click to browse</span></span>
+						<input
+							id="ref-file-input"
+							type="file"
+							accept="image/png,image/jpeg,image/webp"
+							onchange={onFileInput}
+							class="sr-only"
+						/>
+					</label>
+				{/if}
+			</div>
+
+			<!-- Advanced collapsible -->
+			<div class="border border-(--color-border) rounded-lg overflow-hidden">
+				<button
+					onclick={() => (showAdvanced = !showAdvanced)}
+					class="w-full flex items-center justify-between px-4 py-2.5 bg-(--color-surface-2) text-sm font-medium text-(--color-muted) hover:text-(--color-text) transition-colors"
+				>
+					Advanced options
+					<svg
+						class="w-4 h-4 transition-transform {showAdvanced ? 'rotate-180' : ''}"
+						fill="none" stroke="currentColor" viewBox="0 0 24 24"
+					>
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
+					</svg>
+				</button>
+
+				{#if showAdvanced}
+					<div class="px-4 py-4 bg-(--color-surface) space-y-4">
+						<!-- Cloudflare AI timeout warning -->
+						{#if selectedModelInfo?.provider === 'cloudflare' || selectedModelInfo?.id.toLowerCase().includes('flux')}
+							<p class="text-xs text-amber-400/80 bg-amber-400/10 rounded px-2.5 py-1.5">
+								Cloudflare Workers AI has a ~100 s timeout. High step counts on FLUX models may result in a 502 error. Keep steps ≤ 20 to stay within limits.
+							</p>
+						{/if}
+
+						<!-- num_steps -->
+						<div class="space-y-1">
+							<div class="flex justify-between">
+								<label for="img-steps" class="text-xs text-(--color-muted)">Steps</label>
+								<span class="text-xs text-(--color-text) font-mono">{numSteps}</span>
+							</div>
+							<input id="img-steps" type="range" min="1" max="20" step="1" bind:value={numSteps}
+								class="w-full accent-(--color-brand)" />
+						</div>
+
+						<!-- guidance -->
+						<div class="space-y-1">
+							<div class="flex justify-between">
+								<label for="img-guidance" class="text-xs text-(--color-muted)">Guidance</label>
+								<span class="text-xs text-(--color-text) font-mono">{guidance.toFixed(1)}</span>
+							</div>
+							<input id="img-guidance" type="range" min="1" max="20" step="0.5" bind:value={guidance}
+								class="w-full accent-(--color-brand)" />
+						</div>
+
+						<!-- strength (only when reference present) -->
+						{#if referenceFile}
+							<div class="space-y-1">
+								<div class="flex justify-between">
+									<label for="img-strength" class="text-xs text-(--color-muted)">Strength</label>
+									<span class="text-xs text-(--color-text) font-mono">{strength.toFixed(2)}</span>
+								</div>
+								<input id="img-strength" type="range" min="0" max="1" step="0.05" bind:value={strength}
+									class="w-full accent-(--color-brand)" />
+								<p class="text-xs text-(--color-muted)">0 = copy reference · 1 = ignore reference</p>
+							</div>
+						{/if}
+
+						<!-- width × height -->
+						<div class="grid grid-cols-2 gap-3">
+							<div class="space-y-1">
+								<label class="text-xs text-(--color-muted)" for="width-input">Width</label>
+								<input id="width-input" type="number" min="256" max="2048" step="64" bind:value={width}
+									class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-md px-3 py-1.5 text-(--color-text) text-sm focus:outline-none focus:ring-1 focus:ring-(--color-brand)" />
+							</div>
+							<div class="space-y-1">
+								<label class="text-xs text-(--color-muted)" for="height-input">Height</label>
+								<input id="height-input" type="number" min="256" max="2048" step="64" bind:value={height}
+									class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-md px-3 py-1.5 text-(--color-text) text-sm focus:outline-none focus:ring-1 focus:ring-(--color-brand)" />
+							</div>
+						</div>
+					</div>
+				{/if}
+			</div>
+
+			<!-- Generate button -->
+			<button
+				onclick={generate}
+				disabled={!canGenerate}
+				class="w-full py-2.5 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm
+					hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed
+					flex items-center justify-center gap-2"
+			>
+				{#if generating}
+					<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+						<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+						<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+					</svg>
+					Queuing…
+				{:else}
+					Generate (async)
+				{/if}
+			</button>
+
+			{#if genError}
+				<p class="text-sm text-(--color-danger) bg-(--color-danger)/10 rounded-lg px-3 py-2">{genError}</p>
+			{/if}
+		</div>
+
+		<!-- ── Right: Info panel ──────────────────────────────────────────────────── -->
+		<div class="space-y-4">
+			<div class="bg-(--color-surface) border border-(--color-border) rounded-xl p-5 space-y-3">
+				<h2 class="text-sm font-semibold text-(--color-text)">How it works</h2>
+				<ol class="space-y-2 text-sm text-(--color-muted) list-decimal list-inside">
+					<li>Fill in the form and click <strong class="text-(--color-text)">Generate (async)</strong>.</li>
+					<li>The job is queued in the background — no waiting on this page.</li>
+					<li>You'll be taken to <strong class="text-(--color-text)">AI Jobs</strong> to monitor progress.</li>
+					<li>When done, click <strong class="text-(--color-text)">Review</strong> to see the image and approve or discard it.</li>
+				</ol>
+				<a
+					href="/admin/ai-jobs"
+					class="mt-3 flex items-center gap-1.5 text-sm text-(--color-brand) hover:underline"
+				>
+					<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+							d="M9 5l7 7-7 7" />
+					</svg>
+					Go to AI Jobs
+				</a>
+			</div>
+
+			<div class="bg-(--color-surface) border border-(--color-border) rounded-xl p-5 space-y-2">
+				<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-wide">Tips</p>
+				<ul class="space-y-1.5 text-xs text-(--color-muted)">
+					<li>• Use <strong class="text-(--color-text)">Auto-prompt</strong> to generate a prompt from the book's description.</li>
+					<li>• FLUX models produce high-quality covers but take 60–120 s — the async path prevents timeouts.</li>
+					<li>• Keep steps ≤ 20 on Cloudflare Workers AI to stay within the ~100 s limit.</li>
+					<li>• Reference images (img2img) only work with models that show ★ref.</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+</div>
diff --git a/ui/src/routes/admin/import/+page.svelte b/ui/src/routes/admin/import/+page.svelte
new file mode 100644
index 0000000..cbd7b04
--- /dev/null
+++ b/ui/src/routes/admin/import/+page.svelte
@@ -0,0 +1,481 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { goto } from '$app/navigation';
+
+	interface ImportTask {
+		id: string;
+		slug: string;
+		title: string;
+		file_name: string;
+		file_type: string;
+		author: string;
+		cover_url: string;
+		genres: string[];
+		summary: string;
+		book_status: string;
+		status: string;
+		chapters_done: number;
+		chapters_total: number;
+		error_message: string;
+		started: string;
+		finished: string;
+	}
+
+	interface PendingImport {
+		file: File;
+		title: string;
+		author: string;
+		coverUrl: string;
+		genres: string;
+		summary: string;
+		bookStatus: string;
+		preview: { chapters: number; firstLines: string[] };
+	}
+
+	let tasks = $state<ImportTask[]>([]);
+	let loading = $state(true);
+	let uploading = $state(false);
+	let analyzing = $state(false);
+	let error = $state('');
+
+	// Form fields
+	let selectedFile = $state<File | null>(null);
+	let title = $state('');
+	let author = $state('');
+	let coverUrl = $state('');
+	let genres = $state('');
+	let summary = $state('');
+	let bookStatus = $state('completed');
+
+	let pendingImport = $state<PendingImport | null>(null);
+
+	// AI panel: slug of recently completed import
+	let aiSlug = $state('');
+	let aiTitle = $state('');
+	let showAiPanel = $state(false);
+
+	async function loadTasks() {
+		loading = true;
+		try {
+			const res = await fetch('/api/admin/import');
+			if (res.ok) {
+				const data = await res.json();
+				tasks = data.tasks || [];
+			}
+		} catch (e) {
+			console.error('Failed to load tasks:', e);
+		} finally {
+			loading = false;
+		}
+	}
+
+	function handleFileSelect(e: Event) {
+		const input = e.target as HTMLInputElement;
+		if (!input.files?.length) return;
+		const file = input.files[0];
+		const ext = file.name.split('.').pop()?.toLowerCase() || '';
+		if (ext !== 'pdf' && ext !== 'epub') {
+			error = 'Please select a PDF or EPUB file';
+			return;
+		}
+		error = '';
+		selectedFile = file;
+		// Auto-fill title from filename if empty
+		if (!title.trim()) {
+			title = file.name.replace(/\.(pdf|epub)$/i, '').replace(/[-_]/g, ' ');
+		}
+	}
+
+	async function analyzeFile() {
+		if (!selectedFile || !title.trim()) return;
+		analyzing = true;
+		error = '';
+		try {
+			const formData = new FormData();
+			formData.append('file', selectedFile);
+			formData.append('title', title.trim());
+			formData.append('analyze', 'true');
+			const res = await fetch('/api/admin/import', { method: 'POST', body: formData });
+			if (res.ok) {
+				const data = await res.json();
+				pendingImport = {
+					file: selectedFile,
+					title: title.trim(),
+					author: author.trim(),
+					coverUrl: coverUrl.trim(),
+					genres: genres.trim(),
+					summary: summary.trim(),
+					bookStatus,
+					preview: data.preview || { chapters: 0, firstLines: [] }
+				};
+			} else {
+				const d = await res.json().catch(() => ({}));
+				error = d.error || 'Failed to analyze file';
+			}
+		} catch {
+			error = 'Failed to analyze file';
+		} finally {
+			analyzing = false;
+		}
+	}
+
+	async function startImport() {
+		if (!pendingImport) return;
+		uploading = true;
+		error = '';
+		try {
+			const formData = new FormData();
+			formData.append('file', pendingImport.file);
+			formData.append('title', pendingImport.title);
+			formData.append('author', pendingImport.author);
+			formData.append('cover_url', pendingImport.coverUrl);
+			formData.append('genres', pendingImport.genres);
+			formData.append('summary', pendingImport.summary);
+			formData.append('book_status', pendingImport.bookStatus);
+			const res = await fetch('/api/admin/import', { method: 'POST', body: formData });
+			if (res.ok) {
+				const data = await res.json();
+				// Save for AI panel before clearing state
+				const importedSlug = data.slug || '';
+				const importedTitle = pendingImport.title;
+				// Reset form
+				pendingImport = null;
+				selectedFile = null;
+				title = '';
+				author = '';
+				coverUrl = '';
+				genres = '';
+				summary = '';
+				bookStatus = 'completed';
+				// Show AI panel for this slug
+				aiSlug = importedSlug;
+				aiTitle = importedTitle;
+				showAiPanel = !!aiSlug;
+				await loadTasks();
+			} else {
+				const d = await res.json().catch(() => ({}));
+				error = d.error || 'Import failed';
+			}
+		} catch {
+			error = 'Import failed';
+		} finally {
+			uploading = false;
+		}
+	}
+
+	function cancelReview() {
+		pendingImport = null;
+	}
+
+	function formatDate(dateStr: string) {
+		if (!dateStr) return '-';
+		const d = new Date(dateStr);
+		if (d.getFullYear() < 2000) return '-';
+		return d.toLocaleString();
+	}
+
+	function statusColor(status: string) {
+		switch (status) {
+			case 'pending': return 'text-yellow-400';
+			case 'running': return 'text-blue-400';
+			case 'done': return 'text-green-400';
+			case 'failed': return 'text-red-400';
+			default: return 'text-(--color-muted)';
+		}
+	}
+
+	onMount(() => { loadTasks(); });
+
+	// Poll every 3s while any task is active
+	$effect(() => {
+		const hasActive = tasks.some((t) => t.status === 'running' || t.status === 'pending');
+		if (!hasActive) return;
+		const timer = setInterval(() => { loadTasks(); }, 3000);
+		return () => clearInterval(timer);
+	});
+
+	// When a running task finishes, surface the AI panel for it
+	$effect(() => {
+		if (!showAiPanel) {
+			const done = tasks.find((t) => t.status === 'done');
+			if (done && !aiSlug) {
+				aiSlug = done.slug;
+				aiTitle = done.title;
+				showAiPanel = true;
+			}
+		}
+	});
+</script>
+
+<div class="max-w-3xl space-y-8">
+	<h1 class="text-2xl font-bold">Import PDF/EPUB</h1>
+
+	{#if pendingImport}
+		<!-- ── Review step ── -->
+		<div class="p-6 bg-(--color-surface-2) rounded-lg border border-(--color-brand)/30 space-y-4">
+			<h2 class="text-lg font-semibold">Review Import</h2>
+			<dl class="space-y-2 text-sm">
+				<div class="flex justify-between gap-4">
+					<dt class="text-(--color-muted) shrink-0">Title</dt>
+					<dd class="font-medium text-right">{pendingImport.title}</dd>
+				</div>
+				{#if pendingImport.author}
+					<div class="flex justify-between gap-4">
+						<dt class="text-(--color-muted) shrink-0">Author</dt>
+						<dd class="text-right">{pendingImport.author}</dd>
+					</div>
+				{/if}
+				{#if pendingImport.genres}
+					<div class="flex justify-between gap-4">
+						<dt class="text-(--color-muted) shrink-0">Genres</dt>
+						<dd class="text-right">{pendingImport.genres}</dd>
+					</div>
+				{/if}
+				<div class="flex justify-between gap-4">
+					<dt class="text-(--color-muted) shrink-0">Status</dt>
+					<dd class="capitalize text-right">{pendingImport.bookStatus}</dd>
+				</div>
+				<div class="flex justify-between gap-4">
+					<dt class="text-(--color-muted) shrink-0">File</dt>
+					<dd class="text-right truncate max-w-xs">{pendingImport.file.name}</dd>
+				</div>
+				<div class="flex justify-between gap-4">
+					<dt class="text-(--color-muted) shrink-0">Size</dt>
+					<dd>{(pendingImport.file.size / 1024 / 1024).toFixed(2)} MB</dd>
+				</div>
+				{#if pendingImport.preview.chapters > 0}
+					<div class="flex justify-between gap-4">
+						<dt class="text-(--color-muted) shrink-0">Detected chapters</dt>
+						<dd class="text-green-400 font-semibold">{pendingImport.preview.chapters}</dd>
+					</div>
+				{/if}
+			</dl>
+			{#if pendingImport.preview.firstLines?.length}
+				<div class="mt-2 space-y-1">
+					<p class="text-xs text-(--color-muted) mb-1">First lines preview:</p>
+					{#each pendingImport.preview.firstLines as line}
+						<p class="text-xs text-(--color-muted) italic truncate">{line}</p>
+					{/each}
+				</div>
+			{/if}
+			<div class="flex gap-3 pt-2">
+				<button
+					onclick={startImport}
+					disabled={uploading}
+					class="px-4 py-2 bg-green-600 hover:bg-green-500 text-white rounded font-medium disabled:opacity-50 transition-colors"
+				>
+					{uploading ? 'Starting…' : 'Start Import'}
+				</button>
+				<button
+					onclick={cancelReview}
+					class="px-4 py-2 border border-(--color-border) rounded font-medium hover:bg-(--color-surface-3) transition-colors"
+				>
+					Cancel
+				</button>
+			</div>
+		</div>
+
+	{:else}
+		<!-- ── Upload form ── -->
+		<form
+			onsubmit={(e) => { e.preventDefault(); analyzeFile(); }}
+			class="p-6 bg-(--color-surface-2) rounded-lg space-y-4"
+		>
+			<!-- File picker -->
+			<div>
+				<label for="import-file" class="block text-sm font-medium mb-1">File (PDF or EPUB)</label>
+				<input
+					id="import-file"
+					type="file"
+					accept=".pdf,.epub"
+					onchange={handleFileSelect}
+					class="w-full px-3 py-2 rounded bg-(--color-surface) border border-(--color-border) text-(--color-text) text-sm"
+				/>
+			</div>
+
+			<!-- Title -->
+			<div>
+				<label for="import-title" class="block text-sm font-medium mb-1">Title <span class="text-red-400">*</span></label>
+				<input
+					id="import-title"
+					type="text"
+					bind:value={title}
+					placeholder="Book title"
+					required
+					class="w-full px-3 py-2 rounded bg-(--color-surface) border border-(--color-border) text-(--color-text) text-sm"
+				/>
+			</div>
+
+			<!-- Author -->
+			<div>
+				<label for="import-author" class="block text-sm font-medium mb-1">Author</label>
+				<input
+					id="import-author"
+					type="text"
+					bind:value={author}
+					placeholder="Author name"
+					class="w-full px-3 py-2 rounded bg-(--color-surface) border border-(--color-border) text-(--color-text) text-sm"
+				/>
+			</div>
+
+			<!-- Cover URL -->
+			<div>
+				<label for="import-cover" class="block text-sm font-medium mb-1">Cover image URL</label>
+				<input
+					id="import-cover"
+					type="url"
+					bind:value={coverUrl}
+					placeholder="https://…"
+					class="w-full px-3 py-2 rounded bg-(--color-surface) border border-(--color-border) text-(--color-text) text-sm"
+				/>
+			</div>
+
+			<!-- Genres -->
+			<div>
+				<label for="import-genres" class="block text-sm font-medium mb-1">Genres <span class="text-xs text-(--color-muted)">(comma-separated)</span></label>
+				<input
+					id="import-genres"
+					type="text"
+					bind:value={genres}
+					placeholder="Fantasy, Action, Romance"
+					class="w-full px-3 py-2 rounded bg-(--color-surface) border border-(--color-border) text-(--color-text) text-sm"
+				/>
+			</div>
+
+			<!-- Summary -->
+			<div>
+				<label for="import-summary" class="block text-sm font-medium mb-1">Summary</label>
+				<textarea
+					id="import-summary"
+					bind:value={summary}
+					rows={3}
+					placeholder="Short description of the book…"
+					class="w-full px-3 py-2 rounded bg-(--color-surface) border border-(--color-border) text-(--color-text) text-sm resize-y"
+				></textarea>
+			</div>
+
+			<!-- Status -->
+			<div>
+				<label for="import-status" class="block text-sm font-medium mb-1">Book status</label>
+				<select
+					id="import-status"
+					bind:value={bookStatus}
+					class="px-3 py-2 rounded bg-(--color-surface) border border-(--color-border) text-(--color-text) text-sm"
+				>
+					<option value="completed">Completed</option>
+					<option value="ongoing">Ongoing</option>
+					<option value="hiatus">Hiatus</option>
+				</select>
+			</div>
+
+			{#if error}
+				<p class="text-sm text-red-400">{error}</p>
+			{/if}
+
+			<button
+				type="submit"
+				disabled={analyzing || !selectedFile || !title.trim()}
+				class="px-5 py-2 bg-(--color-brand) text-(--color-surface) rounded font-semibold disabled:opacity-50 hover:brightness-110 transition-all"
+			>
+				{analyzing ? 'Analyzing…' : 'Review & Import'}
+			</button>
+			<p class="text-xs text-(--color-muted)">Detects chapter structure before committing.</p>
+		</form>
+	{/if}
+
+	<!-- ── AI Tasks panel (shown after successful import) ── -->
+	{#if showAiPanel && aiSlug}
+		<div class="p-5 bg-(--color-surface-2) rounded-lg border border-(--color-brand)/20 space-y-3">
+			<div class="flex items-center justify-between">
+				<h2 class="text-base font-semibold">AI Tasks for <span class="text-(--color-brand)">{aiTitle || aiSlug}</span></h2>
+				<button
+					onclick={() => { showAiPanel = false; }}
+					class="text-(--color-muted) hover:text-(--color-text) text-lg leading-none"
+					aria-label="Dismiss"
+				>&times;</button>
+			</div>
+			<p class="text-sm text-(--color-muted)">Run AI tasks on the imported book to enrich it:</p>
+			<div class="flex flex-wrap gap-2">
+				<a
+					href="/admin/text-gen?slug={aiSlug}&tab=chapters"
+					class="px-3 py-1.5 text-sm rounded bg-(--color-surface-3) hover:bg-(--color-brand)/20 border border-(--color-border) transition-colors"
+				>
+					Generate chapter names
+				</a>
+				<a
+					href="/admin/text-gen?slug={aiSlug}&tab=description"
+					class="px-3 py-1.5 text-sm rounded bg-(--color-surface-3) hover:bg-(--color-brand)/20 border border-(--color-border) transition-colors"
+				>
+					Generate description
+				</a>
+				<a
+					href="/admin/image-gen?slug={aiSlug}"
+					class="px-3 py-1.5 text-sm rounded bg-(--color-surface-3) hover:bg-(--color-brand)/20 border border-(--color-border) transition-colors"
+				>
+					Generate cover image
+				</a>
+				<a
+					href="/admin/text-gen?slug={aiSlug}&tab=tagline"
+					class="px-3 py-1.5 text-sm rounded bg-(--color-surface-3) hover:bg-(--color-brand)/20 border border-(--color-border) transition-colors"
+				>
+					Generate tagline
+				</a>
+			</div>
+		</div>
+	{/if}
+
+	<!-- ── Task list ── -->
+	<div>
+		<h2 class="text-lg font-semibold mb-3">Import Tasks</h2>
+
+		{#if loading}
+			<p class="text-(--color-muted) text-sm">Loading…</p>
+		{:else if tasks.length === 0}
+			<p class="text-(--color-muted) text-sm">No import tasks yet.</p>
+		{:else}
+			<div class="overflow-x-auto rounded-lg border border-(--color-border)">
+				<table class="w-full text-sm">
+					<thead>
+						<tr class="text-left text-(--color-muted) border-b border-(--color-border) bg-(--color-surface-2)">
+							<th class="px-3 py-2 font-medium">Title</th>
+							<th class="px-3 py-2 font-medium">Type</th>
+							<th class="px-3 py-2 font-medium">Status</th>
+							<th class="px-3 py-2 font-medium">Chapters</th>
+							<th class="px-3 py-2 font-medium">Started</th>
+							<th class="px-3 py-2 font-medium">AI</th>
+						</tr>
+					</thead>
+					<tbody>
+						{#each tasks as task}
+							<tr class="border-b border-(--color-border)/50 hover:bg-(--color-surface-2)/50">
+								<td class="px-3 py-2">
+									<div class="font-medium">{task.title}</div>
+									<div class="text-xs text-(--color-muted)">{task.slug}</div>
+									{#if task.error_message}
+										<div class="text-xs text-red-400 mt-0.5 truncate max-w-xs" title={task.error_message}>{task.error_message}</div>
+									{/if}
+								</td>
+								<td class="px-3 py-2 uppercase text-xs">{task.file_type}</td>
+								<td class="px-3 py-2 {statusColor(task.status)} font-medium">{task.status}</td>
+								<td class="px-3 py-2 text-(--color-muted)">
+									{task.chapters_done}/{task.chapters_total}
+								</td>
+								<td class="px-3 py-2 text-(--color-muted) text-xs whitespace-nowrap">{formatDate(task.started)}</td>
+								<td class="px-3 py-2">
+									{#if task.status === 'done'}
+										<button
+											onclick={() => { aiSlug = task.slug; aiTitle = task.title; showAiPanel = true; }}
+											class="text-xs px-2 py-1 rounded bg-(--color-brand)/20 hover:bg-(--color-brand)/40 text-(--color-brand) transition-colors"
+										>
+											AI tasks
+										</button>
+									{/if}
+								</td>
+							</tr>
+						{/each}
+					</tbody>
+				</table>
+			</div>
+		{/if}
+	</div>
+</div>
diff --git a/ui/src/routes/admin/notifications/+page.server.ts b/ui/src/routes/admin/notifications/+page.server.ts
new file mode 100644
index 0000000..9e8ae56
--- /dev/null
+++ b/ui/src/routes/admin/notifications/+page.server.ts
@@ -0,0 +1,16 @@
+import type { PageServerLoad } from './$types';
+import { backendFetch } from '$lib/server/scraper';
+
+export const load: PageServerLoad = async ({ locals }) => {
+	const userId = locals.user!.id;
+	try {
+		const res = await backendFetch('/api/notifications?user_id=' + userId);
+		const data = await res.json().catch(() => ({ notifications: [] }));
+		return {
+			userId,
+			notifications: (data.notifications ?? []) as Array<{id: string; title: string; message: string; link: string; read: boolean}>
+		};
+	} catch {
+		return { userId, notifications: [] };
+	}
+};
diff --git a/ui/src/routes/admin/notifications/+page.svelte b/ui/src/routes/admin/notifications/+page.svelte
new file mode 100644
index 0000000..948b0b9
--- /dev/null
+++ b/ui/src/routes/admin/notifications/+page.svelte
@@ -0,0 +1,149 @@
+<script lang="ts">
+	import type { PageData } from './$types';
+
+	let { data }: { data: PageData } = $props();
+
+	type Notification = { id: string; title: string; message: string; link: string; read: boolean };
+
+	let notifications = $state<Notification[]>(data.notifications);
+	let filter = $state<'all' | 'unread'>('all');
+	let busy = $state(false);
+
+	const filtered = $derived(
+		filter === 'unread' ? notifications.filter(n => !n.read) : notifications
+	);
+	const unreadCount = $derived(notifications.filter(n => !n.read).length);
+
+	async function markRead(id: string) {
+		await fetch('/api/notifications/' + id, { method: 'PATCH' }).catch(() => {});
+		notifications = notifications.map(n => n.id === id ? { ...n, read: true } : n);
+	}
+
+	async function dismiss(id: string) {
+		await fetch('/api/notifications/' + id, { method: 'DELETE' }).catch(() => {});
+		notifications = notifications.filter(n => n.id !== id);
+	}
+
+	async function markAllRead() {
+		busy = true;
+		try {
+			await fetch('/api/notifications?user_id=' + data.userId, { method: 'PATCH' });
+			notifications = notifications.map(n => ({ ...n, read: true }));
+		} finally { busy = false; }
+	}
+
+	async function clearAll() {
+		if (!confirm('Clear all notifications?')) return;
+		busy = true;
+		try {
+			await fetch('/api/notifications?user_id=' + data.userId, { method: 'DELETE' });
+			notifications = [];
+		} finally { busy = false; }
+	}
+</script>
+
+<svelte:head>
+	<title>Notifications — Admin</title>
+</svelte:head>
+
+<div class="max-w-2xl mx-auto px-4 py-8">
+	<!-- Broadcast panel -->
+	<div class="mb-6 rounded-lg border border-(--color-border) bg-(--color-surface-2) p-4 flex items-start gap-3">
+		<svg class="w-5 h-5 text-(--color-brand) mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z" />
+		</svg>
+		<div class="min-w-0">
+			<p class="text-sm font-semibold text-(--color-text)">Broadcast to users</p>
+			<p class="text-sm text-(--color-muted) mt-0.5">To send push notifications or in-app messages to all subscribers, use the push dashboard.</p>
+			<a
+				href="https://push.libnovel.cc"
+				target="_blank"
+				rel="noopener noreferrer"
+				class="inline-flex items-center gap-1 mt-2 text-sm text-(--color-brand) hover:underline"
+			>
+				Open push.libnovel.cc
+				<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+				</svg>
+			</a>
+		</div>
+	</div>
+
+	<div class="flex items-center justify-between mb-6">
+		<div>
+			<h1 class="text-xl font-semibold">Your Notification Inbox</h1>
+			{#if unreadCount > 0}
+				<p class="text-sm text-(--color-muted) mt-0.5">{unreadCount} unread</p>
+			{/if}
+		</div>
+		<div class="flex gap-2">
+			{#if unreadCount > 0}
+				<button
+					type="button"
+					onclick={markAllRead}
+					disabled={busy}
+					class="text-sm px-3 py-1.5 rounded border border-(--color-border) text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors disabled:opacity-50"
+				>Mark all read</button>
+			{/if}
+			{#if notifications.length > 0}
+				<button
+					type="button"
+					onclick={clearAll}
+					disabled={busy}
+					class="text-sm px-3 py-1.5 rounded border border-(--color-border) text-red-400 hover:bg-(--color-surface-2) transition-colors disabled:opacity-50"
+				>Clear all</button>
+			{/if}
+		</div>
+	</div>
+
+	<!-- Filter tabs -->
+	<div class="flex gap-0 mb-4">
+		<button
+			type="button"
+			onclick={() => filter = 'all'}
+			class="text-sm px-4 py-1.5 rounded-l border border-(--color-border) transition-colors {filter === 'all' ? 'bg-(--color-brand) text-black border-(--color-brand) font-medium' : 'text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2)'}"
+		>All ({notifications.length})</button>
+		<button
+			type="button"
+			onclick={() => filter = 'unread'}
+			class="text-sm px-4 py-1.5 rounded-r border border-l-0 border-(--color-border) transition-colors {filter === 'unread' ? 'bg-(--color-brand) text-black border-(--color-brand) font-medium' : 'text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2)'}"
+		>Unread ({unreadCount})</button>
+	</div>
+
+	<!-- List -->
+	{#if filtered.length === 0}
+		<div class="py-16 text-center text-(--color-muted)">
+			{filter === 'unread' ? 'No unread notifications' : 'No notifications'}
+		</div>
+	{:else}
+		<div class="rounded-lg border border-(--color-border) overflow-hidden">
+			{#each filtered as n (n.id)}
+				<div class="flex items-start gap-2 border-b border-(--color-border)/40 last:border-b-0 hover:bg-(--color-surface-2) group transition-colors {n.read ? 'opacity-60' : ''}">
+					<a
+						href={n.link || '/admin'}
+						onclick={() => markRead(n.id)}
+						class="flex-1 p-4 min-w-0"
+					>
+						<div class="flex items-center gap-2">
+							{#if !n.read}
+								<span class="w-2 h-2 rounded-full bg-(--color-brand) shrink-0"></span>
+							{/if}
+							<span class="font-medium text-sm">{n.title}</span>
+						</div>
+						<p class="text-sm text-(--color-muted) mt-1">{n.message}</p>
+					</a>
+					<button
+						type="button"
+						onclick={() => dismiss(n.id)}
+						class="shrink-0 p-3 text-(--color-muted) hover:text-red-400 opacity-0 group-hover:opacity-100 transition-all"
+						title="Dismiss"
+					>
+						<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+						</svg>
+					</button>
+				</div>
+			{/each}
+		</div>
+	{/if}
+</div>
diff --git a/ui/src/routes/admin/podcast/+page.server.ts b/ui/src/routes/admin/podcast/+page.server.ts
new file mode 100644
index 0000000..52a6af0
--- /dev/null
+++ b/ui/src/routes/admin/podcast/+page.server.ts
@@ -0,0 +1,30 @@
+import type { PageServerLoad } from './$types';
+import { listBooks, listAIJobs, type Book, type AIJob } from '$lib/server/pocketbase';
+import { backendFetch } from '$lib/server/scraper';
+import { log } from '$lib/server/logger';
+
+export type { Book, AIJob };
+
+export const load: PageServerLoad = async () => {
+	const [books, allJobs, voicesRes] = await Promise.all([
+		listBooks().catch((e): Book[] => {
+			log.warn('admin/podcast', 'failed to load books', { err: String(e) });
+			return [];
+		}),
+		listAIJobs().catch((e): AIJob[] => {
+			log.warn('admin/podcast', 'failed to load ai jobs', { err: String(e) });
+			return [];
+		}),
+		backendFetch('/api/voices').catch(() => null)
+	]);
+
+	const podcastJobs = allJobs.filter((j) => j.kind === 'podcast');
+
+	let voices: { id: string; engine: string; lang: string; gender: string }[] = [];
+	if (voicesRes?.ok) {
+		const body = await voicesRes.json().catch(() => null);
+		if (Array.isArray(body?.voices)) voices = body.voices;
+	}
+
+	return { books, podcastJobs, voices };
+};
diff --git a/ui/src/routes/admin/podcast/+page.svelte b/ui/src/routes/admin/podcast/+page.svelte
new file mode 100644
index 0000000..6deb4cc
--- /dev/null
+++ b/ui/src/routes/admin/podcast/+page.svelte
@@ -0,0 +1,312 @@
+<script lang="ts">
+	import { page } from '$app/state';
+	import type { PageData } from './$types';
+	import type { AIJob } from '$lib/server/pocketbase';
+
+	let { data }: { data: PageData } = $props();
+
+	// ── Form state ────────────────────────────────────────────────────────────────
+	let selectedSlug = $state('');
+	let selectedVoice = $state('');
+	let fromChapter = $state(0);
+	let toChapter = $state(0);
+	let busy = $state(false);
+	let error = $state('');
+	let successMsg = $state('');
+
+	// ── Job list ──────────────────────────────────────────────────────────────────
+	let jobs = $state<AIJob[]>(data.podcastJobs);
+
+	const hasInFlight = $derived(
+		jobs.some((j) => j.status === 'pending' || j.status === 'running')
+	);
+
+	// Auto-refresh while jobs are running.
+	$effect(() => {
+		if (!hasInFlight) return;
+		const id = setInterval(async () => {
+			const res = await fetch('/api/admin/ai-jobs').catch(() => null);
+			if (res?.ok) {
+				const body = await res.json().catch(() => null);
+				if (Array.isArray(body?.jobs)) {
+					jobs = (body.jobs as AIJob[]).filter((j) => j.kind === 'podcast');
+				}
+			}
+		}, 3000);
+		return () => clearInterval(id);
+	});
+
+	// ── Helpers ───────────────────────────────────────────────────────────────────
+	function statusColor(status: string) {
+		switch (status) {
+			case 'done': return 'text-green-400';
+			case 'running': return 'text-(--color-brand) animate-pulse';
+			case 'pending': return 'text-sky-400 animate-pulse';
+			case 'failed': return 'text-(--color-danger)';
+			case 'cancelled': return 'text-(--color-muted)';
+			default: return 'text-(--color-text)';
+		}
+	}
+
+	function fmtDate(s: string) {
+		if (!s) return '—';
+		return new Date(s).toLocaleString(undefined, {
+			month: 'short', day: 'numeric',
+			hour: '2-digit', minute: '2-digit'
+		});
+	}
+
+	function progress(job: AIJob) {
+		if (!job.items_total) return '';
+		const pct = Math.round((job.items_done / job.items_total) * 100);
+		return `${job.items_done}/${job.items_total} (${pct}%)`;
+	}
+
+	function feedURL(job: AIJob) {
+		const origin = page.url.origin;
+		return `${origin}/podcast/${job.slug}.xml?voice=${encodeURIComponent(job.model)}`;
+	}
+
+	async function copyFeedURL(job: AIJob) {
+		await navigator.clipboard.writeText(feedURL(job)).catch(() => {});
+	}
+
+	// ── Job submission ────────────────────────────────────────────────────────────
+	async function startJob() {
+		if (busy || !selectedSlug) return;
+		error = '';
+		successMsg = '';
+		busy = true;
+
+		const body: Record<string, unknown> = {
+			slug: selectedSlug,
+			voice: selectedVoice || undefined
+		};
+		if (fromChapter > 0) body.from_chapter = fromChapter;
+		if (toChapter > 0) body.to_chapter = toChapter;
+
+		try {
+			const res = await fetch('/api/admin/podcast', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify(body)
+			});
+			const json = await res.json().catch(() => ({}));
+			if (!res.ok) {
+				error = json.error ?? `HTTP ${res.status}`;
+				return;
+			}
+			successMsg = `Job ${json.job_id} started — generating audio for chapters ${json.from}–${json.to}`;
+			// Optimistically prepend new job placeholder.
+			jobs = [
+				{
+					id: json.job_id,
+					kind: 'podcast',
+					slug: selectedSlug,
+					status: 'running',
+					model: json.voice,
+					items_done: 0,
+					items_total: json.items_total,
+					from_item: json.from,
+					to_item: json.to,
+					started: new Date().toISOString(),
+					finished: '',
+					heartbeat_at: '',
+					error_message: '',
+					payload: ''
+				} as AIJob,
+				...jobs
+			];
+		} catch (e) {
+			error = String(e);
+		} finally {
+			busy = false;
+		}
+	}
+
+	async function cancelJob(id: string) {
+		await fetch(`/api/admin/ai-jobs/${id}/cancel`, { method: 'POST' }).catch(() => {});
+		jobs = jobs.map((j) => (j.id === id ? { ...j, status: 'cancelled' as const } : j));
+	}
+</script>
+
+<svelte:head>
+	<title>Podcast — Admin</title>
+</svelte:head>
+
+<div class="max-w-3xl">
+	<h1 class="text-xl font-bold text-(--color-text) mb-1">Podcast Feed</h1>
+	<p class="text-sm text-(--color-muted) mb-6">
+		Generate TTS audio for a book and publish it as a podcast RSS feed that any podcast app can subscribe to.
+	</p>
+
+	<!-- ── Generation form ─────────────────────────────────────────────────── -->
+	<div class="bg-(--color-surface-2) border border-(--color-border) rounded-xl p-5 mb-8 space-y-4">
+		<h2 class="text-sm font-semibold text-(--color-text)">Generate audiobook</h2>
+
+		<div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
+			<!-- Book -->
+			<div>
+				<label class="block text-xs text-(--color-muted) mb-1" for="podcast-book">Book</label>
+				<select
+					id="podcast-book"
+					bind:value={selectedSlug}
+					class="w-full bg-(--color-surface) border border-(--color-border) rounded-lg px-3 py-2 text-sm text-(--color-text) focus:outline-none focus:border-(--color-brand)"
+				>
+					<option value="">— select a book —</option>
+					{#each data.books as book}
+						<option value={book.slug}>{book.title}</option>
+					{/each}
+				</select>
+			</div>
+
+			<!-- Voice -->
+			<div>
+				<label class="block text-xs text-(--color-muted) mb-1" for="podcast-voice">Voice</label>
+				<select
+					id="podcast-voice"
+					bind:value={selectedVoice}
+					class="w-full bg-(--color-surface) border border-(--color-border) rounded-lg px-3 py-2 text-sm text-(--color-text) focus:outline-none focus:border-(--color-brand)"
+				>
+					<option value="">— default —</option>
+					{#each data.voices as v}
+						<option value={v.id}>{v.id} ({v.engine} · {v.lang} · {v.gender})</option>
+					{/each}
+				</select>
+			</div>
+
+			<!-- From chapter -->
+			<div>
+				<label class="block text-xs text-(--color-muted) mb-1" for="podcast-from">From chapter</label>
+				<input
+					id="podcast-from"
+					type="number"
+					min="0"
+					bind:value={fromChapter}
+					placeholder="1 (default)"
+					class="w-full bg-(--color-surface) border border-(--color-border) rounded-lg px-3 py-2 text-sm text-(--color-text) focus:outline-none focus:border-(--color-brand)"
+				/>
+			</div>
+
+			<!-- To chapter -->
+			<div>
+				<label class="block text-xs text-(--color-muted) mb-1" for="podcast-to">To chapter</label>
+				<input
+					id="podcast-to"
+					type="number"
+					min="0"
+					bind:value={toChapter}
+					placeholder="all (default)"
+					class="w-full bg-(--color-surface) border border-(--color-border) rounded-lg px-3 py-2 text-sm text-(--color-text) focus:outline-none focus:border-(--color-brand)"
+				/>
+			</div>
+		</div>
+
+		{#if error}
+			<p class="text-sm text-(--color-danger)">{error}</p>
+		{/if}
+		{#if successMsg}
+			<p class="text-sm text-green-400">{successMsg}</p>
+		{/if}
+
+		<button
+			type="button"
+			disabled={busy || !selectedSlug}
+			onclick={startJob}
+			class="px-4 py-2 rounded-lg text-sm font-medium bg-(--color-brand) text-(--color-surface) hover:opacity-90 transition-opacity disabled:opacity-40 disabled:cursor-not-allowed flex items-center gap-2"
+		>
+			{#if busy}
+				<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+					<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/>
+					<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/>
+				</svg>
+			{/if}
+			Generate podcast
+		</button>
+	</div>
+
+	<!-- ── Job history ──────────────────────────────────────────────────────── -->
+	<h2 class="text-sm font-semibold text-(--color-text) mb-3">Job history</h2>
+
+	{#if jobs.length === 0}
+		<p class="text-sm text-(--color-muted)">No podcast jobs yet.</p>
+	{:else}
+		<div class="space-y-3">
+			{#each jobs as job (job.id)}
+				<div class="bg-(--color-surface-2) border border-(--color-border) rounded-xl p-4 flex flex-col gap-2">
+					<div class="flex items-start justify-between gap-2 flex-wrap">
+						<div>
+							<span class="text-sm font-medium text-(--color-text)">{job.slug}</span>
+							<span class="text-xs text-(--color-muted) ml-2">voice: {job.model}</span>
+						</div>
+						<span class="text-xs font-semibold {statusColor(job.status)}">{job.status}</span>
+					</div>
+
+					<!-- Progress bar -->
+					{#if job.items_total > 0}
+						<div class="w-full bg-(--color-surface) rounded-full h-1.5">
+							<div
+								class="bg-(--color-brand) h-1.5 rounded-full transition-all"
+								style="width: {Math.round((job.items_done / job.items_total) * 100)}%"
+							></div>
+						</div>
+						<p class="text-xs text-(--color-muted)">{progress(job)}</p>
+					{/if}
+
+					{#if job.error_message}
+						<p class="text-xs text-(--color-danger)">{job.error_message}</p>
+					{/if}
+
+					<div class="flex items-center gap-2 flex-wrap text-xs text-(--color-muted)">
+						<span>Started: {fmtDate(job.started ?? '')}</span>
+						{#if job.finished}
+							<span>·</span>
+							<span>Finished: {fmtDate(job.finished)}</span>
+						{/if}
+					</div>
+
+					<div class="flex gap-2 flex-wrap mt-1">
+						<!-- Feed URL (only useful once job is done/in-progress) -->
+						<button
+							type="button"
+							onclick={() => copyFeedURL(job)}
+							class="text-xs px-2.5 py-1 rounded-lg bg-(--color-surface) border border-(--color-border) text-(--color-muted) hover:text-(--color-text) transition-colors flex items-center gap-1.5"
+						>
+							<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+									d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3" />
+							</svg>
+							Copy feed URL
+						</button>
+
+						<!-- Cancel button for running/pending jobs -->
+						{#if job.status === 'running' || job.status === 'pending'}
+							<button
+								type="button"
+								onclick={() => cancelJob(job.id)}
+								class="text-xs px-2.5 py-1 rounded-lg bg-red-500/10 text-red-400 border border-red-500/30 hover:bg-red-500/20 transition-colors"
+							>
+								Cancel
+							</button>
+						{/if}
+					</div>
+				</div>
+			{/each}
+		</div>
+	{/if}
+
+	<!-- ── How to subscribe ─────────────────────────────────────────────────── -->
+	<div class="mt-8 bg-(--color-surface-2) border border-(--color-border) rounded-xl p-5">
+		<h2 class="text-sm font-semibold text-(--color-text) mb-2">How to subscribe</h2>
+		<ol class="text-sm text-(--color-muted) list-decimal list-inside space-y-1">
+			<li>Click <strong class="text-(--color-text)">Generate podcast</strong> above to create audio for your book.</li>
+			<li>Once running, copy the feed URL with the button above.</li>
+			<li>Open your podcast app (Apple Podcasts, Spotify, Pocket Casts, etc.).</li>
+			<li>Add the feed URL as a custom RSS feed / podcast URL.</li>
+			<li>As more chapters are generated they will appear automatically on the next feed refresh.</li>
+		</ol>
+		<p class="text-xs text-(--color-muted) mt-3">
+			Feed URL format: <code class="bg-(--color-surface) px-1 py-0.5 rounded text-xs">/podcast/&lt;slug&gt;.xml?voice=&lt;voice-id&gt;</code>
+		</p>
+	</div>
+</div>
diff --git a/ui/src/routes/admin/scrape/+page.server.ts b/ui/src/routes/admin/scrape/+page.server.ts
new file mode 100644
index 0000000..53651b4
--- /dev/null
+++ b/ui/src/routes/admin/scrape/+page.server.ts
@@ -0,0 +1,27 @@
+import { redirect } from '@sveltejs/kit';
+import type { PageServerLoad } from './$types';
+import { listScrapingTasks } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const load: PageServerLoad = async ({ locals }) => {
+	if (locals.user?.role !== 'admin') {
+		redirect(302, '/');
+	}
+
+	const [tasks, statusRes] = await Promise.all([
+		listScrapingTasks().catch((e) => {
+			log.warn('admin/scrape', 'failed to load tasks', { err: String(e) });
+			return [];
+		}),
+		backendFetch('/api/scrape/status').catch(() => null)
+	]);
+
+	let running = false;
+	if (statusRes?.ok) {
+		const body = await statusRes.json().catch(() => null);
+		running = body?.running ?? false;
+	}
+
+	return { tasks, running };
+};
diff --git a/ui/src/routes/admin/scrape/+page.svelte b/ui/src/routes/admin/scrape/+page.svelte
new file mode 100644
index 0000000..0441c09
--- /dev/null
+++ b/ui/src/routes/admin/scrape/+page.svelte
@@ -0,0 +1,538 @@
+<script lang="ts">
+	import { untrack } from 'svelte';
+	import { invalidateAll } from '$app/navigation';
+	import type { PageData } from './$types';
+	import type { ScrapingTask } from '$lib/server/pocketbase';
+	import * as m from '$lib/paraglide/messages.js';
+
+	let { data }: { data: PageData } = $props();
+
+	// ── Live-poll status ────────────────────────────────────────────────────────
+	let running = $state(untrack(() => data.running));
+	let tasks = $state(untrack(() => data.tasks));
+
+	// Poll every 5 s while a job is running
+	$effect(() => {
+		if (!running) return;
+		const id = setInterval(async () => {
+			const res = await fetch('/api/admin/scrape').catch(() => null);
+			if (res?.ok) {
+				const body = await res.json().catch(() => null);
+				running = body?.running ?? false;
+				if (!running) {
+					await invalidateAll();
+				}
+			}
+		}, 5000);
+		return () => clearInterval(id);
+	});
+
+	// Keep local state in sync when server re-loads
+	$effect(() => {
+		running = data.running;
+		tasks = data.tasks;
+	});
+
+	// ── Full catalogue scrape ───────────────────────────────────────────────────
+	let catalogueError = $state('');
+	let cataloguing = $state(false);
+
+	async function triggerCatalogueScrape() {
+		if (running || cataloguing) return;
+		cataloguing = true;
+		catalogueError = '';
+		try {
+			const res = await fetch('/api/scrape', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: '{}'
+			});
+			if (!res.ok) {
+				const d = await res.json().catch(() => ({}));
+				catalogueError = d.error ?? d.message ?? `Error ${res.status}`;
+			} else {
+				running = true;
+			}
+		} catch {
+			catalogueError = 'Network error.';
+		} finally {
+			cataloguing = false;
+		}
+	}
+
+	// ── Single book scrape ──────────────────────────────────────────────────────
+	let scrapeUrl = $state('');
+	let scrapeError = $state('');
+	let scraping = $state(false);
+
+	async function triggerBookScrape(url: string) {
+		if (running || scraping || !url.trim()) return;
+		scraping = true;
+		scrapeError = '';
+		try {
+			const res = await fetch('/api/scrape', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ url: url.trim() })
+			});
+			if (!res.ok) {
+				const d = await res.json().catch(() => ({}));
+				scrapeError = d.error ?? d.message ?? `Error ${res.status}`;
+			} else {
+				running = true;
+				scrapeUrl = '';
+			}
+		} catch {
+			scrapeError = 'Network error.';
+		} finally {
+			scraping = false;
+		}
+	}
+
+	// ── Range scrape ────────────────────────────────────────────────────────────
+	let rangeUrl = $state('');
+	let rangeFrom = $state<number | null>(null);
+	let rangeTo = $state<number | null>(null);
+	let rangeError = $state('');
+	let ranging = $state(false);
+
+	async function triggerRangeScrape() {
+		if (running || ranging || !rangeUrl.trim() || rangeFrom === null) return;
+		ranging = true;
+		rangeError = '';
+		try {
+			const body: Record<string, unknown> = { url: rangeUrl.trim(), from: rangeFrom };
+			if (rangeTo !== null) body.to = rangeTo;
+			const res = await fetch('/api/scrape/range', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify(body)
+			});
+			if (!res.ok) {
+				const d = await res.json().catch(() => ({}));
+				rangeError = d.error ?? d.message ?? `Error ${res.status}`;
+			} else {
+				running = true;
+				rangeUrl = '';
+				rangeFrom = null;
+				rangeTo = null;
+			}
+		} catch {
+			rangeError = 'Network error.';
+		} finally {
+			ranging = false;
+		}
+	}
+
+	// ── Continue / Retry task ───────────────────────────────────────────────────
+	function scrollToRangeForm() {
+		document.getElementById('range-form')?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+	}
+
+	function scrollToBookForm() {
+		document.getElementById('book-form')?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+	}
+
+	function continueTask(task: ScrapingTask) {
+		// Re-enqueue a book_range from where it left off
+		rangeUrl = task.target_url ?? '';
+		rangeFrom = (task.from_chapter ?? 1) + (task.chapters_scraped ?? 0);
+		rangeTo = task.to_chapter > 0 ? task.to_chapter : null;
+		scrollToRangeForm();
+	}
+
+	function retryTask(task: ScrapingTask) {
+		if (task.kind === 'catalogue') {
+			triggerCatalogueScrape();
+		} else if (task.kind === 'book_range') {
+			rangeUrl = task.target_url ?? '';
+			rangeFrom = task.from_chapter ?? 1;
+			rangeTo = task.to_chapter > 0 ? task.to_chapter : null;
+			scrollToRangeForm();
+		} else {
+			scrapeUrl = task.target_url ?? '';
+			scrollToBookForm();
+		}
+	}
+
+	// ── Cancel task ─────────────────────────────────────────────────────────────
+	let cancellingIds = $state(new Set<string>());
+	let cancelErrors: Record<string, string> = $state({});
+
+	async function cancelTask(id: string) {
+		if (cancellingIds.has(id)) return;
+		cancellingIds = new Set([...cancellingIds, id]);
+		delete cancelErrors[id];
+		try {
+			const res = await fetch(`/api/scrape/cancel/${encodeURIComponent(id)}`, { method: 'POST' });
+			if (!res.ok) {
+				const body = await res.json().catch(() => ({}));
+				cancelErrors = { ...cancelErrors, [id]: body.error ?? body.message ?? `Error ${res.status}` };
+			} else {
+				tasks = tasks.map((t: ScrapingTask) => (t.id === id ? { ...t, status: 'cancelled' } : t));
+			}
+		} catch {
+			cancelErrors = { ...cancelErrors, [id]: 'Network error.' };
+		} finally {
+			cancellingIds = new Set([...cancellingIds].filter((x) => x !== id));
+		}
+	}
+
+	// ── Stats ────────────────────────────────────────────────────────────────────
+	let stats = $derived({
+		total: tasks.length,
+		running: tasks.filter((t: ScrapingTask) => t.status === 'running').length,
+		pending: tasks.filter((t: ScrapingTask) => t.status === 'pending').length,
+		done: tasks.filter((t: ScrapingTask) => t.status === 'done').length,
+		failed: tasks.filter((t: ScrapingTask) => t.status === 'failed').length,
+		cancelled: tasks.filter((t: ScrapingTask) => t.status === 'cancelled').length,
+	});
+
+	// ── Table filter ────────────────────────────────────────────────────────────
+	let q = $state('');
+	let statusFilter = $state('all');
+	const STATUS_OPTIONS = ['all', 'running', 'pending', 'done', 'failed', 'cancelled'] as const;
+
+	let filtered = $derived(
+		tasks.filter((t: ScrapingTask) => {
+			const qLower = q.trim().toLowerCase();
+			const matchesQ =
+				!qLower ||
+				t.kind.toLowerCase().includes(qLower) ||
+				t.status.toLowerCase().includes(qLower) ||
+				(t.target_url ?? '').toLowerCase().includes(qLower);
+			const matchesStatus = statusFilter === 'all' || t.status === statusFilter;
+			return matchesQ && matchesStatus;
+		})
+	);
+
+	// ── Helpers ─────────────────────────────────────────────────────────────────
+	function statusColor(status: string) {
+		if (status === 'done') return 'text-green-400';
+		if (status === 'running') return 'text-(--color-brand) animate-pulse';
+		if (status === 'failed') return 'text-(--color-danger)';
+		if (status === 'cancelled') return 'text-(--color-muted)';
+		return 'text-(--color-text)';
+	}
+
+	function fmtDate(s: string) {
+		if (!s) return '—';
+		return new Date(s).toLocaleString(undefined, {
+			month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit'
+		});
+	}
+
+	function duration(started: string, finished: string) {
+		if (!started || !finished) return '—';
+		const ms = new Date(finished).getTime() - new Date(started).getTime();
+		if (ms < 0) return '—';
+		const s = Math.floor(ms / 1000);
+		if (s < 60) return `${s}s`;
+		const m = Math.floor(s / 60);
+		return `${m}m ${s % 60}s`;
+	}
+
+	// Popular novelfire genres for quick-scrape links
+	const quickScrapes = [
+		{ label: 'Action', url: 'https://novelfire.net/genre/action' },
+		{ label: 'Fantasy', url: 'https://novelfire.net/genre/fantasy' },
+		{ label: 'Romance', url: 'https://novelfire.net/genre/romance' },
+		{ label: 'System', url: 'https://novelfire.net/genre/system' },
+		{ label: 'Isekai', url: 'https://novelfire.net/genre/isekai' },
+		{ label: 'Martial Arts', url: 'https://novelfire.net/genre/martial-arts' },
+	];
+
+	function statusPillColor(s: string) {
+		if (s === 'running') return 'text-(--color-brand)';
+		if (s === 'pending') return 'text-sky-400';
+		if (s === 'done') return 'text-green-400';
+		if (s === 'failed') return 'text-(--color-danger)';
+		if (s === 'cancelled') return 'text-(--color-muted)';
+		return 'text-(--color-text)';
+	}
+</script>
+
+<svelte:head>
+	<title>{m.admin_scrape_page_title()}</title>
+</svelte:head>
+
+<div class="space-y-6">
+	<!-- Header -->
+	<div class="flex items-center gap-3 flex-wrap">
+		<h1 class="text-xl font-semibold text-(--color-text) flex-1">{m.admin_scrape_heading()}</h1>
+		<span class="text-xs {running ? 'text-(--color-brand) animate-pulse' : 'text-green-500'}">
+			● {running ? m.admin_scrape_status_running() : m.admin_scrape_status_idle()}
+		</span>
+	</div>
+
+	<!-- Compact controls -->
+	<div class="divide-y divide-(--color-border) border border-(--color-border) rounded-xl overflow-hidden">
+		<!-- Full catalogue -->
+		<div class="flex items-center gap-4 px-4 py-3 bg-(--color-surface)">
+			<span class="text-sm text-(--color-muted) w-36 shrink-0">{m.admin_scrape_full_catalogue()}</span>
+			<button
+				onclick={triggerCatalogueScrape}
+				disabled={running || cataloguing}
+				class="px-3 py-1.5 rounded-md bg-(--color-brand) text-(--color-surface) font-semibold text-xs hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50"
+			>
+				{cataloguing ? m.admin_scrape_queuing() : running ? m.admin_scrape_running() : m.admin_scrape_start()}
+			</button>
+			{#if catalogueError}<span class="text-xs text-(--color-danger)">{catalogueError}</span>{/if}
+		</div>
+
+		<!-- Single book -->
+		<div id="book-form" class="flex items-center gap-3 px-4 py-3 bg-(--color-surface)">
+			<span class="text-sm text-(--color-muted) w-36 shrink-0">{m.admin_scrape_single_book()}</span>
+			<input
+				type="url"
+				bind:value={scrapeUrl}
+				placeholder="https://novelfire.net/book/…"
+				class="flex-1 min-w-0 bg-(--color-surface-2) border border-(--color-border) rounded-md px-3 py-1.5 text-(--color-text) text-sm placeholder-zinc-600 focus:outline-none focus:ring-1 focus:ring-(--color-brand)"
+			/>
+			<button
+				onclick={() => triggerBookScrape(scrapeUrl)}
+				disabled={!scrapeUrl.trim() || running || scraping}
+				class="shrink-0 px-3 py-1.5 rounded-md bg-(--color-surface-3) text-(--color-text) font-medium text-xs hover:bg-zinc-600 transition-colors disabled:opacity-50"
+			>
+				{scraping ? m.admin_scrape_queuing() : m.admin_scrape_submit()}
+			</button>
+			{#if scrapeError}<span class="text-xs text-(--color-danger)">{scrapeError}</span>{/if}
+		</div>
+
+		<!-- Range scrape -->
+		<div id="range-form" class="flex items-center gap-3 px-4 py-3 bg-(--color-surface) flex-wrap">
+			<span class="text-sm text-(--color-muted) w-36 shrink-0">{m.admin_scrape_range()}</span>
+			<input
+				type="url"
+				bind:value={rangeUrl}
+				placeholder="https://novelfire.net/book/…"
+				class="flex-1 min-w-0 bg-(--color-surface-2) border border-(--color-border) rounded-md px-3 py-1.5 text-(--color-text) text-sm placeholder-zinc-600 focus:outline-none focus:ring-1 focus:ring-(--color-brand)"
+			/>
+			<input
+				type="number"
+				bind:value={rangeFrom}
+				min="1"
+				placeholder="From"
+				class="w-20 bg-(--color-surface-2) border border-(--color-border) rounded-md px-3 py-1.5 text-(--color-text) text-sm placeholder-zinc-600 focus:outline-none focus:ring-1 focus:ring-(--color-brand)"
+			/>
+			<input
+				type="number"
+				bind:value={rangeTo}
+				min="1"
+				placeholder="To"
+				class="w-20 bg-(--color-surface-2) border border-(--color-border) rounded-md px-3 py-1.5 text-(--color-text) text-sm placeholder-zinc-600 focus:outline-none focus:ring-1 focus:ring-(--color-brand)"
+			/>
+			<button
+				onclick={triggerRangeScrape}
+				disabled={!rangeUrl.trim() || rangeFrom === null || running || ranging}
+				class="shrink-0 px-3 py-1.5 rounded-md bg-(--color-surface-3) text-(--color-text) font-medium text-xs hover:bg-zinc-600 transition-colors disabled:opacity-50"
+			>
+				{ranging ? m.admin_scrape_queuing() : 'Go'}
+			</button>
+			{#if rangeError}<span class="text-xs text-(--color-danger) w-full pl-40">{rangeError}</span>{/if}
+		</div>
+
+		<!-- Quick genre chips -->
+		<div class="flex items-center gap-3 px-4 py-3 bg-(--color-surface) flex-wrap">
+			<span class="text-sm text-(--color-muted) w-36 shrink-0">{m.admin_scrape_quick_genres()}</span>
+			<div class="flex flex-wrap gap-1.5">
+				{#each quickScrapes as qs}
+					<button
+						onclick={() => { scrapeUrl = qs.url; }}
+						class="px-2.5 py-1 rounded text-xs font-medium bg-(--color-surface-2) text-(--color-muted) border border-(--color-border) hover:border-(--color-brand)/50 hover:text-(--color-brand-dim) transition-colors"
+					>
+						{qs.label}
+					</button>
+				{/each}
+				<a
+					href="https://novelfire.net"
+					target="_blank"
+					rel="noopener noreferrer"
+					class="px-2.5 py-1 rounded text-xs font-medium text-(--color-muted) border border-(--color-border)/50 hover:text-(--color-brand-dim) hover:border-(--color-brand)/40 transition-colors"
+				>
+					novelfire.net ↗
+				</a>
+			</div>
+		</div>
+	</div>
+
+	<!-- Tasks table -->
+	<div class="space-y-3">
+		<div class="flex items-center gap-3 flex-wrap">
+			<h2 class="text-sm font-semibold text-(--color-muted) flex-1 uppercase tracking-widest">{m.admin_scrape_task_history()}</h2>
+			<input
+				type="search"
+				bind:value={q}
+				placeholder={m.admin_scrape_filter_placeholder()}
+				class="w-full max-w-xs bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+			/>
+		</div>
+
+		<!-- Status filter pills -->
+		<div class="flex gap-1.5 flex-wrap">
+			{#each STATUS_OPTIONS as s}
+				{@const count = s === 'all' ? stats.total : stats[s as keyof typeof stats]}
+				<button
+					onclick={() => (statusFilter = s)}
+					class="px-2.5 py-1 rounded-md text-xs font-medium transition-colors capitalize flex items-center gap-1.5
+						{statusFilter === s
+							? 'bg-(--color-brand) text-black'
+							: 'bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text)'}"
+				>
+					{s}
+					{#if count > 0 && s !== 'all'}
+						<span class="tabular-nums {statusFilter === s ? 'text-black/70' : statusPillColor(s)}">{count}</span>
+					{:else if s === 'all'}
+						<span class="tabular-nums opacity-60">{count}</span>
+					{/if}
+				</button>
+			{/each}
+		</div>
+
+		{#if filtered.length === 0}
+			<p class="text-(--color-muted) text-sm py-8 text-center">
+				{q.trim() ? m.admin_scrape_no_matching() : m.admin_tasks_empty()}
+			</p>
+		{:else}
+			<!-- Desktop table -->
+			<div class="hidden sm:block overflow-x-auto rounded-xl border border-(--color-border)">
+				<table class="w-full text-sm">
+					<thead class="bg-(--color-surface-2) text-(--color-muted) text-xs uppercase tracking-wide">
+						<tr>
+							<th class="px-4 py-3 text-left">Kind / URL</th>
+							<th class="px-4 py-3 text-left">Status</th>
+							<th class="px-4 py-3 text-right">Books</th>
+							<th class="px-4 py-3 text-right">Chapters</th>
+							<th class="px-4 py-3 text-right">Skipped</th>
+							<th class="px-4 py-3 text-right">Errors</th>
+							<th class="px-4 py-3 text-left">Started</th>
+							<th class="px-4 py-3 text-left">Duration</th>
+							<th class="px-4 py-3 text-left">Actions</th>
+						</tr>
+					</thead>
+					<tbody class="divide-y divide-(--color-border)/50">
+						{#each filtered as task}
+							<tr class="bg-(--color-surface) hover:bg-(--color-surface-2)/50 transition-colors">
+								<td class="px-4 py-3 font-mono text-xs text-(--color-text)">
+									{task.kind}
+									{#if task.target_url}
+										<br />
+										<span class="text-(--color-muted) truncate max-w-[16rem] block" title={task.target_url}>
+											{task.target_url.replace('https://novelfire.net/book/', '')}
+										</span>
+									{/if}
+								</td>
+								<td class="px-4 py-3">
+									<span class="font-medium {statusColor(task.status)}">{task.status}</span>
+								</td>
+								<td class="px-4 py-3 text-right text-(--color-text)">{task.books_found ?? 0}</td>
+								<td class="px-4 py-3 text-right text-(--color-text)">{task.chapters_scraped ?? 0}</td>
+								<td class="px-4 py-3 text-right text-(--color-muted)">{task.chapters_skipped ?? 0}</td>
+								<td class="px-4 py-3 text-right {task.errors > 0 ? 'text-(--color-danger)' : 'text-(--color-muted)'}">{task.errors ?? 0}</td>
+								<td class="px-4 py-3 text-(--color-muted) whitespace-nowrap">{fmtDate(task.started)}</td>
+								<td class="px-4 py-3 text-(--color-muted) whitespace-nowrap">{duration(task.started, task.finished)}</td>
+							<td class="px-4 py-3">
+								<div class="flex flex-wrap gap-1.5">
+									{#if task.status === 'pending'}
+										<button
+											onclick={() => cancelTask(task.id)}
+											disabled={cancellingIds.has(task.id)}
+											class="px-2 py-1 rounded text-xs font-medium bg-(--color-surface-3) text-(--color-text) hover:bg-red-900 hover:text-red-300 transition-colors disabled:opacity-50"
+										>
+											{cancellingIds.has(task.id) ? 'Cancelling…' : m.admin_scrape_cancel()}
+										</button>
+									{/if}
+									{#if task.kind === 'book_range' && task.status !== 'pending' && task.status !== 'running' && (task.chapters_scraped ?? 0) > 0}
+										<button
+											onclick={() => continueTask(task)}
+											class="px-2 py-1 rounded text-xs font-medium bg-amber-900/60 text-amber-300 hover:bg-amber-800/60 transition-colors"
+										>
+											Continue ▶
+										</button>
+									{/if}
+									{#if task.status === 'failed' || task.status === 'cancelled'}
+										<button
+											onclick={() => retryTask(task)}
+											class="px-2 py-1 rounded text-xs font-medium bg-sky-900/60 text-sky-300 hover:bg-sky-800/60 transition-colors"
+										>
+											Retry ↺
+										</button>
+									{/if}
+									{#if cancelErrors[task.id]}
+										<p class="text-xs text-(--color-danger) mt-1 w-full">{cancelErrors[task.id]}</p>
+									{/if}
+								</div>
+							</td>
+							</tr>
+							{#if task.error_message}
+								<tr class="bg-(--color-danger)/10">
+									<td colspan="9" class="px-4 py-2 text-xs text-(--color-danger) font-mono">{task.error_message}</td>
+								</tr>
+							{/if}
+						{/each}
+					</tbody>
+				</table>
+			</div>
+
+			<!-- Mobile cards -->
+			<div class="sm:hidden space-y-3">
+				{#each filtered as task}
+					<div class="bg-(--color-surface) rounded-xl border border-(--color-border) p-4 space-y-2">
+						<div class="flex items-start justify-between gap-2">
+							<div class="min-w-0">
+								<span class="font-mono text-xs text-(--color-text)">{task.kind}</span>
+								{#if task.target_url}
+									<p class="text-xs text-(--color-muted) truncate mt-0.5" title={task.target_url}>
+										{task.target_url.replace('https://novelfire.net/book/', '')}
+									</p>
+								{/if}
+							</div>
+							<span class="shrink-0 text-xs font-semibold {statusColor(task.status)}">{task.status}</span>
+						</div>
+						<div class="grid grid-cols-2 gap-1 text-xs">
+							<span class="text-(--color-muted)">Books</span><span class="text-(--color-text) text-right">{task.books_found ?? 0}</span>
+							<span class="text-(--color-muted)">Chapters</span><span class="text-(--color-text) text-right">{task.chapters_scraped ?? 0}</span>
+							<span class="text-(--color-muted)">Skipped</span><span class="text-(--color-muted) text-right">{task.chapters_skipped ?? 0}</span>
+							<span class="text-(--color-muted)">Errors</span><span class="{task.errors > 0 ? 'text-(--color-danger)' : 'text-(--color-muted)'} text-right">{task.errors ?? 0}</span>
+							<span class="text-(--color-muted)">Started</span><span class="text-(--color-muted) text-right">{fmtDate(task.started)}</span>
+							<span class="text-(--color-muted)">Duration</span><span class="text-(--color-muted) text-right">{duration(task.started, task.finished)}</span>
+						</div>
+					{#if task.error_message}
+						<p class="text-xs text-(--color-danger) font-mono break-all">{task.error_message}</p>
+					{/if}
+					<div class="flex flex-wrap gap-2">
+						{#if task.status === 'pending'}
+							<button
+								onclick={() => cancelTask(task.id)}
+								disabled={cancellingIds.has(task.id)}
+								class="flex-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-(--color-surface-3) text-(--color-text) hover:bg-red-900 hover:text-red-300 transition-colors disabled:opacity-50"
+							>
+								{cancellingIds.has(task.id) ? 'Cancelling…' : m.admin_scrape_cancel()} task
+							</button>
+						{/if}
+						{#if task.kind === 'book_range' && task.status !== 'pending' && task.status !== 'running' && (task.chapters_scraped ?? 0) > 0}
+							<button
+								onclick={() => continueTask(task)}
+								class="flex-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-amber-900/60 text-amber-300 hover:bg-amber-800/60 transition-colors"
+							>
+								Continue ▶
+							</button>
+						{/if}
+						{#if task.status === 'failed' || task.status === 'cancelled'}
+							<button
+								onclick={() => retryTask(task)}
+								class="flex-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-sky-900/60 text-sky-300 hover:bg-sky-800/60 transition-colors"
+							>
+								Retry ↺
+							</button>
+						{/if}
+						{#if cancelErrors[task.id]}
+							<p class="text-xs text-(--color-danger) w-full">{cancelErrors[task.id]}</p>
+						{/if}
+					</div>
+					</div>
+				{/each}
+			</div>
+		{/if}
+	</div>
+</div>
diff --git a/ui/src/routes/admin/site-theme/+page.server.ts b/ui/src/routes/admin/site-theme/+page.server.ts
new file mode 100644
index 0000000..1dae934
--- /dev/null
+++ b/ui/src/routes/admin/site-theme/+page.server.ts
@@ -0,0 +1,7 @@
+import type { PageServerLoad } from './$types';
+import { getSiteConfig } from '$lib/server/pocketbase';
+
+export const load: PageServerLoad = async () => {
+	const config = await getSiteConfig();
+	return { config };
+};
diff --git a/ui/src/routes/admin/site-theme/+page.svelte b/ui/src/routes/admin/site-theme/+page.svelte
new file mode 100644
index 0000000..b1262bd
--- /dev/null
+++ b/ui/src/routes/admin/site-theme/+page.svelte
@@ -0,0 +1,160 @@
+<script lang="ts">
+	import type { PageData } from './$types';
+
+	let { data }: { data: PageData } = $props();
+
+	type Decoration = 'snow' | 'sakura' | 'fireflies' | 'leaves' | 'stars' | null;
+	type LogoAnimation = 'none' | 'glow' | 'rainbow' | 'pulse' | 'shimmer';
+
+	let decoration   = $state<Decoration>(data.config.decoration);
+	let logoAnimation = $state<LogoAnimation>(data.config.logoAnimation);
+	let eventLabel   = $state(data.config.eventLabel ?? '');
+
+	let saving = $state(false);
+	let saved  = $state(false);
+	let errMsg = $state('');
+
+	const DECORATIONS: { id: Decoration; label: string; emoji: string; desc: string }[] = [
+		{ id: null,         label: 'Off',        emoji: '✕',   desc: 'No decoration' },
+		{ id: 'snow',       label: 'Snow',        emoji: '❄️',  desc: 'Falling snowflakes — winter' },
+		{ id: 'sakura',     label: 'Sakura',      emoji: '🌸',  desc: 'Cherry blossom petals — spring' },
+		{ id: 'fireflies',  label: 'Fireflies',   emoji: '✨',  desc: 'Glowing fireflies — summer' },
+		{ id: 'leaves',     label: 'Leaves',      emoji: '🍂',  desc: 'Falling autumn leaves — fall' },
+		{ id: 'stars',      label: 'Stars',       emoji: '⭐',  desc: 'Twinkling stars — events / fantasy' },
+	];
+
+	const LOGO_ANIMATIONS: { id: LogoAnimation; label: string; desc: string }[] = [
+		{ id: 'none',     label: 'None',     desc: 'Default brand colour, no animation' },
+		{ id: 'glow',     label: 'Glow',     desc: 'Soft pulsing amber glow' },
+		{ id: 'shimmer',  label: 'Shimmer',  desc: 'Left-to-right shine sweep' },
+		{ id: 'pulse',    label: 'Pulse',    desc: 'Subtle scale pulse' },
+		{ id: 'rainbow',  label: 'Rainbow',  desc: 'Slow hue-rotate colour cycle' },
+	];
+
+	async function save() {
+		saving = true; saved = false; errMsg = '';
+		try {
+			const res = await fetch('/api/site-config', {
+				method: 'PUT',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ decoration, logoAnimation, eventLabel }),
+			});
+			if (!res.ok) {
+				const d = await res.json().catch(() => ({}));
+				errMsg = d.message ?? `Error ${res.status}`;
+			} else {
+				saved = true;
+				setTimeout(() => { saved = false; }, 3000);
+			}
+		} catch (e) {
+			errMsg = String(e);
+		} finally {
+			saving = false;
+		}
+	}
+</script>
+
+<svelte:head>
+	<title>Site Theme — Admin</title>
+</svelte:head>
+
+<div class="max-w-2xl">
+	<div class="mb-8">
+		<h1 class="text-2xl font-bold text-(--color-text) mb-1">Site Theme</h1>
+		<p class="text-sm text-(--color-muted)">
+			Control seasonal decorations and the nav logo animation globally.
+			Changes take effect for all users within ~60 seconds (server cache TTL).
+		</p>
+	</div>
+
+	<!-- ── Decoration ────────────────────────────────────────────────────── -->
+	<section class="mb-8">
+		<h2 class="text-sm font-semibold text-(--color-text) uppercase tracking-widest mb-3">Particle Decoration</h2>
+		<div class="grid grid-cols-2 sm:grid-cols-3 gap-2">
+			{#each DECORATIONS as d}
+				<button
+					type="button"
+					onclick={() => { decoration = d.id; }}
+					class="flex items-start gap-3 p-3 rounded-lg border text-left transition-all
+						{decoration === d.id
+							? 'border-(--color-brand) bg-(--color-surface-2) text-(--color-text)'
+							: 'border-(--color-border) bg-(--color-surface-2)/40 text-(--color-muted) hover:border-(--color-brand)/40 hover:text-(--color-text)'}"
+				>
+					<span class="text-xl leading-none shrink-0 mt-0.5">{d.emoji}</span>
+					<div class="min-w-0">
+						<p class="text-sm font-semibold leading-snug">{d.label}</p>
+						<p class="text-xs opacity-70 leading-snug mt-0.5">{d.desc}</p>
+					</div>
+				</button>
+			{/each}
+		</div>
+	</section>
+
+	<!-- ── Logo Animation ────────────────────────────────────────────────── -->
+	<section class="mb-8">
+		<h2 class="text-sm font-semibold text-(--color-text) uppercase tracking-widest mb-3">Logo Animation</h2>
+		<div class="flex flex-col gap-2">
+			{#each LOGO_ANIMATIONS as a}
+				<button
+					type="button"
+					onclick={() => { logoAnimation = a.id; }}
+					class="flex items-center gap-4 p-3 rounded-lg border text-left transition-all
+						{logoAnimation === a.id
+							? 'border-(--color-brand) bg-(--color-surface-2) text-(--color-text)'
+							: 'border-(--color-border) bg-(--color-surface-2)/40 text-(--color-muted) hover:border-(--color-brand)/40 hover:text-(--color-text)'}"
+				>
+					<!-- Preview of the logo text with the animation class applied -->
+					<span class="font-bold text-lg tracking-tight w-24 shrink-0 text-(--color-brand)
+						{a.id === 'glow'    ? 'logo-anim-glow'    : ''}
+						{a.id === 'shimmer' ? 'logo-anim-shimmer' : ''}
+						{a.id === 'pulse'   ? 'logo-anim-pulse'   : ''}
+						{a.id === 'rainbow' ? 'logo-anim-rainbow' : ''}
+					">libnovel</span>
+					<div>
+						<p class="text-sm font-semibold">{a.label}</p>
+						<p class="text-xs opacity-70">{a.desc}</p>
+					</div>
+					{#if logoAnimation === a.id}
+						<svg class="w-4 h-4 ml-auto shrink-0 text-(--color-brand)" fill="currentColor" viewBox="0 0 24 24">
+							<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
+						</svg>
+					{/if}
+				</button>
+			{/each}
+		</div>
+	</section>
+
+	<!-- ── Event Label ───────────────────────────────────────────────────── -->
+	<section class="mb-8">
+		<h2 class="text-sm font-semibold text-(--color-text) uppercase tracking-widest mb-1">Event Label <span class="normal-case font-normal text-(--color-muted)">(optional)</span></h2>
+		<p class="text-xs text-(--color-muted) mb-3">Short text shown as a small badge next to the logo, e.g. "Winter 2025" or "Sakura Festival". Leave blank to hide.</p>
+		<input
+			type="text"
+			maxlength="64"
+			placeholder="e.g. Winter 2025"
+			bind:value={eventLabel}
+			class="w-full px-3 py-2 rounded-lg bg-(--color-surface-2) border border-(--color-border) text-(--color-text) text-sm placeholder:text-(--color-muted) focus:outline-none focus:border-(--color-brand)/60"
+		/>
+	</section>
+
+	<!-- ── Save ──────────────────────────────────────────────────────────── -->
+	<div class="flex items-center gap-3">
+		<button
+			type="button"
+			onclick={save}
+			disabled={saving}
+			class="px-5 py-2 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm hover:bg-(--color-brand-dim) disabled:opacity-50 transition-colors"
+		>
+			{saving ? 'Saving…' : 'Save Changes'}
+		</button>
+		{#if saved}
+			<span class="text-sm text-green-400 flex items-center gap-1.5">
+				<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
+				Saved
+			</span>
+		{/if}
+		{#if errMsg}
+			<span class="text-sm text-red-400">{errMsg}</span>
+		{/if}
+	</div>
+</div>
diff --git a/ui/src/routes/admin/text-gen/+page.server.ts b/ui/src/routes/admin/text-gen/+page.server.ts
new file mode 100644
index 0000000..af3a0b6
--- /dev/null
+++ b/ui/src/routes/admin/text-gen/+page.server.ts
@@ -0,0 +1,39 @@
+import type { PageServerLoad } from './$types';
+import { listTextModels } from '$lib/server/scraper';
+import { log } from '$lib/server/logger';
+import { listBooks } from '$lib/server/pocketbase';
+
+export interface BookSummary {
+	slug: string;
+	title: string;
+}
+
+export interface TextModelInfo {
+	id: string;
+	label: string;
+	provider: string;
+	context_size: number;
+	description: string;
+}
+
+export const load: PageServerLoad = async () => {
+	// Await models immediately — in-memory list, no I/O, returns instantly.
+	// Books are streamed so the page renders at once and the selector
+	// populates a moment later without blocking navigation.
+	const modelsResult = await listTextModels<TextModelInfo>().catch((e) => {
+		log.warn('admin/text-gen', 'failed to load models', { err: String(e) });
+		return [] as TextModelInfo[];
+	});
+
+	const booksPromise = listBooks()
+		.then((all) =>
+			all.map((b) => ({ slug: b.slug, title: b.title })) as BookSummary[]
+		)
+		.catch(() => [] as BookSummary[]);
+
+	return {
+		models: modelsResult,
+		// Streamed — SvelteKit resolves this after the initial HTML is sent.
+		books: booksPromise
+	};
+};
diff --git a/ui/src/routes/admin/text-gen/+page.svelte b/ui/src/routes/admin/text-gen/+page.svelte
new file mode 100644
index 0000000..6d9262c
--- /dev/null
+++ b/ui/src/routes/admin/text-gen/+page.svelte
@@ -0,0 +1,1228 @@
+<script lang="ts">
+	import { browser } from '$app/environment';
+	import type { PageData } from './$types';
+	import type { TextModelInfo, BookSummary } from './+page.server';
+	import * as m from '$lib/paraglide/messages.js';
+
+	let { data }: { data: PageData } = $props();
+
+	// Server data is static per page load — intentional one-time snapshot.
+	// svelte-ignore state_referenced_locally
+	const models: TextModelInfo[] = data.models ?? [];
+	// Books arrive as a streamed promise — start empty and populate on resolve.
+	let books = $state<BookSummary[]>([]);
+	$effect(() => {
+		data.books.then((resolved) => { books = resolved; });
+	});
+
+	// ── Config persistence ───────────────────────────────────────────────────────
+	const CONFIG_KEY = 'admin_text_gen_config_v2';
+
+	interface SavedConfig {
+		selectedModel: string;
+		activeTab: string;
+		chPattern: string;
+		dInstructions: string;
+	}
+
+	function loadConfig(): Partial<SavedConfig> {
+		if (!browser) return {};
+		try {
+			const raw = localStorage.getItem(CONFIG_KEY);
+			return raw ? (JSON.parse(raw) as Partial<SavedConfig>) : {};
+		} catch { return {}; }
+	}
+
+	function saveConfig() {
+		if (!browser) return;
+		const cfg: SavedConfig = { selectedModel, activeTab, chPattern, dInstructions };
+		localStorage.setItem(CONFIG_KEY, JSON.stringify(cfg));
+	}
+
+	const saved = loadConfig();
+
+	// ── Shared ────────────────────────────────────────────────────────────────────
+	type ActiveTab = 'chapters' | 'description' | 'tagline' | 'genres' | 'warnings' | 'quality';
+	let activeTab = $state<ActiveTab>((saved.activeTab as ActiveTab) ?? 'chapters');
+	let selectedModel = $state(saved.selectedModel ?? (models[0]?.id ?? ''));
+
+	let selectedModelInfo = $derived(models.find((m) => m.id === selectedModel) ?? null);
+
+	$effect(() => { void selectedModel; void activeTab; void chPattern; void dInstructions; saveConfig(); });
+
+	function fmtCtx(n: number) {
+		if (n >= 1000) return `${(n / 1000).toFixed(0)}k ctx`;
+		return `${n} ctx`;
+	}
+
+	// ── Book autocomplete (shared component logic) ───────────────────────────────
+	function makeBookAC() {
+		let inputVal = $state('');
+		let focused = $state(false);
+
+		const suggestions = $derived(
+			inputVal.trim().length === 0
+				? []
+				: books
+					.filter((b) =>
+						b.slug.includes(inputVal.toLowerCase()) ||
+						b.title.toLowerCase().includes(inputVal.toLowerCase())
+					)
+					.slice(0, 8)
+		);
+
+		return {
+			get inputVal() { return inputVal; },
+			set inputVal(v: string) { inputVal = v; },
+			get focused() { return focused; },
+			set focused(v: boolean) { focused = v; },
+			get suggestions() { return suggestions; }
+		};
+	}
+
+	// ── Chapter names state ───────────────────────────────────────────────────────
+	let chAC = makeBookAC();
+	let chSlug = $state('');
+	let chPattern = $state(saved.chPattern ?? 'Chapter {n}: {scene}');
+	let chFromChapter = $state(0);
+	let chToChapter = $state(0);
+	let chJobID = $state('');
+	let chGenerating = $state(false);
+	let chError = $state('');
+
+	interface ProposedChapter {
+		number: number;
+		old_title: string;
+		new_title: string;
+		edited: string;
+	}
+	let chProposals = $state<ProposedChapter[]>([]);
+	let chUsedModel = $state('');
+
+	let chBatchProgress = $state('');
+	let chBatchWarnings = $state<string[]>([]);
+
+	let chApplying = $state(false);
+	let chApplyError = $state('');
+	let chApplySuccess = $state(false);
+
+	let chCanGenerate = $derived(chSlug.trim().length > 0 && chPattern.trim().length > 0 && !chGenerating);
+	let chCanApply = $derived(chProposals.length > 0 && !chApplying);
+
+	function selectChBook(b: BookSummary) {
+		chSlug = b.slug;
+		chAC.inputVal = b.slug;
+		chAC.focused = false;
+	}
+
+	function onChSlugInput() {
+		chSlug = chAC.inputVal;
+	}
+
+	async function generateChapterNames() {
+		if (!chCanGenerate) return;
+		chGenerating = true;
+		chError = '';
+		chProposals = [];
+		chUsedModel = '';
+		chBatchProgress = '';
+		chBatchWarnings = [];
+		chApplySuccess = false;
+		chApplyError = '';
+		chJobID = '';
+
+		try {
+			const res = await fetch('/api/admin/text-gen/chapter-names', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({
+					slug: chSlug.trim(),
+					pattern: chPattern.trim(),
+					model: selectedModel,
+					from_chapter: chFromChapter || undefined,
+					to_chapter: chToChapter || undefined
+				})
+			});
+
+			// Non-SSE error response (e.g. 400/404/502 before streaming started).
+			if (!res.ok) {
+				const body = await res.json().catch(() => ({}));
+				chError = body.error ?? body.message ?? `Error ${res.status}`;
+				return;
+			}
+
+			// Stream SSE events line by line.
+			const reader = res.body!.getReader();
+			const decoder = new TextDecoder();
+			let buffer = '';
+
+			outer: while (true) {
+				const { value, done } = await reader.read();
+				if (done) break;
+				buffer += decoder.decode(value, { stream: true });
+
+				// Process all complete SSE messages in the buffer.
+				const lines = buffer.split('\n');
+				buffer = lines.pop() ?? ''; // keep incomplete last line
+
+				for (const line of lines) {
+					if (!line.startsWith('data: ')) continue;
+					const payload = line.slice(6).trim();
+					if (!payload) continue;
+
+					let evt: {
+						job_id?: string;
+						batch?: number;
+						total_batches?: number;
+						chapters_done?: number;
+						total_chapters?: number;
+						model?: string;
+						chapters?: { number: number; old_title: string; new_title: string }[];
+						error?: string;
+						done?: boolean;
+					};
+					try {
+						evt = JSON.parse(payload);
+					} catch {
+						continue;
+					}
+
+					if (evt.job_id) chJobID = evt.job_id;
+
+					if (evt.done) {
+						chBatchProgress = `Done — ${evt.total_chapters ?? chProposals.length} chapters`;
+						chGenerating = false;
+						break outer;
+					}
+
+					if (evt.model) chUsedModel = evt.model;
+
+					if (evt.error) {
+						chBatchWarnings = [
+							...chBatchWarnings,
+							`Batch ${evt.batch}/${evt.total_batches} failed: ${evt.error}`
+						];
+					} else if (evt.chapters) {
+						const incoming = (evt.chapters as { number: number; old_title: string; new_title: string }[]).map(
+							(p) => ({ ...p, edited: p.new_title })
+						);
+						chProposals = [...chProposals, ...incoming];
+					}
+
+					if (evt.batch != null && evt.total_batches != null) {
+						chBatchProgress = `Batch ${evt.batch}/${evt.total_batches} · ${evt.chapters_done ?? chProposals.length}/${evt.total_chapters ?? '?'} chapters`;
+					}
+				}
+			}
+
+			if (chProposals.length === 0 && chBatchWarnings.length === 0) {
+				chError = 'No proposals returned. The model may have failed to parse the chapters.';
+			}
+		} catch {
+			chError = 'Network error.';
+		} finally {
+			chGenerating = false;
+		}
+	}
+
+	async function applyChapterNames() {
+		if (!chCanApply) return;
+		chApplying = true;
+		chApplyError = '';
+		chApplySuccess = false;
+
+		try {
+			const res = await fetch('/api/admin/text-gen/chapter-names/apply', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({
+					slug: chSlug.trim(),
+					chapters: chProposals.map((p) => ({ number: p.number, title: p.edited.trim() || p.new_title }))
+				})
+			});
+			const body = await res.json().catch(() => ({}));
+			if (!res.ok) {
+				chApplyError = body.error ?? body.message ?? `Error ${res.status}`;
+				return;
+			}
+			chApplySuccess = true;
+		} catch {
+			chApplyError = 'Network error.';
+		} finally {
+			chApplying = false;
+		}
+	}
+
+	// ── Description state ─────────────────────────────────────────────────────────
+	let dAC = makeBookAC();
+	let dSlug = $state('');
+	let dInstructions = $state(saved.dInstructions ?? '');
+	let dGenerating = $state(false);
+	let dError = $state('');
+
+	let dOldDesc = $state('');
+	let dNewDesc = $state('');
+	let dUsedModel = $state('');
+
+	let dApplying = $state(false);
+	let dApplyError = $state('');
+	let dApplySuccess = $state(false);
+
+	let dCanGenerate = $derived(dSlug.trim().length > 0 && !dGenerating);
+	let dCanApply = $derived(dNewDesc.trim().length > 0 && !dApplying);
+
+	function selectDBook(b: BookSummary) {
+		dSlug = b.slug;
+		dAC.inputVal = b.slug;
+		dAC.focused = false;
+	}
+
+	function onDSlugInput() {
+		dSlug = dAC.inputVal;
+	}
+
+	async function generateDescription() {
+		if (!dCanGenerate) return;
+		dGenerating = true;
+		dError = '';
+		dOldDesc = '';
+		dNewDesc = '';
+		dApplySuccess = false;
+		dApplyError = '';
+
+		try {
+			const res = await fetch('/api/admin/text-gen/description', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({
+					slug: dSlug.trim(),
+					instructions: dInstructions.trim(),
+					model: selectedModel
+				})
+			});
+			const body = await res.json().catch(() => ({}));
+			if (!res.ok) {
+				dError = body.error ?? body.message ?? `Error ${res.status}`;
+				return;
+			}
+			dOldDesc = body.old_description ?? '';
+			dNewDesc = body.new_description ?? '';
+			dUsedModel = body.model ?? '';
+		} catch {
+			dError = 'Network error.';
+		} finally {
+			dGenerating = false;
+		}
+	}
+
+	async function applyDescription() {
+		if (!dCanApply) return;
+		dApplying = true;
+		dApplyError = '';
+		dApplySuccess = false;
+
+		try {
+			const res = await fetch('/api/admin/text-gen/description/apply', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({
+					slug: dSlug.trim(),
+					description: dNewDesc.trim()
+				})
+			});
+			const body = await res.json().catch(() => ({}));
+			if (!res.ok) {
+				dApplyError = body.error ?? body.message ?? `Error ${res.status}`;
+				return;
+			}
+			dApplySuccess = true;
+		} catch {
+			dApplyError = 'Network error.';
+		} finally {
+			dApplying = false;
+		}
+	}
+
+	// ── Tagline state ─────────────────────────────────────────────────────────────
+	let tAC = makeBookAC();
+	let tSlug = $state('');
+	let tGenerating = $state(false);
+	let tError = $state('');
+	let tResult = $state('');
+	let tEdited = $state('');
+	let tUsedModel = $state('');
+	let tCopied = $state(false);
+
+	let tCanGenerate = $derived(tSlug.trim().length > 0 && !tGenerating);
+
+	function selectTBook(b: BookSummary) { tSlug = b.slug; tAC.inputVal = b.slug; tAC.focused = false; }
+	function onTSlugInput() { tSlug = tAC.inputVal; }
+
+	async function generateTagline() {
+		if (!tCanGenerate) return;
+		tGenerating = true; tError = ''; tResult = ''; tEdited = ''; tCopied = false;
+		try {
+			const res = await fetch('/api/admin/text-gen/tagline', {
+				method: 'POST', headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug: tSlug.trim(), model: selectedModel })
+			});
+			const body = await res.json().catch(() => ({}));
+			if (!res.ok) { tError = body.error ?? `Error ${res.status}`; return; }
+			tResult = body.new_tagline ?? '';
+			tEdited = tResult;
+			tUsedModel = body.model ?? '';
+		} catch { tError = 'Network error.'; } finally { tGenerating = false; }
+	}
+
+	async function copyTagline() {
+		await navigator.clipboard.writeText(tEdited || tResult);
+		tCopied = true;
+		setTimeout(() => { tCopied = false; }, 2000);
+	}
+
+	// ── Genres state ──────────────────────────────────────────────────────────────
+	let gAC = makeBookAC();
+	let gSlug = $state('');
+	let gGenerating = $state(false);
+	let gError = $state('');
+	let gCurrent = $state<string[]>([]);
+	let gProposed = $state<string[]>([]);
+	let gEdited = $state<string[]>([]);
+	let gUsedModel = $state('');
+	let gApplying = $state(false);
+	let gApplyError = $state('');
+	let gApplySuccess = $state(false);
+
+	let gCanGenerate = $derived(gSlug.trim().length > 0 && !gGenerating);
+	let gCanApply = $derived(gEdited.length > 0 && !gApplying);
+
+	function selectGBook(b: BookSummary) { gSlug = b.slug; gAC.inputVal = b.slug; gAC.focused = false; }
+	function onGSlugInput() { gSlug = gAC.inputVal; }
+
+	async function generateGenres() {
+		if (!gCanGenerate) return;
+		gGenerating = true; gError = ''; gCurrent = []; gProposed = []; gEdited = []; gApplySuccess = false;
+		try {
+			const res = await fetch('/api/admin/text-gen/genres', {
+				method: 'POST', headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug: gSlug.trim(), model: selectedModel })
+			});
+			const body = await res.json().catch(() => ({}));
+			if (!res.ok) { gError = body.error ?? `Error ${res.status}`; return; }
+			gCurrent = body.current_genres ?? [];
+			gProposed = body.proposed_genres ?? [];
+			gEdited = [...gProposed];
+			gUsedModel = body.model ?? '';
+		} catch { gError = 'Network error.'; } finally { gGenerating = false; }
+	}
+
+	async function applyGenres() {
+		if (!gCanApply) return;
+		gApplying = true; gApplyError = ''; gApplySuccess = false;
+		try {
+			const res = await fetch('/api/admin/text-gen/genres/apply', {
+				method: 'POST', headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug: gSlug.trim(), genres: gEdited.filter(Boolean) })
+			});
+			const body = await res.json().catch(() => ({}));
+			if (!res.ok) { gApplyError = body.error ?? `Error ${res.status}`; return; }
+			gApplySuccess = true;
+		} catch { gApplyError = 'Network error.'; } finally { gApplying = false; }
+	}
+
+	// ── Content warnings state ────────────────────────────────────────────────────
+	let wAC = makeBookAC();
+	let wSlug = $state('');
+	let wGenerating = $state(false);
+	let wError = $state('');
+	let wWarnings = $state<string[]>([]);
+	let wUsedModel = $state('');
+	let wCopied = $state(false);
+
+	let wCanGenerate = $derived(wSlug.trim().length > 0 && !wGenerating);
+
+	function selectWBook(b: BookSummary) { wSlug = b.slug; wAC.inputVal = b.slug; wAC.focused = false; }
+	function onWSlugInput() { wSlug = wAC.inputVal; }
+
+	async function generateWarnings() {
+		if (!wCanGenerate) return;
+		wGenerating = true; wError = ''; wWarnings = []; wCopied = false;
+		try {
+			const res = await fetch('/api/admin/text-gen/content-warnings', {
+				method: 'POST', headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug: wSlug.trim(), model: selectedModel })
+			});
+			const body = await res.json().catch(() => ({}));
+			if (!res.ok) { wError = body.error ?? `Error ${res.status}`; return; }
+			wWarnings = body.warnings ?? [];
+			wUsedModel = body.model ?? '';
+		} catch { wError = 'Network error.'; } finally { wGenerating = false; }
+	}
+
+	async function copyWarnings() {
+		await navigator.clipboard.writeText(wWarnings.join(', '));
+		wCopied = true;
+		setTimeout(() => { wCopied = false; }, 2000);
+	}
+
+	// ── Quality score state ───────────────────────────────────────────────────────
+	let qAC = makeBookAC();
+	let qSlug = $state('');
+	let qGenerating = $state(false);
+	let qError = $state('');
+	let qScore = $state(0);
+	let qFeedback = $state('');
+	let qUsedModel = $state('');
+
+	let qCanGenerate = $derived(qSlug.trim().length > 0 && !qGenerating);
+
+	function selectQBook(b: BookSummary) { qSlug = b.slug; qAC.inputVal = b.slug; qAC.focused = false; }
+	function onQSlugInput() { qSlug = qAC.inputVal; }
+
+	async function generateQualityScore() {
+		if (!qCanGenerate) return;
+		qGenerating = true; qError = ''; qScore = 0; qFeedback = '';
+		try {
+			const res = await fetch('/api/admin/text-gen/quality-score', {
+				method: 'POST', headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug: qSlug.trim(), model: selectedModel })
+			});
+			const body = await res.json().catch(() => ({}));
+			if (!res.ok) { qError = body.error ?? `Error ${res.status}`; return; }
+			qScore = body.score ?? 0;
+			qFeedback = body.feedback ?? '';
+			qUsedModel = body.model ?? '';
+		} catch { qError = 'Network error.'; } finally { qGenerating = false; }
+	}
+</script>
+
+<svelte:head>
+	<title>{m.admin_text_gen_page_title()}</title>
+</svelte:head>
+
+<div class="space-y-6 max-w-5xl">
+	<!-- Header -->
+	<div>
+		<h1 class="text-2xl font-bold text-(--color-text)">{m.admin_text_gen_heading()}</h1>
+		<p class="text-(--color-muted) text-sm mt-1">
+			Generate chapter titles and book descriptions using Cloudflare Workers AI.
+		</p>
+	</div>
+
+	<!-- Model selector (shared) -->
+	<div class="space-y-1 max-w-md">
+		<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="model-select">
+			Model
+		</label>
+		<select
+			id="model-select"
+			bind:value={selectedModel}
+			class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+		>
+			{#each models as m}
+				<option value={m.id}>{m.label} — {m.provider} ({fmtCtx(m.context_size)})</option>
+			{/each}
+		</select>
+		{#if selectedModelInfo}
+			<p class="text-xs text-(--color-muted)">{selectedModelInfo.description}</p>
+		{/if}
+	</div>
+
+	<!-- Tab toggle -->
+	<div class="flex flex-wrap gap-1 bg-(--color-surface-2) rounded-lg p-1 w-fit border border-(--color-border)">
+		{#each ([
+			['chapters', 'Chapter Names'],
+			['description', 'Description'],
+			['tagline', 'Tagline'],
+			['genres', 'Genres'],
+			['warnings', 'Warnings'],
+			['quality', 'Quality'],
+		] as const) as [t, label]}
+			<button
+				onclick={() => (activeTab = t)}
+				class="px-3 py-1.5 rounded-md text-sm font-medium transition-colors
+					{activeTab === t
+						? 'bg-(--color-surface-3) text-(--color-text)'
+						: 'text-(--color-muted) hover:text-(--color-text)'}"
+			>
+				{label}
+			</button>
+		{/each}
+	</div>
+
+	<!-- ── Chapter names panel ────────────────────────────────────────────────── -->
+	{#if activeTab === 'chapters'}
+		<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 items-start">
+			<!-- Left: form -->
+			<div class="space-y-4">
+				<div class="space-y-1">
+					<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="ch-slug">
+						Book slug
+					</label>
+					<div class="relative">
+						<input
+							id="ch-slug"
+							type="text"
+							bind:value={chAC.inputVal}
+							oninput={onChSlugInput}
+							onfocus={() => (chAC.focused = true)}
+							onblur={() => setTimeout(() => { chAC.focused = false; }, 150)}
+							placeholder="e.g. shadow-slave"
+							autocomplete="off"
+							class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+						/>
+						{#if chAC.focused && chAC.suggestions.length > 0}
+							<ul class="absolute z-50 top-full left-0 right-0 mt-1 bg-(--color-surface-2) border border-(--color-border) rounded-lg shadow-xl overflow-hidden max-h-56 overflow-y-auto">
+								{#each chAC.suggestions as b}
+									<!-- svelte-ignore a11y_click_events_have_key_events a11y_interactive_supports_focus -->
+									<li
+										role="option"
+										aria-selected={chSlug === b.slug}
+										onmousedown={() => selectChBook(b)}
+										class="flex items-center gap-3 px-3 py-2 cursor-pointer hover:bg-(--color-surface-3) transition-colors"
+									>
+										<div class="min-w-0">
+											<p class="text-sm text-(--color-text) truncate">{b.title}</p>
+											<p class="text-xs text-(--color-muted) font-mono">{b.slug}</p>
+										</div>
+									</li>
+								{/each}
+							</ul>
+						{/if}
+					</div>
+				</div>
+
+				<div class="space-y-1">
+					<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="ch-pattern">
+						Naming pattern
+					</label>
+					<input
+						id="ch-pattern"
+						type="text"
+						bind:value={chPattern}
+						placeholder="e.g. Chapter [n]: [brief scene description]"
+						class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+					/>
+					<p class="text-xs text-(--color-muted)">
+						Describe the desired chapter title format. The AI will rename every chapter to match.
+					</p>
+				</div>
+
+				<!-- Range (optional) -->
+				<div class="grid grid-cols-2 gap-3">
+					<div class="space-y-1">
+						<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="ch-from">
+							From chapter <span class="font-normal">(0=all)</span>
+						</label>
+						<input id="ch-from" type="number" bind:value={chFromChapter} min="0"
+							class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand)" />
+					</div>
+					<div class="space-y-1">
+						<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="ch-to">
+							To chapter <span class="font-normal">(0=all)</span>
+						</label>
+						<input id="ch-to" type="number" bind:value={chToChapter} min="0"
+							class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand)" />
+					</div>
+				</div>
+				{#if chJobID}
+					<p class="text-xs text-(--color-muted)">Job: <span class="font-mono">{chJobID}</span></p>
+				{/if}
+
+				<button
+					onclick={generateChapterNames}
+					disabled={!chCanGenerate}
+					class="w-full py-2.5 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm
+						hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed
+						flex items-center justify-center gap-2"
+				>
+					{#if chGenerating}
+						<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+							<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+							<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+						</svg>
+						Generating…
+					{:else}
+						Generate proposals
+					{/if}
+				</button>
+
+				{#if chError}
+					<p class="text-sm text-(--color-danger) bg-(--color-danger)/10 rounded-lg px-3 py-2">{chError}</p>
+				{/if}
+			</div>
+
+			<!-- Right: proposals -->
+			<div class="space-y-4">
+				{#if chProposals.length > 0}
+					<div class="space-y-2">
+						<div class="flex items-center justify-between">
+							<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-widest">
+								{chProposals.length} proposals
+								{#if chUsedModel}
+									<span class="normal-case font-normal">· {chUsedModel.split('/').pop()}</span>
+								{/if}
+							</p>
+							{#if chBatchProgress}
+								<span class="text-xs text-(--color-muted) flex items-center gap-1.5">
+									{#if chGenerating}
+										<svg class="w-3 h-3 animate-spin shrink-0" fill="none" viewBox="0 0 24 24">
+											<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+											<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+										</svg>
+									{/if}
+									{chBatchProgress}
+								</span>
+							{/if}
+						</div>
+
+						{#if chBatchWarnings.length > 0}
+							<div class="space-y-1">
+								{#each chBatchWarnings as w}
+									<p class="text-xs text-amber-400 bg-amber-400/10 rounded-lg px-3 py-2">{w}</p>
+								{/each}
+							</div>
+						{/if}
+
+						<div class="max-h-[28rem] overflow-y-auto space-y-2 pr-1">
+							{#each chProposals as proposal}
+								<div class="bg-(--color-surface) border border-(--color-border) rounded-lg p-3 space-y-1.5">
+									<div class="flex items-center gap-2">
+										<span class="text-xs font-mono text-(--color-muted) w-8 shrink-0">#{proposal.number}</span>
+										<p class="text-xs text-(--color-muted) line-through truncate flex-1" title={proposal.old_title}>
+											{proposal.old_title}
+										</p>
+									</div>
+									<input
+										type="text"
+										bind:value={proposal.edited}
+										class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-md px-2.5 py-1.5 text-(--color-text) text-sm focus:outline-none focus:ring-1 focus:ring-(--color-brand)"
+									/>
+								</div>
+							{/each}
+						</div>
+
+						<div class="flex gap-2 pt-1">
+							<button
+								onclick={applyChapterNames}
+								disabled={!chCanApply}
+								class="flex-1 py-2 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm
+									hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+							>
+								{chApplying ? 'Saving…' : chApplySuccess ? 'Saved ✓' : `Apply ${chProposals.length} titles`}
+							</button>
+							<button
+								onclick={() => { chProposals = []; chBatchProgress = ''; chBatchWarnings = []; chApplySuccess = false; }}
+								class="px-4 py-2 rounded-lg bg-(--color-surface-2) text-(--color-muted) text-sm
+									hover:text-(--color-text) transition-colors border border-(--color-border)"
+							>
+								Clear
+							</button>
+						</div>
+
+						{#if chApplyError}
+							<p class="text-sm text-(--color-danger) bg-(--color-danger)/10 rounded-lg px-3 py-2">{chApplyError}</p>
+						{/if}
+						{#if chApplySuccess}
+							<p class="text-sm text-green-400 bg-green-400/10 rounded-lg px-3 py-2">
+								{chProposals.length} chapter titles saved successfully.
+							</p>
+						{/if}
+					</div>
+				{:else if chGenerating}
+					<div class="flex items-center justify-center bg-(--color-surface) border border-(--color-border) rounded-xl h-48">
+						<div class="text-center space-y-3">
+							<svg class="w-8 h-8 animate-spin mx-auto text-(--color-brand)" fill="none" viewBox="0 0 24 24">
+								<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+								<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+							</svg>
+							<p class="text-sm text-(--color-muted)">
+								{chBatchProgress || 'Generating chapter titles…'}
+							</p>
+						</div>
+					</div>
+				{:else}
+					<div class="flex items-center justify-center bg-(--color-surface) border border-(--color-border) border-dashed rounded-xl h-48">
+						<p class="text-sm text-(--color-muted)">Proposed titles will appear here</p>
+					</div>
+				{/if}
+			</div>
+		</div>
+	{/if}
+
+	<!-- ── Description panel ──────────────────────────────────────────────────── -->
+	{#if activeTab === 'description'}
+		<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 items-start">
+			<!-- Left: form -->
+			<div class="space-y-4">
+				<div class="space-y-1">
+					<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="d-slug">
+						Book slug
+					</label>
+					<div class="relative">
+						<input
+							id="d-slug"
+							type="text"
+							bind:value={dAC.inputVal}
+							oninput={onDSlugInput}
+							onfocus={() => (dAC.focused = true)}
+							onblur={() => setTimeout(() => { dAC.focused = false; }, 150)}
+							placeholder="e.g. shadow-slave"
+							autocomplete="off"
+							class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+						/>
+						{#if dAC.focused && dAC.suggestions.length > 0}
+							<ul class="absolute z-50 top-full left-0 right-0 mt-1 bg-(--color-surface-2) border border-(--color-border) rounded-lg shadow-xl overflow-hidden max-h-56 overflow-y-auto">
+								{#each dAC.suggestions as b}
+									<!-- svelte-ignore a11y_click_events_have_key_events a11y_interactive_supports_focus -->
+									<li
+										role="option"
+										aria-selected={dSlug === b.slug}
+										onmousedown={() => selectDBook(b)}
+										class="flex items-center gap-3 px-3 py-2 cursor-pointer hover:bg-(--color-surface-3) transition-colors"
+									>
+										<div class="min-w-0">
+											<p class="text-sm text-(--color-text) truncate">{b.title}</p>
+											<p class="text-xs text-(--color-muted) font-mono">{b.slug}</p>
+										</div>
+									</li>
+								{/each}
+							</ul>
+						{/if}
+					</div>
+				</div>
+
+				<div class="space-y-1">
+					<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="d-instructions">
+						Instructions <span class="normal-case font-normal text-(--color-muted)">(optional)</span>
+					</label>
+					<textarea
+						id="d-instructions"
+						bind:value={dInstructions}
+						rows="3"
+						placeholder="e.g. Write a 3-sentence blurb, avoid spoilers, dramatic tone."
+						class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand) resize-y"
+					></textarea>
+				</div>
+
+				<button
+					onclick={generateDescription}
+					disabled={!dCanGenerate}
+					class="w-full py-2.5 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm
+						hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed
+						flex items-center justify-center gap-2"
+				>
+					{#if dGenerating}
+						<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+							<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+							<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+						</svg>
+						Generating…
+					{:else}
+						Generate description
+					{/if}
+				</button>
+
+				{#if dError}
+					<p class="text-sm text-(--color-danger) bg-(--color-danger)/10 rounded-lg px-3 py-2">{dError}</p>
+				{/if}
+			</div>
+
+			<!-- Right: result -->
+			<div class="space-y-4">
+				{#if dNewDesc || dOldDesc}
+					<div class="space-y-4">
+						{#if dOldDesc}
+							<div class="space-y-1">
+								<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-widest">Current description</p>
+								<div class="bg-(--color-surface) border border-(--color-border) rounded-lg p-3">
+									<p class="text-sm text-(--color-muted) whitespace-pre-wrap">{dOldDesc}</p>
+								</div>
+							</div>
+						{/if}
+
+						{#if dNewDesc}
+							<div class="space-y-1">
+								<div class="flex items-center justify-between">
+									<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-widest">
+										Proposed description
+										{#if dUsedModel}
+											<span class="normal-case font-normal">· {dUsedModel.split('/').pop()}</span>
+										{/if}
+									</p>
+								</div>
+								<textarea
+									bind:value={dNewDesc}
+									rows="6"
+									class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand) resize-y"
+								></textarea>
+							</div>
+
+							<div class="flex gap-2">
+								<button
+									onclick={applyDescription}
+									disabled={!dCanApply}
+									class="flex-1 py-2 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm
+										hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+								>
+									{dApplying ? 'Saving…' : dApplySuccess ? 'Saved ✓' : 'Apply description'}
+								</button>
+								<button
+									onclick={() => { dNewDesc = ''; dOldDesc = ''; dApplySuccess = false; }}
+									class="px-4 py-2 rounded-lg bg-(--color-surface-2) text-(--color-muted) text-sm
+										hover:text-(--color-text) transition-colors border border-(--color-border)"
+								>
+									Clear
+								</button>
+							</div>
+
+							{#if dApplyError}
+								<p class="text-sm text-(--color-danger) bg-(--color-danger)/10 rounded-lg px-3 py-2">{dApplyError}</p>
+							{/if}
+							{#if dApplySuccess}
+								<p class="text-sm text-green-400 bg-green-400/10 rounded-lg px-3 py-2">Description saved successfully.</p>
+							{/if}
+						{/if}
+					</div>
+				{:else if dGenerating}
+					<div class="flex items-center justify-center bg-(--color-surface) border border-(--color-border) rounded-xl h-48">
+						<div class="text-center space-y-3">
+							<svg class="w-8 h-8 animate-spin mx-auto text-(--color-brand)" fill="none" viewBox="0 0 24 24">
+								<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+								<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+							</svg>
+							<p class="text-sm text-(--color-muted)">Generating description…</p>
+						</div>
+					</div>
+				{:else}
+					<div class="flex items-center justify-center bg-(--color-surface) border border-(--color-border) border-dashed rounded-xl h-48">
+						<p class="text-sm text-(--color-muted)">Proposed description will appear here</p>
+					</div>
+				{/if}
+			</div>
+		</div>
+	{/if}
+
+	<!-- ── Tagline panel ──────────────────────────────────────────────────────── -->
+	{#if activeTab === 'tagline'}
+		<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 items-start">
+			<div class="space-y-4">
+				<div class="space-y-1">
+					<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="t-slug">Book slug</label>
+					<div class="relative">
+						<input id="t-slug" type="text" bind:value={tAC.inputVal} oninput={onTSlugInput}
+							onfocus={() => (tAC.focused = true)} onblur={() => setTimeout(() => { tAC.focused = false; }, 150)}
+							placeholder="e.g. shadow-slave" autocomplete="off"
+							class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand)" />
+						{#if tAC.focused && tAC.suggestions.length > 0}
+							<ul class="absolute z-50 top-full left-0 right-0 mt-1 bg-(--color-surface-2) border border-(--color-border) rounded-lg shadow-xl overflow-hidden max-h-56 overflow-y-auto">
+								{#each tAC.suggestions as b}
+									<!-- svelte-ignore a11y_click_events_have_key_events a11y_interactive_supports_focus -->
+									<li role="option" aria-selected={tSlug === b.slug} onmousedown={() => selectTBook(b)}
+										class="px-3 py-2 cursor-pointer hover:bg-(--color-surface-3) transition-colors">
+										<p class="text-sm text-(--color-text) truncate">{b.title}</p>
+										<p class="text-xs text-(--color-muted) font-mono">{b.slug}</p>
+									</li>
+								{/each}
+							</ul>
+						{/if}
+					</div>
+				</div>
+				<button onclick={generateTagline} disabled={!tCanGenerate}
+					class="w-full py-2.5 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm
+						hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2">
+					{#if tGenerating}
+						<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+							<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+							<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+						</svg>Generating…
+					{:else}Generate tagline{/if}
+				</button>
+				{#if tError}<p class="text-sm text-(--color-danger) bg-(--color-danger)/10 rounded-lg px-3 py-2">{tError}</p>{/if}
+			</div>
+		<div>
+			{#if tResult}
+				<div class="space-y-2">
+					<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-widest">
+						Tagline{#if tUsedModel}<span class="normal-case font-normal"> · {tUsedModel.split('/').pop()}</span>{/if}
+					</p>
+					<input
+						type="text"
+						bind:value={tEdited}
+						class="w-full bg-(--color-surface) border border-(--color-brand)/40 rounded-xl px-4 py-3 text-base italic text-(--color-text) focus:outline-none focus:ring-1 focus:ring-(--color-brand)"
+					/>
+					<p class="text-xs text-(--color-muted)">Note: tagline field not yet in the data model — copy and use manually.</p>
+					<div class="flex gap-2">
+						<button
+							onclick={copyTagline}
+							class="px-3 py-1.5 rounded-md text-xs font-medium transition-colors
+								{tCopied ? 'bg-green-400/10 text-green-400 border border-green-400/30' : 'bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text) border border-(--color-border)'}"
+						>
+							{tCopied ? 'Copied ✓' : 'Copy to clipboard'}
+						</button>
+						<button onclick={() => { tResult = ''; tEdited = ''; }} class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors">Clear</button>
+					</div>
+				</div>
+			{:else if tGenerating}
+				<div class="flex items-center justify-center bg-(--color-surface) border border-(--color-border) rounded-xl h-28">
+					<svg class="w-6 h-6 animate-spin text-(--color-brand)" fill="none" viewBox="0 0 24 24">
+						<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+						<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+					</svg>
+				</div>
+			{:else}
+				<div class="flex items-center justify-center bg-(--color-surface) border border-(--color-border) border-dashed rounded-xl h-28">
+					<p class="text-sm text-(--color-muted)">Tagline will appear here</p>
+				</div>
+			{/if}
+		</div>
+	</div>
+{/if}
+
+	<!-- ── Genres panel ────────────────────────────────────────────────────────── -->
+	{#if activeTab === 'genres'}
+		<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 items-start">
+			<div class="space-y-4">
+				<div class="space-y-1">
+					<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="g-slug">Book slug</label>
+					<div class="relative">
+						<input id="g-slug" type="text" bind:value={gAC.inputVal} oninput={onGSlugInput}
+							onfocus={() => (gAC.focused = true)} onblur={() => setTimeout(() => { gAC.focused = false; }, 150)}
+							placeholder="e.g. shadow-slave" autocomplete="off"
+							class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand)" />
+						{#if gAC.focused && gAC.suggestions.length > 0}
+							<ul class="absolute z-50 top-full left-0 right-0 mt-1 bg-(--color-surface-2) border border-(--color-border) rounded-lg shadow-xl overflow-hidden max-h-56 overflow-y-auto">
+								{#each gAC.suggestions as b}
+									<!-- svelte-ignore a11y_click_events_have_key_events a11y_interactive_supports_focus -->
+									<li role="option" aria-selected={gSlug === b.slug} onmousedown={() => selectGBook(b)}
+										class="px-3 py-2 cursor-pointer hover:bg-(--color-surface-3) transition-colors">
+										<p class="text-sm text-(--color-text) truncate">{b.title}</p>
+										<p class="text-xs text-(--color-muted) font-mono">{b.slug}</p>
+									</li>
+								{/each}
+							</ul>
+						{/if}
+					</div>
+				</div>
+				<button onclick={generateGenres} disabled={!gCanGenerate}
+					class="w-full py-2.5 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm
+						hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2">
+					{#if gGenerating}
+						<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+							<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+							<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+						</svg>Generating…
+					{:else}Suggest genres{/if}
+				</button>
+				{#if gError}<p class="text-sm text-(--color-danger) bg-(--color-danger)/10 rounded-lg px-3 py-2">{gError}</p>{/if}
+			</div>
+			<div class="space-y-4">
+				{#if gProposed.length > 0}
+					<div class="space-y-3">
+						{#if gCurrent.length > 0}
+							<div>
+								<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-widest mb-1.5">Current genres</p>
+								<div class="flex flex-wrap gap-1.5">
+									{#each gCurrent as g}
+										<span class="px-2.5 py-0.5 rounded-full text-xs bg-(--color-surface-2) text-(--color-muted) border border-(--color-border)">{g}</span>
+									{/each}
+								</div>
+							</div>
+						{/if}
+						<div>
+							<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-widest mb-1.5">
+								Proposed{#if gUsedModel}<span class="normal-case font-normal"> · {gUsedModel.split('/').pop()}</span>{/if}
+							</p>
+							<div class="flex flex-wrap gap-1.5">
+								{#each gEdited as g, i}
+									<input type="text" bind:value={gEdited[i]}
+										class="px-2.5 py-0.5 rounded-full text-xs bg-(--color-brand)/10 border border-(--color-brand)/30 text-(--color-text) focus:outline-none focus:ring-1 focus:ring-(--color-brand)" />
+								{/each}
+								<button onclick={() => { gEdited = [...gEdited, '']; }}
+									class="px-2.5 py-0.5 rounded-full text-xs bg-(--color-surface-2) border border-(--color-border) text-(--color-muted) hover:text-(--color-text) transition-colors">+ add</button>
+							</div>
+						</div>
+						<div class="flex gap-2 pt-1">
+							<button onclick={applyGenres} disabled={!gCanApply}
+								class="flex-1 py-2 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm
+									hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed">
+								{gApplying ? 'Saving…' : gApplySuccess ? 'Saved ✓' : 'Apply genres'}
+							</button>
+							<button onclick={() => { gProposed = []; gEdited = []; gApplySuccess = false; }}
+								class="px-4 py-2 rounded-lg bg-(--color-surface-2) text-(--color-muted) text-sm hover:text-(--color-text) transition-colors border border-(--color-border)">
+								Clear
+							</button>
+						</div>
+						{#if gApplyError}<p class="text-sm text-(--color-danger) bg-(--color-danger)/10 rounded-lg px-3 py-2">{gApplyError}</p>{/if}
+						{#if gApplySuccess}<p class="text-sm text-green-400 bg-green-400/10 rounded-lg px-3 py-2">Genres saved successfully.</p>{/if}
+					</div>
+				{:else if gGenerating}
+					<div class="flex items-center justify-center bg-(--color-surface) border border-(--color-border) rounded-xl h-32">
+						<svg class="w-6 h-6 animate-spin text-(--color-brand)" fill="none" viewBox="0 0 24 24">
+							<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+							<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+						</svg>
+					</div>
+				{:else}
+					<div class="flex items-center justify-center bg-(--color-surface) border border-(--color-border) border-dashed rounded-xl h-32">
+						<p class="text-sm text-(--color-muted)">Genre suggestions will appear here</p>
+					</div>
+				{/if}
+			</div>
+		</div>
+	{/if}
+
+	<!-- ── Content warnings panel ─────────────────────────────────────────────── -->
+	{#if activeTab === 'warnings'}
+		<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 items-start">
+			<div class="space-y-4">
+				<div class="space-y-1">
+					<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="w-slug">Book slug</label>
+					<div class="relative">
+						<input id="w-slug" type="text" bind:value={wAC.inputVal} oninput={onWSlugInput}
+							onfocus={() => (wAC.focused = true)} onblur={() => setTimeout(() => { wAC.focused = false; }, 150)}
+							placeholder="e.g. shadow-slave" autocomplete="off"
+							class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand)" />
+						{#if wAC.focused && wAC.suggestions.length > 0}
+							<ul class="absolute z-50 top-full left-0 right-0 mt-1 bg-(--color-surface-2) border border-(--color-border) rounded-lg shadow-xl overflow-hidden max-h-56 overflow-y-auto">
+								{#each wAC.suggestions as b}
+									<!-- svelte-ignore a11y_click_events_have_key_events a11y_interactive_supports_focus -->
+									<li role="option" aria-selected={wSlug === b.slug} onmousedown={() => selectWBook(b)}
+										class="px-3 py-2 cursor-pointer hover:bg-(--color-surface-3) transition-colors">
+										<p class="text-sm text-(--color-text) truncate">{b.title}</p>
+										<p class="text-xs text-(--color-muted) font-mono">{b.slug}</p>
+									</li>
+								{/each}
+							</ul>
+						{/if}
+					</div>
+				</div>
+				<button onclick={generateWarnings} disabled={!wCanGenerate}
+					class="w-full py-2.5 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm
+						hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2">
+					{#if wGenerating}
+						<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+							<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+							<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+						</svg>Detecting…
+					{:else}Detect content warnings{/if}
+				</button>
+				{#if wError}<p class="text-sm text-(--color-danger) bg-(--color-danger)/10 rounded-lg px-3 py-2">{wError}</p>{/if}
+			</div>
+		<div>
+			{#if wWarnings.length > 0}
+				<div class="space-y-2">
+					<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-widest">
+						Detected warnings{#if wUsedModel}<span class="normal-case font-normal"> · {wUsedModel.split('/').pop()}</span>{/if}
+					</p>
+					<div class="flex flex-wrap gap-2">
+						{#each wWarnings as w}
+							<span class="px-3 py-1 rounded-full text-sm bg-amber-400/10 text-amber-400 border border-amber-400/30">{w}</span>
+						{/each}
+					</div>
+					<p class="text-xs text-(--color-muted)">Note: content warnings field not yet in the data model — copy and use manually.</p>
+					<div class="flex gap-2">
+						<button
+							onclick={copyWarnings}
+							class="px-3 py-1.5 rounded-md text-xs font-medium transition-colors
+								{wCopied ? 'bg-green-400/10 text-green-400 border border-green-400/30' : 'bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text) border border-(--color-border)'}"
+						>
+							{wCopied ? 'Copied ✓' : 'Copy to clipboard'}
+						</button>
+						<button onclick={() => { wWarnings = []; wUsedModel = ''; }} class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors">Clear</button>
+					</div>
+				</div>
+			{:else if wWarnings.length === 0 && wUsedModel}
+				<div class="bg-green-400/10 border border-green-400/30 rounded-xl p-4">
+					<p class="text-sm text-green-400">No content warnings detected.</p>
+				</div>
+			{:else if wGenerating}
+				<div class="flex items-center justify-center bg-(--color-surface) border border-(--color-border) rounded-xl h-28">
+					<svg class="w-6 h-6 animate-spin text-(--color-brand)" fill="none" viewBox="0 0 24 24">
+						<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+						<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+					</svg>
+				</div>
+			{:else}
+				<div class="flex items-center justify-center bg-(--color-surface) border border-(--color-border) border-dashed rounded-xl h-28">
+					<p class="text-sm text-(--color-muted)">Warnings will appear here</p>
+				</div>
+			{/if}
+		</div>
+	</div>
+{/if}
+
+	<!-- ── Quality score panel ────────────────────────────────────────────────── -->
+	{#if activeTab === 'quality'}
+		<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 items-start">
+			<div class="space-y-4">
+				<div class="space-y-1">
+					<label class="text-xs font-medium text-(--color-muted) uppercase tracking-wide" for="q-slug">Book slug</label>
+					<div class="relative">
+						<input id="q-slug" type="text" bind:value={qAC.inputVal} oninput={onQSlugInput}
+							onfocus={() => (qAC.focused = true)} onblur={() => setTimeout(() => { qAC.focused = false; }, 150)}
+							placeholder="e.g. shadow-slave" autocomplete="off"
+							class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand)" />
+						{#if qAC.focused && qAC.suggestions.length > 0}
+							<ul class="absolute z-50 top-full left-0 right-0 mt-1 bg-(--color-surface-2) border border-(--color-border) rounded-lg shadow-xl overflow-hidden max-h-56 overflow-y-auto">
+								{#each qAC.suggestions as b}
+									<!-- svelte-ignore a11y_click_events_have_key_events a11y_interactive_supports_focus -->
+									<li role="option" aria-selected={qSlug === b.slug} onmousedown={() => selectQBook(b)}
+										class="px-3 py-2 cursor-pointer hover:bg-(--color-surface-3) transition-colors">
+										<p class="text-sm text-(--color-text) truncate">{b.title}</p>
+										<p class="text-xs text-(--color-muted) font-mono">{b.slug}</p>
+									</li>
+								{/each}
+							</ul>
+						{/if}
+					</div>
+				</div>
+				<button onclick={generateQualityScore} disabled={!qCanGenerate}
+					class="w-full py-2.5 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm
+						hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2">
+					{#if qGenerating}
+						<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+							<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+							<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+						</svg>Scoring…
+					{:else}Score description quality{/if}
+				</button>
+				{#if qError}<p class="text-sm text-(--color-danger) bg-(--color-danger)/10 rounded-lg px-3 py-2">{qError}</p>{/if}
+			</div>
+			<div>
+				{#if qScore > 0}
+					<div class="space-y-3">
+						<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-widest">
+							Quality score{#if qUsedModel}<span class="normal-case font-normal"> · {qUsedModel.split('/').pop()}</span>{/if}
+						</p>
+						<div class="bg-(--color-surface) border border-(--color-border) rounded-xl p-4 space-y-3">
+							<div class="flex items-center gap-3">
+								<span class="text-4xl font-bold text-(--color-brand)">{qScore}</span>
+								<div class="flex gap-1">
+									{#each [1,2,3,4,5] as star}
+										<span class="text-xl {star <= qScore ? 'text-amber-400' : 'text-(--color-border)'}">★</span>
+									{/each}
+								</div>
+							</div>
+							{#if qFeedback}
+								<p class="text-sm text-(--color-muted)">{qFeedback}</p>
+							{/if}
+						</div>
+						<button onclick={() => { qScore = 0; qFeedback = ''; qUsedModel = ''; }} class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors">Clear</button>
+					</div>
+				{:else if qGenerating}
+					<div class="flex items-center justify-center bg-(--color-surface) border border-(--color-border) rounded-xl h-28">
+						<svg class="w-6 h-6 animate-spin text-(--color-brand)" fill="none" viewBox="0 0 24 24">
+							<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+							<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
+						</svg>
+					</div>
+				{:else}
+					<div class="flex items-center justify-center bg-(--color-surface) border border-(--color-border) border-dashed rounded-xl h-28">
+						<p class="text-sm text-(--color-muted)">Quality score will appear here</p>
+					</div>
+				{/if}
+			</div>
+		</div>
+	{/if}
+</div>
diff --git a/ui/src/routes/admin/translation/+page.server.ts b/ui/src/routes/admin/translation/+page.server.ts
new file mode 100644
index 0000000..4858bdc
--- /dev/null
+++ b/ui/src/routes/admin/translation/+page.server.ts
@@ -0,0 +1,65 @@
+import { redirect } from '@sveltejs/kit';
+import type { Actions, PageServerLoad } from './$types';
+import { listBookSlugs, listTranslationJobs, type TranslationJob } from '$lib/server/pocketbase';
+import { backendFetch } from '$lib/server/scraper';
+import { log } from '$lib/server/logger';
+
+export const load: PageServerLoad = async ({ locals }) => {
+	if (locals.user?.role !== 'admin') {
+		redirect(302, '/');
+	}
+
+	// Stream jobs — navigation is instant, list populates shortly after.
+	const jobs = listTranslationJobs().catch((e): TranslationJob[] => {
+		log.warn('admin/translation', 'failed to load translation jobs', { err: String(e) });
+		return [];
+	});
+
+	// Books list is needed immediately for the enqueue form, but use cache so
+	// it's fast on repeat visits.
+	const books = await listBookSlugs().catch((e): Awaited<ReturnType<typeof listBookSlugs>> => {
+		log.warn('admin/translation', 'failed to load book slugs', { err: String(e) });
+		return [];
+	});
+
+	return { books, jobs };
+};
+
+export const actions: Actions = {
+	bulk: async ({ request, locals }) => {
+		if (locals.user?.role !== 'admin') {
+			return { success: false, error: 'Unauthorized' };
+		}
+
+		const form = await request.formData();
+		const slug = form.get('slug')?.toString().trim() ?? '';
+		const lang = form.get('lang')?.toString().trim() ?? '';
+		const from = parseInt(form.get('from')?.toString() ?? '1', 10);
+		const to = parseInt(form.get('to')?.toString() ?? '1', 10);
+
+		if (!slug || !lang) {
+			return { success: false, error: 'slug and lang are required' };
+		}
+		if (isNaN(from) || isNaN(to) || from < 1 || to < from) {
+			return { success: false, error: 'Invalid chapter range' };
+		}
+
+		try {
+			const res = await backendFetch('/api/admin/translation/bulk', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug, lang, from, to })
+			});
+			if (!res.ok) {
+				const body = await res.text().catch(() => '');
+				log.error('admin/translation', 'bulk enqueue failed', { status: res.status, body });
+				return { success: false, error: `Backend error ${res.status}: ${body}` };
+			}
+			const data = await res.json();
+			return { success: true, enqueued: data.enqueued as number };
+		} catch (e) {
+			log.error('admin/translation', 'bulk enqueue fetch error', { err: String(e) });
+			return { success: false, error: String(e) };
+		}
+	}
+};
diff --git a/ui/src/routes/admin/translation/+page.svelte b/ui/src/routes/admin/translation/+page.svelte
new file mode 100644
index 0000000..b29933c
--- /dev/null
+++ b/ui/src/routes/admin/translation/+page.svelte
@@ -0,0 +1,469 @@
+<script lang="ts">
+	import { enhance } from '$app/forms';
+	import type { PageData, ActionData } from './$types';
+	import type { TranslationJob } from '$lib/server/pocketbase';
+	import * as m from '$lib/paraglide/messages.js';
+
+	let { data, form }: { data: PageData; form: ActionData } = $props();
+
+	let jobs = $state<TranslationJob[]>([]);
+
+	// Resolve streamed promise; re-runs on server reloads (invalidateAll)
+	$effect(() => {
+		Promise.resolve(data.jobs).then((resolved) => { jobs = resolved; });
+	});
+
+	// ── Live-poll while any job is in-flight ─────────────────────────────────────
+	let hasInFlight = $derived(jobs.some((j) => j.status === 'pending' || j.status === 'running'));
+
+	$effect(() => {
+		if (!hasInFlight) return;
+		const id = setInterval(async () => {
+			const res = await fetch('/api/admin/translation-jobs').catch(() => null);
+			if (res?.ok) {
+				const body = await res.json().catch(() => null);
+				if (body?.jobs) jobs = body.jobs;
+			}
+		}, 3000);
+		return () => clearInterval(id);
+	});
+
+	// ── Tabs ─────────────────────────────────────────────────────────────────────
+	type Tab = 'enqueue' | 'jobs';
+	let activeTab = $state<Tab>('enqueue');
+
+	// ── Bulk enqueue form ─────────────────────────────────────────────────────────
+	let slugInput = $state('');
+	let langInput = $state('ru');
+	let fromInput = $state(1);
+	let toInput = $state(1);
+	let submitting = $state(false);
+
+	const langs = [
+		{ value: 'ru', label: 'Russian (ru)' },
+		{ value: 'id', label: 'Indonesian (id)' },
+		{ value: 'pt', label: 'Portuguese (pt)' },
+		{ value: 'fr', label: 'French (fr)' }
+	];
+
+	// ── Jobs helpers ──────────────────────────────────────────────────────────────
+	function jobStatusColor(status: string) {
+		if (status === 'done') return 'text-green-400';
+		if (status === 'running') return 'text-(--color-brand) animate-pulse';
+		if (status === 'pending') return 'text-sky-400 animate-pulse';
+		if (status === 'failed') return 'text-(--color-danger)';
+		if (status === 'cancelled') return 'text-(--color-muted)';
+		return 'text-(--color-text)';
+	}
+
+	function fmtDate(s: string) {
+		if (!s || s.startsWith('0001')) return '—';
+		return new Date(s).toLocaleString(undefined, {
+			month: 'short',
+			day: 'numeric',
+			hour: '2-digit',
+			minute: '2-digit'
+		});
+	}
+
+	function duration(started: string, finished: string) {
+		if (!started || !finished || started.startsWith('0001') || finished.startsWith('0001'))
+			return '—';
+		const ms = new Date(finished).getTime() - new Date(started).getTime();
+		if (ms < 0) return '—';
+		const s = Math.floor(ms / 1000);
+		if (s < 60) return `${s}s`;
+		const m = Math.floor(s / 60);
+		return `${m}m ${s % 60}s`;
+	}
+
+	let jobsQ = $state('');
+	let jobsStatusFilter = $state('all');
+	const JOB_STATUS_OPTIONS = ['all', 'running', 'pending', 'done', 'failed', 'cancelled'] as const;
+
+	let filteredJobs = $derived(
+		jobs.filter((j: TranslationJob) => {
+			const qLower = jobsQ.trim().toLowerCase();
+			const matchesQ =
+				!qLower ||
+				j.slug.toLowerCase().includes(qLower) ||
+				j.lang.toLowerCase().includes(qLower) ||
+				j.status.toLowerCase().includes(qLower);
+			const matchesStatus = jobsStatusFilter === 'all' || j.status === jobsStatusFilter;
+			return matchesQ && matchesStatus;
+		})
+	);
+
+	let stats = $derived({
+		total: jobs.length,
+		done: jobs.filter((j: TranslationJob) => j.status === 'done').length,
+		failed: jobs.filter((j: TranslationJob) => j.status === 'failed').length,
+		running: jobs.filter((j: TranslationJob) => j.status === 'running').length,
+		pending: jobs.filter((j: TranslationJob) => j.status === 'pending').length,
+		cancelled: jobs.filter((j: TranslationJob) => j.status === 'cancelled').length,
+		inFlight: jobs.filter((j: TranslationJob) => j.status === 'pending' || j.status === 'running').length
+	});
+
+	// ── Cancel single job ────────────────────────────────────────────────────────
+	let cancellingJobIds = $state(new Set<string>());
+	let cancelJobErrors: Record<string, string> = $state({});
+
+	async function cancelJob(id: string) {
+		if (cancellingJobIds.has(id)) return;
+		cancellingJobIds = new Set([...cancellingJobIds, id]);
+		delete cancelJobErrors[id];
+		try {
+			const res = await fetch(`/api/admin/ai-jobs/${encodeURIComponent(id)}/cancel`, { method: 'POST' });
+			if (!res.ok) {
+				const body = await res.json().catch(() => ({}));
+				cancelJobErrors = { ...cancelJobErrors, [id]: body.error ?? `Error ${res.status}` };
+			} else {
+				jobs = jobs.map((j: TranslationJob) => j.id === id ? { ...j, status: 'cancelled' } : j);
+			}
+		} catch {
+			cancelJobErrors = { ...cancelJobErrors, [id]: 'Network error.' };
+		} finally {
+			cancellingJobIds = new Set([...cancellingJobIds].filter((x) => x !== id));
+		}
+	}
+
+	// ── Retry failed job ─────────────────────────────────────────────────────────
+	let retryingJobIds = $state(new Set<string>());
+	let retryJobErrors: Record<string, string> = $state({});
+
+	async function retryJob(job: TranslationJob) {
+		if (retryingJobIds.has(job.id)) return;
+		retryingJobIds = new Set([...retryingJobIds, job.id]);
+		delete retryJobErrors[job.id];
+		try {
+			const res = await fetch('/api/admin/translation/bulk', {
+				method: 'POST',
+				headers: { 'content-type': 'application/json' },
+				body: JSON.stringify({ slug: job.slug, lang: job.lang, from: job.chapter, to: job.chapter })
+			});
+			if (!res.ok) {
+				const body = await res.json().catch(() => ({}));
+				retryJobErrors = { ...retryJobErrors, [job.id]: body.error ?? `Error ${res.status}` };
+			} else {
+				jobs = jobs.map((j: TranslationJob) => j.id === job.id ? { ...j, status: 'pending', error_message: '' } : j);
+			}
+		} catch {
+			retryJobErrors = { ...retryJobErrors, [job.id]: 'Network error.' };
+		} finally {
+			retryingJobIds = new Set([...retryingJobIds].filter((x) => x !== job.id));
+		}
+	}
+</script>
+
+<svelte:head>
+	<title>{m.admin_translation_page_title()}</title>
+</svelte:head>
+
+<div class="space-y-6">
+	<!-- Header -->
+	<div>
+		<h1 class="text-2xl font-bold text-(--color-text)">{m.admin_translation_heading()}</h1>
+		<p class="text-(--color-muted) text-sm mt-1">
+			{stats.total} job{stats.total !== 1 ? 's' : ''} &middot;
+			<span class="text-green-400">{stats.done} done</span>
+			{#if stats.failed > 0}
+				&middot; <span class="text-(--color-danger)">{stats.failed} failed</span>
+			{/if}
+			{#if stats.inFlight > 0}
+				&middot; <span class="text-(--color-brand) animate-pulse">{stats.inFlight} in-flight</span>
+			{/if}
+		</p>
+	</div>
+
+	<!-- Tabs -->
+	<div class="flex gap-1 bg-(--color-surface-2) rounded-lg p-1 w-fit border border-(--color-border)">
+		<button
+			onclick={() => (activeTab = 'enqueue')}
+			class="px-4 py-1.5 rounded-md text-sm font-medium transition-colors
+				{activeTab === 'enqueue' ? 'bg-(--color-surface-3) text-(--color-text)' : 'text-(--color-muted) hover:text-(--color-text)'}"
+		>
+			{m.admin_translation_tab_enqueue()}
+		</button>
+		<button
+			onclick={() => (activeTab = 'jobs')}
+			class="px-4 py-1.5 rounded-md text-sm font-medium transition-colors
+				{activeTab === 'jobs' ? 'bg-(--color-surface-3) text-(--color-text)' : 'text-(--color-muted) hover:text-(--color-text)'}"
+		>
+			{m.admin_translation_tab_jobs()}
+			{#if stats.inFlight > 0}
+				<span
+					class="ml-1.5 inline-flex items-center justify-center w-4 h-4 rounded-full bg-(--color-brand) text-(--color-surface) text-[10px] font-bold"
+				>
+					{stats.inFlight}
+				</span>
+			{/if}
+		</button>
+	</div>
+
+	<!-- ── Enqueue tab ─────────────────────────────────────────────────────────── -->
+	{#if activeTab === 'enqueue'}
+		<div class="max-w-lg space-y-5">
+			<!-- Result banner -->
+			{#if form?.success}
+				<div class="rounded-lg border border-green-500/40 bg-green-500/10 px-4 py-3 text-sm text-green-400">
+					Enqueued {form.enqueued} translation job{form.enqueued !== 1 ? 's' : ''} successfully.
+				</div>
+			{:else if form?.error}
+				<div class="rounded-lg border border-(--color-danger)/40 bg-(--color-danger)/10 px-4 py-3 text-sm text-(--color-danger)">
+					{form.error}
+				</div>
+			{/if}
+
+			<form
+				method="POST"
+				action="?/bulk"
+				use:enhance={() => {
+					submitting = true;
+					return async ({ update }) => {
+						await update();
+						submitting = false;
+						activeTab = 'jobs';
+					};
+				}}
+				class="space-y-4"
+			>
+				<!-- Book slug -->
+				<div class="space-y-1">
+					<label for="slug" class="block text-sm font-medium text-(--color-text)">Book slug</label>
+					<input
+						id="slug"
+						name="slug"
+						type="text"
+						required
+						list="book-slugs"
+						bind:value={slugInput}
+						placeholder="e.g. the-beginning-after-the-end"
+						class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+					/>
+					<datalist id="book-slugs">
+						{#each data.books as book}
+							<option value={book.slug}>{book.title}</option>
+						{/each}
+					</datalist>
+				</div>
+
+				<!-- Language -->
+				<div class="space-y-1">
+					<label for="lang" class="block text-sm font-medium text-(--color-text)">Target language</label>
+					<select
+						id="lang"
+						name="lang"
+						bind:value={langInput}
+						class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+					>
+						{#each langs as l}
+							<option value={l.value}>{l.label}</option>
+						{/each}
+					</select>
+				</div>
+
+				<!-- Chapter range -->
+				<div class="grid grid-cols-2 gap-3">
+					<div class="space-y-1">
+						<label for="from" class="block text-sm font-medium text-(--color-text)">From chapter</label>
+						<input
+							id="from"
+							name="from"
+							type="number"
+							min="1"
+							required
+							bind:value={fromInput}
+							class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+						/>
+					</div>
+					<div class="space-y-1">
+						<label for="to" class="block text-sm font-medium text-(--color-text)">To chapter</label>
+						<input
+							id="to"
+							name="to"
+							type="number"
+							min="1"
+							required
+							bind:value={toInput}
+							class="w-full bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+						/>
+					</div>
+				</div>
+
+				<p class="text-xs text-(--color-muted)">
+					Enqueues {Math.max(0, toInput - fromInput + 1)} task{toInput - fromInput + 1 !== 1 ? 's' : ''} — one per chapter. Max 1000 at a time.
+				</p>
+
+				<button
+					type="submit"
+					disabled={submitting}
+					class="w-full sm:w-auto px-6 py-2 rounded-lg bg-(--color-brand) text-(--color-surface) text-sm font-semibold hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed"
+				>
+					{submitting ? 'Enqueueing…' : 'Enqueue translations'}
+				</button>
+			</form>
+		</div>
+	{/if}
+
+	<!-- ── Jobs tab ───────────────────────────────────────────────────────────── -->
+	{#if activeTab === 'jobs'}
+		<div class="flex flex-wrap gap-3 items-center">
+			<input
+				type="search"
+				bind:value={jobsQ}
+				placeholder={m.admin_translation_filter_placeholder()}
+				class="flex-1 min-w-48 max-w-sm bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-2 text-(--color-text) text-sm placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-(--color-brand)"
+			/>
+			<div class="flex gap-1 flex-wrap">
+			{#each JOB_STATUS_OPTIONS as s}
+				{@const count = s === 'all' ? stats.total : (stats as Record<string, number>)[s] ?? 0}
+					<button
+						onclick={() => (jobsStatusFilter = s)}
+						class="px-2.5 py-1 rounded-md text-xs font-medium transition-colors capitalize
+							{jobsStatusFilter === s
+								? 'bg-(--color-brand) text-black'
+								: 'bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text)'}"
+					>
+						{s}{count > 0 ? ` ${count}` : ''}
+					</button>
+				{/each}
+			</div>
+		</div>
+
+		{#if filteredJobs.length === 0}
+			<p class="text-(--color-muted) text-sm py-8 text-center">
+				{jobsQ.trim() ? m.admin_translation_no_matching() : m.admin_translation_no_jobs()}
+			</p>
+		{:else}
+			<!-- Desktop table -->
+			<div class="hidden sm:block overflow-x-auto rounded-xl border border-(--color-border)">
+				<table class="w-full text-sm">
+				<thead class="bg-(--color-surface-2) text-(--color-muted) text-xs uppercase tracking-wide">
+					<tr>
+						<th class="px-4 py-3 text-left">Book</th>
+						<th class="px-4 py-3 text-right">Ch.</th>
+						<th class="px-4 py-3 text-left">Lang</th>
+						<th class="px-4 py-3 text-left">Status</th>
+						<th class="px-4 py-3 text-left">Started</th>
+						<th class="px-4 py-3 text-left">Duration</th>
+						<th class="px-4 py-3 text-left">Actions</th>
+					</tr>
+				</thead>
+				<tbody class="divide-y divide-(--color-border)/50">
+					{#each filteredJobs as job}
+						<tr class="bg-(--color-surface) hover:bg-(--color-surface-2)/50 transition-colors">
+							<td class="px-4 py-3 text-(--color-text) font-medium">
+								<a href="/books/{job.slug}" class="hover:text-(--color-brand) transition-colors"
+									>{job.slug}</a
+								>
+							</td>
+							<td class="px-4 py-3 text-right text-(--color-muted)">{job.chapter}</td>
+							<td class="px-4 py-3 text-(--color-muted) font-mono text-xs uppercase">{job.lang}</td>
+							<td class="px-4 py-3">
+								<span class="font-medium {jobStatusColor(job.status)}">{job.status}</span>
+							</td>
+							<td class="px-4 py-3 text-(--color-muted) whitespace-nowrap">{fmtDate(job.started)}</td>
+							<td class="px-4 py-3 text-(--color-muted) whitespace-nowrap"
+								>{duration(job.started, job.finished)}</td
+							>
+						<td class="px-4 py-3">
+							{#if job.status === 'pending' || job.status === 'running'}
+								<button
+									onclick={() => cancelJob(job.id)}
+									disabled={cancellingJobIds.has(job.id)}
+									class="px-2 py-1 rounded text-xs font-medium bg-(--color-danger)/10 text-(--color-danger) hover:bg-(--color-danger)/20 disabled:opacity-50 transition-colors"
+								>
+									{cancellingJobIds.has(job.id) ? 'Cancelling…' : 'Cancel'}
+								</button>
+							{/if}
+							{#if job.status === 'failed'}
+								<button
+									onclick={() => retryJob(job)}
+									disabled={retryingJobIds.has(job.id)}
+									class="px-2 py-1 rounded text-xs font-medium bg-sky-400/10 text-sky-400 hover:bg-sky-400/20 disabled:opacity-50 transition-colors"
+								>
+									{retryingJobIds.has(job.id) ? 'Retrying…' : 'Retry ↺'}
+								</button>
+							{/if}
+							{#if cancelJobErrors[job.id]}
+								<p class="text-xs text-(--color-danger) mt-1">{cancelJobErrors[job.id]}</p>
+							{/if}
+							{#if retryJobErrors[job.id]}
+								<p class="text-xs text-(--color-danger) mt-1">{retryJobErrors[job.id]}</p>
+							{/if}
+						</td>
+						</tr>
+						{#if job.error_message}
+							<tr class="bg-(--color-danger)/10">
+								<td colspan="7" class="px-4 py-2 text-xs text-(--color-danger) font-mono"
+									>{job.error_message}</td
+								>
+							</tr>
+						{/if}
+					{/each}
+				</tbody>
+				</table>
+			</div>
+
+			<!-- Mobile cards -->
+			<div class="sm:hidden space-y-3">
+				{#each filteredJobs as job}
+					<div class="bg-(--color-surface) rounded-xl border border-(--color-border) p-4 space-y-2">
+						<div class="flex items-start justify-between gap-2">
+							<a
+								href="/books/{job.slug}"
+								class="text-(--color-text) font-medium hover:text-(--color-brand) transition-colors truncate"
+							>
+								{job.slug}
+							</a>
+							<span class="shrink-0 text-xs font-semibold {jobStatusColor(job.status)}"
+								>{job.status}</span
+							>
+						</div>
+						<div class="grid grid-cols-2 gap-1 text-xs">
+							<span class="text-(--color-muted)">Chapter</span><span
+								class="text-(--color-muted) text-right">{job.chapter}</span
+							>
+							<span class="text-(--color-muted)">Lang</span><span
+								class="text-(--color-muted) font-mono text-right uppercase">{job.lang}</span
+							>
+							<span class="text-(--color-muted)">Started</span><span
+								class="text-(--color-muted) text-right">{fmtDate(job.started)}</span
+							>
+							<span class="text-(--color-muted)">Duration</span><span
+								class="text-(--color-muted) text-right">{duration(job.started, job.finished)}</span
+							>
+						</div>
+					{#if job.error_message}
+						<p class="text-xs text-(--color-danger) font-mono break-all">{job.error_message}</p>
+					{/if}
+					{#if job.status === 'pending' || job.status === 'running'}
+						<button
+							onclick={() => cancelJob(job.id)}
+							disabled={cancellingJobIds.has(job.id)}
+							class="w-full px-3 py-1.5 rounded-lg text-xs font-medium bg-(--color-danger)/10 text-(--color-danger) hover:bg-(--color-danger)/20 disabled:opacity-50 transition-colors"
+						>
+							{cancellingJobIds.has(job.id) ? 'Cancelling…' : 'Cancel'}
+						</button>
+					{/if}
+					{#if job.status === 'failed'}
+						<button
+							onclick={() => retryJob(job)}
+							disabled={retryingJobIds.has(job.id)}
+							class="w-full px-3 py-1.5 rounded-lg text-xs font-medium bg-sky-400/10 text-sky-400 hover:bg-sky-400/20 disabled:opacity-50 transition-colors"
+						>
+							{retryingJobIds.has(job.id) ? 'Retrying…' : 'Retry ↺'}
+						</button>
+					{/if}
+					{#if cancelJobErrors[job.id]}
+						<p class="text-xs text-(--color-danger)">{cancelJobErrors[job.id]}</p>
+					{/if}
+					{#if retryJobErrors[job.id]}
+						<p class="text-xs text-(--color-danger)">{retryJobErrors[job.id]}</p>
+					{/if}
+					</div>
+				{/each}
+			</div>
+		{/if}
+	{/if}
+</div>
diff --git a/ui/src/routes/api/admin/ai-jobs/[id]/+server.ts b/ui/src/routes/api/admin/ai-jobs/[id]/+server.ts
new file mode 100644
index 0000000..aa9920d
--- /dev/null
+++ b/ui/src/routes/api/admin/ai-jobs/[id]/+server.ts
@@ -0,0 +1,31 @@
+/**
+ * GET /api/admin/ai-jobs/[id]
+ *
+ * Admin-only proxy to the Go backend's AI job detail endpoint.
+ * Returns the full job record including the payload field (which contains
+ * results for completed chapter-names jobs).
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const GET: RequestHandler = async ({ params, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const { id } = params;
+
+	let res: Response;
+	try {
+		res = await backendFetch(`/api/admin/ai-jobs/${id}`, { method: 'GET' });
+	} catch (e) {
+		log.error('admin/ai-jobs/get', 'backend proxy error', { id, err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/ai-jobs/[id]/cancel/+server.ts b/ui/src/routes/api/admin/ai-jobs/[id]/cancel/+server.ts
new file mode 100644
index 0000000..bc5e5db
--- /dev/null
+++ b/ui/src/routes/api/admin/ai-jobs/[id]/cancel/+server.ts
@@ -0,0 +1,29 @@
+/**
+ * POST /api/admin/ai-jobs/[id]/cancel
+ *
+ * Admin-only proxy to the Go backend's AI job cancel endpoint.
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ params, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const { id } = params;
+
+	let res: Response;
+	try {
+		res = await backendFetch(`/api/admin/ai-jobs/${id}/cancel`, { method: 'POST' });
+	} catch (e) {
+		log.error('admin/ai-jobs/cancel', 'backend proxy error', { id, err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/audio-jobs/+server.ts b/ui/src/routes/api/admin/audio-jobs/+server.ts
new file mode 100644
index 0000000..35421ad
--- /dev/null
+++ b/ui/src/routes/api/admin/audio-jobs/+server.ts
@@ -0,0 +1,16 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { listAudioJobs } from '$lib/server/pocketbase';
+
+/**
+ * GET /api/admin/audio-jobs
+ * Returns the current audio jobs list (served from 30 s Valkey cache).
+ * Used by the admin audio page for lightweight polling instead of invalidateAll().
+ */
+export const GET: RequestHandler = async ({ locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+	const jobs = await listAudioJobs().catch(() => []);
+	return json({ jobs });
+};
diff --git a/ui/src/routes/api/admin/audio/bulk/+server.ts b/ui/src/routes/api/admin/audio/bulk/+server.ts
new file mode 100644
index 0000000..29d729f
--- /dev/null
+++ b/ui/src/routes/api/admin/audio/bulk/+server.ts
@@ -0,0 +1,34 @@
+/**
+ * POST /api/admin/audio/bulk
+ *
+ * Admin-only proxy to the Go backend's audio bulk-enqueue endpoint.
+ * Body: { slug, voice?, from, to, skip_existing?, force? }
+ * Response 202: { enqueued, skipped, task_ids }
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/audio/bulk', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/audio/bulk', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/audio/cancel-bulk/+server.ts b/ui/src/routes/api/admin/audio/cancel-bulk/+server.ts
new file mode 100644
index 0000000..cb6b2e0
--- /dev/null
+++ b/ui/src/routes/api/admin/audio/cancel-bulk/+server.ts
@@ -0,0 +1,34 @@
+/**
+ * POST /api/admin/audio/cancel-bulk
+ *
+ * Admin-only proxy to cancel all pending/running audio tasks for a slug.
+ * Body: { slug }
+ * Response 200: { cancelled }
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/audio/cancel-bulk', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/audio/cancel-bulk', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/books/[slug]/archive/+server.ts b/ui/src/routes/api/admin/books/[slug]/archive/+server.ts
new file mode 100644
index 0000000..32d1023
--- /dev/null
+++ b/ui/src/routes/api/admin/books/[slug]/archive/+server.ts
@@ -0,0 +1,34 @@
+/**
+ * PATCH /api/admin/books/[slug]/archive
+ * PATCH /api/admin/books/[slug]/unarchive  (action param: ?action=unarchive)
+ *
+ * Admin-only proxy. Soft-deletes (archives) or restores a book.
+ * Returns { slug, status: "archived" | "active" }.
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const PATCH: RequestHandler = async ({ params, url, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const { slug } = params;
+	const action = url.searchParams.get('action') === 'unarchive' ? 'unarchive' : 'archive';
+
+	let res: Response;
+	try {
+		res = await backendFetch(`/api/admin/books/${encodeURIComponent(slug)}/${action}`, {
+			method: 'PATCH'
+		});
+	} catch (e) {
+		log.error('admin/books/archive', 'backend proxy error', { slug, action, err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/books/[slug]/delete/+server.ts b/ui/src/routes/api/admin/books/[slug]/delete/+server.ts
new file mode 100644
index 0000000..344611e
--- /dev/null
+++ b/ui/src/routes/api/admin/books/[slug]/delete/+server.ts
@@ -0,0 +1,34 @@
+/**
+ * DELETE /api/admin/books/[slug]/delete
+ *
+ * Admin-only proxy. Permanently removes a book and all its data:
+ * PocketBase records, MinIO objects, and the Meilisearch document.
+ * This operation is irreversible — use the archive endpoint for soft-deletion.
+ * Returns { slug, status: "deleted" }.
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const DELETE: RequestHandler = async ({ params, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const { slug } = params;
+
+	let res: Response;
+	try {
+		res = await backendFetch(`/api/admin/books/${encodeURIComponent(slug)}`, {
+			method: 'DELETE'
+		});
+	} catch (e) {
+		log.error('admin/books/delete', 'backend proxy error', { slug, err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/books/[slug]/publish/+server.ts b/ui/src/routes/api/admin/books/[slug]/publish/+server.ts
new file mode 100644
index 0000000..6cb6efd
--- /dev/null
+++ b/ui/src/routes/api/admin/books/[slug]/publish/+server.ts
@@ -0,0 +1,17 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { backendFetch } from '$lib/server/scraper';
+import { log } from '$lib/server/logger';
+
+export const PATCH: RequestHandler = async ({ params, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') throw error(403, 'Forbidden');
+	const { slug } = params;
+	let res: Response;
+	try {
+		res = await backendFetch(`/api/admin/books/${encodeURIComponent(slug)}/publish`, { method: 'PATCH' });
+	} catch (e) {
+		log.error('admin/books/publish', 'backend proxy error', { slug, err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+	return json(await res.json().catch(() => ({})), { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/books/[slug]/unpublish/+server.ts b/ui/src/routes/api/admin/books/[slug]/unpublish/+server.ts
new file mode 100644
index 0000000..74e2816
--- /dev/null
+++ b/ui/src/routes/api/admin/books/[slug]/unpublish/+server.ts
@@ -0,0 +1,17 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { backendFetch } from '$lib/server/scraper';
+import { log } from '$lib/server/logger';
+
+export const PATCH: RequestHandler = async ({ params, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') throw error(403, 'Forbidden');
+	const { slug } = params;
+	let res: Response;
+	try {
+		res = await backendFetch(`/api/admin/books/${encodeURIComponent(slug)}/unpublish`, { method: 'PATCH' });
+	} catch (e) {
+		log.error('admin/books/unpublish', 'backend proxy error', { slug, err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+	return json(await res.json().catch(() => ({})), { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/catalogue/batch-covers/+server.ts b/ui/src/routes/api/admin/catalogue/batch-covers/+server.ts
new file mode 100644
index 0000000..c8a74fb
--- /dev/null
+++ b/ui/src/routes/api/admin/catalogue/batch-covers/+server.ts
@@ -0,0 +1,43 @@
+/**
+ * POST /api/admin/catalogue/batch-covers
+ *
+ * Admin-only SSE proxy to the Go backend's batch cover generation endpoint.
+ * Pipes the stream straight through so the browser can consume it without buffering.
+ */
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/catalogue/batch-covers', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/catalogue/batch-covers', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+	if (!res.ok) {
+		const data = await res.json().catch(() => ({}));
+		return new Response(JSON.stringify(data), {
+			status: res.status,
+			headers: { 'Content-Type': 'application/json' }
+		});
+	}
+	return new Response(res.body, {
+		status: 200,
+		headers: {
+			'Content-Type': 'text/event-stream',
+			'Cache-Control': 'no-cache',
+			'X-Accel-Buffering': 'no'
+		}
+	});
+};
diff --git a/ui/src/routes/api/admin/catalogue/batch-covers/cancel/+server.ts b/ui/src/routes/api/admin/catalogue/batch-covers/cancel/+server.ts
new file mode 100644
index 0000000..207fc1a
--- /dev/null
+++ b/ui/src/routes/api/admin/catalogue/batch-covers/cancel/+server.ts
@@ -0,0 +1,24 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/catalogue/batch-covers/cancel', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/catalogue/batch-covers/cancel', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/catalogue/refresh-metadata/[slug]/+server.ts b/ui/src/routes/api/admin/catalogue/refresh-metadata/[slug]/+server.ts
new file mode 100644
index 0000000..e868199
--- /dev/null
+++ b/ui/src/routes/api/admin/catalogue/refresh-metadata/[slug]/+server.ts
@@ -0,0 +1,41 @@
+/**
+ * POST /api/admin/catalogue/refresh-metadata/[slug]
+ *
+ * Admin-only SSE proxy — re-generates description + cover for a single book.
+ */
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ params, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+	let res: Response;
+	try {
+		res = await backendFetch(`/api/admin/catalogue/refresh-metadata/${params.slug}`, {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body: '{}'
+		});
+	} catch (e) {
+		log.error('admin/catalogue/refresh-metadata', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+	if (!res.ok) {
+		const data = await res.json().catch(() => ({}));
+		return new Response(JSON.stringify(data), {
+			status: res.status,
+			headers: { 'Content-Type': 'application/json' }
+		});
+	}
+	return new Response(res.body, {
+		status: 200,
+		headers: {
+			'Content-Type': 'text/event-stream',
+			'Cache-Control': 'no-cache',
+			'X-Accel-Buffering': 'no'
+		}
+	});
+};
diff --git a/ui/src/routes/api/admin/dedup-chapters/[slug]/+server.ts b/ui/src/routes/api/admin/dedup-chapters/[slug]/+server.ts
new file mode 100644
index 0000000..96bfe5e
--- /dev/null
+++ b/ui/src/routes/api/admin/dedup-chapters/[slug]/+server.ts
@@ -0,0 +1,33 @@
+/**
+ * POST /api/admin/dedup-chapters/[slug]
+ *
+ * Admin-only proxy to the Go backend's dedup endpoint.
+ * Removes duplicate chapters_idx records for a book, keeping the latest
+ * record per chapter number. Returns { slug, deleted }.
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ params, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const { slug } = params;
+
+	let res: Response;
+	try {
+		res = await backendFetch(`/api/admin/dedup-chapters/${encodeURIComponent(slug)}`, {
+			method: 'POST'
+		});
+	} catch (e) {
+		log.error('admin/dedup-chapters', 'backend proxy error', { slug, err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/image-gen/+server.ts b/ui/src/routes/api/admin/image-gen/+server.ts
new file mode 100644
index 0000000..a86008f
--- /dev/null
+++ b/ui/src/routes/api/admin/image-gen/+server.ts
@@ -0,0 +1,46 @@
+/**
+ * POST /api/admin/image-gen
+ *
+ * Admin-only proxy to the Go backend's image generation endpoint.
+ * Transparently forwards the request body (JSON or multipart/form-data)
+ * and returns the JSON response containing the base64-encoded image.
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const ct = request.headers.get('content-type') ?? '';
+
+	let res: Response;
+	try {
+		if (ct.includes('multipart/form-data')) {
+			// Forward raw body bytes; let the backend parse multipart
+			const body = await request.arrayBuffer();
+			res = await backendFetch('/api/admin/image-gen', {
+				method: 'POST',
+				headers: { 'content-type': ct },
+				body
+			});
+		} else {
+			const body = await request.text();
+			res = await backendFetch('/api/admin/image-gen', {
+				method: 'POST',
+				headers: { 'content-type': 'application/json' },
+				body
+			});
+		}
+	} catch (e) {
+		log.error('admin/image-gen', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/image-gen/save-chapter-image/+server.ts b/ui/src/routes/api/admin/image-gen/save-chapter-image/+server.ts
new file mode 100644
index 0000000..946bbf1
--- /dev/null
+++ b/ui/src/routes/api/admin/image-gen/save-chapter-image/+server.ts
@@ -0,0 +1,35 @@
+/**
+ * POST /api/admin/image-gen/save-chapter-image
+ *
+ * Admin-only proxy: persists a pre-generated base64 image as a chapter
+ * illustration in MinIO without re-calling Cloudflare AI.
+ *
+ * Body: { slug: string, chapter: number, image_b64: string }
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/image-gen/save-chapter-image', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/image-gen/save-chapter-image', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/image-gen/save-cover/+server.ts b/ui/src/routes/api/admin/image-gen/save-cover/+server.ts
new file mode 100644
index 0000000..e89a0be
--- /dev/null
+++ b/ui/src/routes/api/admin/image-gen/save-cover/+server.ts
@@ -0,0 +1,35 @@
+/**
+ * POST /api/admin/image-gen/save-cover
+ *
+ * Admin-only proxy: persists a pre-generated base64 image as a book cover in
+ * MinIO without re-calling Cloudflare AI.
+ *
+ * Body: { slug: string, image_b64: string }
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/image-gen/save-cover', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/image-gen/save-cover', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/import/+server.ts b/ui/src/routes/api/admin/import/+server.ts
new file mode 100644
index 0000000..df7647a
--- /dev/null
+++ b/ui/src/routes/api/admin/import/+server.ts
@@ -0,0 +1,57 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { backendFetch } from '$lib/server/scraper';
+
+/**
+ * GET /api/admin/import
+ * List all import tasks.
+ */
+export const GET: RequestHandler = async ({ locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+	const res = await backendFetch('/api/admin/import', { method: 'GET' });
+	const data = await res.json().catch(() => ({ tasks: [] }));
+	return json(data);
+};
+
+/**
+ * POST /api/admin/import
+ * Create a new import task. Supports both multipart/form-data (file upload)
+ * and application/json (object key reference).
+ */
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const ct = request.headers.get('content-type') ?? '';
+
+	let res: Response;
+
+	if (ct.includes('multipart/form-data')) {
+		// Forward the raw FormData body; let the browser-set Content-Type
+		// (which includes the boundary) pass through unchanged.
+		const formData = await request.formData();
+		res = await backendFetch('/api/admin/import', {
+			method: 'POST',
+			// Do NOT set Content-Type manually — the fetch API sets it
+			// automatically with the correct boundary when given a FormData body.
+			body: formData
+		});
+	} else {
+		const body = await request.json();
+		res = await backendFetch('/api/admin/import', {
+			method: 'POST',
+			headers: { 'Content-Type': 'application/json' },
+			body: JSON.stringify(body)
+		});
+	}
+
+	if (!res.ok) {
+		const err = await res.json().catch(() => ({ error: 'Failed to create import task' }));
+		throw error(res.status, err.error || 'Failed to create import task');
+	}
+	const data = await res.json();
+	return json(data);
+};
diff --git a/ui/src/routes/api/admin/podcast/+server.ts b/ui/src/routes/api/admin/podcast/+server.ts
new file mode 100644
index 0000000..523b372
--- /dev/null
+++ b/ui/src/routes/api/admin/podcast/+server.ts
@@ -0,0 +1,34 @@
+/**
+ * POST /api/admin/podcast
+ *
+ * Admin-only proxy to the Go backend's podcast generation endpoint.
+ * Body: { slug, voice?, from_chapter?, to_chapter? }
+ * Response 202: { job_id, slug, voice, from, to, items_total }
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/podcast', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/podcast', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/scrape-tasks/+server.ts b/ui/src/routes/api/admin/scrape-tasks/+server.ts
new file mode 100644
index 0000000..0a8baab
--- /dev/null
+++ b/ui/src/routes/api/admin/scrape-tasks/+server.ts
@@ -0,0 +1,16 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { listScrapingTasks } from '$lib/server/pocketbase';
+
+/**
+ * GET /api/admin/scrape-tasks
+ * Returns the current scraping task list (served from 30 s Valkey cache).
+ * Used by the admin scrape page for lightweight polling instead of invalidateAll().
+ */
+export const GET: RequestHandler = async ({ locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+	const tasks = await listScrapingTasks().catch(() => []);
+	return json({ tasks });
+};
diff --git a/ui/src/routes/api/admin/scrape/+server.ts b/ui/src/routes/api/admin/scrape/+server.ts
new file mode 100644
index 0000000..d8855fb
--- /dev/null
+++ b/ui/src/routes/api/admin/scrape/+server.ts
@@ -0,0 +1,21 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { backendFetch } from '$lib/server/scraper';
+
+/**
+ * GET /api/admin/scrape/status
+ * Admin-only proxy to the Go backend's /api/scrape/status endpoint.
+ */
+export const GET: RequestHandler = async ({ locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+	try {
+		const res = await backendFetch('/api/scrape/status');
+		if (!res.ok) return json({ running: false });
+		const data = await res.json();
+		return json({ running: data.running ?? false });
+	} catch {
+		return json({ running: false });
+	}
+};
diff --git a/ui/src/routes/api/admin/text-gen/chapter-names/+server.ts b/ui/src/routes/api/admin/text-gen/chapter-names/+server.ts
new file mode 100644
index 0000000..55221b3
--- /dev/null
+++ b/ui/src/routes/api/admin/text-gen/chapter-names/+server.ts
@@ -0,0 +1,50 @@
+/**
+ * POST /api/admin/text-gen/chapter-names
+ *
+ * Admin-only proxy to the Go backend's chapter-name generation endpoint.
+ * The backend streams SSE events; this handler pipes the stream through
+ * directly so the browser can consume it without buffering.
+ */
+
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/text-gen/chapter-names', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/text-gen/chapter-names', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	// Non-2xx: the backend returned a JSON error before switching to SSE.
+	if (!res.ok) {
+		const data = await res.json().catch(() => ({}));
+		return new Response(JSON.stringify(data), {
+			status: res.status,
+			headers: { 'Content-Type': 'application/json' }
+		});
+	}
+
+	// Pipe the SSE stream straight through — do not buffer.
+	return new Response(res.body, {
+		status: 200,
+		headers: {
+			'Content-Type': 'text/event-stream',
+			'Cache-Control': 'no-cache',
+			'X-Accel-Buffering': 'no'
+		}
+	});
+};
diff --git a/ui/src/routes/api/admin/text-gen/chapter-names/apply/+server.ts b/ui/src/routes/api/admin/text-gen/chapter-names/apply/+server.ts
new file mode 100644
index 0000000..a68f3e6
--- /dev/null
+++ b/ui/src/routes/api/admin/text-gen/chapter-names/apply/+server.ts
@@ -0,0 +1,32 @@
+/**
+ * POST /api/admin/text-gen/chapter-names/apply
+ *
+ * Admin-only proxy to persist confirmed chapter titles to PocketBase.
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/text-gen/chapter-names/apply', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/text-gen/chapter-names/apply', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/text-gen/chapter-names/async/+server.ts b/ui/src/routes/api/admin/text-gen/chapter-names/async/+server.ts
new file mode 100644
index 0000000..89a7c68
--- /dev/null
+++ b/ui/src/routes/api/admin/text-gen/chapter-names/async/+server.ts
@@ -0,0 +1,35 @@
+/**
+ * POST /api/admin/text-gen/chapter-names/async
+ *
+ * Fire-and-forget variant: forwards to the Go backend's async endpoint and
+ * returns {job_id} immediately (HTTP 202). The backend runs generation in the
+ * background; the client polls GET /api/admin/ai-jobs/{id} for progress and
+ * then reviews/applies via POST /api/admin/text-gen/chapter-names/apply.
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/text-gen/chapter-names/async', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/text-gen/chapter-names/async', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/text-gen/content-warnings/+server.ts b/ui/src/routes/api/admin/text-gen/content-warnings/+server.ts
new file mode 100644
index 0000000..bcc3391
--- /dev/null
+++ b/ui/src/routes/api/admin/text-gen/content-warnings/+server.ts
@@ -0,0 +1,24 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/text-gen/content-warnings', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/text-gen/content-warnings', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/text-gen/description/+server.ts b/ui/src/routes/api/admin/text-gen/description/+server.ts
new file mode 100644
index 0000000..943de5a
--- /dev/null
+++ b/ui/src/routes/api/admin/text-gen/description/+server.ts
@@ -0,0 +1,33 @@
+/**
+ * POST /api/admin/text-gen/description
+ *
+ * Admin-only proxy to the Go backend's book description generation endpoint.
+ * Returns an AI-proposed description; does NOT persist anything.
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/text-gen/description', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/text-gen/description', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/text-gen/description/apply/+server.ts b/ui/src/routes/api/admin/text-gen/description/apply/+server.ts
new file mode 100644
index 0000000..4229eb6
--- /dev/null
+++ b/ui/src/routes/api/admin/text-gen/description/apply/+server.ts
@@ -0,0 +1,32 @@
+/**
+ * POST /api/admin/text-gen/description/apply
+ *
+ * Admin-only proxy to persist the confirmed book description to PocketBase.
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/text-gen/description/apply', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/text-gen/description/apply', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/text-gen/genres/+server.ts b/ui/src/routes/api/admin/text-gen/genres/+server.ts
new file mode 100644
index 0000000..8d1b2e5
--- /dev/null
+++ b/ui/src/routes/api/admin/text-gen/genres/+server.ts
@@ -0,0 +1,24 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/text-gen/genres', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/text-gen/genres', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/text-gen/genres/apply/+server.ts b/ui/src/routes/api/admin/text-gen/genres/apply/+server.ts
new file mode 100644
index 0000000..6700572
--- /dev/null
+++ b/ui/src/routes/api/admin/text-gen/genres/apply/+server.ts
@@ -0,0 +1,24 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/text-gen/genres/apply', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/text-gen/genres/apply', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/text-gen/models/+server.ts b/ui/src/routes/api/admin/text-gen/models/+server.ts
new file mode 100644
index 0000000..8ee1ae3
--- /dev/null
+++ b/ui/src/routes/api/admin/text-gen/models/+server.ts
@@ -0,0 +1,17 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { backendFetch } from '$lib/server/scraper';
+
+export const GET: RequestHandler = async ({ locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/text-gen/models');
+	} catch {
+		throw error(502, 'Could not reach backend');
+	}
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/text-gen/quality-score/+server.ts b/ui/src/routes/api/admin/text-gen/quality-score/+server.ts
new file mode 100644
index 0000000..87e95cd
--- /dev/null
+++ b/ui/src/routes/api/admin/text-gen/quality-score/+server.ts
@@ -0,0 +1,24 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/text-gen/quality-score', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/text-gen/quality-score', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/text-gen/tagline/+server.ts b/ui/src/routes/api/admin/text-gen/tagline/+server.ts
new file mode 100644
index 0000000..3e97f65
--- /dev/null
+++ b/ui/src/routes/api/admin/text-gen/tagline/+server.ts
@@ -0,0 +1,24 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/text-gen/tagline', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('admin/text-gen/tagline', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/admin/translation-jobs/+server.ts b/ui/src/routes/api/admin/translation-jobs/+server.ts
new file mode 100644
index 0000000..1206e3e
--- /dev/null
+++ b/ui/src/routes/api/admin/translation-jobs/+server.ts
@@ -0,0 +1,16 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { listTranslationJobs } from '$lib/server/pocketbase';
+
+/**
+ * GET /api/admin/translation-jobs
+ * Returns the current translation jobs list (served from 30 s Valkey cache).
+ * Used by the admin translation page for lightweight polling instead of invalidateAll().
+ */
+export const GET: RequestHandler = async ({ locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+	const jobs = await listTranslationJobs().catch(() => []);
+	return json({ jobs });
+};
diff --git a/ui/src/routes/api/admin/translation/bulk/+server.ts b/ui/src/routes/api/admin/translation/bulk/+server.ts
new file mode 100644
index 0000000..b72e710
--- /dev/null
+++ b/ui/src/routes/api/admin/translation/bulk/+server.ts
@@ -0,0 +1,34 @@
+/**
+ * POST /api/admin/translation/bulk
+ *
+ * Admin-only proxy to the Go backend's translation bulk-enqueue endpoint.
+ * Body: { slug, lang, from, to }
+ * Response 200: { enqueued }
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const body = await request.text();
+	let res: Response;
+	try {
+		res = await backendFetch('/api/admin/translation/bulk', {
+			method: 'POST',
+			headers: { 'content-type': 'application/json' },
+			body
+		});
+	} catch (e) {
+		log.error('api/admin/translation/bulk', 'backend proxy error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/announce/+server.ts b/ui/src/routes/api/announce/+server.ts
new file mode 100644
index 0000000..cec5a4d
--- /dev/null
+++ b/ui/src/routes/api/announce/+server.ts
@@ -0,0 +1,39 @@
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { backendFetch } from '$lib/server/scraper';
+
+/**
+ * GET /api/announce?text=...&voice=...&format=...
+ *
+ * Thin proxy to backend GET /api/tts-announce.
+ * No paywall — this is a short announcement clip (a few words), not chapter audio.
+ * No MinIO caching — the backend streams the clip directly.
+ */
+export const GET: RequestHandler = async ({ url }) => {
+	const text = url.searchParams.get('text') ?? '';
+	if (!text) error(400, 'text is required');
+
+	const qs = new URLSearchParams();
+	qs.set('text', text);
+
+	const voice = url.searchParams.get('voice');
+	if (voice) qs.set('voice', voice);
+
+	const format = url.searchParams.get('format') ?? 'mp3';
+	qs.set('format', format);
+
+	const backendRes = await backendFetch(`/api/tts-announce?${qs}`);
+
+	if (!backendRes.ok) {
+		error(backendRes.status as Parameters<typeof error>[0], 'TTS announce failed');
+	}
+
+	return new Response(backendRes.body, {
+		status: 200,
+		headers: {
+			'Content-Type': backendRes.headers.get('Content-Type') ?? 'audio/mpeg',
+			'Cache-Control': 'no-store',
+			'X-Accel-Buffering': 'no'
+		}
+	});
+};
diff --git a/ui/src/routes/api/audio-stream/[slug]/[n]/+server.ts b/ui/src/routes/api/audio-stream/[slug]/[n]/+server.ts
new file mode 100644
index 0000000..33e147c
--- /dev/null
+++ b/ui/src/routes/api/audio-stream/[slug]/[n]/+server.ts
@@ -0,0 +1,134 @@
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+import * as cache from '$lib/server/cache';
+
+const FREE_DAILY_AUDIO_LIMIT = 3;
+
+function dailyAudioKey(identifier: string): string {
+	const today = new Date().toISOString().slice(0, 10);
+	return `audio:daily:${identifier}:${today}`;
+}
+
+/**
+ * Return the number of audio chapters a user/session has generated today,
+ * and increment the counter. Shared logic with POST /api/audio/[slug]/[n].
+ *
+ * Key: audio:daily:<userId|sessionId>:<YYYY-MM-DD>
+ */
+async function incrementDailyAudioCount(identifier: string): Promise<number> {
+	const key = dailyAudioKey(identifier);
+	const now = new Date();
+	const endOfDay = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate() + 1));
+	const ttl = Math.ceil((endOfDay.getTime() - now.getTime()) / 1000);
+	try {
+		const raw = await cache.get<number>(key);
+		const current = (raw ?? 0) + 1;
+		await cache.set(key, current, ttl);
+		return current;
+	} catch {
+		// On cache failure, fail open (don't block audio for cache errors)
+		return 0;
+	}
+}
+
+/**
+ * GET /api/audio-stream/[slug]/[n]?voice=...
+ *
+ * Proxies the backend's streaming TTS endpoint to the browser.
+ *
+ * Fast path: if audio already in MinIO, backend sends a 302 → fetch follows it
+ * and we stream the MinIO audio through.
+ *
+ * Slow path (Kokoro/PocketTTS): backend streams audio bytes as they are
+ * generated. The browser receives the first bytes within seconds and can start
+ * playing before generation completes. MinIO upload happens concurrently
+ * server-side so subsequent requests use the cached fast path.
+ *
+ * Slow path (CF AI): backend buffers the full response (batch API limitation)
+ * before sending — effectively the same as the old POST+poll approach but
+ * without the separate progress-bar flow. Prefer the traditional POST route
+ * for CF AI voices to preserve the generating UI.
+ */
+export const GET: RequestHandler = async ({ params, url, locals }) => {
+	const { slug, n } = params;
+	const chapter = parseInt(n, 10);
+	if (!slug || !chapter || chapter < 1) {
+		error(400, 'Invalid slug or chapter number');
+	}
+
+	const voice = url.searchParams.get('voice') ?? '';
+
+	// ── Paywall: 3 audio chapters/day for free users ─────────────────────────
+	// Only count when the audio is not already cached — same rule as POST route.
+	if (!locals.isPro) {
+		const statusRes = await backendFetch(
+			`/api/audio/status/${slug}/${chapter}${voice ? `?voice=${encodeURIComponent(voice)}` : ''}`
+		).catch(() => null);
+		const statusData = statusRes?.ok
+			? ((await statusRes.json().catch(() => ({}))) as { status?: string })
+			: {};
+
+		if (statusData.status !== 'done') {
+			const identifier = locals.user?.id ?? locals.sessionId;
+			const count = await incrementDailyAudioCount(identifier);
+			if (count > FREE_DAILY_AUDIO_LIMIT) {
+				log.info('polar', 'free audio stream limit reached', { identifier, count });
+				return new Response(
+					JSON.stringify({ error: 'pro_required', limit: FREE_DAILY_AUDIO_LIMIT }),
+					{ status: 402, headers: { 'Content-Type': 'application/json' } }
+				);
+			}
+		}
+	}
+
+	const qs = new URLSearchParams({ format: 'mp3' });
+	if (voice) qs.set('voice', voice);
+
+	// fetch() follows the backend's 302 (MinIO fast path) automatically.
+	const backendRes = await backendFetch(`/api/audio-stream/${slug}/${chapter}?${qs}`);
+
+	if (!backendRes.ok) {
+		const text = await backendRes.text().catch(() => '');
+		log.error('audio-stream', 'backend stream failed', {
+			slug,
+			chapter,
+			status: backendRes.status,
+			body: text
+		});
+		error(backendRes.status as Parameters<typeof error>[0], text || 'Audio stream failed');
+	}
+
+	// Stream the response body directly — no buffering.
+	return new Response(backendRes.body, {
+		status: 200,
+		headers: {
+			'Content-Type': backendRes.headers.get('Content-Type') ?? 'audio/mpeg',
+			'Cache-Control': 'no-store',
+			'X-Accel-Buffering': 'no'
+		}
+	});
+};
+
+/**
+ * HEAD /api/audio-stream/[slug]/[n]?voice=...
+ *
+ * Paywall pre-check without incrementing the daily counter or triggering
+ * any generation. The AudioPlayer uses this to surface the upgrade CTA
+ * before pointing the <audio> element at the streaming URL.
+ *
+ * Returns 402 if the user has already hit their daily limit, 200 otherwise.
+ */
+export const HEAD: RequestHandler = async ({ locals }) => {
+	if (locals.isPro) {
+		return new Response(null, { status: 200 });
+	}
+	const identifier = locals.user?.id ?? locals.sessionId;
+	const count = (await cache.get<number>(dailyAudioKey(identifier))) ?? 0;
+	// count >= limit means the next GET would exceed the limit after increment
+	if (count >= FREE_DAILY_AUDIO_LIMIT) {
+		return new Response(null, { status: 402 });
+	}
+	return new Response(null, { status: 200 });
+};
diff --git a/ui/src/routes/api/audio/[slug]/[n]/+server.ts b/ui/src/routes/api/audio/[slug]/[n]/+server.ts
new file mode 100644
index 0000000..56b7d5d
--- /dev/null
+++ b/ui/src/routes/api/audio/[slug]/[n]/+server.ts
@@ -0,0 +1,117 @@
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+import * as cache from '$lib/server/cache';
+
+const FREE_DAILY_AUDIO_LIMIT = 3;
+
+/**
+ * Return the number of audio chapters a user/session has generated today,
+ * and increment the counter. Uses a Valkey key that expires at midnight UTC.
+ *
+ * Key: audio:daily:<userId|sessionId>:<YYYY-MM-DD>
+ */
+async function incrementDailyAudioCount(identifier: string): Promise<number> {
+	const today = new Date().toISOString().slice(0, 10); // YYYY-MM-DD
+	const key = `audio:daily:${identifier}:${today}`;
+	// Seconds until end of day UTC
+	const now = new Date();
+	const endOfDay = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate() + 1));
+	const ttl = Math.ceil((endOfDay.getTime() - now.getTime()) / 1000);
+	// Use raw get/set with increment so we can read + increment atomically
+	try {
+		const raw = await cache.get<number>(key);
+		const current = (raw ?? 0) + 1;
+		await cache.set(key, current, ttl);
+		return current;
+	} catch {
+		// On cache failure, fail open (don't block audio for cache errors)
+		return 0;
+	}
+}
+
+/**
+ * POST /api/audio/[slug]/[n]
+ * Proxies the audio generation request to the backend's /api/audio endpoint.
+ * Keeps the backend URL server-side — the browser never needs to know it.
+ *
+ * Body: { voice?: string }
+ *
+ * Responses:
+ *   200 { status: "done" }  — audio already cached; client should call
+ *       GET /api/presign/audio to obtain a direct MinIO presigned URL.
+ *   202 { task_id: string, status: "pending"|"generating" }  — generation
+ *       enqueued; poll GET /api/audio/status/[slug]/[n]?voice=... until done.
+ *   402 { error: "pro_required", limit: 3 }  — free daily limit reached.
+ */
+export const POST: RequestHandler = async ({ params, request, locals }) => {
+	const { slug, n } = params;
+	const chapter = parseInt(n, 10);
+	if (!slug || !chapter || chapter < 1) {
+		error(400, 'Invalid slug or chapter number');
+	}
+
+	// ── Paywall: 3 audio chapters/day for free users ───────────────────────────
+	if (!locals.isPro) {
+		// Check if audio already exists (cached) before counting — no charge for
+		// re-requesting something already generated
+		const statusRes = await backendFetch(
+			`/api/audio/status/${slug}/${chapter}`
+		).catch(() => null);
+		const statusData = statusRes?.ok
+			? ((await statusRes.json().catch(() => ({}))) as { status?: string })
+			: {};
+
+		if (statusData.status !== 'done') {
+			const identifier = locals.user?.id ?? locals.sessionId;
+			const count = await incrementDailyAudioCount(identifier);
+			if (count > FREE_DAILY_AUDIO_LIMIT) {
+				log.info('polar', 'free audio limit reached', { identifier, count });
+				return new Response(
+					JSON.stringify({ error: 'pro_required', limit: FREE_DAILY_AUDIO_LIMIT }),
+					{ status: 402, headers: { 'Content-Type': 'application/json' } }
+				);
+			}
+		}
+	}
+
+	let body: { voice?: string } = {};
+	try {
+		body = await request.json();
+	} catch {
+		// empty body is fine — scraper will use defaults
+	}
+
+	const scraperRes = await backendFetch(`/api/audio/${slug}/${chapter}`, {
+		method: 'POST',
+		headers: { 'Content-Type': 'application/json' },
+		body: JSON.stringify(body)
+	});
+
+	if (!scraperRes.ok) {
+		const text = await scraperRes.text().catch(() => '');
+		log.error('audio', 'backend audio generation failed', { slug, chapter, status: scraperRes.status, body: text });
+		error(scraperRes.status as Parameters<typeof error>[0], text || 'Audio generation failed');
+	}
+
+	const data = (await scraperRes.json()) as
+		| { url: string; status: 'done' }
+		| { task_id: string; status: string };
+
+	// 202 Accepted: generation enqueued — return task_id + status for polling.
+	if (scraperRes.status === 202 || 'task_id' in data) {
+		return new Response(JSON.stringify(data), {
+			status: 202,
+			headers: { 'Content-Type': 'application/json' }
+		});
+	}
+
+	// 200: audio was already cached.
+	// Return status only — no url — so the client calls GET /api/presign/audio
+	// and streams directly from MinIO instead of through the Node.js server.
+	return new Response(
+		JSON.stringify({ status: 'done' }),
+		{ headers: { 'Content-Type': 'application/json' } }
+	);
+};
diff --git a/ui/src/routes/api/audio/books/+server.ts b/ui/src/routes/api/audio/books/+server.ts
new file mode 100644
index 0000000..7a23f2a
--- /dev/null
+++ b/ui/src/routes/api/audio/books/+server.ts
@@ -0,0 +1,17 @@
+import { json } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { getBooksWithAudioCount } from '$lib/server/pocketbase';
+
+/**
+ * GET /api/audio/books
+ * Returns books that have at least one completed narrated chapter,
+ * sorted by number of narrated chapters descending.
+ * Cached 5 minutes at the CDN/proxy level.
+ */
+export const GET: RequestHandler = async () => {
+	const entries = await getBooksWithAudioCount(100).catch(() => []);
+	return json(
+		{ books: entries },
+		{ headers: { 'Cache-Control': 'public, max-age=300' } }
+	);
+};
diff --git a/ui/src/routes/api/audio/chapters/+server.ts b/ui/src/routes/api/audio/chapters/+server.ts
new file mode 100644
index 0000000..627437f
--- /dev/null
+++ b/ui/src/routes/api/audio/chapters/+server.ts
@@ -0,0 +1,18 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { getReadyChaptersForSlug } from '$lib/server/pocketbase';
+
+export const GET: RequestHandler = async ({ url }) => {
+	const slug = url.searchParams.get('slug') ?? '';
+	if (!slug) error(400, 'slug is required');
+
+	const voice = url.searchParams.get('voice') ?? '';
+	const readyMap = await getReadyChaptersForSlug(slug, voice);
+
+	// Return array of { chapter, voice } pairs
+	const chapters = [...readyMap.entries()].map(([chapter, v]) => ({ chapter, voice: v }));
+
+	return json({ chapters }, {
+		headers: { 'Cache-Control': 'public, max-age=60' }
+	});
+};
diff --git a/ui/src/routes/api/audio/slugs/+server.ts b/ui/src/routes/api/audio/slugs/+server.ts
new file mode 100644
index 0000000..dfd4a2c
--- /dev/null
+++ b/ui/src/routes/api/audio/slugs/+server.ts
@@ -0,0 +1,16 @@
+import { json } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { getSlugsWithAudio } from '$lib/server/pocketbase';
+
+/**
+ * GET /api/audio/slugs
+ * Returns the list of book slugs that have at least one completed audio chapter.
+ * Cached for 5 minutes at the CDN/proxy level.
+ */
+export const GET: RequestHandler = async () => {
+	const slugs = await getSlugsWithAudio().catch(() => new Set<string>());
+	return json(
+		{ slugs: [...slugs] },
+		{ headers: { 'Cache-Control': 'public, max-age=300' } }
+	);
+};
diff --git a/ui/src/routes/api/audio/status/[slug]/[n]/+server.ts b/ui/src/routes/api/audio/status/[slug]/[n]/+server.ts
new file mode 100644
index 0000000..fce9e33
--- /dev/null
+++ b/ui/src/routes/api/audio/status/[slug]/[n]/+server.ts
@@ -0,0 +1,64 @@
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+/**
+ * GET /api/audio/status/[slug]/[n]?voice=...
+ * Proxies the audio generation status check to the backend's
+ * GET /api/audio/status/{slug}/{n} endpoint.
+ *
+ * Possible responses passed through to the client:
+ *   {"status":"done"}                                — audio ready; no url
+ *   {"status":"pending"|"generating","task_id":"..."} — in progress
+ *   {"status":"idle"}                                — no job yet
+ *   {"status":"failed","error":"..."}                — last job failed
+ *
+ * When status is "done" the scraper's internal proxy URL is stripped — the
+ * client must call GET /api/presign/audio to obtain a direct MinIO presigned
+ * URL.  This avoids streaming audio through the Node.js server.
+ */
+export const GET: RequestHandler = async ({ params, url }) => {
+	const { slug, n } = params;
+	const chapter = parseInt(n, 10);
+	if (!slug || !chapter || chapter < 1) {
+		error(400, 'Invalid slug or chapter number');
+	}
+
+	const voice = url.searchParams.get('voice') ?? '';
+	const qs = new URLSearchParams();
+	if (voice) qs.set('voice', voice);
+
+	const scraperRes = await backendFetch(
+		`/api/audio/status/${slug}/${chapter}?${qs.toString()}`
+	);
+
+	if (!scraperRes.ok) {
+		const text = await scraperRes.text().catch(() => '');
+		log.error('audio', 'backend audio status check failed', {
+			slug,
+			chapter,
+			status: scraperRes.status,
+			body: text
+		});
+		error(scraperRes.status as Parameters<typeof error>[0], text || 'Status check failed');
+	}
+
+	const data = (await scraperRes.json()) as {
+		status: string;
+		task_id?: string;
+		url?: string;
+		error?: string;
+	};
+
+	// Strip the backend's internal proxy URL from "done" responses.
+	// The client will call GET /api/presign/audio to get a direct MinIO URL,
+	// avoiding streaming audio through the Node.js server.
+	if (data.status === 'done') {
+		delete data.url;
+	}
+
+	return new Response(JSON.stringify(data), {
+		headers: { 'Content-Type': 'application/json' }
+	});
+};
diff --git a/ui/src/routes/api/auth/change-password/+server.ts b/ui/src/routes/api/auth/change-password/+server.ts
new file mode 100644
index 0000000..dba2d4e
--- /dev/null
+++ b/ui/src/routes/api/auth/change-password/+server.ts
@@ -0,0 +1,47 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { changePassword } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * POST /api/auth/change-password
+ * Body: { currentPassword: string, newPassword: string }
+ * Requires authentication.
+ */
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user) {
+		error(401, 'Not authenticated');
+	}
+
+	let body: { currentPassword?: string; newPassword?: string };
+	try {
+		body = await request.json();
+	} catch {
+		error(400, 'Invalid JSON body');
+	}
+
+	const currentPassword = body.currentPassword ?? '';
+	const newPassword = body.newPassword ?? '';
+
+	if (!currentPassword || !newPassword) {
+		error(400, 'currentPassword and newPassword are required');
+	}
+
+	if (newPassword.length < 4) {
+		error(400, 'New password must be at least 4 characters');
+	}
+
+	try {
+		const ok = await changePassword(locals.user.id, currentPassword, newPassword);
+		if (!ok) {
+			error(401, 'Current password is incorrect');
+		}
+	} catch (e: unknown) {
+		// Re-throw SvelteKit errors as-is
+		if (e && typeof e === 'object' && 'status' in e) throw e;
+		log.error('api/auth/change-password', 'unexpected error', { err: String(e) });
+		error(500, 'An error occurred. Please try again.');
+	}
+
+	return json({ ok: true });
+};
diff --git a/ui/src/routes/api/auth/debug-login/+server.ts b/ui/src/routes/api/auth/debug-login/+server.ts
new file mode 100644
index 0000000..e332402
--- /dev/null
+++ b/ui/src/routes/api/auth/debug-login/+server.ts
@@ -0,0 +1,73 @@
+import { redirect, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { getUserByUsername, createUserSession } from '$lib/server/pocketbase';
+import { createAuthToken } from '../../../../hooks.server';
+import { env } from '$env/dynamic/private';
+import { log } from '$lib/server/logger';
+import { randomBytes } from 'node:crypto';
+
+const AUTH_COOKIE = 'libnovel_auth';
+const ONE_YEAR = 60 * 60 * 24 * 365;
+
+/**
+ * GET /api/auth/debug-login?token=<DEBUG_LOGIN_TOKEN>&username=<username>
+ *
+ * One-shot debug bypass: verifies a shared secret token, then mints a real
+ * auth cookie for the given user (defaults to the first admin account) and
+ * redirects to /.
+ *
+ * Requires DEBUG_LOGIN_TOKEN env var to be set. Disabled (404) when the var
+ * is absent or empty.
+ */
+export const GET: RequestHandler = async ({ url, cookies, request }) => {
+	const debugToken = env.DEBUG_LOGIN_TOKEN ?? '';
+	if (!debugToken) {
+		error(404, 'Not found');
+	}
+
+	const provided = url.searchParams.get('token') ?? '';
+	// Constant-time comparison to prevent timing attacks
+	if (provided.length !== debugToken.length) {
+		log.warn('api/auth/debug-login', 'bad token attempt');
+		error(401, 'Invalid token');
+	}
+	let diff = 0;
+	for (let i = 0; i < debugToken.length; i++) {
+		diff |= provided.charCodeAt(i) ^ debugToken.charCodeAt(i);
+	}
+	if (diff !== 0) {
+		log.warn('api/auth/debug-login', 'bad token attempt');
+		error(401, 'Invalid token');
+	}
+
+	const username = url.searchParams.get('username') ?? 'kamil_alekber_2e99';
+	const user = await getUserByUsername(username);
+	if (!user) {
+		error(404, `User '${username}' not found`);
+	}
+
+	const authSessionId = randomBytes(16).toString('hex');
+	const userAgent = request.headers.get('user-agent') ?? '';
+	const ip =
+		request.headers.get('x-forwarded-for')?.split(',')[0]?.trim() ??
+		request.headers.get('x-real-ip') ??
+		'debug';
+
+	createUserSession(user.id, authSessionId, userAgent, ip).catch((e) =>
+		log.warn('api/auth/debug-login', 'createUserSession failed (non-fatal)', { err: String(e) })
+	);
+
+	const token = createAuthToken(user.id, user.username, user.role ?? 'user', authSessionId);
+
+	cookies.set(AUTH_COOKIE, token, {
+		path: '/',
+		httpOnly: true,
+		sameSite: 'lax',
+		maxAge: ONE_YEAR
+	});
+
+	log.info('api/auth/debug-login', 'debug login used', { username: user.username, ip });
+
+	const next = url.searchParams.get('next') ?? '/';
+	redirect(302, next);
+};
diff --git a/ui/src/routes/api/auth/login/+server.ts b/ui/src/routes/api/auth/login/+server.ts
new file mode 100644
index 0000000..a94f806
--- /dev/null
+++ b/ui/src/routes/api/auth/login/+server.ts
@@ -0,0 +1,79 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { loginUser, mergeSessionProgress, upsertUserSession } from '$lib/server/pocketbase';
+import { createAuthToken } from '../../../../hooks.server';
+import { log } from '$lib/server/logger';
+import { randomBytes } from 'node:crypto';
+
+const AUTH_COOKIE = 'libnovel_auth';
+const ONE_YEAR = 60 * 60 * 24 * 365;
+
+/**
+ * POST /api/auth/login
+ * Body: { username: string, password: string }
+ * Returns: { token: string, user: { id, username, role } }
+ *
+ * Sets the libnovel_auth cookie and returns the raw token value so the
+ * iOS app can persist it for subsequent requests.
+ */
+export const POST: RequestHandler = async ({ request, cookies, locals }) => {
+	let body: { username?: string; password?: string };
+	try {
+		body = await request.json();
+	} catch {
+		error(400, 'Invalid JSON body');
+	}
+
+	const username = (body.username ?? '').trim();
+	const password = body.password ?? '';
+
+	if (!username || !password) {
+		error(400, 'Username and password are required');
+	}
+
+	let user;
+	try {
+		user = await loginUser(username, password);
+	} catch (e) {
+		log.error('api/auth/login', 'unexpected error', { username, err: String(e) });
+		error(500, 'An error occurred. Please try again.');
+	}
+
+	if (!user) {
+		error(401, 'Invalid username or password');
+	}
+
+	// Merge anonymous session progress (non-fatal)
+	mergeSessionProgress(locals.sessionId, user.id).catch((e) =>
+		log.warn('api/auth/login', 'mergeSessionProgress failed (non-fatal)', { err: String(e) })
+	);
+
+	const candidateSessionId = randomBytes(16).toString('hex');
+
+	const userAgent = request.headers.get('user-agent') ?? '';
+	const ip =
+		request.headers.get('x-forwarded-for')?.split(',')[0]?.trim() ??
+		request.headers.get('x-real-ip') ??
+		'';
+
+	let authSessionId = candidateSessionId;
+	try {
+		({ authSessionId } = await upsertUserSession(user.id, candidateSessionId, userAgent, ip));
+	} catch (e) {
+		log.warn('api/auth/login', 'upsertUserSession failed (non-fatal)', { err: String(e) });
+	}
+
+	const token = createAuthToken(user.id, user.username, user.role ?? 'user', authSessionId);
+
+	cookies.set(AUTH_COOKIE, token, {
+		path: '/',
+		httpOnly: true,
+		sameSite: 'lax',
+		maxAge: ONE_YEAR
+	});
+
+	return json({
+		token,
+		user: { id: user.id, username: user.username, role: user.role ?? 'user' }
+	});
+};
diff --git a/ui/src/routes/api/auth/logout/+server.ts b/ui/src/routes/api/auth/logout/+server.ts
new file mode 100644
index 0000000..b83cefc
--- /dev/null
+++ b/ui/src/routes/api/auth/logout/+server.ts
@@ -0,0 +1,24 @@
+import { json } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { parseAuthToken } from '../../../../hooks.server.js';
+import { deleteSessionByAuthId } from '$lib/server/pocketbase';
+
+const AUTH_COOKIE = 'libnovel_auth';
+
+/**
+ * POST /api/auth/logout
+ * Deletes the session row from PocketBase AND clears the auth cookie, so the
+ * session doesn't linger as a phantom "active session" after sign-out.
+ */
+export const POST: RequestHandler = async ({ cookies }) => {
+	const token = cookies.get(AUTH_COOKIE);
+	if (token) {
+		const user = parseAuthToken(token);
+		if (user?.authSessionId) {
+			// Best-effort — non-fatal if PocketBase is unreachable.
+			deleteSessionByAuthId(user.authSessionId).catch(() => {});
+		}
+	}
+	cookies.delete(AUTH_COOKIE, { path: '/' });
+	return json({ ok: true });
+};
diff --git a/ui/src/routes/api/auth/me/+server.ts b/ui/src/routes/api/auth/me/+server.ts
new file mode 100644
index 0000000..7b7abb5
--- /dev/null
+++ b/ui/src/routes/api/auth/me/+server.ts
@@ -0,0 +1,24 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { getUserByUsername } from '$lib/server/pocketbase';
+import { resolveAvatarUrl } from '$lib/server/minio';
+
+/**
+ * GET /api/auth/me
+ * Returns the currently authenticated user from the request's auth cookie.
+ * Returns 401 if not authenticated.
+ */
+export const GET: RequestHandler = async ({ locals }) => {
+	if (!locals.user) {
+		error(401, 'Not authenticated');
+	}
+	// Fetch full record from PocketBase to get avatar_url
+	const record = await getUserByUsername(locals.user.username).catch(() => null);
+	const avatarUrl = await resolveAvatarUrl(locals.user.id, record?.avatar_url).catch(() => null);
+	return json({
+		id: locals.user.id,
+		username: locals.user.username,
+		role: locals.user.role,
+		avatar_url: avatarUrl
+	});
+};
diff --git a/ui/src/routes/api/auth/register/+server.ts b/ui/src/routes/api/auth/register/+server.ts
new file mode 100644
index 0000000..bc82832
--- /dev/null
+++ b/ui/src/routes/api/auth/register/+server.ts
@@ -0,0 +1,12 @@
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+
+/**
+ * POST /api/auth/register
+ *
+ * Username/password registration has been replaced by OAuth2 (Google & GitHub).
+ * This endpoint is no longer supported.
+ */
+export const POST: RequestHandler = async () => {
+	error(410, 'Username/password registration is no longer supported. Please sign in with Google or GitHub.');
+};
diff --git a/ui/src/routes/api/book/[slug]/+server.ts b/ui/src/routes/api/book/[slug]/+server.ts
new file mode 100644
index 0000000..f260d25
--- /dev/null
+++ b/ui/src/routes/api/book/[slug]/+server.ts
@@ -0,0 +1,95 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { getBook, listChapterIdx, getProgress, isBookSaved } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+import { backendFetch, type BookPreviewResponse } from '$lib/server/scraper';
+
+/**
+ * GET /api/book/[slug]
+ * Returns book metadata, chapter list, progress, and library status.
+ *
+ * If the book is not yet in PocketBase, asks the backend to enqueue a scrape
+ * task and returns 202 with { scraping: true, task_id }.
+ * The client should poll and retry once the task completes.
+ */
+export const GET: RequestHandler = async ({ params, locals }) => {
+	const { slug } = params;
+
+	// Try PocketBase first
+	let book = await getBook(slug).catch((e) => {
+		log.error('api/book', 'getBook failed', { slug, err: String(e) });
+		return null;
+	});
+
+	if (book) {
+		let chapters, progress, saved;
+		try {
+			[chapters, progress, saved] = await Promise.all([
+				listChapterIdx(slug),
+				getProgress(locals.sessionId, slug, locals.user?.id),
+				isBookSaved(locals.sessionId, slug, locals.user?.id)
+			]);
+		} catch (e) {
+			log.error('api/book', 'failed to load book detail data', { slug, err: String(e) });
+			error(500, 'Failed to load book');
+		}
+
+		return json({
+			book,
+			chapters,
+			in_lib: true,
+			saved,
+			last_chapter: progress?.chapter ?? null,
+			scraping: false,
+			task_id: null
+		});
+	}
+
+	// Fall back to backend: enqueue scrape task if not in library.
+	try {
+		const res = await backendFetch(`/api/book-preview/${encodeURIComponent(slug)}`);
+
+		if (res.status === 202) {
+			const body: { task_id: string; message: string } = await res.json();
+			log.info('api/book', 'scrape task enqueued', { slug, task_id: body.task_id });
+			return json({ scraping: true, task_id: body.task_id, in_lib: false }, { status: 202 });
+		}
+
+		if (!res.ok) {
+			log.warn('api/book', 'book-preview returned error', { slug, status: res.status });
+			error(404, `Book "${slug}" not found`);
+		}
+
+		// 200 — book was already in library
+		const preview: BookPreviewResponse = await res.json();
+
+		const previewBook = {
+			id: '',
+			slug: preview.meta.slug || slug,
+			title: preview.meta.title,
+			author: preview.meta.author,
+			cover: preview.meta.cover,
+			status: preview.meta.status,
+			genres: preview.meta.genres ?? [],
+			summary: preview.meta.summary,
+			total_chapters: preview.meta.total_chapters,
+			source_url: preview.meta.source_url,
+			ranking: 0,
+			meta_updated: ''
+		};
+
+		return json({
+			book: previewBook,
+			chapters: preview.chapters,
+			in_lib: true,
+			saved: false,
+			last_chapter: null,
+			scraping: false,
+			task_id: null
+		});
+	} catch (e) {
+		if (e instanceof Error && 'status' in e) throw e;
+		log.error('api/book', 'book-preview fetch failed', { slug, err: String(e) });
+		error(404, `Book "${slug}" not found`);
+	}
+};
diff --git a/ui/src/routes/api/books/[slug]/+server.ts b/ui/src/routes/api/books/[slug]/+server.ts
new file mode 100644
index 0000000..05ce7f4
--- /dev/null
+++ b/ui/src/routes/api/books/[slug]/+server.ts
@@ -0,0 +1,15 @@
+/**
+ * GET /api/books/[slug]
+ * Returns basic book metadata (slug, title, visibility) for admin tooling.
+ * Requires admin role — not a public endpoint.
+ */
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { getBook } from '$lib/server/pocketbase';
+
+export const GET: RequestHandler = async ({ params, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') throw error(403, 'Forbidden');
+	const book = await getBook(params.slug);
+	if (!book) throw error(404, 'Book not found');
+	return json({ slug: book.slug, title: book.title, visibility: book.visibility ?? 'admin_only' });
+};
diff --git a/ui/src/routes/api/catalogue-page/+server.ts b/ui/src/routes/api/catalogue-page/+server.ts
new file mode 100644
index 0000000..0a6ebb6
--- /dev/null
+++ b/ui/src/routes/api/catalogue-page/+server.ts
@@ -0,0 +1,47 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+import { bookToListing, type CatalogueResponse } from '$lib/server/catalogue';
+
+/**
+ * GET /api/catalogue-page?page=2&genre=all&sort=popular&status=all&q=
+ *
+ * Thin proxy to the Go backend's /api/catalogue endpoint.
+ * Used by the infinite-scroll catalogue page to append subsequent pages
+ * without a full SSR navigation.
+ *
+ * Returns { novels, page, hasNext } — the shape expected by the client-side
+ * infinite scroll in +page.svelte.
+ */
+export const GET: RequestHandler = async ({ url }) => {
+	const page = url.searchParams.get('page') ?? '1';
+	const genre = url.searchParams.get('genre') ?? 'all';
+	const sort = url.searchParams.get('sort') ?? 'popular';
+	const status = url.searchParams.get('status') ?? 'all';
+	const q = url.searchParams.get('q') ?? '';
+
+	const params = new URLSearchParams({ page, genre, sort, status });
+	if (q.trim().length >= 2) {
+		params.set('q', q.trim());
+	}
+
+	try {
+		const res = await backendFetch(`/api/catalogue?${params.toString()}`);
+		if (!res.ok) {
+			log.error('catalogue-page', 'backend returned error', { status: res.status });
+			throw error(502, `Catalogue fetch failed: ${res.status}`);
+		}
+		const data: CatalogueResponse = await res.json();
+
+		return json({
+			novels: (data.books ?? []).map(bookToListing),
+			page: data.page ?? (parseInt(page, 10) || 1),
+			hasNext: data.has_next ?? false
+		});
+	} catch (e) {
+		if (e instanceof Error && 'status' in e) throw e;
+		log.error('catalogue-page', 'network error', { err: String(e) });
+		throw error(502, 'Could not reach catalogue service');
+	}
+};
diff --git a/ui/src/routes/api/chapter-image/[domain]/[slug]/[n]/+server.ts b/ui/src/routes/api/chapter-image/[domain]/[slug]/[n]/+server.ts
new file mode 100644
index 0000000..1fa27e9
--- /dev/null
+++ b/ui/src/routes/api/chapter-image/[domain]/[slug]/[n]/+server.ts
@@ -0,0 +1,55 @@
+/**
+ * GET /api/chapter-image/[domain]/[slug]/[n]
+ * HEAD /api/chapter-image/[domain]/[slug]/[n]
+ *
+ * Proxies chapter illustration images from the Go backend.
+ * HEAD returns 200/404 to check existence; GET returns the full image bytes.
+ * Returns 404 when no image has been saved for this chapter.
+ */
+
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { backendFetch } from '$lib/server/scraper';
+
+async function proxyChapterImage({ params, method }: { params: { domain: string; slug: string; n: string }; method: string }) {
+	const { domain, slug, n } = params;
+
+	let res: Response;
+	try {
+		res = await backendFetch(
+			`/api/chapter-image/${encodeURIComponent(domain)}/${encodeURIComponent(slug)}/${encodeURIComponent(n)}`,
+			{ method }
+		);
+	} catch {
+		throw error(502, 'Could not reach backend');
+	}
+
+	if (res.status === 404) {
+		throw error(404, 'No chapter image found');
+	}
+	if (!res.ok) {
+		throw error(res.status, 'Could not fetch chapter image');
+	}
+
+	if (method === 'HEAD') {
+		return new Response(null, {
+			status: 200,
+			headers: { 'Cache-Control': 'no-store' }
+		});
+	}
+
+	const contentType = res.headers.get('content-type') ?? 'image/jpeg';
+	const data = await res.arrayBuffer();
+
+	return new Response(data, {
+		status: 200,
+		headers: {
+			'Content-Type': contentType,
+			'Cache-Control': 'public, max-age=31536000, immutable',
+			'Content-Length': String(data.byteLength)
+		}
+	});
+}
+
+export const GET: RequestHandler = ({ params }) => proxyChapterImage({ params, method: 'GET' });
+export const HEAD: RequestHandler = ({ params }) => proxyChapterImage({ params, method: 'HEAD' });
diff --git a/ui/src/routes/api/chapter-text-preview/[slug]/[n]/+server.ts b/ui/src/routes/api/chapter-text-preview/[slug]/[n]/+server.ts
new file mode 100644
index 0000000..016e48f
--- /dev/null
+++ b/ui/src/routes/api/chapter-text-preview/[slug]/[n]/+server.ts
@@ -0,0 +1,44 @@
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+/**
+ * GET /api/chapter-text-preview/[slug]/[n]
+ * Proxies to the backend's /api/chapter-text-preview endpoint.
+ * Used client-side when the normal chapter path returns no content
+ * (chapter indexed but not yet scraped to MinIO).
+ */
+export const GET: RequestHandler = async ({ params, url }) => {
+	const { slug, n } = params;
+	const chapter = parseInt(n, 10);
+	if (!slug || !chapter || chapter < 1) {
+		error(400, 'Invalid slug or chapter number');
+	}
+
+	// Forward optional query params (chapter_url, title) if present
+	const qs = new URLSearchParams();
+	const chapterUrl = url.searchParams.get('chapter_url');
+	const title = url.searchParams.get('title');
+	if (chapterUrl) qs.set('chapter_url', chapterUrl);
+	if (title) qs.set('title', title);
+
+	const scraperRes = await backendFetch(
+		`/api/chapter-text-preview/${encodeURIComponent(slug)}/${chapter}?${qs.toString()}`
+	).catch((e) => {
+		log.error('chapter-preview', 'scraper fetch failed', { slug, chapter, err: String(e) });
+		return null;
+	});
+
+	if (!scraperRes || !scraperRes.ok) {
+		const status = scraperRes?.status ?? 502;
+		log.error('chapter-preview', 'scraper returned error', { slug, chapter, status });
+		error(status as Parameters<typeof error>[0], 'Chapter preview not available');
+	}
+
+	const data = await scraperRes.json();
+
+	return new Response(JSON.stringify(data), {
+		headers: { 'Content-Type': 'application/json' }
+	});
+};
diff --git a/ui/src/routes/api/chapter/[slug]/[n]/+server.ts b/ui/src/routes/api/chapter/[slug]/[n]/+server.ts
new file mode 100644
index 0000000..b13c7df
--- /dev/null
+++ b/ui/src/routes/api/chapter/[slug]/[n]/+server.ts
@@ -0,0 +1,127 @@
+import { json, error } from '@sveltejs/kit';
+import { marked } from 'marked';
+import type { RequestHandler } from './$types';
+import { getBook, listChapterIdx } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+import type { Voice } from '$lib/types';
+
+/**
+ * GET /api/chapter/[slug]/[n]
+ * Returns rendered chapter HTML, navigation info, and voice list.
+ * Supports ?preview=1&chapter_url=...&title=... for un-scraped books.
+ *
+ * Response shape mirrors ChapterResponse in the iOS APIClient.
+ */
+export const GET: RequestHandler = async ({ params, url, locals }) => {
+	const { slug } = params;
+	const n = parseInt(params.n, 10);
+
+	if (!n || n < 1) error(400, 'Invalid chapter number');
+
+	const isPreview = url.searchParams.get('preview') === '1';
+	const chapterUrl = url.searchParams.get('chapter_url') ?? '';
+	const chapterTitle = url.searchParams.get('title') ?? '';
+
+	if (isPreview) {
+		// Preview path: scrape live, nothing from PocketBase/MinIO
+		const previewParams = new URLSearchParams();
+		if (chapterUrl) previewParams.set('chapter_url', chapterUrl);
+		if (chapterTitle) previewParams.set('title', chapterTitle);
+
+		let chapterData: { slug: string; number: number; title: string; text: string; url: string };
+		try {
+		const res = await backendFetch(
+			`/api/chapter-text-preview/${encodeURIComponent(slug)}/${n}?${previewParams.toString()}`
+		);
+			if (!res.ok) {
+				log.error('api/chapter', 'chapter-text-preview returned error', { slug, n, status: res.status });
+				error(404, `Chapter ${n} not found`);
+			}
+			chapterData = await res.json();
+		} catch (e) {
+			if (e instanceof Error && 'status' in e) throw e;
+			log.error('api/chapter', 'chapter-text-preview fetch failed', { slug, n, err: String(e) });
+			error(502, 'Could not fetch chapter preview');
+		}
+
+		const html = chapterData.text
+			? '<p>' + chapterData.text.replace(/\n{2,}/g, '</p><p>').replace(/\n/g, '<br>') + '</p>'
+			: '';
+
+		let voices: Voice[] = [];
+		try {
+			const vRes = await backendFetch('/api/voices');
+			if (vRes.ok) {
+				const d = (await vRes.json()) as { voices: Voice[] };
+				voices = d.voices ?? [];
+			}
+		} catch {
+			// Non-critical
+		}
+
+		const pb = await getBook(slug).catch(() => null);
+
+		return json({
+			book: { slug, title: pb?.title ?? slug, cover: pb?.cover ?? '' },
+			chapter: { id: '', slug, number: n, title: chapterData.title || `Chapter ${n}`, date_label: '' },
+			html,
+			voices,
+			prev: null,
+			next: null,
+			chapters: [],
+			is_preview: true
+		});
+	}
+
+	// Normal path: PocketBase + MinIO
+	const [book, chapters, voicesRes] = await Promise.all([
+		getBook(slug),
+		listChapterIdx(slug),
+		backendFetch('/api/voices').catch(() => null)
+	]);
+
+	if (!book) error(404, `Book "${slug}" not found`);
+
+	const chapterIdx = chapters.find((c) => c.number === n);
+	if (!chapterIdx) error(404, `Chapter ${n} not found`);
+
+	let voices: Voice[] = [];
+	try {
+		if (voicesRes?.ok) {
+			const data = (await voicesRes.json()) as { voices: Voice[] };
+			voices = data.voices ?? [];
+		}
+	} catch {
+		// Non-critical
+	}
+
+	let html = '';
+	try {
+		const res = await backendFetch(`/api/chapter-markdown/${encodeURIComponent(slug)}/${n}`);
+		if (!res.ok) {
+			log.error('api/chapter', 'chapter-markdown returned error', { slug, n, status: res.status });
+			error(res.status === 404 ? 404 : 502, res.status === 404 ? `Chapter ${n} not found` : 'Could not fetch chapter content');
+		}
+		const markdown = await res.text();
+		html = marked(markdown) as string;
+	} catch (e) {
+		if (e instanceof Error && 'status' in e) throw e;
+		log.error('api/chapter', 'failed to fetch chapter content', { slug, n, err: String(e) });
+		error(502, 'Could not fetch chapter content');
+	}
+
+	const prevChapter = chapters.find((c) => c.number === n - 1) ?? null;
+	const nextChapter = chapters.find((c) => c.number === n + 1) ?? null;
+
+	return json({
+		book: { slug: book.slug, title: book.title, cover: book.cover ?? '' },
+		chapter: chapterIdx,
+		html,
+		voices,
+		prev: prevChapter ? prevChapter.number : null,
+		next: nextChapter ? nextChapter.number : null,
+		chapters: chapters.map((c) => ({ number: c.number, title: c.title })),
+		is_preview: false
+	});
+};
diff --git a/ui/src/routes/api/checkout/+server.ts b/ui/src/routes/api/checkout/+server.ts
new file mode 100644
index 0000000..21a629a
--- /dev/null
+++ b/ui/src/routes/api/checkout/+server.ts
@@ -0,0 +1,106 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { env } from '$env/dynamic/private';
+import { log } from '$lib/server/logger';
+import { getUserByUsername } from '$lib/server/pocketbase';
+
+const POLAR_API_BASE = 'https://api.polar.sh';
+
+const PRICE_IDS: Record<string, string> = {
+	monthly: '9c0eea36-4f4a-4fd6-970b-d176588d4771',
+	annual:  '5a5be04e-f252-4a30-8f8b-858b40ec33e4'
+};
+
+/**
+ * POST /api/checkout
+ * Body: { product: 'monthly' | 'annual' }
+ *
+ * Creates a Polar server-side checkout session with:
+ *  - external_customer_id = locals.user.id  (so webhooks can match back to us)
+ *  - customer_email locked to the logged-in user's email (email field disabled in UI)
+ *  - allow_discount_codes: true
+ *  - success_url redirects to /profile?subscribed=1
+ *
+ * Returns: { url: string }
+ */
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user) error(401, 'Not authenticated');
+
+	const apiToken = env.POLAR_API_TOKEN;
+	if (!apiToken) {
+		log.error('checkout', 'POLAR_API_TOKEN not set');
+		error(500, 'Checkout unavailable');
+	}
+
+	let product: string;
+	try {
+		const body = await request.json() as { product?: unknown };
+		product = String(body?.product ?? '');
+	} catch {
+		error(400, 'Invalid request body');
+	}
+
+	const priceId = PRICE_IDS[product];
+	if (!priceId) {
+		error(400, `Unknown product: ${product}. Use 'monthly' or 'annual'.`);
+	}
+
+	// Fetch the user's email from PocketBase (not in the auth token)
+	let email: string | null = null;
+	try {
+		const record = await getUserByUsername(locals.user.username);
+		email = record?.email ?? null;
+	} catch (e) {
+		log.warn('checkout', 'failed to fetch user email (non-fatal)', { err: String(e) });
+	}
+
+	// Create a server-side checkout session on Polar
+	// https://docs.polar.sh/api-reference/checkouts/create
+	const payload = {
+		product_price_id: priceId,
+		allow_discount_codes: true,
+		success_url: 'https://libnovel.cc/profile?subscribed=1',
+		customer_external_id: locals.user.id,
+		...(email ? { customer_email: email } : {})
+	};
+
+	log.info('checkout', 'creating polar checkout session', {
+		userId: locals.user.id,
+		product,
+		email: email ?? '(none)'
+	});
+
+	const res = await fetch(`${POLAR_API_BASE}/v1/checkouts/`, {
+		method: 'POST',
+		headers: {
+			'Content-Type': 'application/json',
+			'Authorization': `Bearer ${apiToken}`
+		},
+		body: JSON.stringify(payload)
+	});
+
+	if (!res.ok) {
+		const text = await res.text().catch(() => '');
+		log.error('checkout', 'polar checkout creation failed', {
+			status: res.status,
+			body: text.slice(0, 500)
+		});
+		error(502, 'Failed to create checkout session');
+	}
+
+	const data = await res.json() as { url?: string; id?: string };
+	const checkoutUrl = data?.url;
+
+	if (!checkoutUrl) {
+		log.error('checkout', 'polar response missing url', { data: JSON.stringify(data).slice(0, 200) });
+		error(502, 'Invalid checkout response from Polar');
+	}
+
+	log.info('checkout', 'checkout session created', {
+		userId: locals.user.id,
+		checkoutId: data?.id,
+		product
+	});
+
+	return json({ url: checkoutUrl });
+};
diff --git a/ui/src/routes/api/comment/[id]/+server.ts b/ui/src/routes/api/comment/[id]/+server.ts
new file mode 100644
index 0000000..8bb998b
--- /dev/null
+++ b/ui/src/routes/api/comment/[id]/+server.ts
@@ -0,0 +1,26 @@
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { deleteComment } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * DELETE /api/comment/[id]
+ * Deletes a comment and its replies. Only the comment owner may delete.
+ * Requires authentication.
+ */
+export const DELETE: RequestHandler = async ({ params, locals }) => {
+	if (!locals.user) error(401, 'Login required');
+
+	const { id } = params;
+
+	try {
+		await deleteComment(id, locals.user.id);
+		return new Response(null, { status: 204 });
+	} catch (e) {
+		const msg = String(e);
+		if (msg.includes('Not authorized')) error(403, 'Not authorized to delete this comment');
+		if (msg.includes('not found')) error(404, 'Comment not found');
+		log.error('api/comment/[id]', 'deleteComment failed', { id, err: msg });
+		error(500, 'Failed to delete comment');
+	}
+};
diff --git a/ui/src/routes/api/comment/[id]/vote/+server.ts b/ui/src/routes/api/comment/[id]/vote/+server.ts
new file mode 100644
index 0000000..5a7526e
--- /dev/null
+++ b/ui/src/routes/api/comment/[id]/vote/+server.ts
@@ -0,0 +1,33 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { voteComment } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * POST /api/comment/[id]/vote
+ * Body: { vote: 'up' | 'down' }
+ * Casts, changes, or toggles off a vote on a comment.
+ * Works for both authenticated and anonymous users (session-scoped).
+ * Returns the updated comment.
+ */
+export const POST: RequestHandler = async ({ params, request, locals }) => {
+	const { id } = params;
+	let body: { vote?: string };
+	try {
+		body = await request.json();
+	} catch {
+		error(400, 'Invalid JSON body');
+	}
+
+	if (body.vote !== 'up' && body.vote !== 'down') {
+		error(400, 'vote must be "up" or "down"');
+	}
+
+	try {
+		const updated = await voteComment(id, body.vote, locals.sessionId, locals.user?.id);
+		return json(updated);
+	} catch (e) {
+		log.error('api/comment/[id]/vote', 'voteComment failed', { id, err: String(e) });
+		error(500, 'Failed to record vote');
+	}
+};
diff --git a/ui/src/routes/api/comments/[slug]/+server.ts b/ui/src/routes/api/comments/[slug]/+server.ts
new file mode 100644
index 0000000..711da7c
--- /dev/null
+++ b/ui/src/routes/api/comments/[slug]/+server.ts
@@ -0,0 +1,107 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import {
+	listComments,
+	listReplies,
+	createComment,
+	getMyVotes,
+	getUserById,
+	type CommentSort
+} from '$lib/server/pocketbase';
+import { resolveAvatarUrl } from '$lib/server/minio';
+import { log } from '$lib/server/logger';
+
+/**
+ * GET /api/comments/[slug]?sort=new|top
+ * Returns top-level comments + their replies + current visitor's votes + avatar URLs.
+ * Response: { comments: BookComment[], myVotes: Record<string, 'up'|'down'>, avatarUrls: Record<string, string> }
+ * Each top-level comment has a `replies` array attached.
+ */
+export const GET: RequestHandler = async ({ params, url, locals }) => {
+	const { slug } = params;
+	const sortParam = url.searchParams.get('sort') ?? 'new';
+	const sort: CommentSort = sortParam === 'top' ? 'top' : 'new';
+	const chapter = parseInt(url.searchParams.get('chapter') ?? '0', 10) || 0;
+
+	try {
+		const topLevel = await listComments(slug, sort, chapter);
+
+		// Fetch replies for all top-level comments in parallel
+		const repliesPerComment = await Promise.all(topLevel.map((c) => listReplies(c.id)));
+		const allReplies = repliesPerComment.flat();
+
+		// Build comment+reply list for vote lookup
+		const allIds = [...topLevel.map((c) => c.id), ...allReplies.map((r) => r.id)];
+		const myVotes = await getMyVotes(allIds, locals.sessionId, locals.user?.id);
+
+		// Attach replies to each top-level comment
+		const comments = topLevel.map((c, i) => ({
+			...c,
+			replies: repliesPerComment[i]
+		}));
+
+		// Batch-resolve avatar URLs for all unique user_ids
+		// MinIO first (custom upload), fall back to OAuth provider picture.
+		const allComments = [...topLevel, ...allReplies];
+		const uniqueUserIds = [...new Set(allComments.map((c) => c.user_id).filter(Boolean))];
+		const avatarEntries = await Promise.all(
+			uniqueUserIds.map(async (userId) => {
+				try {
+					const user = await getUserById(userId);
+					const url = await resolveAvatarUrl(userId, user?.avatar_url);
+					return [userId, url] as [string, string | null];
+				} catch {
+					return [userId, null] as [string, null];
+				}
+			})
+		);
+		const avatarUrls: Record<string, string> = {};
+		for (const [userId, url] of avatarEntries) {
+			if (url) avatarUrls[userId] = url;
+		}
+
+		return json({ comments, myVotes, avatarUrls });
+	} catch (e) {
+		log.error('api/comments/[slug]', 'listComments failed', { slug, err: String(e) });
+		error(500, 'Failed to load comments');
+	}
+};
+
+/**
+ * POST /api/comments/[slug]
+ * Body: { body: string, parent_id?: string }
+ * Creates a new comment or reply. Requires authentication.
+ */
+export const POST: RequestHandler = async ({ params, request, locals }) => {
+	if (!locals.user) error(401, 'Login required to comment');
+
+	const { slug } = params;
+	let body: { body?: string; parent_id?: string; chapter?: number };
+	try {
+		body = await request.json();
+	} catch {
+		error(400, 'Invalid JSON body');
+	}
+
+	const text = (body.body ?? '').trim();
+	if (!text) error(400, 'Comment body is required');
+	if (text.length > 2000) error(400, 'Comment is too long (max 2000 characters)');
+
+	const parentId = body.parent_id?.trim() || undefined;
+	const chapter = typeof body.chapter === 'number' ? body.chapter : 0;
+
+	try {
+		const comment = await createComment(
+			slug,
+			text,
+			locals.user.id,
+			locals.user.username,
+			parentId,
+			chapter
+		);
+		return json(comment, { status: 201 });
+	} catch (e) {
+		log.error('api/comments/[slug]', 'createComment failed', { slug, err: String(e) });
+		error(500, 'Failed to post comment');
+	}
+};
diff --git a/ui/src/routes/api/discover/vote/+server.ts b/ui/src/routes/api/discover/vote/+server.ts
new file mode 100644
index 0000000..dbdf60b
--- /dev/null
+++ b/ui/src/routes/api/discover/vote/+server.ts
@@ -0,0 +1,39 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { upsertDiscoveryVote, clearDiscoveryVotes, undoDiscoveryVote, saveBook } from '$lib/server/pocketbase';
+
+const VALID_ACTIONS = ['like', 'skip', 'nope', 'read_now'] as const;
+type Action = (typeof VALID_ACTIONS)[number];
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	const body = await request.json().catch(() => null);
+	if (!body || typeof body.slug !== 'string' || !VALID_ACTIONS.includes(body.action)) {
+		error(400, 'Expected { slug, action }');
+	}
+	const action = body.action as Action;
+	try {
+		await upsertDiscoveryVote(locals.sessionId, body.slug, action, locals.user?.id);
+		if (action === 'like' || action === 'read_now') {
+			await saveBook(locals.sessionId, body.slug, locals.user?.id);
+		}
+	} catch (e) {
+		error(500, 'Failed to record vote');
+	}
+	return json({ ok: true });
+};
+
+// DELETE /api/discover/vote          → clear all (deck reset)
+// DELETE /api/discover/vote?slug=... → undo single vote
+export const DELETE: RequestHandler = async ({ url, locals }) => {
+	const slug = url.searchParams.get('slug');
+	try {
+		if (slug) {
+			await undoDiscoveryVote(locals.sessionId, slug, locals.user?.id);
+		} else {
+			await clearDiscoveryVotes(locals.sessionId, locals.user?.id);
+		}
+	} catch {
+		error(500, 'Failed to clear votes');
+	}
+	return json({ ok: true });
+};
diff --git a/ui/src/routes/api/export/[slug]/+server.ts b/ui/src/routes/api/export/[slug]/+server.ts
new file mode 100644
index 0000000..18a702c
--- /dev/null
+++ b/ui/src/routes/api/export/[slug]/+server.ts
@@ -0,0 +1,33 @@
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { backendFetch } from '$lib/server/scraper';
+
+export const GET: RequestHandler = async ({ params, url, locals }) => {
+	if (!locals.isPro) {
+		error(403, 'EPUB download requires a Pro subscription');
+	}
+
+	const { slug } = params;
+	const from = url.searchParams.get('from');
+	const to = url.searchParams.get('to');
+
+	const qs = new URLSearchParams();
+	if (from) qs.set('from', from);
+	if (to) qs.set('to', to);
+	const query = qs.size ? `?${qs}` : '';
+
+	const res = await backendFetch(`/api/export/${encodeURIComponent(slug)}${query}`);
+
+	if (!res.ok) {
+		const text = await res.text().catch(() => '');
+		error(res.status as Parameters<typeof error>[0], text || 'Export failed');
+	}
+
+	const bytes = await res.arrayBuffer();
+	return new Response(bytes, {
+		headers: {
+			'Content-Type': 'application/epub+zip',
+			'Content-Disposition': `attachment; filename="${slug}.epub"`
+		}
+	});
+};
diff --git a/ui/src/routes/api/home/+server.ts b/ui/src/routes/api/home/+server.ts
new file mode 100644
index 0000000..a4e8ce7
--- /dev/null
+++ b/ui/src/routes/api/home/+server.ts
@@ -0,0 +1,69 @@
+import { json } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import {
+	getBooksBySlugs,
+	recentlyAddedBooks,
+	allProgress,
+	getHomeStats,
+	getSubscriptionFeed
+} from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+import type { Book, Progress } from '$lib/server/pocketbase';
+
+/**
+ * GET /api/home
+ * Returns home screen data: continue-reading list, recently updated books, stats,
+ * and subscription feed (books recently read by followed users).
+ * Requires authentication (enforced by layout guard).
+ */
+export const GET: RequestHandler = async ({ locals }) => {
+	let recentBooks: Book[] = [];
+	let progressList: Progress[] = [];
+	let stats = { totalBooks: 0, totalChapters: 0 };
+
+	try {
+		[recentBooks, progressList, stats] = await Promise.all([
+			recentlyAddedBooks(8),
+			allProgress(locals.sessionId, locals.user?.id),
+			getHomeStats()
+		]);
+	} catch (e) {
+		log.error('api/home', 'failed to load home data', { err: String(e) });
+	}
+
+	// Fetch only the books we actually need for continue-reading.
+	const progressSlugs = progressList.map((p) => p.slug);
+	const progressBooks = progressSlugs.length > 0
+		? await getBooksBySlugs(progressSlugs).catch(() => [] as Book[])
+		: [];
+
+	const bookMap = new Map<string, Book>(progressBooks.map((b) => [b.slug, b]));
+
+	const continueReading = progressList
+		.filter((p) => bookMap.has(p.slug))
+		.slice(0, 6)
+		.map((p) => ({ book: bookMap.get(p.slug)!, chapter: p.chapter }));
+
+	const inProgressSlugs = new Set(continueReading.map((c) => c.book.slug));
+	const recentlyUpdated = recentBooks.filter((b) => !inProgressSlugs.has(b.slug)).slice(0, 6);
+
+	// Subscription feed — only available for logged-in users with following
+	let subscriptionFeed: Array<{ book: Book; readerUsername: string }> = [];
+	if (locals.user?.id) {
+		subscriptionFeed = await getSubscriptionFeed(locals.user.id).catch(() => []);
+	}
+
+	return json({
+		continue_reading: continueReading,
+		recently_updated: recentlyUpdated,
+		stats: {
+			totalBooks: stats.totalBooks,
+			totalChapters: stats.totalChapters,
+			booksInProgress: continueReading.length
+		},
+		subscription_feed: subscriptionFeed.map((item) => ({
+			book: item.book,
+			readerUsername: item.readerUsername
+		}))
+	});
+};
diff --git a/ui/src/routes/api/library/+server.ts b/ui/src/routes/api/library/+server.ts
new file mode 100644
index 0000000..ee7053c
--- /dev/null
+++ b/ui/src/routes/api/library/+server.ts
@@ -0,0 +1,61 @@
+import { json } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { getBooksBySlugs, allProgress, getSavedSlugs } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+import type { Book } from '$lib/server/pocketbase';
+
+/**
+ * GET /api/library
+ * Returns the user's library: books they have started reading or explicitly saved.
+ * Each item includes the book record, the last chapter read, and saved_at timestamp.
+ *
+ * Response shape mirrors LibraryItem in the iOS APIClient.
+ */
+export const GET: RequestHandler = async ({ locals }) => {
+	let progressList: Awaited<ReturnType<typeof allProgress>> = [];
+	let savedSlugs: Set<string> = new Set();
+
+	try {
+		[progressList, savedSlugs] = await Promise.all([
+			allProgress(locals.sessionId, locals.user?.id),
+			getSavedSlugs(locals.sessionId, locals.user?.id)
+		]);
+	} catch (e) {
+		log.error('api/library', 'failed to load library data', { err: String(e) });
+	}
+
+	// Fetch only the books the user actually has in their library.
+	const progressSlugs = new Set(progressList.map((p) => p.slug));
+	const allNeededSlugs = new Set([...progressSlugs, ...savedSlugs]);
+	const books = allNeededSlugs.size > 0
+		? await getBooksBySlugs(allNeededSlugs).catch(() => [] as Book[])
+		: [];
+
+	const progressMap: Record<string, number> = {};
+	const progressUpdatedMap: Record<string, string> = {};
+	for (const p of progressList) {
+		progressMap[p.slug] = p.chapter;
+		progressUpdatedMap[p.slug] = p.updated;
+	}
+
+	const withProgress = books.filter((b) => progressSlugs.has(b.slug));
+	const savedOnly = books
+		.filter((b) => !progressSlugs.has(b.slug))
+		.sort((a, b) => (a.title ?? '').localeCompare(b.title ?? ''));
+
+	withProgress.sort((a, b) => {
+		const ta = progressUpdatedMap[a.slug] ?? '';
+		const tb = progressUpdatedMap[b.slug] ?? '';
+		return tb.localeCompare(ta);
+	});
+
+	const ordered = [...withProgress, ...savedOnly];
+
+	const items = ordered.map((book) => ({
+		book,
+		last_chapter: progressMap[book.slug] ?? null,
+		saved_at: progressUpdatedMap[book.slug] ?? new Date().toISOString()
+	}));
+
+	return json(items);
+};
diff --git a/ui/src/routes/api/library/[slug]/+server.ts b/ui/src/routes/api/library/[slug]/+server.ts
new file mode 100644
index 0000000..a40f4e6
--- /dev/null
+++ b/ui/src/routes/api/library/[slug]/+server.ts
@@ -0,0 +1,49 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { saveBook, unsaveBook, updateBookShelf } from '$lib/server/pocketbase';
+import type { ShelfName } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * POST /api/library/[slug]
+ * Save a book to the user's personal library.
+ */
+export const POST: RequestHandler = async ({ params, locals }) => {
+	const { slug } = params;
+	try {
+		await saveBook(locals.sessionId, slug, locals.user?.id);
+	} catch (e) {
+		log.error('library', 'saveBook failed', { slug, err: String(e) });
+		error(500, 'Failed to save book');
+	}
+	return json({ ok: true });
+};
+
+/**
+ * DELETE /api/library/[slug]
+ * Remove a book from the user's personal library.
+ */
+export const DELETE: RequestHandler = async ({ params, locals }) => {
+	const { slug } = params;
+	try {
+		await unsaveBook(locals.sessionId, slug, locals.user?.id);
+	} catch (e) {
+		log.error('library', 'unsaveBook failed', { slug, err: String(e) });
+		error(500, 'Failed to remove book');
+	}
+	return json({ ok: true });
+};
+
+/**
+ * PATCH /api/library/[slug]
+ * Update the shelf category for a saved book.
+ */
+export const PATCH: RequestHandler = async ({ params, request, locals }) => {
+	const { slug } = params;
+	const body = await request.json().catch(() => null);
+	const shelf = body?.shelf ?? '';
+	const VALID = ['', 'plan_to_read', 'completed', 'dropped'];
+	if (!VALID.includes(shelf)) error(400, 'invalid shelf');
+	await updateBookShelf(locals.sessionId, slug, shelf as ShelfName, locals.user?.id);
+	return json({ ok: true });
+};
diff --git a/ui/src/routes/api/library/bulk-remove/+server.ts b/ui/src/routes/api/library/bulk-remove/+server.ts
new file mode 100644
index 0000000..f8ddda2
--- /dev/null
+++ b/ui/src/routes/api/library/bulk-remove/+server.ts
@@ -0,0 +1,33 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { unsaveBook } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * POST /api/library/bulk-remove
+ * Body: { slugs: string[] }
+ * Removes multiple books from the user's library at once.
+ */
+export const POST: RequestHandler = async ({ request, locals }) => {
+	const body = await request.json().catch(() => null);
+	const slugs: unknown = body?.slugs;
+	if (!Array.isArray(slugs) || slugs.length === 0) {
+		error(400, 'slugs must be a non-empty array');
+	}
+	const validSlugs = (slugs as unknown[]).filter((s): s is string => typeof s === 'string');
+	if (validSlugs.length === 0) error(400, 'no valid slugs provided');
+
+	const results = await Promise.allSettled(
+		validSlugs.map((slug) => unsaveBook(locals.sessionId, slug, locals.user?.id))
+	);
+
+	const failed = results
+		.map((r, i) => (r.status === 'rejected' ? validSlugs[i] : null))
+		.filter(Boolean);
+
+	if (failed.length > 0) {
+		log.error('library', 'bulk-remove partial failure', { failed });
+	}
+
+	return json({ ok: true, removed: validSlugs.length - failed.length, failed });
+};
diff --git a/ui/src/routes/api/library/bulk-shelf/+server.ts b/ui/src/routes/api/library/bulk-shelf/+server.ts
new file mode 100644
index 0000000..48c36c0
--- /dev/null
+++ b/ui/src/routes/api/library/bulk-shelf/+server.ts
@@ -0,0 +1,44 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { updateBookShelf } from '$lib/server/pocketbase';
+import type { ShelfName } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+const VALID_SHELVES: ShelfName[] = ['', 'plan_to_read', 'completed', 'dropped'];
+
+/**
+ * POST /api/library/bulk-shelf
+ * Body: { slugs: string[], shelf: ShelfName }
+ * Moves multiple books to the given shelf at once.
+ */
+export const POST: RequestHandler = async ({ request, locals }) => {
+	const body = await request.json().catch(() => null);
+	const slugs: unknown = body?.slugs;
+	const shelf: unknown = body?.shelf;
+
+	if (!Array.isArray(slugs) || slugs.length === 0) {
+		error(400, 'slugs must be a non-empty array');
+	}
+	if (typeof shelf !== 'string' || !VALID_SHELVES.includes(shelf as ShelfName)) {
+		error(400, 'invalid shelf value');
+	}
+
+	const validSlugs = (slugs as unknown[]).filter((s): s is string => typeof s === 'string');
+	if (validSlugs.length === 0) error(400, 'no valid slugs provided');
+
+	const results = await Promise.allSettled(
+		validSlugs.map((slug) =>
+			updateBookShelf(locals.sessionId, slug, shelf as ShelfName, locals.user?.id)
+		)
+	);
+
+	const failed = results
+		.map((r, i) => (r.status === 'rejected' ? validSlugs[i] : null))
+		.filter(Boolean);
+
+	if (failed.length > 0) {
+		log.error('library', 'bulk-shelf partial failure', { failed, shelf });
+	}
+
+	return json({ ok: true, updated: validSlugs.length - failed.length, failed });
+};
diff --git a/ui/src/routes/api/notifications/+server.ts b/ui/src/routes/api/notifications/+server.ts
new file mode 100644
index 0000000..3521058
--- /dev/null
+++ b/ui/src/routes/api/notifications/+server.ts
@@ -0,0 +1,29 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { backendFetch } from '$lib/server/scraper';
+
+export const GET: RequestHandler = async ({ url }) => {
+	const userId = url.searchParams.get('user_id');
+	if (!userId) throw error(400, 'user_id required');
+	const res = await backendFetch('/api/notifications?user_id=' + userId);
+	const data = await res.json().catch(() => ({ notifications: [] }));
+	return json(data);
+};
+
+// PATCH /api/notifications?user_id=<id> — mark all read
+export const PATCH: RequestHandler = async ({ url }) => {
+	const userId = url.searchParams.get('user_id');
+	if (!userId) throw error(400, 'user_id required');
+	const res = await backendFetch('/api/notifications?user_id=' + userId, { method: 'PATCH' });
+	const data = await res.json().catch(() => ({}));
+	return json(data);
+};
+
+// DELETE /api/notifications?user_id=<id> — clear all
+export const DELETE: RequestHandler = async ({ url }) => {
+	const userId = url.searchParams.get('user_id');
+	if (!userId) throw error(400, 'user_id required');
+	const res = await backendFetch('/api/notifications?user_id=' + userId, { method: 'DELETE' });
+	const data = await res.json().catch(() => ({}));
+	return json(data);
+};
diff --git a/ui/src/routes/api/notifications/[id]/+server.ts b/ui/src/routes/api/notifications/[id]/+server.ts
new file mode 100644
index 0000000..804981a
--- /dev/null
+++ b/ui/src/routes/api/notifications/[id]/+server.ts
@@ -0,0 +1,20 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { backendFetch } from '$lib/server/scraper';
+
+export const PATCH: RequestHandler = async ({ params }) => {
+	const id = params.id;
+	if (!id) throw error(400, 'id required');
+	const res = await backendFetch('/api/notifications/' + id, { method: 'PATCH' });
+	const data = await res.json().catch(() => ({}));
+	return json(data);
+};
+
+// DELETE /api/notifications/[id] — dismiss a single notification
+export const DELETE: RequestHandler = async ({ params }) => {
+	const id = params.id;
+	if (!id) throw error(400, 'id required');
+	const res = await backendFetch('/api/notifications/' + id, { method: 'DELETE' });
+	const data = await res.json().catch(() => ({}));
+	return json(data);
+};
diff --git a/ui/src/routes/api/presign/audio/+server.ts b/ui/src/routes/api/presign/audio/+server.ts
new file mode 100644
index 0000000..88e0757
--- /dev/null
+++ b/ui/src/routes/api/presign/audio/+server.ts
@@ -0,0 +1,100 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { presignAudio } from '$lib/server/minio';
+import { log } from '$lib/server/logger';
+import * as cache from '$lib/server/presignCache';
+import { backendFetch } from '$lib/server/scraper';
+
+/**
+ * GET /api/presign/audio?slug=...&n=...&voice=...
+ *
+ * Returns a presigned MinIO URL for the audio file so the client can stream
+ * it directly without going through the server.
+ *
+ * When the audio has not been generated yet, this endpoint automatically
+ * enqueues a TTS generation job and returns 202 Accepted with the job status,
+ * so callers can poll GET /api/audio/status/{slug}/{n}?voice=... until done,
+ * then call this endpoint again to get the URL.
+ *
+ * Responses:
+ *   200 { url: string }                              — audio ready, stream from MinIO
+ *   202 { task_id: string, status: string }          — TTS enqueued, poll for completion
+ *   202 { status: "pending"|"generating" }           — TTS already in progress
+ *
+ * Results are cached in-process for 50 minutes (MinIO URLs are valid 1 hour)
+ * to avoid a backend + MinIO round-trip on every "Play" click.
+ */
+export const GET: RequestHandler = async ({ url }) => {
+	const slug = url.searchParams.get('slug');
+	// Accept both 'n' (web) and 'chapter' (iOS) as the chapter number param
+	const n = parseInt(url.searchParams.get('n') ?? url.searchParams.get('chapter') ?? '', 10);
+	const voice = url.searchParams.get('voice') ?? '';
+
+	if (!slug || !n || n < 1) {
+		error(400, 'Missing slug or n');
+	}
+
+	const cacheKey = cache.audioKey(slug, n, voice);
+
+	// Fast path: return cached URL if still valid.
+	const cached = await cache.get(cacheKey);
+	if (cached) {
+		return json({ url: cached });
+	}
+
+	// Slow path: call backend → MinIO presign.
+	try {
+		const presignedUrl = await presignAudio(slug, n, voice || undefined);
+		await cache.set(cacheKey, presignedUrl);
+		return json({ url: presignedUrl });
+	} catch (e) {
+		const status = (e as { status?: number }).status;
+		if (status !== 404) {
+			log.error('presign', 'presign audio failed', { slug, n, err: String(e) });
+			error(500, `Could not get presigned URL: ${e}`);
+		}
+	}
+
+	// Audio not found — automatically trigger TTS generation so the caller
+	// doesn't need a separate POST step. Return 202 with the job status.
+	log.info('presign', 'audio not found, triggering TTS generation', { slug, n, voice });
+	try {
+		const triggerRes = await backendFetch(`/api/audio/${slug}/${n}`, {
+			method: 'POST',
+			headers: { 'Content-Type': 'application/json' },
+			body: JSON.stringify(voice ? { voice } : {})
+		});
+
+		if (!triggerRes.ok) {
+			const text = await triggerRes.text().catch(() => '');
+			log.error('presign', 'audio trigger failed', { slug, n, status: triggerRes.status, body: text });
+			error(triggerRes.status as Parameters<typeof error>[0], text || 'Audio generation failed');
+		}
+
+		const data = (await triggerRes.json()) as
+			| { url: string; status: 'done' }
+			| { task_id: string; status: string };
+
+		// If the backend says it's already done (race: generated between presign
+		// check and the POST), try to presign once more and return 200.
+		if (triggerRes.status === 200 || ('status' in data && data.status === 'done')) {
+			try {
+				const presignedUrl = await presignAudio(slug, n, voice || undefined);
+				await cache.set(cacheKey, presignedUrl);
+				return json({ url: presignedUrl });
+			} catch {
+				// Ignore — fall through to 202 below.
+			}
+		}
+
+		// Generation is in progress — return 202 so the caller can poll.
+		return new Response(JSON.stringify(data), {
+			status: 202,
+			headers: { 'Content-Type': 'application/json' }
+		});
+	} catch (e) {
+		if ((e as { status?: number }).status) throw e; // re-throw SvelteKit errors
+		log.error('presign', 'audio trigger error', { slug, n, err: String(e) });
+		error(500, `Could not trigger audio generation: ${e}`);
+	}
+};
diff --git a/ui/src/routes/api/presign/voice-sample/+server.ts b/ui/src/routes/api/presign/voice-sample/+server.ts
new file mode 100644
index 0000000..ced08d4
--- /dev/null
+++ b/ui/src/routes/api/presign/voice-sample/+server.ts
@@ -0,0 +1,40 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { presignVoiceSample } from '$lib/server/minio';
+import { log } from '$lib/server/logger';
+import * as cache from '$lib/server/presignCache';
+
+/**
+ * GET /api/presign/voice-sample?voice=af_bella
+ * Returns a presigned URL for the voice sample audio file.
+ *
+ * The backend generates the sample on demand via Kokoro TTS if it does not
+ * exist yet, so this endpoint always returns 200 { url } (or 5xx on failure).
+ *
+ * Results are cached in-process for 50 minutes to avoid a backend + MinIO
+ * round-trip on every voice-selection preview play.
+ */
+export const GET: RequestHandler = async ({ url }) => {
+	const voice = url.searchParams.get('voice');
+	if (!voice) {
+		error(400, 'Missing voice parameter');
+	}
+
+	const cacheKey = cache.sampleKey(voice);
+
+	// Fast path: return cached URL if still valid.
+	const cached = await cache.get(cacheKey);
+	if (cached) {
+		return json({ url: cached });
+	}
+
+	// Slow path: call backend → generate if needed → MinIO presign.
+	try {
+		const presignedUrl = await presignVoiceSample(voice);
+		await cache.set(cacheKey, presignedUrl);
+		return json({ url: presignedUrl });
+	} catch (e) {
+		log.error('presign', 'presign voice sample failed', { voice, err: String(e) });
+		error(502, `Failed to presign voice sample: ${e}`);
+	}
+};
diff --git a/ui/src/routes/api/profile/+server.ts b/ui/src/routes/api/profile/+server.ts
new file mode 100644
index 0000000..667d254
--- /dev/null
+++ b/ui/src/routes/api/profile/+server.ts
@@ -0,0 +1,64 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { deleteUserAccount, updateUserNotificationPrefs } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * PATCH /api/profile
+ *
+ * Update mutable profile preferences (currently: notification preferences).
+ * Body: { notify_new_chapters?: boolean, notify_new_chapters_push?: boolean }
+ */
+export const PATCH: RequestHandler = async ({ locals, request }) => {
+	if (!locals.user) error(401, 'Not authenticated');
+
+	let body: Record<string, unknown>;
+	try {
+		body = await request.json();
+	} catch {
+		error(400, 'Invalid JSON');
+	}
+
+	const prefs: { notify_new_chapters?: boolean; notify_new_chapters_push?: boolean } = {};
+	if (typeof body.notify_new_chapters === 'boolean') {
+		prefs.notify_new_chapters = body.notify_new_chapters;
+	}
+	if (typeof body.notify_new_chapters_push === 'boolean') {
+		prefs.notify_new_chapters_push = body.notify_new_chapters_push;
+	}
+
+	if (Object.keys(prefs).length === 0) {
+		error(400, 'No valid preferences provided');
+	}
+
+	try {
+		await updateUserNotificationPrefs(locals.user.id, prefs);
+	} catch (e) {
+		log.error('profile', 'PATCH /api/profile failed', { userId: locals.user.id, err: String(e) });
+		error(500, { message: 'Failed to update preferences. Please try again.' });
+	}
+
+	return json({ ok: true });
+};
+
+/**
+ * DELETE /api/profile
+ *
+ * Permanently deletes the authenticated user's account and all associated data:
+ * settings, library, progress, votes, ratings, sessions, notifications.
+ *
+ * The app_users record is removed last. The caller should immediately log the
+ * user out (submit the logout form) to clear the session cookie.
+ */
+export const DELETE: RequestHandler = async ({ locals }) => {
+	if (!locals.user) error(401, 'Not authenticated');
+
+	try {
+		await deleteUserAccount(locals.user.id, locals.sessionId);
+	} catch (e) {
+		log.error('profile', 'DELETE /api/profile failed', { userId: locals.user.id, err: String(e) });
+		error(500, { message: 'Failed to delete account. Please try again or contact support.' });
+	}
+
+	return json({ ok: true });
+};
diff --git a/ui/src/routes/api/profile/avatar/+server.ts b/ui/src/routes/api/profile/avatar/+server.ts
new file mode 100644
index 0000000..3d72169
--- /dev/null
+++ b/ui/src/routes/api/profile/avatar/+server.ts
@@ -0,0 +1,68 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { presignAvatarUrl, resolveAvatarUrl } from '$lib/server/minio';
+import { updateUserAvatarUrl, getUserByUsername } from '$lib/server/pocketbase';
+import { backendFetch } from '$lib/server/scraper';
+
+const ALLOWED_TYPES = ['image/jpeg', 'image/png', 'image/webp'];
+
+/**
+ * POST /api/profile/avatar
+ * Body: raw image bytes (Content-Type: image/jpeg | image/png | image/webp)
+ *
+ * Uploads the image to MinIO via the Go backend (server-to-server, no browser
+ * → MinIO direct upload), records the key in PocketBase, and returns a fresh
+ * presigned GET URL for immediate display.
+ *
+ * Returns: { avatar_url: string | null }
+ */
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user) error(401, 'Not authenticated');
+
+	const ct = request.headers.get('Content-Type') ?? '';
+	// Strip parameters (e.g. "image/jpeg; charset=utf-8" → "image/jpeg")
+	const mimeType = ct.split(';')[0].trim();
+
+	if (!ALLOWED_TYPES.includes(mimeType)) {
+		error(400, `Unsupported image type. Allowed: image/jpeg, image/png, image/webp`);
+	}
+
+	// Read the raw body
+	const blob = await request.arrayBuffer();
+	if (blob.byteLength === 0) error(400, 'Empty image body');
+	if (blob.byteLength > 5 * 1024 * 1024) error(413, 'Image too large (max 5 MiB)');
+
+	// Forward directly to Go backend — server-to-server, so internal MinIO is reachable.
+	const uploadRes = await backendFetch(
+		`/api/avatar-upload/${encodeURIComponent(locals.user.id)}`,
+		{
+			method: 'PUT',
+			headers: { 'Content-Type': mimeType },
+			body: blob
+		}
+	);
+	if (!uploadRes.ok) {
+		const text = await uploadRes.text().catch(() => '');
+		error(uploadRes.status as 400 | 500, `Upload failed: ${text || uploadRes.statusText}`);
+	}
+	const { key } = (await uploadRes.json()) as { key: string };
+
+	// Record object key in PocketBase.
+	await updateUserAvatarUrl(locals.user.id, key);
+
+	// Return a fresh presigned GET URL for immediate display.
+	const avatarUrl = await presignAvatarUrl(locals.user.id);
+	return json({ avatar_url: avatarUrl });
+};
+
+/**
+ * GET /api/profile/avatar
+ * Returns a presigned GET URL for the current user's avatar, or null if none set.
+ */
+export const GET: RequestHandler = async ({ locals }) => {
+	if (!locals.user) error(401, 'Not authenticated');
+
+	const record = await getUserByUsername(locals.user.username).catch(() => null);
+	const avatarUrl = await resolveAvatarUrl(locals.user.id, record?.avatar_url).catch(() => null);
+	return json({ avatar_url: avatarUrl });
+};
diff --git a/ui/src/routes/api/progress/+server.ts b/ui/src/routes/api/progress/+server.ts
new file mode 100644
index 0000000..98e3c59
--- /dev/null
+++ b/ui/src/routes/api/progress/+server.ts
@@ -0,0 +1,27 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { setProgress } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * POST /api/progress
+ * Body: { slug: string, chapter: number }
+ * Records the user's reading position.
+ * When the user is logged in, progress is keyed by user_id so it syncs across devices.
+ * When anonymous, progress is keyed by the session cookie.
+ */
+export const POST: RequestHandler = async ({ request, locals }) => {
+	const body = await request.json().catch(() => null);
+
+	if (!body || typeof body.slug !== 'string' || typeof body.chapter !== 'number') {
+		error(400, 'Invalid body — expected { slug, chapter }');
+	}
+
+	try {
+		await setProgress(locals.sessionId, body.slug, body.chapter, locals.user?.id);
+	} catch (e) {
+		log.error('progress', 'setProgress failed', { slug: body.slug, chapter: body.chapter, err: String(e) });
+		error(500, 'Failed to save progress');
+	}
+	return json({ ok: true });
+};
diff --git a/ui/src/routes/api/progress/[slug]/+server.ts b/ui/src/routes/api/progress/[slug]/+server.ts
new file mode 100644
index 0000000..498703e
--- /dev/null
+++ b/ui/src/routes/api/progress/[slug]/+server.ts
@@ -0,0 +1,54 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { setProgress, deleteProgress } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * POST /api/progress/[slug]
+ * Body: { chapter: number }
+ * Records the user's reading position for a specific book.
+ *
+ * This is a slug-in-path variant of POST /api/progress (which takes slug in body).
+ * Used by the iOS app where slug is part of the URL path.
+ */
+export const POST: RequestHandler = async ({ params, request, locals }) => {
+	const { slug } = params;
+	const body = await request.json().catch(() => null);
+
+	if (!body || typeof body.chapter !== 'number') {
+		error(400, 'Invalid body — expected { chapter: number }');
+	}
+
+	try {
+		await setProgress(locals.sessionId, slug, body.chapter, locals.user?.id);
+	} catch (e) {
+		log.error('api/progress/[slug]', 'setProgress failed', {
+			slug,
+			chapter: body.chapter,
+			err: String(e)
+		});
+		error(500, 'Failed to save progress');
+	}
+
+	return json({ ok: true });
+};
+
+/**
+ * DELETE /api/progress/[slug]
+ * Removes reading progress for a specific book (removes from library/continue reading).
+ */
+export const DELETE: RequestHandler = async ({ params, locals }) => {
+	const { slug } = params;
+
+	try {
+		await deleteProgress(locals.sessionId, slug, locals.user?.id);
+	} catch (e) {
+		log.error('api/progress/[slug]', 'deleteProgress failed', {
+			slug,
+			err: String(e)
+		});
+		error(500, 'Failed to delete progress');
+	}
+
+	return json({ ok: true });
+};
diff --git a/ui/src/routes/api/progress/audio-time/+server.ts b/ui/src/routes/api/progress/audio-time/+server.ts
new file mode 100644
index 0000000..1659ba2
--- /dev/null
+++ b/ui/src/routes/api/progress/audio-time/+server.ts
@@ -0,0 +1,56 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { setAudioTime, getAudioTime } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * GET /api/progress/audio-time?slug=&chapter=
+ * Returns the last saved audio position for a chapter, or null.
+ */
+export const GET: RequestHandler = async ({ url, locals }) => {
+	const slug = url.searchParams.get('slug');
+	const chapterParam = url.searchParams.get('chapter');
+
+	if (!slug || !chapterParam) {
+		error(400, 'Missing slug or chapter query params');
+	}
+
+	const chapter = parseInt(chapterParam, 10);
+	if (isNaN(chapter)) {
+		error(400, 'chapter must be a number');
+	}
+
+	try {
+		const audioTime = await getAudioTime(locals.sessionId, slug, chapter, locals.user?.id);
+		return json({ audioTime });
+	} catch (e) {
+		log.error('audio-time', 'GET failed', { slug, chapter, err: String(e) });
+		error(500, 'Failed to load audio time');
+	}
+};
+
+/**
+ * PATCH /api/progress/audio-time
+ * Body: { slug: string, chapter: number, audioTime: number }
+ * Saves the current audio playback position.
+ */
+export const PATCH: RequestHandler = async ({ request, locals }) => {
+	const body = await request.json().catch(() => null);
+
+	if (
+		!body ||
+		typeof body.slug !== 'string' ||
+		typeof body.chapter !== 'number' ||
+		typeof body.audioTime !== 'number'
+	) {
+		error(400, 'Invalid body — expected { slug, chapter, audioTime }');
+	}
+
+	try {
+		await setAudioTime(locals.sessionId, body.slug, body.chapter, body.audioTime, locals.user?.id);
+	} catch (e) {
+		log.error('audio-time', 'PATCH failed', { slug: body.slug, chapter: body.chapter, err: String(e) });
+		error(500, 'Failed to save audio time');
+	}
+	return json({ ok: true });
+};
diff --git a/ui/src/routes/api/push-subscription/+server.ts b/ui/src/routes/api/push-subscription/+server.ts
new file mode 100644
index 0000000..cefbe12
--- /dev/null
+++ b/ui/src/routes/api/push-subscription/+server.ts
@@ -0,0 +1,63 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { backendFetch } from '$lib/server/scraper';
+
+/**
+ * POST /api/push-subscription
+ * Registers a browser push subscription for the current user.
+ * Body: { endpoint, keys: { p256dh, auth } }
+ */
+export const POST: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user) throw error(401, 'Login required');
+
+	const body = await request.json().catch(() => null);
+	if (!body?.endpoint || !body?.keys?.p256dh || !body?.keys?.auth) {
+		throw error(400, 'Invalid push subscription object');
+	}
+
+	const res = await backendFetch('/api/push-subscriptions', {
+		method: 'POST',
+		headers: { 'Content-Type': 'application/json' },
+		body: JSON.stringify({
+			user_id: locals.user.id,
+			endpoint: body.endpoint,
+			p256dh: body.keys.p256dh,
+			auth: body.keys.auth,
+		}),
+	});
+
+	if (!res.ok) {
+		const msg = await res.text().catch(() => 'backend error');
+		throw error(res.status, msg);
+	}
+
+	return json({ success: true });
+};
+
+/**
+ * DELETE /api/push-subscription
+ * Unregisters a push subscription by endpoint.
+ * Body: { endpoint }
+ */
+export const DELETE: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user) throw error(401, 'Login required');
+
+	const body = await request.json().catch(() => null);
+	if (!body?.endpoint) throw error(400, 'endpoint required');
+
+	const res = await backendFetch('/api/push-subscriptions', {
+		method: 'DELETE',
+		headers: { 'Content-Type': 'application/json' },
+		body: JSON.stringify({
+			user_id: locals.user.id,
+			endpoint: body.endpoint,
+		}),
+	});
+
+	if (!res.ok) {
+		const msg = await res.text().catch(() => 'backend error');
+		throw error(res.status, msg);
+	}
+
+	return json({ success: true });
+};
diff --git a/ui/src/routes/api/ranking/+server.ts b/ui/src/routes/api/ranking/+server.ts
new file mode 100644
index 0000000..b98b312
--- /dev/null
+++ b/ui/src/routes/api/ranking/+server.ts
@@ -0,0 +1,25 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+/**
+ * GET /api/ranking
+ * Proxies to the Go backend's /api/ranking endpoint.
+ * Returns the top-ranked novels list as JSON.
+ */
+export const GET: RequestHandler = async () => {
+	try {
+		const res = await backendFetch('/api/ranking');
+		if (!res.ok) {
+			log.error('api/ranking', 'backend returned error', { status: res.status });
+			error(502, `Ranking fetch failed: ${res.status}`);
+		}
+		const data = await res.json();
+		return json(data);
+	} catch (e) {
+		if (e instanceof Error && 'status' in e) throw e;
+		log.error('api/ranking', 'network error', { err: String(e) });
+		error(502, 'Could not load ranking');
+	}
+};
diff --git a/ui/src/routes/api/ratings/[slug]/+server.ts b/ui/src/routes/api/ratings/[slug]/+server.ts
new file mode 100644
index 0000000..a7154c7
--- /dev/null
+++ b/ui/src/routes/api/ratings/[slug]/+server.ts
@@ -0,0 +1,24 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { getBookRating, getBookAvgRating, setBookRating } from '$lib/server/pocketbase';
+
+export const GET: RequestHandler = async ({ params, locals }) => {
+	const { slug } = params;
+	const [userRating, avg] = await Promise.all([
+		getBookRating(locals.sessionId, slug, locals.user?.id),
+		getBookAvgRating(slug)
+	]);
+	return json({ userRating, avg: avg.avg, count: avg.count });
+};
+
+export const POST: RequestHandler = async ({ params, request, locals }) => {
+	const { slug } = params;
+	const body = await request.json().catch(() => null);
+	const rating = body?.rating;
+	if (typeof rating !== 'number' || rating < 1 || rating > 5) {
+		error(400, 'rating must be 1–5');
+	}
+	await setBookRating(locals.sessionId, slug, rating, locals.user?.id);
+	const avg = await getBookAvgRating(slug);
+	return json({ ok: true, avg: avg.avg, count: avg.count });
+};
diff --git a/ui/src/routes/api/scrape/+server.ts b/ui/src/routes/api/scrape/+server.ts
new file mode 100644
index 0000000..f5d02a0
--- /dev/null
+++ b/ui/src/routes/api/scrape/+server.ts
@@ -0,0 +1,61 @@
+/**
+ * POST /api/scrape
+ *
+ * Proxies scrape requests to the Go backend.
+ * Admin-only — returns 403 if the authenticated user is not an admin.
+ *
+ * Request body (JSON):
+ *   { "url": "https://novelfire.net/book/..." }  — scrape a single book
+ *   {}                                            — scrape the full catalogue
+ *
+ * Responses mirror the Go scraper:
+ *   202  Accepted   — job enqueued
+ *   409  Conflict   — a scrape job is already running
+ *   400  Bad Request
+ *   403  Forbidden  — not an admin
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	// Admin guard
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	let body: { url?: string } = {};
+	try {
+		body = await request.json();
+	} catch {
+		// empty body is fine — means "scrape all"
+	}
+
+	// Decide which scraper endpoint to call
+	const isBookScrape = typeof body.url === 'string' && body.url.length > 0;
+	const endpoint = isBookScrape ? '/scrape/book' : '/scrape';
+
+	let res: Response;
+	try {
+		res = await backendFetch(endpoint, {
+			method: 'POST',
+			headers: { 'Content-Type': 'application/json' },
+			body: isBookScrape ? JSON.stringify({ url: body.url }) : undefined
+		});
+	} catch (e) {
+		log.error('scrape', 'backend proxy network error', { endpoint, err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	if (!res.ok && res.status >= 500) {
+		const text = await res.text().catch(() => '');
+		log.error('scrape', 'backend returned error', { endpoint, status: res.status, body: text });
+	}
+
+	const data = await res.json().catch(() => ({}));
+
+	// Pass through the status code from the Go backend (202, 409, 400, …)
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/scrape/cancel/[id]/+server.ts b/ui/src/routes/api/scrape/cancel/[id]/+server.ts
new file mode 100644
index 0000000..b0843c8
--- /dev/null
+++ b/ui/src/routes/api/scrape/cancel/[id]/+server.ts
@@ -0,0 +1,40 @@
+/**
+ * POST /api/scrape/cancel/[id]
+ *
+ * Admin-only proxy that cancels a pending scrape (or audio) task by ID.
+ * Forwards the request to the Go backend POST /api/cancel-task/{id}.
+ *
+ * Responses:
+ *   200  OK       — task cancelled
+ *   403  Forbidden — not an admin
+ *   409  Conflict  — task cannot be cancelled (already running/done/not found)
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ params, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	const { id } = params;
+	if (!id) {
+		throw error(400, 'Missing task id');
+	}
+
+	let res: Response;
+	try {
+		res = await backendFetch(`/api/cancel-task/${encodeURIComponent(id)}`, {
+			method: 'POST'
+		});
+	} catch (e) {
+		log.error('scrape/cancel', 'network error cancelling task', { id, err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/scrape/range/+server.ts b/ui/src/routes/api/scrape/range/+server.ts
new file mode 100644
index 0000000..baaa19d
--- /dev/null
+++ b/ui/src/routes/api/scrape/range/+server.ts
@@ -0,0 +1,59 @@
+/**
+ * POST /api/scrape/range
+ *
+ * Proxies range-scrape requests to the Go backend at POST /scrape/book/range.
+ * Admin-only.
+ *
+ * Request body (JSON):
+ *   { "url": "https://novelfire.net/book/...", "from": 50, "to": 100 }
+ *   "to" is optional — omit to scrape from "from" to the end.
+ *
+ * Responses mirror the Go scraper:
+ *   202  Accepted   — job enqueued
+ *   409  Conflict   — a scrape job is already running
+ *   400  Bad Request
+ *   403  Forbidden  — not an admin
+ */
+
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+export const POST: RequestHandler = async ({ request, locals }) => {
+	// Admin guard
+	if (!locals.user || locals.user.role !== 'admin') {
+		throw error(403, 'Forbidden');
+	}
+
+	let body: { url?: string; from?: number; to?: number } = {};
+	try {
+		body = await request.json();
+	} catch {
+		throw error(400, 'Invalid JSON body');
+	}
+
+	if (!body.url || typeof body.from !== 'number') {
+		throw error(400, 'url and from are required');
+	}
+
+	let res: Response;
+	try {
+		res = await backendFetch('/scrape/book/range', {
+			method: 'POST',
+			headers: { 'Content-Type': 'application/json' },
+			body: JSON.stringify({ url: body.url, from: body.from, to: body.to })
+		});
+	} catch (e) {
+		log.error('scrape/range', 'backend proxy network error', { err: String(e) });
+		throw error(502, 'Could not reach backend');
+	}
+
+	if (!res.ok && res.status >= 500) {
+		const text = await res.text().catch(() => '');
+		log.error('scrape/range', 'backend returned error', { status: res.status, body: text });
+	}
+
+	const data = await res.json().catch(() => ({}));
+	return json(data, { status: res.status });
+};
diff --git a/ui/src/routes/api/scrape/task/[id]/+server.ts b/ui/src/routes/api/scrape/task/[id]/+server.ts
new file mode 100644
index 0000000..be026ee
--- /dev/null
+++ b/ui/src/routes/api/scrape/task/[id]/+server.ts
@@ -0,0 +1,19 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { getScrapingTask } from '$lib/server/pocketbase';
+
+/**
+ * GET /api/scrape/task/[id]
+ *
+ * Returns { id, status, error_message } for a single scraping task.
+ * Used by the book detail page to poll for task completion.
+ */
+export const GET: RequestHandler = async ({ params }) => {
+	const { id } = params;
+	if (!id) throw error(400, 'Missing task id');
+
+	const task = await getScrapingTask(id).catch(() => null);
+	if (!task) throw error(404, 'Task not found');
+
+	return json({ id: task.id, status: task.status, chapters_scraped: task.chapters_scraped ?? 0, error_message: task.error_message ?? '' });
+};
diff --git a/ui/src/routes/api/search/+server.ts b/ui/src/routes/api/search/+server.ts
new file mode 100644
index 0000000..54dfd59
--- /dev/null
+++ b/ui/src/routes/api/search/+server.ts
@@ -0,0 +1,34 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+/**
+ * GET /api/search?q=<query>
+ * Proxies to the Go backend's /api/search endpoint.
+ * Returns: { results, local_count, remote_count }
+ *
+ * Response shape mirrors SearchResponse in the iOS APIClient.
+ */
+export const GET: RequestHandler = async ({ url }) => {
+	const q = url.searchParams.get('q') ?? '';
+
+	if (q.trim().length < 2) {
+		return json({ results: [], local_count: 0, remote_count: 0 });
+	}
+
+	const apiURL = `/api/search?q=${encodeURIComponent(q.trim())}`;
+	try {
+		const res = await backendFetch(apiURL);
+		if (!res.ok) {
+			log.error('api/search', 'backend returned error', { status: res.status, q });
+			error(502, `Search failed: ${res.status}`);
+		}
+		const data = await res.json();
+		return json(data);
+	} catch (e) {
+		if (e instanceof Error && 'status' in e) throw e;
+		log.error('api/search', 'network error', { q, err: String(e) });
+		error(502, 'Could not reach backend');
+	}
+};
diff --git a/ui/src/routes/api/sessions/+server.ts b/ui/src/routes/api/sessions/+server.ts
new file mode 100644
index 0000000..5feb689
--- /dev/null
+++ b/ui/src/routes/api/sessions/+server.ts
@@ -0,0 +1,32 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { listUserSessions } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * GET /api/sessions
+ * Returns all active sessions for the logged-in user.
+ */
+export const GET: RequestHandler = async ({ locals }) => {
+	if (!locals.user) {
+		error(401, 'Not logged in');
+	}
+
+	try {
+		const sessions = await listUserSessions(locals.user.id);
+		// Don't expose raw session_id to the client — only the record ID for revocation
+		const safe = sessions.map((s) => ({
+			id: s.id,
+			user_agent: s.user_agent,
+			ip: s.ip,
+			created_at: s.created_at,
+			last_seen: s.last_seen,
+			// Tell the client whether this is the currently active session
+			is_current: s.session_id === locals.user!.authSessionId
+		}));
+		return json({ sessions: safe });
+	} catch (e) {
+		log.error('sessions', 'GET failed', { err: String(e) });
+		error(500, 'Failed to load sessions');
+	}
+};
diff --git a/ui/src/routes/api/sessions/[id]/+server.ts b/ui/src/routes/api/sessions/[id]/+server.ts
new file mode 100644
index 0000000..f40774a
--- /dev/null
+++ b/ui/src/routes/api/sessions/[id]/+server.ts
@@ -0,0 +1,41 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { revokeUserSession } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * DELETE /api/sessions/[id]
+ * Revokes a specific session by its PocketBase record ID.
+ * Only the owner can revoke their own sessions.
+ */
+export const DELETE: RequestHandler = async ({ params, locals, cookies }) => {
+	if (!locals.user) {
+		error(401, 'Not logged in');
+	}
+
+	const recordId = params.id;
+	if (!recordId) {
+		error(400, 'Session ID required');
+	}
+
+	try {
+		const ok = await revokeUserSession(recordId, locals.user.id);
+		if (!ok) {
+			error(404, 'Session not found or not yours');
+		}
+
+		// If the user is terminating their own current session, clear their auth cookie
+		// so they get logged out immediately (the hook would do this on the next request anyway,
+		// but clearing it here gives instant feedback for the "end this session" flow).
+		// For other sessions, we leave the cookie intact.
+		// We detect "current session" via authSessionId — but since the client sends the
+		// record ID (not the session_id), we rely on the UI to redirect after ending its own session.
+
+		log.info('sessions', 'session revoked', { recordId, userId: locals.user.id });
+		return json({ ok: true });
+	} catch (e) {
+		if (e instanceof Error && 'status' in e) throw e; // re-throw SvelteKit errors
+		log.error('sessions', 'DELETE failed', { recordId, err: String(e) });
+		error(500, 'Failed to revoke session');
+	}
+};
diff --git a/ui/src/routes/api/settings/+server.ts b/ui/src/routes/api/settings/+server.ts
new file mode 100644
index 0000000..a67efc1
--- /dev/null
+++ b/ui/src/routes/api/settings/+server.ts
@@ -0,0 +1,90 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { getSettings, saveSettings } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * GET /api/settings
+ * Returns the current user's settings (auto_next, voice, speed, theme, locale, fontFamily, fontSize, announceChapter, audioMode).
+ * Returns defaults if no settings record exists yet.
+ */
+export const GET: RequestHandler = async ({ locals }) => {
+	try {
+		const settings = await getSettings(locals.sessionId, locals.user?.id);
+		return json({
+			autoNext: settings?.auto_next ?? false,
+			voice: settings?.voice ?? 'af_bella',
+			speed: settings?.speed ?? 1.0,
+			theme: settings?.theme ?? 'amber',
+			locale: settings?.locale ?? 'en',
+			fontFamily: settings?.font_family ?? 'system',
+			fontSize: settings?.font_size || 1.0,
+			announceChapter: settings?.announce_chapter ?? false,
+			audioMode: settings?.audio_mode ?? 'stream'
+		});
+	} catch (e) {
+		log.error('settings', 'GET failed', { err: String(e) });
+		error(500, 'Failed to load settings');
+	}
+};
+
+/**
+ * PUT /api/settings
+ * Body: { autoNext: boolean, voice: string, speed: number, theme?: string, locale?: string, fontFamily?: string, fontSize?: number, announceChapter?: boolean, audioMode?: string }
+ * Saves user preferences.
+ */
+export const PUT: RequestHandler = async ({ request, locals }) => {
+	const body = await request.json().catch(() => null);
+
+	if (
+		!body ||
+		typeof body.autoNext !== 'boolean' ||
+		typeof body.voice !== 'string' ||
+		typeof body.speed !== 'number'
+	) {
+		error(400, 'Invalid body — expected { autoNext, voice, speed }');
+	}
+
+	// theme is optional — if provided (and non-empty) it must be a known value
+	const validThemes = ['amber', 'slate', 'rose', 'forest', 'mono', 'cyber', 'light', 'light-slate', 'light-rose'];
+	if (body.theme !== undefined && body.theme !== '' && !validThemes.includes(body.theme)) {
+		error(400, `Invalid theme — must be one of: ${validThemes.join(', ')}`);
+	}
+
+	// locale is optional — if provided (and non-empty) it must be a known value
+	const validLocales = ['en', 'ru', 'id', 'pt', 'fr'];
+	if (body.locale !== undefined && body.locale !== '' && !validLocales.includes(body.locale)) {
+		error(400, `Invalid locale — must be one of: ${validLocales.join(', ')}`);
+	}
+
+	// fontFamily is optional — if provided (and non-empty) it must be a known value
+	const validFontFamilies = ['system', 'serif', 'mono'];
+	if (body.fontFamily !== undefined && body.fontFamily !== '' && !validFontFamilies.includes(body.fontFamily)) {
+		error(400, `Invalid fontFamily — must be one of: ${validFontFamilies.join(', ')}`);
+	}
+
+	// fontSize is optional — if provided it must be one of the valid steps (0 is not valid)
+	const validFontSizes = [0.9, 1.0, 1.15, 1.3];
+	if (body.fontSize !== undefined && !validFontSizes.includes(body.fontSize)) {
+		error(400, `Invalid fontSize — must be one of: ${validFontSizes.join(', ')}`);
+	}
+
+	// announceChapter is optional boolean
+	if (body.announceChapter !== undefined && typeof body.announceChapter !== 'boolean') {
+		error(400, 'Invalid announceChapter — must be boolean');
+	}
+
+	// audioMode is optional — if provided it must be a known value
+	const validAudioModes = ['stream', 'generate'];
+	if (body.audioMode !== undefined && !validAudioModes.includes(body.audioMode)) {
+		error(400, `Invalid audioMode — must be one of: ${validAudioModes.join(', ')}`);
+	}
+
+	try {
+		await saveSettings(locals.sessionId, body, locals.user?.id);
+	} catch (e) {
+		log.error('settings', 'PUT failed', { err: String(e) });
+		error(500, 'Failed to save settings');
+	}
+	return json({ ok: true });
+};
diff --git a/ui/src/routes/api/site-config/+server.ts b/ui/src/routes/api/site-config/+server.ts
new file mode 100644
index 0000000..9b9d279
--- /dev/null
+++ b/ui/src/routes/api/site-config/+server.ts
@@ -0,0 +1,57 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { getSiteConfig, saveSiteConfig } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * GET /api/site-config
+ * Public — returns current site-wide decoration/animation settings.
+ */
+export const GET: RequestHandler = async () => {
+	try {
+		const config = await getSiteConfig();
+		return json(config);
+	} catch (e) {
+		log.error('site-config', 'GET failed', { err: String(e) });
+		error(500, 'Failed to load site config');
+	}
+};
+
+/**
+ * PUT /api/site-config
+ * Admin only — updates decoration + logoAnimation + eventLabel.
+ */
+export const PUT: RequestHandler = async ({ request, locals }) => {
+	if (!locals.user || locals.user.role !== 'admin') {
+		error(403, 'Forbidden');
+	}
+
+	const body = await request.json().catch(() => null);
+	if (!body) error(400, 'Invalid JSON body');
+
+	const validDecorations = ['snow', 'sakura', 'fireflies', 'leaves', 'stars', null];
+	if (body.decoration !== undefined && !validDecorations.includes(body.decoration)) {
+		error(400, `Invalid decoration — must be one of: ${validDecorations.filter(Boolean).join(', ')}, or null`);
+	}
+
+	const validLogoAnimations = ['none', 'glow', 'rainbow', 'pulse', 'shimmer'];
+	if (body.logoAnimation !== undefined && !validLogoAnimations.includes(body.logoAnimation)) {
+		error(400, `Invalid logoAnimation — must be one of: ${validLogoAnimations.join(', ')}`);
+	}
+
+	if (body.eventLabel !== undefined && typeof body.eventLabel !== 'string') {
+		error(400, 'eventLabel must be a string');
+	}
+
+	try {
+		await saveSiteConfig({
+			decoration: body.decoration ?? null,
+			logoAnimation: body.logoAnimation ?? 'none',
+			eventLabel: typeof body.eventLabel === 'string' ? body.eventLabel.slice(0, 64) : '',
+		});
+		return json({ ok: true });
+	} catch (e) {
+		log.error('site-config', 'PUT failed', { err: String(e) });
+		error(500, 'Failed to save site config');
+	}
+};
diff --git a/ui/src/routes/api/translation/[slug]/[n]/+server.ts b/ui/src/routes/api/translation/[slug]/[n]/+server.ts
new file mode 100644
index 0000000..5492a39
--- /dev/null
+++ b/ui/src/routes/api/translation/[slug]/[n]/+server.ts
@@ -0,0 +1,72 @@
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+
+const SUPPORTED_LANGS = new Set(['ru', 'id', 'pt', 'fr']);
+
+/**
+ * POST /api/translation/[slug]/[n]?lang=<lang>
+ * Proxy to backend translation enqueue endpoint.
+ * Enforces Pro gate — free users cannot enqueue translations.
+ *
+ * GET /api/translation/[slug]/[n]?lang=<lang>
+ * Proxy to backend translation fetch (no gate — already gated at page.server.ts).
+ */
+export const GET: RequestHandler = async ({ params, url }) => {
+	const { slug, n } = params;
+	const lang = url.searchParams.get('lang') ?? '';
+	const res = await backendFetch(
+		`/api/translation/${encodeURIComponent(slug)}/${n}?lang=${lang}`
+	);
+	if (!res.ok) {
+		return new Response(null, { status: res.status });
+	}
+	const data = await res.json();
+	const headers: Record<string, string> = { 'Content-Type': 'application/json' };
+	// Forward the immutable cache header from the backend so browsers and CDNs
+	// can cache translated chapter content without hitting MinIO on every load.
+	const cc = res.headers.get('Cache-Control');
+	if (cc) headers['Cache-Control'] = cc;
+	return new Response(JSON.stringify(data), { headers });
+};
+
+export const POST: RequestHandler = async ({ params, url, locals }) => {
+	const { slug, n } = params;
+	const chapter = parseInt(n, 10);
+	const lang = url.searchParams.get('lang') ?? '';
+
+	if (!slug || !chapter || chapter < 1) error(400, 'Invalid slug or chapter');
+	if (!SUPPORTED_LANGS.has(lang)) error(400, 'Unsupported language');
+
+	// ── Pro gate ──────────────────────────────────────────────────────────────
+	if (!locals.isPro) {
+		log.info('polar', 'translation blocked for free user', {
+			userId: locals.user?.id,
+			slug,
+			chapter,
+			lang
+		});
+		return new Response(
+			JSON.stringify({ error: 'pro_required' }),
+			{ status: 402, headers: { 'Content-Type': 'application/json' } }
+		);
+	}
+
+	const res = await backendFetch(
+		`/api/translation/${encodeURIComponent(slug)}/${chapter}?lang=${lang}`,
+		{ method: 'POST' }
+	);
+
+	if (!res.ok) {
+		const text = await res.text().catch(() => '');
+		log.error('translation', 'backend translation enqueue failed', { slug, chapter, lang, status: res.status, body: text });
+		error(res.status as Parameters<typeof error>[0], text || 'Translation enqueue failed');
+	}
+
+	const data = await res.json();
+	return new Response(JSON.stringify(data), {
+		status: res.status,
+		headers: { 'Content-Type': 'application/json' }
+	});
+};
diff --git a/ui/src/routes/api/translation/status/[slug]/[n]/+server.ts b/ui/src/routes/api/translation/status/[slug]/[n]/+server.ts
new file mode 100644
index 0000000..9e74b72
--- /dev/null
+++ b/ui/src/routes/api/translation/status/[slug]/[n]/+server.ts
@@ -0,0 +1,23 @@
+import type { RequestHandler } from './$types';
+import { backendFetch } from '$lib/server/scraper';
+
+/**
+ * GET /api/translation/status/[slug]/[n]?lang=<lang>
+ * Proxies the translation status check to the backend.
+ */
+export const GET: RequestHandler = async ({ params, url }) => {
+	const { slug, n } = params;
+	const lang = url.searchParams.get('lang') ?? '';
+	const res = await backendFetch(
+		`/api/translation/status/${encodeURIComponent(slug)}/${n}?lang=${lang}`
+	);
+	if (!res.ok) {
+		return new Response(JSON.stringify({ status: 'idle' }), {
+			headers: { 'Content-Type': 'application/json' }
+		});
+	}
+	const data = await res.json();
+	return new Response(JSON.stringify(data), {
+		headers: { 'Content-Type': 'application/json' }
+	});
+};
diff --git a/ui/src/routes/api/users/[username]/+server.ts b/ui/src/routes/api/users/[username]/+server.ts
new file mode 100644
index 0000000..318e25a
--- /dev/null
+++ b/ui/src/routes/api/users/[username]/+server.ts
@@ -0,0 +1,44 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { getPublicProfile, getSubscription } from '$lib/server/pocketbase';
+import { resolveAvatarUrl } from '$lib/server/minio';
+import { log } from '$lib/server/logger';
+
+/**
+ * GET /api/users/[username]
+ * Returns public profile info + whether the current user is subscribed.
+ */
+export const GET: RequestHandler = async ({ params, locals }) => {
+	const { username } = params;
+
+	try {
+		const profile = await getPublicProfile(username);
+		if (!profile) error(404, `User "${username}" not found`);
+
+		// Resolve avatar — MinIO first, fall back to OAuth provider picture
+		let avatarUrl: string | null = null;
+		avatarUrl = await resolveAvatarUrl(profile.id, profile.avatar_url).catch(() => null);
+
+		// Is the current logged-in user subscribed?
+		let isSubscribed = false;
+		if (locals.user && locals.user.id !== profile.id) {
+			const sub = await getSubscription(locals.user.id, profile.id).catch(() => null);
+			isSubscribed = !!sub;
+		}
+
+		return json({
+			id: profile.id,
+			username: profile.username,
+			avatarUrl,
+			created: profile.created,
+			followerCount: profile.followerCount,
+			followingCount: profile.followingCount,
+			isSubscribed,
+			isSelf: locals.user?.id === profile.id
+		});
+	} catch (e) {
+		if ((e as { status?: number }).status === 404) throw e;
+		log.error('api/users', 'failed to load profile', { username, err: String(e) });
+		error(500, 'Failed to load profile');
+	}
+};
diff --git a/ui/src/routes/api/users/[username]/library/+server.ts b/ui/src/routes/api/users/[username]/library/+server.ts
new file mode 100644
index 0000000..8fcb739
--- /dev/null
+++ b/ui/src/routes/api/users/[username]/library/+server.ts
@@ -0,0 +1,43 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import {
+	getUserByUsername,
+	getUserPublicLibrary,
+	getUserCurrentlyReading
+} from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * GET /api/users/[username]/library
+ * Returns the public library + currently-reading list for a user.
+ * Does not require authentication — all data is public.
+ */
+export const GET: RequestHandler = async ({ params }) => {
+	const { username } = params;
+
+	const user = await getUserByUsername(username).catch(() => null);
+	if (!user) error(404, `User "${username}" not found`);
+
+	try {
+		const [currentlyReading, library] = await Promise.all([
+			getUserCurrentlyReading(user.id),
+			getUserPublicLibrary(user.id)
+		]);
+
+		return json({
+			currently_reading: currentlyReading.map((item) => ({
+				book: item.book,
+				last_chapter: item.chapter,
+				saved: false
+			})),
+			library: library.map((item) => ({
+				book: item.book,
+				last_chapter: item.chapter,
+				saved: item.saved
+			}))
+		});
+	} catch (e) {
+		log.error('api/users/library', 'failed to load library', { username, err: String(e) });
+		error(500, 'Failed to load library');
+	}
+};
diff --git a/ui/src/routes/api/users/[username]/subscribe/+server.ts b/ui/src/routes/api/users/[username]/subscribe/+server.ts
new file mode 100644
index 0000000..c381dfc
--- /dev/null
+++ b/ui/src/routes/api/users/[username]/subscribe/+server.ts
@@ -0,0 +1,48 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import {
+	getUserByUsername,
+	subscribe,
+	unsubscribe,
+	getSubscription
+} from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+/**
+ * POST /api/users/[username]/subscribe  — subscribe to a user
+ * DELETE /api/users/[username]/subscribe — unsubscribe
+ * Requires authentication.
+ */
+export const POST: RequestHandler = async ({ params, locals }) => {
+	if (!locals.user) error(401, 'Login required');
+
+	const { username } = params;
+	const target = await getUserByUsername(username).catch(() => null);
+	if (!target) error(404, `User "${username}" not found`);
+	if (locals.user.id === target.id) error(400, 'Cannot subscribe to yourself');
+
+	try {
+		await subscribe(locals.user.id, target.id);
+		const sub = await getSubscription(locals.user.id, target.id);
+		return json({ subscribed: true, subId: sub?.id ?? null });
+	} catch (e) {
+		log.error('api/users/subscribe', 'subscribe failed', { username, err: String(e) });
+		error(500, 'Failed to subscribe');
+	}
+};
+
+export const DELETE: RequestHandler = async ({ params, locals }) => {
+	if (!locals.user) error(401, 'Login required');
+
+	const { username } = params;
+	const target = await getUserByUsername(username).catch(() => null);
+	if (!target) error(404, `User "${username}" not found`);
+
+	try {
+		await unsubscribe(locals.user.id, target.id);
+		return json({ subscribed: false });
+	} catch (e) {
+		log.error('api/users/subscribe', 'unsubscribe failed', { username, err: String(e) });
+		error(500, 'Failed to unsubscribe');
+	}
+};
diff --git a/ui/src/routes/api/voices/+server.ts b/ui/src/routes/api/voices/+server.ts
new file mode 100644
index 0000000..e174889
--- /dev/null
+++ b/ui/src/routes/api/voices/+server.ts
@@ -0,0 +1,22 @@
+import { json } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { backendFetch } from '$lib/server/scraper';
+import type { Voice } from '$lib/types';
+
+/**
+ * GET /api/voices
+ * Proxies the voice list from the backend (Kokoro + pocket-tts).
+ * Returns { voices: Voice[] }
+ */
+export const GET: RequestHandler = async () => {
+	try {
+		const res = await backendFetch('/api/voices');
+		if (!res.ok) {
+			return json({ voices: [] });
+		}
+		const data = (await res.json()) as { voices: Voice[] };
+		return json({ voices: data.voices ?? [] });
+	} catch {
+		return json({ voices: [] });
+	}
+};
diff --git a/ui/src/routes/api/webhooks/polar/+server.ts b/ui/src/routes/api/webhooks/polar/+server.ts
new file mode 100644
index 0000000..3362ee4
--- /dev/null
+++ b/ui/src/routes/api/webhooks/polar/+server.ts
@@ -0,0 +1,61 @@
+import type { RequestHandler } from './$types';
+import { log } from '$lib/server/logger';
+import { verifyPolarWebhook, handleSubscriptionEvent, handleOrderCreated } from '$lib/server/polar';
+
+/**
+ * POST /api/webhooks/polar
+ *
+ * Receives Polar subscription lifecycle events and syncs user roles in PocketBase.
+ * Signature is verified via HMAC-SHA256 before any processing.
+ *
+ * Handled events:
+ *   subscription.created  — new subscription (status may be "active" or "trialing")
+ *   subscription.active   — subscription became active (e.g. after payment)
+ *   subscription.updated  — catch-all: cancellations, renewals, plan changes
+ *   subscription.canceled — cancel_at_period_end=true, still active until period end
+ *   subscription.revoked  — access ended, downgrade to free
+ *   order.created         — purchase / subscription_create: fast-path upgrade
+ */
+export const POST: RequestHandler = async ({ request }) => {
+	const rawBody = await request.text();
+	const signature = request.headers.get('webhook-signature') ?? '';
+
+	if (!verifyPolarWebhook(rawBody, signature)) {
+		log.warn('polar', 'webhook signature verification failed');
+		return new Response('Unauthorized', { status: 401 });
+	}
+
+	let event: { type: string; data: Record<string, unknown> };
+	try {
+		event = JSON.parse(rawBody);
+	} catch {
+		return new Response('Bad Request', { status: 400 });
+	}
+
+	const { type, data } = event;
+	log.info('polar', 'webhook received', { type });
+
+	try {
+		switch (type) {
+			case 'subscription.created':
+			case 'subscription.active':
+			case 'subscription.updated':
+			case 'subscription.canceled':
+			case 'subscription.revoked':
+				await handleSubscriptionEvent(type, data as unknown as Parameters<typeof handleSubscriptionEvent>[1]);
+				break;
+
+			case 'order.created':
+				await handleOrderCreated(data as unknown as Parameters<typeof handleOrderCreated>[0]);
+				break;
+
+			default:
+				log.debug('polar', 'unhandled webhook event type', { type });
+		}
+	} catch (err) {
+		// Log but return 200 — Polar retries on non-2xx, we don't want retry storms
+		log.error('polar', 'webhook handler error', { type, err: String(err) });
+	}
+
+	return new Response('OK', { status: 200 });
+};
diff --git a/ui/src/routes/auth/[provider]/+server.ts b/ui/src/routes/auth/[provider]/+server.ts
new file mode 100644
index 0000000..34c9b00
--- /dev/null
+++ b/ui/src/routes/auth/[provider]/+server.ts
@@ -0,0 +1,79 @@
+/**
+ * GET /auth/[provider]
+ *
+ * Initiates the OAuth2 authorization code flow.
+ * Generates a random `state` param (stored in a short-lived cookie) to
+ * prevent CSRF, then redirects the browser to the provider's auth URL.
+ *
+ * Supported providers: google, github
+ */
+
+import { redirect, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { env } from '$env/dynamic/private';
+import { randomBytes } from 'node:crypto';
+
+const PROVIDERS = {
+	google: {
+		authUrl: 'https://accounts.google.com/o/oauth2/v2/auth',
+		scopes: 'openid email profile'
+	},
+	github: {
+		authUrl: 'https://github.com/login/oauth/authorize',
+		scopes: 'read:user user:email'
+	}
+} as const;
+
+type Provider = keyof typeof PROVIDERS;
+
+function clientId(provider: Provider): string {
+	if (provider === 'google') return env.GOOGLE_CLIENT_ID ?? '';
+	if (provider === 'github') return env.GITHUB_CLIENT_ID ?? '';
+	return '';
+}
+
+function redirectUri(provider: Provider, origin: string): string {
+	return `${origin}/auth/${provider}/callback`;
+}
+
+export const GET: RequestHandler = async ({ params, url, cookies }) => {
+	const provider = params.provider as Provider;
+	if (!(provider in PROVIDERS)) {
+		error(404, 'Unknown OAuth provider');
+	}
+
+	const id = clientId(provider);
+	if (!id) {
+		error(500, `OAuth provider "${provider}" is not configured`);
+	}
+
+	// Generate state token — stored in a 10-minute cookie
+	const state = randomBytes(16).toString('hex');
+	cookies.set(`oauth_state_${provider}`, state, {
+		path: '/',
+		httpOnly: true,
+		sameSite: 'lax',
+		maxAge: 60 * 10 // 10 minutes
+	});
+
+	// Where to send the user after successful auth (default: home)
+	const next = url.searchParams.get('next') ?? '/';
+	cookies.set(`oauth_next_${provider}`, next, {
+		path: '/',
+		httpOnly: true,
+		sameSite: 'lax',
+		maxAge: 60 * 10
+	});
+
+	const origin = url.origin;
+	const cfg = PROVIDERS[provider];
+	const params2 = new URLSearchParams({
+		client_id: id,
+		redirect_uri: redirectUri(provider, origin),
+		response_type: 'code',
+		scope: cfg.scopes,
+		state
+	});
+
+	redirect(302, `${cfg.authUrl}?${params2.toString()}`);
+};
diff --git a/ui/src/routes/auth/[provider]/callback/+server.ts b/ui/src/routes/auth/[provider]/callback/+server.ts
new file mode 100644
index 0000000..e7086e9
--- /dev/null
+++ b/ui/src/routes/auth/[provider]/callback/+server.ts
@@ -0,0 +1,253 @@
+/**
+ * GET /auth/[provider]/callback
+ *
+ * Handles the OAuth2 authorization code callback.
+ *
+ * Flow:
+ * 1. Validate state cookie (CSRF check).
+ * 2. Exchange code for access token with the provider.
+ * 3. Fetch the user's profile (email, name, avatar) from the provider.
+ * 4. Look up app_users by (oauth_provider, oauth_id).
+ *    - If found: log in.
+ *    - If not found but email matches an existing user: link the account.
+ *    - If not found at all: auto-create a new account.
+ * 5. Set auth cookie, redirect to `next` (default: '/').
+ */
+
+import { redirect, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { env } from '$env/dynamic/private';
+import { randomBytes } from 'node:crypto';
+import {
+	getUserByOAuth,
+	getUserByEmail,
+	createOAuthUser,
+	linkOAuthToUser
+} from '$lib/server/pocketbase';
+import { createAuthToken } from '../../../../hooks.server';
+import { upsertUserSession, mergeSessionProgress } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+type Provider = 'google' | 'github';
+
+const AUTH_COOKIE = 'libnovel_auth';
+const ONE_YEAR = 60 * 60 * 24 * 365;
+
+// ─── Token exchange ───────────────────────────────────────────────────────────
+
+interface TokenResponse {
+	access_token: string;
+	token_type: string;
+	error?: string;
+}
+
+async function exchangeCode(
+	provider: Provider,
+	code: string,
+	redirectUri: string
+): Promise<string> {
+	const clientId = provider === 'google' ? env.GOOGLE_CLIENT_ID : env.GITHUB_CLIENT_ID;
+	const clientSecret =
+		provider === 'google' ? env.GOOGLE_CLIENT_SECRET : env.GITHUB_CLIENT_SECRET;
+
+	const tokenUrl =
+		provider === 'google'
+			? 'https://oauth2.googleapis.com/token'
+			: 'https://github.com/login/oauth/access_token';
+
+	const res = await fetch(tokenUrl, {
+		method: 'POST',
+		headers: {
+			'Content-Type': 'application/x-www-form-urlencoded',
+			Accept: 'application/json'
+		},
+		body: new URLSearchParams({
+			code,
+			client_id: clientId ?? '',
+			client_secret: clientSecret ?? '',
+			redirect_uri: redirectUri,
+			grant_type: 'authorization_code'
+		}).toString()
+	});
+
+	if (!res.ok) {
+		const body = await res.text().catch(() => '');
+		log.error('oauth', 'token exchange failed', { provider, status: res.status, body });
+		throw new Error(`Token exchange failed: ${res.status}`);
+	}
+
+	const data = (await res.json()) as TokenResponse;
+	if (data.error || !data.access_token) {
+		log.error('oauth', 'token response error', { provider, error: data.error });
+		throw new Error(data.error ?? 'No access_token in response');
+	}
+	return data.access_token;
+}
+
+// ─── Profile fetching ─────────────────────────────────────────────────────────
+
+interface OAuthProfile {
+	id: string; // provider's user ID (as string)
+	email: string;
+	name: string;
+	avatarUrl?: string;
+}
+
+async function fetchGoogleProfile(accessToken: string): Promise<OAuthProfile> {
+	const res = await fetch('https://www.googleapis.com/oauth2/v2/userinfo', {
+		headers: { Authorization: `Bearer ${accessToken}` }
+	});
+	if (!res.ok) throw new Error(`Google userinfo failed: ${res.status}`);
+	const d = await res.json();
+	return {
+		id: String(d.id),
+		email: d.email ?? '',
+		name: d.name ?? d.email ?? '',
+		avatarUrl: d.picture
+	};
+}
+
+async function fetchGitHubProfile(accessToken: string): Promise<OAuthProfile> {
+	const [userRes, emailRes] = await Promise.all([
+		fetch('https://api.github.com/user', {
+			headers: { Authorization: `Bearer ${accessToken}`, Accept: 'application/vnd.github+json' }
+		}),
+		fetch('https://api.github.com/user/emails', {
+			headers: { Authorization: `Bearer ${accessToken}`, Accept: 'application/vnd.github+json' }
+		})
+	]);
+
+	if (!userRes.ok) throw new Error(`GitHub user API failed: ${userRes.status}`);
+	const user = await userRes.json();
+
+	// Primary verified email — required for account linking
+	let email = user.email ?? '';
+	if (emailRes.ok) {
+		const emails = (await emailRes.json()) as Array<{
+			email: string;
+			primary: boolean;
+			verified: boolean;
+		}>;
+		const primary = emails.find((e) => e.primary && e.verified);
+		if (primary) email = primary.email;
+	}
+
+	if (!email) throw new Error('GitHub account has no verified primary email');
+
+	return {
+		id: String(user.id),
+		email,
+		name: user.name ?? user.login ?? email,
+		avatarUrl: user.avatar_url
+	};
+}
+
+// ─── Username derivation ──────────────────────────────────────────────────────
+
+/** Derive a valid username from name/email. Sanitises to [a-zA-Z0-9_-], max 32 chars. */
+function deriveUsername(name: string, email: string): string {
+	// Prefer the part before @ in the email for predictability
+	const base = (email.split('@')[0] ?? name)
+		.toLowerCase()
+		.replace(/[^a-z0-9_-]/g, '_')
+		.replace(/^_+|_+$/g, '')
+		.slice(0, 28);
+	// Append 4 random hex chars to avoid collisions without needing a DB round-trip
+	const suffix = randomBytes(2).toString('hex');
+	return `${base || 'user'}_${suffix}`;
+}
+
+// ─── Handler ──────────────────────────────────────────────────────────────────
+
+export const GET: RequestHandler = async ({ params, url, cookies, locals, request }) => {
+	const provider = params.provider as Provider;
+	if (provider !== 'google' && provider !== 'github') {
+		error(404, 'Unknown OAuth provider');
+	}
+
+	const code = url.searchParams.get('code');
+	const state = url.searchParams.get('state');
+	const storedState = cookies.get(`oauth_state_${provider}`);
+	const next = cookies.get(`oauth_next_${provider}`) ?? '/';
+
+	// Clear short-lived cookies
+	cookies.delete(`oauth_state_${provider}`, { path: '/' });
+	cookies.delete(`oauth_next_${provider}`, { path: '/' });
+
+	if (!code || !state || state !== storedState) {
+		log.warn('oauth', 'state mismatch or missing code', { provider });
+		redirect(302, '/login?error=oauth_state');
+	}
+
+	const redirectUri = `${url.origin}/auth/${provider}/callback`;
+
+	let profile: OAuthProfile;
+	try {
+		const accessToken = await exchangeCode(provider, code, redirectUri);
+		profile =
+			provider === 'google'
+				? await fetchGoogleProfile(accessToken)
+				: await fetchGitHubProfile(accessToken);
+	} catch (err) {
+		log.error('oauth', 'profile fetch failed', { provider, err: String(err) });
+		redirect(302, '/login?error=oauth_failed');
+	}
+
+	if (!profile.email) {
+		log.warn('oauth', 'no email in profile', { provider, id: profile.id });
+		redirect(302, '/login?error=oauth_no_email');
+	}
+
+	// ── Find or create user ────────────────────────────────────────────────────
+
+	let user = await getUserByOAuth(provider, profile.id);
+
+	if (!user) {
+		// Try to link by email (user may have registered via the other provider)
+		const existing = await getUserByEmail(profile.email);
+		if (existing) {
+			// Link this provider to the existing account
+			await linkOAuthToUser(existing.id, provider, profile.id);
+			user = existing;
+			log.info('oauth', 'linked provider to existing account', {
+				provider,
+				userId: existing.id
+			});
+		} else {
+			// Auto-create a new account
+			const username = deriveUsername(profile.name, profile.email);
+			user = await createOAuthUser(username, profile.email, provider, profile.id, profile.avatarUrl);
+			log.info('oauth', 'created new account via oauth', { provider, username });
+		}
+	}
+
+	// ── Merge anonymous session progress ───────────────────────────────────────
+	mergeSessionProgress(locals.sessionId, user.id).catch((err) =>
+		log.warn('oauth', 'mergeSessionProgress failed (non-fatal)', { err: String(err) })
+	);
+
+	// ── Create / reuse session + auth cookie ─────────────────────────────────
+	const userAgent = request.headers.get('user-agent') ?? '';
+	const ip =
+		request.headers.get('x-forwarded-for')?.split(',')[0]?.trim() ??
+		request.headers.get('x-real-ip') ??
+		'';
+	const candidateSessionId = randomBytes(16).toString('hex');
+	let authSessionId: string;
+	try {
+		({ authSessionId } = await upsertUserSession(user.id, candidateSessionId, userAgent, ip));
+	} catch (err) {
+		log.warn('oauth', 'upsertUserSession failed (non-fatal)', { err: String(err) });
+		authSessionId = candidateSessionId;
+	}
+
+	const token = createAuthToken(user.id, user.username, user.role ?? 'user', authSessionId);
+	cookies.set(AUTH_COOKIE, token, {
+		path: '/',
+		httpOnly: true,
+		sameSite: 'lax',
+		maxAge: ONE_YEAR
+	});
+
+	redirect(302, next);
+};
diff --git a/ui/src/routes/books/+page.server.ts b/ui/src/routes/books/+page.server.ts
new file mode 100644
index 0000000..fa82318
--- /dev/null
+++ b/ui/src/routes/books/+page.server.ts
@@ -0,0 +1,54 @@
+import type { PageServerLoad } from './$types';
+import { getBooksBySlugs, allProgress, getSavedSlugs, getShelfMap } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+import type { Book } from '$lib/server/pocketbase';
+
+export const load: PageServerLoad = async ({ locals }) => {
+	let progressList: Awaited<ReturnType<typeof allProgress>> = [];
+	let savedSlugs: Set<string> = new Set();
+	let shelfMap: Record<string, string> = {};
+
+	try {
+		[progressList, savedSlugs, shelfMap] = await Promise.all([
+			allProgress(locals.sessionId, locals.user?.id),
+			getSavedSlugs(locals.sessionId, locals.user?.id),
+			getShelfMap(locals.sessionId, locals.user?.id)
+		]);
+	} catch (e) {
+		log.error('books', 'failed to load library data', { err: String(e) });
+	}
+
+	// Fetch only the books the user actually has in their library.
+	const progressSlugs = new Set(progressList.map((p) => p.slug));
+	const allNeededSlugs = new Set([...progressSlugs, ...savedSlugs]);
+	const books = allNeededSlugs.size > 0
+		? await getBooksBySlugs(allNeededSlugs).catch(() => [] as Book[])
+		: [];
+
+	// Build a quick lookup: slug → last chapter read
+	const progressMap: Record<string, number> = {};
+	const progressUpdatedMap: Record<string, string> = {};
+	for (const p of progressList) {
+		progressMap[p.slug] = p.chapter;
+		progressUpdatedMap[p.slug] = p.updated;
+	}
+
+	// Sort: books with progress first (most-recently-read), then saved-only alphabetically.
+	const withProgress = books.filter((b) => progressSlugs.has(b.slug));
+	const savedOnly = books
+		.filter((b) => !progressSlugs.has(b.slug))
+		.sort((a, b) => (a.title ?? '').localeCompare(b.title ?? ''));
+
+	withProgress.sort((a, b) => {
+		const ta = progressUpdatedMap[a.slug] ?? '';
+		const tb = progressUpdatedMap[b.slug] ?? '';
+		return tb.localeCompare(ta); // descending — most recently read first
+	});
+
+	return {
+		books: [...withProgress, ...savedOnly],
+		progressMap,
+		savedSlugs: [...savedSlugs],
+		shelfMap
+	};
+};
diff --git a/ui/src/routes/books/+page.svelte b/ui/src/routes/books/+page.svelte
new file mode 100644
index 0000000..2d444e7
--- /dev/null
+++ b/ui/src/routes/books/+page.svelte
@@ -0,0 +1,365 @@
+<script lang="ts">
+	import { invalidateAll } from '$app/navigation';
+	import { page } from '$app/state';
+	import { untrack } from 'svelte';
+	import type { PageData } from './$types';
+	import * as m from '$lib/paraglide/messages.js';
+
+	let { data }: { data: PageData } = $props();
+
+	function parseGenres(genres: string[] | string | null | undefined): string[] {
+		if (!genres) return [];
+		if (Array.isArray(genres)) return genres;
+		try {
+			const parsed = JSON.parse(genres);
+			return Array.isArray(parsed) ? parsed : [];
+		} catch {
+			return [];
+		}
+	}
+
+	type Shelf = '' | 'plan_to_read' | 'completed' | 'dropped';
+
+	// Map the ?status URL param to the internal shelf key so that links like
+	// /books?status=reading correctly pre-select the Reading tab.
+	function urlStatusToShelf(status: string | null): Shelf | 'all' {
+		switch (status) {
+			case 'reading':      return '';
+			case 'plan_to_read': return 'plan_to_read';
+			case 'completed':    return 'completed';
+			case 'dropped':      return 'dropped';
+			default:             return 'all';
+		}
+	}
+
+	let activeShelf = $state<Shelf | 'all'>(
+		untrack(() => urlStatusToShelf(page.url.searchParams.get('status')))
+	);
+
+	const shelfLabels: Record<string, string> = {
+		all: 'All',
+		'': 'Reading',
+		plan_to_read: 'Plan to Read',
+		completed: 'Completed',
+		dropped: 'Dropped'
+	};
+
+	const shelfMap = $derived(data.shelfMap as Record<string, string>);
+	const filteredBooks = $derived(
+		activeShelf === 'all'
+			? data.books
+			: data.books.filter((b) => (shelfMap[b.slug] ?? '') === activeShelf)
+	);
+
+	const shelfCounts = $derived({
+		all: data.books.length,
+		'': data.books.filter((b) => (shelfMap[b.slug] ?? '') === '').length,
+		plan_to_read: data.books.filter((b) => shelfMap[b.slug] === 'plan_to_read').length,
+		completed: data.books.filter((b) => shelfMap[b.slug] === 'completed').length,
+		dropped: data.books.filter((b) => shelfMap[b.slug] === 'dropped').length
+	});
+
+	// ── Selection / bulk-action state ─────────────────────────────────────────
+	let selectMode = $state(false);
+	let selected = $state<Set<string>>(new Set());
+	let busy = $state(false);
+	let shelfPickerOpen = $state(false);
+
+	const selectedCount = $derived(selected.size);
+	const allVisibleSelected = $derived(
+		filteredBooks.length > 0 && filteredBooks.every((b) => selected.has(b.slug))
+	);
+
+	function exitSelectMode() {
+		selectMode = false;
+		selected = new Set();
+		shelfPickerOpen = false;
+	}
+
+	function toggleSelect(slug: string) {
+		const next = new Set(selected);
+		if (next.has(slug)) next.delete(slug);
+		else next.add(slug);
+		selected = next;
+		if (next.size === 0) exitSelectMode();
+	}
+
+	function toggleSelectAll() {
+		if (allVisibleSelected) {
+			selected = new Set();
+			exitSelectMode();
+		} else {
+			selected = new Set(filteredBooks.map((b) => b.slug));
+		}
+	}
+
+	// Card click: in selection mode, toggle selection; otherwise navigate normally
+	function onCardClick(e: MouseEvent, slug: string) {
+		if (selectMode) {
+			e.preventDefault();
+			toggleSelect(slug);
+		}
+	}
+
+	// ── Bulk actions ──────────────────────────────────────────────────────────
+	async function bulkRemove() {
+		if (busy || selected.size === 0) return;
+		busy = true;
+		try {
+			await fetch('/api/library/bulk-remove', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slugs: [...selected] })
+			});
+			await invalidateAll();
+		} finally {
+			busy = false;
+			exitSelectMode();
+		}
+	}
+
+	async function bulkMoveShelf(shelf: Shelf) {
+		if (busy || selected.size === 0) return;
+		busy = true;
+		shelfPickerOpen = false;
+		try {
+			await fetch('/api/library/bulk-shelf', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slugs: [...selected], shelf })
+			});
+			await invalidateAll();
+		} finally {
+			busy = false;
+			exitSelectMode();
+		}
+	}
+</script>
+
+<svelte:head>
+	<title>{m.books_page_title()}</title>
+</svelte:head>
+
+<div class="mb-6 flex items-start justify-between gap-4">
+	<div>
+		<h1 class="text-2xl font-bold text-(--color-text)">{m.books_heading()}</h1>
+		<p class="text-(--color-muted) text-sm mt-1">
+			{m.books_count({ n: String(data.books?.length ?? 0), s: (data.books?.length ?? 0) !== 1 ? 's' : '' })}
+		</p>
+	</div>
+	{#if selectMode}
+		<button
+			type="button"
+			onclick={exitSelectMode}
+			class="text-sm text-(--color-muted) hover:text-(--color-text) transition-colors pt-1"
+		>
+			Cancel
+		</button>
+	{:else if data.books?.length}
+		<button
+			type="button"
+			onclick={() => { selectMode = true; }}
+			class="text-sm text-(--color-muted) hover:text-(--color-text) transition-colors pt-1"
+		>
+			Select
+		</button>
+	{/if}
+</div>
+
+{#if !data.books?.length}
+	<div class="text-center py-20 text-(--color-muted)">
+		<p class="text-lg">{m.books_empty_library()}</p>
+		<p class="text-sm mt-2">
+			{m.books_empty_discover()}
+			<a href="/catalogue" class="text-(--color-brand) hover:text-(--color-brand-dim) transition-colors">{m.books_empty_discover_link()}</a>
+			{m.books_empty_discover_suffix()}
+		</p>
+	</div>
+{:else}
+	<!-- Shelf tabs + select-all row -->
+	<div class="flex items-center gap-2 mb-4 flex-wrap">
+		{#if selectMode}
+			<button
+				type="button"
+				onclick={toggleSelectAll}
+				class="px-3 py-1.5 rounded-full text-sm font-medium transition-colors
+					bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text) border border-(--color-border)"
+			>
+				{allVisibleSelected ? 'Deselect all' : 'Select all'}
+			</button>
+			<span class="text-sm text-(--color-muted)">{selectedCount} selected</span>
+		{:else}
+			{#each (['all', '', 'plan_to_read', 'completed', 'dropped'] as const) as shelf}
+				{#if shelfCounts[shelf] > 0 || shelf === 'all'}
+					<button
+						type="button"
+						onclick={() => (activeShelf = shelf)}
+						class="px-3 py-1.5 rounded-full text-sm font-medium transition-colors
+							{activeShelf === shelf
+								? 'bg-(--color-brand) text-(--color-surface)'
+								: 'bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text) border border-(--color-border)'}"
+					>
+						{shelfLabels[shelf]}{shelfCounts[shelf] !== data.books.length || shelf === 'all' ? ` (${shelfCounts[shelf]})` : ''}
+					</button>
+				{/if}
+			{/each}
+		{/if}
+	</div>
+
+	<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4">
+		{#each filteredBooks as book}
+			{@const lastChapter = data.progressMap[book.slug]}
+			{@const genres = parseGenres(book.genres)}
+			{@const bookShelf = shelfMap[book.slug] ?? ''}
+			{@const isSelected = selected.has(book.slug)}
+			<!-- svelte-ignore a11y_no_static_element_interactions -->
+			<a
+				href="/books/{book.slug}"
+				onclick={(e) => onCardClick(e, book.slug)}
+				draggable="false"
+				class="group relative flex flex-col rounded-lg overflow-hidden bg-(--color-surface-2) border transition-all select-none
+					{isSelected
+						? 'border-(--color-brand) ring-2 ring-(--color-brand)/40'
+						: 'border-(--color-border) hover:bg-(--color-surface-3) hover:border-(--color-brand)/50 hover:shadow-lg hover:shadow-black/20 hover:-translate-y-0.5'}"
+			>
+				<!-- Selection overlay -->
+				{#if selectMode}
+					<div class="absolute top-1.5 left-1.5 z-10 w-5 h-5 rounded-full border-2 flex items-center justify-center transition-colors
+						{isSelected ? 'bg-(--color-brand) border-(--color-brand)' : 'bg-black/40 border-white/60'}">
+						{#if isSelected}
+							<svg class="w-3 h-3 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7" />
+							</svg>
+						{/if}
+					</div>
+				{/if}
+
+				<!-- Cover image -->
+				<div class="aspect-[2/3] bg-(--color-surface) overflow-hidden">
+					{#if book.cover}
+						<img
+							src={book.cover}
+							alt={book.title}
+							class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300 {selectMode ? 'pointer-events-none' : ''}"
+							loading="lazy"
+							draggable="false"
+						/>
+					{:else}
+						<div class="w-full h-full flex items-center justify-center text-(--color-muted)">
+							<svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
+									d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
+							</svg>
+						</div>
+					{/if}
+				</div>
+
+				<!-- Info -->
+				<div class="p-2 flex flex-col gap-1 flex-1">
+					<h2 class="text-xs font-semibold text-(--color-text) line-clamp-2 leading-snug">
+						{book.title ?? ''}
+					</h2>
+					{#if book.author}
+						<p class="text-xs text-(--color-muted) truncate">{book.author ?? ''}</p>
+					{/if}
+
+					<div class="mt-auto pt-1 flex items-center justify-between gap-1">
+						{#if book.status}
+							<span class="text-xs px-1.5 py-0.5 rounded bg-(--color-surface-3) text-(--color-text) truncate max-w-[60%]">
+								{book.status}
+							</span>
+						{/if}
+						{#if lastChapter}
+							<span class="text-xs text-(--color-brand) font-medium ml-auto whitespace-nowrap">
+								ch.{lastChapter}
+							</span>
+						{/if}
+					</div>
+					{#if bookShelf && activeShelf === 'all'}
+						<span class="text-xs px-1.5 py-0.5 rounded bg-(--color-surface-3) text-(--color-muted) self-start">
+							{shelfLabels[bookShelf] ?? bookShelf}
+						</span>
+					{/if}
+
+					{#if genres.length > 0}
+						<div class="hidden sm:flex flex-wrap gap-1 mt-1">
+							{#each genres.slice(0, 2) as genre}
+								<span class="text-xs px-1 py-0.5 rounded bg-(--color-surface) text-(--color-muted)">{genre}</span>
+							{/each}
+						</div>
+					{/if}
+				</div>
+			</a>
+		{/each}
+	</div>
+{/if}
+
+<!-- Bulk action bar (sticky bottom, shown in selection mode) -->
+{#if selectMode}
+	<div class="fixed bottom-0 left-0 right-0 z-50 bg-(--color-surface-2) border-t border-(--color-border) px-4 py-3 flex items-center gap-3 shadow-lg">
+		<span class="text-sm text-(--color-muted) mr-auto">
+			{selectedCount} selected
+		</span>
+
+		<!-- Move to shelf picker -->
+		<div class="relative">
+			<button
+				type="button"
+				disabled={busy || selectedCount === 0}
+				onclick={() => (shelfPickerOpen = !shelfPickerOpen)}
+				class="px-3 py-2 rounded-lg text-sm font-medium transition-colors
+					bg-(--color-surface-3) text-(--color-text) border border-(--color-border)
+					hover:border-zinc-500 disabled:opacity-40 disabled:cursor-not-allowed flex items-center gap-1.5"
+			>
+				<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+						d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z" />
+				</svg>
+				Move to shelf
+				<svg class="w-3.5 h-3.5 transition-transform {shelfPickerOpen ? 'rotate-180' : ''}" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
+				</svg>
+			</button>
+
+			{#if shelfPickerOpen}
+				<div class="absolute bottom-full mb-2 right-0 bg-(--color-surface-2) border border-(--color-border) rounded-lg shadow-xl overflow-hidden min-w-[160px]">
+					{#each ([['', 'Reading'], ['plan_to_read', 'Plan to Read'], ['completed', 'Completed'], ['dropped', 'Dropped']] as const) as [val, label]}
+						<button
+							type="button"
+							onclick={() => bulkMoveShelf(val as Shelf)}
+							class="w-full text-left px-4 py-2.5 text-sm text-(--color-text) hover:bg-(--color-surface-3) transition-colors"
+						>
+							{label}
+						</button>
+					{/each}
+				</div>
+			{/if}
+		</div>
+
+		<!-- Remove button -->
+		<button
+			type="button"
+			disabled={busy || selectedCount === 0}
+			onclick={bulkRemove}
+			class="px-3 py-2 rounded-lg text-sm font-medium transition-colors
+				bg-red-500/10 text-red-400 border border-red-500/30
+				hover:bg-red-500/20 disabled:opacity-40 disabled:cursor-not-allowed flex items-center gap-1.5"
+		>
+			{#if busy}
+				<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+					<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/>
+					<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/>
+				</svg>
+			{:else}
+				<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+						d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+				</svg>
+			{/if}
+			Remove
+		</button>
+	</div>
+
+	<!-- Spacer so last row of cards isn't hidden behind the action bar -->
+	<div class="h-20"></div>
+{/if}
diff --git a/ui/src/routes/books/[slug]/+page.server.ts b/ui/src/routes/books/[slug]/+page.server.ts
new file mode 100644
index 0000000..c7388c0
--- /dev/null
+++ b/ui/src/routes/books/[slug]/+page.server.ts
@@ -0,0 +1,121 @@
+import { error } from '@sveltejs/kit';
+import type { PageServerLoad } from './$types';
+import { getBook, listChapterIdx, getProgress, isBookSaved, getBookShelf, countReadersThisWeek, getBookRating, getBookAvgRating } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+import { backendFetch, type BookPreviewResponse } from '$lib/server/scraper';
+
+export const load: PageServerLoad = async ({ params, locals }) => {
+	const { slug } = params;
+
+	// Try fetching from PocketBase first
+	let book = await getBook(slug).catch((e) => {
+		log.error('books', 'getBook failed', { slug, err: String(e) });
+		return null;
+	});
+
+	if (book) {
+		// Book is in the library — normal path
+		let chapters, progress, saved, readersThisWeek, userRating, ratingAvg, currentShelf;
+		try {
+			[chapters, progress, saved, readersThisWeek, userRating, ratingAvg, currentShelf] = await Promise.all([
+				listChapterIdx(slug),
+				getProgress(locals.sessionId, slug, locals.user?.id),
+				isBookSaved(locals.sessionId, slug, locals.user?.id),
+				countReadersThisWeek(slug),
+				getBookRating(locals.sessionId, slug, locals.user?.id),
+				getBookAvgRating(slug),
+				getBookShelf(locals.sessionId, slug, locals.user?.id)
+			]);
+		} catch (e) {
+			log.error('books', 'failed to load book page data', { slug, err: String(e) });
+			throw error(500, 'Failed to load book');
+		}
+
+		return {
+			book,
+			chapters,
+			inLib: true,
+			saved,
+			currentShelf: currentShelf ?? '',
+			lastChapter: progress?.chapter ?? null,
+			readersThisWeek,
+			userRating: userRating ?? 0,
+			ratingAvg: ratingAvg ?? { avg: 0, count: 0 },
+			isAdmin: locals.user?.role === 'admin',
+			isLoggedIn: !!locals.user,
+			currentUserId: locals.user?.id ?? '',
+			// Not scraping
+			scraping: false,
+			taskId: null as string | null
+		};
+	}
+
+	// Book not in PocketBase — ask backend to enqueue a scrape task.
+	try {
+		const res = await backendFetch(`/api/book-preview/${encodeURIComponent(slug)}`);
+
+		if (res.status === 202) {
+			// Scrape task enqueued — show "scraping" placeholder page.
+			const body: { task_id: string; message: string } = await res.json();
+			log.info('books', 'scrape task enqueued for book', { slug, task_id: body.task_id });
+			return {
+				book: null,
+				chapters: [],
+				inLib: false,
+				saved: false,
+				lastChapter: null,
+				userRating: 0,
+				ratingAvg: { avg: 0, count: 0 },
+		isAdmin: locals.user?.role === 'admin',
+		isPro: locals.isPro,
+		isLoggedIn: !!locals.user,
+				currentUserId: locals.user?.id ?? '',
+				scraping: true,
+				taskId: body.task_id
+			};
+		}
+
+		if (!res.ok) {
+			log.warn('books', 'book-preview returned error', { slug, status: res.status });
+			error(404, `Book "${slug}" not found`);
+		}
+
+		// 200 — book was already in library when backend checked
+		const preview: BookPreviewResponse = await res.json();
+
+		const previewBook = {
+			id: '',
+			slug: preview.meta.slug || slug,
+			title: preview.meta.title,
+			author: preview.meta.author,
+			cover: preview.meta.cover,
+			status: preview.meta.status,
+			genres: preview.meta.genres ?? [],
+			summary: preview.meta.summary,
+			total_chapters: preview.meta.total_chapters,
+			source_url: preview.meta.source_url,
+			ranking: 0,
+			meta_updated: '',
+			archived: false
+		};
+
+		return {
+			book: previewBook,
+			chapters: preview.chapters,
+			inLib: true,
+			saved: false,
+			lastChapter: null,
+			userRating: 0,
+			ratingAvg: { avg: 0, count: 0 },
+			isAdmin: locals.user?.role === 'admin',
+			isLoggedIn: !!locals.user,
+			currentUserId: locals.user?.id ?? '',
+			scraping: false,
+			taskId: null as string | null
+		};
+	} catch (e) {
+		if (e instanceof Error && 'status' in e) throw e;
+		log.error('books', 'book-preview fetch failed', { slug, err: String(e) });
+		error(404, `Book "${slug}" not found`);
+	}
+};
diff --git a/ui/src/routes/books/[slug]/+page.svelte b/ui/src/routes/books/[slug]/+page.svelte
new file mode 100644
index 0000000..62fae0c
--- /dev/null
+++ b/ui/src/routes/books/[slug]/+page.svelte
@@ -0,0 +1,1723 @@
+<script lang="ts">
+	import { onMount, untrack } from 'svelte';
+	import { goto, invalidateAll } from '$app/navigation';
+	import { page } from '$app/state';
+	import type { PageData } from './$types';
+	import CommentsSection from '$lib/components/CommentsSection.svelte';
+	import StarRating from '$lib/components/StarRating.svelte';
+	import * as m from '$lib/paraglide/messages.js';
+	import type { ShelfName } from '$lib/server/pocketbase';
+	import { audioStore } from '$lib/audio.svelte';
+
+	let { data }: { data: PageData } = $props();
+
+	// ── Resume audio progress ──────────────────────────────────────────────────
+	/** audioTime > 5 means we have a saved position worth resuming */
+	let resumeAudioTime = $state<number | null>(null);
+
+	onMount(() => {
+		if (data.book?.slug) {
+			window.umami?.track('book_view', { slug: data.book.slug });
+		}
+
+		// Check if there's saved audio progress for the last chapter
+		if (data.book?.slug && data.lastChapter) {
+			fetch(`/api/progress/audio-time?slug=${encodeURIComponent(data.book.slug)}&chapter=${data.lastChapter}`)
+				.then((r) => r.ok ? r.json() : null)
+				.then((body) => {
+					if (body?.audioTime != null && body.audioTime > 5) {
+						resumeAudioTime = body.audioTime;
+					}
+				})
+				.catch(() => {});
+		}
+	});
+
+	function resumeAudio() {
+		if (!data.book?.slug || !data.lastChapter) return;
+		audioStore.autoStartChapter = data.lastChapter;
+		goto(`/books/${data.book.slug}/chapters/${data.lastChapter}`);
+	}
+
+	// ── Save / unsave ─────────────────────────────────────────────────────────
+	let saved = $state(untrack(() => data.saved));
+	let saving = $state(false);
+
+	// ── Ratings ───────────────────────────────────────────────────────────────
+	// svelte-ignore state_referenced_locally
+	let userRating = $state(data.userRating ?? 0);
+	// svelte-ignore state_referenced_locally
+	let ratingAvg = $state(data.ratingAvg ?? { avg: 0, count: 0 });
+
+	async function rate(r: number) {
+		userRating = r;
+		try {
+			const res = await fetch(`/api/ratings/${encodeURIComponent(data.book?.slug ?? '')}`, {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ rating: r })
+			});
+			if (res.ok) {
+				const body = await res.json();
+				ratingAvg = { avg: body.avg, count: body.count };
+			}
+		} catch { /* ignore */ }
+	}
+
+	// ── Shelf ─────────────────────────────────────────────────────────────────
+	// svelte-ignore state_referenced_locally
+	let currentShelf = $state<ShelfName>((data.currentShelf as ShelfName) ?? '');
+
+	async function setShelf(shelf: ShelfName) {
+		currentShelf = shelf;
+		await fetch(`/api/library/${encodeURIComponent(data.book?.slug ?? '')}`, {
+			method: 'PATCH',
+			headers: { 'Content-Type': 'application/json' },
+			body: JSON.stringify({ shelf })
+		});
+	}
+
+	async function toggleSave() {
+		if (saving || !data.book) return;
+		saving = true;
+		try {
+			const method = saved ? 'DELETE' : 'POST';
+			const res = await fetch(`/api/library/${encodeURIComponent(data.book?.slug ?? '')}`, { method });
+			if (res.ok) saved = !saved;
+		} finally {
+			saving = false;
+		}
+	}
+
+	function parseGenres(genres: string[] | string): string[] {
+		if (Array.isArray(genres)) return genres;
+		try {
+			return JSON.parse(genres);
+		} catch {
+			return [];
+		}
+	}
+
+	const genres = $derived(parseGenres(data.book?.genres ?? []));
+	const chapterList = $derived(data.chapters ?? []);
+
+	// ── Admin: split chapters (imported PDF/EPUB books) ──────────────────────
+	const isFullTextBook = $derived(
+		chapterList.length === 1 && chapterList[0].title === 'Full Text'
+	);
+	let splitText = $state('');
+	let splitSaving = $state(false);
+	let splitResult = $state<'saved' | 'error' | ''>('');
+	let splitError = $state('');
+	let splitOpen = $state(false);
+
+	$effect(() => {
+		// Pre-fill the textarea with chapter 1 content when the panel is opened.
+		if (splitOpen && !splitText && data.book?.slug && isFullTextBook) {
+			fetch(`/api/chapter-markdown/${encodeURIComponent(data.book.slug)}/1`)
+				.then((r) => r.ok ? r.text() : '')
+				.then((t) => {
+					// Strip leading "# Full Text\n\n" header if present.
+					splitText = t.replace(/^# Full Text\n\n/, '').trim();
+				})
+				.catch(() => {});
+		}
+	});
+
+	async function splitChapters() {
+		const slug = data.book?.slug;
+		if (splitSaving || !slug) return;
+		splitSaving = true;
+		splitResult = '';
+		splitError = '';
+		try {
+			const res = await fetch(`/api/admin/books/${encodeURIComponent(slug)}/split-chapters`, {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ text: splitText })
+			});
+			if (res.ok) {
+				splitResult = 'saved';
+				splitOpen = false;
+				await invalidateAll();
+			} else {
+				const d = await res.json().catch(() => ({}));
+				splitError = (d as any).error ?? 'Unknown error';
+				splitResult = 'error';
+			}
+		} catch (e: any) {
+			splitError = e?.message ?? '';
+			splitResult = 'error';
+		} finally {
+			splitSaving = false;
+		}
+	}
+
+	// ── Admin: rescrape ───────────────────────────────────────────────────────
+	let scraping = $state(false);
+	let scrapeResult = $state<'queued' | 'busy' | 'error' | ''>('');
+
+	async function rescrape() {
+		if (scraping || !data.book?.source_url) return;
+		scraping = true;
+		scrapeResult = '';
+		try {
+			const res = await fetch('/api/scrape', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ url: data.book?.source_url })
+			});
+			if (res.ok) scrapeResult = 'queued';
+			else if (res.status === 409) scrapeResult = 'busy';
+			else scrapeResult = 'error';
+		} catch {
+			scrapeResult = 'error';
+		} finally {
+			scraping = false;
+		}
+	}
+
+	// ── Admin: scrape range ───────────────────────────────────────────────────
+	let rangeFrom = $state('');
+	let rangeTo = $state('');
+	let rangeScraping = $state(false);
+	let rangeResult = $state<'queued' | 'busy' | 'error' | ''>('');
+
+	async function scrapeRange() {
+		if (rangeScraping || !data.book?.source_url) return;
+		const from = parseInt(rangeFrom, 10);
+		const to = parseInt(rangeTo, 10);
+		if (!from || from < 1) return;
+		rangeScraping = true;
+		rangeResult = '';
+		try {
+			const res = await fetch('/api/scrape/range', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ url: data.book?.source_url, from, to: to || undefined })
+			});
+			if (res.ok) rangeResult = 'queued';
+			else if (res.status === 409) rangeResult = 'busy';
+			else rangeResult = 'error';
+		} catch {
+			rangeResult = 'error';
+		} finally {
+			rangeScraping = false;
+		}
+	}
+
+	// ── Summary expand/collapse ───────────────────────────────────────────────
+	let summaryExpanded = $state(false);
+
+	// ── Admin panel expand/collapse ───────────────────────────────────────────
+	let adminOpen = $state(false);
+
+	// ── Admin: book cover generation ──────────────────────────────────────────
+	let coverGenerating = $state(false);
+	let coverPreview = $state<string | null>(null);
+	let coverSaving = $state(false);
+	let coverResult = $state<'saved' | 'error' | ''>('');
+	let coverErrorMsg = $state('');
+	let coverPromptOpen = $state(false);
+
+	function buildCoverPrompt(): string {
+		const title = data.book?.title ?? '';
+		const summary = data.book?.summary ?? '';
+		const excerpt = summary.length > 200 ? summary.slice(0, 200) + '…' : summary;
+		return `Book cover art for "${title}"${excerpt ? ` — ${excerpt}` : ''}. Epic scene with dramatic lighting, professional book cover, highly detailed, 4K.`;
+	}
+
+	let coverPrompt = $state('');
+	let coverUseAsRef = $state(false);
+
+	$effect(() => {
+		if (coverPromptOpen && !coverPrompt) coverPrompt = buildCoverPrompt();
+	});
+
+	async function generateCover() {
+		const slug = data.book?.slug;
+		if (coverGenerating || !slug) return;
+		coverGenerating = true;
+		coverPreview = null;
+		coverResult = '';
+		coverErrorMsg = '';
+		const promptToUse = coverPrompt.trim() || buildCoverPrompt();
+		try {
+			let res: Response;
+			if (coverUseAsRef && data.book?.cover) {
+				try {
+					const imgRes = await fetch(data.book.cover);
+					const blob = await imgRes.blob();
+					const ext = blob.type === 'image/jpeg' ? 'jpg' : blob.type === 'image/webp' ? 'webp' : 'png';
+					const file = new File([blob], `${slug}-cover-ref.${ext}`, { type: blob.type });
+					const fd = new FormData();
+					fd.append('json', JSON.stringify({ slug, type: 'cover', prompt: promptToUse, strength: 0.65 }));
+					fd.append('reference', file);
+					res = await fetch('/api/admin/image-gen', { method: 'POST', body: fd });
+				} catch {
+					// Fall back to text-only if cover fetch fails
+					res = await fetch('/api/admin/image-gen', {
+						method: 'POST',
+						headers: { 'Content-Type': 'application/json' },
+						body: JSON.stringify({ slug, type: 'cover', prompt: promptToUse })
+					});
+				}
+			} else {
+				res = await fetch('/api/admin/image-gen', {
+					method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug, type: 'cover', prompt: promptToUse })
+			});
+		}
+		if (res.ok) {
+			const d = await res.json();
+			coverPreview = d.image_b64 ? `data:${d.content_type ?? 'image/png'};base64,${d.image_b64}` : null;
+		} else {
+			const d = await res.json().catch(() => ({}));
+			coverErrorMsg = (d as any).error ?? '';
+			coverResult = 'error';
+		}
+	} catch (e: any) {
+		coverErrorMsg = e?.message ?? '';
+		coverResult = 'error';
+	} finally {
+		coverGenerating = false;
+	}
+}
+
+	async function saveCover() {
+		const slug = data.book?.slug;
+		if (coverSaving || !coverPreview || !slug) return;
+		coverSaving = true;
+		coverResult = '';
+		try {
+			const b64 = coverPreview.replace(/^data:[^;]+;base64,/, '');
+			const res = await fetch('/api/admin/image-gen/save-cover', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug, image_b64: b64 })
+			});
+			if (res.ok) {
+				coverResult = 'saved';
+				coverPreview = null;
+				await invalidateAll();
+			} else {
+				coverResult = 'error';
+			}
+		} catch {
+			coverResult = 'error';
+		} finally {
+			coverSaving = false;
+		}
+	}
+
+	// ── Admin: chapter cover generation ───────────────────────────────────────
+	let chapterCoverN = $state('1');
+	let chapterCoverGenerating = $state(false);
+	let chapterCoverPreview = $state<string | null>(null);
+	let chapterCoverResult = $state<'saved' | 'error' | ''>('');
+	let chapterCoverErrorMsg = $state('');
+	let chapterCoverSaving = $state(false);
+	let chapterCoverPrompt = $state('');
+
+	async function generateChapterCover() {
+		const slug = data.book?.slug;
+		if (chapterCoverGenerating || !slug) return;
+		const n = parseInt(chapterCoverN, 10);
+		if (!n || n < 1) return;
+		chapterCoverGenerating = true;
+		chapterCoverPreview = null;
+		chapterCoverResult = '';
+		chapterCoverErrorMsg = '';
+		const promptToUse = chapterCoverPrompt.trim() || `Chapter ${n} illustration for "${data.book?.title ?? slug}". Dramatic scene, vivid colors, detailed art, cinematic lighting.`;
+		try {
+			const res = await fetch('/api/admin/image-gen', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug, type: 'chapter', chapter: n, prompt: promptToUse })
+			});
+			if (res.ok) {
+				const d = await res.json();
+				chapterCoverPreview = d.image_b64 ? `data:${d.content_type ?? 'image/png'};base64,${d.image_b64}` : null;
+			} else {
+				const d = await res.json().catch(() => ({}));
+				chapterCoverErrorMsg = (d as any).error ?? '';
+				chapterCoverResult = 'error';
+			}
+		} catch (e: any) {
+			chapterCoverErrorMsg = e?.message ?? '';
+			chapterCoverResult = 'error';
+		} finally {
+			chapterCoverGenerating = false;
+		}
+	}
+
+	async function saveChapterCover() {
+		const slug = data.book?.slug;
+		if (chapterCoverSaving || !chapterCoverPreview || !slug) return;
+		const n = parseInt(chapterCoverN, 10);
+		if (!n || n < 1) return;
+		chapterCoverSaving = true;
+		chapterCoverResult = '';
+		try {
+			const b64 = chapterCoverPreview.replace(/^data:[^;]+;base64,/, '');
+			const res = await fetch('/api/admin/image-gen/save-cover', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug, chapter: n, image_b64: b64 })
+			});
+			if (res.ok) {
+				chapterCoverResult = 'saved';
+				chapterCoverPreview = null;
+			} else {
+				chapterCoverResult = 'error';
+			}
+		} catch {
+			chapterCoverResult = 'error';
+		} finally {
+			chapterCoverSaving = false;
+		}
+	}
+
+	// ── Admin: description generation ─────────────────────────────────────────
+	let descGenerating = $state(false);
+	let descPreview = $state('');
+	let descApplying = $state(false);
+	let descResult = $state<'applied' | 'error' | ''>('');
+	let descInstructions = $state('');
+
+	async function generateDesc() {
+		const slug = data.book?.slug;
+		if (descGenerating || !slug) return;
+		descGenerating = true;
+		descPreview = '';
+		descResult = '';
+		try {
+			const res = await fetch('/api/admin/text-gen/description', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug, instructions: descInstructions.trim() || undefined })
+			});
+			if (res.ok) {
+				const d = await res.json();
+				descPreview = d.new_description ?? '';
+			} else {
+				descResult = 'error';
+			}
+		} catch {
+			descResult = 'error';
+		} finally {
+			descGenerating = false;
+		}
+	}
+
+	async function applyDesc() {
+		const slug = data.book?.slug;
+		if (descApplying || !descPreview || !slug) return;
+		descApplying = true;
+		descResult = '';
+		try {
+			const res = await fetch('/api/admin/text-gen/description/apply', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug, description: descPreview })
+			});
+			if (res.ok) {
+				descResult = 'applied';
+				descPreview = '';
+				await invalidateAll();
+			} else {
+				descResult = 'error';
+			}
+		} catch {
+			descResult = 'error';
+		} finally {
+			descApplying = false;
+		}
+	}
+
+	// ── Admin: chapter names generation ───────────────────────────────────────
+	let chapNamesGenerating = $state(false);
+	let chapNamesPreview = $state<{ number: number; old_title: string; new_title: string; edited: string }[]>([]);
+	let chapNamesApplying = $state(false);
+	let chapNamesResult = $state<'applied' | 'error' | ''>('');
+	let chapNamesPattern = $state('{scene}');
+	let chapNamesBatchProgress = $state('');
+	let chapNamesBatchWarnings = $state<string[]>([]);
+
+	async function generateChapNames() {
+		const slug = data.book?.slug;
+		if (chapNamesGenerating || !slug) return;
+		chapNamesGenerating = true;
+		chapNamesPreview = [];
+		chapNamesResult = '';
+		chapNamesBatchProgress = '';
+		chapNamesBatchWarnings = [];
+		try {
+			const res = await fetch('/api/admin/text-gen/chapter-names', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug, pattern: chapNamesPattern.trim() || '{scene}' })
+			});
+			if (!res.ok) {
+				chapNamesResult = 'error';
+				return;
+			}
+			// SSE streaming response
+			const reader = res.body!.getReader();
+			const decoder = new TextDecoder();
+			let buffer = '';
+			outer: while (true) {
+				const { value, done } = await reader.read();
+				if (done) break;
+				buffer += decoder.decode(value, { stream: true });
+				const lines = buffer.split('\n');
+				buffer = lines.pop() ?? '';
+				for (const line of lines) {
+					if (!line.startsWith('data: ')) continue;
+					const payload = line.slice(6).trim();
+					if (!payload) continue;
+					let evt: { batch?: number; total_batches?: number; chapters_done?: number; total_chapters?: number; chapters?: { number: number; old_title: string; new_title: string }[]; error?: string; done?: boolean };
+					try { evt = JSON.parse(payload); } catch { continue; }
+					if (evt.done) { chapNamesBatchProgress = `Done — ${evt.total_chapters ?? chapNamesPreview.length} chapters`; chapNamesGenerating = false; break outer; }
+					if (evt.error) {
+						chapNamesBatchWarnings = [...chapNamesBatchWarnings, `Batch ${evt.batch}/${evt.total_batches}: ${evt.error}`];
+					} else if (evt.chapters) {
+						chapNamesPreview = [...chapNamesPreview, ...evt.chapters.map((c) => ({ ...c, edited: c.new_title }))];
+					}
+					if (evt.batch != null && evt.total_batches != null) {
+						chapNamesBatchProgress = `Batch ${evt.batch}/${evt.total_batches} · ${evt.chapters_done ?? chapNamesPreview.length}/${evt.total_chapters ?? '?'}`;
+					}
+				}
+			}
+			if (chapNamesPreview.length === 0 && chapNamesBatchWarnings.length === 0) chapNamesResult = 'error';
+		} catch {
+			chapNamesResult = 'error';
+		} finally {
+			chapNamesGenerating = false;
+		}
+	}
+
+	async function applyChapNames() {
+		const slug = data.book?.slug;
+		if (chapNamesApplying || chapNamesPreview.length === 0 || !slug) return;
+		chapNamesApplying = true;
+		chapNamesResult = '';
+		try {
+			const chapters = chapNamesPreview.map((c) => ({ number: c.number, title: c.edited?.trim() || c.new_title }));
+			const res = await fetch('/api/admin/text-gen/chapter-names/apply', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug, chapters })
+			});
+			if (res.ok) {
+				chapNamesResult = 'applied';
+				chapNamesPreview = [];
+				await invalidateAll();
+			} else {
+				chapNamesResult = 'error';
+			}
+		} catch {
+			chapNamesResult = 'error';
+		} finally {
+			chapNamesApplying = false;
+		}
+	}
+
+	// ── Admin: audio TTS bulk enqueue ─────────────────────────────────────────
+	interface Voice { id: string; engine: string; lang: string; gender: string }
+	let audioVoices = $state<Voice[]>([]);
+	let audioVoicesLoaded = $state(false);
+	let audioVoice = $state('af_bella');
+	let audioFrom = $state('1');
+	let audioTo = $state('');
+	let audioEnqueuing = $state(false);
+	let audioResult = $state<{ enqueued: number; skipped: number } | null>(null);
+	let audioError = $state('');
+
+	// Load voices lazily when admin panel opens
+	$effect(() => {
+		if (!adminOpen || audioVoicesLoaded) return;
+		fetch('/api/voices')
+			.then((r) => r.json())
+			.then((d: { voices: Voice[] }) => {
+				audioVoices = d.voices ?? [];
+				audioVoicesLoaded = true;
+			})
+			.catch(() => { audioVoicesLoaded = true; });
+	});
+
+	function voiceLabel(v: Voice): string {
+		if (v.engine === 'cfai') {
+			const speaker = v.id.startsWith('cfai:') ? v.id.slice(5) : v.id;
+			return speaker.replace(/\b\w/g, (c) => c.toUpperCase()) + ' (CF AI)';
+		}
+		if (v.engine === 'pocket-tts') {
+			return v.id.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase()) + ' (Pocket)';
+		}
+		// Kokoro
+		const langMap: Record<string, string> = {
+			af: 'US', am: 'US', bf: 'UK', bm: 'UK',
+			ef: 'ES', em: 'ES', ff: 'FR', hf: 'IN', hm: 'IN',
+			'if': 'IT', im: 'IT', jf: 'JP', jm: 'JP', pf: 'PT', pm: 'PT', zf: 'ZH', zm: 'ZH',
+		};
+		const prefix = v.id.slice(0, 2);
+		const name = v.id.slice(3).replace(/^v0/, '').replace(/^([a-z])/, (c) => c.toUpperCase());
+		const lang = langMap[prefix] ?? prefix.toUpperCase();
+		return `${name} (${lang})`;
+	}
+
+	async function enqueueAudio() {
+		const slug = data.book?.slug;
+		if (audioEnqueuing || !slug) return;
+		const from = parseInt(audioFrom, 10);
+		const to = audioTo ? parseInt(audioTo, 10) : (data.book?.total_chapters ?? 1);
+		if (!from || from < 1) return;
+		audioEnqueuing = true;
+		audioResult = null;
+		audioError = '';
+		try {
+			const res = await fetch('/api/admin/audio/bulk', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug, voice: audioVoice, from, to })
+			});
+			if (res.ok || res.status === 202) {
+				const d = await res.json();
+				audioResult = { enqueued: d.enqueued ?? 0, skipped: d.skipped ?? 0 };
+			} else {
+				const d = await res.json().catch(() => ({}));
+				audioError = d.error ?? 'Failed to enqueue';
+			}
+		} catch {
+			audioError = 'Network error';
+		} finally {
+			audioEnqueuing = false;
+		}
+	}
+
+	async function cancelAudio() {
+		const slug = data.book?.slug;
+		if (!slug) return;
+		audioResult = null;
+		audioError = '';
+		try {
+			const res = await fetch('/api/admin/audio/cancel-bulk', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ slug })
+			});
+			if (res.ok) {
+				const d = await res.json();
+				audioError = `Cancelled ${d.cancelled ?? 0} task(s).`;
+			}
+		} catch {
+			audioError = 'Cancel failed';
+		}
+	}
+
+	// ── Admin: archive / delete ───────────────────────────────────────────────
+	let archiveStatus = $state<'idle' | 'busy' | 'done' | 'error'>('idle');
+	let deleteStatus  = $state<'idle' | 'busy' | 'confirm' | 'done' | 'error'>('idle');
+	let bookArchived  = $state(data.book?.archived ?? false);
+
+	async function toggleArchive() {
+		const slug = data.book?.slug;
+		if (!slug) return;
+		archiveStatus = 'busy';
+		const action = bookArchived ? 'unarchive' : 'archive';
+		try {
+			const res = await fetch(
+				`/api/admin/books/${encodeURIComponent(slug)}/archive?action=${action}`,
+				{ method: 'PATCH' }
+			);
+			if (res.ok) {
+				bookArchived = !bookArchived;
+				archiveStatus = 'done';
+				setTimeout(() => { archiveStatus = 'idle'; }, 3000);
+			} else {
+				archiveStatus = 'error';
+			}
+		} catch {
+			archiveStatus = 'error';
+		}
+	}
+
+	async function deleteBook() {
+		const slug = data.book?.slug;
+		if (!slug) return;
+		deleteStatus = 'busy';
+		try {
+			const res = await fetch(
+				`/api/admin/books/${encodeURIComponent(slug)}/delete`,
+				{ method: 'DELETE' }
+			);
+			if (res.ok) {
+				deleteStatus = 'done';
+				// Navigate away — book no longer exists
+				setTimeout(() => { goto('/admin/catalogue-tools'); }, 1500);
+			} else {
+				deleteStatus = 'error';
+			}
+		} catch {
+			deleteStatus = 'error';
+		}
+	}
+
+	// ── "More like this" ─────────────────────────────────────────────────────
+	interface SimilarBook { slug: string; title: string; cover: string | null; author: string | null }
+	let similarBooks = $state<SimilarBook[]>([]);
+
+	$effect(() => {
+		const firstGenre = genres[0];
+		if (!firstGenre) return;
+		const currentSlug = data.book?.slug ?? '';
+		fetch(`/api/catalogue-page?genre=${encodeURIComponent(firstGenre)}&sort=popular&page=1`)
+			.then((r) => r.json())
+			.then((d: { novels?: { slug: string; title: string; cover: string | null; author: string | null }[] }) => {
+				similarBooks = (d.novels ?? [])
+					.filter((b) => b.slug !== currentSlug)
+					.slice(0, 10);
+			})
+			.catch(() => { /* non-critical */ });
+	});
+
+	// ── Auto-poll when scrape task is in flight ───────────────────────────────
+	$effect(() => {
+		if (!data.scraping || !data.taskId) return;
+
+		const INTERVAL_MS = 3000;
+		const id = data.taskId;
+
+		const timer = setInterval(async () => {
+			try {
+				const res = await fetch(`/api/scrape/task/${encodeURIComponent(id)}`);
+				if (!res.ok) return;
+				const body: { id: string; status: string } = await res.json();
+				if (body.status === 'done' || body.status === 'failed') {
+					clearInterval(timer);
+					await invalidateAll();
+				}
+			} catch {
+				// network blip — try again next tick
+			}
+		}, INTERVAL_MS);
+
+		return () => clearInterval(timer);
+	});
+</script>
+
+<svelte:head>
+	<title>{data.scraping ? m.book_detail_scraping() : (data.book?.title ?? 'Book')} — libnovel</title>
+	{#if data.book && !data.scraping}
+		{@const ogTitle = `${data.book.title} — libnovel`}
+		{@const ogDesc = data.book.summary ? (data.book.summary.length > 200 ? data.book.summary.slice(0, 200) + '…' : data.book.summary) : `${data.book.total_chapters} chapters · ${data.book.author}`}
+		{@const ogUrl = `${page.url.origin}/books/${data.book.slug}`}
+		<link rel="canonical" href={ogUrl} />
+		<meta property="og:type" content="book" />
+		<meta property="og:site_name" content="libnovel" />
+		<meta property="og:url" content={ogUrl} />
+		<meta property="og:title" content={ogTitle} />
+		<meta property="og:description" content={ogDesc} />
+		{#if data.book.cover}
+			<meta property="og:image" content={data.book.cover} />
+			<meta property="og:image:width" content="300" />
+			<meta property="og:image:height" content="450" />
+			<meta name="twitter:card" content="summary_large_image" />
+			<meta name="twitter:image" content={data.book.cover} />
+		{:else}
+			<meta name="twitter:card" content="summary" />
+		{/if}
+		<meta name="twitter:title" content={ogTitle} />
+		<meta name="twitter:description" content={ogDesc} />
+	{/if}
+</svelte:head>
+
+{#if data.scraping}
+<!-- ═══════════════════════════════════════════ Scraping in progress ══ -->
+<div class="flex flex-col items-center justify-center py-24 gap-5 text-center">
+	<svg class="w-10 h-10 text-(--color-brand) animate-spin" fill="none" viewBox="0 0 24 24">
+		<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+		<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+	</svg>
+	<div>
+		<p class="text-(--color-text) font-semibold text-lg">{m.book_detail_scraping()}</p>
+		<p class="text-(--color-muted) text-sm mt-1">
+			{m.book_detail_scraping_progress()}
+		</p>
+		{#if data.taskId && data.user?.role === 'admin'}
+			<p class="text-(--color-muted) text-xs mt-2 font-mono">task: {data.taskId}</p>
+		{/if}
+	</div>
+	<a href="/" class="mt-2 text-sm text-(--color-brand) hover:text-(--color-brand-dim) transition-colors">{m.book_detail_scraping_home()}</a>
+</div>
+
+{:else}
+{@const book = data.book!}
+
+<!-- ═══════════════════════════════════════════════════════════════ Hero ══ -->
+<div class="relative rounded-xl overflow-hidden mb-5 sm:mb-8">
+	<!-- Blurred cover background — atmospheric, Spotify-style -->
+	{#if book.cover}
+		<div
+			class="absolute inset-0 bg-cover bg-center scale-110"
+			style="background-image: url('{book.cover}'); filter: blur(32px) saturate(1.4); opacity: 0.35;"
+			aria-hidden="true"
+		></div>
+	{/if}
+	<!-- Gradient: lighter at top so atmosphere bleeds through, heavy at bottom for legibility -->
+	<div class="absolute inset-0 bg-gradient-to-b from-(--color-surface)/20 via-(--color-surface)/60 to-(--color-surface)/92 pointer-events-none" aria-hidden="true"></div>
+
+	<div class="relative flex flex-col p-6 sm:p-8 gap-4">
+		<!-- Cover + meta row -->
+		<div class="flex gap-6 sm:gap-10">
+			<!-- Cover image -->
+			{#if book.cover}
+				<img
+					src={book.cover}
+					alt={book.title}
+					class="w-32 sm:w-56 aspect-[2/3] rounded-xl object-cover flex-shrink-0 border border-white/10 shadow-2xl self-start ring-1 ring-black/20"
+				/>
+			{/if}
+
+			<!-- Meta -->
+			<div class="flex flex-col gap-3 min-w-0 flex-1">
+				<!-- Title + "not in library" badge -->
+				<div class="flex items-start gap-2 flex-wrap">
+					<h1 class="text-2xl sm:text-4xl font-bold text-(--color-text) leading-tight tracking-tight">{book.title}</h1>
+					{#if !data.inLib}
+						<span
+							class="mt-1 text-xs px-2 py-0.5 rounded-full bg-(--color-surface-3) text-(--color-muted) border border-(--color-border) shrink-0"
+							title="This book was fetched live from the source and is not yet in your library"
+						>
+							{m.book_detail_not_in_library()}
+						</span>
+					{/if}
+				</div>
+
+				<!-- Author + Quick Stats -->
+				<div class="flex flex-col gap-1.5">
+					{#if book.author}
+						<p class="text-(--color-text) text-sm font-medium">{book.author}</p>
+					{/if}
+					<!-- Quick Stats Row -->
+					<div class="flex items-center gap-3 flex-wrap text-xs text-(--color-muted)">
+						{#if book.total_chapters}
+							<span class="flex items-center gap-1">
+								<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+									<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/>
+								</svg>
+								{book.total_chapters} chapters
+							</span>
+						{/if}
+						{#if ratingAvg.count > 0}
+							<span class="flex items-center gap-1">
+								<svg class="w-3.5 h-3.5 fill-amber-400" viewBox="0 0 24 24">
+									<path d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"/>
+								</svg>
+								{ratingAvg.avg.toFixed(1)} ({ratingAvg.count} {ratingAvg.count === 1 ? 'rating' : 'ratings'})
+							</span>
+						{/if}
+						{#if data.readersThisWeek && data.readersThisWeek > 0}
+							<span class="flex items-center gap-1">
+								<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 20 20">
+									<path d="M10 12a2 2 0 100-4 2 2 0 000 4z"/>
+									<path fill-rule="evenodd" d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"/>
+								</svg>
+								{data.readersThisWeek} this week
+							</span>
+						{/if}
+					</div>
+				</div>
+
+				<!-- Status + genres -->
+				<div class="flex flex-wrap gap-1.5">
+					{#if book.status}
+						<span class="text-xs px-2.5 py-1 rounded-full font-medium
+							{book.status.toLowerCase() === 'ongoing' 
+								? 'bg-green-500/15 text-green-400 border border-green-500/30' 
+								: 'bg-(--color-surface-3) text-(--color-text) border border-(--color-border)'}">
+							{book.status}
+						</span>
+					{/if}
+					{#each genres as genre}
+						<a
+							href="/catalogue?genre={encodeURIComponent(genre)}"
+							class="text-xs px-2.5 py-1 rounded-full bg-(--color-brand)/10 text-(--color-brand) border border-(--color-brand)/20 hover:bg-(--color-brand)/20 hover:border-(--color-brand)/40 transition-colors"
+						>{genre}</a>
+					{/each}
+				</div>
+
+
+				<!-- CTA buttons — desktop only -->
+				<div class="hidden sm:flex gap-2 mt-3 items-center flex-wrap">
+					{#if data.lastChapter}
+						<a
+							href="/books/{book.slug}/chapters/{data.lastChapter}"
+							class="px-5 py-2 bg-(--color-brand) text-(--color-surface) font-semibold rounded-lg text-sm hover:bg-(--color-brand-dim) transition-colors shadow"
+						>
+							{m.book_detail_continue_ch({ n: String(data.lastChapter) })}
+						</a>
+					{/if}
+					{#if resumeAudioTime != null && data.lastChapter}
+						<button
+							type="button"
+							onclick={resumeAudio}
+							class="flex items-center gap-1.5 px-4 py-2 rounded-lg text-sm font-semibold bg-(--color-surface-3) text-(--color-text) border border-(--color-border) hover:border-(--color-brand)/50 hover:text-(--color-brand) transition-colors"
+							title="Resume audio from where you left off"
+						>
+							<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+							Resume Ch. {data.lastChapter}
+						</button>
+					{/if}
+					{#if chapterList.length > 0}
+						<a
+							href="/books/{book.slug}/chapters/1"
+							class="px-4 py-2 rounded-lg text-sm font-semibold transition-colors
+								{data.lastChapter
+					? 'bg-(--color-surface-3) text-(--color-text) hover:bg-(--color-surface-3)'
+								: 'bg-(--color-brand) text-(--color-surface) hover:bg-(--color-brand-dim) shadow'}"
+						>
+							{data.inLib ? m.book_detail_start_ch1() : m.book_detail_preview_ch1()}
+						</a>
+					{/if}
+					{#if !data.isLoggedIn}
+						<a
+							href="/login"
+							title={m.book_detail_signin_to_save()}
+							class="flex items-center justify-center w-9 h-9 rounded-lg border border-(--color-border) bg-(--color-surface-3) text-(--color-muted) hover:text-(--color-text) transition-colors"
+						>
+							<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 4a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 20V4z"/>
+							</svg>
+						</a>
+					{:else if data.inLib}
+						<button
+							onclick={toggleSave}
+							disabled={saving}
+							title={saved ? m.book_detail_remove_from_library() : m.book_detail_add_to_library()}
+							class="flex items-center justify-center w-9 h-9 rounded-lg border transition-colors disabled:opacity-50
+								{saved
+									? 'bg-(--color-brand)/20 text-(--color-brand-dim) border-(--color-brand)/30 hover:bg-red-500/20 hover:text-red-300 hover:border-red-400/30'
+									: 'bg-(--color-surface-3) text-(--color-muted) border-(--color-border) hover:bg-(--color-surface-3) hover:text-(--color-text)'}"
+						>
+							{#if saving}
+								<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+									<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+									<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+								</svg>
+							{:else if saved}
+								<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
+									<path d="M5 4a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 20V4z"/>
+								</svg>
+							{:else}
+								<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+									<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 4a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 20V4z"/>
+								</svg>
+							{/if}
+						</button>
+					{/if}
+				</div>
+
+				<!-- Ratings + shelf — desktop -->
+				<div class="hidden sm:flex items-center gap-3 flex-wrap mt-1">
+					<StarRating
+						rating={userRating}
+						avg={ratingAvg.avg}
+						count={ratingAvg.count}
+						onrate={rate}
+						size="md"
+					/>
+					{#if saved}
+						<div class="relative">
+							<select
+								value={currentShelf}
+								onchange={(e) => setShelf((e.currentTarget as HTMLSelectElement).value as ShelfName)}
+								class="bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-1.5 text-sm text-(--color-muted) focus:outline-none focus:ring-2 focus:ring-(--color-brand) cursor-pointer"
+							>
+								<option value="">Reading</option>
+								<option value="plan_to_read">Plan to Read</option>
+								<option value="completed">Completed</option>
+								<option value="dropped">Dropped</option>
+							</select>
+						</div>
+					{/if}
+				</div>
+			</div>
+		</div>
+
+		<!-- CTA buttons — mobile only -->
+		<div class="flex sm:hidden flex-col gap-2 mt-3">
+			<!-- Row 1: primary read button(s) -->
+			<div class="flex gap-2">
+				{#if data.lastChapter}
+					<a
+						href="/books/{book.slug}/chapters/{data.lastChapter}"
+						class="flex-1 text-center px-4 py-2.5 bg-(--color-brand) text-(--color-surface) font-semibold rounded-lg text-sm hover:bg-(--color-brand-dim) transition-colors shadow"
+					>
+						{m.book_detail_continue_ch({ n: String(data.lastChapter) })}
+					</a>
+				{/if}
+				{#if chapterList.length > 0}
+					<a
+						href="/books/{book.slug}/chapters/1"
+						class="text-center px-4 py-2.5 rounded-lg text-sm font-semibold transition-colors
+							{data.lastChapter
+								? 'bg-(--color-surface-3) text-(--color-text) hover:bg-(--color-surface-3)'
+								: 'flex-1 bg-(--color-brand) text-(--color-surface) hover:bg-(--color-brand-dim) shadow'}"
+					>
+						{data.inLib ? m.book_detail_start_ch1() : m.book_detail_preview_ch1()}
+					</a>
+				{/if}
+			</div>
+
+			<!-- Resume audio row (mobile) -->
+			{#if resumeAudioTime != null && data.lastChapter}
+				<button
+					type="button"
+					onclick={resumeAudio}
+					class="flex items-center justify-center gap-1.5 w-full px-4 py-2.5 rounded-lg text-sm font-semibold bg-(--color-surface-3) text-(--color-text) border border-(--color-border) hover:border-(--color-brand)/50 hover:text-(--color-brand) transition-colors"
+					title="Resume audio from where you left off"
+				>
+					<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+					Resume Ch. {data.lastChapter}
+				</button>
+			{/if}
+
+			<!-- Row 2: bookmark + shelf + stars -->
+			<div class="flex items-center gap-2 flex-wrap">
+				{#if !data.isLoggedIn}
+					<a
+						href="/login"
+						title={m.book_detail_signin_to_save()}
+						class="flex items-center justify-center w-9 h-9 rounded-lg border border-(--color-border) bg-(--color-surface-3) text-(--color-muted) hover:text-(--color-text) transition-colors flex-shrink-0"
+					>
+						<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 4a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 20V4z"/>
+						</svg>
+					</a>
+				{:else if data.inLib}
+					<button
+						onclick={toggleSave}
+						disabled={saving}
+						title={saved ? m.book_detail_remove_from_library() : m.book_detail_add_to_library()}
+						class="flex items-center justify-center w-9 h-9 flex-shrink-0 rounded-lg border transition-colors disabled:opacity-50
+							{saved
+								? 'bg-(--color-brand)/20 text-(--color-brand-dim) border-(--color-brand)/30 hover:bg-red-500/20 hover:text-red-300 hover:border-red-400/30'
+								: 'bg-(--color-surface-3) text-(--color-muted) border-(--color-border) hover:bg-(--color-surface-3) hover:text-(--color-text)'}"
+					>
+						{#if saving}
+							<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+								<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+								<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+							</svg>
+						{:else if saved}
+							<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
+								<path d="M5 4a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 20V4z"/>
+							</svg>
+						{:else}
+							<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 4a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 20V4z"/>
+							</svg>
+						{/if}
+					</button>
+				{/if}
+
+				{#if saved}
+					<select
+						value={currentShelf}
+						onchange={(e) => setShelf((e.currentTarget as HTMLSelectElement).value as ShelfName)}
+						class="bg-(--color-surface-2) border border-(--color-border) rounded-lg px-3 py-1.5 text-sm text-(--color-muted) focus:outline-none focus:ring-2 focus:ring-(--color-brand) cursor-pointer flex-shrink-0"
+					>
+						<option value="">Reading</option>
+						<option value="plan_to_read">Plan to Read</option>
+						<option value="completed">Completed</option>
+						<option value="dropped">Dropped</option>
+					</select>
+				{/if}
+
+				<StarRating
+					rating={userRating}
+					avg={ratingAvg.avg}
+					count={ratingAvg.count}
+					onrate={rate}
+					size="sm"
+				/>
+			</div>
+		</div>
+	</div>
+</div>
+
+<!-- ── Book description ──────────────────────────────────────────────────────── -->
+{#if book.summary}
+<div class="mb-6 bg-(--color-surface-2)/40 rounded-xl p-5 border border-(--color-border)/50">
+	<h2 class="text-sm font-semibold text-(--color-text) uppercase tracking-wide mb-3">Summary</h2>
+	<div class="relative">
+		<p
+			class="text-(--color-muted) text-sm leading-7 break-words whitespace-pre-line {summaryExpanded ? '' : 'line-clamp-5'}"
+		>
+			{book.summary}
+		</p>
+		{#if !summaryExpanded && book.summary.length > 300}
+			<!-- gradient fade over the last line when collapsed -->
+			<div class="absolute bottom-0 left-0 right-0 h-12 bg-gradient-to-t from-(--color-surface-2)/40 to-transparent pointer-events-none"></div>
+		{/if}
+	</div>
+	{#if book.summary.length > 300}
+		<button
+			onclick={() => (summaryExpanded = !summaryExpanded)}
+			class="mt-3 px-3 py-1.5 text-xs font-medium text-(--color-brand) hover:text-(--color-brand-dim) bg-(--color-brand)/10 hover:bg-(--color-brand)/20 border border-(--color-brand)/20 rounded-lg transition-colors inline-flex items-center gap-1.5"
+		>
+			{summaryExpanded ? m.book_detail_less() : m.book_detail_more()}
+			<svg class="w-3 h-3 transition-transform {summaryExpanded ? 'rotate-180' : ''}" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+			</svg>
+		</button>
+	{/if}
+</div>
+{/if}
+
+<!-- ══════════════════════════════════════════════════ Download row ══ -->
+{#if data.inLib && chapterList.length > 0}
+<div class="flex items-center gap-3 border border-(--color-border) rounded-xl px-4 py-3 mb-4">
+	<svg class="w-4 h-4 text-(--color-muted) flex-shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+		<path stroke-linecap="round" stroke-linejoin="round" d="M12 10v6m0 0l-3-3m3 3l3-3M3 17V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z"/>
+	</svg>
+	<div class="flex-1 min-w-0">
+		<p class="text-sm font-medium text-(--color-text)">Download</p>
+		<p class="text-xs text-(--color-muted)">All {chapterList.length} chapters as EPUB</p>
+	</div>
+	{#if data.isPro}
+		<a
+			href="/api/export/{book.slug}"
+			download="{book.slug}.epub"
+			class="px-3 py-1.5 rounded-lg bg-(--color-surface-2) border border-(--color-border) text-sm font-medium text-(--color-muted) hover:text-(--color-text) hover:border-zinc-500 transition-colors flex-shrink-0"
+		>
+			.epub
+		</a>
+	{:else}
+		<a
+			href="/profile"
+			class="px-3 py-1.5 rounded-lg bg-(--color-brand)/15 border border-(--color-brand)/30 text-sm font-medium text-(--color-brand) hover:bg-(--color-brand)/25 transition-colors flex-shrink-0"
+		>
+			Pro
+		</a>
+	{/if}
+</div>
+{/if}
+
+<!-- ══════════════════════════════════════════════════ Chapters row ══ -->
+<div class="flex flex-col divide-y divide-(--color-border) border border-(--color-border) rounded-xl overflow-hidden mb-6">
+	<a
+		href="/books/{book.slug}/chapters"
+		class="flex items-center gap-3 px-4 py-3.5 hover:bg-(--color-surface-2)/60 transition-colors group"
+	>
+		<svg class="w-4 h-4 text-(--color-brand) flex-shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+			<path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 10h16M4 14h10"/>
+		</svg>
+		<div class="flex flex-col min-w-0 flex-1">
+			<span class="text-sm font-semibold text-(--color-text)">{m.chapters_heading()}</span>
+			{#if chapterList.length > 0}
+				<span class="text-xs text-(--color-muted)">
+					{#if data.lastChapter && data.lastChapter > 0}
+						{m.book_detail_reading_ch({ n: String(data.lastChapter), total: String(chapterList.length) })}
+					{:else}
+						{m.book_detail_n_chapters({ n: String(chapterList.length) })}
+					{/if}
+				</span>
+			{/if}
+		</div>
+		<svg class="w-4 h-4 text-(--color-muted) group-hover:text-(--color-muted) transition-colors flex-shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+			<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
+		</svg>
+	</a>
+
+	<!-- Admin panel (collapsed by default, admin only) -->
+	{#if data.isAdmin}
+		<div>
+			<button
+				onclick={() => (adminOpen = !adminOpen)}
+				class="w-full flex items-center gap-2 px-4 py-2.5 text-xs font-medium text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2)/50 transition-colors text-left"
+			>
+				<svg class="w-3.5 h-3.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
+				</svg>
+				{m.book_detail_admin()}
+				<svg class="w-3 h-3 ml-auto transition-transform {adminOpen ? 'rotate-180' : ''}" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+				</svg>
+			</button>
+
+		{#if adminOpen}
+			<div class="px-4 py-3 border-t border-(--color-border) flex flex-col gap-5">
+
+			<!-- Chapter split tool (only for imported books with single "Full Text" chapter) -->
+			{#if isFullTextBook}
+				<div class="flex flex-col gap-2">
+					<div class="flex items-center justify-between">
+						<p class="text-xs font-medium text-(--color-muted) uppercase tracking-wide">Split Chapters</p>
+						<button
+							onclick={() => { splitOpen = !splitOpen; splitResult = ''; splitError = ''; }}
+							class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors"
+						>
+							{splitOpen ? 'Hide' : 'Edit'}
+						</button>
+					</div>
+					{#if !splitOpen}
+						<p class="text-xs text-(--color-muted)">
+							This book has a single "Full Text" chapter. Use this tool to split it into chapters.
+						</p>
+					{/if}
+					{#if splitOpen}
+						<p class="text-xs text-(--color-muted)">
+							Insert <code class="bg-(--color-surface-3) px-1 rounded">---</code> on its own line to divide chapters.
+							Optionally start a segment with <code class="bg-(--color-surface-3) px-1 rounded">## Chapter Title</code>.
+						</p>
+						<textarea
+							bind:value={splitText}
+							rows="16"
+							class="w-full px-2 py-1.5 rounded bg-(--color-surface-3) border border-(--color-border) text-(--color-text) text-xs font-mono focus:outline-none focus:border-(--color-brand) resize-y"
+							placeholder="Paste or edit the full text here. Use --- to split chapters."
+						></textarea>
+						<div class="flex items-center gap-3 flex-wrap">
+							<button
+								onclick={splitChapters}
+								disabled={splitSaving || !splitText.trim()}
+								class="flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium transition-colors
+									{splitSaving || !splitText.trim() ? 'bg-(--color-surface-3) text-(--color-muted) cursor-not-allowed' : 'bg-(--color-brand)/20 text-(--color-brand-dim) hover:bg-(--color-brand)/40 border border-(--color-brand)/30'}"
+							>
+								{#if splitSaving}
+									<svg class="w-3 h-3 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg>
+									Saving…
+								{:else}
+									Save chapters
+								{/if}
+							</button>
+							{#if splitResult === 'saved'}
+								<span class="text-xs text-green-400">Saved.</span>
+							{:else if splitResult === 'error'}
+								<span class="text-xs text-(--color-danger)">{splitError || 'Error.'}</span>
+							{/if}
+						</div>
+					{/if}
+				</div>
+				<hr class="border-(--color-border)" />
+			{/if}
+
+			<!-- Rescrape / range-scrape (only for scraped books with a source URL) -->
+			{#if book.source_url}
+				<!-- Rescrape -->
+				<div class="flex items-center gap-3 flex-wrap">
+					<button
+						onclick={rescrape}
+						disabled={scraping}
+						class="flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium transition-colors
+							{scraping ? 'bg-(--color-surface-3) text-(--color-muted) cursor-not-allowed' : 'bg-(--color-surface-3) text-(--color-text) hover:bg-(--color-surface-3)'}"
+					>
+						{#if scraping}
+							<svg class="w-3 h-3 animate-spin" fill="none" viewBox="0 0 24 24">
+								<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+								<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+							</svg>
+							{m.book_detail_rescraping()}
+						{:else}
+							<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
+							</svg>
+							{m.book_detail_rescrape_book()}
+						{/if}
+					</button>
+					{#if scrapeResult}
+						<span class="text-xs {scrapeResult === 'queued' ? 'text-green-400' : scrapeResult === 'busy' ? 'text-(--color-brand)' : 'text-(--color-danger)'}">
+							{scrapeResult === 'queued' ? m.catalogue_scrape_queued_badge() + '.' : scrapeResult === 'busy' ? m.catalogue_scrape_busy_badge() + '.' : m.common_error() + '.'}
+						</span>
+					{/if}
+				</div>
+
+				<!-- Range scrape -->
+				<div class="flex flex-wrap items-end gap-3">
+					<div class="flex flex-col gap-1">
+						<label for="range-from" class="text-xs text-(--color-muted)">{m.book_detail_from_chapter()}</label>
+						<input
+							id="range-from"
+							type="number"
+							min="1"
+							bind:value={rangeFrom}
+							placeholder="1"
+							class="w-24 px-2 py-1 rounded bg-(--color-surface-3) border border-(--color-border) text-(--color-text) text-xs focus:outline-none focus:border-(--color-brand)"
+						/>
+					</div>
+					<div class="flex flex-col gap-1">
+						<label for="range-to" class="text-xs text-(--color-muted)">{m.book_detail_to_chapter()}</label>
+						<input
+							id="range-to"
+							type="number"
+							min="1"
+							bind:value={rangeTo}
+							placeholder="end"
+							class="w-24 px-2 py-1 rounded bg-(--color-surface-3) border border-(--color-border) text-(--color-text) text-xs focus:outline-none focus:border-(--color-brand)"
+						/>
+					</div>
+					<button
+						onclick={scrapeRange}
+						disabled={rangeScraping || !rangeFrom}
+						class="px-3 py-1.5 rounded text-xs font-medium transition-colors
+							{rangeScraping || !rangeFrom
+								? 'bg-(--color-surface-3) text-(--color-muted) cursor-not-allowed'
+								: 'bg-(--color-brand)/20 text-(--color-brand-dim) hover:bg-(--color-brand)/40 border border-(--color-brand)/30'}"
+					>
+						{rangeScraping ? m.book_detail_range_queuing() : m.book_detail_scrape_range()}
+					</button>
+					{#if rangeResult}
+						<span class="text-xs {rangeResult === 'queued' ? 'text-green-400' : rangeResult === 'busy' ? 'text-(--color-brand)' : 'text-(--color-danger)'}">
+							{rangeResult === 'queued' ? m.catalogue_scrape_queued_badge() + '.' : rangeResult === 'busy' ? m.catalogue_scrape_busy_badge() + '.' : m.common_error() + '.'}
+						</span>
+					{/if}
+				</div>
+			{/if}
+
+				<hr class="border-(--color-border)" />
+
+				<!-- Book cover generation -->
+				<div class="flex flex-col gap-2">
+					<div class="flex items-center justify-between">
+						<p class="text-xs font-medium text-(--color-muted) uppercase tracking-wide">{m.book_detail_admin_book_cover()}</p>
+						<div class="flex items-center gap-2">
+							<button
+								onclick={() => (coverPromptOpen = !coverPromptOpen)}
+								class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors"
+							>
+								{coverPromptOpen ? 'Hide prompt' : 'Edit prompt'}
+							</button>
+							<a href="/admin/image-gen" class="text-xs text-(--color-brand)/70 hover:text-(--color-brand) transition-colors">Full editor ↗</a>
+						</div>
+					</div>
+					{#if coverPromptOpen}
+						<textarea
+							bind:value={coverPrompt}
+							rows="3"
+							placeholder={buildCoverPrompt()}
+							class="w-full px-2 py-1.5 rounded bg-(--color-surface-3) border border-(--color-border) text-(--color-text) text-xs focus:outline-none focus:border-(--color-brand) resize-y"
+						></textarea>
+						{#if book.cover}
+							<label class="flex items-center gap-2 cursor-pointer select-none w-fit">
+								<input type="checkbox" bind:checked={coverUseAsRef} class="accent-(--color-brand)" />
+								<span class="text-xs text-(--color-muted)">Use current cover as reference (img2img)</span>
+							</label>
+						{/if}
+					{/if}
+					<div class="flex items-center gap-3 flex-wrap">
+						<button
+							onclick={generateCover}
+							disabled={coverGenerating}
+							class="flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium transition-colors
+								{coverGenerating ? 'bg-(--color-surface-3) text-(--color-muted) cursor-not-allowed' : 'bg-(--color-surface-3) text-(--color-text) hover:bg-(--color-surface-2)'}"
+						>
+							{#if coverGenerating}
+								<svg class="w-3 h-3 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg>
+							{:else}
+								<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
+							{/if}
+							{m.book_detail_admin_generate()}{coverUseAsRef ? ' (img2img)' : ''}
+						</button>
+						{#if coverResult === 'error'}
+							<span class="text-xs text-(--color-danger)">{coverErrorMsg || m.common_error()}</span>
+						{:else if coverResult === 'saved'}
+							<span class="text-xs text-green-400">{m.book_detail_admin_saved()}</span>
+						{/if}
+					</div>
+					{#if coverPreview}
+						<div class="flex items-start gap-3 mt-1">
+							<img src={coverPreview} alt="Cover preview" class="w-24 rounded border border-(--color-border)" />
+							<div class="flex flex-col gap-2 pt-1">
+								<button
+									onclick={saveCover}
+									disabled={coverSaving}
+									class="px-3 py-1.5 rounded text-xs font-medium transition-colors
+										{coverSaving ? 'bg-(--color-surface-3) text-(--color-muted) cursor-not-allowed' : 'bg-green-600/20 text-green-400 hover:bg-green-600/30 border border-green-600/30'}"
+								>
+									{coverSaving ? m.book_detail_admin_saving() : m.book_detail_admin_save_cover()}
+								</button>
+								<button onclick={() => (coverPreview = null)} class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors">{m.book_detail_admin_discard()}</button>
+							</div>
+						</div>
+					{/if}
+				</div>
+
+				<!-- Chapter cover generation -->
+				<div class="flex flex-col gap-2">
+					<p class="text-xs font-medium text-(--color-muted) uppercase tracking-wide">{m.book_detail_admin_chapter_cover()}</p>
+					<textarea
+						bind:value={chapterCoverPrompt}
+						rows="2"
+						placeholder="Chapter {chapterCoverN} illustration for &quot;{data.book?.title}&quot;. Dramatic scene, vivid colors…"
+						class="w-full px-2 py-1.5 rounded bg-(--color-surface-3) border border-(--color-border) text-(--color-text) text-xs focus:outline-none focus:border-(--color-brand) resize-y"
+					></textarea>
+					<div class="flex items-end gap-3 flex-wrap">
+						<div class="flex flex-col gap-1">
+							<label for="ch-cover-n" class="text-xs text-(--color-muted)">{m.book_detail_admin_chapter_n()}</label>
+							<input
+								id="ch-cover-n"
+								type="number"
+								min="1"
+								bind:value={chapterCoverN}
+								placeholder="1"
+								class="w-20 px-2 py-1 rounded bg-(--color-surface-3) border border-(--color-border) text-(--color-text) text-xs focus:outline-none focus:border-(--color-brand)"
+							/>
+						</div>
+						<button
+							onclick={generateChapterCover}
+							disabled={chapterCoverGenerating || !chapterCoverN}
+							class="flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium transition-colors
+								{chapterCoverGenerating || !chapterCoverN ? 'bg-(--color-surface-3) text-(--color-muted) cursor-not-allowed' : 'bg-(--color-surface-3) text-(--color-text) hover:bg-(--color-surface-2)'}"
+						>
+							{#if chapterCoverGenerating}
+								<svg class="w-3 h-3 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg>
+							{:else}
+								<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
+							{/if}
+							{m.book_detail_admin_generate()}
+						</button>
+						{#if chapterCoverResult === 'error'}
+							<span class="text-xs text-(--color-danger)">{chapterCoverErrorMsg || m.common_error()}</span>
+						{:else if chapterCoverResult === 'saved'}
+							<span class="text-xs text-green-400">{m.book_detail_admin_saved()}</span>
+						{/if}
+					</div>
+					{#if chapterCoverPreview}
+						<div class="flex items-start gap-3 mt-1">
+							<img src={chapterCoverPreview} alt="Chapter cover preview" class="w-24 rounded border border-(--color-border)" />
+							<div class="flex flex-col gap-2 pt-1">
+								<button
+									onclick={saveChapterCover}
+									disabled={chapterCoverSaving}
+									class="px-3 py-1.5 rounded text-xs font-medium transition-colors
+										{chapterCoverSaving ? 'bg-(--color-surface-3) text-(--color-muted) cursor-not-allowed' : 'bg-green-600/20 text-green-400 hover:bg-green-600/30 border border-green-600/30'}"
+								>
+									{chapterCoverSaving ? m.book_detail_admin_saving() : 'Save Ch. Cover'}
+								</button>
+								<button onclick={() => (chapterCoverPreview = null)} class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors">{m.book_detail_admin_discard()}</button>
+							</div>
+						</div>
+					{/if}
+				</div>
+
+				<hr class="border-(--color-border)" />
+
+				<!-- Description generation -->
+				<div class="flex flex-col gap-2">
+					<div class="flex items-center justify-between">
+						<p class="text-xs font-medium text-(--color-muted) uppercase tracking-wide">{m.book_detail_admin_description()}</p>
+						<a href="/admin/text-gen" class="text-xs text-(--color-brand)/70 hover:text-(--color-brand) transition-colors">Full editor ↗</a>
+					</div>
+					<input
+						type="text"
+						bind:value={descInstructions}
+						placeholder="e.g. 3-sentence blurb, avoid spoilers, dramatic tone"
+						class="w-full px-2 py-1.5 rounded bg-(--color-surface-3) border border-(--color-border) text-(--color-text) text-xs focus:outline-none focus:border-(--color-brand)"
+					/>
+					<div class="flex items-center gap-3 flex-wrap">
+						<button
+							onclick={generateDesc}
+							disabled={descGenerating}
+							class="flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium transition-colors
+								{descGenerating ? 'bg-(--color-surface-3) text-(--color-muted) cursor-not-allowed' : 'bg-(--color-surface-3) text-(--color-text) hover:bg-(--color-surface-2)'}"
+						>
+							{#if descGenerating}
+								<svg class="w-3 h-3 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg>
+							{:else}
+								<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/></svg>
+							{/if}
+							{m.book_detail_admin_generate()}
+						</button>
+						{#if descResult === 'error'}
+							<span class="text-xs text-(--color-danger)">{m.common_error()}</span>
+						{:else if descResult === 'applied'}
+							<span class="text-xs text-green-400">{m.book_detail_admin_applied()}</span>
+						{/if}
+					</div>
+					{#if descPreview}
+						<div class="flex flex-col gap-2">
+							<textarea
+								bind:value={descPreview}
+								rows="5"
+								class="w-full px-2 py-1.5 rounded bg-(--color-surface-3) border border-(--color-border) text-(--color-text) text-xs focus:outline-none focus:border-(--color-brand) resize-y"
+							></textarea>
+							<div class="flex items-center gap-2">
+								<button
+									onclick={applyDesc}
+									disabled={descApplying}
+									class="px-3 py-1.5 rounded text-xs font-medium transition-colors
+										{descApplying ? 'bg-(--color-surface-3) text-(--color-muted) cursor-not-allowed' : 'bg-green-600/20 text-green-400 hover:bg-green-600/30 border border-green-600/30'}"
+								>
+									{descApplying ? m.book_detail_admin_applying() : m.book_detail_admin_apply()}
+								</button>
+								<button onclick={() => (descPreview = '')} class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors">{m.book_detail_admin_discard()}</button>
+							</div>
+						</div>
+					{/if}
+				</div>
+
+				<!-- Chapter names generation -->
+				<div class="flex flex-col gap-2">
+					<p class="text-xs font-medium text-(--color-muted) uppercase tracking-wide">{m.book_detail_admin_chapter_names()}</p>
+					<input
+						type="text"
+						bind:value={chapNamesPattern}
+						placeholder="{'{scene}'}"
+						class="w-full px-2 py-1.5 rounded bg-(--color-surface-3) border border-(--color-border) text-(--color-text) text-xs focus:outline-none focus:border-(--color-brand)"
+					/>
+					<div class="flex items-center gap-3 flex-wrap">
+						<button
+							onclick={generateChapNames}
+							disabled={chapNamesGenerating}
+							class="flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium transition-colors
+								{chapNamesGenerating ? 'bg-(--color-surface-3) text-(--color-muted) cursor-not-allowed' : 'bg-(--color-surface-3) text-(--color-text) hover:bg-(--color-surface-2)'}"
+						>
+							{#if chapNamesGenerating}
+								<svg class="w-3 h-3 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg>
+							{:else}
+								<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h10"/></svg>
+							{/if}
+							{m.book_detail_admin_generate()}
+						</button>
+						{#if chapNamesBatchProgress && chapNamesGenerating}
+							<span class="text-xs text-(--color-muted)">{chapNamesBatchProgress}</span>
+						{/if}
+						{#if chapNamesResult === 'error'}
+							<span class="text-xs text-(--color-danger)">{m.common_error()}</span>
+						{:else if chapNamesResult === 'applied'}
+							<span class="text-xs text-green-400">{m.book_detail_admin_applied()}</span>
+						{/if}
+					</div>
+					{#if chapNamesBatchWarnings.length > 0}
+						{#each chapNamesBatchWarnings as w}
+							<p class="text-xs text-amber-400">{w}</p>
+						{/each}
+					{/if}
+					{#if chapNamesPreview.length > 0}
+						<div class="flex flex-col gap-1.5 max-h-48 overflow-y-auto rounded border border-(--color-border) p-2 bg-(--color-surface-3)">
+							{#each chapNamesPreview as ch}
+								<div class="flex gap-2 text-xs items-center">
+									<span class="text-(--color-muted) flex-shrink-0 w-6 text-right">{ch.number}.</span>
+									<input
+										type="text"
+										bind:value={ch.edited}
+										class="flex-1 min-w-0 bg-transparent border-b border-(--color-border) text-(--color-text) text-xs focus:outline-none focus:border-(--color-brand) py-0.5"
+									/>
+								</div>
+							{/each}
+						</div>
+						<div class="flex items-center gap-2">
+							<button
+								onclick={applyChapNames}
+								disabled={chapNamesApplying}
+								class="px-3 py-1.5 rounded text-xs font-medium transition-colors
+									{chapNamesApplying ? 'bg-(--color-surface-3) text-(--color-muted) cursor-not-allowed' : 'bg-green-600/20 text-green-400 hover:bg-green-600/30 border border-green-600/30'}"
+							>
+								{chapNamesApplying ? m.book_detail_admin_applying() : m.book_detail_admin_apply()} ({chapNamesPreview.length})
+							</button>
+							<button onclick={() => { chapNamesPreview = []; chapNamesBatchProgress = ''; chapNamesBatchWarnings = []; }} class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors">{m.book_detail_admin_discard()}</button>
+						</div>
+					{/if}
+				</div>
+
+				<hr class="border-(--color-border)" />
+
+				<!-- Audio TTS bulk enqueue -->
+				<div class="flex flex-col gap-2">
+					<div class="flex items-center justify-between">
+						<p class="text-xs font-medium text-(--color-muted) uppercase tracking-wide">{m.book_detail_admin_audio_tts()}</p>
+						<a href="/admin/audio" class="text-xs text-(--color-brand)/70 hover:text-(--color-brand) transition-colors">Monitor jobs ↗</a>
+					</div>
+					<div class="flex flex-col gap-3">
+						<!-- Voice selector -->
+						<div class="flex flex-col gap-1">
+							<label for="audio-voice" class="text-xs text-(--color-muted)">{m.book_detail_admin_voice()}</label>
+							<select
+								id="audio-voice"
+								bind:value={audioVoice}
+								class="px-2 py-1 rounded bg-(--color-surface-3) border border-(--color-border) text-(--color-text) text-xs focus:outline-none focus:border-(--color-brand)"
+							>
+								{#if !audioVoicesLoaded}
+									<option value="af_bella">af_bella (loading…)</option>
+								{:else}
+									{#each audioVoices.filter(v => v.engine === 'kokoro') as v}
+										<option value={v.id}>{voiceLabel(v)}</option>
+									{/each}
+									{#each audioVoices.filter(v => v.engine === 'pocket-tts') as v}
+										<option value={v.id}>{voiceLabel(v)}</option>
+									{/each}
+									{#each audioVoices.filter(v => v.engine === 'cfai') as v}
+										<option value={v.id}>{voiceLabel(v)}</option>
+									{/each}
+								{/if}
+							</select>
+						</div>
+						<!-- Chapter range -->
+						<div class="flex items-end gap-3 flex-wrap">
+							<div class="flex flex-col gap-1">
+								<label for="audio-from" class="text-xs text-(--color-muted)">{m.book_detail_from_chapter()}</label>
+								<input
+									id="audio-from"
+									type="number"
+									min="1"
+									bind:value={audioFrom}
+									placeholder="1"
+									class="w-20 px-2 py-1 rounded bg-(--color-surface-3) border border-(--color-border) text-(--color-text) text-xs focus:outline-none focus:border-(--color-brand)"
+								/>
+							</div>
+							<div class="flex flex-col gap-1">
+								<label for="audio-to" class="text-xs text-(--color-muted)">{m.book_detail_to_chapter()}</label>
+								<input
+									id="audio-to"
+									type="number"
+									min="1"
+									bind:value={audioTo}
+									placeholder="end"
+									class="w-20 px-2 py-1 rounded bg-(--color-surface-3) border border-(--color-border) text-(--color-text) text-xs focus:outline-none focus:border-(--color-brand)"
+								/>
+							</div>
+							<button
+								onclick={enqueueAudio}
+								disabled={audioEnqueuing || !audioFrom}
+								class="flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium transition-colors
+									{audioEnqueuing || !audioFrom ? 'bg-(--color-surface-3) text-(--color-muted) cursor-not-allowed' : 'bg-(--color-brand)/20 text-(--color-brand-dim) hover:bg-(--color-brand)/40 border border-(--color-brand)/30'}"
+							>
+								{#if audioEnqueuing}
+									<svg class="w-3 h-3 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg>
+								{:else}
+									<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072M12 6v6m0 0l-2-2m2 2l2-2M6.343 17.657a8 8 0 010-11.314"/></svg>
+								{/if}
+								{m.book_detail_admin_enqueue_audio()}
+							</button>
+							<button
+								onclick={cancelAudio}
+								class="px-3 py-1.5 rounded text-xs font-medium text-(--color-muted) hover:text-(--color-danger) transition-colors border border-(--color-border)"
+							>
+								{m.book_detail_admin_cancel_audio()}
+							</button>
+						</div>
+						{#if audioResult}
+							<span class="text-xs text-green-400">{m.book_detail_admin_enqueued({ enqueued: audioResult.enqueued, skipped: audioResult.skipped })}</span>
+						{/if}
+						{#if audioError}
+							<span class="text-xs text-(--color-muted)">{audioError}</span>
+					{/if}
+				</div>
+			</div>
+
+			<hr class="border-(--color-border)" />
+
+			<!-- Archive / Delete -->
+			<div class="flex flex-col gap-2">
+				<p class="text-xs font-medium text-(--color-muted) uppercase tracking-wide">Danger Zone</p>
+
+				<!-- Archive / Unarchive -->
+				<div class="flex items-center gap-3 flex-wrap">
+					<button
+						onclick={toggleArchive}
+						disabled={archiveStatus === 'busy'}
+						class="flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium border transition-colors
+							{archiveStatus === 'busy'
+								? 'bg-(--color-surface-3) text-(--color-muted) cursor-not-allowed border-(--color-border)'
+								: bookArchived
+									? 'bg-amber-500/10 text-amber-400 hover:bg-amber-500/20 border-amber-500/30'
+									: 'bg-(--color-surface-3) text-(--color-text) hover:bg-(--color-surface-2) border-(--color-border)'}"
+					>
+						{#if archiveStatus === 'busy'}
+							<svg class="w-3 h-3 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg>
+						{:else if bookArchived}
+							<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"/></svg>
+						{:else}
+							<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"/></svg>
+						{/if}
+						{bookArchived ? 'Unarchive' : 'Archive'}
+					</button>
+					{#if archiveStatus === 'done'}
+						<span class="text-xs text-green-400">{bookArchived ? 'Book archived — hidden from search.' : 'Book restored — visible again.'}</span>
+					{:else if archiveStatus === 'error'}
+						<span class="text-xs text-(--color-danger)">Action failed.</span>
+					{:else if bookArchived}
+						<span class="text-xs text-amber-400/70">This book is archived and hidden from all users.</span>
+					{/if}
+				</div>
+
+				<!-- Hard delete -->
+				<div class="flex items-center gap-3 flex-wrap">
+					{#if deleteStatus === 'confirm'}
+						<span class="text-xs text-(--color-danger)">This will permanently delete all chapters, audio, and cover. Cannot be undone.</span>
+						<button
+							onclick={deleteBook}
+							class="flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium bg-red-600/20 text-red-400 hover:bg-red-600/30 border border-red-600/30 transition-colors"
+						>
+							<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>
+							Confirm delete
+						</button>
+						<button onclick={() => { deleteStatus = 'idle'; }} class="text-xs text-(--color-muted) hover:text-(--color-text) transition-colors">Cancel</button>
+					{:else if deleteStatus === 'busy'}
+						<button disabled class="flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium bg-(--color-surface-3) text-(--color-muted) cursor-not-allowed border border-(--color-border)">
+							<svg class="w-3 h-3 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg>
+							Deleting…
+						</button>
+					{:else if deleteStatus === 'done'}
+						<span class="text-xs text-green-400">Book deleted. Redirecting…</span>
+					{:else if deleteStatus === 'error'}
+						<button onclick={() => { deleteStatus = 'confirm'; }} class="flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium bg-(--color-surface-3) text-(--color-danger) hover:bg-(--color-surface-2) border border-(--color-border) transition-colors">
+							<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>
+							Delete failed — retry?
+						</button>
+					{:else}
+						<button
+							onclick={() => { deleteStatus = 'confirm'; }}
+							class="flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium bg-(--color-surface-3) text-(--color-danger) hover:bg-red-600/10 border border-(--color-border) transition-colors"
+						>
+							<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>
+							Delete book
+						</button>
+					{/if}
+				</div>
+			</div>
+
+		</div>
+		{/if}
+		</div>
+	{/if}
+</div>
+
+<!-- ══════════════════════════════════════════════════ Comments ══ -->
+<CommentsSection slug={book.slug} isLoggedIn={data.isLoggedIn} currentUserId={data.currentUserId} />
+
+<!-- ══════════════════════════════════════════════ More like this ══ -->
+{#if similarBooks.length > 0}
+<div class="mt-12">
+	<h2 class="text-sm font-semibold text-(--color-muted) uppercase tracking-wider mb-3">More like this</h2>
+	<div class="flex gap-3 overflow-x-auto pb-2 -mx-1 px-1 scrollbar-none">
+		{#each similarBooks as b}
+			<a
+				href="/books/{b.slug}"
+				class="flex-shrink-0 w-24 sm:w-28 group"
+			>
+				<div class="aspect-[2/3] rounded-lg overflow-hidden bg-(--color-surface-2) border border-(--color-border) group-hover:border-zinc-500 transition-colors mb-1.5">
+					{#if b.cover}
+						<img src={b.cover} alt={b.title} class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" />
+					{:else}
+						<div class="w-full h-full flex items-center justify-center text-(--color-muted)">
+							<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
+							</svg>
+						</div>
+					{/if}
+				</div>
+				<p class="text-xs font-medium text-(--color-text) line-clamp-2 leading-snug">{b.title}</p>
+				{#if b.author}
+					<p class="text-xs text-(--color-muted) truncate mt-0.5">{b.author}</p>
+				{/if}
+			</a>
+		{/each}
+	</div>
+</div>
+{/if}
+
+{/if}
diff --git a/ui/src/routes/books/[slug]/chapters/+page.server.ts b/ui/src/routes/books/[slug]/chapters/+page.server.ts
new file mode 100644
index 0000000..8a0a261
--- /dev/null
+++ b/ui/src/routes/books/[slug]/chapters/+page.server.ts
@@ -0,0 +1,38 @@
+import { error } from '@sveltejs/kit';
+import type { PageServerLoad } from './$types';
+import { getBook, listChapterIdx, getProgress, getReadyChaptersForSlug } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+
+export const load: PageServerLoad = async ({ params, locals }) => {
+	const { slug } = params;
+
+	const book = await getBook(slug).catch((e) => {
+		log.error('chapters', 'getBook failed', { slug, err: String(e) });
+		return null;
+	});
+
+	if (!book) error(404, `Book "${slug}" not found`);
+
+	let chapters, progress, readyMap;
+	try {
+		[chapters, progress, readyMap] = await Promise.all([
+			listChapterIdx(slug),
+			getProgress(locals.sessionId, slug, locals.user?.id),
+			getReadyChaptersForSlug(slug).catch(() => new Map<number, string>())
+		]);
+	} catch (e) {
+		log.error('chapters', 'failed to load chapters', { slug, err: String(e) });
+		throw error(500, 'Failed to load chapters');
+	}
+
+	// Serialize Map as plain object for SvelteKit data transfer
+	const readyChapters: Record<number, string> = {};
+	for (const [ch, voice] of readyMap) readyChapters[ch] = voice;
+
+	return {
+		book: { slug: book.slug, title: book.title, cover: book.cover ?? '', totalChapters: book.total_chapters },
+		chapters,
+		lastChapter: progress?.chapter ?? null,
+		readyChapters
+	};
+};
diff --git a/ui/src/routes/books/[slug]/chapters/+page.svelte b/ui/src/routes/books/[slug]/chapters/+page.svelte
new file mode 100644
index 0000000..adad155
--- /dev/null
+++ b/ui/src/routes/books/[slug]/chapters/+page.svelte
@@ -0,0 +1,257 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { audioStore } from '$lib/audio.svelte';
+	import type { PageData } from './$types';
+	import type { ChapterIdx } from '$lib/server/pocketbase';
+	import * as m from '$lib/paraglide/messages.js';
+
+	let { data }: { data: PageData } = $props();
+
+	const PAGE_SIZE = 100;
+
+	// ── Ready-to-listen map ──────────────────────────────────────────────────
+	// readyChapters is a Record<number, string> (chapter → voice) from server
+	const readySet = $derived(new Set(Object.keys(data.readyChapters).map(Number)));
+	const readyCount = $derived(readySet.size);
+
+	function listenChapter(chapterNum: number) {
+		const voice = data.readyChapters[chapterNum];
+		if (voice) audioStore.voice = voice;
+		audioStore.autoStartChapter = chapterNum;
+		goto(`/books/${data.book.slug}/chapters/${chapterNum}`);
+	}
+
+	// ── Search ──────────────────────────────────────────────────────────────────
+	let searchQuery = $state('');
+
+	const filtered = $derived(
+		(() => {
+			const q = searchQuery.trim().toLowerCase();
+			if (!q) return data.chapters;
+			return data.chapters.filter(
+				(c: ChapterIdx) =>
+					String(c.number).includes(q) ||
+					c.title.toLowerCase().includes(q)
+			);
+		})()
+	);
+
+	// ── Page groups (only shown when not searching) ──────────────────────────
+	const totalGroups = $derived(Math.ceil(data.chapters.length / PAGE_SIZE));
+
+	// Which group the current chapter is in (0-indexed)
+	const currentGroup = $derived(
+		data.lastChapter
+			? Math.floor(
+					(data.chapters.findIndex((c: ChapterIdx) => c.number === data.lastChapter)) /
+					PAGE_SIZE
+			  )
+			: 0
+	);
+
+	let activeGroup = $state(0);
+
+	// On mount, jump to the group containing the current chapter
+	$effect(() => {
+		if (data.lastChapter && currentGroup >= 0) {
+			activeGroup = currentGroup;
+		}
+	});
+
+	const visibleChapters = $derived(
+		searchQuery.trim()
+			? filtered
+			: data.chapters.slice(activeGroup * PAGE_SIZE, (activeGroup + 1) * PAGE_SIZE)
+	);
+
+	function groupLabel(i: number): string {
+		const from = i * PAGE_SIZE + 1;
+		const to = Math.min((i + 1) * PAGE_SIZE, data.chapters.length);
+		return `${from}–${to}`;
+	}
+</script>
+
+<svelte:head>
+	<title>{m.chapters_page_title({ title: data.book.title })}</title>
+</svelte:head>
+
+<!-- ── Back link + title ─────────────────────────────────────────────────── -->
+<div class="flex items-center gap-3 mb-5">
+	<a
+		href="/books/{data.book.slug}"
+		class="flex items-center gap-1.5 text-(--color-muted) hover:text-(--color-text) transition-colors text-sm"
+	>
+		<svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+			<path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
+		</svg>
+		{m.common_back()}
+	</a>
+	<span class="text-(--color-border)">/</span>
+	<h1 class="text-base font-semibold text-(--color-text) truncate">{data.book.title}</h1>
+</div>
+
+<!-- ── Audio ready banner ────────────────────────────────────────────────── -->
+{#if readyCount > 0}
+<div class="flex items-center gap-2.5 mb-4 px-3 py-2.5 rounded-lg bg-(--color-brand)/10 border border-(--color-brand)/25">
+	<svg class="w-4 h-4 text-(--color-brand) shrink-0" fill="currentColor" viewBox="0 0 24 24">
+		<path d="M12 3a9 9 0 00-9 9v5a3 3 0 003 3h1a1 1 0 001-1v-4a1 1 0 00-1-1H5v-2a7 7 0 0114 0v2h-2a1 1 0 00-1 1v4a1 1 0 001 1h1a3 3 0 003-3v-5a9 9 0 00-9-9z"/>
+	</svg>
+	<p class="text-sm text-(--color-brand) font-medium">
+		{readyCount} chapter{readyCount !== 1 ? 's' : ''} ready to listen — tap
+		<svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+		to play instantly
+	</p>
+</div>
+{/if}
+
+<!-- ── Search bar ───────────────────────────────────────────────────────── -->
+<div class="relative mb-4">
+	<svg class="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-(--color-muted) pointer-events-none" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+		<circle cx="11" cy="11" r="8"/><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-4.35-4.35"/>
+	</svg>
+	<input
+		type="search"
+		placeholder={m.chapters_search_placeholder()}
+		bind:value={searchQuery}
+		class="w-full pl-9 pr-4 py-2.5 rounded-lg bg-(--color-surface-2) border border-(--color-border) text-(--color-text) placeholder-zinc-500 text-sm focus:outline-none focus:border-(--color-brand) transition-colors"
+	/>
+	{#if searchQuery}
+		<button
+			onclick={() => (searchQuery = '')}
+			class="absolute right-3 top-1/2 -translate-y-1/2 text-(--color-muted) hover:text-(--color-text)"
+			aria-label="Clear search"
+		>
+			<svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
+			</svg>
+		</button>
+	{/if}
+</div>
+
+<!-- ── Page-group selector (hidden while searching) ──────────────────────── -->
+{#if !searchQuery && totalGroups > 1}
+	<div class="flex flex-wrap gap-1.5 mb-4">
+		{#each Array(totalGroups) as _, i}
+			<button
+				onclick={() => (activeGroup = i)}
+				class="px-2.5 py-1 rounded text-xs font-medium transition-colors
+					{activeGroup === i
+						? 'bg-(--color-brand) text-(--color-surface)'
+						: 'bg-(--color-surface-2) text-(--color-muted) hover:bg-(--color-surface-3) hover:text-(--color-text)'}
+					{currentGroup === i && activeGroup !== i ? 'ring-1 ring-(--color-brand)/50' : ''}"
+			>
+				{groupLabel(i)}
+			</button>
+		{/each}
+	</div>
+{/if}
+
+<!-- ── Jump-to-current banner ──────────────────────────────────────────── -->
+{#if data.lastChapter && data.lastChapter > 0 && !searchQuery && activeGroup !== currentGroup}
+	<button
+		onclick={() => (activeGroup = currentGroup)}
+		class="flex items-center gap-2 w-full px-3 py-2 mb-3 rounded-lg bg-(--color-brand)/10 border border-(--color-brand)/25 text-(--color-brand) text-sm hover:bg-(--color-brand)/20 transition-colors"
+	>
+		<svg class="w-4 h-4 flex-shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+			<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
+		</svg>
+		{m.chapters_jump_to({ n: String(data.lastChapter) })}
+	</button>
+{/if}
+
+<!-- ── Chapter list ───────────────────────────────────────────────────── -->
+{#if visibleChapters.length === 0}
+	{#if searchQuery}
+		<p class="text-(--color-muted) text-sm py-8 text-center">{m.chapters_no_match({ q: searchQuery })}</p>
+	{:else}
+		<p class="text-(--color-muted) text-sm">{m.chapters_none_available()}</p>
+	{/if}
+{:else}
+	<!-- Result count while searching -->
+	{#if searchQuery}
+		<p class="text-xs text-(--color-muted) mb-2">{m.chapters_result_count({ n: String(visibleChapters.length) })}</p>
+	{/if}
+
+	<div class="flex flex-col gap-0.5">
+		{#each visibleChapters as chapter}
+			{@const isCurrent = data.lastChapter === chapter.number}
+			{@const isReady = readySet.has(chapter.number)}
+			<div
+				class="flex items-center gap-1 rounded transition-colors group
+					{isCurrent ? 'bg-(--color-surface-2)' : 'hover:bg-(--color-surface-2)/60'}"
+			>
+				<a
+					href="/books/{data.book.slug}/chapters/{chapter.number}"
+					id="ch-{chapter.number}"
+					class="flex items-center gap-3 px-3 py-2.5 flex-1 min-w-0"
+				>
+					<!-- Number badge -->
+					<span
+						class="w-9 text-right text-sm font-mono flex-shrink-0
+							{isCurrent ? 'text-(--color-brand) font-semibold' : 'text-(--color-muted)'}"
+					>
+						{chapter.number}
+					</span>
+
+					<!-- Title -->
+					<span
+						class="flex-1 min-w-0 text-sm truncate transition-colors
+							{isCurrent ? 'text-(--color-brand-dim) font-medium' : 'text-(--color-text) group-hover:text-(--color-text)'}"
+					>
+						{chapter.title || m.reader_chapter_n({ n: String(chapter.number) })}
+					</span>
+
+					<!-- Headphones icon for ready chapters -->
+					{#if isReady}
+						<svg class="w-3.5 h-3.5 text-(--color-brand) shrink-0" fill="currentColor" viewBox="0 0 24 24" aria-label="Audio ready">
+							<path d="M12 3a9 9 0 00-9 9v5a3 3 0 003 3h1a1 1 0 001-1v-4a1 1 0 00-1-1H5v-2a7 7 0 0114 0v2h-2a1 1 0 00-1 1v4a1 1 0 001 1h1a3 3 0 003-3v-5a9 9 0 00-9-9z"/>
+						</svg>
+					{/if}
+
+					<!-- Date — desktop only -->
+					{#if chapter.date_label}
+						<span class="hidden sm:block text-xs text-(--color-muted) flex-shrink-0">
+							{chapter.date_label}
+						</span>
+					{/if}
+
+					<!-- Reading indicator -->
+					{#if isCurrent}
+						<span class="text-xs text-(--color-brand) font-medium flex-shrink-0">{m.chapters_reading_indicator()}</span>
+					{/if}
+				</a>
+
+				<!-- Instant-play button (only for ready chapters) -->
+				{#if isReady}
+					<button
+						type="button"
+						onclick={() => listenChapter(chapter.number)}
+						class="mr-2 flex items-center justify-center w-7 h-7 rounded-full bg-(--color-brand)/15 hover:bg-(--color-brand)/30 text-(--color-brand) transition-colors shrink-0"
+						title="Listen now"
+						aria-label="Listen to chapter {chapter.number} now"
+					>
+						<svg class="w-3.5 h-3.5 ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+					</button>
+				{/if}
+			</div>
+		{/each}
+	</div>
+
+	<!-- Bottom page-group nav (mirrors top, for long lists) -->
+	{#if !searchQuery && totalGroups > 1}
+		<div class="flex flex-wrap gap-1.5 mt-5 pt-4 border-t border-(--color-border)">
+			{#each Array(totalGroups) as _, i}
+				<button
+					onclick={() => { activeGroup = i; window.scrollTo({ top: 0, behavior: 'smooth' }); }}
+					class="px-2.5 py-1 rounded text-xs font-medium transition-colors
+						{activeGroup === i
+							? 'bg-(--color-brand) text-(--color-surface)'
+							: 'bg-(--color-surface-2) text-(--color-muted) hover:bg-(--color-surface-3) hover:text-(--color-text)'}
+						{currentGroup === i && activeGroup !== i ? 'ring-1 ring-(--color-brand)/50' : ''}"
+				>
+					{groupLabel(i)}
+				</button>
+			{/each}
+		</div>
+	{/if}
+{/if}
diff --git a/ui/src/routes/books/[slug]/chapters/[n]/+page.server.ts b/ui/src/routes/books/[slug]/chapters/[n]/+page.server.ts
new file mode 100644
index 0000000..ac534b3
--- /dev/null
+++ b/ui/src/routes/books/[slug]/chapters/[n]/+page.server.ts
@@ -0,0 +1,230 @@
+import { error } from '@sveltejs/kit';
+import { marked } from 'marked';
+import type { PageServerLoad } from './$types';
+import { getBook, listChapterIdx, getReadyChaptersForSlug } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+import { backendFetch } from '$lib/server/scraper';
+import type { Voice } from '$lib/types';
+
+const SUPPORTED_LANGS = new Set(['ru', 'id', 'pt', 'fr']);
+
+export const load: PageServerLoad = async ({ params, url, locals }) => {
+	const { slug } = params;
+	const n = parseInt(params.n, 10);
+
+	if (!n || n < 1) error(400, 'Invalid chapter number');
+
+	const isPreview = url.searchParams.get('preview') === '1';
+	const chapterUrl = url.searchParams.get('chapter_url') ?? '';
+	const chapterTitle = url.searchParams.get('title') ?? '';
+	const rawLang = url.searchParams.get('lang') ?? '';
+	// Non-pro users can only read EN — silently ignore lang param
+	const lang = locals.isPro && SUPPORTED_LANGS.has(rawLang) ? rawLang : '';
+	const useTranslation = lang !== '';
+
+	if (isPreview) {
+		// ── Preview path: scrape chapter live, nothing from PocketBase/MinIO ──
+		const previewParams = new URLSearchParams();
+		if (chapterUrl) previewParams.set('chapter_url', chapterUrl);
+		if (chapterTitle) previewParams.set('title', chapterTitle);
+
+		let chapterData: { slug: string; number: number; title: string; text: string; url: string };
+		try {
+			const res = await backendFetch(
+				`/api/chapter-text-preview/${encodeURIComponent(slug)}/${n}?${previewParams.toString()}`
+			);
+			if (!res.ok) {
+				log.error('chapter', 'chapter-text-preview returned error', { slug, n, status: res.status });
+				error(404, `Chapter ${n} not found`);
+			}
+			chapterData = await res.json();
+		} catch (e) {
+			if (e instanceof Error && 'status' in e) throw e;
+			log.error('chapter', 'chapter-text-preview fetch failed', { slug, n, err: String(e) });
+			error(502, 'Could not fetch chapter preview');
+		}
+
+		// Wrap plain text in minimal HTML paragraphs for display
+		const html = chapterData.text
+			? '<p>' + chapterData.text.replace(/\n{2,}/g, '</p><p>').replace(/\n/g, '<br>') + '</p>'
+			: '';
+
+		// Fetch voices (non-critical for preview)
+		let voices: Voice[] = [];
+		try {
+			const vRes = await backendFetch('/api/voices');
+			if (vRes.ok) {
+				const d = (await vRes.json()) as { voices: Voice[] };
+				voices = d.voices ?? [];
+			}
+		} catch {
+			// Non-critical
+		}
+
+		// Try to get book title/cover from PocketBase for breadcrumbs; fall back to slug
+		const pb = await getBook(slug).catch(() => null);
+
+		return {
+			book: {
+				slug,
+				title: pb?.title ?? slug,
+				cover: pb?.cover ?? ''
+			},
+			chapter: {
+				id: '',
+				slug,
+				number: n,
+				title: chapterData.title || `Chapter ${n}`,
+				date_label: ''
+			},
+			html,
+			voices,
+			prev: null as number | null,
+			next: null as number | null,
+			chapters: [] as { number: number; title: string }[],
+			sessionId: locals.sessionId,
+			isPreview: true,
+			lang: '',
+			translationStatus: 'unavailable' as string,
+			isPro: locals.isPro,
+			chapterImageUrl: null as string | null,
+			audioReady: false,
+			availableVoice: null as string | null
+		};
+	}
+
+	// ── Normal path: fetch from PocketBase + MinIO ─────────────────────────
+	// Fetch book metadata, chapter index, voice list, chapter image check, and
+	// audio-ready map in parallel.
+	// HEAD /api/chapter-image checks existence cheaply without downloading the image.
+	const [book, chapters, voicesRes, chapterImageRes, readyMap] = await Promise.all([
+		getBook(slug),
+		listChapterIdx(slug),
+		backendFetch('/api/voices').catch(() => null),
+		backendFetch(`/api/chapter-image/novelfire.net/${encodeURIComponent(slug)}/${n}`, { method: 'HEAD' }).catch(() => null),
+		getReadyChaptersForSlug(slug).catch(() => new Map<number, string>())
+	]);
+
+	if (!book) error(404, `Book "${slug}" not found`);
+
+	const chapterIdx = chapters.find((c) => c.number === n);
+	if (!chapterIdx) error(404, `Chapter ${n} not found`);
+
+	// Chapter image URL — only set when a generated image exists for this chapter
+	const chapterImageUrl =
+		chapterImageRes?.ok
+			? `/api/chapter-image/novelfire.net/${encodeURIComponent(slug)}/${n}`
+			: null;
+
+	// Audio readiness for this specific chapter
+	const availableVoice = readyMap.get(n) ?? null;
+	const audioReady = availableVoice !== null;
+
+	// Parse voices — fall back to empty list on error
+	let voices: Voice[] = [];
+	try {
+		if (voicesRes?.ok) {
+			const data = (await voicesRes.json()) as { voices: Voice[] };
+			voices = data.voices ?? [];
+		}
+	} catch {
+		// Non-critical — UI will use store default
+	}
+
+	// ── Translation path: try to serve translated HTML ─────────────────────
+	if (useTranslation) {
+		try {
+			const tRes = await backendFetch(
+				`/api/translation/${encodeURIComponent(slug)}/${n}?lang=${lang}`
+			);
+			if (tRes.ok) {
+				const tData = (await tRes.json()) as { html: string; lang: string };
+				const prevChapter = chapters.find((c) => c.number === n - 1) ?? null;
+				const nextChapter = chapters.find((c) => c.number === n + 1) ?? null;
+			return {
+				book: { slug: book.slug, title: book.title, cover: book.cover ?? '' },
+				chapter: chapterIdx,
+				html: tData.html,
+				voices,
+				prev: prevChapter ? prevChapter.number : null,
+				next: nextChapter ? nextChapter.number : null,
+				chapters: chapters.map((c) => ({ number: c.number, title: c.title })),
+			sessionId: locals.sessionId,
+			isPreview: false,
+			lang,
+			translationStatus: 'done',
+			isPro: locals.isPro,
+			chapterImageUrl,
+			audioReady,
+			availableVoice
+				};
+			}
+			// 404 = not generated yet — fall through to original, UI can trigger generation
+		} catch {
+			// Non-critical — fall through to original content
+		}
+	}
+
+	// ── Original content path ──────────────────────────────────────────────
+	let html = '';
+	let contentMissing = false;
+	try {
+		const res = await backendFetch(`/api/chapter-markdown/${encodeURIComponent(slug)}/${n}`);
+		if (!res.ok) {
+			log.error('chapter', 'chapter-markdown returned error', { slug, n, status: res.status });
+			if (res.status === 404) {
+				// Content file missing from storage — render the page shell with an
+				// empty body so admins can trigger a re-scrape from the page itself.
+				contentMissing = true;
+			} else {
+				error(502, 'Could not fetch chapter content');
+			}
+		} else {
+			const markdown = await res.text();
+			html = await marked(markdown);
+		}
+	} catch (e) {
+		if (e instanceof Error && 'status' in e) throw e;
+		log.error('chapter', 'failed to fetch chapter content', { slug, n, err: String(e) });
+		error(502, 'Could not fetch chapter content');
+	}
+
+	// Check translation status for the UI switcher (non-blocking)
+	let translationStatus = 'idle';
+	if (useTranslation) {
+		try {
+			const stRes = await backendFetch(
+				`/api/translation/status/${encodeURIComponent(slug)}/${n}?lang=${lang}`
+			);
+			if (stRes.ok) {
+				const stData = (await stRes.json()) as { status: string };
+				translationStatus = stData.status ?? 'idle';
+			}
+		} catch {
+			// Non-critical
+		}
+	}
+
+	const prevChapter = chapters.find((c) => c.number === n - 1) ?? null;
+	const nextChapter = chapters.find((c) => c.number === n + 1) ?? null;
+
+	return {
+		book: { slug: book.slug, title: book.title, cover: book.cover ?? '', source_url: book.source_url ?? '' },
+		chapter: chapterIdx,
+		html,
+		contentMissing,
+		voices,
+		prev: prevChapter ? prevChapter.number : null,
+		next: nextChapter ? nextChapter.number : null,
+		chapters: chapters.map((c) => ({ number: c.number, title: c.title })),
+		sessionId: locals.sessionId,
+		isPreview: false,
+		lang: useTranslation ? lang : '',
+		translationStatus,
+		isPro: locals.isPro,
+		isAdmin: locals.user?.role === 'admin',
+		chapterImageUrl,
+		audioReady,
+		availableVoice
+	};
+};
diff --git a/ui/src/routes/books/[slug]/chapters/[n]/+page.svelte b/ui/src/routes/books/[slug]/chapters/[n]/+page.svelte
new file mode 100644
index 0000000..3b01264
--- /dev/null
+++ b/ui/src/routes/books/[slug]/chapters/[n]/+page.svelte
@@ -0,0 +1,1687 @@
+<script lang="ts">
+	import { onMount, getContext } from 'svelte';
+	import { browser } from '$app/environment';
+	import { goto } from '$app/navigation';
+	import { page } from '$app/state';
+	import AudioPlayer from '$lib/components/AudioPlayer.svelte';
+	import CommentsSection from '$lib/components/CommentsSection.svelte';
+	import CurrentlyReadingModal from '$lib/components/CurrentlyReadingModal.svelte';
+	import type { PageData } from './$types';
+	import * as m from '$lib/paraglide/messages.js';
+	import { audioStore } from '$lib/audio.svelte';
+
+	let { data }: { data: PageData } = $props();
+
+	let scrapedHtml = $state('');           // only set by the live-preview fallback
+	let html = $derived(scrapedHtml || data.html || '');
+	let fetchingContent = $state(false);
+	let fetchError = $state('');
+	let audioProRequired = $state(false);
+
+	// ── Reader settings panel ────────────────────────────────────────────────
+	const settingsCtx = getContext<{ current: string; fontFamily: string; fontSize: number } | undefined>('theme');
+	let settingsPanelOpen = $state(false);
+	let settingsTab = $state<'reading' | 'listening'>('reading');
+
+	// ── Currently reading modal ───────────────────────────────────────────────
+	let readingModalOpen = $state(false);
+
+	const READER_FONTS = [
+		{ id: 'system', label: 'System' },
+		{ id: 'serif',  label: 'Serif'  },
+		{ id: 'mono',   label: 'Mono'   },
+	] as const;
+	const READER_SIZES = [
+		{ value: 0.9,  label: 'S' },
+		{ value: 1.0,  label: 'M' },
+		{ value: 1.15, label: 'L' },
+		{ value: 1.3,  label: 'XL'},
+	] as const;
+
+	// Mirror context values into local reactive state so the panel shows current values
+	let panelFont  = $state(settingsCtx?.fontFamily ?? 'system');
+	let panelSize  = $state(settingsCtx?.fontSize ?? 1.0);
+
+	function applyFont(id: string) {
+		panelFont = id;
+		if (settingsCtx) settingsCtx.fontFamily = id;
+	}
+	function applySize(v: number) {
+		panelSize = v;
+		if (settingsCtx) settingsCtx.fontSize = v;
+	}
+
+	// ── Layout / reading-view prefs (localStorage) ──────────────────────────────
+	type ReadMode    = 'scroll' | 'paginated';
+	type LineSpacing = 'compact' | 'normal' | 'relaxed';
+	type ReadWidth   = 'narrow' | 'normal' | 'wide';
+	type ParaStyle   = 'spaced' | 'indented';
+	type PlayerStyle = 'standard' | 'minimal' | 'float';
+	/** Controls how many lines fit on a page by adjusting the container height offset. */
+	type PageLines   = 'less' | 'normal' | 'more';
+
+	interface LayoutPrefs {
+		readMode:    ReadMode;
+		lineSpacing: LineSpacing;
+		readWidth:   ReadWidth;
+		paraStyle:   ParaStyle;
+		focusMode:   boolean;
+		playerStyle: PlayerStyle;
+		pageLines:   PageLines;
+		showSidebar: boolean;
+	}
+
+	const LAYOUT_KEY = 'reader_layout_v3';
+	const LINE_HEIGHTS:    Record<LineSpacing, number> = { compact: 1.55, normal: 1.85, relaxed: 2.2 };
+	const READ_WIDTHS:     Record<ReadWidth,   string> = { narrow: '58ch', normal: '72ch', wide: 'min(90ch, 100%)' };
+	/**
+	 * Extra rem subtracted from (or added to) the paginated container height.
+	 * Normal (0rem) keeps the existing calc(); Less (-4rem) makes the container
+	 * shorter so fewer lines fit per page; More (+4rem) grows it for more lines.
+	 */
+	const PAGE_LINES_OFFSET: Record<PageLines, string> = { less: '4rem', normal: '0rem', more: '-4rem' };
+	const DEFAULT_LAYOUT: LayoutPrefs = { readMode: 'scroll', lineSpacing: 'normal', readWidth: 'normal', paraStyle: 'spaced', focusMode: false, playerStyle: 'standard', pageLines: 'normal', showSidebar: true };
+
+	function loadLayout(): LayoutPrefs {
+		if (!browser) return DEFAULT_LAYOUT;
+		try {
+			const raw = localStorage.getItem(LAYOUT_KEY);
+			if (raw) return { ...DEFAULT_LAYOUT, ...JSON.parse(raw) as Partial<LayoutPrefs> };
+		} catch { /* ignore */ }
+		return DEFAULT_LAYOUT;
+	}
+
+	let layout = $state<LayoutPrefs>(loadLayout());
+
+	function setLayout<K extends keyof LayoutPrefs>(key: K, value: LayoutPrefs[K]) {
+		layout = { ...layout, [key]: value };
+		if (browser) localStorage.setItem(LAYOUT_KEY, JSON.stringify(layout));
+	}
+
+	// Apply reading CSS vars whenever layout changes
+	$effect(() => {
+		if (!browser) return;
+		document.documentElement.style.setProperty('--reading-line-height', String(LINE_HEIGHTS[layout.lineSpacing]));
+		document.documentElement.style.setProperty('--reading-max-width', READ_WIDTHS[layout.readWidth]);
+	});
+
+	// ── Suppress mini-bar for float / minimal player styles ──────────────────────
+	// The in-page player is the sole control surface for these styles; the layout
+	// mini-bar would be a duplicate. Clear on page destroy so the mini-bar returns
+	// on other pages (library, catalogue, etc.) where audio may still be playing.
+	$effect(() => {
+		audioStore.suppressMiniBar = layout.playerStyle === 'float' || layout.playerStyle === 'minimal';
+		return () => { audioStore.suppressMiniBar = false; };
+	});
+
+	// ── Persist float overlay position across reloads ─────────────────────────────
+	const FLOAT_POS_KEY = 'reader_float_pos_v1';
+	if (browser) {
+		try {
+			const saved = localStorage.getItem(FLOAT_POS_KEY);
+			if (saved) {
+				const p = JSON.parse(saved) as { x: number; y: number };
+				if (typeof p.x === 'number' && typeof p.y === 'number') audioStore.floatPos = p;
+			}
+		} catch { /* ignore */ }
+	}
+	$effect(() => {
+		const pos = audioStore.floatPos;
+		if (browser && (pos.x !== 0 || pos.y !== 0)) {
+			try { localStorage.setItem(FLOAT_POS_KEY, JSON.stringify(pos)); } catch { /* ignore */ }
+		}
+	});
+
+	// ── Scroll progress bar ──────────────────────────────────────────────────────
+	let scrollProgress = $state(0);
+
+	$effect(() => {
+		if (!browser || layout.readMode === 'paginated') { scrollProgress = 0; return; }
+		function onScroll() {
+			const el = document.documentElement;
+			const max = el.scrollHeight - el.clientHeight;
+			scrollProgress = max > 0 ? el.scrollTop / max : 0;
+		}
+		window.addEventListener('scroll', onScroll, { passive: true });
+		return () => window.removeEventListener('scroll', onScroll);
+	});
+
+	// ── Paginated mode ───────────────────────────────────────────────────────────
+	let pageIndex = $state(0);
+	let totalPages = $state(1);
+	let paginatedContainerEl = $state<HTMLDivElement | null>(null);
+	let paginatedContentEl   = $state<HTMLDivElement | null>(null);
+	let containerH = $state(0);
+
+	// ── Page slider popover ───────────────────────────────────────────────────
+	let sliderOpen = $state(false);
+	let sliderAnchorEl = $state<HTMLElement | null>(null);
+	let sliderAnchorFocusEl = $state<HTMLElement | null>(null);
+
+	function toggleSlider(anchor: HTMLElement) {
+		if (sliderOpen) { sliderOpen = false; return; }
+		sliderAnchorEl = anchor;
+		sliderOpen = true;
+	}
+
+	function closeSliderOnOutside(e: MouseEvent) {
+		if (!sliderOpen) return;
+		const target = e.target as Node;
+		if (sliderAnchorEl && sliderAnchorEl.contains(target)) return;
+		if (sliderAnchorFocusEl && sliderAnchorFocusEl.contains(target)) return;
+		sliderOpen = false;
+	}
+
+	$effect(() => {
+		if (!browser) return;
+		document.addEventListener('pointerdown', closeSliderOnOutside);
+		return () => document.removeEventListener('pointerdown', closeSliderOnOutside);
+	});
+
+	// ── Hold-to-repeat action ────────────────────────────────────────────────
+	/**
+	 * Svelte action: fires `onrepeat()` repeatedly while the pointer is held.
+	 * First repeat fires after `delay` ms; subsequent repeats every `interval` ms.
+	 */
+	function holdRepeat(
+		node: HTMLElement,
+		params: { onrepeat: () => void; delay?: number; interval?: number }
+	) {
+		let timer: ReturnType<typeof setTimeout> | null = null;
+
+		function clear() {
+			if (timer !== null) { clearTimeout(timer); timer = null; }
+		}
+
+		function schedule() {
+			timer = setTimeout(() => {
+				params.onrepeat();
+				schedule(); // re-schedule at interval speed
+			}, params.interval ?? 80);
+		}
+
+		function start() {
+			clear();
+			timer = setTimeout(() => {
+				params.onrepeat();
+				schedule();
+			}, params.delay ?? 400);
+		}
+
+		node.addEventListener('pointerdown', start);
+		node.addEventListener('pointerup', clear);
+		node.addEventListener('pointercancel', clear);
+		node.addEventListener('pointerleave', clear);
+
+		return {
+			update(newParams: typeof params) { params = newParams; },
+			destroy() {
+				clear();
+				node.removeEventListener('pointerdown', start);
+				node.removeEventListener('pointerup', clear);
+				node.removeEventListener('pointercancel', clear);
+				node.removeEventListener('pointerleave', clear);
+			}
+		};
+	}
+
+	$effect(() => {
+		if (layout.readMode !== 'paginated') { pageIndex = 0; totalPages = 1; return; }
+		// Re-run when html, container refs, or mini-player visibility changes
+		// (mini-player adds pb-24 which reduces the available viewport height)
+		void html; void paginatedContainerEl; void paginatedContentEl;
+		void audioStore.active; void audioExpanded;
+		requestAnimationFrame(() => {
+			if (!paginatedContainerEl || !paginatedContentEl) return;
+			const h = paginatedContainerEl.clientHeight;
+			if (h > 0) {
+				containerH = h;
+				totalPages = Math.max(1, Math.ceil(paginatedContentEl.scrollHeight / h));
+				pageIndex = Math.min(pageIndex, totalPages - 1);
+			}
+		});
+	});
+
+	// Reset page index when chapter changes
+	$effect(() => { void data.chapter.number; pageIndex = 0; });
+
+	function handlePaginatedClick(e: MouseEvent) {
+		const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();
+		if (e.clientX - rect.left > rect.width / 2) {
+			if (pageIndex < totalPages - 1) pageIndex++;
+		} else {
+			if (pageIndex > 0) pageIndex--;
+		}
+	}
+
+	// Keyboard nav for paginated mode + Escape to close settings overlay
+	$effect(() => {
+		if (!browser) return;
+		function onKey(e: KeyboardEvent) {
+			if (e.key === 'Escape' && settingsPanelOpen) {
+				settingsPanelOpen = false;
+				return;
+			}
+			if (layout.readMode !== 'paginated') return;
+			if (e.key === 'ArrowRight' || e.key === 'PageDown' || e.key === ' ') {
+				e.preventDefault();
+				if (pageIndex < totalPages - 1) pageIndex++;
+			} else if (e.key === 'ArrowLeft' || e.key === 'PageUp') {
+				e.preventDefault();
+				if (pageIndex > 0) pageIndex--;
+			}
+		}
+		window.addEventListener('keydown', onKey);
+		return () => window.removeEventListener('keydown', onKey);
+	});
+
+	// ── Translation state
+	const SUPPORTED_LANGS = [
+		{ code: 'ru', label: 'RU' },
+		{ code: 'id', label: 'ID' },
+		{ code: 'pt', label: 'PT' },
+		{ code: 'fr', label: 'FR' }
+	];
+	// svelte-ignore state_referenced_locally
+	let translationStatus = $state(data.translationStatus ?? 'idle');
+	// svelte-ignore state_referenced_locally
+	let translatingLang = $state(data.lang ?? '');
+	let pollingTimer: ReturnType<typeof setTimeout> | null = null;
+
+	function currentLang() {
+		return page.url.searchParams.get('lang') ?? '';
+	}
+
+	function langUrl(lang: string) {
+		const u = new URL(page.url);
+		if (lang) u.searchParams.set('lang', lang);
+		else u.searchParams.delete('lang');
+		return u.pathname + u.search;
+	}
+
+	async function requestTranslation(lang: string) {
+		if (!data.isPro) {
+			// Don't even attempt — show upgrade inline
+			return;
+		}
+		translatingLang = lang;
+		translationStatus = 'pending';
+		try {
+			const res = await fetch(
+				`/api/translation/${encodeURIComponent(data.book.slug)}/${data.chapter.number}?lang=${lang}`,
+				{ method: 'POST' }
+			);
+			if (res.status === 402) {
+				translationStatus = 'idle';
+				translatingLang = '';
+				return;
+			}
+			const d = (await res.json()) as { status: string };
+			translationStatus = d.status ?? 'pending';
+			if (d.status === 'done') {
+				goto(langUrl(lang));
+			} else {
+				startPolling(lang);
+			}
+		} catch {
+			translationStatus = 'idle';
+		}
+	}
+
+	function startPolling(lang: string) {
+		if (pollingTimer) clearTimeout(pollingTimer);
+		pollingTimer = setTimeout(async () => {
+			try {
+				const res = await fetch(
+					`/api/translation/status/${encodeURIComponent(data.book.slug)}/${data.chapter.number}?lang=${lang}`
+				);
+				const d = (await res.json()) as { status: string };
+				translationStatus = d.status ?? 'idle';
+				if (d.status === 'done') {
+					goto(langUrl(lang));
+				} else if (d.status === 'pending' || d.status === 'running') {
+					startPolling(lang);
+				}
+			} catch {
+				startPolling(lang); // retry on network error
+			}
+		}, 3000);
+	}
+
+	onMount(() => {
+		// Umami analytics: track chapter reads
+		window.umami?.track('chapter_read', {
+			slug: data.book.slug,
+			chapter: data.chapter.number
+		});
+
+		// Record reading progress (skip for preview chapters)
+		if (!data.isPreview) {
+			try {
+				fetch('/api/progress', {
+					method: 'POST',
+					headers: { 'Content-Type': 'application/json' },
+					body: JSON.stringify({ slug: data.book.slug, chapter: data.chapter.number })
+				});
+			} catch {
+				// Non-critical — silently ignore
+			}
+		}
+
+		// Resume polling if translation was in-progress at load time
+		if (translatingLang && (translationStatus === 'pending' || translationStatus === 'running')) {
+			startPolling(translatingLang);
+		}
+
+		// If the normal path returned no content, fall back to live preview scrape
+		// (but only when contentMissing is false — if the file is genuinely absent
+		//  from storage the preview scrape won't help either and admins can re-queue)
+		if (!data.isPreview && !data.html && !data.contentMissing) {
+			fetchingContent = true;
+			(async () => {
+				try {
+					const res = await fetch(
+						`/api/chapter-text-preview/${encodeURIComponent(data.book.slug)}/${data.chapter.number}`
+					);
+					if (!res.ok) throw new Error(`status ${res.status}`);
+					const d = (await res.json()) as { text?: string };
+					if (d.text) {
+						const { marked } = await import('marked');
+						scrapedHtml = await marked(d.text, { async: true });
+					} else {
+						fetchError = m.reader_audio_error();
+					}
+				} catch {
+					fetchError = m.reader_fetching_chapter();
+				} finally {
+					fetchingContent = false;
+				}
+			})();
+		}
+
+		return () => {
+			if (pollingTimer) clearTimeout(pollingTimer);
+		};
+	});
+
+	const wordCount = $derived(
+		html ? (html.replace(/<[^>]*>/g, '').match(/\S+/g)?.length ?? 0) : 0
+	);
+
+	// ── Admin chapter tools ────────────────────────────────────────────────────
+	let adminOpen      = $state(false);
+	let scrapeStatus   = $state<'idle' | 'busy' | 'queued' | 'error'>('idle');
+	let scrapeTaskId   = $state('');
+	let scrapeProgress = $state('');
+	let pollTimer      = 0;
+
+	async function scrapeThisChapter() {
+		if (scrapeStatus === 'busy' || !data.book.source_url) return;
+		scrapeStatus = 'busy';
+		scrapeProgress = '';
+		try {
+			const res = await fetch('/api/scrape/range', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ url: data.book.source_url, from: data.chapter.number, to: data.chapter.number })
+			});
+			const d = await res.json().catch(() => ({}));
+			if (res.ok) {
+				scrapeStatus = 'queued';
+				scrapeTaskId = d.task_id ?? '';
+				if (scrapeTaskId) startPollTask(scrapeTaskId);
+			} else if (res.status === 409) {
+				scrapeStatus = 'error';
+				scrapeProgress = 'A scrape job is already running — try again shortly.';
+			} else {
+				scrapeStatus = 'error';
+				scrapeProgress = d.message ?? `Error ${res.status}`;
+			}
+		} catch (e) {
+			scrapeStatus = 'error';
+			scrapeProgress = String(e);
+		}
+	}
+
+	function startPollTask(id: string) {
+		clearTimeout(pollTimer);
+		pollTimer = setTimeout(async () => {
+			try {
+				const res = await fetch(`/api/scrape/task/${id}`);
+				if (!res.ok) return;
+				const d = await res.json() as { status: string; chapters_scraped?: number; error_message?: string };
+				if (d.status === 'done') {
+					scrapeProgress = `Done — ${d.chapters_scraped ?? 0} chapter(s) scraped. Reload to see content.`;
+					scrapeStatus = 'queued';
+				} else if (d.status === 'failed') {
+					scrapeProgress = `Failed: ${d.error_message ?? 'unknown error'}`;
+					scrapeStatus = 'error';
+				} else {
+					scrapeProgress = `Status: ${d.status}${d.chapters_scraped ? ` (${d.chapters_scraped} done)` : ''}`;
+					startPollTask(id); // keep polling
+				}
+			} catch { /* ignore */ }
+		}, 3000) as unknown as number;
+	}
+
+	// Strip scraper artifacts from chapter titles:
+	//  - Leading digit(s) prefixed before "Chapter" (e.g. "6Chapter 6 : ...")
+	//  - Everything after the first newline (often includes a scraped date)
+	const cleanTitle = $derived.by(() => {
+		let t = (data.chapter.title || '').split('\n')[0].trim();
+		t = t.replace(/^\d+(?=Chapter)/i, '').trim();
+		return t || `Chapter ${data.chapter.number}`;
+	});
+
+	// Audio panel: auto-open if this chapter is already loaded/playing in the store,
+	// OR if auto-next is about to start it (autoStartChapter is set before navigation).
+	// svelte-ignore state_referenced_locally
+	let audioExpanded = $state(
+		(audioStore.slug === data.book.slug && audioStore.chapter === data.chapter.number) ||
+		audioStore.autoStartChapter === data.chapter.number
+	);
+	$effect(() => {
+		// Expand automatically when the store starts playing this chapter,
+		// or when auto-next targets this chapter (before startPlayback has run).
+		if (
+			(audioStore.slug === data.book.slug && audioStore.chapter === data.chapter.number && audioStore.isPlaying) ||
+			audioStore.autoStartChapter === data.chapter.number
+		) {
+			audioExpanded = true;
+		}
+	});
+
+	// ── Audio-ready instant play ─────────────────────────────────────────────────
+	function listenNow() {
+		if (data.availableVoice) audioStore.voice = data.availableVoice;
+		audioStore.autoStartChapter = data.chapter.number;
+		audioExpanded = true;
+	}
+</script>
+
+<svelte:head>
+	<title>{cleanTitle} — {data.book.title} — libnovel</title>
+	<link rel="canonical" href="{page.url.origin}/books/{data.book.slug}/chapters/{data.chapter.number}" />
+	<meta property="og:type" content="book" />
+	<meta property="og:site_name" content="libnovel" />
+	<meta property="og:url" content="{page.url.origin}/books/{data.book.slug}/chapters/{data.chapter.number}" />
+	<meta property="og:title" content="{cleanTitle} — {data.book.title} — libnovel" />
+	<meta property="og:description" content="Chapter {data.chapter.number} of {data.book.title}" />
+	{#if data.book.cover}
+		<meta property="og:image" content={data.book.cover} />
+		<meta property="og:image:width" content="300" />
+		<meta property="og:image:height" content="450" />
+		<meta name="twitter:card" content="summary_large_image" />
+		<meta name="twitter:image" content={data.book.cover} />
+	{:else}
+		<meta name="twitter:card" content="summary" />
+	{/if}
+	<meta name="twitter:title" content="{cleanTitle} — {data.book.title} — libnovel" />
+	<meta name="twitter:description" content="Chapter {data.chapter.number} of {data.book.title}" />
+</svelte:head>
+
+<!-- Reading progress bar (scroll mode, fixed at top of viewport) -->
+{#if layout.readMode === 'scroll'}
+<div class="reading-progress" style="width: {scrollProgress * 100}%"></div>
+{/if}
+
+<!-- ── Two-column grid wrapper (sidebar activates at xl when enabled) ──────── -->
+<div class="{layout.showSidebar && !layout.focusMode ? 'xl:grid xl:grid-cols-[1fr_18rem] xl:gap-10 xl:items-start' : ''}">
+
+<!-- ── Main reading column ────────────────────────────────────────────────── -->
+<div>
+
+<!-- ── Top navigation (hidden in focus mode) ─────────────────────────────── -->
+{#if !layout.focusMode}
+<div class="flex items-center justify-between mb-4 sm:mb-8 gap-2">
+	<!-- Left: back to chapters list -->
+	<a
+		href="/books/{data.book.slug}/chapters"
+		class="flex items-center gap-1 text-(--color-muted) hover:text-(--color-text) text-sm transition-colors shrink-0"
+	>
+		<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
+		</svg>
+		{m.reader_back_to_chapters()}
+	</a>
+
+	<!-- Right: prev/next chapter arrows + settings -->
+	<div class="flex items-center gap-1">
+		{#if data.prev}
+			<a
+				href="/books/{data.book.slug}/chapters/{data.prev}"
+				title="{m.reader_chapter_n({ n: String(data.prev) })}"
+				class="p-2 rounded-lg text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors"
+			>
+				<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
+				</svg>
+			</a>
+		{/if}
+		{#if data.next}
+			<a
+				href="/books/{data.book.slug}/chapters/{data.next}"
+				title="{m.reader_chapter_n({ n: String(data.next) })}"
+				class="p-2 rounded-lg text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors"
+			>
+				<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+				</svg>
+			</a>
+		{/if}
+		{#if settingsCtx}
+			<button
+				type="button"
+				onclick={() => { settingsPanelOpen = !settingsPanelOpen; settingsTab = 'reading'; }}
+				aria-label="Reader settings"
+				class="p-2 rounded-lg transition-colors hover:bg-(--color-surface-2) {settingsPanelOpen ? 'text-(--color-brand)' : 'text-(--color-muted) hover:text-(--color-text)'}"
+			>
+				<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
+				</svg>
+			</button>
+		{/if}
+	</div>
+</div>
+
+<!-- Chapter heading + meta + language switcher -->
+<div class="mb-4 sm:mb-6">
+	<!-- Book title — tappable, opens Currently Reading modal -->
+	<button
+		type="button"
+		onclick={() => (readingModalOpen = true)}
+		class="flex items-center gap-1 text-(--color-muted) hover:text-(--color-brand) text-sm font-medium transition-colors mb-1.5 max-w-full"
+		title="Switch book"
+	>
+		<span class="truncate">{data.book.title}</span>
+		<svg class="w-3.5 h-3.5 shrink-0 opacity-60" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+		</svg>
+	</button>
+	<p class="text-xs font-semibold text-(--color-brand) uppercase tracking-widest mb-1.5">
+		{m.reader_chapter_n({ n: String(data.chapter.number) })}
+	</p>
+	<h1 class="text-xl font-bold text-(--color-text) leading-snug">
+		{cleanTitle}
+	</h1>
+	<div class="flex items-center flex-wrap gap-x-3 gap-y-1.5 mt-2">
+		{#if wordCount > 0}
+			<p class="text-(--color-muted) text-xs">
+				{m.reader_words({ n: wordCount.toLocaleString() })}
+				<span class="opacity-40 mx-0.5">·</span>
+				~{Math.max(1, Math.round(wordCount / 200))} min
+			</p>
+		{/if}
+		{#if data.chapter.date_label}
+			<span class="text-(--color-muted) text-xs opacity-60">{data.chapter.date_label}</span>
+		{/if}
+
+		<!-- Language switcher (inline, compact) -->
+		{#if !data.isPreview}
+		<div class="flex items-center gap-1">
+			<a
+				href={langUrl('')}
+				class="px-2 py-0.5 rounded text-xs font-medium transition-colors
+					{currentLang() === '' ? 'bg-(--color-brand) text-(--color-surface)' : 'bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text)'}"
+			>EN</a>
+			{#each SUPPORTED_LANGS as { code, label }}
+				{#if !data.isPro}
+					<a
+						href="/profile"
+						title="Upgrade to Pro to read in {label}"
+						class="flex items-center gap-0.5 px-2 py-0.5 rounded text-xs font-medium bg-(--color-surface-2) text-(--color-muted)/50 cursor-pointer"
+					>
+						<svg class="w-2.5 h-2.5 shrink-0" fill="currentColor" viewBox="0 0 20 20">
+							<path fill-rule="evenodd" d="M10 1a4.5 4.5 0 00-4.5 4.5V9H5a2 2 0 00-2 2v6a2 2 0 002 2h10a2 2 0 002-2v-6a2 2 0 00-2-2h-.5V5.5A4.5 4.5 0 0010 1zm3 8V5.5a3 3 0 10-6 0V9h6z" clip-rule="evenodd" />
+						</svg>
+						{label}
+					</a>
+				{:else if currentLang() === code && (translationStatus === 'pending' || translationStatus === 'running')}
+					<span class="flex items-center gap-0.5 px-2 py-0.5 rounded text-xs font-medium bg-(--color-surface-2) text-(--color-muted)">
+						<svg class="w-2.5 h-2.5 animate-spin" fill="none" viewBox="0 0 24 24">
+							<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+							<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
+						</svg>
+						{label}
+					</span>
+				{:else if currentLang() === code}
+					<a href={langUrl(code)} class="px-2 py-0.5 rounded text-xs font-medium bg-(--color-brand) text-(--color-surface)">{label}</a>
+				{:else}
+					<button
+						type="button"
+						onclick={() => requestTranslation(code)}
+						disabled={translatingLang !== '' && translatingLang !== code && (translationStatus === 'pending' || translationStatus === 'running')}
+						class="px-2 py-0.5 rounded text-xs font-medium bg-(--color-surface-2) text-(--color-muted) hover:text-(--color-text) transition-colors disabled:opacity-40 disabled:cursor-not-allowed"
+					>{label}</button>
+				{/if}
+			{/each}
+			{#if !data.isPro}
+				<a href="/profile" class="text-xs text-(--color-brand) hover:underline ml-0.5">Pro</a>
+			{/if}
+		</div>
+		{/if}
+	</div>
+</div>
+{/if}
+
+<!-- ── Audio section (collapsible, hidden in focus/preview mode) ──────────── -->
+{#if !data.isPreview && !layout.focusMode}
+	{#if !page.data.user}
+		<!-- Unauthenticated -->
+		<div class="mb-6 px-4 py-3 rounded-lg bg-(--color-surface-2) border border-(--color-border) flex items-center justify-between gap-4">
+			<div>
+				<p class="text-(--color-text) text-sm font-medium">{m.reader_signin_for_audio()}</p>
+				<p class="text-(--color-muted) text-xs mt-0.5">{m.reader_signin_audio_desc()}</p>
+			</div>
+			<a href="/login" class="shrink-0 px-4 py-2 rounded bg-(--color-brand) text-(--color-surface) text-sm font-semibold hover:bg-(--color-brand-dim) transition-colors">
+				{m.nav_sign_in()}
+			</a>
+		</div>
+	{:else if audioProRequired}
+		<div class="mb-6 px-4 py-2.5 rounded-lg bg-(--color-surface-2) border border-(--color-brand)/30 flex items-center justify-between gap-4">
+			<div>
+				<p class="text-(--color-text) text-sm font-medium">Daily audio limit reached</p>
+				<p class="text-(--color-muted) text-xs mt-0.5">Upgrade to Pro for unlimited audio.</p>
+			</div>
+			<a href="/profile" class="shrink-0 px-3 py-1.5 rounded bg-(--color-brand) text-(--color-surface) text-sm font-semibold hover:bg-(--color-brand-dim) transition-colors">
+				Upgrade
+			</a>
+		</div>
+	{:else}
+		<!-- Audio ready prompt — shown when audio exists and player is not yet active -->
+		{#if data.audioReady && !(audioStore.slug === data.book.slug && audioStore.chapter === data.chapter.number && audioStore.active)}
+			<div class="mb-3 flex items-center gap-3 px-4 py-3 rounded-lg bg-(--color-brand)/10 border border-(--color-brand)/30">
+				<svg class="w-5 h-5 text-(--color-brand) shrink-0" fill="currentColor" viewBox="0 0 24 24">
+					<path d="M12 3a9 9 0 00-9 9v5a3 3 0 003 3h1a1 1 0 001-1v-4a1 1 0 00-1-1H5v-2a7 7 0 0114 0v2h-2a1 1 0 00-1 1v4a1 1 0 001 1h1a3 3 0 003-3v-5a9 9 0 00-9-9z"/>
+				</svg>
+				<div class="flex-1 min-w-0">
+					<p class="text-sm font-semibold text-(--color-text)">Audio ready</p>
+					<p class="text-xs text-(--color-muted)">This chapter has been narrated — listen instantly</p>
+				</div>
+				<button
+					type="button"
+					onclick={listenNow}
+					class="shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-(--color-brand) text-(--color-surface) text-sm font-semibold hover:bg-(--color-brand-dim) transition-colors"
+				>
+					<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+					Listen now
+				</button>
+			</div>
+		{/if}
+
+		<!-- Collapsible audio panel -->
+		<div class="mb-6">
+			<button
+				type="button"
+				onclick={() => { audioExpanded = !audioExpanded; }}
+				class="w-full flex items-center justify-between px-4 py-2.5 bg-(--color-surface-2) border border-(--color-border) text-sm text-(--color-text) transition-colors hover:border-(--color-brand)/40
+					{audioExpanded ? 'rounded-t-lg' : 'rounded-lg'}"
+			>
+				<span class="flex items-center gap-2">
+					<svg class="w-4 h-4 text-(--color-brand)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072M12 18.364a8 8 0 010-12.728M8.464 15.536a5 5 0 010-7.072" />
+					</svg>
+					<span class="font-medium">Listen to this chapter</span>
+					{#if audioStore.slug === data.book.slug && audioStore.chapter === data.chapter.number && audioStore.isPlaying}
+						<span class="text-xs text-(--color-brand)">● Playing</span>
+					{/if}
+				</span>
+				<svg class="w-4 h-4 text-(--color-muted) transition-transform duration-200 {audioExpanded ? 'rotate-180' : ''}" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
+				</svg>
+			</button>
+			{#if audioExpanded}
+				<div class="border border-t-0 border-(--color-border) rounded-b-lg overflow-hidden">
+			{#if audioStore.slug === data.book.slug && audioStore.chapter === data.chapter.number && audioStore.active && layout.playerStyle === 'standard'}
+					<!-- Mini-player is already playing this chapter — don't duplicate controls (standard/minimal mode) -->
+					<div class="px-4 py-3 flex items-center gap-2 text-sm text-(--color-muted)">
+						<svg class="w-4 h-4 text-(--color-brand) shrink-0" fill="currentColor" viewBox="0 0 24 24">
+							<path d="M12 3v10.55A4 4 0 1014 17V7h4V3h-6z"/>
+						</svg>
+						<span>Controls are in the player bar below.</span>
+					</div>
+				{:else}
+					<AudioPlayer
+						slug={data.book.slug}
+						chapter={data.chapter.number}
+						chapterTitle={cleanTitle}
+						bookTitle={data.book.title}
+						cover={data.book.cover}
+						nextChapter={data.next}
+						chapters={data.chapters}
+						voices={data.voices}
+						playerStyle={layout.playerStyle}
+						wordCount={wordCount}
+						onProRequired={() => { audioProRequired = true; }}
+						/>
+					{/if}
+				</div>
+			{/if}
+		</div>
+	{/if}
+{:else if data.isPreview}
+	<div class="mb-6 px-4 py-2 rounded bg-(--color-surface-2)/60 border border-(--color-border) text-(--color-muted) text-sm">
+		{m.reader_preview_audio_notice()}
+	</div>
+{/if}
+
+<!-- ── Chapter content ───────────────────────────────────────────────────── -->
+{#if fetchingContent}
+	<div class="flex flex-col items-center gap-3 py-16 text-(--color-muted) text-sm">
+		<svg class="w-6 h-6 animate-spin" fill="none" viewBox="0 0 24 24">
+			<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+			<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+		</svg>
+		{m.reader_fetching_chapter()}
+	</div>
+{:else if !html}
+	<!-- ── Content unavailable ─────────────────────────────────────────── -->
+	<div class="mt-8 rounded-xl border border-(--color-border) bg-(--color-surface-2) overflow-hidden">
+		<!-- Banner — visible to all users -->
+		<div class="flex items-start gap-4 p-6">
+			<div class="w-10 h-10 rounded-full bg-(--color-surface-3) flex items-center justify-center shrink-0 mt-0.5">
+				<svg class="w-5 h-5 text-(--color-muted)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
+				</svg>
+			</div>
+			<div>
+				<p class="font-semibold text-(--color-text) mb-1">Chapter content not available</p>
+				<p class="text-sm text-(--color-muted)">
+					{#if data.contentMissing}
+						This chapter exists in the index but its content hasn't been stored yet.
+						{#if !data.isAdmin}It should appear soon — try refreshing in a few minutes.{/if}
+					{:else}
+						{fetchError || 'Could not load this chapter. Please try again.'}
+					{/if}
+				</p>
+			</div>
+		</div>
+
+		<!-- Admin toolbar — only visible to admins -->
+		{#if data.isAdmin}
+			<div class="border-t border-(--color-border)">
+				<button
+					type="button"
+					onclick={() => (adminOpen = !adminOpen)}
+					class="w-full flex items-center gap-2 px-5 py-3 text-xs font-semibold text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-3)/40 transition-colors text-left"
+				>
+					<svg class="w-3.5 h-3.5 shrink-0 text-(--color-brand)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
+					</svg>
+					Admin Tools
+					<svg class="w-3 h-3 ml-auto transition-transform {adminOpen ? 'rotate-180' : ''}" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+					</svg>
+				</button>
+
+				{#if adminOpen}
+				<div class="px-5 pb-5 flex flex-col gap-4 border-t border-(--color-border)">
+
+					<!-- Source URL info -->
+					{#if data.book.source_url}
+						<div class="mt-3">
+							<p class="text-xs text-(--color-muted) mb-1">Source URL</p>
+							<a href={data.book.source_url} target="_blank" rel="noopener noreferrer"
+								class="text-xs text-(--color-brand) hover:underline break-all">
+								{data.book.source_url}
+							</a>
+						</div>
+					{/if}
+
+					<!-- Scrape this chapter -->
+					<div class="flex flex-col gap-2">
+						<p class="text-xs font-medium text-(--color-muted) uppercase tracking-wide">Scrape Chapter {data.chapter.number}</p>
+						<div class="flex items-center gap-2 flex-wrap">
+							<button
+								type="button"
+								onclick={scrapeThisChapter}
+								disabled={scrapeStatus === 'busy' || !data.book.source_url}
+								class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-xs hover:bg-(--color-brand-dim) disabled:opacity-50 transition-colors"
+							>
+								{#if scrapeStatus === 'busy'}
+									<svg class="w-3.5 h-3.5 animate-spin" fill="none" viewBox="0 0 24 24">
+										<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+										<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+									</svg>
+									Scraping…
+								{:else}
+									<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+										<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
+									</svg>
+									Re-scrape ch.{data.chapter.number}
+								{/if}
+							</button>
+							{#if !data.book.source_url}
+								<span class="text-xs text-(--color-muted)">No source URL on this book.</span>
+							{/if}
+						</div>
+						{#if scrapeProgress}
+							<p class="text-xs {scrapeStatus === 'error' ? 'text-red-400' : 'text-green-400'}">{scrapeProgress}</p>
+						{:else if scrapeStatus === 'queued'}
+							<p class="text-xs text-(--color-muted)">Queued — polling for completion…</p>
+						{/if}
+					</div>
+
+					<!-- Quick links -->
+					<div class="flex flex-col gap-1.5">
+						<p class="text-xs font-medium text-(--color-muted) uppercase tracking-wide">Quick links</p>
+						<div class="flex flex-wrap gap-2">
+							<a href="/admin/scrape" class="text-xs px-2.5 py-1 rounded-md bg-(--color-surface-3) text-(--color-muted) hover:text-(--color-text) transition-colors">
+								Scrape dashboard
+							</a>
+							<a href="/books/{data.book.slug}" class="text-xs px-2.5 py-1 rounded-md bg-(--color-surface-3) text-(--color-muted) hover:text-(--color-text) transition-colors">
+								Book page
+							</a>
+							<a href="https://pb.libnovel.cc/_/" target="_blank" rel="noopener noreferrer"
+								class="text-xs px-2.5 py-1 rounded-md bg-(--color-surface-3) text-(--color-muted) hover:text-(--color-text) transition-colors">
+								PocketBase ↗
+							</a>
+						</div>
+					</div>
+
+				</div>
+				{/if}
+			</div>
+		{/if}
+	</div>
+{:else}
+	<!-- Chapter illustration hero (if generated, hidden in focus mode) -->
+	{#if data.chapterImageUrl && !layout.focusMode}
+		<div class="mt-4 mb-6 -mx-4 sm:mx-0 sm:rounded-xl overflow-hidden">
+			<img
+				src={data.chapterImageUrl}
+				alt="Chapter {data.chapter.number} illustration"
+				class="w-full object-cover max-h-72 sm:max-h-96"
+			/>
+		</div>
+	{/if}
+
+	{#if layout.readMode === 'paginated'}
+	<!-- ── Paginated reader ───────────────────────────────────────────── -->
+	<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
+	<div
+		role="none"
+		bind:this={paginatedContainerEl}
+		class="paginated-container mt-8"
+		style="height: {layout.focusMode
+			? 'calc(100svh - 8rem)'
+			: `calc(100svh - 26rem - ${PAGE_LINES_OFFSET[layout.pageLines]})`};"
+		onclick={handlePaginatedClick}
+	>
+		<div
+			bind:this={paginatedContentEl}
+			class="prose-chapter {layout.paraStyle === 'indented' ? 'para-indented' : ''}"
+			style="transform: translateY({containerH > 0 ? -(pageIndex * containerH) : 0}px);"
+		>
+			{@html html}
+		</div>
+	</div>
+
+	<!-- Page indicator + nav (hidden in focus mode — shown in floating pill instead) -->
+	{#if !layout.focusMode}
+	<div class="flex items-center justify-between mt-4 select-none">
+		<button
+			type="button"
+			onclick={() => { if (pageIndex > 0) pageIndex--; }}
+			disabled={pageIndex === 0}
+			use:holdRepeat={{ onrepeat: () => { if (pageIndex > 0) pageIndex--; } }}
+			class="flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-(--color-surface-2) border border-(--color-border) text-sm text-(--color-muted) hover:text-(--color-text) disabled:opacity-30 transition-colors"
+		>
+			<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
+			</svg>
+			Prev
+		</button>
+
+		<!-- Counter — tap to open slider -->
+		<div class="relative">
+			<button
+				type="button"
+				bind:this={sliderAnchorEl}
+				onclick={(e) => toggleSlider(e.currentTarget as HTMLElement)}
+				class="px-3 py-1.5 rounded-lg text-sm text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) tabular-nums transition-colors"
+				aria-label="Jump to page"
+			>
+				{pageIndex + 1} <span class="opacity-40">/</span> {totalPages}
+			</button>
+
+			{#if sliderOpen}
+			<div
+				bind:this={sliderAnchorFocusEl}
+				class="absolute bottom-full left-1/2 -translate-x-1/2 mb-2 z-50
+					bg-(--color-surface-2) border border-(--color-border) rounded-xl shadow-xl
+					px-4 py-3 flex flex-col items-center gap-2"
+				style="min-width: min(220px, 60vw);"
+			>
+				<span class="text-xs text-(--color-muted) tabular-nums">
+					Page {pageIndex + 1} of {totalPages}
+				</span>
+				<input
+					type="range"
+					min="0"
+					max={totalPages - 1}
+					value={pageIndex}
+					oninput={(e) => { pageIndex = Number((e.target as HTMLInputElement).value); }}
+					class="w-full accent-(--color-brand) cursor-pointer"
+				/>
+			</div>
+			{/if}
+		</div>
+
+		<button
+			type="button"
+			onclick={() => { if (pageIndex < totalPages - 1) pageIndex++; }}
+			disabled={pageIndex === totalPages - 1}
+			use:holdRepeat={{ onrepeat: () => { if (pageIndex < totalPages - 1) pageIndex++; } }}
+			class="flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-(--color-surface-2) border border-(--color-border) text-sm text-(--color-muted) hover:text-(--color-text) disabled:opacity-30 transition-colors"
+		>
+			Next
+			<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+			</svg>
+		</button>
+	</div>
+	<p class="text-center text-xs text-(--color-muted)/40 mt-2">Tap left/right · Arrow keys · Space</p>
+	{/if}
+{:else}
+	<!-- ── Scroll reader ──────────────────────────────────────────────── -->
+	<div class="prose-chapter mt-8 {layout.paraStyle === 'indented' ? 'para-indented' : ''}">
+		{@html html}
+	</div>
+{/if}
+{/if}
+
+<!-- ── Bottom navigation + comments (hidden in focus mode) ───────────────── -->
+{#if !layout.focusMode}
+	<div class="mt-14 pt-6 border-t border-(--color-border)">
+		<!-- Next chapter: prominent full-width CTA -->
+		{#if data.next}
+			<a
+				href="/books/{data.book.slug}/chapters/{data.next}"
+				class="group flex items-center justify-between px-5 py-4 rounded-xl bg-(--color-surface-2) border border-(--color-border) hover:border-(--color-brand)/50 transition-colors"
+			>
+				<div>
+					<p class="text-xs text-(--color-muted) mb-0.5">{m.reader_next_chapter()}</p>
+					<p class="text-(--color-text) font-semibold group-hover:text-(--color-brand) transition-colors">
+						{m.reader_chapter_n({ n: String(data.next) })}
+					</p>
+				</div>
+				<svg class="w-5 h-5 text-(--color-muted) group-hover:text-(--color-brand) group-hover:translate-x-0.5 transition-all" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+				</svg>
+			</a>
+		{/if}
+		<!-- Previous chapter: small secondary link -->
+		{#if data.prev}
+			<a
+				href="/books/{data.book.slug}/chapters/{data.prev}"
+				class="mt-3 inline-flex items-center gap-1 text-sm text-(--color-muted) hover:text-(--color-text) transition-colors"
+			>
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
+				</svg>
+				{m.reader_prev_chapter()}
+			</a>
+		{/if}
+	</div>
+
+	<div class="mt-12">
+		<CommentsSection
+			slug={data.book.slug}
+			chapter={data.chapter.number}
+			isLoggedIn={!!page.data.user}
+			currentUserId={page.data.user?.id ?? ''}
+		/>
+	</div>
+{/if}
+
+</div><!-- end main column -->
+
+<!-- ── Sidebar (xl+, hidden in focus mode, toggled via settings) ─────────── -->
+{#if layout.showSidebar && !layout.focusMode}
+<aside class="hidden xl:block">
+	<div class="sticky top-24 flex flex-col gap-4">
+
+		<!-- Card 1: Book cover + info -->
+		<div class="rounded-xl bg-(--color-surface-2) border border-(--color-border) overflow-hidden">
+			{#if data.book.cover}
+				<a href="/books/{data.book.slug}" tabindex="-1" aria-hidden="true">
+					<img
+						src={data.book.cover}
+						alt={data.book.title}
+						class="w-full aspect-[2/3] object-cover"
+					/>
+				</a>
+			{/if}
+			<div class="px-3 py-3 flex flex-col gap-2">
+				<a
+					href="/books/{data.book.slug}"
+					class="text-sm font-semibold text-(--color-text) hover:text-(--color-brand) transition-colors leading-snug line-clamp-2"
+				>
+					{data.book.title}
+				</a>
+				<div class="flex items-center gap-2 text-xs text-(--color-muted)">
+					<span class="tabular-nums">Ch. {data.chapter.number}</span>
+					{#if data.chapters.length > 0}
+						<span class="opacity-40">·</span>
+						<span class="tabular-nums">{data.chapters.length} chapters</span>
+					{/if}
+				</div>
+				{#if wordCount > 0}
+					<div class="flex items-center gap-2 text-xs text-(--color-muted)">
+						<span class="tabular-nums">{wordCount.toLocaleString()} words</span>
+						<span class="opacity-40">·</span>
+						<span>~{Math.max(1, Math.round(wordCount / 200))} min</span>
+					</div>
+				{/if}
+			</div>
+		</div>
+
+		<!-- Card 2: Reading progress -->
+		{#if data.chapters.length > 1}
+		{@const progressPct = Math.round((data.chapter.number / data.chapters.length) * 100)}
+		<div class="rounded-xl bg-(--color-surface-2) border border-(--color-border) px-4 py-3">
+			<p class="text-[10px] font-semibold text-(--color-muted) uppercase tracking-wider mb-2">Progress</p>
+			<div class="flex items-center justify-between text-xs text-(--color-muted) mb-1.5">
+				<span>Chapter {data.chapter.number} of {data.chapters.length}</span>
+				<span class="tabular-nums font-medium text-(--color-brand)">{progressPct}%</span>
+			</div>
+			<div class="h-1.5 rounded-full bg-(--color-surface-3) overflow-hidden">
+				<div
+					class="h-full rounded-full bg-(--color-brand) transition-all"
+					style="width: {progressPct}%"
+				></div>
+			</div>
+			{#if layout.readMode === 'scroll' && scrollProgress > 0}
+				<div class="mt-2 flex items-center gap-2 text-xs text-(--color-muted)">
+					<span>Page scroll</span>
+					<div class="flex-1 h-1 rounded-full bg-(--color-surface-3) overflow-hidden">
+						<div
+							class="h-full rounded-full bg-(--color-brand)/50 transition-all"
+							style="width: {Math.round(scrollProgress * 100)}%"
+						></div>
+					</div>
+					<span class="tabular-nums">{Math.round(scrollProgress * 100)}%</span>
+				</div>
+			{/if}
+			{#if layout.readMode === 'paginated' && totalPages > 1}
+				<div class="mt-2 flex items-center gap-2 text-xs text-(--color-muted)">
+					<span>Page</span>
+					<div class="flex-1 h-1 rounded-full bg-(--color-surface-3) overflow-hidden">
+						<div
+							class="h-full rounded-full bg-(--color-brand)/50 transition-all"
+							style="width: {Math.round(((pageIndex + 1) / totalPages) * 100)}%"
+						></div>
+					</div>
+					<span class="tabular-nums">{pageIndex + 1}/{totalPages}</span>
+				</div>
+			{/if}
+		</div>
+		{/if}
+
+		<!-- Card 3: Chapter ToC -->
+		{#if data.chapters.length > 0}
+		{@const tocChapters = data.chapters}
+		{@const currentIdx = tocChapters.findIndex(c => c.number === data.chapter.number)}
+		{@const windowStart = Math.max(0, currentIdx - 3)}
+		{@const windowEnd = Math.min(tocChapters.length, windowStart + 10)}
+		<div class="rounded-xl bg-(--color-surface-2) border border-(--color-border) overflow-hidden">
+			<div class="flex items-center justify-between px-3 py-2.5 border-b border-(--color-border)">
+				<p class="text-[10px] font-semibold text-(--color-muted) uppercase tracking-wider">Chapters</p>
+				<a
+					href="/books/{data.book.slug}/chapters"
+					class="text-[10px] text-(--color-brand) hover:underline"
+				>All {tocChapters.length}</a>
+			</div>
+			<div class="flex flex-col divide-y divide-(--color-border)/50 max-h-64 overflow-y-auto">
+				{#each tocChapters.slice(windowStart, windowEnd) as ch}
+					{@const isCurrent = ch.number === data.chapter.number}
+					<a
+						href="/books/{data.book.slug}/chapters/{ch.number}"
+						class="flex items-start gap-2 px-3 py-2 text-xs transition-colors
+							{isCurrent
+								? 'bg-(--color-brand)/10 text-(--color-brand) font-semibold'
+								: 'text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-3)'}"
+					>
+						<span class="shrink-0 tabular-nums w-6 text-right opacity-60">{ch.number}</span>
+						<span class="truncate leading-snug">{ch.title || `Chapter ${ch.number}`}</span>
+					</a>
+				{/each}
+			</div>
+		</div>
+		{/if}
+
+		<!-- Card 4: Chapter navigation -->
+		<div class="rounded-xl bg-(--color-surface-2) border border-(--color-border) px-3 py-3 flex flex-col gap-2">
+			<p class="text-[10px] font-semibold text-(--color-muted) uppercase tracking-wider mb-0.5">Navigate</p>
+			{#if data.prev}
+				<a
+					href="/books/{data.book.slug}/chapters/{data.prev}"
+					class="flex items-center gap-2 px-3 py-2 rounded-lg text-xs text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-3) transition-colors"
+				>
+					<svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
+					</svg>
+					<span class="truncate">Chapter {data.prev}</span>
+				</a>
+			{:else}
+				<span class="flex items-center gap-2 px-3 py-2 text-xs text-(--color-muted)/30">
+					<svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
+					</svg>
+					First chapter
+				</span>
+			{/if}
+			{#if data.next}
+				<a
+					href="/books/{data.book.slug}/chapters/{data.next}"
+					class="flex items-center gap-2 px-3 py-2 rounded-lg text-xs text-(--color-brand) bg-(--color-brand)/10 hover:bg-(--color-brand)/20 transition-colors font-medium"
+				>
+					<svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+					</svg>
+					<span class="truncate">Chapter {data.next}</span>
+				</a>
+			{:else}
+				<span class="flex items-center gap-2 px-3 py-2 text-xs text-(--color-muted)/30">
+					<svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+					</svg>
+					Last chapter
+				</span>
+			{/if}
+		</div>
+
+	</div>
+</aside>
+{/if}
+
+</div><!-- end grid wrapper -->
+
+<!-- ── Scroll mode floating nav buttons ──────────────────────────────────── -->
+{#if layout.readMode === 'scroll' && !layout.focusMode}
+{@const atTop = scrollProgress <= 0.01}
+{@const atBottom = scrollProgress >= 0.99}
+<div class="fixed right-4 {audioStore.active && !audioStore.suppressMiniBar ? 'bottom-[5.5rem]' : 'bottom-8'} z-40 flex flex-col gap-2 transition-all">
+	<!-- Up button / Prev chapter -->
+	{#if atTop && data.prev}
+		<a
+			href="/books/{data.book.slug}/chapters/{data.prev}"
+			class="flex items-center justify-center w-10 h-10 rounded-full bg-(--color-surface-2)/90 backdrop-blur border border-(--color-border) shadow-lg text-(--color-brand) hover:bg-(--color-surface-3) transition-colors"
+			title="Previous chapter"
+			aria-label="Previous chapter"
+		>
+			<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"/>
+			</svg>
+		</a>
+	{:else}
+		<button
+			type="button"
+			onclick={() => window.scrollBy({ top: -Math.round(window.innerHeight * 0.85), behavior: 'smooth' })}
+			disabled={atTop}
+			class="flex items-center justify-center w-10 h-10 rounded-full bg-(--color-surface-2)/90 backdrop-blur border border-(--color-border) shadow-lg text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-3) disabled:opacity-20 disabled:cursor-default transition-colors"
+			title="Scroll up"
+			aria-label="Scroll up"
+		>
+			<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"/>
+			</svg>
+		</button>
+	{/if}
+
+	<!-- Down button / Next chapter -->
+	{#if atBottom && data.next}
+		<a
+			href="/books/{data.book.slug}/chapters/{data.next}"
+			class="flex items-center justify-center w-10 h-10 rounded-full bg-(--color-brand) shadow-lg text-black hover:bg-(--color-brand-dim) transition-colors"
+			title="Next chapter"
+			aria-label="Next chapter"
+		>
+			<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+			</svg>
+		</a>
+	{:else}
+		<button
+			type="button"
+			onclick={() => window.scrollBy({ top: Math.round(window.innerHeight * 0.85), behavior: 'smooth' })}
+			disabled={atBottom && !data.next}
+			class="flex items-center justify-center w-10 h-10 rounded-full bg-(--color-surface-2)/90 backdrop-blur border border-(--color-border) shadow-lg text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-3) disabled:opacity-20 disabled:cursor-default transition-colors"
+			title="Scroll down"
+			aria-label="Scroll down"
+		>
+			<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+			</svg>
+		</button>
+	{/if}
+</div>
+{/if}
+
+<!-- ── Focus mode floating nav ───────────────────────────────────────────── -->
+{#if layout.focusMode}
+<div class="fixed {audioStore.active && !audioStore.suppressMiniBar ? 'bottom-[4.5rem]' : 'bottom-6'} left-1/2 -translate-x-1/2 z-50 max-w-[calc(100vw-2rem)]">
+	<div class="flex items-center divide-x divide-(--color-border) rounded-full bg-(--color-surface-2)/95 backdrop-blur border border-(--color-border) shadow-lg text-xs text-(--color-muted) overflow-hidden">
+		<!-- Prev chapter -->
+		{#if data.prev}
+			<a
+				href="/books/{data.book.slug}/chapters/{data.prev}"
+				class="flex items-center gap-1 px-3 py-2 hover:text-(--color-text) hover:bg-(--color-surface-3) transition-colors shrink-0"
+				aria-label="Previous chapter"
+			>
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
+				</svg>
+				{m.reader_chapter_n({ n: String(data.prev) })}
+			</a>
+		{/if}
+
+		<!-- Page prev / counter / next (paginated mode only) -->
+		{#if layout.readMode === 'paginated'}
+			<button
+				type="button"
+				onclick={() => { if (pageIndex > 0) pageIndex--; }}
+				disabled={pageIndex === 0}
+				use:holdRepeat={{ onrepeat: () => { if (pageIndex > 0) pageIndex--; } }}
+				class="flex items-center justify-center px-2.5 py-2 hover:text-(--color-text) hover:bg-(--color-surface-3) disabled:opacity-30 transition-colors shrink-0"
+				aria-label="Previous page"
+			>
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
+				</svg>
+			</button>
+
+			<!-- Counter — tap to open slider -->
+			<div class="relative shrink-0">
+				<button
+					type="button"
+					onclick={(e) => toggleSlider(e.currentTarget as HTMLElement)}
+					class="px-2.5 py-2 tabular-nums text-(--color-muted) hover:text-(--color-text) transition-colors select-none"
+					aria-label="Jump to page"
+				>
+					{pageIndex + 1}<span class="opacity-40">/</span>{totalPages}
+				</button>
+
+				{#if sliderOpen}
+				<div
+					bind:this={sliderAnchorFocusEl}
+					class="absolute bottom-full left-1/2 -translate-x-1/2 mb-2 z-50
+						bg-(--color-surface-2) border border-(--color-border) rounded-xl shadow-xl
+						px-4 py-3 flex flex-col items-center gap-2"
+					style="min-width: min(220px, 60vw);"
+				>
+					<span class="text-xs text-(--color-muted) tabular-nums">
+						Page {pageIndex + 1} of {totalPages}
+					</span>
+					<input
+						type="range"
+						min="0"
+						max={totalPages - 1}
+						value={pageIndex}
+						oninput={(e) => { pageIndex = Number((e.target as HTMLInputElement).value); }}
+						class="w-full accent-(--color-brand) cursor-pointer"
+					/>
+				</div>
+				{/if}
+			</div>
+
+			<button
+				type="button"
+				onclick={() => { if (pageIndex < totalPages - 1) pageIndex++; }}
+				disabled={pageIndex === totalPages - 1}
+				use:holdRepeat={{ onrepeat: () => { if (pageIndex < totalPages - 1) pageIndex++; } }}
+				class="flex items-center justify-center px-2.5 py-2 hover:text-(--color-text) hover:bg-(--color-surface-3) disabled:opacity-30 transition-colors shrink-0"
+				aria-label="Next page"
+			>
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+				</svg>
+			</button>
+		{/if}
+
+		<!-- Exit focus -->
+		<button
+			type="button"
+			onclick={() => setLayout('focusMode', false)}
+			class="flex items-center gap-1 px-3 py-2 hover:text-(--color-brand) hover:bg-(--color-surface-3) transition-colors shrink-0"
+			aria-label="Exit focus mode"
+		>
+			<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+			</svg>
+			Exit focus
+		</button>
+
+		<!-- Next chapter -->
+		{#if data.next}
+			<a
+				href="/books/{data.book.slug}/chapters/{data.next}"
+				class="flex items-center gap-1 px-3 py-2 hover:text-(--color-text) hover:bg-(--color-surface-3) transition-colors shrink-0"
+				aria-label="Next chapter"
+			>
+				{m.reader_chapter_n({ n: String(data.next) })}
+				<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+				</svg>
+			</a>
+		{/if}
+	</div>
+</div>
+{/if}
+
+<!-- ── Reader settings overlay ───────────────────────────────────────────── -->
+{#if settingsCtx}
+{#if settingsPanelOpen}
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	class="fixed inset-0 z-50 flex flex-col"
+	style="background: var(--color-surface);"
+>
+	<!-- Header -->
+	<div class="flex items-center gap-3 px-4 py-3 border-b border-(--color-border) shrink-0">
+		<button
+			type="button"
+			onclick={() => (settingsPanelOpen = false)}
+			class="p-2 rounded-full text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors"
+			aria-label="Close settings"
+		>
+			<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+			</svg>
+		</button>
+		<span class="text-xs font-semibold text-(--color-muted) uppercase tracking-wider flex-1">Reader Settings</span>
+	</div>
+
+	<!-- Tab bar -->
+	<div class="flex gap-1 mx-4 mt-3 mb-1 p-1 rounded-xl bg-(--color-surface-2) shrink-0 border border-(--color-border)">
+		<button
+			type="button"
+			onclick={() => (settingsTab = 'reading')}
+			class="flex-1 py-1.5 rounded-lg text-xs font-semibold transition-colors
+				{settingsTab === 'reading'
+					? 'bg-(--color-brand) text-(--color-surface)'
+					: 'text-(--color-muted) hover:text-(--color-text)'}"
+		>Reading</button>
+		<button
+			type="button"
+			onclick={() => (settingsTab = 'listening')}
+			class="flex-1 py-1.5 rounded-lg text-xs font-semibold transition-colors
+				{settingsTab === 'listening'
+					? 'bg-(--color-brand) text-(--color-surface)'
+					: 'text-(--color-muted) hover:text-(--color-text)'}"
+		>Listening</button>
+	</div>
+
+	<!-- Scrollable content -->
+	<div class="flex-1 overflow-y-auto px-4 pb-6 flex flex-col gap-0 mt-2">
+
+		{#if settingsTab === 'reading'}
+
+		<!-- ── Typography ──────────────────────────────────────────────── -->
+		<div class="mb-1">
+			<p class="text-[10px] font-semibold text-(--color-muted) uppercase tracking-wider mb-2">Typography</p>
+			<div class="bg-(--color-surface-3) rounded-xl overflow-hidden divide-y divide-(--color-border)">
+
+				<div class="flex items-center gap-3 px-3 py-2.5">
+					<span class="text-xs text-(--color-muted) w-10 shrink-0">Font</span>
+					<div class="flex gap-1.5 flex-1">
+						{#each READER_FONTS as f}
+							<button
+								onclick={() => applyFont(f.id)}
+								class="flex-1 py-1.5 rounded-lg border text-xs font-medium transition-colors
+									{panelFont === f.id
+										? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand)'
+										: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'}"
+								aria-pressed={panelFont === f.id}
+							>{f.label}</button>
+						{/each}
+					</div>
+				</div>
+
+				<div class="flex items-center gap-3 px-3 py-2.5">
+					<span class="text-xs text-(--color-muted) w-10 shrink-0">Size</span>
+					<div class="flex gap-1.5 flex-1">
+						{#each READER_SIZES as s}
+							<button
+								onclick={() => applySize(s.value)}
+								class="flex-1 py-1.5 rounded-lg border text-xs font-medium transition-colors
+									{panelSize === s.value
+										? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand)'
+										: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'}"
+								aria-pressed={panelSize === s.value}
+							>{s.label}</button>
+						{/each}
+					</div>
+				</div>
+
+			</div>
+		</div>
+
+		<!-- ── Layout ──────────────────────────────────────────────────── -->
+		<div class="mt-4 mb-1">
+			<p class="text-[10px] font-semibold text-(--color-muted) uppercase tracking-wider mb-2">Layout</p>
+			<div class="bg-(--color-surface-3) rounded-xl overflow-hidden divide-y divide-(--color-border)">
+
+				<div class="flex items-center gap-3 px-3 py-2.5">
+					<span class="text-xs text-(--color-muted) w-16 shrink-0">Mode</span>
+					<div class="flex gap-1.5 flex-1">
+						{#each ([['scroll', 'Scroll'], ['paginated', 'Pages']] as const) as [mode, lbl]}
+							<button
+								type="button"
+								onclick={() => setLayout('readMode', mode)}
+								class="flex-1 py-1.5 rounded-lg border text-xs font-medium transition-colors
+									{layout.readMode === mode
+										? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand)'
+										: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'}"
+								aria-pressed={layout.readMode === mode}
+							>{lbl}</button>
+						{/each}
+					</div>
+				</div>
+
+				{#if layout.readMode === 'paginated'}
+				<div class="flex items-center gap-3 px-3 py-2.5">
+					<span class="text-xs text-(--color-muted) w-16 shrink-0">Lines</span>
+					<div class="flex gap-1.5 flex-1">
+						{#each ([['less', 'Few'], ['normal', 'Normal'], ['more', 'Many']] as const) as [v, lbl]}
+							<button
+								type="button"
+								onclick={() => setLayout('pageLines', v)}
+								class="flex-1 py-1.5 rounded-lg border text-xs font-medium transition-colors
+									{layout.pageLines === v
+										? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand)'
+										: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'}"
+								aria-pressed={layout.pageLines === v}
+							>{lbl}</button>
+						{/each}
+					</div>
+				</div>
+				{/if}
+
+				<div class="flex items-center gap-3 px-3 py-2.5">
+					<span class="text-xs text-(--color-muted) w-16 shrink-0">Spacing</span>
+					<div class="flex gap-1.5 flex-1">
+						{#each ([['compact', 'Tight'], ['normal', 'Normal'], ['relaxed', 'Loose']] as const) as [s, lbl]}
+							<button
+								type="button"
+								onclick={() => setLayout('lineSpacing', s)}
+								class="flex-1 py-1.5 rounded-lg border text-xs font-medium transition-colors
+									{layout.lineSpacing === s
+										? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand)'
+										: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'}"
+								aria-pressed={layout.lineSpacing === s}
+							>{lbl}</button>
+						{/each}
+					</div>
+				</div>
+
+				<div class="flex items-center gap-3 px-3 py-2.5">
+					<span class="text-xs text-(--color-muted) w-16 shrink-0">Width</span>
+					<div class="flex gap-1.5 flex-1">
+						{#each ([['narrow', 'Narrow'], ['normal', 'Normal'], ['wide', 'Wide']] as const) as [w, lbl]}
+							<button
+								type="button"
+								onclick={() => setLayout('readWidth', w)}
+								class="flex-1 py-1.5 rounded-lg border text-xs font-medium transition-colors
+									{layout.readWidth === w
+										? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand)'
+										: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'}"
+								aria-pressed={layout.readWidth === w}
+							>{lbl}</button>
+						{/each}
+					</div>
+				</div>
+
+				<div class="flex items-center gap-3 px-3 py-2.5">
+					<span class="text-xs text-(--color-muted) w-16 shrink-0">Paragraphs</span>
+					<div class="flex gap-1.5 flex-1">
+						{#each ([['spaced', 'Spaced'], ['indented', 'Indented']] as const) as [s, lbl]}
+							<button
+								type="button"
+								onclick={() => setLayout('paraStyle', s)}
+								class="flex-1 py-1.5 rounded-lg border text-xs font-medium transition-colors
+									{layout.paraStyle === s
+										? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand)'
+										: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'}"
+								aria-pressed={layout.paraStyle === s}
+							>{lbl}</button>
+						{/each}
+					</div>
+				</div>
+
+				<button
+					type="button"
+					onclick={() => setLayout('focusMode', !layout.focusMode)}
+					class="w-full flex items-center justify-between px-3 py-2.5 text-xs font-medium transition-colors
+						{layout.focusMode ? 'text-(--color-brand)' : 'text-(--color-text) hover:text-(--color-brand)'}"
+					aria-pressed={layout.focusMode}
+				>
+					<span>Focus mode</span>
+					<span class="text-(--color-muted) text-[11px]">{layout.focusMode ? 'On — audio & nav hidden' : 'Off'}</span>
+				</button>
+
+				<button
+					type="button"
+					onclick={() => setLayout('showSidebar', !layout.showSidebar)}
+					class="w-full flex items-center justify-between px-3 py-2.5 text-xs font-medium transition-colors
+						{layout.showSidebar ? 'text-(--color-brand)' : 'text-(--color-text) hover:text-(--color-brand)'}"
+					aria-pressed={layout.showSidebar}
+				>
+					<span>Sidebar</span>
+					<span class="text-(--color-muted) text-[11px]">{layout.showSidebar ? 'On — ToC, progress & nav' : 'Off'}</span>
+				</button>
+
+			</div>
+		</div>
+
+		{:else}
+
+		<!-- ── Listening tab ───────────────────────────────────────────── -->
+		<div class="mb-1">
+			<p class="text-[10px] font-semibold text-(--color-muted) uppercase tracking-wider mb-2">Player</p>
+			<div class="bg-(--color-surface-3) rounded-xl overflow-hidden divide-y divide-(--color-border)">
+
+				<div class="flex items-center gap-3 px-3 py-2.5">
+					<span class="text-xs text-(--color-muted) w-14 shrink-0">Style</span>
+					<div class="flex gap-1.5 flex-1">
+						{#each ([['standard', 'Standard'], ['minimal', 'Minimal'], ['float', 'Float']] as const) as [s, lbl]}
+							<button
+								type="button"
+								onclick={() => setLayout('playerStyle', s)}
+								class="flex-1 py-1.5 rounded-lg border text-xs font-medium transition-colors
+									{layout.playerStyle === s
+										? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand)'
+										: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'}"
+								aria-pressed={layout.playerStyle === s}
+							>{lbl}</button>
+						{/each}
+					</div>
+				</div>
+				<div class="px-3 pb-2.5">
+					<p class="text-[11px] text-(--color-muted)/70 leading-snug">
+						{#if layout.playerStyle === 'standard'}
+							Full panel with voice picker and chapter browser.
+						{:else if layout.playerStyle === 'minimal'}
+							Compact bar: play/pause, seek, and time only.
+						{:else}
+							Draggable overlay — stays visible while you read.
+						{/if}
+					</p>
+				</div>
+
+				<!-- Speed -->
+				<div class="flex items-center gap-3 px-3 py-2.5">
+					<span class="text-xs text-(--color-muted) w-14 shrink-0">Speed</span>
+					<div class="flex gap-1.5 flex-1">
+						{#each ([[0.75, '0.75×'], [1, '1×'], [1.25, '1.25×'], [1.5, '1.5×'], [2, '2×']] as const) as [s, lbl]}
+							<button
+								type="button"
+								onclick={() => { audioStore.speed = s; }}
+								class="flex-1 py-1.5 rounded-lg border text-xs font-medium transition-colors
+									{audioStore.speed === s
+										? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand)'
+										: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'}"
+								aria-pressed={audioStore.speed === s}
+							>{lbl}</button>
+						{/each}
+					</div>
+				</div>
+
+				<!-- Auto-next -->
+				<div class="flex items-center gap-3 px-3 py-2.5">
+					<span class="text-xs text-(--color-muted) w-14 shrink-0">Auto-next</span>
+					<div class="flex gap-1.5 flex-1">
+						{#each ([[true, 'On'], [false, 'Off']] as const) as [v, lbl]}
+							<button
+								type="button"
+								onclick={() => { audioStore.autoNext = v; }}
+								class="flex-1 py-1.5 rounded-lg border text-xs font-medium transition-colors
+									{audioStore.autoNext === v
+										? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand)'
+										: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'}"
+								aria-pressed={audioStore.autoNext === v}
+							>{lbl}</button>
+						{/each}
+					</div>
+				</div>
+
+				<!-- Announce chapter -->
+				<div class="flex items-center gap-3 px-3 py-2.5 {!audioStore.autoNext ? 'opacity-40 pointer-events-none' : ''}">
+					<span class="text-xs text-(--color-muted) w-14 shrink-0">Announce</span>
+					<div class="flex gap-1.5 flex-1">
+						{#each ([[true, 'On'], [false, 'Off']] as const) as [v, lbl]}
+							<button
+								type="button"
+								onclick={() => { audioStore.announceChapter = v; }}
+								disabled={!audioStore.autoNext}
+								class="flex-1 py-1.5 rounded-lg border text-xs font-medium transition-colors
+									{audioStore.announceChapter === v
+										? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand)'
+										: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'}"
+								aria-pressed={audioStore.announceChapter === v}
+							>{lbl}</button>
+						{/each}
+					</div>
+				</div>
+
+			</div>
+		</div>
+
+		{/if}
+
+		<p class="text-[11px] text-(--color-muted)/50 text-center mt-3">Changes save automatically</p>
+
+	</div>
+</div>
+{/if}
+{/if}
+
+<!-- Currently Reading modal -->
+{#if readingModalOpen}
+	<CurrentlyReadingModal
+		currentSlug={data.book.slug}
+		onclose={() => (readingModalOpen = false)}
+	/>
+{/if}
diff --git a/ui/src/routes/catalogue/+page.server.ts b/ui/src/routes/catalogue/+page.server.ts
new file mode 100644
index 0000000..3b319de
--- /dev/null
+++ b/ui/src/routes/catalogue/+page.server.ts
@@ -0,0 +1,95 @@
+import { error } from '@sveltejs/kit';
+import type { PageServerLoad, Actions } from './$types';
+import { log } from '$lib/server/logger';
+import { backendFetch, backendFetchAdmin } from '$lib/server/scraper';
+import {
+	bookToListing,
+	type CatalogueResponse,
+	type NovelListing
+} from '$lib/server/catalogue';
+
+export type { NovelListing };
+
+export const load: PageServerLoad = async ({ url, locals }) => {
+	const page = url.searchParams.get('page') ?? '1';
+	const genre = url.searchParams.get('genre') ?? 'all';
+	const sort = url.searchParams.get('sort') ?? 'popular';
+	const status = url.searchParams.get('status') ?? 'all';
+	const q = url.searchParams.get('q') ?? '';
+	const audioOnly = url.searchParams.get('audio') === '1';
+
+	const params = new URLSearchParams({ page, genre, sort, status });
+	if (q.trim().length >= 2) {
+		params.set('q', q.trim());
+	}
+
+	let novels: NovelListing[] = [];
+	let pageNum = parseInt(page, 10) || 1;
+	let hasNext = false;
+	let total = 0;
+	// Dynamic facets from Meilisearch — fall back to empty arrays if unavailable.
+	let genres: string[] = [];
+	let statuses: string[] = [];
+
+	try {
+		// Admin users bypass the visibility filter and see all non-archived books.
+		const isAdminUser = locals.user?.role === 'admin';
+		const fetchCatalogue = isAdminUser ? backendFetchAdmin : backendFetch;
+		const res = await fetchCatalogue(`/api/catalogue?${params.toString()}`);
+		if (!res.ok) {
+			log.error('catalogue', 'catalogue returned error', { status: res.status });
+			throw error(502, `Catalogue fetch failed: ${res.status}`);
+		}
+		const data: CatalogueResponse = await res.json();
+		novels = (data.books ?? []).map(bookToListing);
+		pageNum = data.page ?? 1;
+		hasNext = data.has_next ?? false;
+		total = data.total ?? 0;
+		genres = data.facets?.genres ?? [];
+		statuses = data.facets?.statuses ?? [];
+	} catch (e) {
+		if (e instanceof Error && 'status' in e) throw e;
+		log.error('catalogue', 'catalogue network error', { err: String(e) });
+		throw error(502, 'Could not reach catalogue service');
+	}
+
+	return {
+		novels,
+		page: pageNum,
+		hasNext,
+		total,
+		genre,
+		sort,
+		status,
+		// Dynamic filter options from Meilisearch facet distribution.
+		// Empty arrays when Meilisearch is unavailable — UI falls back to hardcoded lists.
+		genres,
+		statuses,
+		isAdmin: locals.user?.role === 'admin',
+		searchQuery: q.trim().length >= 2 ? q.trim() : '',
+		searchLocalCount: 0,
+		searchRemoteCount: 0,
+		audioOnly
+	};
+};
+
+// Admin action: trigger a full catalogue scrape (refreshes ranking + library).
+export const actions: Actions = {
+	refresh: async ({ locals, fetch }) => {
+		if (!locals.user || locals.user.role !== 'admin') {
+			throw error(403, 'Forbidden');
+		}
+		try {
+			const res = await fetch('/api/scrape', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({})
+			});
+			if (res.status === 409) return { status: 'busy' };
+			if (!res.ok) return { status: 'error' };
+			return { status: 'queued' };
+		} catch {
+			return { status: 'error' };
+		}
+	}
+};
diff --git a/ui/src/routes/catalogue/+page.svelte b/ui/src/routes/catalogue/+page.svelte
new file mode 100644
index 0000000..63bbc04
--- /dev/null
+++ b/ui/src/routes/catalogue/+page.svelte
@@ -0,0 +1,780 @@
+<script lang="ts">
+	import { enhance } from '$app/forms';
+	import { goto } from '$app/navigation';
+	import { navigating } from '$app/state';
+	import { untrack } from 'svelte';
+	import type { PageData, ActionData } from './$types';
+	import type { NovelListing } from './+page.server';
+	import * as m from '$lib/paraglide/messages.js';
+
+	let { data, form }: { data: PageData; form: ActionData } = $props();
+
+	// ── Local filter state (mirrors URL params) ──────────────────────────────
+	let filterSort = $state(untrack(() => data.sort));
+	let filterGenre = $state(untrack(() => data.genre));
+	let filterStatus = $state(untrack(() => data.status));
+
+	$effect(() => {
+		filterSort = data.sort;
+		filterGenre = data.genre;
+		filterStatus = data.status;
+	});
+
+	function applyFilters() {
+		filtersOpen = false;
+		const params = new URLSearchParams();
+		params.set('sort', filterSort);
+		params.set('genre', filterGenre);
+		params.set('status', filterStatus);
+		params.set('page', '1');
+		if (filterAudioOnly) params.set('audio', '1');
+		goto(`/catalogue?${params.toString()}`);
+	}
+
+	let loadingSlug = $state<string | null>(null);
+
+	$effect(() => {
+		if (!navigating) loadingSlug = null;
+	});
+
+	function handleNovelClick(slug: string) {
+		loadingSlug = slug;
+	}
+
+	// ── Infinite scroll state ────────────────────────────────────────────────
+	let novels = $state<NovelListing[]>(untrack(() => data.novels));
+	let currentPage = $state(untrack(() => data.page));
+	let hasNext = $state(untrack(() => data.hasNext));
+	let loadingMore = $state(false);
+
+	let filterKey = $derived(`${data.sort}|${data.genre}|${data.status}|${data.searchQuery}`);
+	let lastFilterKey = '';
+	$effect(() => {
+		if (filterKey !== lastFilterKey) {
+			lastFilterKey = filterKey;
+			novels = data.novels;
+			currentPage = data.page;
+			hasNext = data.hasNext;
+		}
+	});
+
+	async function loadNextPage() {
+		if (loadingMore || !hasNext) return;
+		if (data.sort === 'rank' || data.searchQuery) return;
+
+		loadingMore = true;
+		const nextPage = currentPage + 1;
+		try {
+			const params = new URLSearchParams({
+				page: String(nextPage),
+				genre: data.genre,
+				sort: data.sort,
+				status: data.status
+			});
+			const res = await fetch(`/api/catalogue-page?${params.toString()}`);
+			if (!res.ok) return;
+			const body: { novels: NovelListing[]; page: number; hasNext: boolean } = await res.json();
+			novels = [...novels, ...(body.novels ?? [])];
+			currentPage = body.page ?? nextPage;
+			hasNext = body.hasNext ?? false;
+		} catch {
+			// silently ignore — user can scroll again to retry
+		} finally {
+			loadingMore = false;
+		}
+	}
+
+	// ── IntersectionObserver sentinel ────────────────────────────────────────
+	let sentinel = $state<HTMLDivElement | null>(null);
+
+	$effect(() => {
+		if (!sentinel) return;
+		const observer = new IntersectionObserver(
+			(entries) => {
+				if (entries[0].isIntersecting) loadNextPage();
+			},
+			{ rootMargin: '300px' }
+		);
+		observer.observe(sentinel);
+		return () => observer.disconnect();
+	});
+
+	const FALLBACK_GENRES = [
+		'action', 'adventure', 'comedy', 'drama', 'fantasy', 'harem',
+		'historical', 'horror', 'isekai', 'martial-arts', 'mystery',
+		'psychological', 'romance', 'sci-fi', 'system', 'xianxia'
+	];
+	const genres = $derived([
+		{ value: 'all', label: m.catalogue_genre_all() },
+		...((data.genres?.length ? data.genres : FALLBACK_GENRES).map((g: string) => ({
+			value: g,
+			label: g.charAt(0).toUpperCase() + g.slice(1).replace(/-/g, ' ')
+		})))
+	]);
+	const sorts = $derived([
+		{ value: 'popular', label: m.catalogue_sort_popular() },
+		{ value: 'new', label: m.catalogue_sort_new() },
+		{ value: 'update', label: m.catalogue_sort_updated() },
+		{ value: 'top-rated', label: m.catalogue_sort_top_rated() },
+		{ value: 'rank', label: m.catalogue_sort_rank() }
+	]);
+	const FALLBACK_STATUSES = ['ongoing', 'completed'];
+	const STATUS_LABELS: Record<string, () => string> = {
+		ongoing: () => m.catalogue_status_ongoing(),
+		completed: () => m.catalogue_status_completed(),
+	};
+	const statuses = $derived([
+		{ value: 'all', label: m.catalogue_status_all() },
+		...((data.statuses?.length ? data.statuses : FALLBACK_STATUSES).map((s: string) => ({
+			value: s,
+			label: STATUS_LABELS[s]?.() ?? (s.charAt(0).toUpperCase() + s.slice(1))
+		})))
+	]);
+
+	const isRankView = $derived(data.sort === 'rank');
+	const isSearchView = $derived(!!data.searchQuery);
+
+	// View toggle: 'grid' | 'list'. Persisted in localStorage.
+	const VIEW_KEY = 'libnovel:browse:view';
+	function savedView(): 'grid' | 'list' {
+		if (data.sort === 'rank') return 'list';
+		if (typeof localStorage !== 'undefined') {
+			const v = localStorage.getItem(VIEW_KEY);
+			if (v === 'grid' || v === 'list') return v;
+		}
+		return 'grid';
+	}
+	let view = $state<'grid' | 'list'>(savedView());
+	$effect(() => {
+		if (data.sort === 'rank' && view === 'grid') view = 'list';
+	});
+	$effect(() => {
+		if (typeof localStorage !== 'undefined' && data.sort !== 'rank') {
+			localStorage.setItem(VIEW_KEY, view);
+		}
+	});
+
+	// Admin: per-novel scrape state (grid view)
+	let scraping: Record<string, boolean> = $state({});
+	let scrapeResult: Record<string, string> = $state({});
+
+	async function scrapeNovel(novel: NovelListing) {
+		scraping[novel.slug] = true;
+		scrapeResult[novel.slug] = '';
+		try {
+			const res = await fetch('/api/scrape', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ url: novel.url })
+			});
+			if (res.ok) scrapeResult[novel.slug] = 'queued';
+			else if (res.status === 409) scrapeResult[novel.slug] = 'busy';
+			else if (res.status === 403) scrapeResult[novel.slug] = 'forbidden';
+			else scrapeResult[novel.slug] = 'error';
+		} catch {
+			scrapeResult[novel.slug] = 'error';
+		} finally {
+			scraping[novel.slug] = false;
+		}
+	}
+
+	// Admin: refresh catalogue
+	let refreshing = $state(false);
+
+	// ── Collapsible filters panel ────────────────────────────────────────────
+	let filtersOpen = $state(false);
+
+	const filterSummary = $derived((() => {
+		const parts: string[] = [];
+		const sortLabel = sorts.find((s) => s.value === data.sort)?.label ?? data.sort;
+		parts.push(sortLabel);
+		if (data.genre && data.genre !== 'all') {
+			const genreLabel = genres.find((g) => g.value === data.genre)?.label ?? data.genre;
+			parts.push(genreLabel);
+		}
+		if (data.status && data.status !== 'all') {
+			const statusLabel = statuses.find((s) => s.value === data.status)?.label ?? data.status;
+			parts.push(statusLabel);
+		}
+		return parts.join(' · ');
+	})());
+
+	const hasActiveFilters = $derived(
+		(data.genre && data.genre !== 'all') ||
+		(data.status && data.status !== 'all') ||
+		(data.sort && data.sort !== 'popular')
+	);
+
+	// ── Scroll-to-top button ─────────────────────────────────────────────────
+	let showScrollTop = $state(false);
+	$effect(() => {
+		function onScroll() {
+			showScrollTop = window.scrollY > 400;
+		}
+		window.addEventListener('scroll', onScroll, { passive: true });
+		return () => window.removeEventListener('scroll', onScroll);
+	});
+
+	// ── Audio-available set ───────────────────────────────────────────────────
+	let audioSlugs = $state<Set<string>>(new Set());
+	let filterAudioOnly = $state(untrack(() => data.audioOnly));
+
+	$effect(() => {
+		fetch('/api/audio/slugs')
+			.then((r) => r.json())
+			.then((d: { slugs: string[] }) => { audioSlugs = new Set(d.slugs ?? []); })
+			.catch(() => { /* non-critical */ });
+	});
+
+	function toggleAudio() {
+		filterAudioOnly = !filterAudioOnly;
+		const u = new URL(window.location.href);
+		if (filterAudioOnly) {
+			u.searchParams.set('audio', '1');
+		} else {
+			u.searchParams.delete('audio');
+		}
+		history.replaceState({}, '', u.toString());
+	}
+
+	const displayedNovels = $derived(
+		filterAudioOnly ? novels.filter((n) => audioSlugs.has(n.slug)) : novels
+	);
+</script>
+
+<svelte:head>
+	<title>{m.catalogue_page_title()}</title>
+</svelte:head>
+
+<!-- Header -->
+<div class="mb-4">
+	<h1 class="text-2xl font-bold text-(--color-text)">{m.catalogue_heading()}</h1>
+	<p class="text-(--color-muted) text-sm mt-1">
+		{#if isSearchView}
+			{m.catalogue_search_results({ n: String(novels.length), s: novels.length !== 1 ? 's' : '', q: data.searchQuery })}
+			{#if data.searchLocalCount > 0 || data.searchRemoteCount > 0}
+				<span class="text-(--color-muted) text-xs ml-1">{m.catalogue_search_local_count({ local: String(data.searchLocalCount), remote: String(data.searchRemoteCount) })}</span>
+			{/if}
+		{:else if isRankView}
+			{#if novels.length > 0}
+				{m.catalogue_rank_ranked({ n: String(novels.length) })}
+			{:else}
+				{m.catalogue_rank_no_data_body()}
+			{/if}
+		{:else}
+			{m.catalogue_browse_source()}{#if data.total > 0}&nbsp;<span class="text-(--color-muted) text-xs">{data.total.toLocaleString()} novels</span>{/if}
+		{/if}
+	</p>
+</div>
+
+<!-- Admin flash messages -->
+{#if form}
+	{#if form.status === 'queued'}
+		<div class="mb-4 px-4 py-3 rounded bg-(--color-success)/10 border border-(--color-success)/40 text-(--color-success) text-sm">
+			{m.catalogue_scrape_queued_flash()}
+		</div>
+	{:else if form.status === 'busy'}
+		<div class="mb-4 px-4 py-3 rounded bg-(--color-brand)/10 border border-(--color-brand)/40 text-(--color-brand) text-sm">
+			{m.catalogue_scrape_busy_flash()}
+		</div>
+	{:else if form.status === 'error'}
+		<div class="mb-4 px-4 py-3 rounded bg-(--color-danger)/10 border border-(--color-danger) text-(--color-danger) text-sm">
+			{m.catalogue_scrape_error_flash()}
+		</div>
+	{/if}
+{/if}
+
+<!-- Toolbar: search + filter toggle + view toggle + admin refresh -->
+<div class="flex gap-2 mb-3">
+	<!-- Search (grows to fill available space) -->
+	<form method="GET" action="/catalogue" class="flex flex-1 gap-2 min-w-0">
+		<input
+			type="search"
+			name="q"
+			value={data.searchQuery}
+			placeholder={m.catalogue_search_placeholder()}
+			class="flex-1 min-w-0 bg-(--color-surface-2) border border-(--color-border) text-(--color-text) text-sm rounded px-3 py-2 focus:outline-none focus:border-(--color-brand) placeholder-zinc-500"
+		/>
+		<button
+			type="submit"
+			class="px-3 py-2 rounded bg-(--color-brand) text-(--color-surface) text-sm font-semibold hover:bg-(--color-brand-dim) transition-colors whitespace-nowrap"
+		>
+			{m.catalogue_search_button()}
+		</button>
+		{#if data.searchQuery}
+			<a
+				href="/catalogue"
+				class="px-3 py-2 rounded bg-(--color-surface-3) text-(--color-text) text-sm hover:bg-(--color-surface-3) transition-colors whitespace-nowrap"
+			>
+				{m.catalogue_clear_filters()}
+			</a>
+		{/if}
+	</form>
+
+	<!-- Filters toggle button -->
+	<button
+		type="button"
+		onclick={() => (filtersOpen = !filtersOpen)}
+		aria-expanded={filtersOpen}
+		class="relative flex items-center gap-1.5 px-3 py-2 rounded border text-sm font-medium transition-colors whitespace-nowrap
+			{filtersOpen
+				? 'bg-(--color-surface-3) border-zinc-500 text-(--color-text)'
+				: 'bg-(--color-surface-2) border-(--color-border) text-(--color-text) hover:border-zinc-500 hover:text-(--color-text)'}"
+	>
+		<svg class="w-4 h-4 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+				d="M3 4h18M7 8h10M11 12h2M9 16h6" />
+		</svg>
+		<span class="hidden sm:inline">{m.catalogue_filters_label()}</span>
+		{#if hasActiveFilters}
+			<span class="absolute top-1 right-1 w-1.5 h-1.5 rounded-full bg-(--color-brand)"></span>
+		{/if}
+	</button>
+
+	<!-- View toggle -->
+	<div class="flex items-center bg-(--color-surface-2) border border-(--color-border) rounded overflow-hidden shrink-0">
+		<button
+			onclick={() => (view = 'grid')}
+			title={m.catalogue_view_grid()}
+			class="px-2.5 py-2 transition-colors {view === 'grid'
+				? 'bg-(--color-surface-3) text-(--color-text)'
+				: 'text-(--color-muted) hover:text-(--color-text)'}"
+		>
+			<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+					d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" />
+			</svg>
+		</button>
+		<button
+			onclick={() => (view = 'list')}
+			title={m.catalogue_view_list()}
+			class="px-2.5 py-2 transition-colors {view === 'list'
+				? 'bg-(--color-surface-3) text-(--color-text)'
+				: 'text-(--color-muted) hover:text-(--color-text)'}"
+		>
+			<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+					d="M4 6h16M4 10h16M4 14h16M4 18h16" />
+			</svg>
+		</button>
+	</div>
+
+	<!-- Audio-only filter toggle -->
+	{#if audioSlugs.size > 0}
+		<button
+			onclick={toggleAudio}
+			title="Show only books with audio"
+			class="flex items-center gap-1.5 px-2.5 py-2 rounded border text-sm transition-colors shrink-0
+				{filterAudioOnly
+					? 'bg-(--color-brand)/15 border-(--color-brand)/50 text-(--color-brand)'
+					: 'bg-(--color-surface-2) border-(--color-border) text-(--color-muted) hover:text-(--color-text) hover:border-zinc-500'}"
+		>
+			<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072M12 6a7 7 0 010 12M9 10.5a2.5 2.5 0 000 3" />
+			</svg>
+			<span class="hidden sm:inline text-xs font-medium">Audio</span>
+		</button>
+	{/if}
+
+	<!-- Admin: refresh catalogue -->
+	{#if data.isAdmin}
+		<form
+			method="POST"
+			action="?/refresh"
+			use:enhance={() => {
+				refreshing = true;
+				return async ({ update }) => {
+					await update();
+					refreshing = false;
+				};
+			}}
+		>
+			<button
+				type="submit"
+				disabled={refreshing}
+				class="hidden sm:block px-3 py-2 rounded bg-(--color-brand) text-(--color-surface) text-sm font-semibold hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap"
+			>
+				{refreshing ? m.catalogue_refreshing() : m.catalogue_refresh()}
+			</button>
+		</form>
+	{/if}
+</div>
+
+<!-- Active filter summary (shown when panel is closed and filters are active) -->
+{#if !filtersOpen && hasActiveFilters}
+	<p class="text-xs text-(--color-muted) mb-3">
+		<span class="text-(--color-muted)">{filterSummary}</span>
+		<a href="/catalogue" class="ml-2 text-(--color-muted) hover:text-(--color-muted) underline underline-offset-2">{m.catalogue_clear_filters().toLowerCase()}</a>
+	</p>
+{/if}
+
+<!-- Collapsible filter panel -->
+{#if filtersOpen}
+	<!-- Admin refresh (mobile only) -->
+	{#if data.isAdmin}
+		<form
+			method="POST"
+			action="?/refresh"
+			use:enhance={() => {
+				refreshing = true;
+				return async ({ update }) => {
+					await update();
+					refreshing = false;
+				};
+			}}
+			class="sm:hidden mb-2"
+		>
+			<button
+				type="submit"
+				disabled={refreshing}
+				class="w-full px-3 py-2 rounded bg-(--color-brand) text-(--color-surface) text-sm font-semibold hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+			>
+				{refreshing ? m.catalogue_refreshing() : m.catalogue_refresh_mobile()}
+			</button>
+		</form>
+	{/if}
+
+	<form method="GET" action="/catalogue" class="mb-4 p-3 rounded-lg bg-(--color-surface-2)/60 border border-(--color-border) flex flex-col gap-3">
+		<input type="hidden" name="page" value="1" />
+
+		<div class="grid grid-cols-1 sm:grid-cols-3 gap-3">
+			<div class="flex flex-col gap-1">
+				<label for="filter-sort" class="text-xs text-(--color-muted) uppercase tracking-wide">{m.catalogue_filter_sort()}</label>
+				<select
+					id="filter-sort"
+					name="sort"
+					bind:value={filterSort}
+					class="bg-(--color-surface) border border-(--color-border) text-(--color-text) text-sm rounded px-3 py-2 focus:outline-none focus:border-(--color-brand) w-full"
+				>
+					{#each sorts as s}
+						<option value={s.value} selected={s.value === filterSort}>{s.label}</option>
+					{/each}
+				</select>
+			</div>
+
+			<div class="flex flex-col gap-1">
+				<label for="filter-genre" class="text-xs text-(--color-muted) uppercase tracking-wide">{m.catalogue_filter_genre()}</label>
+				<select
+					id="filter-genre"
+					name="genre"
+					bind:value={filterGenre}
+					disabled={isRankView}
+					class="bg-(--color-surface) border border-(--color-border) text-(--color-text) text-sm rounded px-3 py-2 focus:outline-none focus:border-(--color-brand) disabled:opacity-40 disabled:cursor-not-allowed w-full"
+				>
+					{#each genres as g}
+						<option value={g.value} selected={g.value === filterGenre}>{g.label}</option>
+					{/each}
+				</select>
+			</div>
+
+			<div class="flex flex-col gap-1">
+				<label for="filter-status" class="text-xs text-(--color-muted) uppercase tracking-wide">{m.catalogue_filter_status()}</label>
+				<select
+					id="filter-status"
+					name="status"
+					bind:value={filterStatus}
+					disabled={isRankView}
+					class="bg-(--color-surface) border border-(--color-border) text-(--color-text) text-sm rounded px-3 py-2 focus:outline-none focus:border-(--color-brand) disabled:opacity-40 disabled:cursor-not-allowed w-full"
+				>
+					{#each statuses as st}
+						<option value={st.value} selected={st.value === filterStatus}>{st.label}</option>
+					{/each}
+				</select>
+			</div>
+		</div>
+
+		{#if isRankView}
+			<p class="text-xs text-(--color-muted) italic">{m.catalogue_filter_rank_note()}</p>
+		{/if}
+
+		<div class="flex gap-2 justify-end">
+			<a href="/catalogue" class="px-4 py-2 rounded bg-(--color-surface-3) text-(--color-text) text-sm hover:bg-(--color-surface-3) transition-colors">
+				{m.catalogue_reset()}
+			</a>
+			<button
+				type="button"
+				onclick={applyFilters}
+				class="px-4 py-2 rounded bg-(--color-brand) text-(--color-surface) text-sm font-semibold hover:bg-(--color-brand-dim) transition-colors"
+			>
+				{m.catalogue_apply()}
+			</button>
+		</div>
+	</form>
+{/if}
+
+<!-- Content -->
+{#if displayedNovels.length === 0}
+	<div class="text-center py-20 text-(--color-muted)">
+		<p class="text-lg">{isSearchView ? m.catalogue_no_results_search() : isRankView ? m.catalogue_rank_no_data() : filterAudioOnly ? 'No books with audio found.' : m.catalogue_no_results()}</p>
+		<p class="text-sm mt-2">
+			{#if isSearchView}
+				{m.catalogue_no_results_try()}
+			{:else if isRankView}
+				{#if data.isAdmin}
+					{m.catalogue_rank_run_scrape_admin()}
+				{:else}
+					{m.catalogue_rank_run_scrape_user()}
+				{/if}
+			{:else if filterAudioOnly}
+				<button onclick={toggleAudio} class="text-(--color-brand) hover:underline">Clear audio filter</button>
+			{:else}
+				{m.catalogue_no_results_filters()}
+			{/if}
+		</p>
+	</div>
+
+{:else if view === 'grid'}
+	<!-- ── Grid view ─────────────────────────────────────────────────────── -->
+	<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4">
+		{#each displayedNovels as novel}
+			{@const isLoading = loadingSlug === novel.slug}
+			<a
+				href="/books/{novel.slug}"
+				onclick={() => handleNovelClick(novel.slug)}
+				class="group flex flex-col rounded-lg overflow-hidden bg-(--color-surface-2) border transition-all relative
+					{isLoading ? 'border-(--color-brand)/60' : 'border-(--color-border) hover:border-(--color-brand)/50 hover:bg-(--color-surface-3) hover:shadow-lg hover:shadow-black/20 hover:-translate-y-0.5'}"
+			>
+				<!-- Cover -->
+				<div class="aspect-[2/3] bg-(--color-surface) overflow-hidden relative">
+					{#if novel.cover}
+						<img
+							src={novel.cover}
+							alt={novel.title}
+							class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+							loading="lazy"
+							onerror={(e) => {
+								const img = e.currentTarget as HTMLImageElement;
+								img.style.display = 'none';
+								(img.nextElementSibling as HTMLElement | null)?.style.setProperty('display', 'flex');
+							}}
+						/><div class="w-full h-full absolute inset-0 items-center justify-center bg-(--color-surface-3)" style="display:none"><span class="text-5xl font-bold text-(--color-muted) select-none opacity-50">{novel.title.charAt(0).toUpperCase()}</span></div>
+					{:else}
+						<div class="w-full h-full flex items-center justify-center bg-(--color-surface-3)">
+							<span class="text-5xl font-bold text-(--color-muted) select-none opacity-50">{novel.title.charAt(0).toUpperCase()}</span>
+						</div>
+					{/if}
+					{#if novel.rank}
+						<span class="absolute top-1 left-1 text-xs px-1.5 py-0.5 rounded bg-(--color-surface)/80 text-(--color-brand) font-bold">
+							{novel.rank}
+						</span>
+					{/if}
+					{#if novel.rating}
+						<span class="absolute top-1 right-1 text-xs px-1.5 py-0.5 rounded bg-(--color-surface)/80 text-(--color-text)">
+							{novel.rating}
+						</span>
+					{/if}
+					<!-- Audio badge -->
+					{#if audioSlugs.has(novel.slug)}
+						<span class="absolute bottom-1.5 left-1.5 flex items-center gap-0.5 text-xs px-1.5 py-0.5 rounded bg-(--color-brand)/80 text-(--color-surface) font-medium" title="Audio available">
+							<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072M12 6a7 7 0 010 12M9 10.5a2.5 2.5 0 000 3" />
+							</svg>
+						</span>
+					{/if}
+					<!-- Loading overlay -->
+					{#if isLoading}
+						<div class="absolute inset-0 bg-(--color-surface)/70 flex items-center justify-center">
+							<svg class="w-8 h-8 animate-spin text-(--color-brand)" fill="none" viewBox="0 0 24 24">
+								<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+								<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+							</svg>
+						</div>
+					{/if}
+				</div>
+
+				<!-- Info -->
+				<div class="p-2 flex flex-col gap-1 flex-1">
+					<h2 class="text-xs font-semibold text-(--color-text) line-clamp-2 leading-snug">{novel.title}</h2>
+					{#if novel.author}
+						<p class="text-xs text-(--color-muted) truncate">{novel.author}</p>
+					{:else if novel.chapters}
+						<p class="text-xs text-(--color-muted) truncate">{novel.chapters}</p>
+					{/if}
+
+					<!-- Admin: per-novel scrape button -->
+					{#if data.isAdmin && novel.url}
+						<div class="mt-auto pt-1">
+							{#if scrapeResult[novel.slug] === 'queued'}
+								<span class="text-xs text-emerald-400 font-medium">{m.catalogue_scrape_queued_badge()}</span>
+							{:else if scrapeResult[novel.slug] === 'busy'}
+								<span class="text-xs text-yellow-400 font-medium">{m.catalogue_scrape_busy_badge()}</span>
+							{:else if scrapeResult[novel.slug] === 'forbidden'}
+								<span class="text-xs text-(--color-danger) font-medium">{m.catalogue_scrape_forbidden_badge()}</span>
+							{:else if scrapeResult[novel.slug] === 'error'}
+								<span class="text-xs text-(--color-danger) font-medium">{m.common_error()}</span>
+							{:else}
+								<button
+									onclick={(e) => { e.preventDefault(); scrapeNovel(novel); }}
+									disabled={scraping[novel.slug]}
+									class="w-full text-xs px-2 py-1 rounded bg-(--color-brand) text-(--color-surface) font-semibold hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+								>
+									{scraping[novel.slug] ? m.catalogue_scraping_novel() : m.catalogue_scrape_novel_button()}
+								</button>
+							{/if}
+						</div>
+					{/if}
+				</div>
+			</a>
+		{/each}
+	</div>
+
+{:else}
+	<!-- ── List view ─────────────────────────────────────────────────────── -->
+	<div class="flex flex-col gap-2">
+		{#each displayedNovels as novel}
+			{@const isLoading = loadingSlug === novel.slug}
+			<div
+				class="flex items-center gap-4 bg-(--color-surface-2) border rounded-lg px-4 py-3 transition-all
+					{isLoading ? 'border-(--color-brand)/60' : 'border-(--color-border) hover:border-(--color-brand)/50 hover:bg-(--color-surface-3)'}"
+			>
+				<!-- Rank / index -->
+				{#if novel.rank}
+					<span class="text-(--color-brand) font-bold text-sm w-8 shrink-0 text-right">{novel.rank}</span>
+				{/if}
+
+				<!-- Cover thumbnail -->
+				<div class="w-10 h-14 shrink-0 rounded overflow-hidden bg-(--color-surface) relative">
+					{#if novel.cover}
+						<img
+						src={novel.cover}
+						alt={novel.title}
+						class="w-full h-full object-cover"
+						loading="lazy"
+						onerror={(e) => {
+							const img = e.currentTarget as HTMLImageElement;
+							img.style.display = 'none';
+							const fb = img.parentElement?.querySelector('.cover-fallback') as HTMLElement | null;
+							if (fb) fb.style.display = 'flex';
+						}}
+					/><div class="cover-fallback w-full h-full absolute inset-0 items-center justify-center bg-(--color-surface-3)" style="display:none"><span class="text-xl font-bold text-(--color-muted) select-none opacity-50">{novel.title.charAt(0).toUpperCase()}</span></div>
+					{:else}
+						<div class="w-full h-full flex items-center justify-center bg-(--color-surface-3)">
+							<span class="text-xl font-bold text-(--color-muted) select-none opacity-50">{novel.title.charAt(0).toUpperCase()}</span>
+						</div>
+					{/if}
+					{#if isLoading}
+						<div class="absolute inset-0 bg-(--color-surface)/70 flex items-center justify-center">
+							<svg class="w-4 h-4 animate-spin text-(--color-brand)" fill="none" viewBox="0 0 24 24">
+								<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+								<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+							</svg>
+						</div>
+					{/if}
+				</div>
+
+				<!-- Title + meta -->
+				<div class="flex-1 min-w-0">
+					{#if novel.slug}
+						<a
+							href="/books/{novel.slug}"
+							onclick={() => handleNovelClick(novel.slug)}
+							class="text-sm font-semibold transition-colors line-clamp-1
+								{isLoading ? 'text-(--color-brand)' : 'text-(--color-text) hover:text-(--color-brand)'}"
+						>
+							{novel.title}
+						</a>
+					{:else}
+						<span class="text-sm font-semibold text-(--color-text) line-clamp-1">{novel.title}</span>
+					{/if}
+					<div class="flex items-center gap-2 mt-0.5 flex-wrap">
+						{#if novel.author}
+							<span class="text-xs text-(--color-muted)">{novel.author}</span>
+						{/if}
+						{#if novel.status}
+							<span class="text-xs px-1.5 py-0.5 rounded bg-(--color-surface-3) text-(--color-text)">{novel.status}</span>
+						{:else if novel.chapters}
+							<span class="text-xs text-(--color-muted)">{novel.chapters}</span>
+						{/if}
+						{#if novel.rating}
+							<span class="text-xs px-1.5 py-0.5 rounded bg-(--color-surface-3) text-(--color-muted)">★ {novel.rating}</span>
+						{/if}
+						{#if audioSlugs.has(novel.slug)}
+							<span class="inline-flex items-center gap-0.5 text-xs px-1.5 py-0.5 rounded bg-(--color-brand)/15 text-(--color-brand) border border-(--color-brand)/30 font-medium">
+								<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+									<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072M12 6a7 7 0 010 12M9 10.5a2.5 2.5 0 000 3" />
+								</svg>
+								Audio
+							</span>
+						{/if}
+						{#if novel.genres?.length}
+							{#each novel.genres.slice(0, 3) as genre}
+								<span class="text-xs px-1 py-0.5 rounded bg-(--color-surface) text-(--color-muted)">{genre}</span>
+							{/each}
+						{/if}
+					</div>
+				</div>
+
+				<!-- Admin: per-novel scrape button (list view) -->
+				{#if data.isAdmin && novel.url}
+					<div class="shrink-0">
+						{#if scrapeResult[novel.slug] === 'queued'}
+							<span class="text-xs text-emerald-400 font-medium">{m.catalogue_scrape_queued_badge()}</span>
+						{:else if scrapeResult[novel.slug] === 'busy'}
+							<span class="text-xs text-yellow-400 font-medium">{m.catalogue_scrape_busy_list()}</span>
+						{:else if scrapeResult[novel.slug] === 'forbidden'}
+							<span class="text-xs text-(--color-danger) font-medium">{m.catalogue_scrape_forbidden_badge()}</span>
+						{:else if scrapeResult[novel.slug] === 'error'}
+							<span class="text-xs text-(--color-danger) font-medium">{m.common_error()}</span>
+						{:else}
+							<button
+								onclick={() => scrapeNovel(novel)}
+								disabled={scraping[novel.slug]}
+								class="text-xs px-2.5 py-1 rounded bg-(--color-brand) text-(--color-surface) font-semibold hover:bg-(--color-brand-dim) transition-colors disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap"
+							>
+								{scraping[novel.slug] ? m.catalogue_scraping_novel() : m.catalogue_scrape_novel_button()}
+							</button>
+						{/if}
+					</div>
+				{/if}
+
+				<!-- External link -->
+				{#if novel.source_url || novel.url}
+					<a
+						href={novel.source_url ?? novel.url}
+						target="_blank"
+						rel="noopener noreferrer"
+						class="shrink-0 text-(--color-muted) hover:text-(--color-text) transition-colors"
+						title="Open on novelfire.net"
+					>
+						<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+								d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+						</svg>
+					</a>
+				{/if}
+			</div>
+		{/each}
+	</div>
+{/if}
+
+<!-- Infinite scroll sentinel (browse mode only — not rank, not search) -->
+{#if !isRankView && !isSearchView}
+	{#if hasNext}
+		<div bind:this={sentinel} class="h-px mt-8"></div>
+	{/if}
+
+	{#if loadingMore}
+		<div class="flex justify-center py-8">
+			<svg class="w-6 h-6 animate-spin text-(--color-brand)" fill="none" viewBox="0 0 24 24">
+				<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+				<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+			</svg>
+		</div>
+	{:else if !hasNext && novels.length > 0}
+		<p class="text-center text-(--color-muted) text-xs mt-8 pb-4">{m.catalogue_all_loaded()}</p>
+	{/if}
+{/if}
+
+<!-- Scroll-to-top button -->
+{#if showScrollTop}
+	<button
+		onclick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}
+		class="fixed bottom-6 right-6 z-50 p-3 rounded-full bg-(--color-surface-2) border border-(--color-border) text-(--color-text) shadow-lg hover:bg-(--color-surface-3) hover:text-(--color-text) transition-colors"
+		title={m.catalogue_scroll_top()}
+		aria-label={m.catalogue_scroll_top()}
+	>
+		<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" />
+		</svg>
+	</button>
+{/if}
diff --git a/ui/src/routes/disclaimer/+page.svelte b/ui/src/routes/disclaimer/+page.svelte
new file mode 100644
index 0000000..604945d
--- /dev/null
+++ b/ui/src/routes/disclaimer/+page.svelte
@@ -0,0 +1,38 @@
+<script lang="ts">
+	import * as m from '$lib/paraglide/messages.js';
+</script>
+
+<svelte:head>
+	<title>{m.disclaimer_page_title()}</title>
+</svelte:head>
+
+<div class="max-w-2xl mx-auto py-10 px-4">
+	<h1 class="text-2xl font-bold text-(--color-text) mb-6">Disclaimer</h1>
+
+	<div class="space-y-5 text-sm text-(--color-muted) leading-relaxed">
+		<p>
+			libnovel is a personal reading tool that indexes and caches publicly accessible novel content
+			from third-party sources, primarily <a href="https://novelfire.net" target="_blank" rel="noopener noreferrer" class="text-(--color-brand) hover:text-(--color-brand-dim) transition-colors">novelfire.net</a>.
+			It is not affiliated with, endorsed by, or in any way officially connected to those sources.
+		</p>
+
+		<p>
+			All novel titles, cover images, chapter text, and related materials are the property of their
+			respective authors and publishers. libnovel does not claim ownership of any of this content.
+			The content is reproduced solely for personal, non-commercial reading convenience.
+		</p>
+
+		<p>
+			If you are a rights holder and believe your work is being used without authorisation, please
+			refer to our <a href="/dmca" class="text-(--color-brand) hover:text-(--color-brand-dim) transition-colors">DMCA policy</a>
+			for instructions on how to request removal.
+		</p>
+
+		<p>
+			libnovel makes no warranties regarding the accuracy, completeness, or timeliness of any
+			content displayed. Use of this site is at your own risk.
+		</p>
+
+		<p class="text-(--color-muted) text-xs mt-8">Last updated: {new Date().getFullYear()}</p>
+	</div>
+</div>
diff --git a/ui/src/routes/discover/+page.server.ts b/ui/src/routes/discover/+page.server.ts
new file mode 100644
index 0000000..c8d8a32
--- /dev/null
+++ b/ui/src/routes/discover/+page.server.ts
@@ -0,0 +1,20 @@
+import type { PageServerLoad } from './$types';
+import { getBooksForDiscovery, getVotedBooks } from '$lib/server/pocketbase';
+import type { DiscoveryPrefs } from '$lib/server/pocketbase';
+
+export const load: PageServerLoad = async ({ locals, url }) => {
+	let prefs: DiscoveryPrefs | undefined;
+	const prefsParam = url.searchParams.get('prefs');
+	if (prefsParam) {
+		try { prefs = JSON.parse(prefsParam) as DiscoveryPrefs; } catch { /* ignore */ }
+	}
+
+	// Return promises directly — SvelteKit streams them, so the page transitions
+	// immediately and content resolves async (skeleton shown while loading).
+	return {
+		streamed: {
+			books:      getBooksForDiscovery(locals.sessionId, locals.user?.id, prefs).catch(() => []),
+			votedBooks: getVotedBooks(locals.sessionId, locals.user?.id).catch(() => []),
+		}
+	};
+};
diff --git a/ui/src/routes/discover/+page.svelte b/ui/src/routes/discover/+page.svelte
new file mode 100644
index 0000000..8557b82
--- /dev/null
+++ b/ui/src/routes/discover/+page.svelte
@@ -0,0 +1,859 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { browser } from '$app/environment';
+	import type { PageData } from './$types';
+	import type { Book, VotedBook } from '$lib/server/pocketbase';
+
+	let { data }: { data: PageData } = $props();
+
+	// ── Preferences (localStorage) ──────────────────────────────────────────────
+	interface Prefs {
+		genres: string[];
+		status: 'either' | 'ongoing' | 'completed';
+		onboarded: boolean;
+	}
+	const PREFS_KEY = 'discover_prefs_v1';
+	const GENRES = [
+		'Martial Arts', 'Xianxia', 'Xuanhuan', 'Wuxia', 'Cultivation',
+		'Romance', 'Action', 'Adventure', 'Fantasy', 'System',
+		'Harem', 'Historical', 'Comedy', 'Drama', 'Mystery',
+		'Sci-Fi', 'Horror', 'Slice of Life'
+	];
+
+	function loadPrefs(): Prefs {
+		if (!browser) return { genres: [], status: 'either', onboarded: false };
+		try {
+			const raw = localStorage.getItem(PREFS_KEY);
+			if (raw) return JSON.parse(raw) as Prefs;
+		} catch { /* ignore */ }
+		return { genres: [], status: 'either', onboarded: false };
+	}
+	function savePrefs(p: Prefs) {
+		if (!browser) return;
+		localStorage.setItem(PREFS_KEY, JSON.stringify(p));
+	}
+
+	let prefs = $state<Prefs>(loadPrefs());
+	// svelte-ignore state_referenced_locally
+	let showOnboarding = $state(!prefs.onboarded);
+	let isEditingPrefs = $state(false);
+
+	// Onboarding temp state
+	// svelte-ignore state_referenced_locally
+	let tempGenres = $state<string[]>([...prefs.genres]);
+	// svelte-ignore state_referenced_locally
+	let tempStatus = $state<Prefs['status']>(prefs.status);
+
+	function finishOnboarding(skip = false) {
+		if (!skip) {
+			prefs = { genres: tempGenres, status: tempStatus, onboarded: true };
+			savePrefs(prefs);
+		}
+		showOnboarding = false;
+		isEditingPrefs = false;
+	}
+
+	// ── Book deck (client-side filtered) ───────────────────────────────────────
+	function parseBookGenres(genres: string[] | string): string[] {
+		if (Array.isArray(genres)) return genres;
+		if (!genres) return [];
+		try { return JSON.parse(genres) as string[]; } catch { return []; }
+	}
+
+	function cleanSummary(text: string): string {
+		return text.replace(/^summary\s*/i, '').trim();
+	}
+
+	function capitalizeFirst(s: string): string {
+		return s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+	}
+
+	// Resolved books from streamed promises — populated via $effect once promises settle
+	let resolvedBooks = $state<Book[]>([]);
+	let resolvedVotedBooks = $state<VotedBook[]>([]);
+
+	$effect(() => {
+		Promise.all([data.streamed.books, data.streamed.votedBooks]).then(([books, vb]) => {
+			resolvedBooks = books as Book[];
+			resolvedVotedBooks = vb as VotedBook[];
+		});
+	});
+
+	let deck = $derived.by(() => {
+		let books = resolvedBooks;
+		if (prefs.onboarded && prefs.genres.length > 0) {
+			const preferred = new Set(prefs.genres.map((g) => g.toLowerCase()));
+			const filtered = books.filter((b) => {
+				const g = parseBookGenres(b.genres);
+				return g.some((genre) => preferred.has(genre.toLowerCase()));
+			});
+			if (filtered.length >= 5) books = filtered;
+		}
+		if (prefs.onboarded && prefs.status !== 'either') {
+			const sf = books.filter((b) => b.status?.toLowerCase().includes(prefs.status));
+			if (sf.length >= 3) books = sf;
+		}
+		return books;
+	});
+
+	// ── Card state ──────────────────────────────────────────────────────────────
+	let idx = $state(0);
+	let isDragging = $state(false);
+	let animating = $state(false);
+	let offsetX = $state(0);
+	let offsetY = $state(0);
+	let transitioning = $state(false);
+	let showPreview = $state(false);
+	let voted = $state<{ slug: string; action: string } | null>(null);
+	let showHistory = $state(false);
+
+	let votedBooks = $state<VotedBook[]>([]);
+	// Sync when streamed data resolves
+	$effect(() => { if (resolvedVotedBooks.length) votedBooks = resolvedVotedBooks; });
+
+	async function undoVote(slug: string) {
+		votedBooks = votedBooks.filter((v) => v.slug !== slug);
+		await fetch(`/api/discover/vote?slug=${encodeURIComponent(slug)}`, { method: 'DELETE' });
+	}
+
+	let startX = 0, startY = 0, hasMoved = false;
+
+	let currentBook = $derived(deck[idx] as Book | undefined);
+	let nextBook = $derived(deck[idx + 1] as Book | undefined);
+	let nextNextBook = $derived(deck[idx + 2] as Book | undefined);
+	let deckEmpty = $derived(resolvedBooks.length > 0 && !currentBook);
+	let loading = $derived(resolvedBooks.length === 0);
+	let totalRemaining = $derived(Math.max(0, deck.length - idx));
+
+	// Preload next card image
+	$effect(() => {
+		if (!browser || !nextBook?.cover) return;
+		const img = new Image();
+		img.src = nextBook.cover;
+	});
+
+	// Which direction/indicator to show (no NOPE — only 3 actions)
+	let indicator = $derived.by((): 'like' | 'skip' | 'read_now' | null => {
+		if (!isDragging) return null;
+		const ax = Math.abs(offsetX), ay = Math.abs(offsetY);
+		const threshold = 20;
+		if (ax > ay) {
+			if (offsetX > threshold) return 'like';
+			if (offsetX < -threshold) return 'skip';
+		} else {
+			if (offsetY < -threshold) return 'read_now';
+		}
+		return null;
+	});
+
+	const indicatorOpacity = $derived(
+		isDragging
+			? Math.min(1, Math.max(Math.abs(offsetX), Math.abs(offsetY)) / 60)
+			: 0
+	);
+	const rotation = $derived(isDragging ? Math.max(-18, Math.min(18, offsetX / 12)) : 0);
+
+	let cardEl = $state<HTMLDivElement | null>(null);
+
+	// ── Card entry animation ──────────────────────────────────────────────────
+	let cardEntering = $state(false);
+	let entryTransition = $state(false);
+	let entryCleanup: ReturnType<typeof setTimeout> | null = null;
+
+	function startEntryAnimation() {
+		if (entryCleanup) clearTimeout(entryCleanup);
+		cardEntering = true;
+		entryTransition = true;
+		requestAnimationFrame(() => {
+			cardEntering = false;
+			entryCleanup = setTimeout(() => { entryTransition = false; }, 400);
+		});
+	}
+
+	function cancelEntryAnimation() {
+		if (entryCleanup) { clearTimeout(entryCleanup); entryCleanup = null; }
+		cardEntering = false;
+		entryTransition = false;
+	}
+
+	const activeTransform = $derived(
+		cardEntering
+			? 'scale(0.95) translateY(13px)'
+			: `translateX(${offsetX}px) translateY(${offsetY}px) rotate(${rotation}deg)`
+	);
+
+	const activeTransition = $derived(
+		isDragging
+			? 'none'
+			: transitioning
+				? 'transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275)'
+				: entryTransition
+					? 'transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94)'
+					: 'none'
+	);
+
+	function onPointerDown(e: PointerEvent) {
+		cancelEntryAnimation();
+		if (animating || !currentBook) return;
+		(e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);
+		startX = e.clientX;
+		startY = e.clientY;
+		hasMoved = false;
+		isDragging = true;
+		transitioning = false;
+		offsetX = 0;
+		offsetY = 0;
+	}
+
+	function onPointerMove(e: PointerEvent) {
+		if (!isDragging) return;
+		offsetX = e.clientX - startX;
+		offsetY = e.clientY - startY;
+		if (Math.abs(offsetX) > 5 || Math.abs(offsetY) > 5) hasMoved = true;
+	}
+
+	async function onPointerUp(e: PointerEvent) {
+		if (!isDragging) return;
+		isDragging = false;
+
+		const THRESHOLD_X = 90;
+		const THRESHOLD_Y = 70;
+		const ax = Math.abs(offsetX), ay = Math.abs(offsetY);
+
+		if (ax > ay && ax > THRESHOLD_X) {
+			await doAction(offsetX > 0 ? 'like' : 'skip');
+		} else if (ay > ax && ay > THRESHOLD_Y && offsetY < 0) {
+			await doAction('read_now');
+		} else if (!hasMoved) {
+			showPreview = true;
+			offsetX = 0; offsetY = 0;
+		} else {
+			transitioning = true;
+			offsetX = 0; offsetY = 0;
+			await delay(320);
+			transitioning = false;
+		}
+	}
+
+	function delay(ms: number) { return new Promise<void>((r) => setTimeout(r, ms)); }
+
+	type VoteAction = 'like' | 'skip' | 'read_now';
+
+	const flyTargets: Record<VoteAction, { x: number; y: number }> = {
+		like:     { x: 1300, y: -80 },
+		skip:     { x: -1300, y: -80 },
+		read_now: { x: 30,   y: -1300 },
+	};
+
+	let votedToastTimer: ReturnType<typeof setTimeout> | null = null;
+
+	async function doAction(action: VoteAction) {
+		if (animating || !currentBook) return;
+		animating = true;
+		const book = currentBook;
+
+		fetch('/api/discover/vote', {
+			method: 'POST',
+			headers: { 'Content-Type': 'application/json' },
+			body: JSON.stringify({ slug: book.slug, action })
+		});
+
+		const existing = votedBooks.findIndex((v) => v.slug === book.slug);
+		const entry: VotedBook = { slug: book.slug, action, votedAt: new Date().toISOString(), book };
+		if (existing !== -1) {
+			votedBooks = [entry, ...votedBooks.filter((_, i) => i !== existing)];
+		} else {
+			votedBooks = [entry, ...votedBooks];
+		}
+
+		transitioning = true;
+		const target = flyTargets[action];
+		offsetX = target.x;
+		offsetY = target.y;
+
+		await delay(360);
+
+		voted = { slug: book.slug, action };
+		idx++;
+		transitioning = false;
+		offsetX = 0;
+		offsetY = 0;
+		animating = false;
+		showPreview = false;
+
+		// Auto-clear toast after 4 s
+		if (votedToastTimer) clearTimeout(votedToastTimer);
+		votedToastTimer = setTimeout(() => { voted = null; }, 4000);
+
+		if (action === 'read_now') {
+			goto(`/books/${book.slug}`);
+		} else {
+			startEntryAnimation();
+		}
+	}
+
+	async function undoLast() {
+		if (!voted || animating) return;
+		const { slug } = voted;
+		voted = null;
+		if (votedToastTimer) { clearTimeout(votedToastTimer); votedToastTimer = null; }
+		votedBooks = votedBooks.filter((v) => v.slug !== slug);
+		if (idx > 0) idx--;
+		await fetch(`/api/discover/vote?slug=${encodeURIComponent(slug)}`, { method: 'DELETE' });
+	}
+
+	async function resetDeck() {
+		await fetch('/api/discover/vote', { method: 'DELETE' });
+		votedBooks = [];
+		idx = 0;
+		window.location.reload();
+	}
+
+	// ── Keyboard shortcuts (desktop) ─────────────────────────────────────────
+	$effect(() => {
+		if (!browser) return;
+		function onKey(e: KeyboardEvent) {
+			if (showOnboarding || showPreview || showHistory) return;
+			if (animating || !currentBook) return;
+			if (e.key === 'ArrowRight') { e.preventDefault(); doAction('like'); }
+			else if (e.key === 'ArrowLeft') { e.preventDefault(); doAction('skip'); }
+			else if (e.key === 'ArrowUp') { e.preventDefault(); doAction('read_now'); }
+			else if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); showPreview = true; }
+		}
+		window.addEventListener('keydown', onKey);
+		return () => window.removeEventListener('keydown', onKey);
+	});
+</script>
+
+<svelte:head>
+	<title>Discover — libnovel</title>
+</svelte:head>
+
+<!-- ── Onboarding modal ───────────────────────────────────────────────────────── -->
+{#if showOnboarding}
+<div class="fixed inset-0 z-50 flex items-end sm:items-center justify-center p-4 bg-black/60 backdrop-blur-sm">
+	<div class="w-full max-w-md bg-(--color-surface-2) rounded-2xl border border-(--color-border) shadow-2xl overflow-hidden">
+		<div class="p-6">
+			<div class="mb-5">
+				<h2 class="text-xl font-bold text-(--color-text) mb-1">What do you like to read?</h2>
+				<p class="text-sm text-(--color-muted)">We'll show you books you'll actually enjoy. Skip to see everything.</p>
+			</div>
+			<div class="mb-5">
+				<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-widest mb-3">Genres</p>
+				<div class="flex flex-wrap gap-2">
+					{#each GENRES as genre}
+						<button
+							type="button"
+							onclick={() => {
+								if (tempGenres.includes(genre)) {
+									tempGenres = tempGenres.filter((g) => g !== genre);
+								} else {
+									tempGenres = [...tempGenres, genre];
+								}
+							}}
+							class="px-3 py-1.5 rounded-full text-sm font-medium border transition-all
+								{tempGenres.includes(genre)
+									? 'bg-(--color-brand) text-(--color-surface) border-(--color-brand)'
+									: 'bg-(--color-surface-3) text-(--color-muted) border-transparent hover:border-(--color-border) hover:text-(--color-text)'}"
+						>{genre}</button>
+					{/each}
+				</div>
+			</div>
+			<div class="mb-6">
+				<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-widest mb-3">Status</p>
+				<div class="flex gap-2">
+					{#each (['either', 'ongoing', 'completed'] as const) as s}
+						<button
+							type="button"
+							onclick={() => (tempStatus = s)}
+							class="flex-1 py-2 rounded-xl text-sm font-medium border transition-all
+								{tempStatus === s
+									? 'bg-(--color-brand) text-(--color-surface) border-(--color-brand)'
+									: 'bg-(--color-surface-3) text-(--color-muted) border-transparent hover:text-(--color-text)'}"
+						>{s === 'either' ? 'Either' : s.charAt(0).toUpperCase() + s.slice(1)}</button>
+					{/each}
+				</div>
+			</div>
+			<div class="flex gap-3">
+				<button type="button" onclick={() => finishOnboarding(true)}
+					class="flex-1 py-2.5 rounded-xl text-sm font-medium text-(--color-muted) hover:text-(--color-text) transition-colors">
+					{isEditingPrefs ? 'Cancel' : 'Skip'}
+				</button>
+				<button type="button" onclick={() => finishOnboarding(false)}
+					class="flex-[2] py-2.5 rounded-xl text-sm font-bold bg-(--color-brand) text-(--color-surface) hover:bg-(--color-brand-dim) transition-colors">
+					{isEditingPrefs ? 'Save Preferences' : 'Start Discovering'}
+				</button>
+			</div>
+		</div>
+	</div>
+</div>
+{/if}
+
+<!-- ── Preview modal ───────────────────────────────────────────────────────────── -->
+{#if showPreview && currentBook}
+{@const previewBook = currentBook}
+<div
+	class="fixed inset-0 z-40 flex items-end sm:items-center justify-center p-4"
+	role="presentation"
+	onclick={() => (showPreview = false)}
+	onkeydown={(e) => { if (e.key === 'Escape') showPreview = false; }}
+>
+	<div class="absolute inset-0 bg-black/60 backdrop-blur-sm"></div>
+	<div
+		class="relative w-full max-w-md bg-(--color-surface-2) rounded-2xl border border-(--color-border) shadow-2xl overflow-hidden"
+		role="dialog" aria-modal="true" tabindex="-1"
+		onclick={(e) => e.stopPropagation()}
+		onkeydown={(e) => e.stopPropagation()}
+	>
+		<div class="relative h-40 overflow-hidden">
+			{#if previewBook.cover}
+				<img src={previewBook.cover} alt={previewBook.title} class="w-full h-full object-cover object-top" />
+				<div class="absolute inset-0 bg-gradient-to-b from-transparent to-(--color-surface-2)"></div>
+			{:else}
+				<div class="w-full h-full bg-(--color-surface-3) flex items-center justify-center">
+					<svg class="w-12 h-12 text-(--color-muted)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/>
+					</svg>
+				</div>
+			{/if}
+		</div>
+		<div class="p-5">
+			<h3 class="font-bold text-(--color-text) text-lg leading-snug mb-1">{previewBook.title}</h3>
+			{#if previewBook.author}
+				<p class="text-sm text-(--color-muted) mb-3">{previewBook.author}</p>
+			{/if}
+			{#if previewBook.summary}
+				<p class="text-sm text-(--color-muted) leading-relaxed line-clamp-5 mb-4">{cleanSummary(previewBook.summary)}</p>
+			{/if}
+			<div class="flex flex-wrap gap-2 mb-5">
+				{#each parseBookGenres(previewBook.genres).slice(0, 4) as genre}
+					<span class="text-xs px-2 py-0.5 rounded-full bg-(--color-surface-3) text-(--color-muted)">{capitalizeFirst(genre)}</span>
+				{/each}
+				{#if previewBook.status}
+					<span class="text-xs px-2 py-0.5 rounded-full bg-(--color-surface-3) text-(--color-text)">{previewBook.status}</span>
+				{/if}
+				{#if previewBook.total_chapters}
+					<span class="text-xs px-2 py-0.5 rounded-full bg-(--color-surface-3) text-(--color-muted)">{previewBook.total_chapters} ch.</span>
+				{/if}
+			</div>
+			<div class="flex gap-2">
+				<button type="button" onclick={() => { showPreview = false; doAction('skip'); }}
+					class="flex-1 py-2.5 rounded-xl text-sm font-medium bg-(--color-surface-3) text-(--color-muted) hover:text-(--color-danger) transition-colors">Skip</button>
+				<button type="button" onclick={() => { showPreview = false; doAction('read_now'); }}
+					class="flex-1 py-2.5 rounded-xl text-sm font-bold bg-blue-500/20 text-blue-400 hover:bg-blue-500/30 transition-colors">Read Now</button>
+				<button type="button" onclick={() => { showPreview = false; doAction('like'); }}
+					class="flex-1 py-2.5 rounded-xl text-sm font-bold bg-(--color-success)/20 text-(--color-success) hover:bg-(--color-success)/30 transition-colors">Add ♥</button>
+			</div>
+		</div>
+	</div>
+</div>
+{/if}
+
+<!-- ── History drawer ─────────────────────────────────────────────────────────── -->
+{#if showHistory}
+<div
+	class="fixed inset-0 z-40 flex items-end sm:items-center justify-center p-4"
+	role="presentation"
+	onclick={() => (showHistory = false)}
+	onkeydown={(e) => { if (e.key === 'Escape') showHistory = false; }}
+>
+	<div class="absolute inset-0 bg-black/60 backdrop-blur-sm"></div>
+	<div
+		class="relative w-full max-w-md bg-(--color-surface-2) rounded-2xl border border-(--color-border) shadow-2xl overflow-hidden max-h-[80vh] flex flex-col"
+		role="dialog" aria-modal="true" tabindex="-1"
+		onclick={(e) => e.stopPropagation()}
+		onkeydown={(e) => e.stopPropagation()}
+	>
+		<div class="flex items-center justify-between p-5 border-b border-(--color-border) flex-shrink-0">
+			<h3 class="font-bold text-(--color-text)">History {#if votedBooks.length}<span class="text-(--color-muted) font-normal text-sm">({votedBooks.length})</span>{/if}</h3>
+			<button type="button" onclick={() => (showHistory = false)} aria-label="Close history"
+				class="w-8 h-8 flex items-center justify-center rounded-lg text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-3) transition-colors">
+				<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+				</svg>
+			</button>
+		</div>
+		<div class="overflow-y-auto flex-1 p-4 space-y-2">
+			{#if !votedBooks.length}
+				<p class="text-center text-(--color-muted) text-sm py-12">No votes yet — start swiping!</p>
+			{:else}
+				{#each votedBooks as v (v.slug)}
+					{@const actionColor = v.action === 'like' ? 'text-green-400' : v.action === 'read_now' ? 'text-blue-400' : 'text-(--color-muted)'}
+					{@const actionLabel = v.action === 'like' ? 'Liked' : v.action === 'read_now' ? 'Read Now' : 'Skipped'}
+					<div class="flex items-center gap-3 bg-(--color-surface-3) rounded-xl p-3">
+						{#if v.book?.cover}
+							<img src={v.book.cover} alt="" class="w-10 h-14 rounded-md object-cover flex-shrink-0" />
+						{:else}
+							<div class="w-10 h-14 rounded-md bg-(--color-surface-2) flex-shrink-0"></div>
+						{/if}
+						<div class="flex-1 min-w-0">
+							<a href="/books/{v.slug}" class="text-sm font-semibold text-(--color-text) hover:text-(--color-brand) transition-colors line-clamp-1">
+								{v.book?.title ?? v.slug}
+							</a>
+							{#if v.book?.author}
+								<p class="text-xs text-(--color-muted) truncate">{v.book.author}</p>
+							{/if}
+							<span class="text-xs font-medium {actionColor}">{actionLabel}</span>
+						</div>
+						<button type="button" onclick={() => undoVote(v.slug)} title="Undo"
+							class="w-8 h-8 flex items-center justify-center rounded-lg text-(--color-muted) hover:text-(--color-danger) hover:bg-(--color-danger)/10 transition-colors flex-shrink-0"
+							aria-label="Undo vote for {v.book?.title ?? v.slug}">
+							<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6"/>
+							</svg>
+						</button>
+					</div>
+				{/each}
+				<button type="button" onclick={resetDeck}
+					class="w-full py-2 rounded-xl text-sm text-(--color-muted) hover:text-(--color-text) transition-colors mt-2">
+					Clear all history
+				</button>
+			{/if}
+		</div>
+	</div>
+</div>
+{/if}
+
+<!-- ── Voted toast ─────────────────────────────────────────────────────────────── -->
+{#if voted}
+{@const toastBg = voted.action === 'like' ? 'bg-green-500/15 border-green-500/30' : voted.action === 'read_now' ? 'bg-blue-500/15 border-blue-500/30' : 'bg-(--color-surface-2) border-(--color-border)'}
+{@const toastColor = voted.action === 'like' ? 'text-green-400' : voted.action === 'read_now' ? 'text-blue-400' : 'text-(--color-muted)'}
+<div class="fixed bottom-24 left-1/2 -translate-x-1/2 z-30 flex items-center gap-3 px-4 py-3
+	rounded-2xl {toastBg} border shadow-xl text-sm whitespace-nowrap pointer-events-auto animate-in slide-in-from-bottom-2 duration-200">
+	<div class="flex items-center gap-2">
+		{#if voted.action === 'like'}
+			<svg class="w-4 h-4 {toastColor}" fill="currentColor" viewBox="0 0 24 24">
+				<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
+			</svg>
+		{:else if voted.action === 'read_now'}
+			<svg class="w-4 h-4 {toastColor}" fill="currentColor" viewBox="0 0 24 24">
+				<path d="M8 5v14l11-7z"/>
+			</svg>
+		{:else}
+			<svg class="w-4 h-4 {toastColor}" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
+			</svg>
+		{/if}
+		<span class="font-semibold {toastColor}">
+			{voted.action === 'like' ? 'Added to Library' : voted.action === 'read_now' ? 'Opening Book...' : 'Skipped'}
+		</span>
+	</div>
+	<button type="button" onclick={undoLast}
+		class="px-2 py-1 rounded-lg text-xs font-bold text-(--color-text) hover:bg-(--color-surface-3)/50 transition-colors">
+		Undo
+	</button>
+</div>
+{/if}
+
+<!-- ── Page layout ────────────────────────────────────────────────────────────── -->
+<div class="select-none -mx-4 -my-8 lg:min-h-[calc(100svh-3.5rem)]
+	lg:grid lg:grid-cols-[1fr_380px] xl:grid-cols-[1fr_420px]">
+
+	<!-- ── Left: card area ──────────────────────────────────────────────────── -->
+	<div class="relative bg-(--color-surface) flex flex-col items-center justify-center
+		px-4 pt-6 pb-4 lg:px-8 lg:pt-8 lg:pb-8
+		min-h-[calc(100svh-3.5rem)] lg:border-r lg:border-(--color-border)">
+
+		<!-- Header row -->
+		<div class="w-full max-w-sm lg:max-w-none flex flex-col gap-3 mb-4 shrink-0">
+			<div class="flex items-center justify-between">
+				<div>
+					<h1 class="text-xl font-bold text-(--color-text)">Discover</h1>
+					{#if !loading && !deckEmpty}
+						<p class="text-xs text-(--color-muted)">{totalRemaining} of {deck.length} books remaining</p>
+					{/if}
+				</div>
+				<div class="flex items-center gap-1">
+					<button type="button" onclick={() => (showHistory = true)} title="History"
+						class="relative w-9 h-9 flex items-center justify-center rounded-lg text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors">
+						<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
+						</svg>
+						{#if votedBooks.length}
+							<span class="absolute -top-0.5 -right-0.5 w-4 h-4 rounded-full bg-(--color-brand) text-(--color-surface) text-[9px] font-bold flex items-center justify-center leading-none">
+								{votedBooks.length > 9 ? '9+' : votedBooks.length}
+							</span>
+						{/if}
+					</button>
+					<button type="button"
+						onclick={() => { showOnboarding = true; isEditingPrefs = true; tempGenres = [...prefs.genres]; tempStatus = prefs.status; }}
+						title="Preferences"
+						class="w-9 h-9 flex items-center justify-center rounded-lg text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors">
+						<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"/>
+						</svg>
+					</button>
+				</div>
+			</div>
+			<!-- Progress bar -->
+			{#if !loading && !deckEmpty && deck.length > 0}
+				<div class="w-full h-1.5 bg-(--color-surface-2) rounded-full overflow-hidden">
+					<div class="h-full bg-(--color-brand) transition-all duration-500 ease-out rounded-full"
+						style="width: {((idx / deck.length) * 100).toFixed(1)}%"></div>
+				</div>
+			{/if}
+		</div>
+
+		{#if loading}
+			<!-- ── Skeleton ──────────────────────────────────────────────────── -->
+			<div class="w-full max-w-sm lg:max-w-none flex-1 flex flex-col gap-4">
+				<div class="flex-1 rounded-2xl bg-(--color-surface-2) border border-(--color-border) animate-pulse flex items-center justify-center" style="min-height: 340px;">
+					<svg class="w-12 h-12 text-(--color-border)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/>
+					</svg>
+				</div>
+				<div class="flex gap-3">
+					<div class="flex-1 h-14 rounded-2xl bg-(--color-surface-2) border border-(--color-border) animate-pulse"></div>
+					<div class="flex-[1.4] h-14 rounded-2xl bg-(--color-surface-2) border border-(--color-brand)/20 animate-pulse"></div>
+					<div class="flex-1 h-14 rounded-2xl bg-(--color-surface-2) border border-(--color-border) animate-pulse"></div>
+				</div>
+			</div>
+
+		{:else if deckEmpty}
+			<!-- ── Empty state ───────────────────────────────────────────────── -->
+			<div class="flex-1 flex flex-col items-center justify-center gap-6 text-center max-w-sm px-4">
+				<div class="relative">
+					<div class="w-24 h-24 rounded-full bg-(--color-brand)/10 flex items-center justify-center text-5xl border-4 border-(--color-brand)/20">
+						🎉
+					</div>
+					<div class="absolute -top-1 -right-1 w-8 h-8 rounded-full bg-green-500/20 border-2 border-green-500/40 flex items-center justify-center">
+						<svg class="w-4 h-4 text-green-400" fill="currentColor" viewBox="0 0 24 24">
+							<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
+						</svg>
+					</div>
+				</div>
+				<div>
+					<h2 class="text-xl font-bold text-(--color-text) mb-2">All Caught Up!</h2>
+					<p class="text-sm text-(--color-muted) leading-relaxed">
+						You've explored all {deck.length} books in your discover queue.
+						{#if prefs.genres.length > 0}
+							<br />Try adjusting your genre preferences to discover more.
+						{:else}
+							<br />Set your preferences to get personalized recommendations.
+						{/if}
+					</p>
+				</div>
+				<div class="flex flex-col gap-3 w-full">
+					{#if votedBooks.filter(v => v.action === 'like' || v.action === 'read_now').length > 0}
+						<a href="/books" class="py-3 rounded-xl text-sm font-bold bg-(--color-brand) text-(--color-surface) text-center hover:bg-(--color-brand-dim) transition-colors shadow-lg shadow-(--color-brand)/20">
+							View My Library
+						</a>
+					{/if}
+					<button type="button" onclick={() => { showOnboarding = true; isEditingPrefs = true; tempGenres = [...prefs.genres]; tempStatus = prefs.status; }}
+						class="py-3 rounded-xl text-sm font-semibold bg-(--color-surface-2) text-(--color-text) hover:bg-(--color-surface-3) transition-colors border border-(--color-border)">
+						Change Preferences
+					</button>
+					<button type="button" onclick={resetDeck}
+						class="py-2 rounded-xl text-sm font-medium text-(--color-muted) hover:text-(--color-text) transition-colors">
+						Start Over
+					</button>
+				</div>
+			</div>
+
+		{:else}
+			{@const book = currentBook!}
+
+			<!-- ── Card stack ───────────────────────────────────────────────── -->
+			<div class="w-full max-w-sm lg:max-w-none flex-1 relative" style="min-height: 300px;">
+
+				<!-- Back card 2 -->
+				{#if nextNextBook}
+					<div class="absolute inset-0 rounded-2xl overflow-hidden shadow-lg"
+						style="transform: scale(0.90) translateY(26px); z-index: 1; transition: transform 0.35s ease;">
+						{#if nextNextBook.cover}
+							<img src={nextNextBook.cover} alt="" class="w-full h-full object-cover" />
+						{:else}
+							<div class="w-full h-full bg-(--color-surface-3)"></div>
+						{/if}
+					</div>
+				{/if}
+
+				<!-- Back card 1 -->
+				{#if nextBook}
+					<div class="absolute inset-0 rounded-2xl overflow-hidden shadow-xl"
+						style="transform: scale(0.95) translateY(13px); z-index: 2; transition: transform 0.35s ease;">
+						{#if nextBook.cover}
+							<img src={nextBook.cover} alt="" class="w-full h-full object-cover" />
+						{:else}
+							<div class="w-full h-full bg-(--color-surface-3)"></div>
+						{/if}
+					</div>
+				{/if}
+
+				<!-- Active card -->
+				<!-- svelte-ignore a11y_no_static_element_interactions -->
+				<div
+					bind:this={cardEl}
+					role="none"
+					class="absolute inset-0 rounded-2xl overflow-hidden shadow-2xl cursor-grab active:cursor-grabbing z-10"
+					style="transform: {activeTransform}; transition: {activeTransition}; touch-action: none;"
+					onpointerdown={onPointerDown}
+					onpointermove={onPointerMove}
+					onpointerup={onPointerUp}
+					onpointercancel={onPointerUp}
+				>
+					{#if book.cover}
+						<img src={book.cover} alt={book.title} class="w-full h-full object-cover pointer-events-none" draggable="false" />
+					{:else}
+						<div class="w-full h-full bg-(--color-surface-3) flex items-center justify-center pointer-events-none">
+							<svg class="w-16 h-16 text-(--color-border)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/>
+							</svg>
+						</div>
+					{/if}
+
+					<!-- Bottom gradient + title/genres (mobile only — desktop shows in panel) -->
+					<div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent pointer-events-none lg:hidden"></div>
+					<div class="absolute bottom-0 left-0 right-0 p-5 pointer-events-none lg:hidden">
+						<h2 class="text-white font-bold text-2xl leading-snug line-clamp-2 mb-1">{book.title}</h2>
+						{#if book.author}<p class="text-white/70 text-sm mb-2">{book.author}</p>{/if}
+						<div class="flex flex-wrap gap-1.5 items-center">
+							{#each parseBookGenres(book.genres).slice(0, 2) as genre}
+								<span class="text-xs bg-white/15 text-white/90 px-2 py-0.5 rounded-full backdrop-blur-sm">{capitalizeFirst(genre)}</span>
+							{/each}
+							{#if book.status}
+								<span class="text-xs bg-white/10 text-white/60 px-2 py-0.5 rounded-full">{book.status}</span>
+							{/if}
+							{#if book.total_chapters}
+								<span class="text-xs text-white/50 ml-auto">{book.total_chapters} ch.</span>
+							{/if}
+						</div>
+					</div>
+
+					<!-- Swipe indicators -->
+					<div class="absolute top-8 right-6 px-4 py-2 rounded-xl border-[3px] border-green-400 rotate-[-15deg] pointer-events-none bg-green-400/10"
+						style="opacity: {indicator === 'like' ? indicatorOpacity : 0}; transition: opacity 0.1s;">
+						<span class="text-green-400 font-black text-2xl tracking-widest">LIKE</span>
+					</div>
+					<div class="absolute top-8 left-6 px-4 py-2 rounded-xl border-[3px] border-red-400 rotate-[15deg] pointer-events-none bg-red-400/10"
+						style="opacity: {indicator === 'skip' ? indicatorOpacity : 0}; transition: opacity 0.1s;">
+						<span class="text-red-400 font-black text-2xl tracking-widest">SKIP</span>
+					</div>
+					<div class="absolute top-8 left-1/2 -translate-x-1/2 px-4 py-2 rounded-xl border-[3px] border-blue-400 pointer-events-none bg-blue-400/10"
+						style="opacity: {indicator === 'read_now' ? indicatorOpacity : 0}; transition: opacity 0.1s;">
+						<span class="text-blue-400 font-black text-2xl tracking-widest">READ NOW</span>
+					</div>
+				</div>
+			</div>
+
+			<!-- Action buttons -->
+			<div class="w-full max-w-sm lg:max-w-none flex items-stretch gap-3 mt-4 shrink-0">
+				<button type="button" onclick={() => doAction('skip')} disabled={animating} title="Skip (←)"
+					class="flex-1 flex flex-col items-center justify-center gap-1.5 py-3.5 rounded-2xl
+						bg-red-500/15 border border-red-500/30 text-red-400
+						hover:bg-red-500/25 hover:border-red-500/50 active:scale-95 transition-all disabled:opacity-40">
+					<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"/>
+					</svg>
+					<span class="text-xs font-bold tracking-wide">Skip</span>
+				</button>
+				<button type="button" onclick={() => doAction('read_now')} disabled={animating} title="Read Now (↑)"
+					class="flex-[1.4] flex flex-col items-center justify-center gap-1.5 py-3.5 rounded-2xl
+						bg-blue-500 text-white hover:bg-blue-400 active:scale-95 transition-all disabled:opacity-40 shadow-lg shadow-blue-500/25">
+					<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+					<span class="text-xs font-bold tracking-wide">Read Now</span>
+				</button>
+				<button type="button" onclick={() => doAction('like')} disabled={animating} title="Like (→)"
+					class="flex-1 flex flex-col items-center justify-center gap-1.5 py-3.5 rounded-2xl
+						bg-green-500/15 border border-green-500/30 text-green-400
+						hover:bg-green-500/25 hover:border-green-500/50 active:scale-95 transition-all disabled:opacity-40">
+					<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+						<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
+					</svg>
+					<span class="text-xs font-bold tracking-wide">Like</span>
+				</button>
+			</div>
+
+			<!-- Swipe hint (mobile only, shown while cards remain) -->
+			<p class="lg:hidden text-xs text-(--color-muted)/60 mt-2 shrink-0 text-center">Swipe ← skip · swipe → like · tap for details</p>
+			<!-- Keyboard hint (desktop only) -->
+			<div class="hidden lg:flex items-center justify-center gap-4 mt-3 shrink-0">
+				<div class="flex items-center gap-1.5 px-2 py-1 rounded-lg bg-(--color-surface-2)/50 border border-(--color-border)/30">
+					<kbd class="px-1.5 py-0.5 rounded text-[10px] font-bold bg-(--color-surface-3) text-(--color-muted) border border-(--color-border)">←</kbd>
+					<span class="text-xs text-(--color-muted)">Skip</span>
+				</div>
+				<div class="flex items-center gap-1.5 px-2 py-1 rounded-lg bg-(--color-surface-2)/50 border border-(--color-border)/30">
+					<kbd class="px-1.5 py-0.5 rounded text-[10px] font-bold bg-(--color-surface-3) text-(--color-muted) border border-(--color-border)">↑</kbd>
+					<span class="text-xs text-(--color-muted)">Read</span>
+				</div>
+				<div class="flex items-center gap-1.5 px-2 py-1 rounded-lg bg-(--color-surface-2)/50 border border-(--color-border)/30">
+					<kbd class="px-1.5 py-0.5 rounded text-[10px] font-bold bg-(--color-surface-3) text-(--color-muted) border border-(--color-border)">→</kbd>
+					<span class="text-xs text-(--color-muted)">Like</span>
+				</div>
+				<div class="flex items-center gap-1.5 px-2 py-1 rounded-lg bg-(--color-surface-2)/50 border border-(--color-border)/30">
+					<kbd class="px-1.5 py-0.5 rounded text-[10px] font-bold bg-(--color-surface-3) text-(--color-muted) border border-(--color-border)">Space</kbd>
+					<span class="text-xs text-(--color-muted)">Details</span>
+				</div>
+			</div>
+		{/if}
+	</div>
+
+	<!-- ── Right: book details panel (desktop only) ──────────────────────────── -->
+	<div class="hidden lg:flex flex-col bg-(--color-surface-2) border-l border-(--color-border)
+		overflow-y-auto" style="max-height: calc(100svh - 3.5rem);">
+
+		{#if loading}
+			<!-- Skeleton -->
+			<div class="p-8 flex flex-col gap-4">
+				<div class="h-6 rounded-lg bg-(--color-surface-3) border border-(--color-border)/50 animate-pulse w-3/4"></div>
+				<div class="h-4 rounded-lg bg-(--color-surface-3) border border-(--color-border)/50 animate-pulse w-1/2"></div>
+				<div class="h-32 rounded-xl bg-(--color-surface-3) border border-(--color-border)/50 animate-pulse"></div>
+				<div class="flex gap-2">
+					<div class="h-6 rounded-full bg-(--color-surface-3) border border-(--color-border)/50 animate-pulse w-16"></div>
+					<div class="h-6 rounded-full bg-(--color-surface-3) border border-(--color-border)/50 animate-pulse w-20"></div>
+					<div class="h-6 rounded-full bg-(--color-surface-3) border border-(--color-border)/50 animate-pulse w-14"></div>
+				</div>
+			</div>
+		{:else if !deckEmpty && currentBook}
+			{@const book = currentBook}
+			<!-- Book details -->
+			<div class="p-8 flex flex-col gap-6 flex-1">
+				<!-- Title + author -->
+				<div>
+					<p class="text-xs font-semibold text-(--color-brand) uppercase tracking-widest mb-2">Now showing</p>
+					<h2 class="text-2xl font-bold text-(--color-text) leading-snug mb-1">{book.title}</h2>
+					{#if book.author}
+						<p class="text-sm text-(--color-muted)">{book.author}</p>
+					{/if}
+				</div>
+
+				<!-- Metadata pills -->
+				<div class="flex flex-wrap gap-2">
+					{#each parseBookGenres(book.genres).slice(0, 5) as genre}
+						<span class="text-xs px-2.5 py-1 rounded-full bg-(--color-surface-3) text-(--color-muted)">{capitalizeFirst(genre)}</span>
+					{/each}
+					{#if book.status}
+						<span class="text-xs px-2.5 py-1 rounded-full bg-(--color-surface-3) text-(--color-text) font-medium">{book.status}</span>
+					{/if}
+				</div>
+
+				<!-- Stats row -->
+				<div class="flex items-center gap-4 text-sm text-(--color-muted)">
+					{#if book.total_chapters}
+						<span class="flex items-center gap-1.5">
+							<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
+							</svg>
+							{book.total_chapters} chapters
+						</span>
+					{/if}
+					<span class="text-xs text-(--color-muted)/40">{idx + 1} of {deck.length}</span>
+				</div>
+
+				<!-- Summary -->
+				{#if book.summary}
+					<div>
+						<p class="text-xs font-semibold text-(--color-muted) uppercase tracking-wider mb-2">Summary</p>
+						<p class="text-sm text-(--color-muted) leading-relaxed">{cleanSummary(book.summary)}</p>
+					</div>
+				{/if}
+			</div>
+		{:else if deckEmpty}
+			<div class="flex-1 flex flex-col items-center justify-center gap-4 text-center p-8 text-(--color-muted)">
+				<span class="text-4xl">📚</span>
+				<p class="text-sm">All caught up!</p>
+			</div>
+		{/if}
+	</div>
+
+</div>
diff --git a/ui/src/routes/dmca/+page.svelte b/ui/src/routes/dmca/+page.svelte
new file mode 100644
index 0000000..07b7a72
--- /dev/null
+++ b/ui/src/routes/dmca/+page.svelte
@@ -0,0 +1,49 @@
+<script lang="ts">
+	import * as m from '$lib/paraglide/messages.js';
+</script>
+
+<svelte:head>
+	<title>{m.dmca_page_title()}</title>
+</svelte:head>
+
+<div class="max-w-2xl mx-auto py-10 px-4">
+	<h1 class="text-2xl font-bold text-(--color-text) mb-6">DMCA Takedown Policy</h1>
+
+	<div class="prose-zinc space-y-5 text-sm text-(--color-muted) leading-relaxed">
+		<p>
+			libnovel respects the intellectual property rights of authors, publishers, and other content
+			creators. If you believe that content available through this site infringes your copyright,
+			please send a written takedown notice to the contact address below.
+		</p>
+
+		<h2 class="text-base font-semibold text-(--color-text) mt-6">Your notice must include</h2>
+		<ol class="list-decimal list-inside space-y-2 pl-1">
+			<li>Your full legal name and contact information (email address).</li>
+			<li>A description of the copyrighted work you claim has been infringed.</li>
+			<li>The specific URL(s) on this site where the allegedly infringing content appears.</li>
+			<li>
+				A statement that you have a good-faith belief that the use is not authorised by the copyright
+				owner, its agent, or the law.
+			</li>
+			<li>
+				A statement, made under penalty of perjury, that the information in your notice is accurate
+				and that you are the copyright owner or authorised to act on their behalf.
+			</li>
+			<li>Your electronic or physical signature.</li>
+		</ol>
+
+		<h2 class="text-base font-semibold text-(--color-text) mt-6">How to submit</h2>
+		<p>
+			Send your notice by email to <span class="text-(--color-text) font-medium">dmca@libnovel.local</span>.
+			We will review valid notices and remove or disable access to the identified content promptly.
+		</p>
+
+		<h2 class="text-base font-semibold text-(--color-text) mt-6">Counter-notices</h2>
+		<p>
+			If you believe content was removed in error, you may submit a counter-notice to the same
+			address with the information required under 17 U.S.C. § 512(g)(3).
+		</p>
+
+		<p class="text-(--color-muted) text-xs mt-8">Last updated: {new Date().getFullYear()}</p>
+	</div>
+</div>
diff --git a/ui/src/routes/feed/+page.server.ts b/ui/src/routes/feed/+page.server.ts
new file mode 100644
index 0000000..a8ece8b
--- /dev/null
+++ b/ui/src/routes/feed/+page.server.ts
@@ -0,0 +1,18 @@
+import { redirect } from '@sveltejs/kit';
+import type { PageServerLoad } from './$types';
+import { getSubscriptionFeed } from '$lib/server/pocketbase';
+import { log } from '$lib/server/logger';
+import type { Book } from '$lib/server/pocketbase';
+
+export const load: PageServerLoad = async ({ locals }) => {
+	if (!locals.user) {
+		redirect(302, '/login?next=/feed');
+	}
+
+	const feed = await getSubscriptionFeed(locals.user.id, 50).catch((e) => {
+		log.error('feed', 'failed to load subscription feed', { err: String(e) });
+		return [] as Array<{ book: Book; readerUsername: string }>;
+	});
+
+	return { feed };
+};
diff --git a/ui/src/routes/feed/+page.svelte b/ui/src/routes/feed/+page.svelte
new file mode 100644
index 0000000..321f605
--- /dev/null
+++ b/ui/src/routes/feed/+page.svelte
@@ -0,0 +1,122 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import type { PageData } from './$types';
+	import * as m from '$lib/paraglide/messages.js';
+
+	let { data }: { data: PageData } = $props();
+
+	const feed = $derived(data.feed);
+</script>
+
+<svelte:head>
+	<title>{m.feed_page_title()}</title>
+</svelte:head>
+
+<!-- Header -->
+<div class="mb-6">
+	<h1 class="text-2xl font-bold text-(--color-text)">{m.feed_heading()}</h1>
+	<p class="text-(--color-muted) text-sm mt-1">{m.feed_subheading()}</p>
+</div>
+
+{#if feed.length === 0}
+	<!-- Empty state -->
+	<div class="flex flex-col items-center justify-center py-24 gap-4 text-center">
+		<div class="w-16 h-16 rounded-full bg-(--color-surface-2) flex items-center justify-center">
+			<svg class="w-8 h-8 text-(--color-muted)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
+					d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z" />
+			</svg>
+		</div>
+		<div>
+			<p class="text-lg font-semibold text-(--color-text)">{m.feed_empty_heading()}</p>
+			<p class="text-sm text-(--color-muted) mt-1 max-w-xs">{m.feed_empty_body()}</p>
+		</div>
+		<div class="flex gap-3 mt-2">
+			<a
+				href="/catalogue"
+				class="px-4 py-2 rounded bg-(--color-brand) text-(--color-surface) text-sm font-semibold hover:bg-(--color-brand-dim) transition-colors"
+			>
+				{m.feed_browse_cta()}
+			</a>
+			<a
+				href="/catalogue"
+				class="px-4 py-2 rounded bg-(--color-surface-2) border border-(--color-border) text-(--color-text) text-sm hover:border-zinc-500 transition-colors"
+			>
+				{m.feed_find_users_cta()}
+			</a>
+		</div>
+	</div>
+{:else}
+	<!-- Feed grid -->
+	<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+		{#each feed as item}
+			{@const book = item.book}
+			{@const genres = Array.isArray(book.genres) ? book.genres : (book.genres ? [book.genres] : [])}
+			<!-- Use div + onclick to avoid nested <a> with the username link inside -->
+			<div
+				role="link"
+				tabindex="0"
+				onclick={() => goto(`/books/${book.slug}`)}
+				onkeydown={(e) => { if (e.key === 'Enter') goto(`/books/${book.slug}`); }}
+				class="group flex gap-3 bg-(--color-surface-2) border border-(--color-border) rounded-lg p-3 hover:border-zinc-500 transition-colors cursor-pointer"
+			>
+				<!-- Cover -->
+				<div class="w-16 shrink-0 aspect-[2/3] rounded overflow-hidden bg-(--color-surface)">
+					{#if book.cover}
+						<img
+							src={book.cover}
+							alt={book.title}
+							class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+							loading="lazy"
+						/>
+					{:else}
+						<div class="w-full h-full flex items-center justify-center text-(--color-muted)">
+							<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
+									d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
+							</svg>
+						</div>
+					{/if}
+				</div>
+
+				<!-- Info -->
+				<div class="flex flex-col gap-1 min-w-0 flex-1">
+					<h2 class="text-sm font-semibold text-(--color-text) line-clamp-2 leading-snug group-hover:text-(--color-brand) transition-colors">
+						{book.title}
+					</h2>
+					{#if book.author}
+						<p class="text-xs text-(--color-muted) truncate">{book.author}</p>
+					{/if}
+
+					<!-- Reader attribution -->
+					<div class="flex items-center gap-1 mt-auto pt-1">
+						<span class="w-5 h-5 rounded-full bg-(--color-brand)/20 text-(--color-brand) text-xs font-bold flex items-center justify-center shrink-0">
+							{item.readerUsername[0].toUpperCase()}
+						</span>
+						<a
+							href="/users/{item.readerUsername}"
+							onclick={(e) => e.stopPropagation()}
+							class="text-xs text-(--color-brand) hover:underline truncate font-medium"
+						>
+							{item.readerUsername}
+						</a>
+						<span class="text-xs text-(--color-muted) shrink-0">{m.feed_reader_label()}</span>
+					</div>
+
+					<!-- Meta chips -->
+					<div class="flex items-center gap-1.5 flex-wrap mt-0.5">
+						{#if book.status}
+							<span class="text-xs px-1.5 py-0.5 rounded bg-(--color-surface-3) text-(--color-muted)">{book.status}</span>
+						{/if}
+						{#if book.total_chapters}
+							<span class="text-xs text-(--color-muted)">{m.feed_chapters_label({ n: String(book.total_chapters) })}</span>
+						{/if}
+						{#each genres.slice(0, 2) as genre}
+							<span class="text-xs px-1 py-0.5 rounded bg-(--color-surface) text-(--color-muted)">{genre}</span>
+						{/each}
+					</div>
+				</div>
+			</div>
+		{/each}
+	</div>
+{/if}
diff --git a/ui/src/routes/health/+server.ts b/ui/src/routes/health/+server.ts
new file mode 100644
index 0000000..a7b2832
--- /dev/null
+++ b/ui/src/routes/health/+server.ts
@@ -0,0 +1,6 @@
+import { json } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+
+export const GET: RequestHandler = () => {
+	return json({ status: 'ok' });
+};
diff --git a/ui/src/routes/listen/+page.server.ts b/ui/src/routes/listen/+page.server.ts
new file mode 100644
index 0000000..c705119
--- /dev/null
+++ b/ui/src/routes/listen/+page.server.ts
@@ -0,0 +1,11 @@
+import type { PageServerLoad } from './$types';
+import { getBooksWithAudioCount } from '$lib/server/pocketbase';
+
+export const load: PageServerLoad = async ({ url }) => {
+	const sort = url.searchParams.get('sort') ?? 'chapters';
+	const q = url.searchParams.get('q') ?? '';
+
+	const audioBooks = await getBooksWithAudioCount(200).catch(() => []);
+
+	return { audioBooks, sort, q };
+};
diff --git a/ui/src/routes/listen/+page.svelte b/ui/src/routes/listen/+page.svelte
new file mode 100644
index 0000000..3cf45af
--- /dev/null
+++ b/ui/src/routes/listen/+page.svelte
@@ -0,0 +1,203 @@
+<script lang="ts">
+	import { untrack } from 'svelte';
+	import { goto } from '$app/navigation';
+	import { audioStore } from '$lib/audio.svelte';
+	import type { PageData } from './$types';
+
+	let { data }: { data: PageData } = $props();
+
+	let q = $state(untrack(() => data.q));
+	let sort = $state(untrack(() => data.sort));
+
+	function parseGenres(genres: string[] | string | null | undefined): string[] {
+		if (!genres) return [];
+		if (Array.isArray(genres)) return genres;
+		try {
+			const parsed = JSON.parse(genres);
+			return Array.isArray(parsed) ? parsed : [];
+		} catch { return []; }
+	}
+
+	const filtered = $derived.by(() => {
+		let list = data.audioBooks;
+
+		// text filter
+		if (q.trim()) {
+			const needle = q.trim().toLowerCase();
+			list = list.filter(
+				({ book }) =>
+					book.title?.toLowerCase().includes(needle) ||
+					book.author?.toLowerCase().includes(needle)
+			);
+		}
+
+		// sort
+		if (sort === 'title') {
+			list = [...list].sort((a, b) => (a.book.title ?? '').localeCompare(b.book.title ?? ''));
+		} else if (sort === 'recent') {
+			list = [...list].sort((a, b) => {
+				const da = a.book.meta_updated ?? '';
+				const db = b.book.meta_updated ?? '';
+				return db.localeCompare(da);
+			});
+		}
+		// default: 'chapters' — already sorted by getBooksWithAudioCount
+
+		return list;
+	});
+
+	function playChapter(slug: string, chapter: number) {
+		audioStore.autoStartChapter = chapter;
+		goto(`/books/${slug}/chapters/${chapter}`);
+	}
+
+	function onSortChange(value: string) {
+		sort = value;
+		const params = new URLSearchParams();
+		if (value !== 'chapters') params.set('sort', value);
+		if (q.trim()) params.set('q', q.trim());
+		const qs = params.toString();
+		goto(`/listen${qs ? `?${qs}` : ''}`, { replaceState: true, noScroll: true });
+	}
+
+	function onSearch(e: Event) {
+		e.preventDefault();
+		const params = new URLSearchParams();
+		if (sort !== 'chapters') params.set('sort', sort);
+		if (q.trim()) params.set('q', q.trim());
+		const qs = params.toString();
+		goto(`/listen${qs ? `?${qs}` : ''}`, { replaceState: true, noScroll: true });
+	}
+</script>
+
+<svelte:head>
+	<title>Narrated Books — LibNovel</title>
+</svelte:head>
+
+<!-- Header -->
+<div class="mb-6">
+	<div class="flex items-center gap-2 mb-1">
+		<svg class="w-5 h-5 text-(--color-brand)" fill="currentColor" viewBox="0 0 24 24">
+			<path d="M12 3a9 9 0 00-9 9v5a3 3 0 003 3h1a1 1 0 001-1v-4a1 1 0 00-1-1H5v-2a7 7 0 0114 0v2h-2a1 1 0 00-1 1v4a1 1 0 001 1h1a3 3 0 003-3v-5a9 9 0 00-9-9z"/>
+		</svg>
+		<h1 class="text-xl font-bold text-(--color-text)">Narrated Books</h1>
+	</div>
+	<p class="text-sm text-(--color-muted)">Books with generated TTS audio ready to listen</p>
+</div>
+
+<!-- Controls -->
+<div class="flex flex-col sm:flex-row gap-3 mb-6">
+	<!-- Search -->
+	<form onsubmit={onSearch} class="flex-1 flex gap-2">
+		<input
+			type="search"
+			bind:value={q}
+			placeholder="Search by title or author…"
+			class="flex-1 min-w-0 px-3 py-2 rounded-lg bg-(--color-surface-2) border border-(--color-border) text-(--color-text) placeholder:text-(--color-muted) text-sm focus:outline-none focus:border-(--color-brand)/60 transition-colors"
+		/>
+		<button
+			type="submit"
+			class="px-4 py-2 rounded-lg bg-(--color-surface-2) border border-(--color-border) text-(--color-muted) hover:text-(--color-text) hover:border-(--color-brand)/40 text-sm transition-colors shrink-0"
+		>
+			Search
+		</button>
+	</form>
+
+	<!-- Sort -->
+	<div class="flex items-center gap-1 shrink-0">
+		{#each [['chapters', 'Most narrated'], ['title', 'A–Z'], ['recent', 'Recent']] as [val, label]}
+			<button
+				type="button"
+				onclick={() => onSortChange(val)}
+				class="px-3 py-2 rounded-lg text-xs font-medium transition-colors {sort === val
+					? 'bg-(--color-brand) text-(--color-surface)'
+					: 'bg-(--color-surface-2) border border-(--color-border) text-(--color-muted) hover:text-(--color-text) hover:border-(--color-brand)/40'}"
+			>
+				{label}
+			</button>
+		{/each}
+	</div>
+</div>
+
+<!-- Results count -->
+{#if filtered.length > 0}
+	<p class="text-xs text-(--color-muted) mb-4">{filtered.length} book{filtered.length !== 1 ? 's' : ''}</p>
+{/if}
+
+<!-- Grid -->
+{#if filtered.length === 0}
+	<div class="text-center py-20 text-(--color-muted)">
+		{#if q.trim()}
+			<p class="text-base font-semibold text-(--color-text) mb-2">No results for "{q}"</p>
+			<p class="text-sm">Try a different search term.</p>
+		{:else}
+			<p class="text-base font-semibold text-(--color-text) mb-2">No narrated books yet</p>
+			<p class="text-sm">Audio is generated as books are read. Check back soon.</p>
+		{/if}
+	</div>
+{:else}
+	<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-3">
+		{#each filtered as { book, audioChapters }}
+			{@const genres = parseGenres(book.genres)}
+			<div class="group flex flex-col rounded-lg overflow-hidden bg-(--color-surface-2) hover:bg-(--color-surface-3) border border-(--color-border) hover:border-(--color-brand)/40 transition-all">
+				<a href="/books/{book.slug}" class="block">
+					<div class="aspect-[2/3] overflow-hidden relative">
+						{#if book.cover}
+							<img src={book.cover} alt={book.title} class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" />
+						{:else}
+							<div class="w-full h-full bg-(--color-surface-3) flex items-center justify-center">
+								<svg class="w-10 h-10 text-(--color-muted)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+									<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/>
+								</svg>
+							</div>
+						{/if}
+						<!-- Headphones badge -->
+						<span class="absolute bottom-1.5 left-1.5 inline-flex items-center gap-1 text-xs bg-(--color-brand)/90 text-(--color-surface) font-bold px-1.5 py-0.5 rounded">
+							<svg class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24"><path d="M12 3a9 9 0 00-9 9v5a3 3 0 003 3h1a1 1 0 001-1v-4a1 1 0 00-1-1H5v-2a7 7 0 0114 0v2h-2a1 1 0 00-1 1v4a1 1 0 001 1h1a3 3 0 003-3v-5a9 9 0 00-9-9z"/></svg>
+							{audioChapters} ch
+						</span>
+					</div>
+				</a>
+
+				<div class="p-2 flex flex-col gap-1 flex-1">
+					<a href="/books/{book.slug}" class="block">
+						<h3 class="text-xs font-semibold text-(--color-text) line-clamp-2 leading-snug">{book.title ?? ''}</h3>
+					</a>
+					{#if book.author}
+						<p class="text-xs text-(--color-muted) truncate">{book.author}</p>
+					{/if}
+					{#if genres.length > 0}
+						<div class="flex flex-wrap gap-1 mt-auto pt-1">
+							{#each genres.slice(0, 2) as genre}
+								<span class="text-xs px-1 py-0.5 rounded bg-(--color-surface) text-(--color-muted)">{genre}</span>
+							{/each}
+						</div>
+					{/if}
+				</div>
+
+				<!-- Actions -->
+				<div class="px-2 pb-2 flex gap-1.5">
+					<button
+						type="button"
+						onclick={() => playChapter(book.slug, 1)}
+						class="flex-1 flex items-center justify-center gap-1 py-1.5 rounded-md bg-(--color-brand)/15 hover:bg-(--color-brand)/30 text-(--color-brand) text-xs font-semibold transition-colors"
+						aria-label="Listen from chapter 1"
+					>
+						<svg class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
+						Listen
+					</button>
+					<a
+						href="/books/{book.slug}"
+						class="flex items-center justify-center px-2 py-1.5 rounded-md bg-(--color-surface-3) hover:bg-(--color-surface) border border-(--color-border) hover:border-(--color-brand)/40 text-(--color-muted) hover:text-(--color-text) transition-colors"
+						title="Book info"
+						aria-label="Book info"
+					>
+						<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M12 2a10 10 0 100 20A10 10 0 0012 2z"/>
+						</svg>
+					</a>
+				</div>
+			</div>
+		{/each}
+	</div>
+{/if}
diff --git a/ui/src/routes/login/+page.server.ts b/ui/src/routes/login/+page.server.ts
new file mode 100644
index 0000000..4bb858f
--- /dev/null
+++ b/ui/src/routes/login/+page.server.ts
@@ -0,0 +1,12 @@
+import { redirect } from '@sveltejs/kit';
+import type { PageServerLoad } from './$types';
+
+export const load: PageServerLoad = async ({ locals, url }) => {
+	// Already logged in — send to home
+	if (locals.user) {
+		redirect(302, '/');
+	}
+	// Surface provider error codes to the page (oauth_state, oauth_failed, etc.)
+	const error = url.searchParams.get('error') ?? undefined;
+	return { error };
+};
diff --git a/ui/src/routes/login/+page.svelte b/ui/src/routes/login/+page.svelte
new file mode 100644
index 0000000..b24e411
--- /dev/null
+++ b/ui/src/routes/login/+page.svelte
@@ -0,0 +1,87 @@
+<script lang="ts">
+	import * as m from '$lib/paraglide/messages.js';
+
+	let { data }: { data: { error?: string } } = $props();
+
+	const errorMessages = $derived<Record<string, string>>({
+		oauth_state: m.login_error_oauth_state(),
+		oauth_failed: m.login_error_oauth_failed(),
+		oauth_no_email: m.login_error_oauth_no_email()
+	});
+</script>
+
+<svelte:head>
+	<title>{m.login_page_title()}</title>
+</svelte:head>
+
+<div class="flex items-center justify-center min-h-[60vh]">
+	<div class="w-full max-w-sm">
+
+		<div class="text-center mb-8">
+			<h1 class="text-2xl font-bold text-(--color-text) mb-2">{m.login_heading()}</h1>
+			<p class="text-sm text-(--color-muted)">{m.login_subheading()}</p>
+		</div>
+
+		{#if data.error && errorMessages[data.error]}
+			<div class="mb-6 rounded bg-(--color-danger)/10 border border-(--color-danger) px-4 py-3 text-sm text-(--color-danger)">
+				{errorMessages[data.error]}
+			</div>
+		{/if}
+
+		<div class="flex flex-col gap-3">
+			<!-- Google -->
+			<a
+				href="/auth/google"
+				class="flex items-center justify-center gap-3 w-full py-3 px-4 rounded-lg
+					bg-(--color-surface-2) border border-(--color-border) text-(--color-text) text-sm font-medium
+					hover:bg-(--color-surface-3) hover:border-(--color-brand)/50 transition-colors"
+			>
+				<svg class="w-5 h-5 shrink-0" viewBox="0 0 24 24" aria-hidden="true">
+					<path
+						d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+						fill="#4285F4"
+					/>
+					<path
+						d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+						fill="#34A853"
+					/>
+					<path
+						d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+						fill="#FBBC05"
+					/>
+					<path
+						d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+						fill="#EA4335"
+					/>
+				</svg>
+				{m.login_continue_google()}
+			</a>
+
+			<!-- GitHub -->
+			<a
+				href="/auth/github"
+				class="flex items-center justify-center gap-3 w-full py-3 px-4 rounded-lg
+					bg-(--color-surface-2) border border-(--color-border) text-(--color-text) text-sm font-medium
+					hover:bg-(--color-surface-3) hover:border-(--color-brand)/50 transition-colors"
+			>
+				<svg class="w-5 h-5 shrink-0 fill-(--color-text)" viewBox="0 0 24 24" aria-hidden="true">
+					<path
+						d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483
+						0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466
+						-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832
+						.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688
+						-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0 1 12 6.844a9.59 9.59 0
+						0 1 2.504.337c1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028
+						1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012
+						2.419-.012 2.747 0 .268.18.58.688.482A10.02 10.02 0 0 0 22 12.017C22 6.484 17.522 2 12 2z"
+					/>
+				</svg>
+				{m.login_continue_github()}
+			</a>
+		</div>
+
+		<p class="mt-8 text-center text-xs text-(--color-muted)">
+			{m.login_terms_notice()}
+		</p>
+	</div>
+</div>
diff --git a/ui/src/routes/logout/+page.server.ts b/ui/src/routes/logout/+page.server.ts
new file mode 100644
index 0000000..9af7c4b
--- /dev/null
+++ b/ui/src/routes/logout/+page.server.ts
@@ -0,0 +1,11 @@
+import { redirect } from '@sveltejs/kit';
+import type { Actions } from './$types';
+
+const AUTH_COOKIE = 'libnovel_auth';
+
+export const actions: Actions = {
+	default: async ({ cookies }) => {
+		cookies.delete(AUTH_COOKIE, { path: '/' });
+		redirect(302, '/login');
+	}
+};
diff --git a/ui/src/routes/notifications/+page.server.ts b/ui/src/routes/notifications/+page.server.ts
new file mode 100644
index 0000000..065d231
--- /dev/null
+++ b/ui/src/routes/notifications/+page.server.ts
@@ -0,0 +1,28 @@
+import type { PageServerLoad } from './$types';
+import { redirect } from '@sveltejs/kit';
+import { backendFetch } from '$lib/server/scraper';
+
+export const load: PageServerLoad = async ({ locals }) => {
+	// Admins have their own full notifications page
+	if (locals.user?.role === 'admin') {
+		redirect(302, '/admin/notifications');
+	}
+
+	const userId = locals.user!.id;
+	try {
+		const res = await backendFetch('/api/notifications?user_id=' + userId);
+		const data = await res.json().catch(() => ({ notifications: [] }));
+		return {
+			userId,
+			notifications: (data.notifications ?? []) as Array<{
+				id: string;
+				title: string;
+				message: string;
+				link: string;
+				read: boolean;
+			}>
+		};
+	} catch {
+		return { userId, notifications: [] };
+	}
+};
diff --git a/ui/src/routes/notifications/+page.svelte b/ui/src/routes/notifications/+page.svelte
new file mode 100644
index 0000000..0e05a15
--- /dev/null
+++ b/ui/src/routes/notifications/+page.svelte
@@ -0,0 +1,127 @@
+<script lang="ts">
+	import type { PageData } from './$types';
+
+	let { data }: { data: PageData } = $props();
+
+	type Notification = { id: string; title: string; message: string; link: string; read: boolean };
+
+	let notifications = $state<Notification[]>(data.notifications);
+	let filter = $state<'all' | 'unread'>('all');
+	let busy = $state(false);
+
+	const filtered = $derived(
+		filter === 'unread' ? notifications.filter(n => !n.read) : notifications
+	);
+	const unreadCount = $derived(notifications.filter(n => !n.read).length);
+
+	async function markRead(id: string) {
+		await fetch('/api/notifications/' + id, { method: 'PATCH' }).catch(() => {});
+		notifications = notifications.map(n => n.id === id ? { ...n, read: true } : n);
+	}
+
+	async function dismiss(id: string) {
+		await fetch('/api/notifications/' + id, { method: 'DELETE' }).catch(() => {});
+		notifications = notifications.filter(n => n.id !== id);
+	}
+
+	async function markAllRead() {
+		busy = true;
+		try {
+			await fetch('/api/notifications?user_id=' + data.userId, { method: 'PATCH' });
+			notifications = notifications.map(n => ({ ...n, read: true }));
+		} finally { busy = false; }
+	}
+
+	async function clearAll() {
+		if (!confirm('Clear all notifications?')) return;
+		busy = true;
+		try {
+			await fetch('/api/notifications?user_id=' + data.userId, { method: 'DELETE' });
+			notifications = [];
+		} finally { busy = false; }
+	}
+</script>
+
+<svelte:head>
+	<title>Notifications</title>
+</svelte:head>
+
+<div class="max-w-2xl mx-auto px-4 py-8">
+	<div class="flex items-center justify-between mb-6">
+		<div>
+			<h1 class="text-xl font-semibold">Notifications</h1>
+			{#if unreadCount > 0}
+				<p class="text-sm text-(--color-muted) mt-0.5">{unreadCount} unread</p>
+			{/if}
+		</div>
+		<div class="flex gap-2">
+			{#if unreadCount > 0}
+				<button
+					type="button"
+					onclick={markAllRead}
+					disabled={busy}
+					class="text-sm px-3 py-1.5 rounded border border-(--color-border) text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2) transition-colors disabled:opacity-50"
+				>Mark all read</button>
+			{/if}
+			{#if notifications.length > 0}
+				<button
+					type="button"
+					onclick={clearAll}
+					disabled={busy}
+					class="text-sm px-3 py-1.5 rounded border border-(--color-border) text-red-400 hover:bg-(--color-surface-2) transition-colors disabled:opacity-50"
+				>Clear all</button>
+			{/if}
+		</div>
+	</div>
+
+	<!-- Filter tabs -->
+	<div class="flex gap-0 mb-4">
+		<button
+			type="button"
+			onclick={() => filter = 'all'}
+			class="text-sm px-4 py-1.5 rounded-l border border-(--color-border) transition-colors {filter === 'all' ? 'bg-(--color-brand) text-black border-(--color-brand) font-medium' : 'text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2)'}"
+		>All ({notifications.length})</button>
+		<button
+			type="button"
+			onclick={() => filter = 'unread'}
+			class="text-sm px-4 py-1.5 rounded-r border border-l-0 border-(--color-border) transition-colors {filter === 'unread' ? 'bg-(--color-brand) text-black border-(--color-brand) font-medium' : 'text-(--color-muted) hover:text-(--color-text) hover:bg-(--color-surface-2)'}"
+		>Unread ({unreadCount})</button>
+	</div>
+
+	<!-- List -->
+	{#if filtered.length === 0}
+		<div class="py-16 text-center text-(--color-muted)">
+			{filter === 'unread' ? 'No unread notifications' : 'No notifications'}
+		</div>
+	{:else}
+		<div class="rounded-lg border border-(--color-border) overflow-hidden">
+			{#each filtered as n (n.id)}
+				<div class="flex items-start gap-2 border-b border-(--color-border)/40 last:border-b-0 hover:bg-(--color-surface-2) group transition-colors {n.read ? 'opacity-60' : ''}">
+					<a
+						href={n.link || '/'}
+						onclick={() => markRead(n.id)}
+						class="flex-1 p-4 min-w-0"
+					>
+						<div class="flex items-center gap-2">
+							{#if !n.read}
+								<span class="w-2 h-2 rounded-full bg-(--color-brand) shrink-0"></span>
+							{/if}
+							<span class="font-medium text-sm">{n.title}</span>
+						</div>
+						<p class="text-sm text-(--color-muted) mt-1">{n.message}</p>
+					</a>
+					<button
+						type="button"
+						onclick={() => dismiss(n.id)}
+						class="shrink-0 p-3 text-(--color-muted) hover:text-red-400 opacity-0 group-hover:opacity-100 transition-all"
+						title="Dismiss"
+					>
+						<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+						</svg>
+					</button>
+				</div>
+			{/each}
+		</div>
+	{/if}
+</div>
diff --git a/ui/src/routes/privacy/+page.svelte b/ui/src/routes/privacy/+page.svelte
new file mode 100644
index 0000000..9d6e8b9
--- /dev/null
+++ b/ui/src/routes/privacy/+page.svelte
@@ -0,0 +1,59 @@
+<script lang="ts">
+	import * as m from '$lib/paraglide/messages.js';
+</script>
+
+<svelte:head>
+	<title>{m.privacy_page_title()}</title>
+</svelte:head>
+
+<div class="max-w-2xl mx-auto py-10 px-4">
+	<h1 class="text-2xl font-bold text-(--color-text) mb-6">Privacy Policy</h1>
+
+	<div class="space-y-5 text-sm text-(--color-muted) leading-relaxed">
+		<p>
+			This policy describes what limited data libnovel collects and how it is used.
+		</p>
+
+		<h2 class="text-base font-semibold text-(--color-text) mt-6">Data we collect</h2>
+		<ul class="list-disc list-inside space-y-2 pl-1">
+			<li>
+				<span class="text-(--color-text)">Session cookies</span> — a short-lived cookie is set when you
+				visit the site to track reading progress across pages. No account is required.
+			</li>
+			<li>
+				<span class="text-(--color-text)">Account data (optional)</span> — if you create an account,
+				we store your username and a hashed password. No email address is required.
+			</li>
+			<li>
+				<span class="text-(--color-text)">Reading progress</span> — the last chapter you read for each
+				book is stored server-side, tied to your session or account, so you can resume reading.
+			</li>
+			<li>
+				<span class="text-(--color-text)">Saved books</span> — books you explicitly bookmark are stored
+				server-side tied to your session or account.
+			</li>
+		</ul>
+
+		<h2 class="text-base font-semibold text-(--color-text) mt-6">What we do not collect</h2>
+		<ul class="list-disc list-inside space-y-2 pl-1">
+			<li>No email addresses (unless you choose to provide one).</li>
+			<li>No tracking pixels, analytics scripts, or third-party ad networks.</li>
+			<li>No selling or sharing of data with third parties.</li>
+		</ul>
+
+		<h2 class="text-base font-semibold text-(--color-text) mt-6">Third-party content</h2>
+		<p>
+			Cover images and chapter content are fetched from third-party sources (e.g.
+			<a href="https://novelfire.net" target="_blank" rel="noopener noreferrer" class="text-(--color-brand) hover:text-(--color-brand-dim) transition-colors">novelfire.net</a>).
+			Your browser may make requests directly to those domains when loading images.
+		</p>
+
+		<h2 class="text-base font-semibold text-(--color-text) mt-6">Data deletion</h2>
+		<p>
+			You can delete your reading progress and saved books from your profile page at any time.
+			To request full account deletion, contact us via the <a href="/dmca" class="text-(--color-brand) hover:text-(--color-brand-dim) transition-colors">contact address listed in our DMCA policy</a>.
+		</p>
+
+		<p class="text-(--color-muted) text-xs mt-8">Last updated: {new Date().getFullYear()}</p>
+	</div>
+</div>
diff --git a/ui/src/routes/profile/+page.server.ts b/ui/src/routes/profile/+page.server.ts
new file mode 100644
index 0000000..ce241c7
--- /dev/null
+++ b/ui/src/routes/profile/+page.server.ts
@@ -0,0 +1,100 @@
+import { redirect } from '@sveltejs/kit';
+import type { PageServerLoad } from './$types';
+import {
+	listUserSessions,
+	getUserByUsername,
+	getUserStats,
+	allProgress,
+	getBooksBySlugs,
+	getUserById
+} from '$lib/server/pocketbase';
+import { resolveAvatarUrl } from '$lib/server/minio';
+import { log } from '$lib/server/logger';
+
+export const load: PageServerLoad = async ({ locals }) => {
+	if (!locals.user) {
+		redirect(302, '/login');
+	}
+
+	// Helper: fetch reading history (progress → books, sequential by necessity)
+	async function fetchHistory() {
+		const progress = await allProgress(locals.sessionId, locals.user!.id);
+		const recent = progress.slice(0, 50);
+		const books = await getBooksBySlugs(new Set(recent.map((p) => p.slug)));
+		const bookMap = new Map(books.map((b) => [b.slug, b]));
+		return recent.map((p) => ({
+			slug: p.slug,
+			chapter: p.chapter,
+			updated: p.updated,
+			title: bookMap.get(p.slug)?.title ?? p.slug,
+			cover: bookMap.get(p.slug)?.cover ?? null
+		}));
+	}
+
+	// Helper: fetch avatar/email/polarCustomerId (getUserByUsername → resolveAvatarUrl)
+	async function fetchUserRecord() {
+		const record = await getUserByUsername(locals.user!.username);
+		const avatarUrl = await resolveAvatarUrl(locals.user!.id, record?.avatar_url);
+		return {
+			avatarUrl,
+			email: record?.email ?? null,
+			polarCustomerId: record?.polar_customer_id ?? null
+		};
+	}
+
+	// Helper: fetch fresh user record (for notification prefs not in auth token)
+	async function fetchFreshUser() {
+		return getUserById(locals.user!.id);
+	}
+
+	// Run all three independent groups concurrently
+	const [userRecord, sessionsResult, statsResult, historyResult, freshUserResult] = await Promise.allSettled([
+		fetchUserRecord(),
+		listUserSessions(locals.user.id),
+		getUserStats(locals.sessionId, locals.user.id),
+		fetchHistory(),
+		fetchFreshUser()
+	]);
+
+	if (userRecord.status === 'rejected')
+		log.warn('profile', 'avatar fetch failed (non-fatal)', { err: String(userRecord.reason) });
+	if (sessionsResult.status === 'rejected')
+		log.warn('profile', 'sessions fetch failed (non-fatal)', { err: String(sessionsResult.reason) });
+	if (statsResult.status === 'rejected')
+		log.warn('profile', 'stats fetch failed (non-fatal)', { err: String(statsResult.reason) });
+	if (historyResult.status === 'rejected')
+		log.warn('profile', 'history fetch failed (non-fatal)', { err: String(historyResult.reason) });
+	const { avatarUrl = null, email = null, polarCustomerId = null } =
+		userRecord.status === 'fulfilled' ? userRecord.value : {};
+	const sessions =
+		sessionsResult.status === 'fulfilled' ? sessionsResult.value : [];
+	const stats =
+		statsResult.status === 'fulfilled' ? statsResult.value : null;
+	const history =
+		historyResult.status === 'fulfilled' ? historyResult.value : [];
+	const freshUser =
+		freshUserResult.status === 'fulfilled' ? freshUserResult.value : null;
+
+	return {
+		user: locals.user,
+		avatarUrl,
+		email,
+		polarCustomerId,
+		notifyNewChapters: freshUser?.notify_new_chapters ?? true,
+		notifyNewChaptersPush: freshUser?.notify_new_chapters_push ?? true,
+		stats: stats ?? {
+			totalChaptersRead: 0, booksReading: 0, booksCompleted: 0,
+			booksPlanToRead: 0, booksDropped: 0, topGenres: [],
+			avgRatingGiven: 0, streak: 0
+		},
+		sessions: sessions.map((s) => ({
+			id: s.id,
+			user_agent: s.user_agent,
+			ip: s.ip,
+			created_at: s.created_at,
+			last_seen: s.last_seen,
+			is_current: s.session_id === locals.user!.authSessionId
+		})),
+		history
+	};
+};
diff --git a/ui/src/routes/profile/+page.svelte b/ui/src/routes/profile/+page.svelte
new file mode 100644
index 0000000..33c01c6
--- /dev/null
+++ b/ui/src/routes/profile/+page.svelte
@@ -0,0 +1,1216 @@
+<script lang="ts">
+	import { enhance } from '$app/forms';
+	import { untrack, getContext } from 'svelte';
+	import type { PageData, ActionData } from './$types';
+	import { audioStore } from '$lib/audio.svelte';
+	import type { AudioMode } from '$lib/audio.svelte';
+	import { browser } from '$app/environment';
+	import { page } from '$app/state';
+	import { cn } from '$lib/utils';
+	import * as m from '$lib/paraglide/messages.js';
+
+	let { data, form }: { data: PageData; form: ActionData } = $props();
+
+	// ── Polar checkout ───────────────────────────────────────────────────────────
+	const manageUrl = `https://polar.sh/libnovel/portal`;
+
+	let checkoutLoading = $state<'monthly' | 'annual' | null>(null);
+	let checkoutError = $state('');
+
+	async function startCheckout(product: 'monthly' | 'annual') {
+		checkoutLoading = product;
+		checkoutError = '';
+		try {
+			const res = await fetch('/api/checkout', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ product })
+			});
+			if (!res.ok) {
+				const body = await res.json().catch(() => ({})) as { message?: string };
+				checkoutError = body.message ?? `Checkout failed (${res.status}). Please try again.`;
+				return;
+			}
+			const { url } = await res.json() as { url: string };
+			window.location.href = url;
+		} catch {
+			checkoutError = 'Network error. Please try again.';
+		} finally {
+			checkoutLoading = null;
+		}
+	}
+
+	// ── Avatar ───────────────────────────────────────────────────────────────────
+	const justSubscribed = $derived(browser && page.url.searchParams.get('subscribed') === '1');
+
+	let avatarUrl = $state<string | null>(untrack(() => data.avatarUrl ?? null));
+	let avatarUploading = $state(false);
+	let avatarError = $state('');
+	let fileInput: HTMLInputElement | null = null;
+	let cropFile = $state<File | null>(null);
+
+	function handleAvatarChange(e: Event) {
+		const input = e.target as HTMLInputElement;
+		const file = input.files?.[0];
+		if (!file) return;
+		if (fileInput) fileInput.value = '';
+		cropFile = file;
+	}
+
+	async function handleCropConfirm(blob: Blob, mimeType: string) {
+		cropFile = null;
+		avatarUploading = true;
+		avatarError = '';
+		try {
+			const res = await fetch('/api/profile/avatar', {
+				method: 'POST',
+				headers: { 'Content-Type': mimeType },
+				body: blob
+			});
+			if (!res.ok) {
+				const body = await res.json().catch(() => ({})) as { message?: string };
+				avatarError = body.message ?? `Upload failed (${res.status})`;
+				return;
+			}
+			const result = await res.json() as { avatar_url: string | null };
+			avatarUrl = result.avatar_url;
+		} catch {
+			avatarError = 'Network error during upload';
+		} finally {
+			avatarUploading = false;
+		}
+	}
+
+	function handleCropCancel() { cropFile = null; }
+
+	// ── Settings state ────────────────────────────────────────────────────────────
+	const settingsCtx = getContext<{ current: string; fontFamily: string; fontSize: number } | undefined>('theme');
+	let selectedTheme      = $state(untrack(() => data.settings?.theme      ?? settingsCtx?.current    ?? 'amber'));
+	let selectedFontFamily = $state(untrack(() => data.settings?.fontFamily ?? settingsCtx?.fontFamily ?? 'system'));
+	let selectedFontSize   = $state(untrack(() => data.settings?.fontSize   ?? settingsCtx?.fontSize   ?? 1.0));
+
+	const THEMES: { id: string; label: () => string; swatch: string; light?: boolean }[] = [
+		{ id: 'amber',       label: () => m.profile_theme_amber(),       swatch: '#f59e0b' },
+		{ id: 'slate',       label: () => m.profile_theme_slate(),       swatch: '#818cf8' },
+		{ id: 'rose',        label: () => m.profile_theme_rose(),        swatch: '#fb7185' },
+		{ id: 'forest',      label: () => m.profile_theme_forest(),      swatch: '#4ade80' },
+		{ id: 'mono',        label: () => m.profile_theme_mono(),        swatch: '#f4f4f5' },
+		{ id: 'cyber',       label: () => m.profile_theme_cyber(),       swatch: '#22d3ee' },
+		{ id: 'light',       label: () => m.profile_theme_light(),       swatch: '#d97706', light: true },
+		{ id: 'light-slate', label: () => m.profile_theme_light_slate(), swatch: '#4f46e5', light: true },
+		{ id: 'light-rose',  label: () => m.profile_theme_light_rose(),  swatch: '#e11d48', light: true },
+	];
+
+	const FONTS = [
+		{ id: 'system', label: () => m.profile_font_system() },
+		{ id: 'serif',  label: () => m.profile_font_serif() },
+		{ id: 'mono',   label: () => m.profile_font_mono() },
+	];
+
+	const FONT_SIZES = [
+		{ value: 0.9,  label: () => m.profile_text_size_sm() },
+		{ value: 1.0,  label: () => m.profile_text_size_md() },
+		{ value: 1.15, label: () => m.profile_text_size_lg() },
+		{ value: 1.3,  label: () => m.profile_text_size_xl() },
+	];
+
+	type SaveStatus = 'idle' | 'saving' | 'saved';
+	let saveStatus = $state<SaveStatus>('idle');
+	let savedTimer = 0;
+	let initialized = false;
+
+	function markSaved() {
+		saveStatus = 'saving';
+		clearTimeout(savedTimer);
+		savedTimer = setTimeout(() => {
+			saveStatus = 'saved';
+			savedTimer = setTimeout(() => (saveStatus = 'idle'), 2000) as unknown as number;
+		}, 900) as unknown as number;
+	}
+
+	$effect(() => {
+		const t  = selectedTheme;
+		const ff = selectedFontFamily;
+		const fs = selectedFontSize;
+		const v  = audioStore.voice;
+		const sp = audioStore.speed;
+		const an = audioStore.autoNext;
+		const ac = audioStore.announceChapter;
+		const am = audioStore.audioMode;
+
+		if (settingsCtx) {
+			settingsCtx.current    = t;
+			settingsCtx.fontFamily = ff;
+			settingsCtx.fontSize   = fs;
+		}
+
+		if (!initialized) { initialized = true; return; }
+		void v; void sp; void an; void ac; void am;
+		markSaved();
+	});
+
+	$effect(() => { if (settingsCtx) settingsCtx.current    = selectedTheme; });
+	$effect(() => { if (settingsCtx) settingsCtx.fontFamily = selectedFontFamily; });
+	$effect(() => { if (settingsCtx) settingsCtx.fontSize   = selectedFontSize; });
+
+	// ── Expanded section state ────────────────────────────────────────────────────
+	type Section = 'history' | 'stats' | 'appearance' | 'playback' | 'notifications' | 'subscription' | 'sessions' | 'danger' | null;
+	let expanded = $state<Section>(null);
+
+	function toggle(section: Section) {
+		expanded = expanded === section ? null : section;
+	}
+
+	// ── Sessions ─────────────────────────────────────────────────────────────────
+	type Session = {
+		id: string;
+		user_agent: string;
+		ip: string;
+		created_at: string;
+		last_seen: string;
+		is_current: boolean;
+	};
+
+	let sessions    = $state<Session[]>(untrack(() => data.sessions ?? []));
+	let revokingId  = $state<string | null>(null);
+	let revokeError = $state('');
+
+	async function revokeSession(session: Session) {
+		revokingId  = session.id;
+		revokeError = '';
+		try {
+			const res = await fetch(`/api/sessions/${session.id}`, { method: 'DELETE' });
+			if (!res.ok) { revokeError = 'Failed to end session. Please try again.'; return; }
+			if (session.is_current) {
+				const logoutForm = document.getElementById('logout-form') as HTMLFormElement | null;
+				if (logoutForm) logoutForm.submit();
+				return;
+			}
+			sessions = sessions.filter((s) => s.id !== session.id);
+		} catch {
+			revokeError = 'Network error. Please try again.';
+		} finally {
+			revokingId = null;
+		}
+	}
+
+	// ── Danger zone ──────────────────────────────────────────────────────────────
+	let deleteConfirmText = $state('');
+	let deleting          = $state(false);
+	let deleteError       = $state('');
+
+	const DELETE_KEYWORD = untrack(() => data.user.username);
+	const deleteReady    = $derived(deleteConfirmText.trim() === DELETE_KEYWORD);
+
+	async function deleteAccount() {
+		if (!deleteReady) return;
+		deleting     = true;
+		deleteError  = '';
+		try {
+			const res = await fetch('/api/profile', { method: 'DELETE' });
+			if (!res.ok) {
+				const body = await res.json().catch(() => ({})) as { message?: string };
+				deleteError = body.message ?? `Delete failed (${res.status}). Please try again.`;
+				return;
+			}
+			const logoutForm = document.getElementById('logout-form') as HTMLFormElement | null;
+			if (logoutForm) logoutForm.submit();
+		} catch {
+			deleteError = 'Network error. Please try again.';
+		} finally {
+			deleting = false;
+		}
+	}
+
+	// ── Utilities ────────────────────────────────────────────────────────────────
+	function formatDate(iso: string): string {
+		if (!iso) return '—';
+		try {
+			return new Intl.DateTimeFormat(undefined, { dateStyle: 'medium', timeStyle: 'short' }).format(new Date(iso));
+		} catch { return iso; }
+	}
+
+	// ── Push notifications ────────────────────────────────────────────────────────
+	type PushState = 'unsupported' | 'default' | 'subscribed' | 'denied' | 'loading';
+	let pushState = $state<PushState>('unsupported');
+	let pushError = $state('');
+
+	// ── In-app notifications ──────────────────────────────────────────────────────
+	let notifyNewChapters     = $state(data.notifyNewChapters     ?? true);
+	let notifyNewChaptersPush = $state(data.notifyNewChaptersPush ?? true);
+	let notifyNewChaptersSaving     = $state(false);
+	let notifyNewChaptersPushSaving = $state(false);
+
+	async function toggleNotifyNewChapters() {
+		notifyNewChaptersSaving = true;
+		const next = !notifyNewChapters;
+		try {
+			const res = await fetch('/api/profile', {
+				method: 'PATCH',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ notify_new_chapters: next })
+			});
+			if (res.ok) notifyNewChapters = next;
+		} catch { /* ignore */ } finally {
+			notifyNewChaptersSaving = false;
+		}
+	}
+
+	async function toggleNotifyNewChaptersPush() {
+		notifyNewChaptersPushSaving = true;
+		const next = !notifyNewChaptersPush;
+		try {
+			const res = await fetch('/api/profile', {
+				method: 'PATCH',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ notify_new_chapters_push: next })
+			});
+			if (res.ok) notifyNewChaptersPush = next;
+		} catch { /* ignore */ } finally {
+			notifyNewChaptersPushSaving = false;
+		}
+	}
+
+	$effect(() => {
+		if (!browser) return;
+		if (!('serviceWorker' in navigator) || !('PushManager' in window)) {
+			pushState = 'unsupported';
+			return;
+		}
+		(async () => {
+			const perm = Notification.permission;
+			if (perm === 'denied') { pushState = 'denied'; return; }
+			const reg = await navigator.serviceWorker.getRegistration('/');
+			if (!reg) { pushState = 'default'; return; }
+			const sub = await reg.pushManager.getSubscription();
+			pushState = sub ? 'subscribed' : 'default';
+		})();
+	});
+
+	async function subscribePush() {
+		pushError = '';
+		pushState = 'loading';
+		try {
+			const keyRes = await fetch('/api/push-subscriptions/vapid-public-key');
+			if (!keyRes.ok) { pushError = 'Push notifications are not configured on this server.'; pushState = 'default'; return; }
+			const { public_key } = await keyRes.json() as { public_key: string };
+
+			const reg = await navigator.serviceWorker.ready;
+
+			const sub = await reg.pushManager.subscribe({
+				userVisibleOnly: true,
+				applicationServerKey: urlBase64ToUint8Array(public_key),
+			});
+
+			const json = sub.toJSON() as {
+				endpoint: string;
+				keys: { p256dh: string; auth: string };
+			};
+
+			const saveRes = await fetch('/api/push-subscription', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify(json),
+			});
+			if (!saveRes.ok) { pushError = 'Failed to save subscription. Please try again.'; pushState = 'default'; return; }
+
+			pushState = 'subscribed';
+		} catch (e) {
+			pushError = e instanceof Error ? e.message : 'Failed to enable notifications.';
+			pushState = Notification.permission === 'denied' ? 'denied' : 'default';
+		}
+	}
+
+	async function unsubscribePush() {
+		pushError = '';
+		pushState = 'loading';
+		try {
+			const reg = await navigator.serviceWorker.getRegistration('/');
+			const sub = await reg?.pushManager.getSubscription();
+			if (sub) {
+				await fetch('/api/push-subscription', {
+					method: 'DELETE',
+					headers: { 'Content-Type': 'application/json' },
+					body: JSON.stringify({ endpoint: sub.endpoint }),
+				});
+				await sub.unsubscribe();
+			}
+			pushState = 'default';
+		} catch (e) {
+			pushError = e instanceof Error ? e.message : 'Failed to disable notifications.';
+			pushState = 'subscribed';
+		}
+	}
+
+	function urlBase64ToUint8Array(base64String: string): ArrayBuffer {
+		const padding = '='.repeat((4 - (base64String.length % 4)) % 4);
+		const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/');
+		const raw = atob(base64);
+		const arr = new Uint8Array(raw.length);
+		for (let i = 0; i < raw.length; i++) arr[i] = raw.charCodeAt(i);
+		return arr.buffer as ArrayBuffer;
+	}
+
+	function parseUA(ua: string): string {
+		if (!ua) return 'Unknown browser';
+		if (/Mobile/i.test(ua)) {
+			const match = ua.match(/\(([^)]+)\)/);
+			return match ? `Mobile — ${match[1].split(';')[0].trim()}` : 'Mobile device';
+		}
+		if (/Chrome\/(\d+)/i.test(ua)) return `Chrome ${ua.match(/Chrome\/(\d+)/i)![1]}`;
+		if (/Firefox\/(\d+)/i.test(ua)) return `Firefox ${ua.match(/Firefox\/(\d+)/i)![1]}`;
+		if (/Safari\/(\d+)/i.test(ua) && !/Chrome/i.test(ua)) return 'Safari';
+		if (/Edg\/(\d+)/i.test(ua)) return `Edge ${ua.match(/Edg\/(\d+)/i)![1]}`;
+		return ua.slice(0, 48) + (ua.length > 48 ? '…' : '');
+	}
+
+	// ── Chevron helper ────────────────────────────────────────────────────────────
+	const chevronClass = 'w-4 h-4 text-(--color-muted) shrink-0 transition-transform duration-200';
+</script>
+
+<svelte:head>
+	<title>{m.profile_page_title()}</title>
+</svelte:head>
+
+{#if cropFile && browser}
+	{#await import('$lib/components/AvatarCropModal.svelte') then { default: AvatarCropModal }}
+		<AvatarCropModal file={cropFile} onconfirm={handleCropConfirm} oncancel={handleCropCancel} />
+	{/await}
+{/if}
+
+<form id="logout-form" method="POST" action="/logout" class="hidden"></form>
+
+<div class="max-w-lg mx-auto space-y-5 pb-16">
+
+	<!-- ── Post-checkout success banner ─────────────────────────────────────── -->
+	{#if justSubscribed}
+	<div class="rounded-xl bg-(--color-brand)/10 border border-(--color-brand)/40 px-5 py-4">
+		<p class="text-sm font-semibold text-(--color-brand)">Welcome to Pro!</p>
+		<p class="text-sm text-(--color-muted) mt-0.5">Your subscription is being activated. Refresh the page in a moment if the Pro badge doesn't appear yet.</p>
+	</div>
+	{/if}
+
+	<!-- ── Profile header ───────────────────────────────────────────────────── -->
+	<div class="flex items-center gap-4 pt-2 px-1">
+		<div class="relative shrink-0">
+			<button
+				onclick={() => fileInput?.click()}
+				class="group relative w-18 h-18 rounded-full overflow-hidden ring-2 ring-(--color-border) hover:ring-(--color-brand) transition-all focus:outline-none"
+				title={m.profile_change_avatar()}
+				disabled={avatarUploading}
+			>
+				{#if avatarUrl}
+					<img src={avatarUrl} alt="Profile" class="w-full h-full object-cover" />
+				{:else}
+					<div class="w-full h-full bg-(--color-surface-3) flex items-center justify-center">
+						<span class="text-3xl font-bold text-(--color-muted) select-none">
+							{data.user.username.slice(0, 1).toUpperCase()}
+						</span>
+					</div>
+				{/if}
+				<div class="absolute inset-0 bg-black/50 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity">
+					{#if avatarUploading}
+						<svg class="w-5 h-5 text-white animate-spin" fill="none" viewBox="0 0 24 24">
+							<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+							<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"></path>
+						</svg>
+					{:else}
+						<svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"/>
+							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"/>
+						</svg>
+					{/if}
+				</div>
+			</button>
+			<input bind:this={fileInput} type="file" accept="image/jpeg,image/png,image/webp" class="hidden" onchange={handleAvatarChange} />
+		</div>
+
+		<div class="min-w-0 flex-1">
+			<h1 class="text-xl font-bold text-(--color-text) truncate">{data.user.username}</h1>
+			{#if data.email}
+				<p class="text-xs text-(--color-muted) mt-0.5 truncate">{data.email}</p>
+			{/if}
+			<div class="flex items-center gap-2 mt-1.5 flex-wrap">
+				<span class="text-xs font-semibold px-2 py-0.5 rounded-full bg-(--color-surface-3) text-(--color-muted) capitalize border border-(--color-border)">{data.user.role}</span>
+				{#if data.isPro}
+					<span class="text-xs font-bold px-2 py-0.5 rounded-full bg-(--color-brand)/15 text-(--color-brand) border border-(--color-brand)/30 uppercase tracking-wide">
+						{m.profile_plan_pro()}
+					</span>
+				{/if}
+			</div>
+			<!-- Quick stats chips -->
+			{#if data.stats.totalChaptersRead > 0 || data.stats.streak > 0}
+			<div class="flex items-center gap-2 mt-2 flex-wrap">
+				{#if data.stats.streak > 0}
+					<span class="inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-(--color-surface-3) border border-(--color-border) text-(--color-muted)">
+						<svg class="w-3 h-3 text-orange-400" fill="currentColor" viewBox="0 0 24 24"><path d="M13.5 0.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67z"/></svg>
+						{data.stats.streak}d streak
+					</span>
+				{/if}
+				{#if data.stats.totalChaptersRead > 0}
+					<span class="inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-(--color-surface-3) border border-(--color-border) text-(--color-muted)">
+						<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/></svg>
+						{data.stats.totalChaptersRead.toLocaleString()} chapters
+					</span>
+				{/if}
+				{#if data.stats.booksCompleted > 0}
+					<span class="inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-(--color-surface-3) border border-(--color-border) text-(--color-muted)">
+						<svg class="w-3 h-3 text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
+						{data.stats.booksCompleted} completed
+					</span>
+				{/if}
+			</div>
+			{/if}
+			{#if avatarError}
+				<p class="text-(--color-danger) text-xs mt-1">{avatarError}</p>
+			{/if}
+		</div>
+	</div>
+
+	<!-- ── Library group ─────────────────────────────────────────────────────── -->
+	<div class="bg-(--color-surface-2) rounded-xl border border-(--color-border) divide-y divide-(--color-border) overflow-hidden">
+
+		<!-- Favourites -->
+		<a
+			href="/books?status=reading"
+			class="flex items-center gap-3.5 px-5 py-4 hover:bg-(--color-surface-3)/60 transition-colors group"
+		>
+			<span class="shrink-0 w-8 h-8 rounded-lg bg-(--color-surface-3) border border-(--color-border) flex items-center justify-center">
+				<svg class="w-4 h-4 text-(--color-muted) group-hover:text-(--color-brand) transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
+				</svg>
+			</span>
+			<span class="flex-1 text-sm font-medium text-(--color-text)">Library</span>
+			{#if data.stats.booksReading > 0}
+				<span class="text-xs text-(--color-muted) mr-2 hidden sm:inline">{data.stats.booksReading} reading</span>
+			{/if}
+			<svg class={chevronClass} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+			</svg>
+		</a>
+
+		<!-- Stats -->
+		<button
+			type="button"
+			onclick={() => toggle('stats')}
+			class="w-full flex items-center gap-3.5 px-5 py-4 hover:bg-(--color-surface-3)/60 transition-colors group text-left"
+		>
+			<span class="shrink-0 w-8 h-8 rounded-lg bg-(--color-surface-3) border border-(--color-border) flex items-center justify-center">
+				<svg class="w-4 h-4 text-(--color-muted) group-hover:text-(--color-brand) transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
+				</svg>
+			</span>
+			<span class="flex-1 text-sm font-medium text-(--color-text)">Stats</span>
+			<svg class={cn(chevronClass, expanded === 'stats' ? 'rotate-90' : '')} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+			</svg>
+		</button>
+
+		{#if expanded === 'stats'}
+		<div class="px-5 pb-5 pt-3 space-y-4 bg-(--color-surface-3)/30">
+			<div class="grid grid-cols-2 sm:grid-cols-4 gap-2">
+				{#each [
+					{ label: 'Chapters Read', value: data.stats.totalChaptersRead },
+					{ label: 'Completed',     value: data.stats.booksCompleted },
+					{ label: 'Reading',       value: data.stats.booksReading },
+					{ label: 'Plan to Read',  value: data.stats.booksPlanToRead },
+				] as stat}
+					<div class="bg-(--color-surface-2) rounded-lg p-3 text-center border border-(--color-border)">
+						<p class="text-xl font-bold text-(--color-text) tabular-nums">{stat.value}</p>
+						<p class="text-xs text-(--color-muted) mt-0.5">{stat.label}</p>
+					</div>
+				{/each}
+			</div>
+			<div class="grid grid-cols-2 gap-2">
+				<div class="bg-(--color-surface-2) rounded-lg p-3 border border-(--color-border)">
+					<p class="text-xl font-bold text-(--color-text) tabular-nums">{data.stats.streak}</p>
+					<p class="text-xs text-(--color-muted) mt-0.5">day streak</p>
+				</div>
+				<div class="bg-(--color-surface-2) rounded-lg p-3 border border-(--color-border)">
+					<p class="text-xl font-bold text-(--color-text) tabular-nums">
+						{data.stats.avgRatingGiven > 0 ? data.stats.avgRatingGiven.toFixed(1) : '—'}
+					</p>
+					<p class="text-xs text-(--color-muted) mt-0.5">avg rating</p>
+				</div>
+			</div>
+			{#if data.stats.topGenres.length > 0}
+			<div class="flex flex-wrap gap-1.5">
+				{#each data.stats.topGenres as genre, i}
+					<span class={cn(
+						'px-2.5 py-1 rounded-full text-xs font-medium',
+						i === 0
+							? 'bg-(--color-brand)/20 text-(--color-brand) border border-(--color-brand)/30'
+							: 'bg-(--color-surface-2) text-(--color-text) border border-(--color-border)'
+					)}>
+						{genre}
+					</span>
+				{/each}
+			</div>
+			{/if}
+		</div>
+		{/if}
+
+		<!-- History -->
+		<button
+			type="button"
+			onclick={() => toggle('history')}
+			class="w-full flex items-center gap-3.5 px-5 py-4 hover:bg-(--color-surface-3)/60 transition-colors group text-left"
+		>
+			<span class="shrink-0 w-8 h-8 rounded-lg bg-(--color-surface-3) border border-(--color-border) flex items-center justify-center">
+				<svg class="w-4 h-4 text-(--color-muted) group-hover:text-(--color-brand) transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
+				</svg>
+			</span>
+			<span class="flex-1 text-sm font-medium text-(--color-text)">Reading History</span>
+			<svg class={cn(chevronClass, expanded === 'history' ? 'rotate-90' : '')} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+			</svg>
+		</button>
+
+		{#if expanded === 'history'}
+		<div class="bg-(--color-surface-3)/30">
+			{#if data.history.length === 0}
+				<p class="px-5 py-6 text-sm text-(--color-muted) text-center">No reading history yet.</p>
+			{:else}
+				<ul class="divide-y divide-(--color-border)">
+					{#each data.history as item}
+						<li>
+							<a
+								href="/books/{item.slug}/chapters/{item.chapter}"
+								class="flex items-center gap-3 px-5 py-3 hover:bg-(--color-surface-3)/60 transition-colors group"
+							>
+								<div class="w-7 h-10 rounded overflow-hidden bg-(--color-surface-3) flex-shrink-0 relative">
+									<img
+										src="/api/cover/novelfire.net/{item.slug}"
+										alt={item.title}
+										class="w-full h-full object-cover"
+										loading="lazy"
+										onerror={(e) => { (e.currentTarget as HTMLImageElement).style.display = 'none'; }}
+									/>
+								</div>
+								<div class="flex-1 min-w-0">
+									<p class="text-sm font-medium text-(--color-text) truncate group-hover:text-(--color-brand) transition-colors">{item.title}</p>
+									<p class="text-xs text-(--color-muted) mt-0.5">Ch. {item.chapter}</p>
+								</div>
+								<p class="text-xs text-(--color-muted) shrink-0 tabular-nums">
+									{#if item.updated}
+										{(() => {
+											const ms = Date.now() - new Date(item.updated).getTime();
+											const mins = Math.floor(ms / 60000);
+											if (mins < 60) return mins <= 1 ? 'just now' : `${mins}m ago`;
+											const hrs = Math.floor(mins / 60);
+											if (hrs < 24) return `${hrs}h ago`;
+											const days = Math.floor(hrs / 24);
+											if (days < 30) return `${days}d ago`;
+											return new Date(item.updated).toLocaleDateString(undefined, { month: 'short', day: 'numeric' });
+										})()}
+									{/if}
+								</p>
+							</a>
+						</li>
+					{/each}
+				</ul>
+			{/if}
+		</div>
+		{/if}
+
+	</div>
+
+	<!-- ── Settings group ────────────────────────────────────────────────────── -->
+	<div class="bg-(--color-surface-2) rounded-xl border border-(--color-border) divide-y divide-(--color-border) overflow-hidden">
+
+		<!-- Appearance -->
+		<button
+			type="button"
+			onclick={() => toggle('appearance')}
+			class="w-full flex items-center gap-3.5 px-5 py-4 hover:bg-(--color-surface-3)/60 transition-colors group text-left"
+		>
+			<span class="shrink-0 w-8 h-8 rounded-lg bg-(--color-surface-3) border border-(--color-border) flex items-center justify-center">
+				<svg class="w-4 h-4 text-(--color-muted) group-hover:text-(--color-brand) transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"/>
+				</svg>
+			</span>
+			<span class="flex-1 text-sm font-medium text-(--color-text)">{m.profile_appearance_heading()}</span>
+			<span class="text-xs text-(--color-muted) mr-2 capitalize hidden sm:inline">{selectedTheme.replace('-', ' ')}</span>
+			<svg class={cn(chevronClass, expanded === 'appearance' ? 'rotate-90' : '')} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+			</svg>
+		</button>
+
+		{#if expanded === 'appearance'}
+		<div class="px-5 py-5 space-y-5 bg-(--color-surface-3)/30">
+			<div class="flex items-center justify-between">
+				<span class="text-xs font-semibold text-(--color-muted) uppercase tracking-wider">Appearance</span>
+				<span class={cn(
+					'text-xs transition-all duration-300',
+					saveStatus === 'saving' ? 'text-(--color-muted)' :
+					saveStatus === 'saved'  ? 'text-green-400' :
+					'opacity-0 pointer-events-none'
+				)}>
+					{#if saveStatus === 'saving'}{m.profile_saving()}
+					{:else if saveStatus === 'saved'}✓ {m.profile_saved()}
+					{:else}{m.profile_saved()}{/if}
+				</span>
+			</div>
+
+			<!-- Theme -->
+			<div class="space-y-2.5">
+				<p class="text-sm font-medium text-(--color-text)">{m.profile_theme_label()}</p>
+				<div class="flex gap-2 flex-wrap items-center">
+					{#each THEMES as t, i}
+						{#if i === 6}
+							<span class="w-px h-5 bg-(--color-border) mx-0.5 self-center"></span>
+						{/if}
+						<button
+							type="button"
+							onclick={() => (selectedTheme = t.id)}
+							class={cn(
+								'flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg border text-xs font-medium transition-colors',
+								selectedTheme === t.id
+									? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand)'
+									: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'
+							)}
+							aria-pressed={selectedTheme === t.id}
+						>
+							<span class="w-2.5 h-2.5 rounded-full shrink-0 {t.light ? 'ring-1 ring-(--color-border)' : ''}" style="background: {t.swatch};"></span>
+							{t.label()}
+						</button>
+					{/each}
+				</div>
+			</div>
+
+			<!-- Font family -->
+			<div class="space-y-2.5">
+				<p class="text-sm font-medium text-(--color-text)">{m.profile_font_family()}</p>
+				<div class="flex gap-2 flex-wrap">
+					{#each FONTS as f}
+						<button
+							type="button"
+							onclick={() => (selectedFontFamily = f.id)}
+							class={cn(
+								'px-3 py-1.5 rounded-lg border text-sm font-medium transition-colors',
+								selectedFontFamily === f.id
+									? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand)'
+									: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'
+							)}
+							aria-pressed={selectedFontFamily === f.id}
+						>
+							{f.label()}
+						</button>
+					{/each}
+				</div>
+			</div>
+
+			<!-- Text size -->
+			<div class="space-y-2.5">
+				<p class="text-sm font-medium text-(--color-text)">{m.profile_text_size()}</p>
+				<div class="flex gap-2 flex-wrap">
+					{#each FONT_SIZES as s}
+						<button
+							type="button"
+							onclick={() => (selectedFontSize = s.value)}
+							class={cn(
+								'px-3 py-1.5 rounded-lg border text-sm font-medium transition-colors',
+								selectedFontSize === s.value
+									? 'border-(--color-brand) bg-(--color-brand)/10 text-(--color-brand)'
+									: 'border-(--color-border) bg-(--color-surface-2) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'
+							)}
+							aria-pressed={selectedFontSize === s.value}
+						>
+							{s.label()}
+						</button>
+					{/each}
+				</div>
+			</div>
+		</div>
+		{/if}
+
+		<!-- Playback -->
+		<button
+			type="button"
+			onclick={() => toggle('playback')}
+			class="w-full flex items-center gap-3.5 px-5 py-4 hover:bg-(--color-surface-3)/60 transition-colors group text-left"
+		>
+			<span class="shrink-0 w-8 h-8 rounded-lg bg-(--color-surface-3) border border-(--color-border) flex items-center justify-center">
+				<svg class="w-4 h-4 text-(--color-muted) group-hover:text-(--color-brand) transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M15.536 8.464a5 5 0 010 7.072M12 18.364a9 9 0 000-12.728M9 10a3 3 0 000 4"/>
+					<circle cx="7" cy="12" r="1.5" fill="currentColor" stroke="none"/>
+				</svg>
+			</span>
+			<span class="flex-1 text-sm font-medium text-(--color-text)">Playback</span>
+			<span class="text-xs text-(--color-muted) mr-2 hidden sm:inline">{audioStore.speed.toFixed(1)}x</span>
+			<svg class={cn(chevronClass, expanded === 'playback' ? 'rotate-90' : '')} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+			</svg>
+		</button>
+
+		{#if expanded === 'playback'}
+		<div class="px-5 py-5 space-y-5 bg-(--color-surface-3)/30">
+			<span class="text-xs font-semibold text-(--color-muted) uppercase tracking-wider">Playback</span>
+
+			<!-- Speed -->
+			<div class="space-y-2">
+				<div class="flex items-center justify-between">
+					<label class="text-sm font-medium text-(--color-text)" for="speed-range">{m.profile_playback_speed({ speed: '' })}</label>
+					<span class="text-sm font-mono text-(--color-brand)">{audioStore.speed.toFixed(1)}x</span>
+				</div>
+				<input id="speed-range" type="range" min="0.5" max="3.0" step="0.1"
+					bind:value={audioStore.speed}
+					style="accent-color: var(--color-brand);" class="w-full" />
+				<div class="flex justify-between text-xs text-(--color-muted)">
+					<span>0.5x</span><span>3.0x</span>
+				</div>
+			</div>
+
+			<!-- Auto-advance -->
+			<div class="flex items-center justify-between gap-4">
+				<div>
+					<p class="text-sm text-(--color-text)">{m.profile_auto_advance()}</p>
+					<p class="text-xs text-(--color-muted) mt-0.5">Load the next chapter automatically when audio ends</p>
+				</div>
+				<button
+					type="button"
+					role="switch"
+					aria-checked={audioStore.autoNext}
+					aria-label="Auto-advance to next chapter"
+					onclick={() => (audioStore.autoNext = !audioStore.autoNext)}
+					class={cn(
+						'shrink-0 relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-(--color-brand) focus:ring-offset-2 focus:ring-offset-(--color-surface)',
+						audioStore.autoNext ? 'bg-(--color-brand)' : 'bg-(--color-surface-3) border border-(--color-border)'
+					)}
+				>
+					<span class={cn('inline-block h-4 w-4 transform rounded-full bg-white shadow transition-transform', audioStore.autoNext ? 'translate-x-6' : 'translate-x-1')}></span>
+				</button>
+			</div>
+
+			<!-- Announce chapter -->
+			<div class="flex items-center justify-between gap-4">
+				<div>
+					<p class="text-sm text-(--color-text)">Announce chapter</p>
+					<p class="text-xs text-(--color-muted) mt-0.5">Read the chapter title aloud before advancing</p>
+				</div>
+				<button
+					type="button"
+					role="switch"
+					aria-checked={audioStore.announceChapter}
+					aria-label="Announce chapter title before auto-advance"
+					onclick={() => (audioStore.announceChapter = !audioStore.announceChapter)}
+					class={cn(
+						'shrink-0 relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-(--color-brand) focus:ring-offset-2 focus:ring-offset-(--color-surface)',
+						audioStore.announceChapter ? 'bg-(--color-brand)' : 'bg-(--color-surface-3) border border-(--color-border)'
+					)}
+				>
+					<span class={cn('inline-block h-4 w-4 transform rounded-full bg-white shadow transition-transform', audioStore.announceChapter ? 'translate-x-6' : 'translate-x-1')}></span>
+				</button>
+			</div>
+
+			<!-- Audio mode -->
+			<div class="flex items-center justify-between gap-4">
+				<div>
+					<p class="text-sm text-(--color-text)">Audio mode</p>
+					<p class="text-xs text-(--color-muted) mt-0.5">
+						{audioStore.audioMode === 'stream' ? 'Stream — starts within seconds' : 'Generate — waits for full audio'}
+						{#if audioStore.voice.startsWith('cfai:')} <span class="text-(--color-border)">(not available for CF AI)</span>{/if}
+					</p>
+				</div>
+				<button
+					type="button"
+					aria-label="Toggle audio mode"
+					onclick={() => { audioStore.audioMode = audioStore.audioMode === 'stream' ? 'generate' : 'stream'; }}
+					disabled={audioStore.voice.startsWith('cfai:')}
+					class={cn(
+						'shrink-0 relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-(--color-brand) focus:ring-offset-2 focus:ring-offset-(--color-surface)',
+						audioStore.voice.startsWith('cfai:')
+							? 'opacity-40 cursor-not-allowed bg-(--color-surface-3) border border-(--color-border)'
+							: audioStore.audioMode === 'stream'
+								? 'bg-(--color-brand)'
+								: 'bg-(--color-surface-3) border border-(--color-border)'
+					)}
+				>
+					<span class={cn(
+						'inline-block h-4 w-4 transform rounded-full bg-white shadow transition-transform',
+						audioStore.audioMode === 'stream' && !audioStore.voice.startsWith('cfai:') ? 'translate-x-6' : 'translate-x-1'
+					)}></span>
+				</button>
+			</div>
+		</div>
+		{/if}
+
+		<!-- Notifications -->
+		<button
+			type="button"
+			onclick={() => toggle('notifications')}
+			class="w-full flex items-center gap-3.5 px-5 py-4 hover:bg-(--color-surface-3)/60 transition-colors group text-left"
+		>
+			<span class="shrink-0 w-8 h-8 rounded-lg bg-(--color-surface-3) border border-(--color-border) flex items-center justify-center">
+				<svg class="w-4 h-4 text-(--color-muted) group-hover:text-(--color-brand) transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6 6 0 00-5-5.917V5a1 1 0 10-2 0v.083A6 6 0 006 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"/>
+				</svg>
+			</span>
+			<span class="flex-1 text-sm font-medium text-(--color-text)">Notifications</span>
+			<span class="text-xs mr-2 hidden sm:inline text-(--color-muted)">
+				{#if notifyNewChapters && pushState === 'subscribed'}
+					<span class="text-(--color-brand)">In-app · Push</span>
+				{:else if notifyNewChapters}
+					<span class="text-(--color-brand)">In-app</span>
+				{:else if pushState === 'subscribed'}
+					<span class="text-(--color-brand)">Push</span>
+				{:else}
+					Off
+				{/if}
+			</span>
+			<svg class={cn(chevronClass, expanded === 'notifications' ? 'rotate-90' : '')} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+			</svg>
+		</button>
+
+		{#if expanded === 'notifications'}
+		<div class="px-5 py-5 space-y-5 bg-(--color-surface-3)/30">
+			<span class="text-xs font-semibold text-(--color-muted) uppercase tracking-wider">Notifications</span>
+
+			<!-- Browser push master toggle -->
+			{#if pushState !== 'unsupported'}
+			<div class="flex items-start justify-between gap-4">
+				<div class="min-w-0">
+					<p class="text-sm font-medium text-(--color-text)">Browser push</p>
+					<p class="text-xs text-(--color-muted) mt-0.5">
+						{#if pushState === 'subscribed'}
+							This browser is subscribed to push notifications.
+						{:else if pushState === 'denied'}
+							Blocked by your browser — change in browser settings.
+						{:else if pushState === 'loading'}
+							Updating…
+						{:else}
+							Subscribe to receive push notifications in this browser.
+						{/if}
+					</p>
+					{#if pushError}
+						<p class="text-xs text-(--color-danger) mt-1">{pushError}</p>
+					{/if}
+				</div>
+				<div class="shrink-0">
+					{#if pushState === 'subscribed'}
+						<button
+							type="button"
+							onclick={unsubscribePush}
+							class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-(--color-surface-3) border border-(--color-border) text-(--color-muted) hover:text-(--color-text) text-sm font-medium transition-colors"
+						>
+							Turn off
+						</button>
+					{:else if pushState === 'denied'}
+						<span class="text-xs text-(--color-muted) italic">Blocked</span>
+					{:else}
+						<button
+							type="button"
+							onclick={subscribePush}
+							disabled={pushState === 'loading'}
+							class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-(--color-brand) text-(--color-surface) hover:bg-(--color-brand-dim) disabled:opacity-60 text-sm font-semibold transition-colors"
+						>
+							{#if pushState === 'loading'}
+								<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+									<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+									<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"></path>
+								</svg>
+							{/if}
+							Turn on
+						</button>
+					{/if}
+				</div>
+			</div>
+			{/if}
+
+			<!-- Per-category table -->
+			<div class="rounded-lg border border-(--color-border) overflow-hidden">
+				<!-- Header -->
+				<div class="grid grid-cols-[1fr_auto_auto] items-center gap-4 px-4 py-2 bg-(--color-surface-3)/60 border-b border-(--color-border)">
+					<span class="text-xs font-semibold text-(--color-muted) uppercase tracking-wider">Category</span>
+					<span class="text-xs font-semibold text-(--color-muted) uppercase tracking-wider w-12 text-center">In-app</span>
+					<span class="text-xs font-semibold text-(--color-muted) uppercase tracking-wider w-12 text-center">Push</span>
+				</div>
+				<!-- New chapters row -->
+				<div class="grid grid-cols-[1fr_auto_auto] items-center gap-4 px-4 py-3">
+					<div>
+						<p class="text-sm font-medium text-(--color-text)">New chapters</p>
+						<p class="text-xs text-(--color-muted) mt-0.5">When a book in your library gets new chapters</p>
+					</div>
+					<!-- In-app toggle -->
+					<div class="w-12 flex justify-center">
+						<button
+							type="button"
+							role="switch"
+							aria-checked={notifyNewChapters}
+							aria-label="In-app notifications for new chapters"
+							onclick={toggleNotifyNewChapters}
+							disabled={notifyNewChaptersSaving}
+							class={cn(
+								'shrink-0 relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-(--color-brand) focus:ring-offset-2 focus:ring-offset-(--color-surface) disabled:opacity-50',
+								notifyNewChapters ? 'bg-(--color-brand)' : 'bg-(--color-surface-3) border border-(--color-border)'
+							)}
+						>
+							<span class={cn('inline-block h-4 w-4 transform rounded-full bg-white shadow transition-transform', notifyNewChapters ? 'translate-x-6' : 'translate-x-1')}></span>
+						</button>
+					</div>
+					<!-- Push toggle -->
+					<div class="w-12 flex justify-center">
+						{#if pushState === 'unsupported'}
+							<span class="text-xs text-(--color-muted)" title="Push not supported in this browser">—</span>
+						{:else if pushState === 'denied'}
+							<span class="text-xs text-(--color-muted)" title="Push blocked by browser">—</span>
+						{:else}
+							<button
+								type="button"
+								role="switch"
+								aria-checked={notifyNewChaptersPush && pushState === 'subscribed'}
+								aria-label="Push notifications for new chapters"
+								onclick={toggleNotifyNewChaptersPush}
+								disabled={notifyNewChaptersPushSaving || pushState !== 'subscribed'}
+								class={cn(
+									'shrink-0 relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-(--color-brand) focus:ring-offset-2 focus:ring-offset-(--color-surface) disabled:opacity-40',
+									notifyNewChaptersPush && pushState === 'subscribed' ? 'bg-(--color-brand)' : 'bg-(--color-surface-3) border border-(--color-border)'
+								)}
+							>
+								<span class={cn('inline-block h-4 w-4 transform rounded-full bg-white shadow transition-transform', notifyNewChaptersPush && pushState === 'subscribed' ? 'translate-x-6' : 'translate-x-1')}></span>
+							</button>
+						{/if}
+					</div>
+				</div>
+			</div>
+		</div>
+		{/if}
+
+	</div>
+
+	<!-- ── Account group ─────────────────────────────────────────────────────── -->
+	<div class="bg-(--color-surface-2) rounded-xl border border-(--color-border) divide-y divide-(--color-border) overflow-hidden">
+
+		<!-- Subscription -->
+		<button
+			type="button"
+			onclick={() => toggle('subscription')}
+			class="w-full flex items-center gap-3.5 px-5 py-4 hover:bg-(--color-surface-3)/60 transition-colors group text-left"
+		>
+			<span class="shrink-0 w-8 h-8 rounded-lg bg-(--color-surface-3) border border-(--color-border) flex items-center justify-center">
+				<svg class="w-4 h-4 text-(--color-muted) group-hover:text-(--color-brand) transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/>
+				</svg>
+			</span>
+			<span class="flex-1 text-sm font-medium text-(--color-text)">{m.profile_subscription_heading()}</span>
+			<span class={cn(
+				'text-xs font-semibold mr-2 px-2 py-0.5 rounded-full border hidden sm:inline-flex items-center',
+				data.isPro
+					? 'bg-(--color-brand)/15 text-(--color-brand) border-(--color-brand)/30'
+					: 'bg-(--color-surface-3) text-(--color-muted) border-(--color-border)'
+			)}>
+				{data.isPro ? m.profile_plan_pro() : m.profile_plan_free()}
+			</span>
+			<svg class={cn(chevronClass, expanded === 'subscription' ? 'rotate-90' : '')} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+			</svg>
+		</button>
+
+		{#if expanded === 'subscription'}
+		<div class="px-5 py-5 bg-(--color-surface-3)/30">
+			{#if data.isPro}
+				<div class="flex items-center justify-between gap-4">
+					<div>
+						<p class="text-sm font-medium text-(--color-text)">{m.profile_pro_active()}</p>
+						<p class="text-sm text-(--color-muted) mt-0.5">{m.profile_pro_perks()}</p>
+					</div>
+					<a href={manageUrl} target="_blank" rel="noopener noreferrer"
+						class="shrink-0 text-sm font-medium text-(--color-brand) hover:underline whitespace-nowrap">
+						{m.profile_manage_subscription()} →
+					</a>
+				</div>
+			{:else}
+				<div class="space-y-4">
+					<div class="flex items-start justify-between gap-4">
+						<div class="space-y-1">
+							<p class="text-sm text-(--color-muted)">{m.profile_free_limits()}</p>
+						</div>
+					</div>
+					<div class="pt-1 border-t border-(--color-border)">
+						<p class="text-sm font-medium text-(--color-text) mb-1">{m.profile_upgrade_heading()}</p>
+						<p class="text-sm text-(--color-muted) mb-4">{m.profile_upgrade_desc()} <a href="/subscribe" class="text-(--color-brand) hover:underline">See plans →</a></p>
+						{#if checkoutError}
+							<p class="text-sm text-(--color-danger) mb-3">{checkoutError}</p>
+						{/if}
+						<div class="flex flex-wrap gap-3">
+							<button
+								type="button"
+								onclick={() => startCheckout('monthly')}
+								disabled={checkoutLoading !== null}
+								class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm hover:bg-(--color-brand-dim) transition-colors disabled:opacity-60 disabled:cursor-wait">
+								{#if checkoutLoading === 'monthly'}
+									<svg class="w-4 h-4 shrink-0 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"/></svg>
+								{/if}
+								{m.profile_upgrade_monthly()}
+							</button>
+							<button
+								type="button"
+								onclick={() => startCheckout('annual')}
+								disabled={checkoutLoading !== null}
+								class="inline-flex items-center gap-2 px-4 py-2 rounded-lg border border-(--color-brand) text-(--color-brand) font-semibold text-sm hover:bg-(--color-brand)/10 transition-colors disabled:opacity-60 disabled:cursor-wait">
+								{#if checkoutLoading === 'annual'}
+									<svg class="w-4 h-4 shrink-0 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"/></svg>
+								{:else}
+									{m.profile_upgrade_annual()}
+									<span class="text-xs font-bold px-1.5 py-0.5 rounded bg-(--color-brand)/15 text-(--color-brand) border border-(--color-brand)/30">–33%</span>
+								{/if}
+							</button>
+						</div>
+					</div>
+				</div>
+			{/if}
+		</div>
+		{/if}
+
+		<!-- Active sessions -->
+		<button
+			type="button"
+			onclick={() => toggle('sessions')}
+			class="w-full flex items-center gap-3.5 px-5 py-4 hover:bg-(--color-surface-3)/60 transition-colors group text-left"
+		>
+			<span class="shrink-0 w-8 h-8 rounded-lg bg-(--color-surface-3) border border-(--color-border) flex items-center justify-center">
+				<svg class="w-4 h-4 text-(--color-muted) group-hover:text-(--color-brand) transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17H3a2 2 0 01-2-2V5a2 2 0 012-2h14a2 2 0 012 2v10a2 2 0 01-2 2h-2"/>
+				</svg>
+			</span>
+			<span class="flex-1 text-sm font-medium text-(--color-text)">{m.profile_sessions_heading()}</span>
+			{#if sessions.length > 0}
+				<span class="text-xs text-(--color-muted) mr-2 hidden sm:inline">{sessions.length} device{sessions.length !== 1 ? 's' : ''}</span>
+			{/if}
+			<svg class={cn(chevronClass, expanded === 'sessions' ? 'rotate-90' : '')} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+			</svg>
+		</button>
+
+		{#if expanded === 'sessions'}
+		<div class="bg-(--color-surface-3)/30">
+			<p class="px-5 pt-4 pb-2 text-xs text-(--color-muted)">{m.profile_session_unrecognised()}</p>
+
+			{#if revokeError}
+				<div class="mx-5 mb-3 rounded-lg bg-(--color-danger)/10 border border-(--color-danger) px-4 py-2.5 text-sm text-(--color-danger)">{revokeError}</div>
+			{/if}
+
+			{#if sessions.length === 0}
+				<p class="px-5 pb-5 text-sm text-(--color-muted) italic">{m.profile_no_sessions()}</p>
+			{:else}
+				<ul class="divide-y divide-(--color-border) pb-2">
+					{#each sessions as session (session.id)}
+						<li class="flex items-start justify-between gap-3 px-5 py-3">
+							<div class="min-w-0 space-y-0.5">
+								<div class="flex items-center gap-2 flex-wrap">
+									<span class="text-sm font-medium text-(--color-text) truncate">{parseUA(session.user_agent)}</span>
+									{#if session.is_current}
+										<span class="shrink-0 text-xs font-semibold px-1.5 py-0.5 rounded bg-(--color-brand)/20 text-(--color-brand-dim) border border-(--color-brand)/40">{m.profile_session_this()}</span>
+									{/if}
+								</div>
+								{#if session.ip}
+									<p class="text-xs text-(--color-muted) font-mono">{session.ip}</p>
+								{/if}
+								<p class="text-xs text-(--color-muted)">
+									{m.profile_session_signed_in({ date: formatDate(session.created_at) })}
+									{#if session.last_seen && session.last_seen !== session.created_at}
+										{m.profile_session_last_seen({ date: formatDate(session.last_seen) })}
+									{/if}
+								</p>
+							</div>
+							<button
+								onclick={() => revokeSession(session)}
+								disabled={revokingId === session.id}
+								class={cn(
+									'shrink-0 px-3 py-1.5 rounded-lg text-xs font-medium transition-colors disabled:opacity-50',
+									session.is_current
+										? 'bg-(--color-danger)/10 text-(--color-danger) border border-(--color-danger)/60 hover:bg-(--color-danger)/20'
+										: 'bg-(--color-surface-3) text-(--color-text) border border-(--color-border) hover:bg-(--color-surface-2)'
+								)}
+							>
+								{revokingId === session.id ? '…' : session.is_current ? m.profile_session_sign_out() : m.profile_session_end()}
+							</button>
+						</li>
+					{/each}
+				</ul>
+			{/if}
+		</div>
+		{/if}
+
+		<!-- Sign out -->
+		<form method="POST" action="/logout">
+			<button
+				type="submit"
+				class="w-full flex items-center gap-3.5 px-5 py-4 hover:bg-(--color-surface-3)/60 transition-colors group text-left"
+			>
+				<span class="shrink-0 w-8 h-8 rounded-lg bg-(--color-surface-3) border border-(--color-border) flex items-center justify-center">
+					<svg class="w-4 h-4 text-(--color-muted) group-hover:text-(--color-danger) transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"/>
+					</svg>
+				</span>
+				<span class="flex-1 text-sm font-medium text-(--color-text) group-hover:text-(--color-danger) transition-colors">Sign out</span>
+			</button>
+		</form>
+
+	</div>
+
+	<!-- ── Danger zone ───────────────────────────────────────────────────────── -->
+	<div class="rounded-xl border border-red-500/30 bg-red-500/5 overflow-hidden">
+		<button
+			type="button"
+			onclick={() => { toggle('danger'); deleteConfirmText = ''; deleteError = ''; }}
+			class="w-full flex items-center gap-3.5 px-5 py-4 hover:bg-red-500/5 transition-colors text-left"
+		>
+			<span class="shrink-0 w-8 h-8 rounded-lg bg-red-500/10 border border-red-500/30 flex items-center justify-center">
+				<svg class="w-4 h-4 text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
+				</svg>
+			</span>
+			<span class="flex-1 text-sm font-medium text-red-400">Danger zone</span>
+			<svg class={cn('w-4 h-4 text-red-400/60 shrink-0 transition-transform duration-200', expanded === 'danger' ? 'rotate-90' : '')} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+			</svg>
+		</button>
+
+		{#if expanded === 'danger'}
+		<div class="px-5 pb-6 space-y-4 border-t border-red-500/20">
+			<div class="pt-4">
+				<p class="text-sm font-medium text-(--color-text)">Delete account</p>
+				<p class="text-xs text-(--color-muted) mt-1">
+					This permanently deletes your account, reading history, settings, and all associated data. This action cannot be undone.
+				</p>
+			</div>
+
+			<div class="space-y-2">
+				<label for="delete-confirm" class="text-xs text-(--color-muted)">
+					Type <strong class="text-(--color-text) font-mono">{DELETE_KEYWORD}</strong> to confirm
+				</label>
+				<input
+					id="delete-confirm"
+					type="text"
+					bind:value={deleteConfirmText}
+					placeholder={DELETE_KEYWORD}
+					autocomplete="off"
+					class="w-full bg-(--color-surface-3) border border-red-500/40 rounded-lg px-3 py-2 text-sm text-(--color-text) placeholder:text-(--color-border) focus:outline-none focus:ring-2 focus:ring-red-500/50"
+				/>
+			</div>
+
+			{#if deleteError}
+				<p class="text-sm text-red-400">{deleteError}</p>
+			{/if}
+
+			<button
+				type="button"
+				onclick={deleteAccount}
+				disabled={!deleteReady || deleting}
+				class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-red-500/10 text-red-400 border border-red-500/40 text-sm font-semibold transition-colors hover:bg-red-500/20 disabled:opacity-40 disabled:cursor-not-allowed"
+			>
+				{#if deleting}
+					<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"/></svg>
+					Deleting…
+				{:else}
+					Delete my account
+				{/if}
+			</button>
+		</div>
+		{/if}
+	</div>
+
+</div>
diff --git a/ui/src/routes/sitemap.xml/+server.ts b/ui/src/routes/sitemap.xml/+server.ts
new file mode 100644
index 0000000..48d72d3
--- /dev/null
+++ b/ui/src/routes/sitemap.xml/+server.ts
@@ -0,0 +1,37 @@
+import type { RequestHandler } from './$types';
+
+const SITE = 'https://libnovel.cc';
+
+// Only static public pages are listed here. Book/catalogue pages are
+// discoverable via the catalogue link and don't need individual entries
+// (the catalogue itself serves as an index for crawlers).
+const PUBLIC_PAGES = [
+	{ path: '/catalogue',  changefreq: 'daily',    priority: '0.9' },
+	{ path: '/login',      changefreq: 'monthly',  priority: '0.5' },
+	{ path: '/disclaimer', changefreq: 'yearly',   priority: '0.2' },
+	{ path: '/privacy',    changefreq: 'yearly',   priority: '0.2' },
+	{ path: '/dmca',       changefreq: 'yearly',   priority: '0.2' },
+];
+
+export const GET: RequestHandler = () => {
+	const urls = PUBLIC_PAGES.map(
+		({ path, changefreq, priority }) => `
+  <url>
+    <loc>${SITE}${path}</loc>
+    <changefreq>${changefreq}</changefreq>
+    <priority>${priority}</priority>
+  </url>`
+	).join('');
+
+	const xml = `<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+${urls}
+</urlset>`;
+
+	return new Response(xml, {
+		headers: {
+			'Content-Type': 'application/xml',
+			'Cache-Control': 'public, max-age=86400'
+		}
+	});
+};
diff --git a/ui/src/routes/submit/+page.server.ts b/ui/src/routes/submit/+page.server.ts
new file mode 100644
index 0000000..515da61
--- /dev/null
+++ b/ui/src/routes/submit/+page.server.ts
@@ -0,0 +1,47 @@
+import { redirect, error, fail } from '@sveltejs/kit';
+import type { PageServerLoad, Actions } from './$types';
+import { backendFetchAdmin } from '$lib/server/scraper';
+
+export const load: PageServerLoad = async ({ locals }) => {
+	if (!locals.user) redirect(302, '/login?next=/submit');
+	return { userId: locals.user.id, username: locals.user.username };
+};
+
+export const actions: Actions = {
+	default: async ({ request, locals }) => {
+		if (!locals.user) error(401, 'Not authenticated');
+
+		const form = await request.formData();
+		const title       = (form.get('title') as string | null)?.trim() ?? '';
+		const author      = (form.get('author') as string | null)?.trim() ?? '';
+		const cover       = (form.get('cover') as string | null)?.trim() ?? '';
+		const summary     = (form.get('summary') as string | null)?.trim() ?? '';
+		const statusField = (form.get('status') as string | null)?.trim() ?? 'ongoing';
+		const genresRaw   = (form.get('genres') as string | null)?.trim() ?? '';
+		const genres      = genresRaw.split(',').map((g) => g.trim()).filter(Boolean);
+
+		if (!title) return fail(400, { error: 'Title is required.' });
+
+		const res = await backendFetchAdmin('/api/admin/books/submit', {
+			method: 'POST',
+			headers: { 'Content-Type': 'application/json' },
+			body: JSON.stringify({
+				title,
+				author: author || locals.user.username,
+				cover,
+				summary,
+				genres,
+				status: statusField,
+				submitted_by: locals.user.id
+			})
+		});
+
+		if (!res.ok) {
+			const body = await res.text().catch(() => '');
+			return fail(res.status, { error: `Submission failed: ${body || res.statusText}` });
+		}
+
+		const data = await res.json() as { slug: string };
+		redirect(302, `/books/${data.slug}`);
+	}
+};
diff --git a/ui/src/routes/submit/+page.svelte b/ui/src/routes/submit/+page.svelte
new file mode 100644
index 0000000..41139a0
--- /dev/null
+++ b/ui/src/routes/submit/+page.svelte
@@ -0,0 +1,161 @@
+<script lang="ts">
+	import type { PageData, ActionData } from './$types';
+
+	let { data, form }: { data: PageData; form: ActionData } = $props();
+
+	const GENRES = [
+		'Action', 'Fantasy', 'Romance', 'Cultivation', 'System',
+		'Reincarnation', 'Sci-Fi', 'Horror', 'Slice of Life', 'Adventure',
+		'Thriller', 'Mystery', 'Drama', 'Comedy', 'Historical',
+	];
+
+	let selectedGenres = $state<string[]>([]);
+	let submitting = $state(false);
+
+	function toggleGenre(genre: string) {
+		if (selectedGenres.includes(genre)) {
+			selectedGenres = selectedGenres.filter((g) => g !== genre);
+		} else {
+			selectedGenres = [...selectedGenres, genre];
+		}
+	}
+</script>
+
+<svelte:head>
+	<title>Publish Your Novel — LibNovel</title>
+</svelte:head>
+
+<div class="max-w-2xl mx-auto px-4 py-10">
+
+	<!-- Hero header -->
+	<div class="mb-10">
+		<div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-(--color-brand)/10 border border-(--color-brand)/30 text-(--color-brand) text-xs font-semibold mb-4">
+			<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
+			Original Content Platform
+		</div>
+		<h1 class="text-3xl font-bold text-(--color-text) mb-3">Publish your novel</h1>
+		<p class="text-(--color-muted) leading-relaxed">
+			Share your original work with readers worldwide. Your novel will be available immediately after submission and you retain full rights to your content.
+		</p>
+	</div>
+
+	<!-- Value props -->
+	<div class="grid grid-cols-3 gap-3 mb-10">
+		{#each [
+			{ icon: '📖', label: 'Free to publish', desc: 'No fees to list your work' },
+			{ icon: '🌍', label: 'Global readers', desc: 'Reach audiences in 5 languages' },
+			{ icon: '🎧', label: 'Audio narration', desc: 'AI narration for your chapters' },
+		] as prop}
+			<div class="rounded-lg border border-(--color-border) bg-(--color-surface-2) p-3 text-center">
+				<div class="text-2xl mb-1">{prop.icon}</div>
+				<p class="text-xs font-semibold text-(--color-text)">{prop.label}</p>
+				<p class="text-xs text-(--color-muted) mt-0.5">{prop.desc}</p>
+			</div>
+		{/each}
+	</div>
+
+	<!-- Submission form -->
+	<div class="rounded-xl border border-(--color-border) bg-(--color-surface-2) p-6">
+		<h2 class="text-lg font-semibold mb-5">Book details</h2>
+
+		{#if form?.error}
+			<div class="mb-4 rounded-lg bg-(--color-danger)/10 border border-(--color-danger)/30 text-(--color-danger) text-sm px-4 py-3">
+				{form.error}
+			</div>
+		{/if}
+
+		<form method="POST" onsubmit={() => (submitting = true)} class="flex flex-col gap-4">
+			<!-- Hidden genres field — updated by button clicks -->
+			<input type="hidden" name="genres" value={selectedGenres.join(',')} />
+
+			<div class="flex flex-col gap-1">
+				<label for="title" class="text-sm font-medium text-(--color-text)">Title <span class="text-(--color-danger)">*</span></label>
+				<input
+					id="title" name="title" type="text" required
+					placeholder="The Wandering Sword"
+					class="rounded-lg border border-(--color-border) bg-(--color-surface) px-3 py-2 text-sm text-(--color-text) placeholder:text-(--color-muted) focus:outline-none focus:border-(--color-brand) transition-colors"
+				/>
+			</div>
+
+			<div class="flex flex-col gap-1">
+				<label for="author" class="text-sm font-medium text-(--color-text)">
+					Author name
+					<span class="text-(--color-muted) font-normal text-xs ml-1">(defaults to your username)</span>
+				</label>
+				<input
+					id="author" name="author" type="text"
+					placeholder={data.username}
+					class="rounded-lg border border-(--color-border) bg-(--color-surface) px-3 py-2 text-sm text-(--color-text) placeholder:text-(--color-muted) focus:outline-none focus:border-(--color-brand) transition-colors"
+				/>
+			</div>
+
+			<div class="flex flex-col gap-1">
+				<label for="summary" class="text-sm font-medium text-(--color-text)">Summary</label>
+				<textarea
+					id="summary" name="summary" rows="4"
+					placeholder="A compelling description of your story…"
+					class="rounded-lg border border-(--color-border) bg-(--color-surface) px-3 py-2 text-sm text-(--color-text) placeholder:text-(--color-muted) focus:outline-none focus:border-(--color-brand) transition-colors resize-y"
+				></textarea>
+			</div>
+
+			<div class="flex gap-3">
+				<div class="flex-1 flex flex-col gap-1">
+					<label for="status" class="text-sm font-medium text-(--color-text)">Status</label>
+					<select
+						id="status" name="status"
+						class="rounded-lg border border-(--color-border) bg-(--color-surface) px-3 py-2 text-sm text-(--color-text) focus:outline-none focus:border-(--color-brand) transition-colors"
+					>
+						<option value="ongoing">Ongoing</option>
+						<option value="completed">Completed</option>
+						<option value="hiatus">Hiatus</option>
+					</select>
+				</div>
+
+				<div class="flex-1 flex flex-col gap-1">
+					<label for="cover" class="text-sm font-medium text-(--color-text)">Cover image URL</label>
+					<input
+						id="cover" name="cover" type="url"
+						placeholder="https://…"
+						class="rounded-lg border border-(--color-border) bg-(--color-surface) px-3 py-2 text-sm text-(--color-text) placeholder:text-(--color-muted) focus:outline-none focus:border-(--color-brand) transition-colors"
+					/>
+				</div>
+			</div>
+
+			<div class="flex flex-col gap-2">
+				<label class="text-sm font-medium text-(--color-text)">Genres</label>
+				<div class="flex flex-wrap gap-2">
+					{#each GENRES as genre}
+						<button
+							type="button"
+							onclick={() => toggleGenre(genre)}
+							class="px-3 py-1 rounded-full text-sm border transition-colors {selectedGenres.includes(genre)
+								? 'bg-(--color-brand) border-(--color-brand) text-black font-medium'
+								: 'border-(--color-border) text-(--color-muted) hover:border-(--color-brand)/50 hover:text-(--color-text)'}"
+						>
+							{genre}
+						</button>
+					{/each}
+				</div>
+			</div>
+
+			<!-- Rights assertion -->
+			<div class="rounded-lg bg-(--color-surface-3) border border-(--color-border) p-4 text-xs text-(--color-muted) leading-relaxed">
+				By submitting you confirm that you are the original author of this work or hold the rights to publish it, and that the content complies with our
+				<a href="/terms" class="text-(--color-brand) hover:underline">Terms of Service</a>.
+				You retain full copyright over your submitted content.
+			</div>
+
+			<button
+				type="submit"
+				disabled={submitting}
+				class="w-full py-2.5 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm hover:bg-(--color-brand-dim) disabled:opacity-60 transition-colors"
+			>
+				{submitting ? 'Submitting…' : 'Submit novel'}
+			</button>
+		</form>
+	</div>
+
+	<p class="mt-6 text-center text-xs text-(--color-muted)">
+		Want to add chapters after submission? You can upload them from your book's page once it's created.
+	</p>
+</div>
diff --git a/ui/src/routes/subscribe/+page.server.ts b/ui/src/routes/subscribe/+page.server.ts
new file mode 100644
index 0000000..990bc03
--- /dev/null
+++ b/ui/src/routes/subscribe/+page.server.ts
@@ -0,0 +1,5 @@
+// Data is inherited from the root layout (user, isPro).
+// This file exists only to ensure the route is treated as a page by SvelteKit.
+export const load = async () => {
+	return {};
+};
diff --git a/ui/src/routes/subscribe/+page.svelte b/ui/src/routes/subscribe/+page.svelte
new file mode 100644
index 0000000..f30059a
--- /dev/null
+++ b/ui/src/routes/subscribe/+page.svelte
@@ -0,0 +1,162 @@
+<script lang="ts">
+	import type { LayoutData } from '../$types';
+	import * as m from '$lib/paraglide/messages.js';
+
+	// Data flows from root layout (user, isPro)
+	let { data }: { data: LayoutData } = $props();
+
+	let checkoutLoading = $state<'monthly' | 'annual' | null>(null);
+	let checkoutError = $state('');
+
+	async function startCheckout(product: 'monthly' | 'annual') {
+		checkoutLoading = product;
+		checkoutError = '';
+		try {
+			const res = await fetch('/api/checkout', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ product })
+			});
+			if (!res.ok) {
+				const body = await res.json().catch(() => ({})) as { message?: string };
+				checkoutError = body.message ?? `Checkout failed (${res.status}). Please try again.`;
+				return;
+			}
+			const { url } = await res.json() as { url: string };
+			window.location.href = url;
+		} catch {
+			checkoutError = 'Network error. Please try again.';
+		} finally {
+			checkoutLoading = null;
+		}
+	}
+
+	const benefits = [
+		{ icon: 'M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3', label: () => m.subscribe_benefit_audio() },
+		{ icon: 'M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z', label: () => m.subscribe_benefit_voices() },
+		{ icon: 'M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129', label: () => m.subscribe_benefit_translation() },
+		{ icon: 'M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4', label: () => m.subscribe_benefit_downloads() },
+	];
+</script>
+
+<svelte:head>
+	<title>{m.subscribe_page_title()}</title>
+</svelte:head>
+
+<div class="min-h-[calc(100vh-3.5rem)] flex flex-col items-center justify-center px-4 py-16">
+	<!-- Hero -->
+	<div class="text-center mb-12 max-w-xl">
+		<div class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-(--color-brand)/15 border border-(--color-brand)/30 text-(--color-brand) text-xs font-semibold uppercase tracking-wider mb-5">
+			<svg class="w-3.5 h-3.5 shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm4.24 16L12 15.45 7.77 18l1.12-4.81-3.73-3.23 4.92-.42L12 5l1.92 4.53 4.92.42-3.73 3.23L16.23 18z"/></svg>
+			Pro
+		</div>
+		<h1 class="text-4xl sm:text-5xl font-bold text-(--color-text) tracking-tight mb-4">
+			{m.subscribe_heading()}
+		</h1>
+		<p class="text-lg text-(--color-muted)">
+			{m.subscribe_subheading()}
+		</p>
+	</div>
+
+	<!-- Benefits list -->
+	<ul class="mb-12 space-y-3 w-full max-w-sm">
+		{#each benefits as b}
+		<li class="flex items-center gap-3 text-sm text-(--color-text)">
+			<span class="shrink-0 w-8 h-8 rounded-full bg-(--color-brand)/15 text-(--color-brand) flex items-center justify-center">
+				<svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" d={b.icon}/>
+				</svg>
+			</span>
+			{b.label()}
+		</li>
+		{/each}
+	</ul>
+
+	{#if data.isPro}
+	<!-- Already Pro -->
+	<div class="w-full max-w-sm bg-(--color-surface-2) border border-(--color-brand)/40 rounded-xl p-6 text-center">
+		<p class="text-base font-semibold text-(--color-text) mb-1">{m.subscribe_already_pro()}</p>
+		<a
+			href="https://polar.sh/libnovel/portal"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="inline-flex items-center gap-1.5 mt-3 text-sm font-medium text-(--color-brand) hover:underline"
+		>
+			{m.subscribe_manage()}
+			<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg>
+		</a>
+	</div>
+
+	{:else if !data.user}
+	<!-- Not logged in -->
+	<div class="w-full max-w-sm bg-(--color-surface-2) border border-(--color-border) rounded-xl p-6 text-center">
+		<p class="text-sm text-(--color-muted) mb-4">{m.subscribe_login_prompt()}</p>
+		<a
+			href="/login?next=/subscribe"
+			class="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm hover:bg-(--color-brand-dim) transition-colors"
+		>
+			{m.subscribe_login_cta()}
+		</a>
+	</div>
+
+	{:else}
+	<!-- Pricing cards -->
+	{#if checkoutError}
+	<p class="text-sm text-(--color-danger) mb-4 text-center">{checkoutError}</p>
+	{/if}
+	<div class="w-full max-w-sm grid gap-4">
+
+		<!-- Annual card (featured) -->
+		<div class="relative bg-(--color-surface-2) border-2 border-(--color-brand) rounded-xl p-6">
+			<div class="absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-0.5 bg-(--color-brand) text-(--color-surface) text-xs font-bold rounded-full tracking-wide uppercase">
+				{m.subscribe_annual_save()}
+			</div>
+			<div class="flex items-baseline justify-between mb-5">
+				<span class="text-base font-semibold text-(--color-text)">{m.subscribe_annual_label()}</span>
+				<div class="text-right">
+					<span class="text-3xl font-bold text-(--color-text)">{m.subscribe_annual_price()}</span>
+					<span class="text-sm text-(--color-muted) ml-1">{m.subscribe_annual_period()}</span>
+				</div>
+			</div>
+			<button
+				type="button"
+				onclick={() => startCheckout('annual')}
+				disabled={checkoutLoading !== null}
+				class="w-full flex items-center justify-center gap-2 py-2.5 rounded-lg bg-(--color-brand) text-(--color-surface) font-semibold text-sm hover:bg-(--color-brand-dim) transition-colors disabled:opacity-60 disabled:cursor-wait"
+			>
+				{#if checkoutLoading === 'annual'}
+					<svg class="w-4 h-4 shrink-0 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"/></svg>
+				{/if}
+				{m.subscribe_cta_annual()}
+			</button>
+		</div>
+
+		<!-- Monthly card -->
+		<div class="bg-(--color-surface-2) border border-(--color-border) rounded-xl p-6">
+			<div class="flex items-baseline justify-between mb-5">
+				<span class="text-base font-semibold text-(--color-text)">{m.subscribe_monthly_label()}</span>
+				<div class="text-right">
+					<span class="text-3xl font-bold text-(--color-text)">{m.subscribe_monthly_price()}</span>
+					<span class="text-sm text-(--color-muted) ml-1">{m.subscribe_monthly_period()}</span>
+				</div>
+			</div>
+			<button
+				type="button"
+				onclick={() => startCheckout('monthly')}
+				disabled={checkoutLoading !== null}
+				class="w-full flex items-center justify-center gap-2 py-2.5 rounded-lg border border-(--color-brand) text-(--color-brand) font-semibold text-sm hover:bg-(--color-brand)/10 transition-colors disabled:opacity-60 disabled:cursor-wait"
+			>
+				{#if checkoutLoading === 'monthly'}
+					<svg class="w-4 h-4 shrink-0 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"/></svg>
+				{/if}
+				{m.subscribe_cta_monthly()}
+			</button>
+		</div>
+
+	</div>
+	{/if}
+
+	<p class="mt-8 text-xs text-(--color-muted) text-center max-w-xs">
+		Payments processed securely by <a href="https://polar.sh" target="_blank" rel="noopener noreferrer" class="underline hover:text-(--color-text)">Polar</a>. Cancel anytime.
+	</p>
+</div>
diff --git a/ui/src/routes/terms/+page.svelte b/ui/src/routes/terms/+page.svelte
new file mode 100644
index 0000000..5e49e0d
--- /dev/null
+++ b/ui/src/routes/terms/+page.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+	import * as m from '$lib/paraglide/messages.js';
+</script>
+
+<svelte:head>
+	<title>{m.terms_page_title()}</title>
+</svelte:head>
+
+<div class="max-w-2xl mx-auto py-10 px-4">
+	<h1 class="text-2xl font-bold text-(--color-text) mb-6">Terms of Service</h1>
+
+	<div class="space-y-5 text-sm text-(--color-muted) leading-relaxed">
+		<p>
+			By using libnovel you agree to these terms. If you do not agree, please do not use the service.
+		</p>
+
+		<h2 class="text-base font-semibold text-(--color-text) mt-6">Use of the service</h2>
+		<ul class="list-disc list-inside space-y-2 pl-1">
+			<li>libnovel is provided for personal, non-commercial reading use only.</li>
+			<li>You may not scrape, crawl, or systematically download content from the site.</li>
+			<li>You may not use the service for any unlawful purpose.</li>
+			<li>Accounts may be suspended or terminated for abuse.</li>
+		</ul>
+
+		<h2 class="text-base font-semibold text-(--color-text) mt-6">Content</h2>
+		<p>
+			libnovel aggregates publicly available web novel content from third-party sources for
+			personal reading convenience. We do not claim ownership of any novel content displayed on
+			the site. If you are a rights holder and wish to have content removed, please see our
+			<a href="/dmca" class="text-(--color-brand) hover:text-(--color-brand-dim) transition-colors">DMCA policy</a>.
+		</p>
+
+		<h2 class="text-base font-semibold text-(--color-text) mt-6">Accounts</h2>
+		<p>
+			You are responsible for maintaining the security of your account. libnovel is not liable
+			for any loss or damage resulting from unauthorised access to your account.
+		</p>
+
+		<h2 class="text-base font-semibold text-(--color-text) mt-6">Disclaimer of warranties</h2>
+		<p>
+			The service is provided "as is" without warranty of any kind. We do not guarantee
+			availability, accuracy, or completeness of any content. See our full
+			<a href="/disclaimer" class="text-(--color-brand) hover:text-(--color-brand-dim) transition-colors">disclaimer</a>
+			for details.
+		</p>
+
+		<h2 class="text-base font-semibold text-(--color-text) mt-6">Changes to these terms</h2>
+		<p>
+			We may update these terms at any time. Continued use of the service after changes are
+			posted constitutes acceptance of the revised terms.
+		</p>
+
+		<p class="text-(--color-muted) text-xs mt-8">Last updated: {new Date().getFullYear()}</p>
+	</div>
+</div>
diff --git a/ui/src/routes/users/[username]/+page.server.ts b/ui/src/routes/users/[username]/+page.server.ts
new file mode 100644
index 0000000..3efc082
--- /dev/null
+++ b/ui/src/routes/users/[username]/+page.server.ts
@@ -0,0 +1,57 @@
+import { error } from '@sveltejs/kit';
+import type { PageServerLoad } from './$types';
+import {
+	getPublicProfile,
+	getSubscription,
+	getUserPublicLibrary,
+	getUserCurrentlyReading
+} from '$lib/server/pocketbase';
+import { resolveAvatarUrl } from '$lib/server/minio';
+import { log } from '$lib/server/logger';
+
+export const load: PageServerLoad = async ({ params, locals }) => {
+	const { username } = params;
+
+	const profile = await getPublicProfile(username).catch(() => null);
+	if (!profile) error(404, `User "${username}" not found`);
+
+	// Resolve avatar — MinIO first, fall back to OAuth provider picture
+	let avatarUrl: string | null = null;
+	avatarUrl = await resolveAvatarUrl(profile.id, profile.avatar_url).catch(() => null);
+
+	// Subscription state for the logged-in visitor
+	let isSubscribed = false;
+	const isSelf = locals.user?.id === profile.id;
+	if (locals.user && !isSelf) {
+		const sub = await getSubscription(locals.user.id, profile.id).catch(() => null);
+		isSubscribed = !!sub;
+	}
+
+	// Load public library + currently reading in parallel
+	const [library, currentlyReading] = await Promise.all([
+		getUserPublicLibrary(profile.id).catch((e) => {
+			log.error('users/profile', 'getUserPublicLibrary failed', { username, err: String(e) });
+			return [] as Awaited<ReturnType<typeof getUserPublicLibrary>>;
+		}),
+		getUserCurrentlyReading(profile.id).catch((e) => {
+			log.error('users/profile', 'getUserCurrentlyReading failed', { username, err: String(e) });
+			return [] as Awaited<ReturnType<typeof getUserCurrentlyReading>>;
+		})
+	]);
+
+	return {
+		profile: {
+			id: profile.id,
+			username: profile.username,
+			created: profile.created,
+			followerCount: profile.followerCount,
+			followingCount: profile.followingCount
+		},
+		avatarUrl,
+		isSubscribed,
+		isSelf,
+		isLoggedIn: !!locals.user,
+		library,
+		currentlyReading
+	};
+};
diff --git a/ui/src/routes/users/[username]/+page.svelte b/ui/src/routes/users/[username]/+page.svelte
new file mode 100644
index 0000000..22a1402
--- /dev/null
+++ b/ui/src/routes/users/[username]/+page.svelte
@@ -0,0 +1,225 @@
+<script lang="ts">
+	import { untrack } from 'svelte';
+	import type { PageData } from './$types';
+	import * as m from '$lib/paraglide/messages.js';
+
+	let { data }: { data: PageData } = $props();
+
+	// ── Subscribe / unsubscribe ──────────────────────────────────────────────────
+	let subscribed = $state(untrack(() => data.isSubscribed));
+	let followerCount = $state(untrack(() => data.profile.followerCount));
+	let subLoading = $state(false);
+
+	async function toggleSubscribe() {
+		if (subLoading) return;
+		subLoading = true;
+		try {
+			const method = subscribed ? 'DELETE' : 'POST';
+			const res = await fetch(`/api/users/${data.profile.username}/subscribe`, { method });
+			if (res.ok) {
+				subscribed = !subscribed;
+				followerCount += subscribed ? 1 : -1;
+			}
+		} finally {
+			subLoading = false;
+		}
+	}
+
+	// ── Helpers ──────────────────────────────────────────────────────────────────
+	function initials(username: string): string {
+		return username.slice(0, 2).toUpperCase();
+	}
+
+	function joinDate(iso: string): string {
+		try {
+			return new Date(iso).toLocaleDateString(undefined, { year: 'numeric', month: 'long' });
+		} catch {
+			return '';
+		}
+	}
+
+	function parseGenres(genres: string[] | string | null | undefined): string[] {
+		if (!genres) return [];
+		if (Array.isArray(genres)) return genres;
+		try {
+			const parsed = JSON.parse(genres);
+			return Array.isArray(parsed) ? parsed : [];
+		} catch {
+			return [];
+		}
+	}
+</script>
+
+<svelte:head>
+	<title>{m.user_page_title({ username: data.profile.username })}</title>
+</svelte:head>
+
+<!-- ── Header ────────────────────────────────────────────────────────────── -->
+<div class="flex items-start gap-5 mb-8">
+	<!-- Avatar -->
+	<div class="flex-shrink-0">
+		{#if data.avatarUrl}
+			<img
+				src={data.avatarUrl}
+				alt={data.profile.username}
+				class="w-20 h-20 rounded-full object-cover ring-2 ring-(--color-border)"
+			/>
+		{:else}
+			<div class="w-20 h-20 rounded-full bg-(--color-surface-3) flex items-center justify-center text-2xl font-bold text-(--color-text) ring-2 ring-(--color-border)">
+				{initials(data.profile.username)}
+			</div>
+		{/if}
+	</div>
+
+	<!-- Info -->
+	<div class="flex-1 min-w-0">
+		<h1 class="text-xl font-bold text-(--color-text) mb-0.5">{data.profile.username}</h1>
+		<p class="text-xs text-(--color-muted) mb-3">{m.user_joined({ date: joinDate(data.profile.created) })}</p>
+
+		<!-- Stats row -->
+		<div class="flex gap-5 text-sm mb-4">
+			<span>
+				<span class="font-semibold text-(--color-text)">{followerCount}</span>
+				<span class="text-(--color-muted) ml-1">{m.user_followers_label()}</span>
+			</span>
+			<span>
+				<span class="font-semibold text-(--color-text)">{data.profile.followingCount}</span>
+				<span class="text-(--color-muted) ml-1">{m.user_following_label()}</span>
+			</span>
+		</div>
+
+		<!-- Subscribe button — only shown to logged-in visitors viewing someone else's profile -->
+		{#if data.isLoggedIn && !data.isSelf}
+			<button
+				onclick={toggleSubscribe}
+				disabled={subLoading}
+				class="px-4 py-1.5 rounded-lg text-sm font-medium transition-colors disabled:opacity-50
+					{subscribed
+						? 'bg-(--color-surface-3) text-(--color-text) hover:bg-zinc-600 border border-(--color-border)'
+						: 'bg-(--color-brand) text-(--color-surface) hover:bg-(--color-brand-dim)'}"
+			>
+				{#if subLoading}
+					…
+				{:else if subscribed}
+					{m.user_unfollow()}
+				{:else}
+					{m.user_follow()}
+				{/if}
+			</button>
+		{:else if !data.isLoggedIn}
+			<a
+				href="/login"
+				class="inline-block px-4 py-1.5 rounded-lg text-sm font-medium bg-(--color-brand) text-(--color-surface) hover:bg-(--color-brand-dim) transition-colors"
+			>
+				{m.user_follow()}
+			</a>
+		{/if}
+	</div>
+</div>
+
+<!-- ── Currently Reading ─────────────────────────────────────────────────── -->
+{#if data.currentlyReading.length > 0}
+	<section class="mb-10">
+		<h2 class="text-base font-semibold text-(--color-text) mb-3">{m.user_currently_reading()}</h2>
+		<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
+			{#each data.currentlyReading as { book, chapter }}
+				<a
+					href="/books/{book.slug}"
+					class="group flex flex-col rounded-lg overflow-hidden bg-(--color-surface-2) hover:bg-(--color-surface-3) transition-colors border border-(--color-border) hover:border-zinc-500"
+				>
+					<div class="aspect-[2/3] bg-(--color-surface) overflow-hidden relative">
+						{#if book.cover}
+							<img
+								src={book.cover}
+								alt={book.title}
+								class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+								loading="lazy"
+							/>
+						{:else}
+							<div class="w-full h-full flex items-center justify-center text-(--color-muted)">
+								<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+									<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
+								</svg>
+							</div>
+						{/if}
+						<span class="absolute bottom-1.5 right-1.5 text-xs bg-(--color-brand) text-(--color-surface) font-bold px-1.5 py-0.5 rounded">
+							ch.{chapter}
+						</span>
+					</div>
+					<div class="p-2">
+						<h3 class="text-xs font-semibold text-(--color-text) line-clamp-2 leading-snug">{book.title}</h3>
+						{#if book.author}
+							<p class="text-xs text-(--color-muted) truncate mt-0.5">{book.author}</p>
+						{/if}
+					</div>
+				</a>
+			{/each}
+		</div>
+	</section>
+{/if}
+
+<!-- ── Library ───────────────────────────────────────────────────────────── -->
+{#if data.library.length > 0}
+	<section class="mb-10">
+		<h2 class="text-base font-semibold text-(--color-text) mb-3">
+			{m.user_library_count({ n: String(data.library.length) })}
+		</h2>
+		<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
+			{#each data.library as { book, chapter, saved }}
+				{@const genres = parseGenres(book.genres)}
+				<a
+					href="/books/{book.slug}"
+					class="group flex flex-col rounded-lg overflow-hidden bg-(--color-surface-2) hover:bg-(--color-surface-3) transition-colors border border-(--color-border) hover:border-zinc-500"
+				>
+					<div class="aspect-[2/3] bg-(--color-surface) overflow-hidden relative">
+						{#if book.cover}
+							<img
+								src={book.cover}
+								alt={book.title}
+								class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+								loading="lazy"
+							/>
+						{:else}
+							<div class="w-full h-full flex items-center justify-center text-(--color-muted)">
+								<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+									<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
+								</svg>
+							</div>
+						{/if}
+						{#if chapter}
+							<span class="absolute bottom-1.5 right-1.5 text-xs bg-(--color-surface)/80 text-(--color-text) font-medium px-1.5 py-0.5 rounded">
+								ch.{chapter}
+							</span>
+						{/if}
+						{#if saved && !chapter}
+							<span class="absolute top-1.5 right-1.5">
+								<svg class="w-3.5 h-3.5 text-(--color-brand)" fill="currentColor" viewBox="0 0 24 24">
+									<path d="M5 3a2 2 0 00-2 2v16l9-4 9 4V5a2 2 0 00-2-2H5z"/>
+								</svg>
+							</span>
+						{/if}
+					</div>
+					<div class="p-2">
+						<h3 class="text-xs font-semibold text-(--color-text) line-clamp-2 leading-snug">{book.title}</h3>
+						{#if book.author}
+							<p class="text-xs text-(--color-muted) truncate mt-0.5">{book.author}</p>
+						{/if}
+						{#if genres.length > 0}
+							<p class="text-xs text-(--color-muted) truncate mt-0.5">{genres[0]}</p>
+						{/if}
+					</div>
+				</a>
+			{/each}
+		</div>
+	</section>
+{/if}
+
+<!-- ── Empty state ───────────────────────────────────────────────────────── -->
+{#if data.library.length === 0 && data.currentlyReading.length === 0}
+	<div class="py-16 text-center text-(--color-muted)">
+		<svg class="w-10 h-10 mx-auto mb-3 text-(--color-border)" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
+		</svg>
+		<p class="text-sm">{m.user_no_books()}</p>
+	</div>
+{/if}
diff --git a/ui/src/service-worker.ts b/ui/src/service-worker.ts
new file mode 100644
index 0000000..a83884c
--- /dev/null
+++ b/ui/src/service-worker.ts
@@ -0,0 +1,73 @@
+/// <reference types="@sveltejs/kit" />
+/// <reference lib="webworker" />
+
+declare let self: ServiceWorkerGlobalScope;
+
+// ── Install / Activate ────────────────────────────────────────────────────────
+
+self.addEventListener('install', () => {
+	self.skipWaiting();
+});
+
+self.addEventListener('activate', (event) => {
+	event.waitUntil(self.clients.claim());
+});
+
+// ── Push notifications ────────────────────────────────────────────────────────
+
+interface PushPayload {
+	title: string;
+	body: string;
+	url?: string;
+	icon?: string;
+	badge?: string;
+}
+
+self.addEventListener('push', (event) => {
+	if (!event.data) return;
+
+	let payload: PushPayload;
+	try {
+		payload = event.data.json() as PushPayload;
+	} catch {
+		payload = { title: 'LibNovel', body: event.data.text() };
+	}
+
+	const options: NotificationOptions = {
+		body: payload.body,
+		icon: payload.icon ?? '/icon-192.png',
+		badge: payload.badge ?? '/favicon-32.png',
+		data: { url: payload.url ?? '/' },
+		// Show notification even when the app is focused
+		requireInteraction: false,
+	};
+
+	event.waitUntil(
+		self.registration.showNotification(payload.title, options)
+	);
+});
+
+// ── Notification click ────────────────────────────────────────────────────────
+
+self.addEventListener('notificationclick', (event) => {
+	event.notification.close();
+
+	const url: string = (event.notification.data as { url?: string })?.url ?? '/';
+
+	event.waitUntil(
+		self.clients
+			.matchAll({ type: 'window', includeUncontrolled: true })
+			.then((clientList) => {
+				// Focus existing window if it has the target URL already open
+				for (const client of clientList) {
+					if (client.url === url && 'focus' in client) {
+						return client.focus();
+					}
+				}
+				// Otherwise open a new window
+				if (self.clients.openWindow) {
+					return self.clients.openWindow(url);
+				}
+			})
+	);
+});
diff --git a/ui/static/apple-touch-icon.png b/ui/static/apple-touch-icon.png
new file mode 100644
index 0000000..07ba559
Binary files /dev/null and b/ui/static/apple-touch-icon.png differ
diff --git a/ui/static/favicon-16.png b/ui/static/favicon-16.png
new file mode 100644
index 0000000..90771d0
Binary files /dev/null and b/ui/static/favicon-16.png differ
diff --git a/ui/static/favicon-32.png b/ui/static/favicon-32.png
new file mode 100644
index 0000000..c9cca0b
Binary files /dev/null and b/ui/static/favicon-32.png differ
diff --git a/ui/static/favicon.ico b/ui/static/favicon.ico
new file mode 100644
index 0000000..9aea163
Binary files /dev/null and b/ui/static/favicon.ico differ
diff --git a/ui/static/icon-192.png b/ui/static/icon-192.png
new file mode 100644
index 0000000..17b9214
Binary files /dev/null and b/ui/static/icon-192.png differ
diff --git a/ui/static/icon-512.png b/ui/static/icon-512.png
new file mode 100644
index 0000000..3135efa
Binary files /dev/null and b/ui/static/icon-512.png differ
diff --git a/ui/static/manifest.webmanifest b/ui/static/manifest.webmanifest
new file mode 100644
index 0000000..b9d70ae
--- /dev/null
+++ b/ui/static/manifest.webmanifest
@@ -0,0 +1,14 @@
+{
+  "name": "LibNovel",
+  "short_name": "LibNovel",
+  "description": "Read and listen to web novels",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#18181b",
+  "theme_color": "#18181b",
+  "icons": [
+    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" },
+    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
+  ]
+}
diff --git a/ui/static/robots.txt b/ui/static/robots.txt
new file mode 100644
index 0000000..dde80e6
--- /dev/null
+++ b/ui/static/robots.txt
@@ -0,0 +1,14 @@
+User-agent: *
+Disallow: /books
+Disallow: /profile
+Disallow: /admin/
+Disallow: /api/
+Disallow: /auth/
+Allow: /books/
+Allow: /catalogue
+Allow: /login
+Allow: /disclaimer
+Allow: /privacy
+Allow: /dmca
+
+Sitemap: https://libnovel.cc/sitemap.xml
diff --git a/ui/svelte.config.js b/ui/svelte.config.js
new file mode 100644
index 0000000..355de11
--- /dev/null
+++ b/ui/svelte.config.js
@@ -0,0 +1,13 @@
+import adapter from '@sveltejs/adapter-node';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	kit: {
+		adapter: adapter(),
+		paths: {
+			relative: false
+		}
+	}
+};
+
+export default config;
diff --git a/ui/tsconfig.json b/ui/tsconfig.json
new file mode 100644
index 0000000..2c2ed3c
--- /dev/null
+++ b/ui/tsconfig.json
@@ -0,0 +1,20 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"rewriteRelativeImportExtensions": true,
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"moduleResolution": "bundler"
+	}
+	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
+	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
+	//
+	// To make changes to top-level options such as include and exclude, we recommend extending
+	// the generated config; see https://svelte.dev/docs/kit/configuration#typescript
+}
diff --git a/ui/vite.config.ts b/ui/vite.config.ts
new file mode 100644
index 0000000..3630108
--- /dev/null
+++ b/ui/vite.config.ts
@@ -0,0 +1,32 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import tailwindcss from '@tailwindcss/vite';
+import { defineConfig } from 'vite';
+
+// Source maps are always generated so that the CI pipeline can upload them to
+// GlitchTip via glitchtip-cli after a release build.
+//
+// Note: paraglideVitePlugin is intentionally removed. It fetches an inlang
+// plugin from CDN at build time, which (a) fails in offline CI and (b)
+// regenerates messages.js with `export * as m` causing Rollup to tree-shake
+// all message imports into (void 0). Compiled paraglide output is committed to
+// git and updated manually via `npm run paraglide`.
+export default defineConfig({
+	build: {
+		sourcemap: true
+	},
+	plugins: [
+		tailwindcss(),
+		sveltekit()
+	],
+	ssr: {
+		// Force these packages to be bundled into the server output rather than
+		// treated as external requires. The production Docker image has no
+		// node_modules, so anything used in server-side code must be inlined.
+		noExternal: ['marked'],
+		// cropperjs is DOM-only (used inside $effect); exclude from SSR bundle.
+		external: ['cropperjs']
+	},
+	optimizeDeps: {
+		include: ['cropperjs']
+	}
+});