summaryrefslogtreecommitdiff
path: root/api/static/css
diff options
context:
space:
mode:
authorCaptainJack2491 <jayrupnakawala@gmail.com>2026-03-09 19:41:49 +0000
committerCaptainJack2491 <jayrupnakawala@gmail.com>2026-03-09 19:41:49 +0000
commitd3d0e0825ea4b4ed3ab338603b824af0178e5264 (patch)
treef5cf2096a4470871b3445821cea29f7d0de76173 /api/static/css
parentd2b1fbd5ac63fd1eb17e68b5364b7dee5cc86e6e (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.css28
-rw-r--r--api/static/css/terminal.css77
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);
-}