[Preview] Session logs panel should be collapsible/toggleable
Resolved 💬 3 comments Opened Apr 12, 2026 by phasprofissional-arch Closed May 24, 2026
Problem
The session logs panel at the bottom of the built-in preview window is always visible, consuming valuable vertical screen space. When working on UI/UX development, every pixel matters — especially when inspecting layouts, testing responsive breakpoints, or verifying visual changes. The persistent logs panel significantly reduces the usable preview area and hurts productivity during iterative design work.
Current Behavior
- The logs panel is permanently displayed at the bottom of the preview window.
- There is no way to hide, collapse, or minimize it.
- During active UI development (which is the majority of preview usage), the logs are rarely needed in real-time but still occupy space.
Expected Behavior
A toggle button (e.g., a small chevron or icon) that allows users to:
- Hide the logs panel to maximize the preview viewport.
- Show the logs panel on demand when debugging is needed.
- Optionally remember the user's preference across sessions.
Why This Matters
- UI/UX development requires constant visual feedback — a larger preview area directly improves accuracy and speed.
- Logs are essential for debugging but not needed 90% of the time during visual work.
- This is a low-effort, high-impact UX improvement for the preview tool.
Suggested Implementation
- A small toggle icon (e.g., ▼ / ▲) at the top-right corner of the logs panel.
- Clicking it collapses the panel to a thin bar (or hides it entirely).
- Keyboard shortcut (optional) for quick toggling.
Environment
- Claude Code Desktop App (Windows 11)
- Daily professional use for frontend development (Next.js / Tailwind CSS)
This issue has 3 comments on GitHub. Read the full discussion on GitHub ↗