[feat]: Better support for smaller screens and laptops #668
Description
Feature Summary
Make the app more usable on smaller laptop screens (13" MacBooks, etc.) by reducing minimum window size constraints and improving layout flexibility.
Problem or Use Case
Right now the window has a hard minWidth: 1200px and minHeight: 800px (in src/main/app/window.ts). On a 13" laptop or when trying to use emdash alongside other apps, this can be pretty annoying - you basically can't make the window any smaller and it takes up a ton of screen real estate.
The sidebar, terminal pane, and various panels also have fixed widths that don't scale down well.
Proposed Solution
- Lower the minimum window size (maybe 900x600 or so?)
- Make panel widths more responsive - sidebar could collapse to icons, terminal pane could be collapsible (related: [feat]: Allow terminal panel to be closed or collapsed #529)
- Consider a "compact mode" for power users on small screens
- Review hardcoded px values in components for better relative sizing
Alternatives Considered
- Using the app on an external monitor (not always practical)
- Hiding panels manually (tedious and current layout doesn't support this well)
Additional Context
Related layout issues that could be addressed together:
- [feat]: Allow terminal panel to be closed or collapsed #529 - Allow terminal panel to be closed or collapsed
- [feat]: Button overload (top right) #619 - Button overload in top right (compact layout would help here too)
Some components have hardcoded widths that might need attention when making things more responsive (various w-[Xpx], min-w-[Xpx] patterns throughout the codebase).