Listen mit eigenem Vorrat und Einkauf, Städte anderer auf der Reise-Karte, Design "Fabrik"

Vorrat & Einkauf:
- Mehrere Listen (z. B. "Zuhause", "Urlaub"), jede mit eigenem Vorrat und
  eigener Einkaufsliste; Auswahl oben auf der Seite, gemerkt pro Browser
- Beim Anlegen festlegen, wer die Liste sieht: alle Konten oder nur
  ausgewählte (Ersteller sieht sie immer); ändern/löschen nur Ersteller
  und Administratoren
- Gekauft, aufgebraucht, Nachkaufen und Rezeptabgleich wirken innerhalb
  der gewählten Liste
- Migration: bisheriger Vorrat und Einkauf werden zur Liste "Zuhause"
  (für alle sichtbar)

Reisen:
- Schalter "Städte anderer zeigen": Städte der übrigen Konten in je einer
  eigenen Farbe, einzelne Personen ein-/ausblendbar, nur lesend
- Info-Karte zeigt, wer noch in einer Stadt bzw. einem Land war

Design "Fabrik" (Industrie-Inventar à la Satisfactory):
- Stahlplatten mit Schrauben, Titelleisten mit Fenstersymbol, gelb
  leuchtende Hauptbuttons, orange Mengen-Zähler, Warnstreifen,
  Riffelblech und drehende Zahnräder im Hintergrund
- Schriften Roboto / Roboto Condensed (OFL), lokal eingebunden

Doku: README verlinkt das zugehörige Repository P42-S.M.

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

README.md

@@ -8,6 +8,12 @@ Zwei umschaltbare Designs: Matrix und Blackwall.
 - **Backend:** Python (FastAPI) – `backend/`
 - **Frontend:** React (Vite, React Router, TipTap-Editor) – `frontend/`
 
