From 9c871b061a8c8c707f20b2c3511e0072bdf25ddf Mon Sep 17 00:00:00 2001
From: DeepZone <mail@noisens.de>
Date: Wed, 20 May 2026 16:00:09 +0100
Subject: [PATCH] Prepare v0.5.0-beta selfhosting foundation

---
 .env.example                       | 25 ++++++++++---
 README.md                          | 36 +++++++++++++++++-
 RELEASE_NOTES.md                   | 23 ++++++++++++
 ROADMAP.md                         |  2 +-
 backend/app/api/routes_health.py   |  2 +-
 backend/app/api/routes_system.py   |  2 +-
 backend/app/main.py                |  2 +-
 backend/pyproject.toml             |  2 +-
 docker-compose.prod.yml            | 59 ++++++++++++++++++++++++++++++
 docs/operations/backup-restore.md  | 32 ++++++++++++++++
 docs/operations/logging.md         | 26 +++++++++++++
 docs/operations/reverse-proxy.md   | 41 +++++++++++++++++++++
 docs/operations/upgrades.md        | 21 +++++++++++
 frontend/Dockerfile                | 16 +++++---
 frontend/package-lock.json         |  4 +-
 frontend/package.json              |  2 +-
 frontend/src/App.tsx               |  6 +--
 frontend/src/components/Layout.tsx |  2 +-
 18 files changed, 278 insertions(+), 25 deletions(-)
 create mode 100644 docker-compose.prod.yml
 create mode 100644 docs/operations/backup-restore.md
 create mode 100644 docs/operations/logging.md
 create mode 100644 docs/operations/reverse-proxy.md
 create mode 100644 docs/operations/upgrades.md

diff --git a/.env.example b/.env.example
index 1b7298c..22d7a10 100644
--- a/.env.example
+++ b/.env.example
@@ -1,13 +1,26 @@
-DATABASE_URL=sqlite:///./routeforge.db
-HTTP_TIMEOUT_SECONDS=10
-CACHE_TTL_SECONDS=900
-RIPESTAT_CACHE_TTL_SECONDS=900
-CORS_ORIGINS=http://localhost:3000,http://127.0.0.1:3000
-RIPESTAT_BASE_URL=https://stat.ripe.net/data
+# General
 ROUTEFORGE_DEMO_MODE=false
+LOG_LEVEL=INFO
+
+# Database (change POSTGRES_PASSWORD before production use)
+POSTGRES_DB=routeforge
+POSTGRES_USER=routeforge
+POSTGRES_PASSWORD=change-me
+DATABASE_URL=postgresql+psycopg://routeforge:change-me@postgres:5432/routeforge
+
+# CORS (comma-separated list)
+CORS_ORIGINS=http://localhost:3000
+
+# Frontend runtime/build API target
 VITE_API_URL=http://localhost:8000
 
+# RIPEstat
+RIPESTAT_BASE_URL=https://stat.ripe.net/data
+RIPESTAT_CACHE_TTL_SECONDS=900
 RIPESTAT_TIMEOUT_SECONDS=10
 RIPESTAT_MAX_RETRIES=1
 RIPESTAT_RETRY_BACKOFF_SECONDS=0.5
 RIPESTAT_USE_STALE_CACHE_ON_ERROR=true
+
+# Optional general HTTP timeout for backend calls
+HTTP_TIMEOUT_SECONDS=10
diff --git a/README.md b/README.md
index 4d7fbc9..8fec9f4 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 RouteForge is a read-only routing preflight and explainability tool for BGP, RPKI, Registry/IRR and Routing Visibility checks.
 
-Current user-facing version: **v0.4.2-alpha**.
+Current user-facing version: **v0.5.0-beta**.
 
 <!-- Screenshot gallery placeholder:
 - docs/screenshots/dashboard.png
@@ -32,7 +32,7 @@ Routing changes often require fast but traceable checks across multiple external
 
 ## Current Alpha Status
 
-RouteForge is a **functional alpha** release with production-like workflows for read-only validation and demo usage. Current release target: **v0.4.2-alpha**.
+RouteForge is a **functional alpha** release with production-like workflows for read-only validation and demo usage. Current release target: **v0.5.0-beta**.
 
 ## Quickstart with Docker Compose
 
