oberflaeche v4: Uebersicht als Startseite, KI-Box und Homelab mit Monitoring, Homelab-Updates je Geraet mit Alle aktualisieren, Protokoll, Einstellungsseite, neues Tab-Symbol

- Startseite "Alles auf einen Blick": Gesamtlage, je Bereich Messwerte mit Verlauf, wer welche Updates hat
  (Kurzform, Klick fuehrt in den Bereich), Hinweise, als Naechstes und zuletzt eingespielt
- Menue: Uebersicht, KI-Box (Cockpit, Updates, Modelle, Monitoring), Homelab (Cockpit, Updates, Monitoring,
  Protokoll), Einstellungen; Bereichsfarben Indigo und Violett; alte Adressen /updates und /modelle leiten weiter
- Homelab-Updates je Geraet: App-Version laeuft -> neu (mit Grund, wenn sie wartet), Pakete, Rueckweg, Knoepfe;
  Alle aktualisieren mit Plan in der Rueckfrage und Fortschritt; Cockpit zeigt die Gesundheit der Geraete
- Einstellungen als Seite: KI-Box, Homelab (Arcane-Schluessel, Docker echt/Probelauf, Ausfuehrer), Meldungen,
  Software-Stand
- Diagramme: Verlauf mit Fadenkreuz, Legende und Tabellenansicht, Kennzahlen mit Linie; Farben geprueft
- Tab-Symbol: favicon.ico/.svg, apple-touch-icon, Manifest-Icons

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/public/favicon.svg

@@ -1,14 +1,18 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
+  <!-- Homelab Orchestrator: dunkle Kachel, Puls in Bernstein; die zwei Punkte oben stehen für die beiden Bereiche
+       (Indigo = KI-Box, Violett = Homelab). Gleiches Zeichen wie in der Seitenleiste, dicker für 16 px. -->
   <defs>
-    <linearGradient id="mc-grad" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#06b6d4" />
-      <stop offset="50%" stop-color="#0d9488" />
-      <stop offset="100%" stop-color="#3b82f6" />
+    <linearGradient id="kachel" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#1f2536" />
+      <stop offset="1" stop-color="#0e1012" />
+    </linearGradient>
+    <linearGradient id="puls" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0" stop-color="#ffc24d" />
+      <stop offset="1" stop-color="#ff9d00" />
     </linearGradient>
   </defs>
-  <!-- Background Shield or Rounded Square -->
-  <rect x="10" y="10" width="80" height="80" rx="20" fill="url(#mc-grad)" />
-  <!-- Central Terminal or Graph Symbol -->
-  <path d="M 30 40 L 45 50 L 30 60" fill="none" stroke="#ffffff" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" />
-  <line x1="55" y1="60" x2="70" y2="60" stroke="#ffffff" stroke-width="8" stroke-linecap="round" />
+  <rect x="2" y="2" width="60" height="60" rx="15" fill="url(#kachel)" stroke="#3a4148" stroke-width="2.5" />
+  <path d="M9 37h11l6-15 9 26 6-13h14" fill="none" stroke="url(#puls)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" />
+  <circle cx="44" cy="15" r="4.2" fill="#8b95ff" />
+  <circle cx="54" cy="15" r="4.2" fill="#c98bff" />
 </svg>

frontend/public/manifest.webmanifest

@@ -3,7 +3,23 @@
   "short_name": "Orchestrator",
   "start_url": "/",
   "display": "standalone",
-  "background_color": "#0d1117",
-  "theme_color": "#0d1117",
-  "icons": []
+  "background_color": "#0e1012",
+  "theme_color": "#0e1012",
+  "icons": [
+    {
+      "src": "/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml"
+    }
+  ]
 }