chore: add missing PR #88 entry to nightly changelog

The stale-slot-profile-guard fix (walterioo, merged as bf94a8f) was never
mentioned in a nightly release body — it landed between two changelog
overwrites.

NIGHTLY_CHANGELOG.md

@@ -1,8 +1,7 @@
 ## Changes in this build
 
-- Fix: the poll interval setting was saved to config.ini but never actually applied — the poll loop always used a hardcoded 3s wait
-- Fix: Spoolman status showed a green "connected" dot even when the server was unreachable — reachability is now rechecked periodically and shown accurately (green/red)
-- Fix: **settings could silently revert after saving** — the bridge restart that applies settings didn't clean up all the relevant environment variables, so the old value could win over the one just saved (affected poll interval, resonance compensation, Docker host IP, and the new HTTP log toggle below). Fixed at the root so this class of bug can't recur for future settings.
-- Feat: new "Log every HTTP request (verbose)" toggle in Settings — off by default, since aiohttp's per-request access log was drowning out the bridge's own logs with the frontend's 2s polling
-
-**A stable release is coming soon** with the fixes and features from the last several nightly builds. As usual it will be published as ready-to-run binaries (Linux amd64/arm64, Windows) alongside the Docker image.
+- Fix: a per-slot filament profile override (custom vendor/name mapping) kept showing/sending the old filament type after the physical spool was swapped for a different material — the override is now suppressed once the material family no longer matches what's actually loaded, and reactivates automatically if you swap back (PR #88, thanks @walterioo)
+- Feat: the dashboard is now fully customizable — enter edit mode to freely drag, resize (via GridStack.js), hide, and rearrange every card on a 12-column snap grid
+- Feat: two built-in layout presets ("Standard", "Wide desktop" per Issue #89's original proposal) plus the ability to save your own layout as a named custom preset, switch between them, and delete presets you no longer need
+- Fix: camera stream would freeze after ~15-30 minutes — non-monotonic timestamps from the printer's FLV stream broke ffmpeg's realtime pacing; now handled with `-use_wallclock_as_timestamps` (Issue #90)
+- Fix: the camera card's height was previously capped at 320px and its image intercepted drag events — camera can now be resized freely like any other dashboard card

kobrax_moonraker_bridge.py

@@ -643,7 +643,12 @@ class CameraCache:
         if url.lower().startswith("rtsp://"):
             args += ["-probesize", "32", "-analyzeduration", "0", "-rtsp_transport", "tcp"]
         else:
-            args += ["-probesize", "500000", "-analyzeduration", "500000"]
+            # The printer's FLV source occasionally emits non-monotonic container
+            # timestamps (PTS jumps of days) while the video data itself stays
+            # valid. Without this flag ffmpeg's realtime pacing breaks on such a
+            # jump and the stream stalls after ~15-30 min (Issue #90).
+            args += ["-use_wallclock_as_timestamps", "1",
+                     "-probesize", "500000", "-analyzeduration", "500000"]
         return args
 
     async def _run_jpeg_loop(self):
@@ -3759,21 +3764,33 @@ class KobraXBridge:
         # (only the bare HTML) -> without inlining neither
         # a single button works there (Issue #29). It is equally correct in a normal browser.
         base = os.path.join(_WEB_BASE, "web", "themes", self._ui_theme)
-        try:
-            css = pathlib.Path(os.path.join(base, "style.css")).read_text(encoding="utf-8")
-            page = page.replace(
-                '<link rel="stylesheet" href="/kx/ui/style.css">',
-                "<style>\n" + css + "\n</style>")
-        except OSError:
-            pass
-        try:
-            js = pathlib.Path(os.path.join(base, "app.js")).read_text(encoding="utf-8")
-            js = js.replace("'__VERSION__'", f"'{self._read_version()}'")
-            page = page.replace(
-                '<script src="/kx/ui/app.js"></script>',
-                "<script>\n" + js + "\n</script>")
-        except OSError:
-            pass
+
+        # Inline vendored lib CSS/JS too — the OrcaSlicer webview loads no
+        # external <link>/<script src>, so GridStack (and its stylesheet) must
+        # be embedded like style.css/app.js. Order matters: GridStack's <script>
+        # sits in <head>, before app.js, so it is defined when app.js inits.
+        def _inline_css(rel_path: str, link_tag: str):
+            nonlocal page
+            try:
+                data = pathlib.Path(os.path.join(base, rel_path)).read_text(encoding="utf-8")
+                page = page.replace(link_tag, "<style>\n" + data + "\n</style>")
+            except OSError:
+                pass
+
+        def _inline_js(rel_path: str, script_tag: str, version_sub: bool = False):
+            nonlocal page
+            try:
+                data = pathlib.Path(os.path.join(base, rel_path)).read_text(encoding="utf-8")
+                if version_sub:
+                    data = data.replace("'__VERSION__'", f"'{self._read_version()}'")
+                page = page.replace(script_tag, "<script>\n" + data + "\n</script>")
+            except OSError:
+                pass
+
+        _inline_css("lib/gridstack.min.css", '<link rel="stylesheet" href="/kx/ui/lib/gridstack.min.css">')
+        _inline_js("lib/gridstack-all.min.js", '<script src="/kx/ui/lib/gridstack-all.min.js"></script>')
+        _inline_css("style.css", '<link rel="stylesheet" href="/kx/ui/style.css">')
+        _inline_js("app.js", '<script src="/kx/ui/app.js"></script>', version_sub=True)
 
         return web.Response(text=page, content_type="text/html",
                             headers={"Cache-Control": "no-store, no-cache, must-revalidate"})
@@ -4132,10 +4149,10 @@ class KobraXBridge:
         printer and is ~1 s faster)."""
         url = self._state.get("camera_url", "")
         if not url:
-            return web.Response(status=503, text="Keine Kamera-URL bekannt")
+            return web.Response(status=503, text="No camera URL known")
         self.camera_cache.set_url(url)
         await self.camera_cache.ensure_running()
-        # Initialer Warmup: bis zu 5 s auf ersten Frame warten
+        # Initial warmup: wait up to 5s for the first frame
         deadline = time.time() + 5.0
         while not self.camera_cache.latest_jpeg and time.time() < deadline:
             await asyncio.sleep(0.1)
@@ -4154,7 +4171,7 @@ class KobraXBridge:
         """MJPEG proxy: FLV → MJPEG via ffmpeg, served as multipart/x-mixed-replace."""
         url = self._state.get("camera_url", "")
         if not url:
-            return web.Response(status=503, text="Keine Kamera-URL bekannt")
+            return web.Response(status=503, text="No camera URL known")
 
         is_rtsp = url.lower().startswith("rtsp://")
         ffmpeg_input_args = [
@@ -4164,7 +4181,9 @@ class KobraXBridge:
         if is_rtsp:
             ffmpeg_input_args += ["-probesize", "32", "-analyzeduration", "0", "-rtsp_transport", "tcp"]
         else:
-            ffmpeg_input_args += ["-probesize", "1000000", "-analyzeduration", "1000000"]
+            # See CameraCache._input_args - same non-monotonic-timestamp fix (Issue #90).
+            ffmpeg_input_args += ["-use_wallclock_as_timestamps", "1",
+                                  "-probesize", "1000000", "-analyzeduration", "1000000"]
 
         # Start ffmpeg BEFORE the StreamResponse is opened
         # (so we can still send a normal HTTP response on error)
@@ -4245,7 +4264,7 @@ class KobraXBridge:
         additional FLV connection to the printer (single-client limit)."""
         url = self._state.get("camera_url", "")
         if not url:
-            return web.Response(status=503, text="Keine Kamera-URL bekannt")
+            return web.Response(status=503, text="No camera URL known")
         self.camera_cache.set_url(url)
         await self.camera_cache.ensure_running()
 

tests/conftest.py

@@ -2,12 +2,13 @@
 Shared fixtures für KX-Bridge Tests.
 Startet die Bridge in-process mit einem Mock-MQTT-Client (kein Drucker nötig).
 """
-import sys, types, argparse, pytest, pytest_asyncio
+import sys, types, argparse, tempfile, pytest, pytest_asyncio
 from unittest.mock import MagicMock
 from aiohttp.test_utils import TestClient, TestServer
 
 # ── Pfad ──────────────────────────────────────────────────────────────────────
-sys.path.insert(0, str(__import__("pathlib").Path(__file__).parent.parent / "bridge"))
+# Flat repo layout (no bridge/ subfolder anymore) — point at the repo root.
+sys.path.insert(0, str(__import__("pathlib").Path(__file__).parent.parent))
 
 # ── env_loader mocken (keine .env nötig) ──────────────────────────────────────
 env_mod = types.ModuleType("env_loader")
@@ -41,6 +42,7 @@ def make_args(**overrides):
         device_id   = "",
         host        = "127.0.0.1",
         port        = 7125,
+        data_dir    = tempfile.mkdtemp(prefix="kxtest-"),
     )
     for k, v in overrides.items():
         setattr(args, k, v)

tests/test_settings.py

@@ -40,14 +40,14 @@ async def test_settings_get_returns_configured_values(client_configured):
 
 
 @pytest.mark.asyncio
-async def test_settings_post_writes_env(client):
-    """POST /api/settings schreibt Werte in .env-Datei."""
+async def test_settings_post_writes_config_ini(client):
+    """POST /api/settings schreibt Werte in config.ini (Migration von .env, v0.9.x)."""
     c, bridge = client
 
     with tempfile.TemporaryDirectory() as tmpdir:
-        env_path = pathlib.Path(tmpdir) / ".env"
-        env_path.write_text("")
-        bridge._find_env_path = lambda: env_path
+        config_path = pathlib.Path(tmpdir) / "config.ini"
+        bridge._find_config_path = lambda: config_path
+        bridge._restart_bridge = lambda: None  # POST triggers a restart — don't kill the test process
 
         resp = await c.post("/api/settings", json={
             "printer_ip": "10.0.0.5",
@@ -59,24 +59,28 @@ async def test_settings_post_writes_env(client):
         })
         assert resp.status == 200
 
-        content = env_path.read_text()
-        assert "PRINTER_IP=10.0.0.5"          in content
-        assert "MQTT_USERNAME=userABCD"        in content
-        assert "DEVICE_ID=deadbeef01234567"    in content
+        content = config_path.read_text()
+        assert "printer_ip = 10.0.0.5"       in content
+        assert "username = userABCD"         in content
+        assert "device_id = deadbeef01234567" in content
 
 
 @pytest.mark.asyncio
 async def test_settings_post_preserves_existing_keys(client):
-    """POST darf unbekannte Keys in .env nicht löschen (z.B. GITEA_TOKEN)."""
+    """POST darf unbekannte Sections/Optionen in config.ini nicht löschen (z.B. Spoolman-Server)."""
     c, bridge = client
 
     with tempfile.TemporaryDirectory() as tmpdir:
-        env_path = pathlib.Path(tmpdir) / ".env"
-        env_path.write_text("GITEA_TOKEN=mytoken\nPRINTER_IP=old\n")
-        bridge._find_env_path = lambda: env_path
+        config_path = pathlib.Path(tmpdir) / "config.ini"
+        config_path.write_text(
+            "[spoolman]\nserver = http://192.168.1.50:7912\n\n"
+            "[connection]\nprinter_ip = old\n"
+        )
+        bridge._find_config_path = lambda: config_path
+        bridge._restart_bridge = lambda: None
 
         await c.post("/api/settings", json={"printer_ip": "10.0.0.99"})
 
-        content = env_path.read_text()
-        assert "GITEA_TOKEN=mytoken" in content
-        assert "PRINTER_IP=10.0.0.99" in content
+        content = config_path.read_text()
+        assert "server = http://192.168.1.50:7912" in content
+        assert "printer_ip = 10.0.0.99" in content

web/themes/default/app.js

@@ -409,6 +409,15 @@ function applyLang(){
   setText('lbl-set-theme',T.settings_cat_theme||'Hell / Dunkel umschalten');
   setText('lbl-poll-interval',T.settings_poll||'Poll-Intervall (Sekunden)');
   setText('lbl-verbose-http-log',T.settings_verbose_http_log||'Log every HTTP request (verbose)');
+  var dashLbl=document.getElementById('dash-lbl-edit');
+  if(dashLbl)dashLbl.textContent=_dashEditing?(T.dash_done||'Done'):(T.dash_edit||'Customize dashboard');
+  setText('dash-lbl-reset',T.dash_reset||'Reset');
+  setText('dash-lbl-save-preset',T.dash_save_preset||'Save as preset');
+  var dashPresetStd=document.getElementById('dash-preset-standard');
+  if(dashPresetStd)dashPresetStd.textContent=T.dash_preset_standard||'Standard';
+  var dashPresetWide=document.getElementById('dash-preset-wide89');
+  if(dashPresetWide)dashPresetWide.textContent=T.dash_preset_wide89||'Wide desktop';
+  if(document.getElementById('dash-hidden-bar'))_dashRenderHiddenBar();
   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)');
@@ -1971,8 +1980,313 @@ var pollTimer;
   }).catch(function(){});
   poll();pollTimer=setInterval(poll,ms);
   setInterval(_loadSpoolmanStatus,30000);
+  // initDashGrid() is called at the very end of the file, after all the
+  // DASH_* var declarations below have executed (they are hoisted but not yet
+  // assigned at this point in the IIFE).
 })();
 
+// ── Dashboard Free Grid (Issue #89) ────────────────────────────────────────
+// User-customizable dashboard powered by GridStack (v10, docs: gridstack.js).
+// Cards move + resize on a 12-column snap grid; layout persisted per browser
+// in localStorage. Built on documented APIs only:
+//   - float:false (default)  -> compact packing, no holes between cards
+//   - staticGrid:true        -> locked by default, setStatic(false) in edit mode
+//   - grid.save(false)/load(layout,false) -> serialize/restore by gs-id
+//   - draggable.cancel       -> inputs/buttons/img excluded from drag start
+//   - columnOpts.breakpoints -> 1-column below 700px GRID width (sidebar-aware)
+var DASH_STORAGE_KEY='dashLayout';
+var DASH_LAYOUT_VERSION=3;   // v1/v2 = older editors; discard those states
+var DASH_CARD_KEYS=['camera','progress','temps','motion','speed','fan','ams'];
+// Layout arrays in GridStack save()/load() format. cellHeight=60px.
+var DASH_DEFAULT_LAYOUT=[
+  {id:'camera',  x:0,y:0, w:12,h:7},
+  {id:'progress',x:0,y:7, w:12,h:6},
+  {id:'temps',   x:0,y:13,w:6, h:7},
+  {id:'motion',  x:6,y:13,w:6, h:7},
+  {id:'speed',   x:0,y:20,w:6, h:3},
+  {id:'fan',     x:6,y:20,w:6, h:3},
+  {id:'ams',     x:0,y:23,w:12,h:4},
+];
+// "Wide desktop" preset (Blaim, Issue #89): big camera left, settings center,
+// motion right.
+var DASH_PRESET_WIDE=[
+  {id:'progress',x:0, y:0, w:12,h:4},
+  {id:'camera',  x:0, y:4, w:6, h:11},
+  {id:'temps',   x:6, y:4, w:3, h:7},
+  {id:'speed',   x:6, y:11,w:3, h:2},
+  {id:'fan',     x:6, y:13,w:3, h:2},
+  {id:'motion',  x:9, y:4, w:3, h:11},
+  {id:'ams',     x:0, y:15,w:12,h:4},
+];
+var _dashGrid=null;
+var _dashEditing=false;
+var _dashHidden=[];   // [{id,x,y,w,h}] cards currently hidden (position kept for re-show)
+
+// GridStack requires .grid-stack-item > .grid-stack-item-content around each
+// card — wrap the existing .card elements in place (IDs/event handlers survive,
+// appendChild moves nodes without recreating them).
+function _dashWrapCards(){
+  var grid=document.getElementById('dash-grid');
+  if(!grid)return;
+  DASH_CARD_KEYS.forEach(function(key){
+    var card=grid.querySelector('[data-card="'+key+'"]');
+    if(!card||card.parentNode.classList.contains('grid-stack-item-content'))return;
+    var item=document.createElement('div');
+    item.className='grid-stack-item';
+    item.setAttribute('gs-id',key);
+    var content=document.createElement('div');
+    content.className='grid-stack-item-content';
+    grid.insertBefore(item,card);
+    item.appendChild(content);
+    content.appendChild(card);
+  });
+}
+
+function _dashItem(key){
+  return document.querySelector('#dash-grid .grid-stack-item[gs-id="'+key+'"]');
+}
+
+function _dashLoadState(){
+  try{
+    var raw=localStorage.getItem(DASH_STORAGE_KEY);
+    if(!raw)return null;
+    var s=JSON.parse(raw);
+    if(!s||s.version!==DASH_LAYOUT_VERSION||!Array.isArray(s.layout))return null;
+    return s;
+  }catch(e){return null;}
+}
+function _dashSaveState(){
+  if(!_dashGrid)return;
+  localStorage.setItem(DASH_STORAGE_KEY,JSON.stringify({
+    version:DASH_LAYOUT_VERSION,
+    layout:_dashGrid.save(false),   // [{id,x,y,w,h},…] — visible widgets only
+    hidden:_dashHidden.slice(),
+  }));
+}
+
+function initDashGrid(){
+  var el=document.getElementById('dash-grid');
+  if(!el||typeof GridStack==='undefined')return;
+  _dashWrapCards();
+  _dashGrid=GridStack.init({
+    cellHeight:60,
+    margin:8,
+    staticGrid:true,   // locked by default; setStatic(false) enables drag+resize
+    columnOpts:{breakpoints:[{w:700,c:1}]},  // grid-width based (sidebar-aware)
+    draggable:{cancel:'input,textarea,button,select,option,img,.slider'},
+  },el);
+  var state=_dashLoadState();
+  if(state){
+    _dashHidden=Array.isArray(state.hidden)?state.hidden:[];
+    _dashGrid.load(state.layout,false);       // update matching ids, no add/remove
+    _dashHidden.forEach(function(n){
+      var item=_dashItem(n.id);
+      if(item){_dashGrid.removeWidget(item,false);item.style.display='none';}
+    });
+  }else{
+    _dashGrid.load(DASH_DEFAULT_LAYOUT,false);
+  }
+  _dashGrid.on('change',function(){if(_dashEditing)_dashSaveState();});
+  _dashRefreshPresetDropdown();
+}
+
+function toggleDashEdit(){
+  if(!_dashGrid)return;
+  _dashEditing=!_dashEditing;
+  _dashGrid.setStatic(!_dashEditing);
+  document.getElementById('dash-grid').classList.toggle('editing',_dashEditing);
+  document.getElementById('dash-lbl-edit').textContent=_dashEditing?(T.dash_done||'Done'):(T.dash_edit||'Customize dashboard');
+  document.getElementById('dash-reset-btn').style.display=_dashEditing?'':'none';
+  document.getElementById('dash-preset').style.display=_dashEditing?'':'none';
+  document.getElementById('dash-preset-save-btn').style.display=_dashEditing?'':'none';
+  _dashUpdatePresetDeleteBtn();
+  if(_dashEditing)_dashInjectControls(); else _dashRemoveControls();
+  _dashRenderHiddenBar();
+  if(!_dashEditing)_dashSaveState();
+}
+
+// ── Custom presets (user-saved layouts) ────────────────────────────────────
+var DASH_CUSTOM_PRESETS_KEY='dashCustomPresets';
+var DASH_BUILTIN_PRESET_IDS=['standard','wide89'];
+
+function _dashLoadCustomPresets(){
+  try{
+    var raw=localStorage.getItem(DASH_CUSTOM_PRESETS_KEY);
+    var obj=raw?JSON.parse(raw):{};
+    return (obj&&typeof obj==='object')?obj:{};
+  }catch(e){return {};}
+}
+function _dashSaveCustomPresets(presets){
+  localStorage.setItem(DASH_CUSTOM_PRESETS_KEY,JSON.stringify(presets));
+}
+
+function _dashRefreshPresetDropdown(){
+  var sel=document.getElementById('dash-preset');
+  if(!sel)return;
+  var current=sel.value;
+  var customs=_dashLoadCustomPresets();
+  // Remove previously-rendered custom <option>s, keep the two built-ins.
+  Array.prototype.slice.call(sel.querySelectorAll('option')).forEach(function(o){
+    if(DASH_BUILTIN_PRESET_IDS.indexOf(o.value)===-1)sel.removeChild(o);
+  });
+  Object.keys(customs).sort().forEach(function(name){
+    var opt=document.createElement('option');
+    opt.value='custom:'+name;
+    opt.textContent=name;
+    sel.appendChild(opt);
+  });
+  if(Array.prototype.some.call(sel.options,function(o){return o.value===current;}))sel.value=current;
+  _dashUpdatePresetDeleteBtn();
+}
+
+function _dashUpdatePresetDeleteBtn(){
+  var sel=document.getElementById('dash-preset');
+  var delBtn=document.getElementById('dash-preset-delete-btn');
+  if(!sel||!delBtn)return;
+  var isCustom=sel.value.indexOf('custom:')===0;
+  delBtn.style.display=(_dashEditing&&isCustom)?'':'none';
+}
+
+function saveCurrentAsDashPreset(){
+  if(!_dashGrid)return;
+  var name=(prompt(T.dash_preset_name_prompt||'Preset name:')||'').trim();
+  if(!name)return;
+  var customs=_dashLoadCustomPresets();
+  customs[name]=_dashGrid.save(false);
+  _dashSaveCustomPresets(customs);
+  _dashRefreshPresetDropdown();
+  var sel=document.getElementById('dash-preset');
+  if(sel)sel.value='custom:'+name;
+  _dashUpdatePresetDeleteBtn();
+}
+
+function deleteCurrentDashPreset(){
+  var sel=document.getElementById('dash-preset');
+  if(!sel||sel.value.indexOf('custom:')!==0)return;
+  var name=sel.value.slice(7);
+  if(!confirm((T.dash_preset_delete_confirm||'Delete preset "{name}"?').replace('{name}',name)))return;
+  var customs=_dashLoadCustomPresets();
+  delete customs[name];
+  _dashSaveCustomPresets(customs);
+  sel.value='standard';
+  _dashRefreshPresetDropdown();
+  resetDashLayout();
+}
+
+function _dashInjectControls(){
+  DASH_CARD_KEYS.forEach(function(key){
+    if(_dashHidden.some(function(n){return n.id===key;}))return;
+    var content=document.querySelector('#dash-grid .grid-stack-item[gs-id="'+key+'"] .grid-stack-item-content');
+    if(!content||content.querySelector('.dash-card-controls'))return;
+    var ctrl=document.createElement('div');
+    ctrl.className='dash-card-controls';
+    var hideBtn=document.createElement('button');
+    hideBtn.className='dash-card-ctrl-btn';
+    hideBtn.title=T.dash_hide||'Hide';
+    hideBtn.textContent='👁';
+    hideBtn.addEventListener('click',function(e){e.stopPropagation();dashHideCard(key);});
+    ctrl.appendChild(hideBtn);
+    content.appendChild(ctrl);
+  });
+}
+function _dashRemoveControls(){
+  var nodes=document.querySelectorAll('#dash-grid .dash-card-controls');
+  Array.prototype.forEach.call(nodes,function(n){n.parentNode&&n.parentNode.removeChild(n);});
+}
+
+function _dashCardLabel(key){
+  var card=document.querySelector('[data-card="'+key+'"]');
+  if(!card)return key;
+  var t=card.querySelector('.card-title');
+  return t?t.textContent.trim():key;
+}
+
+function _dashRenderHiddenBar(){
+  var bar=document.getElementById('dash-hidden-bar');
+  if(!bar)return;
+  bar.innerHTML='';
+  if(!_dashEditing||!_dashHidden.length){bar.classList.remove('show');return;}
+  bar.classList.add('show');
+  var label=document.createElement('span');
+  label.textContent=(T.dash_hidden_cards||'Hidden cards')+': ';
+  bar.appendChild(label);
+  _dashHidden.forEach(function(n){
+    var chip=document.createElement('span');
+    chip.className='dash-hidden-chip';
+    chip.appendChild(document.createTextNode(_dashCardLabel(n.id)+' '));
+    var btn=document.createElement('button');
+    btn.textContent='👁';
+    btn.title=T.dash_show||'Show';
+    btn.addEventListener('click',function(){dashShowCard(n.id);});
+    chip.appendChild(btn);
+    bar.appendChild(chip);
+  });
+}
+
+function dashHideCard(key){
+  if(_dashHidden.some(function(n){return n.id===key;}))return;
+  var item=_dashItem(key);
+  if(!item||!_dashGrid)return;
+  // Remember position/size so re-show can restore it.
+  var n=item.gridstackNode||{};
+  _dashHidden.push({id:key,x:n.x,y:n.y,w:n.w,h:n.h});
+  _dashGrid.removeWidget(item,false);   // keep DOM element, drop the widget
+  item.style.display='none';
+  _dashSaveState();
+  _dashRenderHiddenBar();
+}
+function dashShowCard(key){
+  var entry=null;
+  _dashHidden=_dashHidden.filter(function(n){if(n.id===key){entry=n;return false;}return true;});
+  var item=_dashItem(key);
+  if(item&&_dashGrid){
+    item.style.display='';
+    _dashGrid.makeWidget(item);
+    if(entry&&entry.w)_dashGrid.update(item,{x:entry.x,y:entry.y,w:entry.w,h:entry.h});
+    if(_dashEditing)_dashInjectControls();
+  }
+  _dashSaveState();
+  _dashRenderHiddenBar();
+}
+
+function _dashShowAllHidden(){
+  _dashHidden.slice().forEach(function(n){dashShowCard(n.id);});
+  _dashHidden=[];
+}
+
+function resetDashLayout(){
+  if(!_dashGrid)return;
+  localStorage.removeItem(DASH_STORAGE_KEY);
+  var sel=document.getElementById('dash-preset');if(sel)sel.value='standard';
+  _dashShowAllHidden();
+  _dashGrid.load(DASH_DEFAULT_LAYOUT,false);
+  if(_dashEditing){_dashInjectControls();_dashSaveState();}
+  _dashRenderHiddenBar();
+}
+function applyDashPreset(name){
+  if(name==='standard'){resetDashLayout();return;}
+  if(!_dashGrid)return;
+  var layout=null;
+  if(name==='wide89'){
+    layout=DASH_PRESET_WIDE;
+  }else if(name.indexOf('custom:')===0){
+    var customs=_dashLoadCustomPresets();
+    layout=customs[name.slice(7)];
+  }
+  if(!layout)return;
+  var sel=document.getElementById('dash-preset');
+  if(sel)sel.value=name;   // keep the dropdown in sync even when called directly
+  _dashShowAllHidden();
+  _dashGrid.load(layout,false);
+  _dashUpdatePresetDeleteBtn();
+  if(_dashEditing)_dashInjectControls();
+  _dashSaveState();
+  _dashRenderHiddenBar();
+}
+
+// Init now — all DASH_* declarations above have run, and app.js loads at
+// </body>, so the DOM is ready.
+initDashGrid();
 // ── Print actions ──
 function printAction(a){
   post('/printer/print/'+a,{}).then(function(){clog('Druck: '+a,'msg-ok');poll()})

web/themes/default/index.html

@@ -6,7 +6,9 @@
 <title>KX-Bridge</title>
 <link rel="stylesheet" href="/kx/ui/style.css">
 <link rel="stylesheet" href="/kx/ui/lib/pickr-nano.min.css">
+<link rel="stylesheet" href="/kx/ui/lib/gridstack.min.css">
 <script src="/kx/ui/lib/pickr.min.js"></script>
+<script src="/kx/ui/lib/gridstack-all.min.js"></script>
 <body>
 
 <div id="conn-error-banner" style="display:none;background:#c0392b;color:#fff;padding:10px 18px;font-size:14px;text-align:center;position:sticky;top:0;z-index:999;"></div>
@@ -137,9 +139,19 @@
   <main>
     <!-- ═══ DASHBOARD ═══ -->
     <div class="panel active" id="panel-dashboard">
-      <div class="grid">
+      <div id="dash-toolbar" style="display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:10px">
+        <select id="dash-preset" onchange="applyDashPreset(this.value)" style="display:none;padding:4px 8px;font-size:12px;background:var(--raised);color:var(--txt);border:1px solid var(--border);border-radius:6px">
+          <option value="standard" id="dash-preset-standard">Standard</option>
+          <option value="wide89" id="dash-preset-wide89">Desktop breit</option>
+        </select>
+        <button id="dash-preset-delete-btn" onclick="deleteCurrentDashPreset()" style="display:none;padding:4px 10px;font-size:12px;background:var(--raised);color:var(--err);border:1px solid var(--border);border-radius:6px;cursor:pointer">🗑</button>
+        <button id="dash-preset-save-btn" onclick="saveCurrentAsDashPreset()" style="display:none;padding:4px 10px;font-size:12px;background:var(--raised);color:var(--txt2);border:1px solid var(--border);border-radius:6px;cursor:pointer">💾 <span id="dash-lbl-save-preset">Als Preset speichern</span></button>
+        <button id="dash-reset-btn" onclick="resetDashLayout()" style="display:none;padding:4px 10px;font-size:12px;background:var(--raised);color:var(--txt2);border:1px solid var(--border);border-radius:6px;cursor:pointer">↺ <span id="dash-lbl-reset">Zurücksetzen</span></button>
+        <button id="dash-edit-btn" onclick="toggleDashEdit()" style="padding:4px 10px;font-size:12px;background:var(--raised);color:var(--txt2);border:1px solid var(--border);border-radius:6px;cursor:pointer">🖉 <span id="dash-lbl-edit">Dashboard anpassen</span></button>
+      </div>
+      <div class="grid-stack" id="dash-grid">
         <!-- Kamera -->
-        <div class="card" style="grid-column:1/-1">
+        <div class="card" id="card-camera" data-card="camera" gs-w="12" gs-h="7">
           <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px">
             <div class="card-title" style="margin-bottom:0"><span>📷</span> <span id="d-card-cam">Kamera</span></div>
             <div style="display:flex;align-items:center;gap:10px">
@@ -154,7 +166,7 @@
           <div class="cam-wrap" id="cam-wrap">
             <div class="cam-placeholder" id="cam-placeholder"><span id="cam-placeholder-txt">📷 Kamera nicht gestartet</span></div>
             <div class="cam-spinner" id="cam-spinner"></div>
-            <img id="cam-img" style="display:none;width:100%;height:auto" alt="Kamera">
+            <img id="cam-img" draggable="false" style="display:none;width:100%;height:auto" alt="Kamera">
             <div class="cam-overlay" id="cam-overlay" style="display:none">
               <div style="font-size:12px;color:#fff" id="cam-fname"></div>
             </div>
@@ -164,7 +176,7 @@
         </div>
 
         <!-- Fortschritt -->
-        <div class="card" style="grid-column:1/-1">
+        <div class="card" id="card-progress" data-card="progress" gs-w="12" gs-h="6">
           <div class="card-title"><span>◉</span> <span id="d-card-progress">Fortschritt</span></div>
           <img id="d-thumbnail" src="" alt="" style="display:none;width:100%;max-height:160px;object-fit:contain;border-radius:8px;background:#111;margin-bottom:10px">
           <div class="pct-big"><span id="d-pct">0</span><small>%</small></div>
@@ -210,7 +222,7 @@
         </div>
 
         <!-- Temperatursteuerung + Verlauf -->
-        <div class="card" style="grid-column:1/-1">
+        <div class="card" id="card-temps" data-card="temps" gs-w="6" gs-h="7">
           <div class="card-title"><span>⊙</span> <span id="d-card-temps">Temperaturen</span></div>
           <div class="temp-card-inner">
             <div class="temp-block">
@@ -253,7 +265,7 @@
         </div>
 
         <!-- Achsensteuerung -->
-        <div class="card">
+        <div class="card" id="card-motion" data-card="motion" gs-w="6" gs-h="7">
           <div class="card-title"><span>✛</span> <span id="ptitle-motion-xy">Achsensteuerung</span></div>
           <div style="display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap">
             <!-- XY -->
@@ -301,7 +313,7 @@
         </div>
 
         <!-- Print Speed -->
-        <div class="card">
+        <div class="card" id="card-speed" data-card="speed" gs-w="6" gs-h="3">
           <div class="card-title"><span>🏎</span> <span id="d-card-speed">Druckgeschwindigkeit</span></div>
           <div style="display:flex;gap:8px;margin-top:4px">
             <button class="spd-btn" id="d-spd-1" onclick="setSpeed(1)">
@@ -323,7 +335,7 @@
         </div>
 
         <!-- Lüfter -->
-        <div class="card">
+        <div class="card" id="card-fan" data-card="fan" gs-w="6" gs-h="3">
           <div class="card-title"><span>🌀</span> <span id="d-card-lightfan">Lüfter</span></div>
           <div class="slider-row">
             <input type="range" class="slider" min="0" max="100" value="0" id="d-fan" oninput="document.getElementById('d-fan-val').textContent=this.value" onchange="setFan()">
@@ -338,18 +350,19 @@
           </div>
         </div>
 
-        <div id="d-ace-dry-wrap" style="display:none">
-          <div id="d-ace-dry-grid" style="display:contents"></div>
-        </div>
-
         <!-- AMS -->
-        <div class="card" style="grid-column:1/-1" id="d-ams-card">
+        <div class="card" id="d-ams-card" data-card="ams" gs-w="12" gs-h="4">
           <div class="card-title"><span>◫</span> <span id="d-card-ams">Filament</span></div>
           <div class="ams-slots" id="ams-slots">
             <div style="grid-column:1/-1;text-align:center;color:var(--txt2);padding:20px" id="ams-no-data">Keine AMS-Daten empfangen</div>
           </div>
         </div>
       </div>
+      <!-- ACE-Trocknung: außerhalb des GridStack-Grids, per Drucker-State eingeblendet -->
+      <div id="d-ace-dry-wrap" class="grid" style="display:none;margin-top:16px">
+        <div id="d-ace-dry-grid" style="display:contents"></div>
+      </div>
+      <div id="dash-hidden-bar"></div>
     </div>
 
     <!-- ═══ CONSOLE ═══ -->

web/themes/default/lib/gridstack.min.css

@@ -0,0 +1 @@
+.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:rgba(0,0,0,.1);margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:translate(0,10px) rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:translate(0,10px) rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top;cursor:move}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px rgba(0,0,0,.2);opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.gs-12>.grid-stack-item{width:8.333%}.gs-12>.grid-stack-item[gs-x="1"]{left:8.333%}.gs-12>.grid-stack-item[gs-w="2"]{width:16.667%}.gs-12>.grid-stack-item[gs-x="2"]{left:16.667%}.gs-12>.grid-stack-item[gs-w="3"]{width:25%}.gs-12>.grid-stack-item[gs-x="3"]{left:25%}.gs-12>.grid-stack-item[gs-w="4"]{width:33.333%}.gs-12>.grid-stack-item[gs-x="4"]{left:33.333%}.gs-12>.grid-stack-item[gs-w="5"]{width:41.667%}.gs-12>.grid-stack-item[gs-x="5"]{left:41.667%}.gs-12>.grid-stack-item[gs-w="6"]{width:50%}.gs-12>.grid-stack-item[gs-x="6"]{left:50%}.gs-12>.grid-stack-item[gs-w="7"]{width:58.333%}.gs-12>.grid-stack-item[gs-x="7"]{left:58.333%}.gs-12>.grid-stack-item[gs-w="8"]{width:66.667%}.gs-12>.grid-stack-item[gs-x="8"]{left:66.667%}.gs-12>.grid-stack-item[gs-w="9"]{width:75%}.gs-12>.grid-stack-item[gs-x="9"]{left:75%}.gs-12>.grid-stack-item[gs-w="10"]{width:83.333%}.gs-12>.grid-stack-item[gs-x="10"]{left:83.333%}.gs-12>.grid-stack-item[gs-w="11"]{width:91.667%}.gs-12>.grid-stack-item[gs-x="11"]{left:91.667%}.gs-12>.grid-stack-item[gs-w="12"]{width:100%}.gs-1>.grid-stack-item{width:100%}

web/themes/default/style.css

@@ -95,18 +95,63 @@ main{flex:1;overflow-y:auto;padding:20px}
 
 /* ── CARD ── */
 .card{background:var(--card);border:1px solid var(--border);border-radius:12px;
-  padding:18px;transition:box-shadow .15s,transform .15s}
+  padding:18px;transition:box-shadow .15s,transform .15s;container-type:inline-size}
 .card:hover{box-shadow:0 4px 20px rgba(0,0,0,.3);transform:translateY(-1px)}
 .card-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--txt2);
   margin-bottom:14px;display:flex;align-items:center;gap:8px}
 .card-title span{font-size:14px}
 
+/* ── DASHBOARD FREE GRID (GridStack) ── */
+/* .grid-stack-item-content is already position:absolute + fills the cell
+   (GridStack's own CSS). The card inside just needs to fill that box — it
+   must NOT be position:absolute itself, or it can sit above/intercept
+   GridStack's resize-handle hit area and drag listeners. */
+/* Doc pattern: the card fills its cell; content scrolls if the user resizes
+   the cell smaller than the content needs. */
+.grid-stack-item-content>.card{width:100%;height:100%;margin:0;overflow:auto;box-sizing:border-box}
+/* .card:hover{transform:translateY(-1px)} creates a new containing block right
+   as the user starts dragging, throwing off GridStack's position math. Kill
+   the hover transform for dashboard cards specifically. */
+.grid-stack-item-content>.card:hover{transform:none}
+/* Edit mode: dashed outline + grab cursor on each item */
+#dash-grid.editing .grid-stack-item-content>.card{cursor:grab;
+  outline:1px dashed var(--accent);outline-offset:-1px;user-select:none}
+/* GridStack placeholder styled to theme */
+.grid-stack>.grid-stack-placeholder>.placeholder-content{
+  background:rgba(120,150,255,.12);border:1px dashed var(--accent);border-radius:12px}
+/* Resize handles only visible in edit mode */
+#dash-grid:not(.editing) .ui-resizable-handle{display:none!important}
+/* Per-card controls (hide button) */
+.dash-card-controls{display:none;position:absolute;top:8px;right:8px;gap:4px;z-index:6}
+#dash-grid.editing .dash-card-controls{display:flex}
+.dash-card-ctrl-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);
+  background:var(--raised);color:var(--txt2);cursor:pointer;font-size:12px;
+  display:flex;align-items:center;justify-content:center;line-height:1}
+.dash-card-ctrl-btn:hover{color:var(--accent);border-color:var(--accent)}
+#dash-hidden-bar{display:none;flex-wrap:wrap;gap:8px;margin-top:12px;padding:10px;
+  border:1px dashed var(--border);border-radius:10px}
+#dash-hidden-bar.show{display:flex}
+.dash-hidden-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;
+  background:var(--raised);border:1px solid var(--border);border-radius:20px;color:var(--txt2)}
+.dash-hidden-chip button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12px;padding:0}
+
+@media(max-width:768px){
+  #dash-toolbar{display:none}
+}
+
 /* ── HERO ── */
 .hero{grid-column:1/-1;display:grid;grid-template-columns:1fr 320px;gap:16px}
 @media(max-width:900px){.hero{grid-template-columns:1fr}}
 .cam-wrap{background:#0a0a0e;border-radius:10px;overflow:hidden;
   min-height:180px;max-height:320px;display:flex;align-items:center;justify-content:center;position:relative}
-.cam-wrap img,.cam-wrap video{width:100%;max-height:320px;height:auto;display:block;object-fit:contain}
+.cam-wrap img,.cam-wrap video{width:100%;max-height:320px;height:auto;display:block;object-fit:contain;
+  -webkit-user-drag:none;user-select:none}
+/* Inside the dashboard grid the camera card can be resized taller than the
+   default 320px cap — flex column: title row keeps its height, cam view
+   flexes to fill whatever cell height the user chose. */
+.grid-stack-item-content>#card-camera{display:flex;flex-direction:column}
+.grid-stack-item-content .cam-wrap{flex:1;min-height:0;max-height:none}
+.grid-stack-item-content .cam-wrap img,.grid-stack-item-content .cam-wrap video{max-height:100%;height:100%}
 .cam-placeholder{color:var(--txt2);font-size:13px;text-align:center;padding:20px}
 @keyframes spin{to{transform:rotate(360deg)}}
 .cam-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.15);
@@ -161,6 +206,12 @@ main{flex:1;overflow-y:auto;padding:20px}
 /* ── TEMPS ── */
 .temp-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .temp-card-inner{display:grid;grid-template-columns:1fr 1fr;gap:12px}
+@container (max-width:340px){
+  .temp-card-inner{grid-template-columns:1fr}
+  .temp-val{font-size:24px}
+  .temp-edit{flex-wrap:wrap}
+  .temp-input{width:100%}
+}
 .temp-block{background:var(--raised);border-radius:10px;padding:14px;position:relative}
 .temp-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--txt2);margin-bottom:6px}
 .temp-row{display:flex;align-items:baseline;gap:6px}

web/translations/de.json

@@ -247,6 +247,18 @@
   "settings_poll": "Poll-Intervall (Sekunden)",
   "settings_poll_interval_hint": "Wie oft die Bridge den Druckerstatus abfragt",
   "settings_verbose_http_log": "Jede HTTP-Anfrage loggen (ausführlich)",
+  "dash_edit": "Dashboard anpassen",
+  "dash_done": "Fertig",
+  "dash_reset": "Zurücksetzen",
+  "dash_preset_standard": "Standard",
+  "dash_preset_wide89": "Desktop breit",
+  "dash_hidden_cards": "Ausgeblendete Karten",
+  "dash_show": "Einblenden",
+  "dash_hide": "Ausblenden",
+  "dash_toggle_width": "Breite umschalten",
+  "dash_save_preset": "Als Preset speichern",
+  "dash_preset_name_prompt": "Preset-Name:",
+  "dash_preset_delete_confirm": "Preset \"{name}\" löschen?",
   "settings_poll_interval_label": "Poll-Intervall (Sekunden)",
   "settings_print": "Druckeinstellungen",
   "settings_printer_ip": "Drucker-IP",

web/translations/en.json

@@ -247,6 +247,18 @@
   "settings_poll": "Poll Interval (seconds)",
   "settings_poll_interval_hint": "How often the bridge queries printer status",
   "settings_verbose_http_log": "Log every HTTP request (verbose)",
+  "dash_edit": "Customize dashboard",
+  "dash_done": "Done",
+  "dash_reset": "Reset",
+  "dash_preset_standard": "Standard",
+  "dash_preset_wide89": "Wide desktop",
+  "dash_hidden_cards": "Hidden cards",
+  "dash_show": "Show",
+  "dash_hide": "Hide",
+  "dash_toggle_width": "Toggle width",
+  "dash_save_preset": "Save as preset",
+  "dash_preset_name_prompt": "Preset name:",
+  "dash_preset_delete_confirm": "Delete preset \"{name}\"?",
   "settings_poll_interval_label": "Poll Interval (seconds)",
   "settings_print": "Print Settings",
   "settings_printer_ip": "Printer IP",

web/translations/es.json

@@ -247,6 +247,18 @@
   "settings_poll": "Intervalo de sondeo (segundos)",
   "settings_poll_interval_hint": "Con qué frecuencia el bridge consulta el estado de la impresora",
   "settings_verbose_http_log": "Registrar cada solicitud HTTP (detallado)",
+  "dash_edit": "Personalizar panel",
+  "dash_done": "Listo",
+  "dash_reset": "Restablecer",
+  "dash_preset_standard": "Estándar",
+  "dash_preset_wide89": "Escritorio ancho",
+  "dash_hidden_cards": "Tarjetas ocultas",
+  "dash_show": "Mostrar",
+  "dash_hide": "Ocultar",
+  "dash_toggle_width": "Cambiar ancho",
+  "dash_save_preset": "Guardar como preset",
+  "dash_preset_name_prompt": "Nombre del preset:",
+  "dash_preset_delete_confirm": "¿Eliminar el preset \"{name}\"?",
   "settings_poll_interval_label": "Intervalo de sondeo (segundos)",
   "settings_print": "Ajustes de impresión",
   "settings_printer_ip": "IP de impresora",

web/translations/zh-cn.json

@@ -247,6 +247,18 @@
   "settings_poll": "轮询间隔（秒）",
   "settings_poll_interval_hint": "Bridge 查询打印机状态的频率",
   "settings_verbose_http_log": "记录每个 HTTP 请求（详细模式）",
+  "dash_edit": "自定义仪表盘",
+  "dash_done": "完成",
+  "dash_reset": "重置",
+  "dash_preset_standard": "标准",
+  "dash_preset_wide89": "宽屏桌面",
+  "dash_hidden_cards": "隐藏的卡片",
+  "dash_show": "显示",
+  "dash_hide": "隐藏",
+  "dash_toggle_width": "切换宽度",
+  "dash_save_preset": "另存为预设",
+  "dash_preset_name_prompt": "预设名称：",
+  "dash_preset_delete_confirm": "删除预设 \"{name}\"？",
   "settings_poll_interval_label": "轮询间隔（秒）",
   "settings_print": "打印设置",
   "settings_printer_ip": "打印机 IP",