feat: redesign web UI with eos/ dark theme and operation-focused layout#453
Conversation
|
|
|
|
TTFB graph is missing. The point of the graphs was to be able to visually see if there are hiccups or degradation over time. The numbers you are listing we can already see in the text output. |
Modernize the web UI with: - eos/ design system colors and Geist font - Dark mode by default with light mode toggle - Benchmark configuration card showing parsed parameters - Operation-focused cards with throughput/latency charts - Hero stats showing key metrics at a glance - Simplified host/client tables organized by operation type
harshavardhana
force-pushed
the
feat/wui-redesign
branch
from
bec0705 to
4bcc523
Compare
it's available all the way down @klauspost - I updated some charts to avoid TTFB for PUT. |
|
@harshavardhana What do you mean? 
No TTFB. Nothing can be clicked to bring it up AFAICT. Same data, "before".... 
By host.. 
By client... 
None of these are present now. Also PUT never showed TTFB. It is not even recorded. 
|
it here @klauspost |
|
Is that what you are talking about? can you share your zst file? |
want to check if data structure has changed |
The web UI's "By Host" and "By Client" time-series charts were not rendering because ByHost and ByClient aggregates were not included in live update payloads. This adds them so the UI can display throughput over time for each host and client.
|
I understood now, fixed it @klauspost it should be available now. |
|
Cool. I'll check it out. The zst was from a customer (yeah, that one) that had done 1 hour 64K and 64MB benchmarks. Looks amazing! |
|
Cool. There is some wonkyness with the black graph (most visible in light mode, but an issue with both) 
If you can fix that, I think we are good to go. TTFB isn't showing in client/host, but we can add that "in post". |
I can fix it here. |
… sections Make chart grid lines adapt to light/dark theme instead of hardcoded white rgba. Add per-host and per-client TTFB (P50) time series charts for non-write operations.
|
Updated styling to align with shadcn/eos design system:
|
|
|
added TTFB By Server and By Client as well @klauspost |
|
Amazing. Giving it a final sanity check right away! |
|
For operations without size (delete, list, stat), it should use "obj/s". It seems header and Median/Fastest/Slowest uses throughput: 
Sample: warp-mixed-sample.json.zst.gz I think it is feeding multiple values to the response time + ttfb graphs, making them wonky like this: 
repro: warp-remote-wonky.json.zst.gz I remember also having to fix this issue myself and have it merge the values with the same timestamps. |
Rewrite CSS and chart config to match exact patterns from the eos embedded console: vibrant eos color palette, flat cards with shadow-sm, canvas gradient fills for area charts, dashed grid lines, shadcn-style tabs/tables/badges, and stat-group border-separator layout.
harshavardhana
force-pushed
the
feat/wui-redesign
branch
from
415c652 to
1b81e13
Compare
fixed it @klauspost |
|
Amazing! That was my final nitpick. I see it is already approved, so all good from my side! |
2 participants
Modernize the web UI with: