mirror of
https://github.com/multica-ai/multica.git
synced 2026-08-02 01:45:52 +02:00
692570f41a
Two related overflow bugs in the Delivery detail dialog (the popover you open from a webhook deliveries row, shipped in #2784) became obvious as soon as a real webhook payload was exercised: 1. **Horizontal overflow: minified JSON pushed dialog off-screen.** `CodeBlock`'s `<pre>` uses `white-space: pre` (default for the tag), which means a single-line minified JSON body had intrinsic min-content equal to the whole line's width. The parent grid cell inherits the default `min-width: auto` (= min-content), so a long body propagated all the way up and blew DialogContent past its `max-w-2xl` cap. Headers rendered fine because they're pretty-printed JSON with real newlines. Fix: `min-w-0` on the CodeBlock wrapper so it can shrink below min-content, plus `whitespace-pre-wrap break-all` on the `<pre>` so long lines wrap (`break-all` is the only modifier that breaks mid-token, which a minified JSON body needs because it has no whitespace to break at). 2. **Vertical overflow: dialog grew past viewport.** `DialogContent` had no height cap. With Raw body + Headers + Response body + Replay button stacked vertically, anything beyond the screen edge (notably the Replay button) became unreachable. Fix: `max-h-[85vh] overflow-y-auto` on `DialogContent`. Both fixes are CSS-only in one file; HMR verified.