+## Zugehöriges Projekt: P42-S.M.
+
+Die Server-Auslastung im Monitoring liefert der Agent **P42-S.M.** – ein eigenes Repository, das auf
+dem zu überwachenden Server läuft: **https://github.com/guyg1474/p42.s-m**
+Einrichtung dort in der README; danach hier im Monitoring eintragen (siehe [Monitoring](#monitoring)).
+
 ## Starten
 
 ```bash
@@ -63,8 +69,11 @@ Die ganze Seite ist nur nach Anmeldung erreichbar.
 - Weitere Konten legt ein Administrator unter **Menü → Benutzer verwalten** an
   (dort auch: Passwort zurücksetzen, Admin-Rechte vergeben, Konten löschen).
 - Unter **Menü → Mein Konto** ändert jeder seinen Anzeigenamen und sein Passwort.
-- Pro Konto eigenständig: **Links** auf der Startseite, **Monitoring** und die **Reise-Karte**.
-- Gemeinsam für alle Konten: **Vorrat & Einkauf** und **Kanban**.
+- Pro Konto eigenständig: **Links** auf der Startseite, **Monitoring** und die **Reise-Karte**
+  (die Städte der anderen lassen sich auf der Karte einblenden).
+- Gemeinsam für alle Konten: **Kanban**.
+- **Vorrat & Einkauf** in Listen (z. B. Zuhause, Urlaub): wer eine Liste anlegt, bestimmt, ob alle
+  Konten sie sehen oder nur ausgewählte.
 - **Artikel** sind gemeinsam: alle Konten können sie lesen und bearbeiten; angezeigt wird,
   wer ihn geschrieben und wer ihn zuletzt geändert hat. Löschen dürfen nur der Autor und
   Administratoren.
@@ -86,7 +95,7 @@ Jedes Konto pflegt seine eigene Serverliste. Geprüft wird alle 30 Sekunden:
 
 - **Webseite (HTTP):** online, wenn die Adresse antwortet (auch mit Anmeldeseite o. Ä.).
 - **Port (TCP):** online, wenn der Port Verbindungen annimmt, z. B. `192.168.0.10:22`.
-- **Server-Auslastung (P42-S.M.):** CPU, RAM, Platten, Load und Temperatur direkt auf der Karte.
+- **Server-Auslastung ([P42-S.M.](https://github.com/guyg1474/p42.s-m)):** CPU, RAM, Platten, Load und Temperatur direkt auf der Karte.
   Klick auf die Karte öffnet die große Ansicht mit allen Werten (alle 5 s aktualisiert) und dem Verlauf
   der letzten 6 h, 24 h oder 2 Tage. Adresse `http://p42-sm:9142` (Agent auf demselben Server), dazu der
   Token aus der `.env` von P42-S.M. Der Token wird nur im Backend gespeichert und nie an den Browser gegeben.
@@ -121,10 +130,18 @@ Speichern serverseitig bereinigt.
 
 ### Vorrat & Einkauf
 
-Gemeinsame Liste mit zwei Bereichen: **Vorrat** (was da ist) und **Einkaufen** (was fehlt).
-Beim Eintippen schlägt die Seite bekannte Produkte vor, damit Namen einheitlich bleiben
-("milch" wird automatisch zu "Milch"). Mengen als Anzahl, kg oder Liter.
+Oben wählst du die **Liste**, z. B. „Zuhause“ oder „Urlaub“. Jede Liste hat zwei eigene Bereiche:
+**Vorrat** (was da ist) und **Einkaufen** (was fehlt) – im Urlaub gibt es also einen eigenen Bestand
+und einen eigenen Einkaufszettel.
 
+- **Neue Liste:** „+ Neue Liste“ legt Vorrat und Einkauf zusammen neu an. Dabei festlegen, wer sie
+  sieht: **alle Konten** oder **nur ausgewählte**. Der Ersteller sieht seine Liste immer.
+  Name, Sichtbarkeit und Löschen („✎ Liste bearbeiten“) nur für den Ersteller und Administratoren –
+  Administratoren aber nur bei Listen, die sie sehen. Löschen entfernt Vorrat und Einkauf der Liste.
+- Beim Update werden der bisherige Vorrat und die bisherige Einkaufsliste zur Liste „Zuhause“
+  (für alle sichtbar).
+- Welche Liste gewählt ist, merkt sich der Browser. Gekauft, aufgebraucht, Nachkaufen und der
+  Rezeptabgleich wirken immer innerhalb der gewählten Liste.
 - Haken bei „Gekauft“ übernimmt einen Eintrag in den Vorrat; −‑Klick bei der letzten Einheit
   im Vorrat setzt ihn auf die Einkaufsliste.
 - **Rezept abgleichen:** Link zu einer Rezeptseite (z. B. Chefkoch) oder eine Zutatenliste
@@ -139,6 +156,10 @@ Weltkarte pro Konto: Städte, in denen man war, als Punkte; besuchte Länder aus
 Klick auf Land oder Punkt zoomt hin und zeigt unten links Infos (Länderdaten lokal,
 Texte aus Wikipedia, Einwohner aus Wikidata, Orte über Open-Meteo/GeoNames).
 
+Der Schalter **Städte anderer zeigen** (über der Karte) blendet die Städte der übrigen Konten ein – je Person in einer eigenen Farbe,
+einzelne Personen lassen sich über ihre Schaltfläche aus- und einblenden (gemerkt pro Browser). Fremde
+Städte kann man nur ansehen, nicht ändern. Alle angemeldeten Konten können die Städte der anderen sehen.
+
 ### Kanban
 
 Beliebig viele Projekte mit je einem Board (Offen, In Arbeit, Wartet, Erledigt). Aufgaben
@@ -154,6 +175,7 @@ Im Menü unter **Design** umschaltbar, gespeichert pro Browser:
 |---|---|
 | Matrix | rotes Retro-Terminal mit Matrix-Regen (Standard) |
 | Blackwall | Cyberpunk-Netrunner: Pink-Rot mit Cyan, leuchtende Datenwand, abgeschrägte Panels |
+| Fabrik | Industrie-Inventar à la Satisfactory: Stahlplatten mit Schrauben, gelb leuchtende Buttons, orange Mengen-Zähler, Warnstreifen, drehende Zahnräder |
 
 „Animation: an/aus“ im Menü stoppt alle Hintergrund-Animationen; bei „Bewegung reduzieren“
 im Betriebssystem sind sie automatisch aus. Die Designs sind von den Vorbildern inspiriert,
@@ -186,7 +208,7 @@ backend/
   app/projects.py             Projekte/Artikel, Bild-Uploads, HTML-Bereinigung
   app/links.py                Schnellzugriff-Links pro Konto
   app/monitoring.py           Monitoring pro Konto (HTTP/TCP-Prüfung, P42-S.M.-Auslastung + Verlauf)
-  app/haushalt.py             Vorrat & Einkauf, Produktkatalog, Einheiten
+  app/haushalt.py             Listen (je Vorrat + Einkauf) mit Sichtbarkeit, Produktkatalog, Einheiten
   app/rezept.py               Rezeptabgleich (Seite abrufen, Zutaten zerlegen, zuordnen)
   app/reisen.py               Reise-Karte, Städtesuche, Infos aus Wikipedia/Wikidata
   app/kanban.py               Kanban-Projekte, Aufgaben, Artikel-Verknüpfungen
@@ -197,7 +219,7 @@ frontend/
   src/api.js                  API-Aufrufe, Bild-Upload
   src/auth.jsx                Anmeldestatus
   src/styles.css              Grund-Styling und Matrix-Design (responsiv, volle Breite)
-  src/themes.css              Blackwall (überschreibt styles.css)
+  src/themes.css              Blackwall und Fabrik (überschreiben styles.css)
   src/theme.js, motion.js     Design-Auswahl, Animations-Schalter
   src/components/             Layout + Menü, Hintergründe der Designs, Editor, Weltkarte, …
   src/pages/                  Login, Start, Projekte, Artikel, Vorrat, Reisen, Kanban, Monitoring, …