claude-code - 💡(How to fix) Fix [Preview] Session logs panel should be collapsible/toggleable [1 comments, 1 participants]

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)