feat: minimize terminal

public/styles/main.css

@@ -3342,13 +3342,19 @@ select.param-input:focus {
     border: 1px solid var(--border-secondary);
     color: var(--text-secondary);
     border-radius: 8px;
-    padding: 0.35rem 0.6rem;
+    padding: 0.35rem;
     cursor: pointer;
 }
 .drawer-terminal-btn:hover {
     background: var(--bg-hover);
     color: var(--text-primary);
 }
+.drawer-terminal-btn svg {
+    width: 18px;
+    height: 18px;
+    stroke: currentColor;
+    stroke-width: 2;
+}
 .drawer-close {
     background: transparent;
     border: 1px solid var(--border-secondary);
@@ -3381,7 +3387,6 @@ select.param-input:focus {
     display: flex;
     align-items: flex-end;
     justify-content: center;
-    padding: 1.5rem;
     z-index: 1001;
     pointer-events: none;
 }
@@ -3404,6 +3409,10 @@ select.param-input:focus {
     flex-direction: column;
 }
 
+.terminal-panel.minimized {
+    display: none;
+}
+
 .terminal-panel.visible {
     transform: translateY(0);
     opacity: 1;
@@ -3437,6 +3446,14 @@ select.param-input:focus {
     background: var(--bg-hover);
     color: var(--text-primary);
 }
+
+.terminal-actions .terminal-minimize-btn {
+    width: 2rem;
+    padding: 0.25rem 0;
+    font-size: 1rem;
+    line-height: 1;
+}
+
 .terminal-body {
     flex: 1;
     overflow: auto;
@@ -3465,6 +3482,18 @@ select.param-input:focus {
     border-radius: 6px;
     padding: 0.4rem 0.6rem;
 }
+.terminal-input-row .terminal-clear-btn {
+    background: transparent;
+    border: 1px solid var(--border-secondary);
+    color: var(--text-secondary);
+    border-radius: 6px;
+    padding: 0.4rem 0.6rem;
+    cursor: pointer;
+}
+.terminal-input-row .terminal-clear-btn:hover {
+    background: var(--bg-hover);
+    color: var(--text-primary);
+}
 .terminal-send-btn {
     background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
     color: white;
@@ -3477,6 +3506,62 @@ select.param-input:focus {
     filter: brightness(1.05);
 }
 
+.terminal-dock {
+    position: fixed;
+    bottom: 1.5rem;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 1001;
+    display: none;
+    pointer-events: none;
+}
+
+.terminal-dock.visible {
+    display: flex;
+}
+
+.terminal-dock-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.6rem;
+    padding: 0.5rem 1rem;
+    border-radius: 999px;
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    background: rgba(21, 31, 46, 0.85);
+    backdrop-filter: blur(14px);
+    color: var(--text-primary);
+    cursor: pointer;
+    box-shadow: 0 18px 40px rgba(0,0,0,0.35);
+    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
+    pointer-events: auto;
+}
+
+.terminal-dock-btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 22px 44px rgba(0,0,0,0.35);
+    background: rgba(35, 49, 68, 0.95);
+}
+
+.terminal-dock-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    height: 20px;
+}
+
+.terminal-dock-icon svg {
+    width: 18px;
+    height: 18px;
+    stroke: currentColor;
+    stroke-width: 2;
+}
+
+.terminal-dock-label {
+    font-size: 0.9rem;
+    font-weight: 600;
+}
+
 /* Topology hover tooltip for labels */
 .topology-tooltip {
     position: fixed;