Skip to content

fix(ui): network and mocks panel polish - #27

Merged
webtools-dotcom merged 1 commit into
mainfrom
fix/panel-polish
Sep 28, 2026
Merged

webtools-dotcom merged 1 commit into
mainfrom
fix/panel-polish

Conversation

@webtools-dotcom

Copy link
Copy Markdown
Owner

Summary

UI polish found while capturing product screenshots.

  • Network — URL column: shows /api/orders?page=2 first and the host dimmed after it. Truncation now cuts the host (repeated on most rows) instead of the path; the full URL is still in the tooltip.
  • Network — header overlap: Method/Status/Type columns are sized for their uppercase header labels; "STATUS" no longer runs into "TYPE".
  • Network — body view: JSON bodies are pretty-printed (prettyBody), preview raised from 500 characters to 4 KB with a taller scroll area.
  • Mocks panel: once rules exist, the add form folds behind a New mock button so the rules stay at the top — notably after "Mock this".

Testing

  • pnpm check-types, pnpm lint, pnpm test (80, new tests for splitUrl and prettyBody)

- Network: the URL column leads with path + query and dims the host
  after it, so truncation cuts the repeated host instead of the part
  that tells requests apart.
- Network: Method/Status/Type columns sized for their header labels;
  "STATUS" no longer runs into "TYPE".
- Network: JSON response bodies are pretty-printed, with room for 4 KB
  instead of 500 characters.
- Mocks: the add form folds behind a "New mock" button once rules
  exist, so the rules stay at the top of the panel.
@webtools-dotcom
webtools-dotcom merged commit 5a959b7 into main Sep 28, 2026
2 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