Skip to content

refactor: redesign media debug overlay as vertical key-value panel - #17

Merged
joaner merged 2 commits into
mainfrom
refactor/media-debug-overlay-ux
Aug 5, 2026
Merged

refactor: redesign media debug overlay as vertical key-value panel#17
joaner merged 2 commits into
mainfrom
refactor/media-debug-overlay-ux

Conversation

@joaner

@joaner joaner commented Aug 5, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Refactor media debug overlay from a crowded single-line layout to a vertical key-value panel (Stats-for-nerds style)
  • Remove redundant Feature / dtype / title fields that are already clear from panel context
  • Enable hover-to-show with selectable values for copy, plus scroll when content is tall

Test plan

  • Hover a video panel and confirm debug info appears as one property per row
  • Hover an image panel and confirm the same vertical layout
  • Confirm Feature / dtype / title are no longer shown
  • Select and copy a value (e.g. resolution or codec) from the overlay
  • Verify overlay does not cover most of the media when many fields are present

Replace the crowded single-line layout with a Stats-for-nerds style
overlay, drop redundant feature/dtype/title fields, and allow copy.
@joaner
joaner requested a review from a team as a code owner August 5, 2026 09:01
@joaner
joaner merged commit e662345 into main Aug 5, 2026
10 of 11 checks passed
@joaner
joaner deleted the refactor/media-debug-overlay-ux branch August 5, 2026 09:25
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