Auto-flip compare panel orientation based on panel width

[sergeibbb]

Summary

• Defaults the compare panel pinned orientation based on available width — vertical (below) when narrow (<600px), horizontal (beside) when wide
• Auto-flips orientation when the panel is resized across the 600px threshold via a ResizeObserver
• Alt-click on the sheet button still forces the opposite orientation; manual flip in the pinned panel header still works

Closes #5171

Test plan

• Open the graph, select two commits to compare, click Move Below (default at typical widths) — panel pins vertically
• Hold Alt — button changes to Move Beside; click to pin horizontally
• Resize the details panel across the 600px boundary — orientation auto-flips
• Manually flip orientation via the pinned panel header button — works as before
• Resize back across threshold — orientation adapts again

[augmentcode]

🤖 Augment PR Summary

Summary: Makes the Graph compare sheet�pinned panel promotion responsive by choosing a default orientation based on available panel width.

Changes:

• Adds a PanelOrientation type + 600px threshold and tracks a preferred orientation in component state
• Uses a ResizeObserver to update the preferred orientation when the details panel is resized
• Updates the compare sheet action chip label/tooltip to reflect preferred vs Alt-flipped orientation
• Promotes the compare sheet to a pinned panel using the preferred (or Alt-flipped) orientation
• Centralizes orientation toggling via a flipOrientation helper

_{🤖 Was this summary useful? React with 👍 or 👎}

[augmentcode]

Review completed. 2 suggestions posted.

Comment augment review to trigger a new review at any time.

[gitkraken-services]

Processing Error

PR #5253 encountered an unexpected error during processing.

Error: fatal: shallow file has changed since we read it

---

Generated by Merge Mate at 2026-06-06 06:42:54 UTC