Skip to content

The queue-size badges show only while the Debug button is pressed - #62

Merged
endrix merged 1 commit into
mainfrom
feat/queue-badges-with-debug
Oct 2, 2026
Merged

endrix merged 1 commit into
mainfrom
feat/queue-badges-with-debug

Conversation

@endrix

@endrix endrix commented Oct 2, 2026

Copy link
Copy Markdown
Owner

The badge on each edge (how many tokens sat on it at the step shown) was drawn whenever the queue overlay was on. That covered the graph with numbers whether or not anyone was stepping through the run.

The badges belong to the stepper, so they now follow the button that opens it:

  • Pressing Debug opens the ◀ step ▶ cluster and shows the badges.
  • Pressing it again closes the cluster and hides them.
  • When the stepper has nothing to show (no run, or the queue overlay is off), the badges are hidden too.

How: showQueueBadges toggles workflow-debug-expanded on the body whenever the Debug row renders. body:not(.workflow-debug-expanded) .edge-queue-badge { display: none; } hides them otherwise. The header's queue toggle (workflow-queue-hidden) still hides them as before, so they show only when both allow it.

Only the badges change. An edge's carried colour and its last-token tooltip are unaffected.

Tests: queue-badges-with-debug.test.ts covers the body class following the button, and the stylesheet hiding the badges without it. All workspaces pass, with neutrality 5/5 and typecheck 5/5.

https://claude.ai/code/session_015VK7fH1c4aKbexnq2QcuKU

The badge on each edge -- how many tokens sat on it at the step shown --
was drawn whenever the queue overlay was on, covering the graph with
numbers whether or not anyone was stepping through the run. They are the
stepper's, so they now follow the button that opens it: pressing Debug
sets `workflow-debug-expanded` on the body and shows them, pressing it
again hides them, and the stylesheet hides them without the class. They
also go when the stepper has nothing to show. The header's queue toggle
still hides them as before.

Claude-Session: https://claude.ai/code/session_015VK7fH1c4aKbexnq2QcuKU
@endrix
endrix merged commit 1c79b47 into main Oct 2, 2026
1 check passed
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