The terminal would sit on the right side of the toolbar. When a user clicks the button it expands the terminal into a minified view.
Minified terminal view
The statuses:
Red for failed / fatal error + Exclamation triangle icon
Yellow for errors but still able to run the app + Stop to show the app is running
Yellow + Play to show you can run the app even if there are errors. Make the outline and text yellow.
Green + Stop to show the app is running.
Green + Play to show the app can run. Just show the regular default button
The buttons on the bottom just insert and run the commands. The goal is to make it so new users to the terminal can learn how to use it through the buttons.
Run the App = npm run dev (or whatever command makes the most sense)
Stop the App = CTRL + C
Clear = clear
Open current directory = open the user's folder in Finder. We'll probably want to add in a "List" (ls) functionality but we'll see what else we need
The terminal would sit on the right side of the toolbar. When a user clicks the button it expands the terminal into a minified view.
Minified terminal view
The statuses:
The buttons on the bottom just insert and run the commands. The goal is to make it so new users to the terminal can learn how to use it through the buttons.
There are a few steps for this:
The design doesn't show the entire scope of everything, but let me know if you have questions.