feat: Implement an interactive terminal component with real-time log streaming, and formatting

2026-08-16 13:38:33 +00:00 · 2026-02-25 22:51:07 -05:00
parent 46e6aedfd0
commit 53b36c71ce
3 changed files with 130 additions and 7 deletions
@@ -44,12 +44,29 @@ export default function TerminalComponent({ stackName }: TerminalComponentProps)
        const term = new Terminal({
          cursorBlink: true,
          convertEol: true,
+          allowProposedApi: true,
          theme: {
-            background: '#000000',
-            foreground: '#ffffff',
-            cursor: '#ffffff',
+            background: '#0d1117',
+            foreground: '#e6edf3',
+            cursor: '#58a6ff',
+            black: '#484f58',
+            red: '#ff7b72',
+            green: '#3fb950',
+            yellow: '#d29922',
+            blue: '#58a6ff',
+            magenta: '#bc8cff',
+            cyan: '#39c5cf',
+            white: '#b1bac4',
+            brightBlack: '#6e7681',
+            brightRed: '#ffa198',
+            brightGreen: '#56d364',
+            brightYellow: '#e3b341',
+            brightBlue: '#79c0ff',
+            brightMagenta: '#d2a8ff',
+            brightCyan: '#56d4dd',
+            brightWhite: '#ffffff',
          },
-          fontFamily: 'Consolas, Monaco, monospace',
+          fontFamily: "'JetBrains Mono', Consolas, Monaco, monospace",
          fontSize: 13,
          scrollback: 10000,
        });