docs: regenerate screenshots and GIF with new branding and demo mode

- All screenshots and demo GIF now show "LLM API Bench" branding
- Demo mode properly activated via frontend/.env.local
- record-demo.sh --dev now sets VITE_DEMO_MODE=true for vite
- Updated CLAUDE.md with reliable demo mode setup instructions

Author: idemerge

CLAUDE.md

@@ -22,11 +22,15 @@ Key routing rules:
 
 - All screenshots in `docs/screenshots/` must be **1100×720** pixels
 - Use puppeteer with `defaultViewport: { width: 1100, height: 720 }`
-- Always run the dev server in **Demo Mode** before capturing screenshots so Provider names, endpoints, and API keys are sanitized:
+- Always run the dev server in **Demo Mode** before capturing screenshots or recording GIFs so Provider names, endpoints, and API keys are sanitized.
+- **Preferred method**: create `frontend/.env.local` with `VITE_DEMO_MODE=true` — Vite picks this up reliably. Inline env vars (`VITE_DEMO_MODE=true npx vite`) may not propagate in all shell contexts.
   ```bash
-  cd frontend && VITE_DEMO_MODE=true npm run dev
+  echo "VITE_DEMO_MODE=true" > frontend/.env.local
+  cd frontend && npm run dev
   ```
-  Demo Mode rewrites display values only (no DB writes). Mapping: id-stable `ProviderA/B/C…`, `https://api.provider-a.example.com/v1`, `sk-****`. Implementation: `frontend/src/utils/demo.ts`.
+- `record-demo.sh --dev` starts its own Vite server — it reads `frontend/.env.local` automatically. When using `--skip-server`, ensure the external Vite server was started with demo mode.
+- Demo Mode rewrites display values only (no DB writes). Mapping: id-stable `ProviderA/B/C…`, `https://api.provider-a.example.com/v1`, `sk-****`. Implementation: `frontend/src/utils/demo.ts`.
+- **Do NOT commit** `frontend/.env.local` — it is in `.gitignore`.
 
 ## GitHub Rules
 

docs/demo.gif

@@ -64,9 +64,9 @@ if [ "$SKIP_SERVER" = false ]; then
     PORT="$BACKEND_PORT" npx tsx src/index.ts > /dev/null 2>&1 &
     PIDS+=($!)
 
-    echo "🚀 Starting frontend (dev)..."
+    echo "🚀 Starting frontend (dev, demo mode)..."
     cd "${ROOT}/frontend" && npm install --silent 2>/dev/null
-    npx vite --port "$FRONTEND_PORT" > /dev/null 2>&1 &
+    VITE_DEMO_MODE=true npx vite --port "$FRONTEND_PORT" > /dev/null 2>&1 &
     PIDS+=($!)
   else
     # Production mode: build everything