When using OpenCode as a Progressive Web App (PWA) on mobile, the layout can become permanently stuck after using split panes. The UI is compressed into a very narrow column and remains unusable even after closing the extra pane.
Environment
OpenCode: (please fill in version)
Platform: Android PWA
Browser: Chrome
Device: (please fill in model)
Steps to reproduce
Install OpenCode as a PWA.
Open a workspace.
Create or use multiple panes/splits.
Switch between panes or close one of them.
Reopen the workspace (or continue using it).
Expected behavior
The layout should automatically adapt to the mobile viewport and return to a single-column layout.
Actual behavior
The application remains in a split layout intended for a wider screen. The remaining pane is compressed into a very narrow column, causing:
Text wrapping on nearly every word.
Status bar and model information overlapping.
Most of the screen becoming unusable.
The layout persisting instead of resetting.
Restarting the app does not immediately restore the correct layout.
Screenshots
(Attach the screenshots below.)
Additional notes
This appears to be a PWA/mobile responsive layout issue where the saved pane layout is restored without validating that it fits the current viewport width. On narrow screens, the app should probably collapse back to a single pane automatically instead of restoring an invalid split layout.
I would also mention that this is PWA-specific if you've only seen it there and not in the browser or desktop app, since that can help the maintainers narrow down the cause.
When using OpenCode as a Progressive Web App (PWA) on mobile, the layout can become permanently stuck after using split panes. The UI is compressed into a very narrow column and remains unusable even after closing the extra pane.
Environment
OpenCode: (please fill in version)
Platform: Android PWA
Browser: Chrome
Device: (please fill in model)
Steps to reproduce
Install OpenCode as a PWA.
Open a workspace.
Create or use multiple panes/splits.
Switch between panes or close one of them.
Reopen the workspace (or continue using it).
Expected behavior
The layout should automatically adapt to the mobile viewport and return to a single-column layout.
Actual behavior
The application remains in a split layout intended for a wider screen. The remaining pane is compressed into a very narrow column, causing:
Text wrapping on nearly every word.
Status bar and model information overlapping.
Most of the screen becoming unusable.
The layout persisting instead of resetting.
Restarting the app does not immediately restore the correct layout.
Screenshots
(Attach the screenshots below.)
Additional notes
This appears to be a PWA/mobile responsive layout issue where the saved pane layout is restored without validating that it fits the current viewport width. On narrow screens, the app should probably collapse back to a single pane automatically instead of restoring an invalid split layout.
I would also mention that this is PWA-specific if you've only seen it there and not in the browser or desktop app, since that can help the maintainers narrow down the cause.