Skip to content

feat: enhance web calculator with model library, wizard, charts and export#4

Open
stmatengss wants to merge 4 commits into
mainfrom
feat/enhanced-web-calculator
Open

feat: enhance web calculator with model library, wizard, charts and export#4
stmatengss wants to merge 4 commits into
mainfrom
feat/enhanced-web-calculator

Conversation

@stmatengss

Copy link
Copy Markdown
Collaborator

Summary

  • Add Model Preset Library with 12+ models (Qwen, Llama, DeepSeek, Mistral, GLM, Yi) in a searchable dropdown grouped by family
  • Add Quick-Start Wizard — 3-step guided setup: model selection card grid, hardware config (5 GPU types with auto TP suggestion), workload templates (multi-agent chat, RAG, code assistant, light chatbot)
  • Add TPS vs Machine Count chart and Parameter Sensitivity tornado chart
  • Add Export & Share — copy as Markdown, download PNG/JSON, shareable URL with lz-string compression
  • Add Scenario Comparison mode with side-by-side delta highlighting
  • Add UX polish — dark/light mode toggle, input validation, tooltips on all fields, responsive layout (3 breakpoints)

Test plan

  • JS parity validation passes (all 178 checks)
  • Verify page loads correctly in browser
  • Test Quick-Start Wizard flow (select model → hardware → workload → calculate)
  • Test model preset search/filter and dropdown selection
  • Test Compare mode: snapshot → modify → view deltas
  • Test export buttons (Markdown copy, PNG download, JSON download, Share URL)
  • Test URL hash loading (share → paste URL → auto-load)
  • Test dark/light mode toggle persistence
  • Test responsive layout at different viewport widths

🤖 Generated with Claude Code

stmatengss and others added 4 commits May 25, 2026 18:14
Add a browser-based KVCache calculator (website/calculator.html) that runs
the full estimate-multi-agent heuristic entirely client-side with no backend.
Includes preset configs, real-time parameter editing, Chart.js visualization,
and TPS capacity planning tables.

Also adds a JS parity validation system (tests/validate_js_parity.mjs) that
extracts the JS engine from the HTML and validates against Python-generated
test vectors to ensure calculation correctness.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Covers: model preset library (10+ models), scenario comparison mode,
quick-start wizard, TPS-vs-machines chart, export/share, and UX polish.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Added DeepSeek V3.2, Qwen3.5, Qwen3.6 with verified configs from
ModelScope/GitHub. Added MLA and hybrid-attention notes for KV cache
sizing. GLM5-5 and DeepSeek V4 marked as TODO (not yet public).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…rt and comparison

Add 6 major features to the interactive web calculator:
- Model Preset Library with 12+ models (Qwen, Llama, DeepSeek, Mistral, GLM, Yi)
- Quick-Start Wizard with 3-step guided flow (model, hardware, workload)
- TPS vs Machine Count chart and parameter sensitivity analysis
- Export & Share (Markdown, PNG, JSON, URL hash with lz-string compression)
- Scenario Comparison mode with delta highlighting
- UX polish: dark/light mode, input validation, tooltips, responsive layout

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant