vibe-kanban icon indicating copy to clipboard operation
vibe-kanban copied to clipboard

feat: add expandable terminal in logs panel (Vibe Kanban)

Open stunningpixels opened this issue 3 months ago • 1 comments

Summary

This PR adds an expandable terminal feature that allows users to view the terminal in a larger, dedicated panel within the logs content area.

Changes Made

  • Expandable Terminal UI: Added a "Terminal" option at the top of the process list in LogsContentContainer.tsx that expands the terminal into the main logs panel area
  • Expand/Collapse Controls: Added an expand button (arrows icon) to the terminal section header in RightSidebar.tsx, and a collapse button in the expanded terminal view
  • Smart Visibility: Terminal section automatically hides from the sidebar when expanded to avoid duplication
  • Auto-collapse Behavior: Terminal automatically collapses when the user switches to a different panel (Preview, Changes)
  • Session Preservation: Terminal session (scrollback history, running processes) is preserved when expanding/collapsing by storing terminal instances in context
  • Refactored Section Actions: Replaced optional icon/onIconClick props with a cleaner actions array pattern in CollapsibleSectionHeader

Implementation Details

  • Extended LogsPanelContent type to include 'terminal' content type
  • Added expandTerminal(), collapseTerminal(), and isTerminalExpanded to LogsPanelContext
  • Terminal instances are stored in TerminalContext using refs to persist across mount/unmount cycles
  • Added i18n translations for terminal feature across all supported locales (en, es, ja, ko, zh-Hans, zh-Hant)

Testing

  1. Open the logs panel and click "Terminal" in the process list - terminal should expand
  2. Click the collapse button - terminal should return to sidebar
  3. Expand terminal, then switch to Preview - terminal should auto-collapse
  4. Expand/collapse terminal - session history should be preserved

This PR was written using Vibe Kanban

stunningpixels avatar Jan 17 '26 13:01 stunningpixels

Review Complete

Your review story is ready!

View Story

Comment !reviewfast on this PR to re-generate the story.

vibe-kanban-cloud[bot] avatar Jan 17 '26 13:01 vibe-kanban-cloud[bot]