Skip to content

fix(ui): slim the Overview executions-by-type bars#1343

Open
vybe wants to merge 1 commit into
devfrom
fix/overview-thinner-bars
Open

fix(ui): slim the Overview executions-by-type bars#1343
vybe wants to merge 1 commit into
devfrom
fix/overview-thinner-bars

Conversation

@vybe

@vybe vybe commented Jun 24, 2026

Copy link
Copy Markdown
Contributor

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:

  • Cap each bar at max-w-[56px] and center it inside its column (items-center), so bars are slimmer and breathe.
  • The empty-day baseline tick gets the same cap so it lines up with the bars instead of spanning full width.
  • Soften the top corner (rounded-t-smrounded-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

  • 1 file, 3 class changes. No JS, no props, no OverviewPanel change, no backend.
  • No behavior/data change — purely visual.

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

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>
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