feat: Update .gitignore and enhance terminal UI in Dockerfile and views/terminal.ejs

- Add node_modules, package-lock.json, and yarn.lock to .gitignore
- Ensure Docker container runs as root
- Improve terminal card styling with rounded corners, shadows, and consistent padding
- Adjust terminal header and connection status positioning for better visual hierarchy

.gitignore

@@ -1,2 +1,5 @@
 .env
-passgen.js
+passgen.js
+node_modules/
+package-lock.json
+yarn.lock

Dockerfile

@@ -47,5 +47,8 @@ HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
 ENV SHELL=/bin/bash
 ENV HOME=/root
 
-# Start aplikasi, gunakan port dari Hugging Face Secret jika ada
+# Pastikan container berjalan sebagai root
+USER root
+
+# Start aplikasi
 CMD ["node", "app.js"]

views/terminal.ejs

@@ -109,10 +109,20 @@
             position: relative;
         }
 
+        .terminal-card {
+            background: #18181b;
+            border-radius: 16px;
+            box-shadow: 0 4px 24px rgba(0,0,0,0.25);
+            border: 1px solid #27272a;
+            overflow: hidden;
+            margin-bottom: 16px;
+        }
+
         .terminal-header {
-            background: rgba(39, 39, 42, 0.8);
-            padding: 12px 20px;
+            border-radius: 16px 16px 0 0;
             border-bottom: 1px solid #3f3f46;
+            background: rgba(39, 39, 42, 0.9);
+            padding: 12px 20px;
             font-size: 13px;
             font-weight: 500;
             display: flex;
@@ -126,8 +136,10 @@
 
         #terminal {
             height: calc(100vh - 60px - 45px);
-            padding: 16px;
+            padding: 12px;
             background: #0c0c0c;
+            border-radius: 0 0 16px 16px;
+            min-height: 180px;
         }
 
         .sidebar {
@@ -341,24 +353,32 @@
                 flex-direction: column;
             }
 
+            .terminal-card {
+                background: #18181b;
+                border-radius: 16px;
+                box-shadow: 0 4px 24px rgba(0,0,0,0.25);
+                border: 1px solid #27272a;
+                overflow: hidden;
+                margin-bottom: 16px;
+            }
+
             .terminal-header {
-                padding: 8px 16px;
-                font-size: 12px;
-                position: relative;
-                z-index: 100;
+                border-radius: 16px 16px 0 0;
+                border-bottom: 1px solid #3f3f46;
+                background: rgba(39, 39, 42, 0.9);
+                padding: 12px 20px;
             }
 
             #terminal {
-                flex: 1;
-                height: auto;
-                min-height: 200px;
+                border-radius: 0 0 16px 16px;
+                background: #0c0c0c;
                 padding: 12px;
-                margin-bottom: 12px;
+                min-height: 180px;
             }
 
             .connection-status {
-                top: 8px;
                 right: 16px;
+                top: 10px;
                 font-size: 10px;
             }
 
@@ -542,14 +562,16 @@
         </div>
 
         <div class="terminal-section">
-            <div class="terminal-header">
-                <span class="terminal-icon">></span>
-                Shell Session
-            </div>
-            <div id="terminal"></div>
-            <div class="connection-status">
-                <div class="connection-dot" id="connection-dot"></div>
-                <span id="connection-text">Connecting...</span>
+            <div class="terminal-card">
+                <div class="terminal-header">
+                    <span class="terminal-icon">></span>
+                    Shell Session
+                </div>
+                <div id="terminal"></div>
+                <div class="connection-status">
+                    <div class="connection-dot" id="connection-dot"></div>
+                    <span id="connection-text">Connecting...</span>
+                </div>
             </div>
         </div>