Skip to content

v1.2.0 — Web Console UI & Usage Tracking

Choose a tag to compare

@avaritiachaos avaritiachaos released this 03 Jun 13:13
· 13 commits to main since this release

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 /ui without trailing slash

Local Usage Tracking

  • New usage.js module 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