[onewland]

On a laptop screen, the System Queries form took up the whole viewport, so you had to scroll to see any results. The editor now sits in a panel that sticks just below the header. You can close it to a one-line bar that shows the storage, host and query. Clicking anywhere on that bar reopens the editor, from any point in the results.

The column headers of tabular results stick just below the editor pane, open or closed. You can scroll down a long result and still see both the editor and what each column is.

• The panel closes after a successful run and scrolls to the new result. It stays open if the query fails, so you can fix it.
• Closing only hides the editor, so the predefined-query choice and parameter values are kept.
• The Where / What / How boxes are gone; spacing separates the rows. Sudo mode still puts a red frame around the execute row, because sudo queries can change data.
• The close button is now a red "Close" button instead of a small grey X.
• The mode explainer sits on the same row as the mode toggle and Execute.

Notes for review:

• Sticky headers don't work inside an element that scrolls or uses overflow: hidden. So the result card now uses overflow: clip, and result tables no longer scroll sideways. Wide results wrap to fit instead.
• The predefined-query label now sits beside its picker. This is in the shared query_editor.tsx, so it also changes Querylog, Tracing, Outcomes Analyzer and Snuba Explain.

Before:

After:

Editor open to query results where it wouldn't have been possible to look at both before (you would have had to scroll past it):

🤖 Generated with Claude Code