v1.2.0 — Web Console UI & Usage Tracking
What's New
Web Console UI (/ui)
Added a full-featured web-based dashboard with glassmorphism design:
- Dashboard — Server status overview, model count, base URL, security info
- Models — Live model listing with reasoning capability indicators
- Chat Test — Interactive chat interface with message bubbles, model selector, and Enter-to-send
- Config — Copy-to-clipboard snippets for OpenAI / Anthropic / OpenCode clients
- Usage / Credits — Local request statistics, token estimates, and reset button
UI Features:
- Glassmorphism visual style (semi-transparent panels, blur backdrop, subtle glow)
- Dark / Light theme toggle (follows system preference by default)
- Mixed layout: fixed top bar + left sidebar navigation
- Responsive design with collapsible sidebar on mobile
- Fixed CSS loading bug when accessing
/uiwithout trailing slash
Local Usage Tracking
- New
usage.jsmodule tracks request count, errors, token estimates by model - API endpoints:
GET /usage/local,POST /usage/reset-local - Persists to local
usage.json(auto-save every 5 min) - Does not read, store, or display Qoder PAT or request/response bodies
Other
start-ui.cmd— one-click launcher that starts the server and opens the browser- Usage tracking integrated into both OpenAI and Anthropic request paths
Files Changed
| File | Change |
|---|---|
public/index.html |
New — Web Console HTML |
public/style.css |
New — Glassmorphism CSS with dark/light themes |
public/app.js |
New — Tab switching, chat, theme toggle |
clean/usage.js |
New — Usage tracking module |
clean/app.js |
Modified — Added /ui routes and usage API |
start-ui.cmd |
New — Launcher script |
test/usage.test.js |
New — Usage module tests |
README.md |
Modified — Web Console documentation |
.gitignore |
Modified — Added usage.json |