Skip to content

Allow more than 3 providers in the Overview tab (compact density mode) #2107

Description

@elijahchan2019

Is your feature request related to a problem?

CodexBar's value prop is keeping many AI coding providers visible at once (57+ supported), but in practice the popover's Overview tab only fits 3 providers on screen. For someone tracking several providers in parallel — in my case z.ai, Claude, Codex, and more I'd like to add — that means scrolling instead of a single-glance overview, which is exactly the moment a menu bar app is supposed to serve.

This isn't only about tile height. docs/ui.md documents that the Overview tab intentionally "renders up to 3 provider rows" and the Display → "Overview tab providers" setting is capped at 3. So the limit is part intentional cap, part density: even with the cap raised, today's tile layout wouldn't fit many more.

Current behavior (v0.42.0)

Each provider renders as a tall tile, and a multi-window provider makes it acute. z.ai renders three windows (Tokens / MCP / 5-hour), each with its own bar + percentage + reset line, plus a 24h usage bar chart and a "most used model" line — one z.ai tile consumes roughly a third of the popover on its own. Conversely, a provider with only a status line (Claude "Refreshing…") still reserves a full tile whose content-to-padding ratio is ~20–30%. Net result: 3 providers fill the viewport. (Screenshot attached.)

Why it matters

The target user — a developer running multiple AI tools — is precisely the one who wants to see all active providers' remaining quota at a glance, not three at a time. The current density works against the product's own pitch.

Proposed

Two independent levers (either helps; the density mode is the real fix):

  1. Compact / dense display mode — an opt-in toggle under Settings → Display, alongside the existing "Overview tab providers", "Menu bar metric", and icon/label/bar/reset-time controls. Default unchanged so existing users are unaffected. In compact mode:

    • Collapse each provider to ~1–2 rows: icon + name + primary-window bar + percentage + reset on a single dense line.
    • Multi-window providers (Tokens/MCP/5-hour, session/weekly) show the primary window by default; secondary windows reveal on hover/click or via a small expander.
    • Hide the 24h usage chart and peak/model-count extras in the compact list (keep them in the per-provider detail card).
    • Reduce inter-tile and section padding.

    There's already a proven reference layout in the codebase: the CLI's codexbar cards --brief renderer (CLICardsBriefRenderer.swift) — "a compact table layout showing Provider, Usage (with sparkline bar), and Reset". Reusing that same density philosophy in the GUI popover would keep the two surfaces consistent.

  2. Lift or make the Overview cap configurable — let "Overview tab providers" go beyond 3 (e.g. up to 6–8), ideally scaling with the density mode. Cheap on its own, but only pays off once tiles are denser.

Alternatives considered

  • Merge Icons → Overview (existing): this is the Overview tab the cap applies to; it doesn't address density, and 3 is the ceiling.
  • Fewer enabled providers: defeats the purpose of a multi-provider monitor.
  • Resize the popover taller: macOS menu popovers constrain height, so not a reliable lever.

Environment

  • CodexBar: 0.42.0 (build 102)
  • macOS: 27.0
  • Enabled providers in screenshot: z.ai (multi-window), Claude, Codex
  • Merge Icons mode: on (Overview tab visible)

Suggested labels: enhancement, area:ui-ux, needs-design (priority: medium for heavy multi-provider users)

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3Low-risk cleanup, docs, polish, ergonomics, or speculative feature.clawsweeper:needs-maintainer-reviewClawSweeper marked this issue as needing maintainer review before automation.clawsweeper:needs-product-decisionClawSweeper marked this issue as needing a product or behavior decision.clawsweeper:no-new-fix-prClawSweeper does not recommend queueing a new automated fix PR for this issue.clawsweeper:source-reproClawSweeper found a high-confidence source-level issue reproduction.impact:ux-frictionUser-facing flow adds avoidable confusion or support burden without fully blocking progress.issue-rating: 🦞 diamond lobsterVery strong issue quality with high-confidence source-level or clear reproduction.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions