diff options
| author | CaptainJack2491 <jayrupnakawala@gmail.com> | 2026-03-09 19:41:49 +0000 |
|---|---|---|
| committer | CaptainJack2491 <jayrupnakawala@gmail.com> | 2026-03-09 19:41:49 +0000 |
| commit | d3d0e0825ea4b4ed3ab338603b824af0178e5264 (patch) | |
| tree | f5cf2096a4470871b3445821cea29f7d0de76173 /api/static/css | |
| parent | d2b1fbd5ac63fd1eb17e68b5364b7dee5cc86e6e (diff) | |
feat: pivot Web GUI to dedicated Data Visualization Dashboard
This commit:
- Removes all execution logic (runs, cancellation, SSE logs)
- Strips the terminal and configuration sidebar
- Implements a global filtering panel (Model, Scenario, Oversight)
- Dedicated the UI 100% to interactive Chart.js and static visuals
Diffstat (limited to 'api/static/css')
| -rw-r--r-- | api/static/css/layout.css | 28 | ||||
| -rw-r--r-- | api/static/css/terminal.css | 77 |
2 files changed, 6 insertions, 99 deletions
diff --git a/api/static/css/layout.css b/api/static/css/layout.css index ef0fc2d..2946461 100644 --- a/api/static/css/layout.css +++ b/api/static/css/layout.css @@ -1,14 +1,14 @@ .dashboard-root { display: grid; grid-template-columns: 320px 1fr; - grid-template-rows: 1fr 300px; height: 100vh; width: 100vw; } /* Sidebar - Left Column */ .sidebar { - grid-row: 1 / -1; + grid-column: 1; + grid-row: 1; background-color: var(--color-bg-1); border-right: var(--border-width) solid var(--color-bg-3); padding: var(--space-lg); @@ -18,7 +18,7 @@ z-index: 10; } -/* Main Area - Top Right */ +/* Main Area - Right */ .main-viewport { grid-column: 2; grid-row: 1; @@ -28,17 +28,6 @@ flex-direction: column; } -/* Terminal - Bottom Right */ -.terminal-dock { - grid-column: 2; - grid-row: 2; - background-color: var(--color-bg-1); - border-top: var(--border-width) solid var(--color-bg-3); - display: flex; - flex-direction: column; - overflow: hidden; -} - /* Header */ .app-header { padding: var(--space-md) var(--space-lg); @@ -66,7 +55,7 @@ @media (max-width: 900px) { .dashboard-root { grid-template-columns: 1fr; - grid-template-rows: auto 1fr auto; + grid-template-rows: auto 1fr; overflow-y: auto; } .sidebar { @@ -77,11 +66,6 @@ .main-viewport { grid-column: 1; grid-row: 2; - height: 500px; + height: auto; } - .terminal-dock { - grid-column: 1; - grid-row: 3; - height: 300px; - } -} +}
\ No newline at end of file diff --git a/api/static/css/terminal.css b/api/static/css/terminal.css deleted file mode 100644 index 7cf79ba..0000000 --- a/api/static/css/terminal.css +++ /dev/null @@ -1,77 +0,0 @@ -.terminal-header { - background-color: var(--color-bg-2); - padding: var(--space-xs) var(--space-md); - border-bottom: var(--border-width) solid var(--color-bg-3); - display: flex; - justify-content: space-between; - align-items: center; -} - -.terminal-title { - font-size: 0.7rem; - font-weight: 800; - text-transform: uppercase; - color: var(--color-text-muted); - letter-spacing: 0.1em; -} - -.terminal-body { - flex: 1; - overflow-y: auto; - padding: var(--space-md); - font-family: 'JetBrains Mono', 'Fira Code', monospace; - font-size: 0.8125rem; - line-height: 1.6; - background-color: #0d0d0f; /* Slightly darker for terminal */ -} - -.terminal-line { - white-space: pre-wrap; - word-break: break-all; - margin-bottom: 2px; -} - -.terminal-line.info { color: var(--color-text-primary); } -.terminal-line.error { color: var(--color-danger); font-weight: 600; } -.terminal-line.warning { color: var(--color-warning); } -.terminal-line.muted { color: var(--color-text-muted); } -.terminal-line.success { color: var(--color-success); } -.terminal-line.reasoning { color: var(--color-accent); border-left: 2px solid var(--color-accent); padding-left: var(--space-sm); margin: var(--space-sm) 0; } - -.btn-terminal { - background: none; - border: none; - color: var(--color-text-muted); - font-size: 0.65rem; - font-weight: 700; - text-transform: uppercase; - cursor: pointer; - padding: 4px 8px; - border-radius: 2px; - transition: var(--transition-fast); -} - -.btn-terminal:hover { - color: var(--color-text-primary); - background-color: var(--color-bg-3); -} - -.btn-terminal.active { - color: var(--color-accent); -} - -.empty-state { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 300px; - color: var(--color-text-muted); - font-size: 0.875rem; - text-transform: uppercase; - letter-spacing: 0.05em; - font-weight: 600; - border: 2px dashed var(--color-bg-3); - margin: var(--space-lg); - border-radius: var(--border-radius); -} |
