Hitonabi/mission-control-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor: Hero-Banner (3 relevanteste Karten) + Top-Akzent konsistent

Browse Source 
- Token-Durchsatz nutzte bg-gradient-to-b statt bg-card/45 und verlor dadurch den
  gradient-Top-Akzent + Hover-Lift (index.css greift nur bei bg-card/45). Zurueck auf
  Standard-Kartenstil -> konsistent mit allen Karten.
- Zentrale: System-Status, Token-Durchsatz und Aktive Modelle als gleich-prominenter
  Hero-Banner (3 Spalten) oben; Rest gruppiert darunter (Stack-Status: Rollen + Dienste,
  Betrieb & Wissen: Updates + Hermes + Gedaechtnis).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Hitonabi
2026-06-27 17:02:59 +02:00
parent ec9488d94e
commit 89cdc60b6e
6 changed files with 68 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/dist/assets/index-B3BExjP9.css
Vendored
+1
View File
File diff suppressed because one or more lines are too long
frontend/dist/assets/index-CauIIHdl.js → frontend/dist/assets/index-iQ69359J.js
Vendored
+55 -55
View File
File diff suppressed because one or more lines are too long
frontend/dist/assets/index-wQ2PPr04.css
Vendored
-1
View File
File diff suppressed because one or more lines are too long
frontend/dist/index.html
Vendored
+2 -2
View File
@@ -7,8 +7,8 @@
<link rel="manifest" href="/manifest.webmanifest" /> <link rel="manifest" href="/manifest.webmanifest" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<title>Mission Control 2.0</title> <title>Mission Control 2.0</title>
<script type="module" crossorigin src="/assets/index-CauIIHdl.js"></script> <script type="module" crossorigin src="/assets/index-iQ69359J.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-wQ2PPr04.css"> <link rel="stylesheet" crossorigin href="/assets/index-B3BExjP9.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
frontend/src/components/dashboard/TokenPerformanceCard.tsx
+1 -1
View File
@@ -36,7 +36,7 @@ export function TokenPerformanceCard() {
const curRate = last ? Math.round(last.prompt + last.completion) : 0 const curRate = last ? Math.round(last.prompt + last.completion) : 0
return ( return (
<div className="rounded-2xl border border-border/60 bg-gradient-to-b from-card/55 to-background/30 backdrop-blur-md p-5 shadow-lg shadow-black/20"> <div className="rounded-2xl border border-border/60 bg-card/45 backdrop-blur-md p-5 shadow-lg shadow-black/15">
<div className="mb-3 flex items-start justify-between gap-3"> <div className="mb-3 flex items-start justify-between gap-3">
<div> <div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
frontend/src/views/DashboardView.tsx
+9 -12
View File
@@ -21,26 +21,23 @@ export function DashboardView() {
<p className="text-sm text-muted-foreground">Aktueller Status von System, Modellen und Agent.</p> <p className="text-sm text-muted-foreground">Aktueller Status von System, Modellen und Agent.</p>
</div> </div>
{/* Zone 1 — Live-Telemetrie: beide Charts nebeneinander */} {/* Hero-Banner — die 3 relevantesten, gleich prominent */}
<section> <div className="grid items-stretch gap-6 lg:grid-cols-3">
<ZoneLabel>Live-Telemetrie</ZoneLabel> <SystemStatusCard />
<div className="grid gap-6 lg:grid-cols-2"> <TokenPerformanceCard />
<SystemStatusCard /> <ActiveModelsCard />
<TokenPerformanceCard /> </div>
</div>
</section>
{/* Zone 2 — Stack-Status */} {/* Stack-Status */}
<section> <section>
<ZoneLabel>Stack-Status</ZoneLabel> <ZoneLabel>Stack-Status</ZoneLabel>
<div className="grid gap-6 md:grid-cols-3"> <div className="grid gap-6 md:grid-cols-2">
<ActiveModelsCard />
<RolesCard /> <RolesCard />
<ServicesCard /> <ServicesCard />
</div> </div>
</section> </section>
{/* Zone 3 — Betrieb & Wissen */} {/* Betrieb & Wissen */}
<section> <section>
<ZoneLabel>Betrieb &amp; Wissen</ZoneLabel> <ZoneLabel>Betrieb &amp; Wissen</ZoneLabel>
<div className="grid gap-6 md:grid-cols-3"> <div className="grid gap-6 md:grid-cols-3">