app:
layouts:
- id: 'main'
root: true
title: 'Test 100% Width Resize'
bg_color: 'black'
children:
- id: 'full_width_panel'
title: 'Full Width Panel (should be resizable at right edge)'
position: {x1: 0%, y1: 10%, x2: 100%, y2: 60%}
border_color: 'cyan'
fg_color: 'white'
content: |
This panel extends to 100% width.
Try clicking and dragging at the bottom-right corner to resize.
The resize corner should be sensitive at the rightmost edge.
If the resize doesn't work, the issue is in the mouse event handling,
not the coordinate detection (which tests confirm works correctly).
- id: 'normal_panel'
title: 'Normal Panel (for comparison)'
position: {x1: 10%, y1: 70%, x2: 90%, y2: 90%}
border_color: 'green'
fg_color: 'yellow'
content: |
This panel should resize normally at the bottom-right corner.
Use this to compare resize behavior.