docs: add responsive layout plan to PROJECT_STATE.md and CHANGELOG.md

PROJECT_STATE.md

@@ -2,7 +2,7 @@
 
 > **Purpose**: Enable seamless continuation of development by any agent/LLM across sessions
 > 
-> **Last Updated**: 2025-01-31 (TUI Improvements + Storage Fixes)
+> **Last Updated**: 2025-01-31 (Responsive Layout Overhaul)
 > **Current Status**: ✅ MVP Complete — All Tasks 1-14 Done
 > **Phase**: MVP Release (Phase 1)
 
@@ -52,6 +52,16 @@
 ✅ **sftp_browser_tab.go footer**: Added `Enter/→:open`, `←/Backspace:up`
 ✅ **Form tab footers**: Added `Shift+Tab:prev`, `↑↓:nav`
 
+### In Progress: Responsive Layout Overhaul
+🔄 **NEW `responsive.go`**: Shared helpers for adaptive layout (`wrapFooter`, `adaptiveSidePad`, `clampWidth`, `truncateStr`)
+🔄 Footer auto-wraps to multi-line (full labels preserved) — no more overflow on narrow terminals
+🔄 Box width clamped to terminal width across all tabs
+🔄 Host/key/snippet rows truncated with `…` for long names
+🔄 SFTP panes stack vertically when terminal < 50 cols
+🔄 Tab bar truncates names on overflow
+🔄 Form contentW minimum lowered from 50 to 30 for mobile (Termux)
+🔄 Breakpoints: compact (<60 cols / mobile), medium (60–100 / tablet), wide (≥100 / desktop)
+
 ---
 
 ## 📊 Current Project Status