docs(2.0): W4 — Bedien-Anleitung (BEDIENUNG.md) + Hilfe-Link im Cockpit

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-25 14:35:31 +02:00
parent c863f01a78
commit 2ea3d01b58
4 changed files with 70 additions and 16 deletions
@@ -0,0 +1,45 @@
+# Mission Control 2.0 — Bedienung (kurz & klartext)
+
+**Öffnen:** `http://192.168.178.151:9001` (vom Windows-PC im LAN). Dark/Light-Umschalter oben rechts,
+**Cmd/Strg+K** springt zu jedem Bereich.
+
+> Im Alltag fasst du MC kaum an: `model: auto` + Auto-Swap laden Modelle selbst. Du öffnest es, um ein
+> Modell zu installieren/tauschen, die Auslastung zu prüfen, Gedächtnis zu pflegen oder ein Tool zu verbinden.
+
+## Die 6 Bereiche
+- **Modelle & Routing** — installierte Modelle (mit Fähigkeiten) + neue finden/laden.
+- **Routing** — zeigt `model: auto` (schnell ↔ schwer) + Schwelle.
+- **System** — Live CPU/RAM/GPU/GTT/Temp, Dienste-Status, **Backup**, Updates/Restart (Wartung).
+- **Gedächtnis** — geteilte Fakten/Regeln, die ALLE Tools (Hermes, IDEs) via MCP lesen/schreiben.
+- **Verbinden** — fertige Konfig-Snippets für deine IDEs (zeigen auf den Gateway).
+- **Hermes** — Agent-Status + „Hermes öffnen".
+
+## Modell installieren
+**Tab „Modelle & Routing" → „Modelle finden":**
+- **Kuratiert:** auf einer Empfehlungs-Karte „Installieren" klicken (⭐ = beste Wahl je Kategorie).
+- **Eigenes (HuggingFace):** oben **HF-URL oder `org/repo`** einfügen → „Quants laden" → Quant wählen →
+  „Installieren". Oder die **Suchleiste** nutzen → Treffer anklicken → Quant → Installieren.
+- Der Download läuft als Job mit **Fortschrittsbalken** oben; llama-swap pflegt das Modell automatisch ein.
+
+## LLM tauschen (z.B. anderes „fast"-Hirn)
+„Modelle & Routing" → **„Installiert"**: in der Zeile des Modells im **Rollen-Dropdown**
+`fast` (bzw. `heavy`/`coder`/`vision`/`scout`) wählen → der Alias wandert auf dieses Modell.
+- `model: auto` nutzt ab sofort dieses Modell als schnelles/schweres Hirn — für Hermes **und** Vibe Coding.
+- **Kontext** ändern: auf die Kontext-Zahl (✎) klicken. **Entfernen:** 🗑 (GGUF-Datei bleibt erhalten).
+- „Auto-Swap" = llama-swap lädt automatisch, was gerade angefragt wird; du musst nichts laden/entladen.
+
+## IDE verbinden (Vibe Coding am eigenen PC)
+„Verbinden" → Tool wählen (Cline/OpenCode/Zed/Continue) → Snippet kopieren. Zeigt auf
+`http://192.168.178.151:9001/v1`, Modell **`auto`**. Memory-MCP-Snippet separat einfügen → geteiltes Gedächtnis.
+
+## Gedächtnis pflegen
+„Gedächtnis": Fakt/Regel hinzufügen (Kategorie wählen), suchen/filtern, **🧹 Aufräumen** entfernt Dubletten.
+Das ist die geteilte „Verfassung" für alle Tools.
+
+## Wartung & Backup
+„System": **Backup jetzt** (sichert Gedächtnis-DB + Configs) · Dienste-Health · Updates (OS/Engine/Modelle)
+& Restart (sofern die Wartungs-Erweiterung eingerichtet ist).
+
+## Wenn etwas hakt
+- Modell antwortet nicht → „System" → Dienste-Health (Engine online?) + Engine-Logs-Link (llama-swap `/ui`).
+- Hermes langsam/komisch → im Hermes-WebUI **neuen Chat** starten (frische Session); Details: `docs/CUTOVER.md`.
@@ -6,7 +6,7 @@
    <meta name="theme-color" content="#0d1117" />
    <link rel="manifest" href="/manifest.webmanifest" />
    <title>Mission Control 2.0</title>
-    <script type="module" crossorigin src="/assets/index-EHQnFJCd.js"></script>
+    <script type="module" crossorigin src="/assets/index-DP8A83Cd.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-IpcnHTkp.css">
  </head>
  <body>
@@ -85,6 +85,15 @@ export default function App() {
        <header className="flex h-14 shrink-0 items-center justify-between border-b border-border px-6">
          <div className="text-sm text-muted-foreground">{active.hint}</div>
          <div className="flex items-center gap-2">
+          <a
+            href="https://git.tobisniceshomelab.ddnsfree.com/Hitonabi/mission-control-v2/src/branch/main/docs/BEDIENUNG.md"
+            target="_blank"
+            rel="noopener"
+            className="flex h-8 items-center rounded-md border border-border px-2 text-xs text-muted-foreground hover:bg-accent"
+            title="Bedien-Anleitung"
+          >
+            Hilfe
+          </a>
          <button
            onClick={() => setDark((d) => !d)}
            className="flex h-8 w-8 items-center justify-center rounded-md border border-border text-muted-foreground hover:bg-accent"