refactor: massive UX and beginner refactoring (Cookbook, Dashboard, Layout, Wording)

static/index.html

@@ -31,7 +31,8 @@
     <header class="topbar">
       <span class="status-pill"><span id="swdot" class="dot"></span><span id="swlabel">verbinde…</span></span>
       <span class="spacer"></span>
-      <span class="top-stat">Modelle<b id="top-models">–</b></span>
+      <span class="top-stat">Aktiv:<b id="top-active" style="color:var(--teal)">–</b></span>
+      <span class="top-stat" style="margin-left:8px">Modelle<b id="top-models">–</b></span>
       <span class="top-stat">Jobs<b id="top-jobs">0</b></span>
       <span class="top-clock" id="clock">--:--</span>
       <input id="token" class="tokin" placeholder="Token" autocomplete="off">
@@ -45,14 +46,12 @@
 
       <section class="view" data-view="overview">
         <div id="hero"></div>
-        <div class="grid kpis" id="kpis"></div>
-        <div class="grid grid-2">
-          <div class="card" id="health"></div>
-          <div class="card" id="ov-models"></div>
-        </div>
+        <div class="card" id="ov-models" style="margin-top: 24px"></div>
       </section>
 
       <section class="view" data-view="activity" hidden>
+        <div class="grid kpis" id="act-kpis"></div>
+        <div class="card" id="act-sys"></div>
         <div class="card" id="v-activity"></div>
       </section>