@@ -145,6 +145,38 @@ RouteForge is read-only by design:
 - No full BGP monitoring replacement.
 - No user management yet.
 
+
+## Selfhosting
+
+### Dev/Demo Start
+```bash
+cp .env.example .env
+docker compose up --build
+```
+
+### Production Start
+```bash
+cp .env.example .env
+# edit .env (especially POSTGRES_PASSWORD, DATABASE_URL, CORS_ORIGINS, VITE_API_URL)
+docker compose -f docker-compose.prod.yml up -d --build
+```
+
+### Environment
+- `.env.example` documents required production variables.
+- Keep RouteForge read-only (no write operations to RIPE DB, RPKI, or routers).
+
+### Database
+- Recommended production path: PostgreSQL via `docker-compose.prod.yml`.
+- Backend initializes tables on startup using SQLAlchemy `create_all`.
+- Alembic exists, but migration workflows are still beta-grade.
+- Database migrations are currently simple/alpha-grade and will be hardened before v1.0.
+
+### Operations docs
+- Backup/Restore: `docs/operations/backup-restore.md`
+- Reverse Proxy: `docs/operations/reverse-proxy.md`
+- Logging: `docs/operations/logging.md`
+- Upgrades: `docs/operations/upgrades.md`
+
 ## Roadmap
 
 See [ROADMAP.md](ROADMAP.md).
diff --git a/RELEASE_NOTES.md b/RELEASE_NOTES.md
index c39ba60..520f990 100644
--- a/RELEASE_NOTES.md
+++ b/RELEASE_NOTES.md
@@ -1,5 +1,28 @@
 # Release Notes
 
+## v0.5.0-beta
+
+**Production Selfhosting Foundation**
+
+### Highlights
+
+- Production Docker Compose
+- PostgreSQL-backed deployment path
+- Healthchecks
+- Backup/Restore documentation
+- Reverse proxy documentation
+- Logging and upgrade documentation
+- Continued read-only safety model
+
+### Known limitations
+
+- Database migrations are currently simple/alpha-grade and will be hardened before v1.0.
+- No authentication yet
+- No multi-user support yet
+- No write operations
+
+---
+
 ## v0.4.2-alpha
 
 ### Highlights
diff --git a/ROADMAP.md b/ROADMAP.md
index d30d2fc..8b2528f 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -1,7 +1,7 @@
 # RouteForge Roadmap
 
 ## Current Status
-v0.3.0-alpha, functional alpha, read-only
+v0.5.0-beta, beta foundation for production selfhosting, read-only
 
 ## v0.3.x
 - demo polish
diff --git a/backend/app/api/routes_health.py b/backend/app/api/routes_health.py
index 61ebc38..98a2f11 100644
--- a/backend/app/api/routes_health.py
+++ b/backend/app/api/routes_health.py
@@ -5,4 +5,4 @@
 
 @router.get('/health')
 def health() -> dict:
