fix(ui): slim the Overview executions-by-type bars#1343
Open
vybe wants to merge 1 commit into
Open
Conversation
The "Executions by type" stacked bars rendered full-width with a 1px gap, so a busy agent's week read as a solid wall of color. Cap each bar at 56px and center it inside its (still full-width) hover column, and soften the top corner. The column stays flex-1 so spacing/tooltips are unchanged and wider windows (14d/30d) thin naturally. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
Resolve by running |
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.
What
The Agent Detail → Overview tab's Executions by type stacked bar chart rendered each day as a full-width column with only a 1px gap. On a busy agent (e.g. mostly-scheduled work) that reads as a solid wall of cyan rather than a chart.
This is a minimal, presentation-only tweak in
StackedBarChart.vue:max-w-[56px]and center it inside its column (items-center), so bars are slimmer and breathe.rounded-t-sm→rounded-t-md).The column stays
flex-1, so per-day spacing, the full-width hover hit-area, and the tooltip are all unchanged. Wider windows (14d/30d) already thin naturally; the cap only matters at 7d.Scope
OverviewPanelchange, no backend.Before / after
Before: full-width columns, 1px gap → wall of color.
After: bars capped at 56px, centered, softer top.
(throwaway comparison mockup reviewed locally; 44px was too sparse, 56px chosen)
🤖 Generated with Claude Code