feat: Access page RDP/VNC improvements - resizable sidebar and dynamic resolution #83
Description
Summary
Improve the Access page remote desktop experience with better layout controls and resolution handling.
Issues Noticed
- RDP window area offset on left side - when resizing, the remote desktop area doesn't fill correctly
- No way to collapse left sidebar - assets list takes up space that could be used for remote desktop
Proposed Improvements
1. Resizable/Collapsible Left Sidebar
- Add a draggable border between the assets list and RDP/VNC viewer
- Allow users to resize or fully collapse the left sidebar panel
- Save preference in localStorage
2. Dynamic Resolution on Fullscreen
RDP:
- On fullscreen, detect the new viewport size and request a resolution change to the RDP host
- Use Guacamole's
sendSize()or reconnect with new resolution parameters
VNC:
- On fullscreen/resize, send VNC resolution change request if the VNC server supports it
- Use Guacamole's resize handling for VNC scaling
3. Proper Resize Handling
- Ensure the canvas fills the available container space correctly
- Fix offset issues on resize events
Technical Notes
- Files to modify:
frontend/src/pages/Access.tsx,frontend/src/pages/AccessHub.tsx - Guacamole API:
client.sendSize(width, height)for RDP - Consider using a resizable panel library like
react-resizable-panels
Priority
Medium - UX improvement for remote access workflows