Summary

Fix the terminal panel drag-to-resize bug where the panel follows the mouse incorrectly after reaching ~1/3 screen height.

Context

Per the Dashboard Workflow Roadmap, Section 7.3. Known issue in the BottomPanel component.

Root Cause

Math.min(400, ...) cap in BottomPanel's onMove handler artificially limits the terminal height to 400px. When the user drags beyond this limit, the panel stops resizing but the mouse continues — creating a disconnect between cursor position and panel edge.

Fix

1. Remove or significantly raise the 400 pixel cap (e.g., Math.min(window.innerHeight * 0.8, ...))
2. Ensure mouseup listener cleanup is robust (verify no lingering listeners after drag ends)
3. Consider using pointer events instead of mouse events for better touch/trackpad support

Acceptance Criteria

• Terminal panel resizes smoothly up to ~80% viewport height
• No cursor/panel disconnect during drag
• mouseup listener cleaned up reliably
• Minimum height preserved (60px existing minimum is fine)

Effort

Tiny (15 minutes)

Source

Dashboard Workflow Roadmap, Section 7.3 — Bug Fix: Drag-to-Resize