Skip to content

Conversation

michelroegl-brunner
Copy link
Member

Summary

This PR fixes several terminal-related issues that were affecting the user experience:

🎨 Terminal Color Fixes

  • Updated terminal theme to professional GitHub Dark theme
  • Fixed ANSI color handling without breaking script colors
  • Restored proper blue background and text colors
  • Fixed cursor rendering issues in whiptail sessions
  • Enhanced terminal styling with proper color palette configuration

🛑 Stop Button Functionality

  • Fixed stop button restarting script execution issue
  • Added proper state management to prevent auto-restart
  • Improved WebSocket connection stability
  • Prevented duplicate script executions
  • Fixed script restarting after ~1 second

🛠️ Downloaded Scripts Terminal Integration

  • Added install functionality to DownloadedScriptsTab component
  • Pass onInstallScript prop from main page to DownloadedScriptsTab
  • Enable terminal display when installing from downloaded scripts tab
  • Maintain consistency with available scripts tab functionality

🔧 Technical Improvements

  • Removed aggressive CSS overrides that were breaking ANSI color handling
  • Fixed WebSocket connection logic to prevent unnecessary reconnections
  • Added proper state tracking for script execution lifecycle
  • Improved terminal initialization and theme application

Testing

  • ✅ Terminal colors display correctly on both mobile and desktop
  • ✅ Stop button works without causing script restart
  • ✅ Scripts start once without duplicate executions
  • ✅ Downloaded scripts tab shows terminal when installing
  • ✅ All terminal functionality works consistently across tabs

Files Changed

  • src/app/_components/Terminal.tsx - Terminal component improvements
  • src/styles/globals.css - Terminal styling fixes
  • src/app/page.tsx - Pass install handler to downloaded scripts
  • src/app/_components/DownloadedScriptsTab.tsx - Add install functionality

Fixes terminal color issues and missing terminal functionality for downloaded scripts.

- Updated terminal theme to GitHub Dark with proper ANSI color support
- Fixed terminal background and foreground colors for better readability
- Removed aggressive CSS overrides that were breaking ANSI color handling
- Fixed stop button restarting script execution issue
- Added isStopped state to prevent automatic script restart after stop
- Improved WebSocket connection stability to prevent duplicate executions
- Fixed cursor rendering issues in whiptail sessions
- Enhanced terminal styling with proper color palette configuration
- Add install functionality to DownloadedScriptsTab component
- Pass onInstallScript prop from main page to DownloadedScriptsTab
- Enable terminal display when installing from downloaded scripts tab
- Maintain consistency with available scripts tab functionality
- Fix missing terminal integration for downloaded script installations
@michelroegl-brunner michelroegl-brunner requested a review from a team as a code owner October 9, 2025 07:15
- Add terminal ref to main page for precise scrolling
- Update scroll behavior to focus terminal instead of page top
- Add mobile-specific offset for better terminal visibility
- Remove generic page scroll from ScriptDetailModal
- Ensure terminal is properly focused when starting installations on mobile
@michelroegl-brunner michelroegl-brunner merged commit ca2cbd5 into main Oct 9, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant