Grotti 2.2.0: Auth, API-Tokens, MCP und Doku-Trennung.

docs/Anleitung-Oberflaeche.md

@@ -0,0 +1,37 @@
+# Oberfläche
+
+Stand **15.10.2026**. Wie die App aufgebaut ist — Menü, Live-Leiste, Desktop und Regal.
+
+## Navigation
+
+Links (Desktop): **Drucker**, **Dateien**, **Kameras**, **Aktivität**, **Warteschlange**, **Protokoll**, **Material**, **Projekte**. Darunter **Einstellungen**, **Ideen**, **Doku**. Fuß: Version (öffnet die Doku).
+
+Unter ca. 760 px: untere Leiste mit den wichtigsten Seiten. Das Seitenmenü lässt sich zur Icon-Rail einklappen.
+
+![Seitenleiste mit Live-Boxen](/static/doku/sidebar-live.png)
+
+## Live-Leiste
+
+Unter dem Menü, eigene Scrollfläche. Boxen auf- und zuklappbar (Merker im Browser):
+
+| Box | Inhalt |
+| --- | --- |
+| **Läuft jetzt** | Laufende Aufträge und Abläufe, Schrittleiste, Abbrechen. Auch Direktstarts ohne Queue-Zeile. |
+| **Wartet** | Wartende Aufträge: Priorität, Abbrechen. Gestoppte Abläufe mit Fortsetzen. |
+| **Aufgaben** | Platte belegt ohne laufenden Ablauf — **geräumt** (Zwei-Klick). |
+| **Senden** | Uploads mit MB-Fortschritt. |
+| **Alerts** | Ungelesene wichtige Ereignisse; als gelesen markieren oder zur Aktivität. |
+
+## Desktop und Regal
+
+Unter **Einstellungen → Dieser Browser**:
+
+- **Desktop** — normale Dichte
+- **Regal (Touch)** — größere Bedienelemente, kompaktere Nav, Sidebar oft eingeklappt
+
+Shortcut in der URL: `?shelf=1` bzw. `?shelf=0`. Nur dieser Browser (`localStorage`).
+
+## Weiter
+
+- [Druckerwand](Anleitung-Wand)
+- [Dateien senden](Anleitung-Dateien)