Tab badges: show a count when a tab holds more than three badges

Aperta
#3,543 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
Mezza giornata
Idoneità per principianti
74/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Start in frontend/app/tab/tabbadges.tsx at allBadges.slice(1, 3), which currently drops badges after the third. When the list is longer than three, render a count (for example the top icon plus a small +N, or a numeric pill) while keeping the top badge colour. Confirm the tab bar shows leftover sessions instead of hiding them; follow any nearby tab-badge tests or stories if present.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Problem

A tab shows at most three badges: the highest-priority badge as an icon, then up to two more as small dots (frontend/app/tab/tabbadges.tsx, allBadges.slice(1, 3) in v0.14.5). Any further badges are dropped without any sign that they exist.

We run several AI coding-agent sessions in one tab, one per block. Each session sets a block badge when it finishes or needs input (wsh badge). With four sessions waiting, the tab shows an icon and two dots, and the fourth session is invisible from the tab bar.

Suggestion

When a tab has more badges than it can draw, show the count instead of, or as well as, the dots — for example the top badge's icon followed by a small "+2", or a numeric pill of the total. Keeping the colour of the top badge would preserve the priority signal.

Environment

Wave v0.14.5, Windows 11 with WSL Ubuntu connections.

Lingua principale
Go
Stelle
22.7k
Fork
1.2k
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di wavetermdev/waveterm

Tutte le issue di wavetermdev/waveterm

Issue simili

Altre issue su Go

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.