build: sources for v0.9.22

Named-Volume-Compose ohne ENV-Pflichtfelder — Bridge startet im
Offline-Modus, User trägt Drucker-IP in der UI ein.

CHANGELOG.de.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## [0.9.21] – 2026-06-14
+
+### Behoben
+- **Kamera-Stream auf Android (Chrome / Firefox) nicht sichtbar.** Android-Browser
+  unterstützen `multipart/x-mixed-replace` (MJPEG) nicht. Die UI erkennt Android
+  jetzt automatisch und fällt auf Snapshot-Polling mit 5 fps zurück
+  (`/api/camera/snapshot` alle 200 ms) — keine Server-Änderung nötig.
+
+### Geändert
+- Docker-Image auf **Debian 12 (Bookworm)** gepinnt (`python:3.11-slim-bookworm`),
+  um Kompatibilitätsprobleme mit glibc 2.41 zu vermeiden, die das aktuell von
+  `python:3.11-slim` gezogene Debian 13 Basis-Image mitbringt.
+- MQTT- und HTTP-Verbindungen erzwingen jetzt **IPv4** (`AF_INET`), um
+  Verbindungsfehler auf Hosts zu verhindern, bei denen der Drucker nur über IPv4
+  erreichbar ist, das OS aber IPv6 bevorzugt.
+- Extruder-Stub in der Moonraker-`configfile`-Antwort enthält jetzt `sensor_type`
+  und `filament_diameter` — behebt einen Mobileraker-Absturz
+  (`Null is not a subtype of Object`, Issue #48).
+
 ## [0.9.20] – 2026-06-08
 
 ### Neu

CHANGELOG.md

@@ -1,5 +1,62 @@
 # Changelog
 
+## [0.9.22] – 2026-06-16
+
+### New
+- **Restructured Settings panel.** The settings modal has been replaced by a
+  persistent Master-Detail panel with five categories: Connection, Printer,
+  Appearance, Filament, and System. Poll interval is now adjustable live.
+- **Vendor visibility filter (issue #41).** A new checklist in the Filament
+  settings lets you restrict the slot profile dropdown to specific manufacturers.
+  "Generic" and your own imported profiles are always visible. The list updates
+  automatically after a profile import.
+- **Idle file actions in the progress card (issue #55).** After uploading a file
+  while the printer is idle, three quick-action buttons appear directly in the
+  progress card: ▶ Print, ⚙ Map Slots, and ✕ Clear — matching the file browser
+  workflow without navigating away.
+
+### Fixed
+- **Mobileraker: app crashed with `Null is not a subtype of Object` in
+  `ConfigExtruder.fromJson` (issue #48).** `configfile.config` was returned as
+  an empty object `{}`. Mobileraker parses both `configfile.settings` and
+  `configfile.config` through the same strict Dart parser — both are now
+  populated with the same extruder/bed/stepper stub.
+- **Mobileraker: app hung indefinitely on refresh (issue #48).** The WebSocket
+  `server.files.metadata` handler called a non-existent store method
+  (`get_file_by_filename`), always returning empty metadata. Mobileraker retried
+  this thousands of times per second. Both the HTTP and WS paths now share a
+  single `_build_file_metadata()` method.
+- **Mobileraker: ETA / remaining time not shown (issue #48).** A side effect of
+  the metadata loop fix — once `currentFile` resolves, Mobileraker can calculate
+  ETA from `estimated_time`.
+- **Mobileraker: `notify_status_update` triggered repeated `ConfigFile.parse`
+  (issue #48).** Static objects (`configfile`, `webhooks`, `heaters`, `history`)
+  were included in every live status push. They are now filtered out; only live
+  telemetry is broadcast.
+- `motion_report` (`live_position`, `live_velocity`) added to printer objects
+  for Mobileraker motion display.
+- Saving filament slot profiles no longer silently drops the `visible_vendors`
+  setting from `config.ini`.
+
+## [0.9.21] – 2026-06-14
+
+### Fixed
+- **Camera stream not visible on Android (Chrome / Firefox).** Android
+  browsers do not support `multipart/x-mixed-replace` (MJPEG). The UI
+  now detects Android and falls back to snapshot-polling at 5 fps
+  (`/api/camera/snapshot` every 200 ms) — no server-side change needed.
+
+### Changed
+- Docker image now pinned to **Debian 12 (Bookworm)** (`python:3.11-slim-bookworm`)
+  to avoid glibc 2.41 compatibility issues introduced by the Debian 13
+  base image that `python:3.11-slim` recently started pulling.
+- MQTT and HTTP connections now **force IPv4** (`AF_INET`) to prevent
+  connection failures on hosts where the printer is only reachable via
+  IPv4 but the OS prefers IPv6.
+- Extruder stub in the Moonraker `configfile` response now includes
+  `sensor_type` and `filament_diameter` — fixes a Mobileraker crash
+  (`Null is not a subtype of Object`, issue #48).
+
 ## [0.9.20] – 2026-06-08
 
 ### New

Dockerfile

@@ -1,4 +1,4 @@
-FROM python:3.11-slim
+FROM python:3.11-slim-bookworm
 
 WORKDIR /app
 

VERSION

@@ -1 +1 @@
-0.9.20
+0.9.22

config_loader.py

@@ -227,10 +227,17 @@ def save_filament_profiles(profiles: dict[int, dict]) -> bool:
         return False
     cfg = configparser.ConfigParser()
     cfg.read(path, encoding="utf-8")
+    # visible_vendors (Issue #41) ist kein Slot-Mapping — beim Ersetzen der
+    # Sektion erhalten, sonst geht der Vendor-Filter beim Slot-Save verloren.
+    preserved_vendors = None
+    if cfg.has_option("filament_profiles", "visible_vendors"):
+        preserved_vendors = cfg.get("filament_profiles", "visible_vendors")
     if cfg.has_section("filament_profiles"):
         cfg.remove_section("filament_profiles")
-    if profiles:
+    if profiles or preserved_vendors:
         cfg["filament_profiles"] = {}
+        if preserved_vendors:
+            cfg["filament_profiles"]["visible_vendors"] = preserved_vendors
         for slot_idx in sorted(profiles.keys()):
             entry = profiles[slot_idx] or {}
             if entry.get("vendor"):
@@ -244,6 +251,43 @@ def save_filament_profiles(profiles: dict[int, dict]) -> bool:
     return True
 
 
+def list_visible_vendors() -> list[str]:
+    """Liest [filament_profiles] visible_vendors (komma-separiert) aus config.ini.
+
+    Vendor-Sichtbarkeitsfilter für das Slot-Profil-Dropdown (Issue #41 Option A).
+    Leere Liste = keine Einschränkung (rückwärtskompatibel: alle Vendoren).
+    """
+    path = _find_config_file()
+    if not path:
+        return []
+    cfg = configparser.ConfigParser()
+    cfg.read(path, encoding="utf-8")
+    if not cfg.has_option("filament_profiles", "visible_vendors"):
+        return []
+    raw = cfg.get("filament_profiles", "visible_vendors")
+    return [v.strip() for v in raw.split(",") if v.strip()]
+
+
+def save_visible_vendors(vendors: list[str]) -> bool:
+    """Schreibt visible_vendors in [filament_profiles], ohne die Slot-Mappings
+    (slot_N_*) zu verlieren. Leere Liste entfernt den Key wieder."""
+    path = _find_config_file()
+    if not path:
+        return False
+    cfg = configparser.ConfigParser()
+    cfg.read(path, encoding="utf-8")
+    if not cfg.has_section("filament_profiles"):
+        cfg.add_section("filament_profiles")
+    clean = [v.strip() for v in (vendors or []) if v and v.strip()]
+    if clean:
+        cfg["filament_profiles"]["visible_vendors"] = ", ".join(clean)
+    elif cfg.has_option("filament_profiles", "visible_vendors"):
+        cfg.remove_option("filament_profiles", "visible_vendors")
+    with open(path, "w", encoding="utf-8") as f:
+        cfg.write(f)
+    return True
+
+
 def get(key: str, default: str = "") -> str:
     return os.environ.get(key, default)
 

docker-compose.portainer.yml

@@ -0,0 +1,29 @@
+# KX-Bridge — Portainer Stack
+#
+# Paste this into Portainer → Stacks → Add stack → Web editor
+#
+# No configuration needed upfront — just deploy, open http://HOST-IP:7125
+# and add your printer via the UI (IP only, credentials are fetched automatically).
+#
+# All data (config, GCode store, database) is stored in named Docker volumes
+# managed by Portainer.
+
+services:
+  kx-bridge:
+    image: gitea.it-drui.de/viewit/kx-bridge:latest
+    volumes:
+      - kx-bridge-config:/app/config
+      - kx-bridge-data:/app/data
+    ports:
+      # Port 7125 = first printer. Add 7126, 7127, … for each additional printer.
+      - "7125:7125"
+    restart: unless-stopped
+    logging:
+      driver: json-file
+      options:
+        max-size: "10m"
+        max-file: "3"
+
+volumes:
+  kx-bridge-config:
+  kx-bridge-data:

docs/filament-preset-bridge-guide.md

@@ -0,0 +1,344 @@
+# Eigene Filament-Presets anlegen, prüfen und mit KX-Bridge verknüpfen
+
+> **Gilt für:** OrcaSlicer-KX v2.4.0-alpha-kx2 oder neuer
+
+---
+
+## Was ist die `filament_id` und warum ist sie wichtig?
+
+Jedes Filament-Preset in OrcaSlicer hat eine interne `filament_id`. Diese ID wird von der KX-Bridge genutzt, um beim AMS-Sync das richtige Preset zuzuordnen.
+
+- System-Presets (z.B. "Polymaker PolyTerra PLA") haben eine feste ID wie `GFL99` oder `OGFL04`.
+- **Eigene (User-)Presets** bekommen in OrcaSlicer-KX automatisch eine eindeutige ID, die mit `P` beginnt (z.B. `P3a7f2c1`).
+
+Ohne eindeutige ID zeigt OrcaSlicer beim Sync immer "Generic PLA" — auch wenn das Preset existiert.
+
+---
+
+## 1. Eigenes Filament-Preset anlegen
+
+1. OrcaSlicer-KX starten
+2. Rechts oben im **Filament-Dropdown** ein passendes Basis-Preset wählen (z.B. "Generic PLA" oder ein Hersteller-Preset)
+3. Einstellungen nach Wunsch anpassen (Temperaturen, Kühlung, etc.)
+4. Auf das **Speichern-Symbol** (Diskette) klicken → **"Save as new preset"**
+5. Namen eingeben — z.B. `SUNLU PLA+ 2.0`
+   > Der Name muss später exakt so in der Bridge eingetragen werden.
+6. Drucker auswählen: **Anycubic Kobra X 0.4 nozzle** — wichtig für die Kompatibilität!
+7. **Speichern** klicken
+8. OrcaSlicer **einmal neu starten** — erst dann wird die `filament_id` dauerhaft gespeichert.
+
+---
+
+## 2. Eindeutige ID prüfen
+
+Nach dem Neustart prüfen, ob die ID korrekt gesetzt wurde:
+
+**Windows:**
+```
+%APPDATA%\OrcaSlicer\user\default\filament\SUNLU PLA+ 2.0.json
+```
+
+**Linux:**
+```
+~/.config/OrcaSlicer/user/default/filament/SUNLU PLA+ 2.0.json
+```
+
+Die Datei öffnen und nach `filament_id` suchen:
+
+```json
+{
+  "filament_id": "P3a7f2c1",
+  ...
+}
+```
+
+✅ Korrekt: ID beginnt mit `P` gefolgt von 7 Hex-Zeichen  
+❌ Fehlt oder leer: OrcaSlicer-KX zu alt — Update auf v2.4.0-alpha-kx2 oder neuer
+
+---
+
+## 3. Preset auf einen anderen PC übertragen (Import)
+
+### Exportieren (Quell-PC)
+
+Die Preset-Datei einfach kopieren:
+
+**Windows:**
+```
+%APPDATA%\OrcaSlicer\user\default\filament\SUNLU PLA+ 2.0.json
+```
+
+**Linux:**
+```
+~/.config/OrcaSlicer/user/default/filament/SUNLU PLA+ 2.0.json
+```
+
+### Importieren (Ziel-PC)
+
+**Methode A — Datei direkt kopieren:**
+1. Die `.json`-Datei in das gleiche Verzeichnis auf dem Ziel-PC kopieren
+2. OrcaSlicer neu starten → Preset erscheint im Dropdown
+
+**Methode B — OrcaSlicer Import-Funktion:**
+1. In OrcaSlicer: **File → Import → Import Configs...**
+2. Die `.json`-Datei auswählen
+3. OrcaSlicer neu starten
+
+> **Wichtig:** Die `filament_id` in der Datei bleibt erhalten — das Preset wird auf dem Ziel-PC genauso erkannt wie auf dem Quell-PC.
+
+---
+
+## 4. Preset in KX-Bridge verknüpfen
+
+1. KX-Bridge UI öffnen
+2. **Filament-Verwaltung** → AMS-Slot auswählen
+3. Im Feld **Filament-Name** exakt den OrcaSlicer-Preset-Namen eintragen:
+   ```
+   SUNLU PLA+ 2.0
+   ```
+4. Speichern
+
+Die Bridge sendet beim Sync `filament_name: "SUNLU PLA+ 2.0"` → OrcaSlicer findet das Preset anhand von Name und `filament_id` → zeigt es korrekt an.
+
+---
+
+## Wichtige Hinweise
+
+| Was | Warum |
+|-----|-------|
+| Name in OrcaSlicer und Bridge müssen **exakt** übereinstimmen | Groß-/Kleinschreibung und Sonderzeichen werden verglichen |
+| Preset muss für **Anycubic Kobra X 0.4 nozzle** kompatibel sein | Beim Speichern den richtigen Drucker auswählen |
+| Nach dem ersten Speichern OrcaSlicer **neu starten** | Erst dann wird die `filament_id` persistent geschrieben |
+| **OrcaSlicer-KX v2.4.0-alpha-kx2** oder neuer verwenden | Ältere Versionen generieren keine eindeutige `filament_id` für User-Presets |
+
+---
+---
+
+# How to Create, Verify and Import Custom Filament Presets for KX-Bridge
+
+> **Requires:** OrcaSlicer-KX v2.4.0-alpha-kx2 or newer
+
+---
+
+## What is the `filament_id` and why does it matter?
+
+Every filament preset in OrcaSlicer has an internal `filament_id`. The KX-Bridge uses this ID to match the correct preset during AMS sync.
+
+- System presets (e.g. "Polymaker PolyTerra PLA") have a fixed ID like `GFL99` or `OGFL04`.
+- **Custom (user) presets** automatically receive a unique ID starting with `P` (e.g. `P3a7f2c1`) in OrcaSlicer-KX.
+
+Without a unique ID, OrcaSlicer will always show "Generic PLA" during sync — even if the preset exists.
+
+---
+
+## 1. Create a Custom Filament Preset
+
+1. Launch OrcaSlicer-KX
+2. Select a suitable base preset from the **filament dropdown** (e.g. "Generic PLA" or a vendor preset)
+3. Adjust settings as needed (temperatures, cooling, etc.)
+4. Click the **save icon** (floppy disk) → **"Save as new preset"**
+5. Enter a name — e.g. `SUNLU PLA+ 2.0`
+   > This name must be entered in the bridge exactly as typed here.
+6. Select printer: **Anycubic Kobra X 0.4 nozzle** — required for compatibility!
+7. Click **Save**
+8. **Restart OrcaSlicer once** — the `filament_id` is only written permanently after a restart.
+
+---
+
+## 2. Verify the Unique ID
+
+After restarting, check that the ID was set correctly:
+
+**Windows:**
+```
+%APPDATA%\OrcaSlicer\user\default\filament\SUNLU PLA+ 2.0.json
+```
+
+**Linux:**
+```
+~/.config/OrcaSlicer/user/default/filament/SUNLU PLA+ 2.0.json
+```
+
+Open the file and look for `filament_id`:
+
+```json
+{
+  "filament_id": "P3a7f2c1",
+  ...
+}
+```
+
+✅ Correct: ID starts with `P` followed by 7 hex characters  
+❌ Missing or empty: Your OrcaSlicer-KX version is too old — update to v2.4.0-alpha-kx2 or newer
+
+---
+
+## 3. Transfer a Preset to Another PC (Import)
+
+### Export (source PC)
+
+Simply copy the preset file:
+
+**Windows:**
+```
+%APPDATA%\OrcaSlicer\user\default\filament\SUNLU PLA+ 2.0.json
+```
+
+**Linux:**
+```
+~/.config/OrcaSlicer/user/default/filament/SUNLU PLA+ 2.0.json
+```
+
+### Import (target PC)
+
+**Method A — Copy file directly:**
+1. Copy the `.json` file to the same directory on the target PC
+2. Restart OrcaSlicer → preset appears in the dropdown
+
+**Method B — OrcaSlicer import function:**
+1. In OrcaSlicer: **File → Import → Import Configs...**
+2. Select the `.json` file
+3. Restart OrcaSlicer
+
+> **Note:** The `filament_id` inside the file is preserved — the preset will be recognized on the target PC exactly as on the source PC.
+
+---
+
+## 4. Link the Preset in KX-Bridge
+
+1. Open the KX-Bridge UI
+2. Go to **Filament Management** → select the AMS slot
+3. In the **Filament Name** field, enter the OrcaSlicer preset name exactly:
+   ```
+   SUNLU PLA+ 2.0
+   ```
+4. Save
+
+The bridge sends `filament_name: "SUNLU PLA+ 2.0"` during sync → OrcaSlicer matches by name and `filament_id` → displays the preset correctly.
+
+---
+
+## Quick Reference
+
+| What | Why |
+|------|-----|
+| Name in OrcaSlicer and Bridge must match **exactly** | Case and special characters are compared |
+| Preset must be compatible with **Anycubic Kobra X 0.4 nozzle** | Select the correct printer when saving |
+| **Restart OrcaSlicer** after saving for the first time | The `filament_id` is only written persistently after a restart |
+| Use **OrcaSlicer-KX v2.4.0-alpha-kx2** or newer | Older versions do not generate a unique `filament_id` for user presets |
+
+---
+---
+
+# Cómo crear, verificar e importar perfiles de filamento personalizados para KX-Bridge
+
+> **Requiere:** OrcaSlicer-KX v2.4.0-alpha-kx2 o superior
+
+---
+
+## ¿Qué es el `filament_id` y por qué es importante?
+
+Cada perfil de filamento en OrcaSlicer tiene un `filament_id` interno. KX-Bridge usa este ID para asignar el perfil correcto durante la sincronización AMS.
+
+- Los perfiles del sistema (p. ej. "Polymaker PolyTerra PLA") tienen un ID fijo como `GFL99` o `OGFL04`.
+- Los **perfiles personalizados (usuario)** reciben automáticamente un ID único que empieza por `P` (p. ej. `P3a7f2c1`) en OrcaSlicer-KX.
+
+Sin un ID único, OrcaSlicer mostrará siempre "Generic PLA" durante la sincronización, aunque el perfil exista.
+
+---
+
+## 1. Crear un perfil de filamento personalizado
+
+1. Iniciar OrcaSlicer-KX
+2. Seleccionar un perfil base adecuado en el **menú desplegable de filamento** (p. ej. "Generic PLA" o un perfil de fabricante)
+3. Ajustar la configuración según sea necesario (temperaturas, refrigeración, etc.)
+4. Hacer clic en el **icono de guardar** (disquete) → **"Save as new preset"**
+5. Introducir un nombre — p. ej. `SUNLU PLA+ 2.0`
+   > Este nombre debe introducirse en la bridge exactamente igual.
+6. Seleccionar impresora: **Anycubic Kobra X 0.4 nozzle** — ¡necesario para la compatibilidad!
+7. Hacer clic en **Guardar**
+8. **Reiniciar OrcaSlicer una vez** — el `filament_id` solo se escribe de forma permanente tras un reinicio.
+
+---
+
+## 2. Verificar el ID único
+
+Tras reiniciar, comprobar que el ID se ha establecido correctamente:
+
+**Windows:**
+```
+%APPDATA%\OrcaSlicer\user\default\filament\SUNLU PLA+ 2.0.json
+```
+
+**Linux:**
+```
+~/.config/OrcaSlicer/user/default/filament/SUNLU PLA+ 2.0.json
+```
+
+Abrir el archivo y buscar `filament_id`:
+
+```json
+{
+  "filament_id": "P3a7f2c1",
+  ...
+}
+```
+
+✅ Correcto: el ID empieza por `P` seguido de 7 caracteres hexadecimales  
+❌ Falta o está vacío: la versión de OrcaSlicer-KX es demasiado antigua — actualizar a v2.4.0-alpha-kx2 o superior
+
+---
+
+## 3. Transferir un perfil a otro PC (importar)
+
+### Exportar (PC de origen)
+
+Simplemente copiar el archivo del perfil:
+
+**Windows:**
+```
+%APPDATA%\OrcaSlicer\user\default\filament\SUNLU PLA+ 2.0.json
+```
+
+**Linux:**
+```
+~/.config/OrcaSlicer/user/default/filament/SUNLU PLA+ 2.0.json
+```
+
+### Importar (PC de destino)
+
+**Método A — Copiar el archivo directamente:**
+1. Copiar el archivo `.json` al mismo directorio en el PC de destino
+2. Reiniciar OrcaSlicer → el perfil aparece en el menú desplegable
+
+**Método B — Función de importación de OrcaSlicer:**
+1. En OrcaSlicer: **File → Import → Import Configs...**
+2. Seleccionar el archivo `.json`
+3. Reiniciar OrcaSlicer
+
+> **Nota:** El `filament_id` dentro del archivo se conserva — el perfil se reconocerá en el PC de destino exactamente igual que en el de origen.
+
+---
+
+## 4. Vincular el perfil en KX-Bridge
+
+1. Abrir la interfaz de KX-Bridge
+2. Ir a **Gestión de filamentos** → seleccionar la ranura AMS
+3. En el campo **Nombre de filamento**, introducir el nombre exacto del perfil de OrcaSlicer:
+   ```
+   SUNLU PLA+ 2.0
+   ```
+4. Guardar
+
+La bridge envía `filament_name: "SUNLU PLA+ 2.0"` durante la sincronización → OrcaSlicer busca por nombre y `filament_id` → muestra el perfil correctamente.
+
+---
+
+## Referencia rápida
+
+| Qué | Por qué |
+|-----|---------|
+| El nombre en OrcaSlicer y en Bridge debe coincidir **exactamente** | Se comparan mayúsculas, minúsculas y caracteres especiales |
+| El perfil debe ser compatible con **Anycubic Kobra X 0.4 nozzle** | Seleccionar la impresora correcta al guardar |
+| **Reiniciar OrcaSlicer** tras guardar por primera vez | El `filament_id` solo se escribe de forma permanente tras un reinicio |
+| Usar **OrcaSlicer-KX v2.4.0-alpha-kx2** o superior | Las versiones anteriores no generan un `filament_id` único para perfiles de usuario |

kobrax_client.py

@@ -167,7 +167,8 @@ class KobraXClient:
         ctx.set_ciphers("DEFAULT:@SECLEVEL=0")
         ctx.load_cert_chain(CERT_FILE, KEY_FILE)
 
-        raw        = socket.create_connection((self.host, self.port), timeout=5)
+        _ai        = socket.getaddrinfo(self.host, self.port, socket.AF_INET, socket.SOCK_STREAM)
+        raw        = socket.create_connection(_ai[0][4], timeout=5)
         self._sock = ctx.wrap_socket(raw)
         log.info("TLS connected  cipher=%s", self._sock.cipher()[0])
 
@@ -596,7 +597,8 @@ class KobraXClient:
         # langsamerem WLAN am Drucker dauert das Schieben sonst >30 s und
         # würde den Connect-Timeout fälschlich auslösen. Read-Timeout danach
         # generös (Drucker verarbeitet die Datei bevor er antwortet).
-        sock = socket.create_connection((self.host, 18910), timeout=10)
+        _ai  = socket.getaddrinfo(self.host, 18910, socket.AF_INET, socket.SOCK_STREAM)
+        sock = socket.create_connection(_ai[0][4], timeout=10)
         sock.settimeout(None)  # blocking während Send
         sock.sendall(headers + body)
         sock.settimeout(180)

kobrax_moonraker_bridge.py

@@ -34,6 +34,7 @@ except ImportError:
     import env_loader
 import asyncio
 import hashlib
+import copy
 import json
 import logging
 import os
@@ -751,6 +752,13 @@ class KobraXBridge:
             self._filament_profiles: dict[int, dict] = _cl.list_filament_profiles()
         except Exception:
             self._filament_profiles = {}
+        # Vendor-Sichtbarkeitsfilter fürs Slot-Profil-Dropdown (Issue #41 Option A).
+        # Leere Liste = alle Vendoren sichtbar (rückwärtskompatibel).
+        try:
+            import config_loader as _cl
+            self._visible_vendors: list[str] = _cl.list_visible_vendors()
+        except Exception:
+            self._visible_vendors = []
         self._last_state: dict = {}
         self._state = {
           "nozzle_temp":        0.0,
@@ -1694,13 +1702,22 @@ class KobraXBridge:
     # WebSocket push
     # -------------------------------------------------------------------------
 
+    # Statische Objekte, die sich zur Laufzeit nie ändern. Sie werden einmalig
+    # per objects.query/subscribe ausgeliefert, aber NICHT in jedem
+    # notify_status_update mitgeschickt — sonst läuft Mobilerakers
+    # ConfigFile.parse (teuer + strikt) bei jedem Status-Tick erneut und die App
+    # hängt/crasht beim Refresh (Issue #48).
+    _STATIC_STATUS_OBJECTS = ("configfile", "webhooks", "heaters", "history")
+
     def _push_status_update(self):
         if not self.ws_clients:
             return
+        objs = self._build_printer_objects()
+        live = {k: v for k, v in objs.items() if k not in self._STATIC_STATUS_OBJECTS}
         msg = {
             "jsonrpc": "2.0",
             "method":  "notify_status_update",
-            "params": [self._build_printer_objects(), time.time()],
+            "params": [live, time.time()],
         }
         text = json.dumps(msg)
         dead = set()
@@ -1858,6 +1875,17 @@ class KobraXBridge:
                 "homing_origin":  [0, 0, 0, 0],
                 "position":       [0, 0, self._estimate_current_z(), 0],
             },
+            # motion_report: Mobileraker liest die Live-Geschwindigkeit hier
+            # (live_velocity). Der Kobra-X-MQTT liefert KEINE echte mm/s, nur
+            # einen print_speed_mode (1-4). live_velocity bleibt daher 0 — das
+            # Objekt muss aber existieren, sonst zeigt Mobileraker nichts an
+            # (motion_report war zuvor null). live_position spiegelt die
+            # geschätzte Z-Höhe (wie gcode_move).
+            "motion_report": {
+                "live_position":          [0, 0, self._estimate_current_z(), 0],
+                "live_velocity":          0.0,
+                "live_extruder_velocity": 0.0,
+            },
             "fan": {
                 "speed": (int(s.get("fan_speed") or 0)) / 100.0,
                 "rpm":   None,
@@ -1894,38 +1922,78 @@ class KobraXBridge:
             # configfile stub — Mobileraker und andere Clients crashen ohne
             # dieses Objekt (Missing field: configFile). Werte aus der
             # entschlüsselten avata_main.conf (ACCFG1.0 — Kobra X Firmware).
-            "configfile": {
-                "config": {},
-                "settings": {
-                    "printer": {
-                        "kinematics":              "cartesian",
-                        "max_velocity":            450,
-                        "max_accel":               10000,
-                        "max_z_velocity":          12,
-                        "max_z_accel":             100,
-                        "square_corner_velocity":  20.0,
-                    },
-                    "extruder": {
-                        "nozzle_diameter":  0.4,
-                        "min_temp":         0,
-                        "max_temp":         320,
-                        "min_extrude_temp": 10,
-                    },
-                    "heater_bed": {
-                        "min_temp": 0,
-                        "max_temp": 120,
-                    },
-                    "stepper_x": {"position_min": -18.5, "position_max": 280},
-                    "stepper_y": {"position_min": -6.5,  "position_max": 272.5},
-                    "stepper_z": {"position_min": -4,    "position_max": 262},
-                    "virtual_sdcard": {"path": "/data/gcodes"},
-                    "pause_resume":   {},
-                    "display_status": {},
-                },
-                "warnings": [],
-                "save_config_pending": False,
-                "save_config_pending_items": {},
+            # Mobileraker (Issue #48) parst BEIDE Zweige config + settings durch
+            # denselben ConfigFile.parse → ConfigExtruder.fromJson; ein leeres
+            # config:{} ließ den nicht-nullbaren Dart-Parser crashen. Daher wird
+            # config identisch zu settings gespiegelt.
+            "configfile": self._klipper_configfile_stub(),
+        }
+
+    def _klipper_configfile_stub(self) -> dict:
+        """Minimaler Klipper-configfile-Stub für Mobileraker/OctoApp (Issue #48).
+
+        Mobileraker parst BEIDE Zweige `config` und `settings` durch denselben
+        ConfigFile.parse → ConfigExtruder.fromJson. Ein leeres `config: {}`
+        ließ den nicht-nullbaren Dart-Parser crashen, daher wird `config`
+        identisch zu `settings` gespiegelt. Werte aus der entschlüsselten
+        avata_main.conf (ACCFG1.0 — Kobra X Firmware).
+        """
+        settings = {
+            "printer": {
+                "kinematics":              "cartesian",
+                "max_velocity":            450,
+                "max_accel":               10000,
+                "max_z_velocity":          12,
+                "max_z_accel":             100,
+                "square_corner_velocity":  20.0,
             },
+            "extruder": {
+                "nozzle_diameter":    0.4,
+                "filament_diameter":  1.75,
+                "sensor_type":        "ATC Semitec 104GT-2",
+                "min_temp":           0,
+                "max_temp":           320,
+                "min_extrude_temp":   10,
+                # Mobileraker ConfigExtruder erwartet diese Felder non-nullable
+                # (max_extrude_only_distance, max_power) bzw. als Key präsent
+                # (max_extrude_only_velocity/accel dürfen null sein). Fehlen =
+                # Crash in ConfigExtruder.fromJson (Issue #48).
+                "max_extrude_only_distance": 100.0,
+                "max_power":                 1.0,
+                "max_extrude_only_velocity": None,
+                "max_extrude_only_accel":    None,
+            },
+            "heater_bed": {
+                # Mobileraker ConfigHeaterBed: heater_pin, sensor_type, control
+                # sind non-nullable. Werte sind Platzhalter (Bridge kennt die
+                # echten Pins nicht — Anycubic-Firmware, kein Klipper-printer.cfg).
+                "heater_pin":  "PA0",
+                "sensor_type": "ATC Semitec 104GT-2",
+                "control":     "pid",
+                "min_temp":    0,
+                "max_temp":    120,
+            },
+            # stepper_* mit non-nullable Pflichtfeldern (step_pin, dir_pin,
+            # rotation_distance) füllen, sonst crasht ConfigStepper.fromJson.
+            "stepper_x": {"step_pin": "PA1", "dir_pin": "PA2", "rotation_distance": 40,
+                          "position_min": -18.5, "position_max": 280},
+            "stepper_y": {"step_pin": "PA3", "dir_pin": "PA4", "rotation_distance": 40,
+                          "position_min": -6.5,  "position_max": 272.5},
+            "stepper_z": {"step_pin": "PA5", "dir_pin": "PA6", "rotation_distance": 8,
+                          "position_min": -4,    "position_max": 262},
+            "virtual_sdcard": {"path": "/data/gcodes"},
+            "pause_resume":   {},
+            "display_status": {},
+        }
+        # config + settings müssen dieselben Felder enthalten — Mobileraker
+        # parst beide. deepcopy, damit kein Client durch geteilte Referenz
+        # versehentlich beide Zweige mutiert.
+        return {
+            "config":   copy.deepcopy(settings),
+            "settings": settings,
+            "warnings": [],
+            "save_config_pending": False,
+            "save_config_pending_items": {},
         }
 
     # -------------------------------------------------------------------------
@@ -2245,6 +2313,31 @@ class KobraXBridge:
                                 "name":   entry.get("name", ""),
                                 "id":     entry.get("id", "")})
 
+    async def handle_kx_visible_vendors(self, request):
+        """GET/POST /kx/filament/visible_vendors — Vendor-Sichtbarkeitsfilter
+        fürs Slot-Profil-Dropdown (Issue #41 Option A).
+
+        GET  → {"result": ["Polymaker", "eSUN", ...]}
+        POST {"vendors": [...]} → speichert in config.ini [filament_profiles]
+             visible_vendors. Leere Liste = alle sichtbar. KEIN Bridge-Neustart
+             nötig (nur Anzeigefilter)."""
+        if request.method == "POST":
+            try:
+                data = await request.json()
+            except Exception:
+                data = {}
+            vendors = data.get("vendors") or []
+            if not isinstance(vendors, list):
+                return self._json_cors({"error": "vendors must be a list"}, status=400)
+            self._visible_vendors = [str(v).strip() for v in vendors if str(v).strip()]
+            try:
+                import config_loader as _cl
+                _cl.save_visible_vendors(self._visible_vendors)
+            except Exception as e:
+                log.warning(f"save_visible_vendors failed: {e}")
+                return self._json_cors({"error": str(e)}, status=500)
+        return self._json_cors({"result": self._visible_vendors})
+
     def _load_orca_filaments(self) -> list[dict]:
         """Lädt System- + User-Profile aus dem Cache. System-Profile kommen
         aus bridge/data/orca_filaments.json (Image-embedded), User-Profile
@@ -2589,18 +2682,16 @@ class KobraXBridge:
             })
         return web.json_response({"result": files})
 
-    async def handle_files_metadata(self, request):
-        """Moonraker /server/files/metadata — moonraker-obico-Plugin holt das
-        einmal pro Druck und liest daraus `object_height` (für `currentZ`-
-        Anzeige im Obico-UI: `mmProgress` braucht maxZ), `layer_count`,
-        `layer_height` und `first_layer_height` (für die Layer-Berechnung).
+    def _build_file_metadata(self, filename: str) -> dict:
+        """Baut die Moonraker-file-metadata für eine Datei. Gemeinsame Quelle
+        für HTTP /server/files/metadata UND den WS-RPC server.files.metadata
+        (vorher hatte der WS-Pfad eigene, kaputte Logik mit einer nicht
+        existierenden Store-Methode → leere Antwort → Mobileraker fragte in
+        Endlosschleife, App hing beim Refresh, Issue #48).
 
-        Quelle: aktueller `_state` + GCode-Store-Eintrag wenn vorhanden.
-        Wenn Layer-Heights weder im State noch im Store sind, Fallback auf die
-        OrcaSlicer-Default-Filename-Heuristik (`_layer_height_from_filename`)."""
-        filename = request.rel_url.query.get("filename", "") or self._state.get("filename", "")
-        if not filename:
-            return web.json_response({"result": {}})
+        Liefert Mobileraker-kompatible Pflichtfelder: `filename`, `size`,
+        `modified` sind in GCodeFile non-nullable; `print_start_time` und die
+        Slicer-Felder optional."""
         s = self._state
         layer_h = float(s.get("layer_height") or 0.0)
         first_h = float(s.get("first_layer_height") or 0.0)
@@ -2624,16 +2715,27 @@ class KobraXBridge:
             if layer_h and not first_h:
                 first_h = layer_h
         object_height = round(first_h + max(0, total_layers - 1) * layer_h, 3) if (layer_h and total_layers) else 0.0
-        return web.json_response({"result": {
+        return {
             "filename":           filename,
-            "size":               size_bytes,
+            # GCodeFile (Mobileraker) verlangt size als non-nullable int.
+            "size":               size_bytes or 1,
             "modified":           time.time(),
             "estimated_time":     est_time or None,
             "layer_height":       layer_h or None,
             "first_layer_height": first_h or None,
             "layer_count":        total_layers or None,
             "object_height":      object_height or None,
-        }})
+            "thumbnails":         [],
+        }
+
+    async def handle_files_metadata(self, request):
+        """Moonraker /server/files/metadata — moonraker-obico + Mobileraker
+        holen Datei-Metadaten (Slicer-Zeit, Layer, object_height).
+        Logik in _build_file_metadata (gemeinsam mit WS-RPC)."""
+        filename = request.rel_url.query.get("filename", "") or self._state.get("filename", "")
+        if not filename:
+            return web.json_response({"result": {}})
+        return web.json_response({"result": self._build_file_metadata(filename)})
 
     # ── Moonraker-Stubs für moonraker-obico ──────────────────────────────────
     async def handle_access_api_key(self, request):
@@ -3795,6 +3897,9 @@ class KobraXBridge:
             "auto_leveling":    getattr(self._args, "auto_leveling", 1),
             "camera_on_print":  getattr(self._args, "camera_on_print", 0),
             "web_upload_warning": getattr(self._args, "web_upload_warning", 1),
+            "poll_interval":    getattr(self._args, "poll_interval", 3),
+            "filament_profiles": {str(k): v for k, v in self._filament_profiles.items()},
+            "visible_vendors":  self._visible_vendors,
             "ace_dry_presets":  self._ace_dry_presets,
         })
 
@@ -3825,7 +3930,13 @@ class KobraXBridge:
         cfg.set("print",      "auto_leveling",    str(data.get("auto_leveling",    getattr(self._args, "auto_leveling",    1))))
         cfg.set("print",      "camera_on_print",  str(int(bool(data.get("camera_on_print", getattr(self._args, "camera_on_print", 0))))))
         cfg.set("print",      "web_upload_warning", str(int(bool(data.get("web_upload_warning", getattr(self._args, "web_upload_warning", 1))))))
-        if not cfg.has_option("bridge", "poll_interval"):
+        if "poll_interval" in data:
+            try:
+                pi = max(1, min(60, int(data["poll_interval"])))
+            except (TypeError, ValueError):
+                pi = 3
+            cfg.set("bridge", "poll_interval", str(pi))
+        elif not cfg.has_option("bridge", "poll_interval"):
             cfg.set("bridge", "poll_interval", "3")
         printer_name = str(data.get("printer_name", "")).strip()
         if printer_name:
@@ -4489,23 +4600,13 @@ class KobraXBridge:
             elif method == "machine.update.status":
                 result = {"busy": False, "version_info": {}}
             elif method == "server.files.metadata":
-                # Obico fragt nach Metadaten zu einer Datei (filename in params)
+                # Obico + Mobileraker fragen Metadaten zu einer Datei. Dieselbe
+                # Logik wie der HTTP-Endpoint (vorher eigener kaputter Pfad mit
+                # nicht existierender Store-Methode → leere Antwort →
+                # Mobileraker-Endlosschleife, Issue #48).
                 fname = (params or {}).get("filename") if isinstance(params, dict) else None
-                meta = {}
-                if fname:
-                    try:
-                        rec = self._store.get_file_by_filename(fname) if hasattr(self._store, "get_file_by_filename") else None
-                    except Exception:
-                        rec = None
-                    if rec:
-                        meta = {
-                            "filename": rec.get("filename"),
-                            "size":     rec.get("size_bytes") or 0,
-                            "modified": time.time(),
-                            "estimated_time": rec.get("est_print_time_sec") or 0,
-                            "thumbnails": [],
-                        }
-                result = meta
+                fname = fname or self._state.get("filename", "")
+                result = self._build_file_metadata(fname) if fname else {}
             else:
                 log.debug(f"Unbekannte RPC-Methode: {method}")
                 result = {}
@@ -4709,6 +4810,8 @@ def build_app(bridge: KobraXBridge) -> web.Application:
     r.add_get("/kx/filament/slots",        bridge.handle_kx_filament_slots)
     r.add_get("/kx/filament/profiles",     bridge.handle_kx_filament_profiles)
     r.add_post("/kx/filament/slots/{idx}/profile", bridge.handle_kx_filament_slot_profile)
+    r.add_get("/kx/filament/visible_vendors",  bridge.handle_kx_visible_vendors)
+    r.add_post("/kx/filament/visible_vendors", bridge.handle_kx_visible_vendors)
     # Custom-Profile-Import (Issue #41) — User lädt eigene Orca-Filament-
     # Profile als ZIP/JSON hoch (z.B. aus ~/.config/OrcaSlicer/user/<id>/filament/),
     # weil die Bridge typischerweise nicht auf demselben Host wie OrcaSlicer läuft.

web/themes/default/app.js

@@ -7,6 +7,8 @@ var S={nozzle_temp:0,nozzle_target:0,bed_temp:0,bed_target:0,
 var tempHistory={n:[],b:[]};
 var camOn=false;
 var camUserStopped=false; // user stopped camera manually — suppress auto-restart for this print
+var _camPollInterval=null; // snapshot-polling interval for Android (no MJPEG support)
+var _lastLoadedFile=null;  // zuletzt geladene/gedruckte Datei für Progress-Karten-Aktionen (Issue #55)
 var currentStep=1;
 var currentPanel='dashboard';
 var aceAutoRefillPrefs=(function(){
@@ -166,6 +168,8 @@ async function setLanguage(lang){
   localStorage.setItem('lang',l);
   var langSel=document.getElementById('lang-select');
   if(langSel)langSel.value=l;
+  var sLangSel=document.getElementById('s-lang-select');
+  if(sLangSel)sLangSel.value=l;
   document.documentElement.setAttribute('lang',l);
   applyLang();
 }
@@ -309,12 +313,26 @@ function applyLang(){
   document.querySelectorAll('.temp-input').forEach(e=>e.setAttribute('placeholder',T.label_target_c.replace(':','')));
   // Console
   setText('ptitle-console',T.panel_console_title);
-  // Settings modal
-  setText('modal-title-settings',T.settings_title);
+  // Settings-Panel
   setText('modal-sec-connection',T.settings_connection);
   setText('modal-sec-print',T.settings_print);
-  setText('modal-sec-poll',T.settings_poll);
   setText('modal-sec-version',T.settings_version);
+  // Nav + Kategorie-Labels (mit Fallback falls i18n-Key noch fehlt)
+  setText('nav-settings',T.nav_settings||'Einstellungen');
+  setText('setcat-lbl-connection',T.settings_connection||'Verbindung');
+  setText('setcat-lbl-printer',T.settings_print||'Drucker');
+  setText('setcat-lbl-display',T.settings_cat_display||'Darstellung');
+  setText('setcat-lbl-display2',T.settings_cat_display||'Darstellung');
+  setText('setcat-lbl-filament',T.settings_cat_filament||'Filament');
+  setText('setcat-lbl-system',T.settings_version||'System');
+  setText('lbl-set-lang',T.settings_cat_language||'Sprache');
+  setText('lbl-set-theme',T.settings_cat_theme||'Hell / Dunkel umschalten');
+  setText('lbl-poll-interval',T.settings_poll||'Poll-Intervall (Sekunden)');
+  setText('lbl-filament-mapping',T.settings_filament_mapping||'Filament-Profil-Mapping (pro Slot)');
+  setText('lbl-filament-mapping-save',T.settings_filament_mapping_save||'Mapping speichern');
+  setText('lbl-visible-vendors',T.settings_visible_vendors||'Sichtbare Hersteller (Profil-Dropdown)');
+  setText('visible-vendors-hint',T.settings_visible_vendors_hint||'Nur diese Hersteller erscheinen im Slot-Profil-Dropdown. Nichts ausgewählt = alle anzeigen. „Generic" und eigene Profile sind immer sichtbar.');
+  setText('lbl-visible-vendors-save',T.settings_visible_vendors_save||'Auswahl speichern');
   // Custom-Profile-Import (Issue #41)
   setText('modal-sec-orca-profiles',T.orca_profile_section);
   setText('orca-profiles-hint',T.orca_profile_hint);
@@ -342,6 +360,10 @@ function applyLang(){
 
   setText('lbl-update-check',T.update_check);
   setText('lbl-update-apply',T.update_apply);
+  // Progress-Karten-Aktionen für geladene/idle Datei (Issue #55)
+  setText('d-idle-print-lbl',T.progress_action_print||'Drucken');
+  setText('d-idle-slots-lbl',T.progress_action_slots||'Slots zuordnen');
+  setText('d-idle-clear-lbl',T.progress_action_clear||'Leeren');
   // Speed buttons
   setText('d-spd-lbl-1',T.speed_silent.replace(/^\S+\s/,''));
   setText('d-spd-lbl-2',T.speed_normal.replace(/^\S+\s/,''));
@@ -461,6 +483,15 @@ function showPanel(id){
   var nb=document.getElementById('nb-'+id);if(nb)nb.classList.add('active');
   var bnb=document.getElementById('bnb-'+id);if(bnb)bnb.classList.add('active');
   currentPanel=id;
+  if(id==='settings')openSettings();
+}
+
+// Settings-Kategorie umschalten (Master-Detail)
+function showSettingsCat(name){
+  document.querySelectorAll('.set-group').forEach(g=>g.classList.remove('active'));
+  document.querySelectorAll('.set-cat').forEach(b=>b.classList.remove('active'));
+  var g=document.getElementById('setgrp-'+name);if(g)g.classList.add('active');
+  var c=document.getElementById('setcat-'+name);if(c)c.classList.add('active');
 }
 
 // ── Console log ──
@@ -618,11 +649,13 @@ function applyState(){
   // connection error banner – nur wenn überhaupt ein Drucker konfiguriert ist
   var banner=document.getElementById('conn-error-banner');
   if(banner){if(s.connection_error&&_printers.length>0){banner.textContent='⚠ '+tr('lbl_conn_error')+' '+s.connection_error;banner.style.display='block';}else{banner.style.display='none';}}
+  var bannerVisible=false;
   var frb=document.getElementById('file-ready-banner');
   if(frb){
     if(s.file_ready&&s.print_state==='standby'){
       document.getElementById('file-ready-name').textContent=s.file_ready;
       frb.style.display='flex';
+      bannerVisible=true;
     }else{frb.style.display='none';}
   }
   // skip-button (mid-print) – nur sichtbar wenn aktuell gedruckt wird
@@ -634,6 +667,25 @@ function applyState(){
   var ctrlBtns=document.getElementById('d-ctrl-btns');
   if(ctrlBtns) ctrlBtns.style.display=printing?'':'none';
   updatePauseResumeBtn();
+  // Zuletzt geladene Datei merken (Issue #55): solange sie über den State
+  // sichtbar ist. Beim Druckende/Abbruch leert die Bridge file_ready+filename
+  // (Issue #29) — die gemerkte Referenz bleibt für die Karten-Aktionen.
+  if(s.file_ready) _lastLoadedFile=s.file_ready;
+  else if(s.filename) _lastLoadedFile=s.filename;
+  // Idle-Aktionen (Drucken/Slots/Leeren) nur wenn nicht gedruckt wird, eine
+  // Datei bekannt ist und der grüne Banner nicht ohnehin schon dieselbe Aktion
+  // anbietet.
+  var idleBtns=document.getElementById('d-idle-btns');
+  if(idleBtns){
+    var showIdle=(!printing && _lastLoadedFile && !bannerVisible);
+    idleBtns.style.display=showIdle?'':'none';
+    if(showIdle){
+      var dfn=document.getElementById('d-fname');
+      if(dfn && (!dfn.textContent || dfn.textContent==='–')){
+        dfn.textContent=_lastLoadedFile;dfn.title=_lastLoadedFile;
+      }
+    }
+  }
 
   // header
   var b=document.getElementById('h-badge');
@@ -895,10 +947,6 @@ function drawChart(id,_,series){
 var _updateTag='';
 var _updateUrl='';
 function openSettings(){
-  // Titel mit aktivem Drucker-Namen aktualisieren
-  var pname=_activePrinter&&_activePrinter.name?_activePrinter.name:null;
-  var title=document.getElementById('modal-title-settings');
-  if(title)title.textContent=T.settings_title+(pname?' – '+pname:'');
   fetch(_apiUrl('/api/settings')).then(function(r){return r.json()}).then(function(d){
     document.getElementById('s-printer-name').value=d.printer_name||'';
     document.getElementById('s-printer-ip').value=d.printer_ip||'';
@@ -911,23 +959,118 @@ function openSettings(){
     document.getElementById('s-auto-leveling').checked=(d.auto_leveling===undefined?true:!!d.auto_leveling);
     var cop=document.getElementById('s-camera-on-print');if(cop)cop.checked=!!d.camera_on_print;
     var wuw=document.getElementById('s-web-upload-warning');if(wuw)wuw.checked=(d.web_upload_warning===undefined?true:!!d.web_upload_warning);
+    // Poll-Intervall (Sekunden) — Backend hat Vorrang vor localStorage
+    var pi=document.getElementById('s-poll-interval');
+    if(pi){
+      var sec=d.poll_interval||Math.round((parseInt(localStorage.getItem('pollInterval')||'2000'))/1000)||3;
+      pi.value=sec;
+    }
+    renderFilamentMapping(d.filament_profiles||{});
   });
-  var v=localStorage.getItem('pollInterval')||'2000';
-  document.querySelectorAll('.poll-btn').forEach(function(b){b.classList.remove('active')});
-  var pb=document.getElementById('poll-'+Math.round(parseInt(v)/1000));
-  if(pb)pb.classList.add('active');
+  // Sprach-Select im Settings-Panel mit aktueller Sprache spiegeln
+  var ls=document.getElementById('s-lang-select');
+  if(ls)ls.value=(localStorage.getItem('lang')||document.documentElement.lang||'de');
   document.getElementById('s-version-label').textContent='v'+('__VERSION__'||'?');
   document.getElementById('update-status').textContent='';
   document.getElementById('btn-update-apply').style.display='none';
   var cl=document.getElementById('update-changelog');if(cl)cl.style.display='none';
   _updateTag='';_updateUrl='';
-  document.getElementById('settings-modal').classList.add('open');
-  // Custom-Profile-Liste laden (Issue #41 — Verwaltung von User-importierten
-  // OrcaSlicer-Filament-Profilen)
+  // Custom-Profile-Liste laden (Issue #41)
   refreshUserProfileList();
+  // Vendor-Sichtbarkeitsfilter (Issue #41 Option A)
+  loadVendorChecklist();
 }
 function closeSettings(){
-  document.getElementById('settings-modal').classList.remove('open');
+  // Panel-Variante: zurück zum Dashboard
+  showPanel('dashboard');
+}
+
+// Poll-Intervall-Feld → Live-Poll sofort übernehmen (Persistenz erst beim Speichern)
+function onPollIntervalInput(){
+  var pi=document.getElementById('s-poll-interval');
+  if(!pi)return;
+  var sec=parseInt(pi.value,10);
+  if(sec>=1&&sec<=60)setPoll(sec*1000);
+}
+
+// ── Filament-Profil-Mapping pro Slot ([filament_profiles]) ──
+function renderFilamentMapping(map){
+  var el=document.getElementById('filament-mapping-list');
+  if(!el)return;
+  var rows='';
+  for(var i=0;i<4;i++){
+    var m=map[i]||map[String(i)]||{};
+    var idHint=m.id?' <span style="color:var(--txt2);font-size:11px">('+m.id+')</span>':'';
+    rows+='<div class="modal-field" style="margin-bottom:8px">'
+      +'<label>Slot '+(i+1)+idHint+'</label>'
+      +'<div style="display:flex;gap:6px;flex-wrap:wrap">'
+      +'<input type="text" id="fmap-'+i+'-vendor" placeholder="Vendor (z.B. Polymaker)" value="'+(m.vendor||'')+'" style="flex:1;min-width:120px">'
+      +'<input type="text" id="fmap-'+i+'-name" placeholder="Name (z.B. PolyTerra PLA)" value="'+(m.name||'')+'" style="flex:1;min-width:140px">'
+      +'</div></div>';
+  }
+  el.innerHTML=rows;
+}
+function saveFilamentMapping(){
+  // Nutzt den per-Slot-Endpoint (vendor,name → ID-Lookup im Backend).
+  // Leere Felder = Mapping entfernen.
+  var chain=Promise.resolve();
+  for(var i=0;i<4;i++){
+    (function(slot){
+      var vendor=((document.getElementById('fmap-'+slot+'-vendor')||{}).value||'').trim();
+      var name=((document.getElementById('fmap-'+slot+'-name')||{}).value||'').trim();
+      chain=chain.then(function(){
+        return fetch(_apiUrl('/kx/filament/slots/'+slot+'/profile'),
+          {method:'POST',headers:{'Content-Type':'application/json'},
+           body:JSON.stringify({vendor:vendor,name:name})});
+      });
+    })(i);
+  }
+  chain.then(function(){
+    clog(tr('log_filament_mapping_saved')||'Filament-Mapping gespeichert','msg-ok');
+    openSettings(); // neu laden → ID-Hints aktualisieren
+  }).catch(function(e){clog('Mapping-Fehler: '+e,'msg-err');});
+}
+
+// ── Vendor-Sichtbarkeitsfilter (Issue #41 Option A) ──
+var _vendorChecklistSel={};  // {vendor:true} — laufende Auswahl im UI
+function loadVendorChecklist(){
+  // aktuelle Auswahl aus Backend, dann alle verfügbaren Vendoren rendern
+  _visibleVendors=null; // Cache invalidieren
+  _loadVisibleVendors(function(vis){
+    _vendorChecklistSel={};
+    (vis||[]).forEach(function(v){_vendorChecklistSel[v]=true;});
+    renderVendorChecklist();
+  });
+}
+function renderVendorChecklist(){
+  var el=document.getElementById('visible-vendors-list');
+  if(!el)return;
+  _loadOrcaFilaments(function(profiles){
+    // alle System-Vendoren (ohne Generic — der ist immer sichtbar) sammeln
+    var set={};
+    profiles.forEach(function(p){ if(!p.is_user && p.vendor && p.vendor!=='Generic') set[p.vendor]=1; });
+    var vendors=Object.keys(set).sort();
+    var q=((document.getElementById('vendor-filter-search')||{}).value||'').toLowerCase();
+    if(q)vendors=vendors.filter(function(v){return v.toLowerCase().indexOf(q)>=0;});
+    el.innerHTML=vendors.map(function(v){
+      var ck=_vendorChecklistSel[v]?'checked':'';
+      var safe=v.replace(/"/g,'&quot;');
+      return '<label style="display:flex;align-items:center;gap:8px;padding:3px 0;cursor:pointer;font-size:13px">'
+        +'<input type="checkbox" data-vendor="'+safe+'" '+ck+' onchange="_vendorCheck(this)" style="width:auto;margin:0"> '+v+'</label>';
+    }).join('')||'<i style="color:var(--txt2)">–</i>';
+  });
+}
+function _vendorCheck(cb){
+  var v=cb.getAttribute('data-vendor');
+  if(cb.checked)_vendorChecklistSel[v]=true; else delete _vendorChecklistSel[v];
+}
+function saveVisibleVendors(){
+  var vendors=Object.keys(_vendorChecklistSel);
+  fetch(_apiUrl('/kx/filament/visible_vendors'),{method:'POST',headers:{'Content-Type':'application/json'},
+    body:JSON.stringify({vendors:vendors})}).then(function(r){return r.json();}).then(function(){
+    _visibleVendors=vendors.slice(); // Dropdown-Cache aktualisieren
+    clog(tr('log_visible_vendors_saved')||'Hersteller-Auswahl gespeichert','msg-ok');
+  }).catch(function(e){clog('Vendor-Filter-Fehler: '+e,'msg-err');});
 }
 
 // ── Custom Filament Profile Import (Issue #41) ──
@@ -1001,6 +1144,9 @@ function doProfileImportUpload(files){
       _orcaFilamentCache=null;
       refreshImportDialogList();
       refreshUserProfileList();
+      // Vendor-Checkliste neu aufbauen — ein Import kann einen bisher
+      // unbekannten System-Vendor mitbringen (Issue #41).
+      if(document.getElementById('visible-vendors-list')) renderVendorChecklist();
       // Wenn Slot-Edit offen ist, Dropdown gleich neu befüllen
       var mat=document.getElementById('slot-edit-mat');
       if(mat && document.getElementById('slot-edit-modal').classList.contains('open')){
@@ -1041,6 +1187,14 @@ function updateSlotEditFeedButton(){
   btn.textContent=_slotEditLoaded?tr('slot_edit_unload'):tr('slot_edit_load');
 }
 var _orcaFilamentCache=null;  // [{id,name,vendor,type,color}, …]
+var _visibleVendors=null;     // Vendor-Sichtbarkeitsfilter (Issue #41); [] = alle
+function _loadVisibleVendors(cb){
+  if(_visibleVendors!==null){ cb(_visibleVendors); return; }
+  fetch(_apiUrl('/kx/filament/visible_vendors')).then(function(r){return r.json();}).then(function(d){
+    _visibleVendors=d.result||[];
+    cb(_visibleVendors);
+  }).catch(function(){ _visibleVendors=[]; cb([]); });
+}
 function _loadOrcaFilaments(cb){
   if(_orcaFilamentCache){ cb(_orcaFilamentCache); return; }
   fetch(_apiUrl('/kx/filament/profiles')).then(function(r){return r.json();}).then(function(d){
@@ -1086,13 +1240,23 @@ function _fillSlotProfileDropdown(material, currentVendor, currentName){
       userProfs.forEach(function(p){ _appendOption(gUser, p); });
       sel.appendChild(gUser);
     }
-    // System-Profile nach Vendor gruppieren
-    var byVendor={};
-    systemProfs.forEach(function(p){ (byVendor[p.vendor]=byVendor[p.vendor]||[]).push(p); });
-    Object.keys(byVendor).sort().forEach(function(v){
-      var g=document.createElement('optgroup'); g.label=v;
-      byVendor[v].forEach(function(p){ _appendOption(g, p); });
-      sel.appendChild(g);
+    // Vendor-Sichtbarkeitsfilter (Issue #41 Option A): nur gewählte Vendoren +
+    // Generic. Leere Liste = alle (rückwärtskompatibel). Eigene Profile (is_user)
+    // sind oben bereits unkonditional drin.
+    _loadVisibleVendors(function(vis){
+      var filtered=systemProfs;
+      if(vis&&vis.length){
+        var allow={};vis.forEach(function(v){allow[v]=1;});
+        allow['Generic']=1;
+        filtered=systemProfs.filter(function(p){return allow[p.vendor];});
+      }
+      var byVendor={};
+      filtered.forEach(function(p){ (byVendor[p.vendor]=byVendor[p.vendor]||[]).push(p); });
+      Object.keys(byVendor).sort().forEach(function(v){
+        var g=document.createElement('optgroup'); g.label=v;
+        byVendor[v].forEach(function(p){ _appendOption(g, p); });
+        sel.appendChild(g);
+      });
     });
   });
 }
@@ -1146,15 +1310,16 @@ function slotEditFeed(){
     })
     .catch(function(){});
 }
-function startReadyFile(){
-  var currentFile=(storeFiles||[]).find(function(f){return f.filename===S.file_ready;});
+function startReadyFile(filename){
+  var fn=filename||S.file_ready;
+  var currentFile=(storeFiles||[]).find(function(f){return f.filename===fn;});
   if(currentFile && currentFile.web_unverified && webUploadWarningEnabled()){
-    maybeGateWebUpload(currentFile, function(){ startReadyFile(); });
+    maybeGateWebUpload(currentFile, function(){ startReadyFile(fn); });
     return;
   }
   var btn=document.getElementById('file-ready-btn');
   if(btn){btn.disabled=true;btn.textContent='…';}
-  post('/printer/print/start',{filename:S.file_ready})
+  post('/printer/print/start',{filename:fn})
     .then(function(r){return r.json();})
     .then(function(r){
       document.getElementById('file-ready-banner').style.display='none';
@@ -1169,6 +1334,20 @@ function cancelReadyFile(){
   post('/api/file_ready/clear',{})
     .then(function(){document.getElementById('file-ready-banner').style.display='none';});
 }
+
+// ── Aktionen für geladene/idle Datei in der Progress-Karte (Issue #55) ──
+function startIdleFile(){
+  if(_lastLoadedFile) startReadyFile(_lastLoadedFile);
+}
+function startIdleFileWithSlots(){
+  if(_lastLoadedFile) startReadyFileWithSlots(_lastLoadedFile);
+}
+function clearIdleFile(){
+  _lastLoadedFile=null;
+  var ib=document.getElementById('d-idle-btns');if(ib)ib.style.display='none';
+  var fn=document.getElementById('d-fname');if(fn){fn.textContent='–';fn.title='';}
+  post('/api/file_ready/clear',{}).catch(function(){});
+}
 function selectMatPreset(m){
   document.getElementById('slot-edit-mat').value=m;
   highlightMatBtn(m);
@@ -1256,9 +1435,6 @@ document.addEventListener('DOMContentLoaded',function(){
   });
 });
 function setPoll(ms){
-  document.querySelectorAll('.poll-btn').forEach(function(b){b.classList.remove('active')});
-  var id='poll-'+Math.round(ms/1000);
-  var pb=document.getElementById(id);if(pb)pb.classList.add('active');
   localStorage.setItem('pollInterval',ms);
   clearInterval(pollTimer);
   pollTimer=setInterval(poll,ms);
@@ -1280,6 +1456,7 @@ function saveSettings(){
     auto_leveling:    document.getElementById('s-auto-leveling').checked?1:0,
     camera_on_print:  (document.getElementById('s-camera-on-print')||{}).checked?1:0,
     web_upload_warning:webUploadWarning,
+    poll_interval:    Math.min(60,Math.max(1,parseInt((document.getElementById('s-poll-interval')||{}).value,10)||3)),
   }).then(function(){
     btn.textContent=T.update_restarting;
     setTimeout(function(){
@@ -1501,23 +1678,24 @@ function camStart(){
   img.style.display='none';
   sp.style.display='block';
   post('/api/camera/start',{}).then(function(){
-    img.onerror=function(){
-      sp.style.display='none';
-      img.style.display='none';
-      ph.style.display='flex';
-      camOn=false;
-      document.getElementById('cam-toggle-btn').textContent=tr('btn_cam_start');
-      clog(tr('log_error')+' '+tr('cam_stream_unavailable'),'msg-err');
-    };
-    img.src='/api/camera/stream?t='+Date.now();
     camOn=true;
     document.getElementById('cam-toggle-btn').textContent=tr('btn_cam_stop');
     clog(tr('log_cam_start'),'msg-ok');
-    // MJPEG liefert kein onload – Spinner nach kurzem Timeout ausblenden
-    setTimeout(function(){
-      sp.style.display='none';
-      img.style.display='block';
-    },1200);
+    setTimeout(function(){ sp.style.display='none'; img.style.display='block'; },1200);
+    if(/Android/i.test(navigator.userAgent)){
+      // Android browsers don't support multipart/x-mixed-replace (MJPEG) — poll snapshots instead
+      _camPollInterval=setInterval(function(){ img.src='/api/camera/snapshot?t='+Date.now(); },200);
+    } else {
+      img.onerror=function(){
+        sp.style.display='none';
+        img.style.display='none';
+        ph.style.display='flex';
+        camOn=false;
+        document.getElementById('cam-toggle-btn').textContent=tr('btn_cam_start');
+        clog(tr('log_error')+' '+tr('cam_stream_unavailable'),'msg-err');
+      };
+      img.src='/api/camera/stream?t='+Date.now();
+    }
   }).catch(function(e){
     sp.style.display='none';
     ph.style.display='flex';
@@ -1527,6 +1705,7 @@ function camStart(){
 
 function camStop(){
   var img=document.getElementById('cam-img');
+  if(_camPollInterval){clearInterval(_camPollInterval);_camPollInterval=null;}
   img.onerror=null; // deregister error handler before clearing src to avoid spurious error toast
   post('/api/camera/stop',{}).catch(function(){});
   img.src='';
@@ -2060,14 +2239,15 @@ function confirmStoreWebVerify(){
     });
 }
 
-function startReadyFileWithSlots(){
-  var currentFile=(storeFiles||[]).find(function(f){return f.filename===S.file_ready;});
+function startReadyFileWithSlots(filename){
+  var fn=filename||S.file_ready;
+  var currentFile=(storeFiles||[]).find(function(f){return f.filename===fn;});
   if(currentFile && currentFile.web_unverified && webUploadWarningEnabled()){
-    maybeGateWebUpload(currentFile, function(){ startReadyFileWithSlots(); });
+    maybeGateWebUpload(currentFile, function(){ startReadyFileWithSlots(fn); });
     return;
   }
   _filamentDialogMode='banner';
-  _storeFilename=S.file_ready||'';
+  _storeFilename=fn||'';
   // Banner must never reuse stale store-file context.
   _storeFileId=null;
   _gcodeFilaments=[];

web/themes/default/index.html

@@ -42,115 +42,12 @@
       <option value="zh-cn">中文(简体)</option>
     </select>
   </div>
-  <button class="theme-btn" onclick="openSettings()" id="settings-btn" title="Einstellungen">⚙</button>
+  <button class="theme-btn" onclick="showPanel('settings')" id="settings-btn" title="Einstellungen">⚙</button>
   <button class="conn-btn disconnected" id="conn-btn" onclick="toggleConnection()">⚡ Verbinden</button>
 </header>
 
 <!-- ═══ SETTINGS MODAL ═══ -->
-<div class="modal-overlay" id="settings-modal" onclick="if(event.target===this)closeSettings()">
-  <div class="modal-box">
-    <div class="modal-header">
-      <span class="modal-title" id="modal-title-settings">Einstellungen</span>
-      <button class="modal-close" onclick="closeSettings()">✕</button>
-    </div>
-
-    <div>
-      <div class="modal-field" style="margin-bottom:12px">
-        <label id="lbl-printer-name" style="font-weight:600">Drucker-Name</label>
-        <input type="text" id="s-printer-name" placeholder="z.B. Kobra X Links">
-      </div>
-      <div class="modal-section" id="modal-sec-connection">Verbindung</div>
-      <div class="modal-field">
-        <label id="lbl-printer-ip">Drucker-IP</label>
-        <input type="text" id="s-printer-ip" placeholder="192.168.x.x">
-        <small id="lbl-ip-hint" style="color:#f80;display:none"></small>
-      </div>
-      <div class="modal-field">
-        <label id="lbl-mqtt-port">MQTT-Port</label>
-        <input type="number" id="s-mqtt-port" placeholder="9883">
-      </div>
-      <div class="modal-field">
-        <label id="lbl-username">MQTT-Benutzername</label>
-        <input type="text" id="s-username" placeholder="userXXXXXXXX" autocomplete="new-password">
-      </div>
-      <div class="modal-field">
-        <label id="lbl-password">MQTT-Passwort</label>
-        <input type="password" id="s-password" autocomplete="new-password">
-      </div>
-      <div class="modal-field">
-        <label id="lbl-device-id">Device-ID</label>
-        <input type="text" id="s-device-id" placeholder="32 Hex-Zeichen">
-      </div>
-      <div class="modal-field">
-        <label id="lbl-mode-id">Mode-ID</label>
-        <input type="text" id="s-mode-id" placeholder="20030">
-      </div>
-    </div>
-
-    <div>
-      <div class="modal-section" id="modal-sec-print">Druckeinstellungen</div>
-      <div class="modal-field">
-        <label id="lbl-default-slot">Standard-Slot (Einfarbdruck)</label>
-        <select id="s-default-slot">
-          <option value="auto" id="opt-slot-auto">Auto (alle belegten Slots)</option>
-          <option value="0" id="opt-slot-0">Slot 1</option>
-          <option value="1" id="opt-slot-1">Slot 2</option>
-          <option value="2" id="opt-slot-2">Slot 3</option>
-          <option value="3" id="opt-slot-3">Slot 4</option>
-        </select>
-      </div>
-      <div class="modal-field" style="flex-direction:row;align-items:center;gap:10px">
-        <input type="checkbox" id="s-auto-leveling" style="width:auto;margin:0">
-        <label id="lbl-auto-leveling" style="margin:0;cursor:pointer" for="s-auto-leveling">Auto-Leveling vor Druck</label>
-      </div>
-      <div class="modal-field" style="flex-direction:row;align-items:center;gap:10px">
-        <input type="checkbox" id="s-camera-on-print" style="width:auto;margin:0">
-        <label id="lbl-camera-on-print" style="margin:0;cursor:pointer" for="s-camera-on-print">Kamera bei Druckstart einschalten</label>
-      </div>
-      <div class="modal-field" style="flex-direction:row;align-items:center;gap:10px">
-        <input type="checkbox" id="s-web-upload-warning" style="width:auto;margin:0">
-        <label id="lbl-web-upload-warning" style="margin:0;cursor:pointer" for="s-web-upload-warning">Warnung bei Web-Upload-Druck anzeigen</label>
-      </div>
-    </div>
-
-    <div>
-      <div class="modal-section" id="modal-sec-poll">Poll-Intervall</div>
-      <div class="poll-btns">
-        <button class="poll-btn" onclick="setPoll(1000)" id="poll-1">1s</button>
-        <button class="poll-btn active" onclick="setPoll(2000)" id="poll-2">2s</button>
-        <button class="poll-btn" onclick="setPoll(5000)" id="poll-5">5s</button>
-      </div>
-    </div>
-
-    <!-- OrcaSlicer-Profile (Custom-Profile-Import, Issue #41) -->
-    <div>
-      <div class="modal-section" id="modal-sec-orca-profiles">OrcaSlicer-Profile</div>
-      <div style="font-size:11px;color:var(--txt2);margin-bottom:8px" id="orca-profiles-hint">
-        Eigene Profile aus OrcaSlicer importieren (User-Dir öffnen via Help → Show Configuration Folder)
-      </div>
-      <div id="orca-profiles-list" style="margin-bottom:8px;font-size:12px;color:var(--txt2)"></div>
-      <button class="btn btn-sm" id="btn-orca-profiles-import" onclick="openProfileImport()"
-        style="background:var(--raised);color:var(--txt)">
-        ⬆ <span id="lbl-orca-profiles-import">Profile importieren</span>
-      </button>
-    </div>
-
-    <div>
-      <div class="modal-section" id="modal-sec-version">Version</div>
-      <div class="update-row">
-        <span id="s-version-label" style="font-size:13px;color:var(--txt)">–</span>
-        <button class="btn btn-sm" style="background:var(--raised);color:var(--txt)" onclick="checkUpdate()" id="btn-update-check">🔄 <span id="lbl-update-check">Auf Updates prüfen</span></button>
-      </div>
-      <div class="update-status" id="update-status" style="margin-top:6px"></div>
-      <button class="btn btn-sm btn-accent" id="btn-update-apply" style="display:none;margin-top:8px" onclick="applyUpdate()">
-        <span id="lbl-update-apply">Jetzt installieren</span>
-      </button>
-      <div id="update-changelog" style="display:none;margin-top:10px;background:var(--raised);border-radius:6px;padding:10px;font-size:11px;font-family:var(--mono);color:var(--txt2);white-space:pre-wrap;max-height:180px;overflow-y:auto;line-height:1.6"></div>
-    </div>
-
-    <button class="modal-save" onclick="saveSettings()" id="btn-save-settings">Speichern &amp; Neustart</button>
-  </div>
-</div>
+<!-- Settings-Modal entfernt — jetzt #panel-settings (Master-Detail im Main-Bereich) -->
 
 <!-- ═══ AMS SLOT EDIT DIALOG ═══ -->
 <div class="modal-overlay" id="slot-edit-modal" onclick="if(event.target===this)closeSlotEdit()">
@@ -230,6 +127,8 @@
       <span class="nav-icon">🗂</span><span class="nav-text">Browser</span></button>
     <button class="nav-btn" onclick="showPanel('console');clearLogBadge()" id="nb-console">
       <span class="nav-icon">≡</span><span class="nav-text">Konsole</span><span id="log-badge" style="display:none;margin-left:4px;background:var(--err);color:#fff;border-radius:10px;font-size:10px;padding:1px 5px;font-weight:700"></span></button>
+    <button class="nav-btn" onclick="showPanel('settings')" id="nb-settings">
+      <span class="nav-icon">⚙</span><span class="nav-text" id="nav-settings">Einstellungen</span></button>
   </nav>
 
   <main>
@@ -298,6 +197,12 @@
             <button class="btn btn-skip btn-sm" id="d-btn-skip" onclick="openSkipDialog()" style="display:none">✂ <span id="d-btn-skip-label">Objekte</span></button>
             <button class="btn btn-cancel btn-sm" id="d-btn-cancel" onclick="confirmCancel()">✕ Stopp</button>
           </div>
+          <!-- Aktionen für eine geladene, aber nicht laufende Datei (Issue #55) -->
+          <div class="ctrl-btns" id="d-idle-btns" style="margin-top:12px;display:none">
+            <button class="btn btn-accent btn-sm" id="d-idle-print" onclick="startIdleFile()">▶ <span id="d-idle-print-lbl">Drucken</span></button>
+            <button class="btn btn-sm" id="d-idle-slots" onclick="startIdleFileWithSlots()" style="background:var(--raised);color:var(--txt)">⚙ <span id="d-idle-slots-lbl">Slots zuordnen</span></button>
+            <button class="btn btn-cancel btn-sm" id="d-idle-clear" onclick="clearIdleFile()">✕ <span id="d-idle-clear-lbl">Leeren</span></button>
+          </div>
         </div>
 
         <!-- Temperatursteuerung + Verlauf -->
@@ -520,6 +425,162 @@
         <div class="console" id="console-log" style="height:calc(100vh - 260px);min-height:160px" onscroll="onLogScroll()"></div>
       </div>
     </div>
+
+    <!-- ═══ EINSTELLUNGEN ═══ -->
+    <div class="panel" id="panel-settings">
+      <div class="settings-wrap">
+        <div class="settings-cats">
+          <button class="set-cat active" id="setcat-connection" onclick="showSettingsCat('connection')"><span>🔌</span> <span id="setcat-lbl-connection">Verbindung</span></button>
+          <button class="set-cat" id="setcat-printer" onclick="showSettingsCat('printer')"><span>🖨</span> <span id="setcat-lbl-printer">Drucker</span></button>
+          <button class="set-cat" id="setcat-display" onclick="showSettingsCat('display')"><span>🎨</span> <span id="setcat-lbl-display">Darstellung</span></button>
+          <button class="set-cat" id="setcat-filament" onclick="showSettingsCat('filament')"><span>🧵</span> <span id="setcat-lbl-filament">Filament</span></button>
+          <button class="set-cat" id="setcat-system" onclick="showSettingsCat('system')"><span>⚙</span> <span id="setcat-lbl-system">System</span></button>
+        </div>
+
+        <div class="settings-content">
+          <!-- Verbindung -->
+          <div class="set-group active" id="setgrp-connection">
+            <div class="card">
+              <div class="card-title"><span>🔌</span> <span id="modal-sec-connection">Verbindung</span></div>
+              <div class="modal-field" style="margin-bottom:12px">
+                <label id="lbl-printer-name" style="font-weight:600">Drucker-Name</label>
+                <input type="text" id="s-printer-name" placeholder="z.B. Kobra X Links">
+              </div>
+              <div class="modal-field">
+                <label id="lbl-printer-ip">Drucker-IP</label>
+                <input type="text" id="s-printer-ip" placeholder="192.168.x.x">
+                <small id="lbl-ip-hint" style="color:#f80;display:none"></small>
+              </div>
+              <div class="modal-field">
+                <label id="lbl-mqtt-port">MQTT-Port</label>
+                <input type="number" id="s-mqtt-port" placeholder="9883">
+              </div>
+              <div class="modal-field">
+                <label id="lbl-username">MQTT-Benutzername</label>
+                <input type="text" id="s-username" placeholder="userXXXXXXXX" autocomplete="new-password">
+              </div>
+              <div class="modal-field">
+                <label id="lbl-password">MQTT-Passwort</label>
+                <input type="password" id="s-password" autocomplete="new-password">
+              </div>
+              <div class="modal-field">
+                <label id="lbl-device-id">Device-ID</label>
+                <input type="text" id="s-device-id" placeholder="32 Hex-Zeichen">
+              </div>
+              <div class="modal-field">
+                <label id="lbl-mode-id">Mode-ID</label>
+                <input type="text" id="s-mode-id" placeholder="20030">
+              </div>
+            </div>
+          </div>
+
+          <!-- Drucker -->
+          <div class="set-group" id="setgrp-printer">
+            <div class="card">
+              <div class="card-title"><span>🖨</span> <span id="modal-sec-print">Druckeinstellungen</span></div>
+              <div class="modal-field">
+                <label id="lbl-default-slot">Standard-Slot (Einfarbdruck)</label>
+                <select id="s-default-slot">
+                  <option value="auto" id="opt-slot-auto">Auto (alle belegten Slots)</option>
+                  <option value="0" id="opt-slot-0">Slot 1</option>
+                  <option value="1" id="opt-slot-1">Slot 2</option>
+                  <option value="2" id="opt-slot-2">Slot 3</option>
+                  <option value="3" id="opt-slot-3">Slot 4</option>
+                </select>
+              </div>
+              <div class="modal-field" style="flex-direction:row;align-items:center;gap:10px">
+                <input type="checkbox" id="s-auto-leveling" style="width:auto;margin:0">
+                <label id="lbl-auto-leveling" style="margin:0;cursor:pointer" for="s-auto-leveling">Auto-Leveling vor Druck</label>
+              </div>
+              <div class="modal-field" style="flex-direction:row;align-items:center;gap:10px">
+                <input type="checkbox" id="s-camera-on-print" style="width:auto;margin:0">
+                <label id="lbl-camera-on-print" style="margin:0;cursor:pointer" for="s-camera-on-print">Kamera bei Druckstart einschalten</label>
+              </div>
+              <div class="modal-field" style="flex-direction:row;align-items:center;gap:10px">
+                <input type="checkbox" id="s-web-upload-warning" style="width:auto;margin:0">
+                <label id="lbl-web-upload-warning" style="margin:0;cursor:pointer" for="s-web-upload-warning">Warnung bei Web-Upload-Druck anzeigen</label>
+              </div>
+            </div>
+          </div>
+
+          <!-- Darstellung -->
+          <div class="set-group" id="setgrp-display">
+            <div class="card">
+              <div class="card-title"><span>🎨</span> <span id="setcat-lbl-display2">Darstellung</span></div>
+              <div class="modal-field">
+                <label id="lbl-set-lang">Sprache</label>
+                <select id="s-lang-select" onchange="setLanguage(this.value)">
+                  <option value="de">Deutsch</option>
+                  <option value="en">English</option>
+                  <option value="es">Espanol</option>
+                  <option value="fr">Français</option>
+                  <option value="zh-cn">中文(简体)</option>
+                </select>
+              </div>
+              <div class="modal-field" style="flex-direction:row;align-items:center;gap:10px">
+                <button class="btn btn-sm" style="background:var(--raised);color:var(--txt)" onclick="toggleTheme()"><span id="lbl-set-theme">Hell / Dunkel umschalten</span></button>
+              </div>
+              <div class="modal-field">
+                <label id="lbl-poll-interval">Poll-Intervall (Sekunden)</label>
+                <input type="number" id="s-poll-interval" min="1" max="60" step="1" placeholder="3" oninput="onPollIntervalInput()">
+                <small style="color:var(--txt2)" id="lbl-poll-hint">Wie oft die Bridge den Drucker-Status abfragt</small>
+              </div>
+            </div>
+          </div>
+
+          <!-- Filament -->
+          <div class="set-group" id="setgrp-filament">
+            <div class="card">
+              <div class="card-title"><span>🧵</span> <span id="modal-sec-orca-profiles">OrcaSlicer-Profile</span></div>
+              <div style="font-size:11px;color:var(--txt2);margin-bottom:8px" id="orca-profiles-hint">
+                Eigene Profile aus OrcaSlicer importieren (User-Dir öffnen via Help → Show Configuration Folder)
+              </div>
+              <div id="orca-profiles-list" style="margin-bottom:8px;font-size:12px;color:var(--txt2)"></div>
+              <button class="btn btn-sm" id="btn-orca-profiles-import" onclick="openProfileImport()"
+                style="background:var(--raised);color:var(--txt)">
+                ⬆ <span id="lbl-orca-profiles-import">Profile importieren</span>
+              </button>
+            </div>
+            <div class="card">
+              <div class="card-title"><span>🎯</span> <span id="lbl-filament-mapping">Filament-Profil-Mapping (pro Slot)</span></div>
+              <div style="font-size:11px;color:var(--txt2);margin-bottom:8px" id="filament-mapping-hint">
+                Festes Orca-Profil pro AMS-Slot. Beim Slicer-Sync sendet die Bridge dieses Profil statt „Generic".
+              </div>
+              <div id="filament-mapping-list"></div>
+              <button class="btn btn-sm" style="background:var(--accent);color:#fff;margin-top:8px" onclick="saveFilamentMapping()"><span id="lbl-filament-mapping-save">Mapping speichern</span></button>
+            </div>
+            <div class="card">
+              <div class="card-title"><span>👁</span> <span id="lbl-visible-vendors">Sichtbare Hersteller (Profil-Dropdown)</span></div>
+              <div style="font-size:11px;color:var(--txt2);margin-bottom:8px" id="visible-vendors-hint">
+                Nur diese Hersteller erscheinen im Slot-Profil-Dropdown. Nichts ausgewählt = alle anzeigen. „Generic" und eigene Profile sind immer sichtbar.
+              </div>
+              <input type="text" id="vendor-filter-search" placeholder="Hersteller suchen…" oninput="renderVendorChecklist()"
+                style="width:100%;padding:6px 10px;margin-bottom:8px;background:var(--raised);border:1px solid var(--border);border-radius:6px;color:var(--txt);font-size:12px">
+              <div id="visible-vendors-list" style="max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:6px;padding:8px"></div>
+              <button class="btn btn-sm" style="background:var(--accent);color:#fff;margin-top:8px" onclick="saveVisibleVendors()"><span id="lbl-visible-vendors-save">Auswahl speichern</span></button>
+            </div>
+          </div>
+
+          <!-- System -->
+          <div class="set-group" id="setgrp-system">
+            <div class="card">
+              <div class="card-title"><span>⚙</span> <span id="modal-sec-version">Version</span></div>
+              <div class="update-row">
+                <span id="s-version-label" style="font-size:13px;color:var(--txt)">–</span>
+                <button class="btn btn-sm" style="background:var(--raised);color:var(--txt)" onclick="checkUpdate()" id="btn-update-check">🔄 <span id="lbl-update-check">Auf Updates prüfen</span></button>
+              </div>
+              <div class="update-status" id="update-status" style="margin-top:6px"></div>
+              <button class="btn btn-sm btn-accent" id="btn-update-apply" style="display:none;margin-top:8px" onclick="applyUpdate()">
+                <span id="lbl-update-apply">Jetzt installieren</span>
+              </button>
+              <div id="update-changelog" style="display:none;margin-top:10px;background:var(--raised);border-radius:6px;padding:10px;font-size:11px;font-family:var(--mono);color:var(--txt2);white-space:pre-wrap;max-height:180px;overflow-y:auto;line-height:1.6"></div>
+            </div>
+          </div>
+
+          <button class="modal-save" onclick="saveSettings()" id="btn-save-settings" style="margin-top:14px">Speichern &amp; Neustart</button>
+        </div>
+      </div>
+    </div>
   </main>
 </div>
 
@@ -528,6 +589,7 @@
   <button class="bnav-btn" onclick="showPanel('printers');loadPrinterTab()" id="bnb-printers"><span class="bnav-icon">🖨</span>Drucker</button>
   <button class="bnav-btn" onclick="showPanel('store');loadStore()" id="bnb-store"><span class="bnav-icon">🗂</span>Browser</button>
   <button class="bnav-btn" onclick="showPanel('console');clearLogBadge()" id="bnb-console"><span class="bnav-icon">≡</span>Log<span id="log-badge-bot" style="display:none;margin-left:3px;background:var(--err);color:#fff;border-radius:10px;font-size:10px;padding:1px 4px;font-weight:700"></span></button>
+  <button class="bnav-btn" onclick="showPanel('settings')" id="bnb-settings"><span class="bnav-icon">⚙</span>Setup</button>
 </nav>
 
 

web/themes/default/style.css

@@ -212,6 +212,24 @@ canvas.tchart{width:100%;height:60px;display:block;border-radius:6px;background:
 .panel{display:none}
 .panel.active{display:block}
 
+/* ── SETTINGS (Master-Detail) ── */
+.settings-wrap{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:start}
+.settings-cats{display:flex;flex-direction:column;gap:4px;position:sticky;top:12px}
+.set-cat{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;
+  border:1px solid transparent;background:var(--raised);color:var(--txt2);cursor:pointer;
+  font-size:13px;text-align:left;transition:background .15s,color .15s}
+.set-cat:hover{color:var(--txt)}
+.set-cat.active{background:var(--accent);color:#fff;border-color:var(--accent)}
+.set-group{display:none}
+.set-group.active{display:block}
+.set-group .card{margin-bottom:14px}
+@media(max-width:768px){
+  .settings-wrap{grid-template-columns:1fr}
+  .settings-cats{flex-direction:row;flex-wrap:wrap;position:static;overflow-x:auto}
+  .set-cat{flex:1;min-width:auto;justify-content:center;padding:8px 6px;font-size:12px}
+  .set-cat .nav-text{display:inline}
+}
+
 /* ── FILE BROWSER UPLOAD ZONE ── */
 #store-upload-zone{
   display:flex;flex-direction:column;align-items:center;justify-content:center;

web/translations/de.json

@@ -127,8 +127,21 @@
   "settings_title": "Einstellungen",
   "settings_connection": "Verbindung",
   "settings_print": "Druckeinstellungen",
-  "settings_poll": "Poll-Intervall",
+  "settings_poll": "Poll-Intervall (Sekunden)",
   "settings_version": "Version",
+  "nav_settings": "Einstellungen",
+  "settings_cat_display": "Darstellung",
+  "settings_cat_filament": "Filament",
+  "settings_cat_language": "Sprache",
+  "settings_cat_theme": "Hell / Dunkel umschalten",
+  "settings_filament_mapping": "Filament-Profil-Mapping (pro Slot)",
+  "settings_filament_mapping_save": "Mapping speichern",
+  "settings_visible_vendors": "Sichtbare Hersteller (Profil-Dropdown)",
+  "settings_visible_vendors_hint": "Nur diese Hersteller erscheinen im Slot-Profil-Dropdown. Nichts ausgewählt = alle anzeigen. „Generic\" und eigene Profile sind immer sichtbar.",
+  "settings_visible_vendors_save": "Auswahl speichern",
+  "progress_action_print": "Drucken",
+  "progress_action_slots": "Slots zuordnen",
+  "progress_action_clear": "Leeren",
   "settings_save": "Speichern & Neustart",
   "settings_printer_name": "Drucker-Name",
   "settings_printer_ip": "Drucker-IP",

web/translations/en.json

@@ -127,7 +127,20 @@
   "settings_title": "Settings",
   "settings_connection": "Connection",
   "settings_print": "Print Settings",
-  "settings_poll": "Poll Interval",
+  "settings_poll": "Poll Interval (seconds)",
+  "nav_settings": "Settings",
+  "settings_cat_display": "Appearance",
+  "settings_cat_filament": "Filament",
+  "settings_cat_language": "Language",
+  "settings_cat_theme": "Toggle light / dark",
+  "settings_filament_mapping": "Filament profile mapping (per slot)",
+  "settings_filament_mapping_save": "Save mapping",
+  "settings_visible_vendors": "Visible vendors (profile dropdown)",
+  "settings_visible_vendors_hint": "Only these vendors appear in the slot profile dropdown. Nothing selected = show all. \"Generic\" and your own profiles are always visible.",
+  "settings_visible_vendors_save": "Save selection",
+  "progress_action_print": "Print",
+  "progress_action_slots": "Map slots",
+  "progress_action_clear": "Clear",
   "settings_version": "Version",
   "settings_save": "Save & Restart",
   "settings_printer_name": "Printer Name",

web/translations/es.json

@@ -127,7 +127,20 @@
   "settings_title": "Configuración",
   "settings_connection": "Conexión",
   "settings_print": "Ajustes de impresión",
-  "settings_poll": "Intervalo de sondeo",
+  "settings_poll": "Intervalo de sondeo (segundos)",
+  "nav_settings": "Ajustes",
+  "settings_cat_display": "Apariencia",
+  "settings_cat_filament": "Filamento",
+  "settings_cat_language": "Idioma",
+  "settings_cat_theme": "Alternar claro / oscuro",
+  "settings_filament_mapping": "Asignación de perfil de filamento (por ranura)",
+  "settings_filament_mapping_save": "Guardar asignación",
+  "settings_visible_vendors": "Fabricantes visibles (lista de perfiles)",
+  "settings_visible_vendors_hint": "Solo estos fabricantes aparecen en la lista de perfiles de ranura. Nada seleccionado = mostrar todos. «Generic» y tus propios perfiles siempre son visibles.",
+  "settings_visible_vendors_save": "Guardar selección",
+  "progress_action_print": "Imprimir",
+  "progress_action_slots": "Asignar ranuras",
+  "progress_action_clear": "Vaciar",
   "settings_version": "Versión",
   "settings_save": "Guardar y reiniciar",
   "settings_printer_name": "Nombre de impresora",

web/translations/fr.json

@@ -127,7 +127,20 @@
   "settings_title": "Paramètres",
   "settings_connection": "Connexion",
   "settings_print": "Paramètres d'impression",
-  "settings_poll": "Intervalle de sondage",
+  "settings_poll": "Intervalle de sondage (secondes)",
+  "nav_settings": "Paramètres",
+  "settings_cat_display": "Apparence",
+  "settings_cat_filament": "Filament",
+  "settings_cat_language": "Langue",
+  "settings_cat_theme": "Basculer clair / sombre",
+  "settings_filament_mapping": "Mappage du profil de filament (par emplacement)",
+  "settings_filament_mapping_save": "Enregistrer le mappage",
+  "settings_visible_vendors": "Fabricants visibles (liste des profils)",
+  "settings_visible_vendors_hint": "Seuls ces fabricants apparaissent dans la liste des profils d'emplacement. Rien de sélectionné = tout afficher. « Generic » et vos propres profils sont toujours visibles.",
+  "settings_visible_vendors_save": "Enregistrer la sélection",
+  "progress_action_print": "Imprimer",
+  "progress_action_slots": "Affecter les emplacements",
+  "progress_action_clear": "Vider",
   "settings_version": "Version",
   "settings_save": "Enregistrer et redémarrer",
   "settings_printer_name": "Nom de l'imprimante",

web/translations/zh-cn.json

@@ -127,7 +127,20 @@
   "settings_title": "设置",
   "settings_connection": "连接",
   "settings_print": "打印设置",
-  "settings_poll": "轮询间隔",
+  "settings_poll": "轮询间隔（秒）",
+  "nav_settings": "设置",
+  "settings_cat_display": "外观",
+  "settings_cat_filament": "耗材",
+  "settings_cat_language": "语言",
+  "settings_cat_theme": "切换浅色 / 深色",
+  "settings_filament_mapping": "耗材配置映射（每槽位）",
+  "settings_filament_mapping_save": "保存映射",
+  "settings_visible_vendors": "可见厂商（配置下拉框）",
+  "settings_visible_vendors_hint": "仅这些厂商会出现在槽位配置下拉框中。未选择 = 显示全部。“Generic”和您自己的配置始终可见。",
+  "settings_visible_vendors_save": "保存选择",
+  "progress_action_print": "打印",
+  "progress_action_slots": "分配槽位",
+  "progress_action_clear": "清除",
   "settings_version": "版本",
   "settings_save": "保存并重启",
   "settings_printer_name": "打印机名称",