Redesign web UI dashboard#488
Open
harshavardhana wants to merge 1 commit into
Open
Conversation
harshavardhana
force-pushed
the
wui-redesign
branch
from
e5df523 to
64639d8
Compare
There was a problem hiding this comment.
Pull request overview
This PR redesigns the warp analyze --web dashboard UI under wui/static/ with new shadcn-inspired styling, revised page structure, and richer client-side behavior while keeping the existing /api/data endpoint and Go command path unchanged.
Changes:
- Reworked
index.htmllayout into Execution / Summary / Operations / Breakdown cards with a new topbar and footer. - Rewrote
style.cssto use HSL design tokens, new component primitives (Card/Button/Badge/Tabs), animations, and responsive rules. - Updated
app.jsrendering to add sparklines, animated counters, copy-to-clipboard + toast, keyboard shortcuts, and to honor the APIauto_updateflag via a 2s polling loop.
Reviewed changes
Copilot reviewed 3 out of 5 changed files in this pull request and generated 7 comments.
| File | Description |
|---|---|
| wui/static/style.css | Full style system rewrite with tokens/components, animations, responsive layout, and table styling. |
| wui/static/index.html | New dashboard structure (topbar/cards/tabs/footer) and new UI elements (toast container, copy button). |
| wui/static/app.js | New rendering pipeline (sparklines/counters/toasts/shortcuts) and live polling wired to auto_update. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
harshavardhana
force-pushed
the
wui-redesign
branch
from
64639d8 to
3e00748
Compare
Rebuild the warp benchmark dashboard with a shadcn-styled component system: HSL color tokens, refined Card / Tabs / Badge / Button primitives, the warp wordmark logo (dark + light variants), JetBrains Mono for data, General Sans for display. Adds sparklines on hero stats, animated number counters, staggered card entrance, copy-to-clipboard with toast, smooth theme crossfade, and keyboard shortcuts (T, R, 1, 2). Wires the existing API auto_update flag to a 2s live polling loop that the previous UI ignored. Respects prefers-reduced-motion.
harshavardhana
force-pushed
the
wui-redesign
branch
from
3e00748 to
7c372ad
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
warp analyze --web/ live benchmark dashboard with a shadcn-styled component system: HSL color tokens, refined Card / Tabs / Badge / Button primitives, the warp wordmark logo with auto-swapped light/dark variants, JetBrains Mono for data, General Sans for display.Ttheme ·Rrefresh ·1/2tabs).auto_updateflag to a 2s live polling loop — the previous UI ignored it. Honorsprefers-reduced-motion.No Go-side changes; all the work is in
wui/static/. The existingwarp analyze --webcommand path is unchanged.Screenshots
Captured from real benchmark data (coe10–coe16 cluster). Hosted on a separate
wui-screenshots-assetsbranch in the fork to keep the PR diff free of binary assets.GET — 1-op, 7 hosts, 27.1K reqs, 3.31 TiB, 11.3 GiB/s peak:
PUT — 1-op, 7 hosts, 79.9K reqs, 9.75 TiB, 33.4 GiB/s peak:
Mixed — GET/PUT/DELETE/STAT, 7 hosts, 4.54M reqs, 389 GiB:
Files
wui/static/index.html— restructured (topbar / cards / tabs / footer)wui/static/style.css— full rewrite, shadcn HSL token system + responsivewui/static/app.js— same data fetching, new render path with sparklines, animations, toast, live pollingwui/static/img/warp-logo.png,warp-logo-dark.png— embedded brand mark variantsTest plan
warp analyze --web <file.json.zst>on a recent benchmark and verify the dashboard rendersTkey) and verify both modes1/2) and verify content fades inauto_updatepolling works