Skip to content

fix(debug): usable file-type select, formatted Monaco, drop entrypoints strip - #64

Merged
shpaw415 merged 3 commits into
mainfrom
fix/debug-ui-select-format
Aug 18, 2026
Merged

shpaw415 merged 3 commits into
mainfrom
fix/debug-ui-select-format

Conversation

@shpaw415

Copy link
Copy Markdown
Owner

Summary

Debug web UI polish for three issues found while inspecting traces.

  • File type / Pipeline dropdowns no longer close when the menu (or drawer) is scrolled. mui-lite Select hardcodes closeOnScroll and its Menu treats the dropdown’s own overflow as a page scroll (shpaw415/mui-lite#2). This PR workarounds with outlined NativeSelect so the native popup stays open while scrolling.
  • Monaco diffs are formatted for reading. JSON snapshots are pretty-printed; JS/TS/CSS/HTML use Monaco formatDocument after mount (best-effort, invalid snapshots stay raw). Raw byte sizes in the diff bar are unchanged.
  • Entrypoints strip above the editor is gone. Build #, status, duration, file/step counts, and the selected file path in the diff bar stay.

DX

Inspecting a build no longer fights the type filter, and transform output is readable instead of a single minified line. The editor workspace is no longer crowded by every pipeline entrypoint path.

Test plan

  • bun run typecheck in packages/frame-master
  • bun test test/format-debug-source.test.ts test/debug-ui-state.test.ts
  • Biome on touched files
  • bun run build:tool:debug
  • Open File type and Pipeline native selects and scroll the option list — menu stays open
  • Select a JSON / JS / TS step and confirm the Monaco diff is formatted
  • Confirm the summary bar no longer lists every entrypoint above Monaco
  • Confirm selected file path remains in the compact diff info bar

Related: shpaw415/mui-lite#2

Switch File type and Pipeline filters to NativeSelect so scrolling the menu no longer closes it (mui-lite#2). Pretty-print JSON and format Monaco snapshots, and drop the entrypoints strip above the editor.
@coderabbitai

coderabbitai Bot commented Aug 17, 2026

Copy link
Copy Markdown
Contributor

Important

Review available on request

  • 🔍 Trigger review

Reviews should be triggered manually for repositories with fewer than 10 stars. Select Trigger review above or comment @coderabbitai review to review the latest changes. For a full review, comment @coderabbitai full review.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: f9f55d2b-8cf1-4cf7-973e-9a3b549894f1


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Aug 17, 2026

Copy link
Copy Markdown

Deploying frame-master-docs with  Cloudflare Pages  Cloudflare Pages

Latest commit: f06de8e
Status: ✅  Deploy successful!
Preview URL: https://24bf32ce.frame-master-docs.pages.dev
Branch Preview URL: https://fix-debug-ui-select-format.frame-master-docs.pages.dev

View logs

@shpaw415
shpaw415 merged commit e1ae162 into main Aug 18, 2026
5 checks 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