-    return {"status": "ok"}
+    return {"status": "ok", "version": "v0.5.0-beta"}
diff --git a/backend/app/api/routes_system.py b/backend/app/api/routes_system.py
index 90239fd..46cc9bd 100644
--- a/backend/app/api/routes_system.py
+++ b/backend/app/api/routes_system.py
@@ -9,7 +9,7 @@
 def system_info():
     return {
         'name': 'RouteForge',
-        'version': 'v0.4.2-alpha',
+        'version': 'v0.5.0-beta',
         'demo_mode': settings.demo_mode,
         'read_only': True,
         'data_sources': ['RIPEstat', 'RIPEstat Whois/Registry'],
diff --git a/backend/app/main.py b/backend/app/main.py
index 68a1854..8503def 100644
--- a/backend/app/main.py
+++ b/backend/app/main.py
@@ -8,7 +8,7 @@
 from app.config import settings
 from app.database import Base, engine
 
-app = FastAPI(title="RouteForge", version="0.4.2")
+app = FastAPI(title="RouteForge", version="0.5.0")
 
 app.add_middleware(
     CORSMiddleware,
diff --git a/backend/pyproject.toml b/backend/pyproject.toml
index f6fc655..a0f1c1e 100644
--- a/backend/pyproject.toml
+++ b/backend/pyproject.toml
@@ -1,6 +1,6 @@
 [project]
 name = "routeforge-backend"
-version = "0.4.2"
+version = "0.5.0"
 description = "RouteForge backend"
 requires-python = ">=3.12"
 dependencies = [
diff --git a/docker-compose.prod.yml b/docker-compose.prod.yml
new file mode 100644
index 0000000..3f6a9ee
--- /dev/null
+++ b/docker-compose.prod.yml
@@ -0,0 +1,59 @@
+services:
+  postgres:
+    image: postgres:16-alpine
+    restart: unless-stopped
+    env_file:
+      - .env
+    environment:
+      POSTGRES_DB: ${POSTGRES_DB}
+      POSTGRES_USER: ${POSTGRES_USER}
+      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD}
+    volumes:
+      - routeforge_postgres_data:/var/lib/postgresql/data
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U ${POSTGRES_USER} -d ${POSTGRES_DB}"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+      start_period: 15s
+
+  backend:
+    build:
+      context: ./backend
+    restart: unless-stopped
+    env_file:
+      - .env
+    environment:
+      DATABASE_URL: ${DATABASE_URL}
+    depends_on:
+      postgres:
+        condition: service_healthy
+    ports:
+      - "8000:8000"
+    healthcheck:
+      test: ["CMD-SHELL", "python -c \"import urllib.request; urllib.request.urlopen('http://localhost:8000/health')\""]
+      interval: 15s
+      timeout: 5s
+      retries: 5
+      start_period: 20s
+
+  frontend:
+    build:
+      context: ./frontend
+      args:
+        VITE_API_URL: ${VITE_API_URL}
+    restart: unless-stopped
+    depends_on:
+      backend:
+        condition: service_healthy
+    ports:
+      - "3000:80"
+    healthcheck:
+      test: ["CMD-SHELL", "wget -q -O /dev/null http://localhost/ || exit 1"]
+      interval: 30s
+      timeout: 5s
+      retries: 5
+      start_period: 10s
+
+volumes:
+  routeforge_postgres_data:
diff --git a/docs/operations/backup-restore.md b/docs/operations/backup-restore.md
new file mode 100644
index 0000000..4016114
--- /dev/null
+++ b/docs/operations/backup-restore.md
@@ -0,0 +1,32 @@
+# Backup and Restore
+
+## What to back up
+- PostgreSQL data (logical dump and/or Docker volume snapshot).
+- `.env` and any reverse proxy configuration.
+- Optional exported reports if you archive them outside the DB.
+
+## PostgreSQL backup
+```bash
+docker compose -f docker-compose.prod.yml exec postgres pg_dump -U routeforge routeforge > routeforge-backup.sql
+```
+
+## PostgreSQL restore
+```bash
+cat routeforge-backup.sql | docker compose -f docker-compose.prod.yml exec -T postgres psql -U routeforge routeforge
+```
+
+## Docker volume notes
+- The persistent database volume is `routeforge_postgres_data`.
+- For crash-consistent volume snapshots, stop writes first (or stop backend temporarily).
+
+## Configuration backup
+- Back up `.env` separately from database dumps.
+- Keep secrets in a secure secret manager or encrypted backup location.
+
+## Verification after restore
+- Start stack and check backend health:
+```bash
+curl http://localhost:8000/health
+```
+- Open UI and verify report history is present.
+- If using demo/SQLite setups, back up the SQLite file separately.
diff --git a/docs/operations/logging.md b/docs/operations/logging.md
new file mode 100644
index 0000000..564e94f
--- /dev/null
+++ b/docs/operations/logging.md
@@ -0,0 +1,26 @@
+# Logging
+
+## Docker Compose logs
+```bash
+docker compose -f docker-compose.prod.yml logs -f
+docker compose -f docker-compose.prod.yml logs -f backend
+docker compose -f docker-compose.prod.yml logs -f frontend
+docker compose -f docker-compose.prod.yml logs -f postgres
+```
+
+## Backend logs
+- Backend logs are emitted to container stdout/stderr.
+- Use `LOG_LEVEL` in `.env` (for example `INFO` or `DEBUG`) to tune verbosity.
+
+## Frontend logs
+- Nginx access/error logs are available via frontend container logs.
+
+## Diagnostics in reports
+- RIPEstat request diagnostics and fallback behavior are surfaced in reports.
+- Use these fields to distinguish source errors vs. app errors.
+
+## Troubleshooting checklist
+- Confirm `/health` is `ok`.
+- Check Postgres health and credentials (`DATABASE_URL`).
+- Validate `CORS_ORIGINS` and `VITE_API_URL` alignment.
+- Inspect retry/fallback diagnostics for upstream RIPEstat outages.
diff --git a/docs/operations/reverse-proxy.md b/docs/operations/reverse-proxy.md
new file mode 100644
index 0000000..7dcd479
--- /dev/null
+++ b/docs/operations/reverse-proxy.md
@@ -0,0 +1,41 @@
+# Reverse Proxy
+
+## Recommended patterns
+1. **Simple port exposure**: publish `3000` (frontend) and optionally `8000` (backend) on trusted networks.
+2. **Domain + reverse proxy**: expose only proxy, keep backend internal where possible.
+
+## Nginx Proxy Manager example
+- Proxy Host domain `routeforge.example.com` -> `frontend:80`.
+- Add advanced location `/api` -> `backend:8000`.
+- Optional `/health` -> `backend:8000/health`.
+- Enable HTTPS certificate (Let's Encrypt recommended).
+
+## Classic Nginx example
+```nginx
+server {
+  listen 443 ssl;
+  server_name routeforge.example.com;
+
+  location / {
+    proxy_pass http://frontend:80;
+    proxy_set_header Host $host;
+  }
+
+  location /api/ {
+    proxy_pass http://backend:8000/api/;
+    proxy_set_header Host $host;
+  }
+
+  location /health {
+    proxy_pass http://backend:8000/health;
+  }
+}
+```
+
+## HTTPS and CORS
+- Prefer HTTPS termination at proxy.
+- Set `CORS_ORIGINS` to the public frontend origin(s).
+- RouteForge currently does not require websocket proxy settings.
+
+## Security note
+- Avoid exposing backend directly to the internet if frontend is already proxied.
diff --git a/docs/operations/upgrades.md b/docs/operations/upgrades.md
new file mode 100644
index 0000000..5e98ebb
--- /dev/null
+++ b/docs/operations/upgrades.md
@@ -0,0 +1,21 @@
+# Upgrades
+
+1. Read release notes before upgrade.
+2. Create backup before changing containers.
+3. Pull/update code and rebuild images.
+
+```bash
+git pull
+docker compose -f docker-compose.prod.yml build
+docker compose -f docker-compose.prod.yml up -d
+curl http://localhost:8000/health
+```
+
+## Post-upgrade checks
+- Verify backend health endpoint response.
+- Open frontend and run a sample check.
+- Verify existing reports can still be viewed.
+
+## Notes on database changes
+- Current migration handling is still beta-grade.
+- Database migrations are currently simple/alpha-grade and will be hardened before v1.0.
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index 696700e..15d3742 100644
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -1,7 +1,13 @@
-FROM node:22-alpine
+FROM node:22-alpine AS build
 WORKDIR /app
-COPY package.json ./
-RUN npm install
+COPY package*.json ./
+RUN npm ci
 COPY . .
-EXPOSE 3000
-CMD ["npm", "run", "dev"]
+ARG VITE_API_URL=http://localhost:8000
+ENV VITE_API_URL=${VITE_API_URL}
+RUN npm run build
+
+FROM nginx:1.27-alpine
+COPY --from=build /app/dist /usr/share/nginx/html
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 92ba52d..5dbfd23 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "routeforge-frontend",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "routeforge-frontend",
-      "version": "0.4.2",
+      "version": "0.5.0",
       "dependencies": {
         "react": "^18.3.1",
         "react-dom": "^18.3.1"
diff --git a/frontend/package.json b/frontend/package.json
index 3ce1cca..891aa4c 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "routeforge-frontend",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 9d2ecb4..794f4ae 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -15,7 +15,7 @@ export default function App() {
   const [copyMessage, setCopyMessage] = useState('')
   const [system, setSystem] = useState<SystemInfo | null>(null)
   useEffect(() => { getReports().then(setReports).catch(() => setReports([])); getSystemInfo().then(setSystem).catch(() => null) }, [])
-  const systemLine = useMemo(() => system ? `${system.name} ${system.version} · mode=${system.demo_mode ? 'DEMO' : 'LIVE'} · read_only=${String(system.read_only)}` : 'RouteForge v0.4.2-alpha · read-only preflight checks', [system])
+  const systemLine = useMemo(() => system ? `${system.name} ${system.version} · mode=${system.demo_mode ? 'DEMO' : 'LIVE'} · read_only=${String(system.read_only)}` : 'RouteForge v0.5.0-beta · read-only preflight checks', [system])
   const title = { dashboard: 'Dashboard', asn: 'ASN Check', prefix: 'Prefix Check', preflight: 'Preflight Check', reports: 'Reports', about: 'About RouteForge' }[active]
   const notify = (message: string) => {
     setCopyMessage(message)
@@ -37,7 +37,7 @@ export default function App() {
 
   return <Layout active={active} onNav={setActive} systemLine={systemLine} title={title} demoMode={Boolean(system?.demo_mode)}>
     {active === 'dashboard' && <section className='space-y-4'>
-      <article className='rf-card p-6'><h1 className='text-2xl font-bold'>RouteForge v0.4.2-alpha</h1><p className='mt-2 text-slate-600'>Modernes read-only Operator-Tool für Preflight Checks von ASN, Prefix, RPKI und Registry/IRR.</p><p className='mt-3 rf-alert border-slate-200 bg-slate-50 text-slate-700'>Security-Modell: ausschließlich read-only, keine writes/deployments.</p></article>
+      <article className='rf-card p-6'><h1 className='text-2xl font-bold'>RouteForge v0.5.0-beta</h1><p className='mt-2 text-slate-600'>Modernes read-only Operator-Tool für Preflight Checks von ASN, Prefix, RPKI und Registry/IRR.</p><p className='mt-3 rf-alert border-slate-200 bg-slate-50 text-slate-700'>Security-Modell: ausschließlich read-only, keine writes/deployments.</p></article>
       <div className='grid gap-3 md:grid-cols-3'>{[['ASN Check', 'asn'], ['Prefix Check', 'prefix'], ['Preflight Check', 'preflight'], ['Reports', 'reports']].map(([x, key]) => <button key={x} onClick={() => setActive(key as NavKey)} className='rf-card p-4 text-left hover:border-blue-300'><h3 className='font-semibold'>{x}</h3></button>)}</div>
       <article className='rf-card p-4'><h2 className='mb-2 font-semibold'>Letzte Reports</h2>{reports.length === 0 ? <div className='rounded-xl border border-dashed border-slate-300 p-6 text-sm text-slate-500'>Noch keine Reports vorhanden.</div> : <div className='overflow-x-auto'><table className='w-full text-sm'><thead><tr className='border-b text-left'><th className='py-2'>Zeit</th><th>Typ</th><th>Resource</th><th>Holder</th><th>Status</th></tr></thead><tbody>{reports.slice(0, 8).map(r => <tr key={r.report_id} className='border-b border-slate-100'><td className='py-2'>{new Date(r.created_at).toLocaleString()}</td><td>{r.check_type === 'preflight' ? 'Preflight' : r.check_type}</td><td>{r.input_resource}</td><td>{r.holder || 'Unknown'}</td><td><StatusBadge status={r.status} /></td></tr>)}</tbody></table></div>}</article>
     </section>}
@@ -45,6 +45,6 @@ export default function App() {
     {active === 'prefix' && <PrefixCheckForm />}
     {active === 'preflight' && <PreflightCheckForm />}
     {active === 'reports' && <section className='rf-card p-4'><h2 className='mb-3 text-xl font-semibold'>Reports</h2>{reports.length===0 ? <div className='rounded-xl border border-dashed border-slate-300 p-6 text-sm text-slate-500'>Noch keine Reports vorhanden.</div> : <div className='overflow-x-auto'><table className='w-full text-sm'><thead><tr className='border-b text-left'><th>Zeitpunkt</th><th>Typ</th><th>Resource</th><th>Origin-AS</th><th>Holder</th><th>Status</th><th>Kurzfassung</th><th>Actions</th></tr></thead><tbody>{reports.map(r=><tr key={r.report_id} className='border-b border-slate-100'><td className='py-2'>{new Date(r.created_at).toLocaleString()}</td><td>{r.check_type === 'preflight' ? 'Preflight' : r.check_type}</td><td>{r.input_resource}</td><td>{r.origin_as || '-'}</td><td>{r.holder || 'Unknown'}</td><td><StatusBadge status={r.status} /></td><td>{r.summary}</td><td><div className='flex flex-wrap gap-1'><button className='rf-btn-secondary' onClick={() => window.open(`/api/reports/${r.report_id}`, '_blank')}>Open</button><button className='rf-btn-secondary' onClick={async ()=>copyText(await getReportSummary(r.report_id), 'Summary copied')}>Copy Summary</button><button className='rf-btn-secondary' onClick={async ()=>downloadText(`routeforge-report-${r.report_id}.md`, await getReportMarkdown(r.report_id), 'text/markdown;charset=utf-8')}>Download Markdown</button><button className='rf-btn-secondary' onClick={async ()=>downloadText(`routeforge-report-${r.report_id}.html`, await getReportHtml(r.report_id), 'text/html;charset=utf-8')}>Download HTML</button></div></td></tr>)}</tbody></table></div>}{copyMessage && <p className='mt-2 text-sm text-slate-600'>{copyMessage}</p>}</section>}
-    {active === 'about' && <section className='rf-card p-5 space-y-2 text-sm text-slate-700'><p>RouteForge liefert nachvollziehbare Routing-Preflightchecks für technische Operator-Workflows.</p><p><b>Datenquellen:</b> RPKI Validator APIs und Registry/IRR Quellen.</p><p><b>Modell:</b> read-only Betrieb.</p><p><b>Limitations:</b> Externe Datenquellen können unvollständig oder verzögert sein.</p><p><b>Version:</b> v0.4.2-alpha</p></section>}
+    {active === 'about' && <section className='rf-card p-5 space-y-2 text-sm text-slate-700'><p>RouteForge liefert nachvollziehbare Routing-Preflightchecks für technische Operator-Workflows.</p><p><b>Datenquellen:</b> RPKI Validator APIs und Registry/IRR Quellen.</p><p><b>Modell:</b> read-only Betrieb.</p><p><b>Limitations:</b> Externe Datenquellen können unvollständig oder verzögert sein.</p><p><b>Version:</b> v0.5.0-beta</p></section>}
   </Layout>
 }
diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
index a4d2d18..c1a66a5 100644
--- a/frontend/src/components/Layout.tsx
+++ b/frontend/src/components/Layout.tsx
@@ -27,7 +27,7 @@ export function Layout({ children, active, onNav, systemLine, title, demoMode }:
           <div className='flex flex-wrap gap-2 text-xs font-semibold'>
             <span className={`rounded-full border px-3 py-1 ${demoMode ? 'border-amber-300 bg-amber-50 text-amber-700' : 'border-emerald-300 bg-emerald-50 text-emerald-700'}`}>{demoMode ? 'DEMO' : 'LIVE'}</span>
             <span className='rounded-full border border-blue-200 bg-blue-50 px-3 py-1 text-blue-700'>READ-ONLY</span>
-            <span className='rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-slate-700'>v0.4.2-alpha</span>
+            <span className='rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-slate-700'>v0.5.0-beta</span>
           </div>
         </header>
         <main className='space-y-4'>{children}</main>