[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)

View original on GitHub ↗

This issue has 3 comments on GitHub. Read the full discussion on GitHub ↗