signalk-mareas-ihm 2.3.0 → 2.3.1

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # Changelog
 
+## [2.3.1] - 2026-06-23
+
+### English
+
+**Skipper feedback round 1 (Vicente / Tunatunes Vigo)**
+
+- **New bottom-bar widget "Drop to LW"** — large number = how many centimetres the tide will drop until the next low water (negative). Sub-label = expected final depth. Visible permanently (not only on grounding alert). Lets you decide whether to anchor with enough margin.
+- **New bottom-bar widget "At LW"** — large number = expected depth at next low water (consistent with the main SONDA cell, raw sensor reference, not below-surface). Sub-label = LW time. Amber if <2m, red if <1m.
+- **Depth cell sub-label rewritten** — now compact "(final X.X m)" in parentheses below the depth reading. Coherent with the new widgets above.
+- **Bottom-bar config bug fixed** — disabling and re-enabling cells in the config UI now actually persists. The backend whitelist was filtering out new keys silently.
+- **Left arrow of bottom-bar always visible** when the bar is open, matching the right arrow. Previously the left arrow hid when no horizontal scroll was available, getting covered by the bar.
+
+**Signal K data hygiene (skipper feedback)**
+
+- `environment.tide.vessel.finalExpctDepthBKeel` — **fixed historic bug**: the path name said "below keel" but the value was actually "below surface" (off by the boat's draft). Now finally publishes the real below-keel value.
+- `environment.tide.finalExpctDepthBKeelResume` — same fix applied to the text summary "Min. depth X m at HH:MM".
+- New: `environment.tide.expectedDropToLW` (m) — how much the tide will drop until next low water.
+- New: `environment.depth.belowKeelExpectedAtLW` (m) — expected depth under keel at next LW.
+- Removed `environment.depth.belowSurfaceExpectedAtLW` (it was confusing — skipper asked for below-keel only).
+
+**Dep hygiene**
+- `@signalk/server-api` range tagged with explicit patch `^2.0.0` (was `^2.0`) — cosmetic, fixes Socket.dev "floating dependency" warning. NPM resolution unchanged.
+
+### Español
+
+**Feedback navegante ronda 1 (Vicente / Tunatunes Vigo)**
+
+- **Nuevo widget bottom-bar "Dif. Bajamar"** — número grande = cuántos centímetros bajará la marea hasta la próxima bajamar (negativo). Sub-label = profundidad final esperada. Visible permanentemente (no solo cuando hay alerta de varada). Permite decidir si fondear con margen suficiente.
+- **Nuevo widget bottom-bar "En B.M."** — número grande = profundidad esperada en la próxima bajamar (coherente con la celda SONDA principal, referencia del sensor crudo, no bajo superficie). Sub-label = hora de la bajamar. Ámbar si <2m, rojo si <1m.
+- **Sub-label de la celda Sonda reescrito** — ahora compacto "(final X.X m)" entre paréntesis bajo el valor de sonda. Coherente con los nuevos widgets.
+- **Bug del config del bottom-bar arreglado** — desactivar y reactivar celdas en el config UI ahora persiste de verdad. El backend filtraba silenciosamente las claves nuevas.
+- **Flecha izquierda del bottom-bar siempre visible** cuando la barra está abierta, igual que la derecha. Antes solo aparecía si había scroll horizontal posible, quedando tapada por la barra.
+
+**Limpieza de datos en Signal K (feedback navegante)**
+
+- `environment.tide.vessel.finalExpctDepthBKeel` — **bug histórico corregido**: el nombre del path decía "bajo quilla" pero el valor era "bajo superficie" (desfase = calado del barco). Ahora por fin publica el valor real bajo quilla.
+- `environment.tide.finalExpctDepthBKeelResume` — el mismo fix aplicado al resumen textual "Prof. mínima X m a las HH:MM".
+- Nuevo: `environment.tide.expectedDropToLW` (m) — cuánto bajará la marea hasta la próxima bajamar.
+- Nuevo: `environment.depth.belowKeelExpectedAtLW` (m) — sonda esperada bajo quilla en la próxima bajamar.
+- Eliminado `environment.depth.belowSurfaceExpectedAtLW` (creaba confusión — el navegante pidió solo bajo quilla).
+
+**Limpieza de deps**
+- `@signalk/server-api` rango etiquetado con patch explícito `^2.0.0` (antes `^2.0`) — cosmético, resuelve el aviso "floating dependency" de Socket.dev. Resolución de NPM idéntica.
+
 ## [2.3.0] - 2026-06-22
 
 ### English

package/dist/build-info.json

@@ -1,7 +1,7 @@
 {
-  "version": "2.3.0",
-  "timestamp": "20260622-2245",
-  "gitHash": "a3e8ddd",
+  "version": "2.3.1",
+  "timestamp": "20260623-0211",
+  "gitHash": "1fe769e",
   "gitDirty": false,
-  "builtAt": "2026-06-22T20:45:08.742Z"
+  "builtAt": "2026-06-23T00:11:05.914Z"
 }

package/dist/index.js

@@ -49,7 +49,7 @@ function isPositionValue(v) {
 // timestamp + git hash so we can verify exactly which build is running on the Pi
 // without ambiguity. ("¿Qué versión tengo deployada?" → /api/paths or landing.)
 const PLUGIN_VERSION = esmRequire("../package.json").version;
-const PLUGIN_REVISION = "Rev487";
+const PLUGIN_REVISION = "Rev492";
 // Rev478 (C-17): schemaVersion=2. Introduce bloque `grounding` (FSM Physics/
 // Config/Notification de Rev477) y `gpsAgeMs` (C-12). Frontend cacheado con
 // expected=1 debe forzar reload. SERVER_INSTANCE_ID detecta restart vivo del
@@ -297,7 +297,10 @@ const MAX_SIDE_BUTTONS_PER_SIDE = 5;
 // Whitelist de keys soportadas. Cualquier key NO en este set se descarta.
 // El orden recibido define el orden de pintado; las celdas no listadas se ocultan.
 // Whitelist incluye celdas opt-in (sunrise, wx_6h, wave) que NO van en defaults.
-const BB_CELL_KEYS = ["sog", "heading", "wind", "sonda", "tide", "pres", "abrigo", "calidad", "cad_rec", "dist_ancla", "h_fondeo", "sunrise", "wx_6h", "wave"];
+/* Rev491 (feedback Vicente): añadidas dif_lw y prof_min a la whitelist del
+   backend. Sin esto, sanitizeBBOrder() las filtraba al guardar, haciendo que
+   no se pudieran reactivar tras desactivarlas en config. */
+const BB_CELL_KEYS = ["sog", "heading", "wind", "sonda", "dif_lw", "prof_min", "tide", "pres", "abrigo", "calidad", "cad_rec", "dist_ancla", "h_fondeo", "sunrise", "wx_6h", "wave"];
 const DEFAULT_BB_ORDER = ["sog", "heading", "wind", "sonda", "tide", "pres", "abrigo", "calidad", "cad_rec", "dist_ancla", "h_fondeo"];
 function sanitizeBBOrder(arr) {
     if (!Array.isArray(arr))
@@ -5260,6 +5263,13 @@ self.addEventListener("fetch", (e) => { /* no-op: pass through to network */ });
                             risk: !!_currentGroundingRisk.risk,
                             physicalRisk: !!_currentGroundingRisk.physicalRisk,
                             expectedMinDepthM: _currentGroundingRisk.expectedMinDepth ?? null,
+                            // Rev488 (feedback Vicente): "Bajará máximo X cm" — la magnitud que el
+                            // navegante usa para decidir si fondea con margen suficiente. El evaluator
+                            // ya lo calcula como remainingDrop = tideNow - nextLowHeight. Lo exponemos
+                            // siempre (no solo cuando hay riesgo) para que el bottom-bar muestre el
+                            // sub-label permanente.
+                            remainingDropM: _currentGroundingRisk.remainingDrop ?? null,
+                            depthNowM: _currentGroundingRisk.depthNow ?? null,
                             effectiveDraftM: _currentGroundingRisk.effectiveDraft ?? null,
                             safetyMarginM: _currentGroundingRisk.safetyMargin ?? null,
                             nextLowTimeIso: _currentGroundingRisk.nextLowTime ?? null,
@@ -10842,9 +10852,35 @@ self.addEventListener("fetch", (e) => { /* no-op: pass through to network */ });
                 // v1.127: ALWAYS reflects physical reality, regardless of whether alarm is enabled.
                 // This is what KIP/external instruments need. Alarm state is in groundingAlarm.
                 vesselValues.push({ path: "environment.tide.vessel.groundingRisk", value: physicalRisk });
-                // Expected minimum depth at next low tide (2 decimals)
-                if (expectedMinDepth != null)
-                    vesselValues.push({ path: "environment.tide.vessel.finalExpctDepthBKeel", value: Math.round(expectedMinDepth * 100) / 100 });
+                // Rev489-491 (feedback Vicente): publicar SOLO valores BELOW KEEL en SK.
+                // Vicente: "Elimina todos los datos que sean SURFACE, lo que nos interesa
+                // es el dato Below keel o below transducer (que debera ser elegido en la
+                // configuracion). Por ahora belowKeel."
+                //
+                // Paths publicados:
+                //   environment.tide.expectedDropToLW       = bajada hasta proxima bajamar (m)
+                //   environment.depth.belowKeelExpectedAtLW = sonda final esperada bajo
+                //     quilla (m). Coherente con environment.depth.belowKeel actual.
+                //   environment.tide.vessel.finalExpctDepthBKeel = MISMO valor que
+                //     belowKeelExpectedAtLW. Compatibilidad con KIP/integraciones que ya
+                //     usaban este path historico. CORREGIDO Rev491: antes publicaba el
+                //     valor belowSurface por bug historico (el nombre era BKeel pero el
+                //     valor era surface). Ahora corregido a belowKeel real.
+                //
+                // SK paths ELIMINADOS Rev491 (eran SURFACE, confusion garantizada):
+                //   environment.depth.belowSurfaceExpectedAtLW
+                if (remainingDrop != null) {
+                    vesselValues.push({ path: "environment.tide.expectedDropToLW", value: Math.round(remainingDrop * 100) / 100 });
+                }
+                if (expectedMinDepth != null && typeof draft === "number" && draft > 0) {
+                    /* CUIDADO: baseDraft incluye el safetyMargin. Para belowKeel real
+                       restamos SOLO el calado, no el baseDraft. */
+                    const belowKeelAtLW = Math.round((expectedMinDepth - draft) * 100) / 100;
+                    vesselValues.push({ path: "environment.depth.belowKeelExpectedAtLW", value: belowKeelAtLW });
+                    /* Path historico — ahora publica el MISMO valor (belowKeel real) para
+                       que finalmente haga honor a su nombre "BKeel". */
+                    vesselValues.push({ path: "environment.tide.vessel.finalExpctDepthBKeel", value: belowKeelAtLW });
+                }
                 // v1.127: NEW — Free water between effective draft and seabed at next low tide.
                 // Positive = safe clearance. Negative = GROUNDING (keel below seabed).
                 if (expectedMinDepth != null && eff != null) {

package/dist/mobile.html

@@ -1892,6 +1892,22 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
     <span class="vl" id="m-bb-tide-val">—</span>
     <span id="m-bb-tide-next" style="display:block;font-size:10px;font-weight:800;margin-top:1px;line-height:1;color:#cde">—</span>
   </div>
+  <!-- Rev489 (feedback Vicente): widget "Dif. Bajamar" — cuánto bajará la
+       marea hasta la próxima bajamar (cm). Click abre modal Cálculo Sonda. -->
+  <div class="it" data-bb-cell="dif_lw" data-i18n-title="bb_dif_lw_tip" title="Diferencia hasta próxima bajamar · click → Cálculo Sonda" onclick="openPopup&&openPopup('sonda-pop');typeof fetchSondaData==='function'&&fetchSondaData()">
+    <span class="lb" data-i18n="bb_dif_lw">Dif. Bajamar</span>
+    <span class="vl" id="m-bb-dif-lw">—</span>
+    <span id="m-bb-dif-lw-end" style="display:block;font-size:10px;font-weight:800;margin-top:1px;line-height:1;color:#cde">—</span>
+  </div>
+  <!-- Rev490 (feedback Vicente): widget "Prof. Mínima" — sonda esperada en la
+       próxima bajamar. Numero grande = profundidad final en metros (coherente
+       con el numero grande de SONDA, misma referencia). Sub-label = hora de la
+       proxima bajamar. Click abre modal Cálculo Sonda. -->
+  <div class="it" data-bb-cell="prof_min" data-i18n-title="bb_prof_min_tip" title="Profundidad mínima esperada en la próxima bajamar · click → Cálculo Sonda" onclick="openPopup&&openPopup('sonda-pop');typeof fetchSondaData==='function'&&fetchSondaData()">
+    <span class="lb" data-i18n="bb_prof_min">Prof. mín.</span>
+    <span class="vl" id="m-bb-prof-min">—</span>
+    <span id="m-bb-prof-min-when" style="display:block;font-size:10px;font-weight:800;margin-top:1px;line-height:1;color:#cde">—</span>
+  </div>
   <div class="it" data-bb-cell="cad_rec" data-i18n-title="bb_cadena_tip" title="Cadena recomendada" onclick="m_openInfoModal&&m_openInfoModal()"><span class="lb" data-i18n="bb_cadena_rec">Cadena rec.</span><span class="vl" id="m-bb-cad">—</span></div>
   <div class="it" data-bb-cell="dist_ancla" data-i18n-title="bb_dist_tip" title="Distancia al ancla" onclick="m_openInfoModal&&m_openInfoModal()"><span class="lb" data-i18n="bb_dist_ancla">Dist. ancla</span><span class="vl" id="m-bb-dist">—</span></div>
   <!-- Rev331 (item 13): HORA del fondeo (HH:MM del drop, +N si han pasado días). Siempre visible con '—' cuando no fondeado. -->
@@ -2711,10 +2727,36 @@ var _unitsSystem = localStorage.getItem('ihm-visor-units') || 'metric_nautical';
       window._sideButtons = j.buttons.slice();
       try{ if(typeof m_renderSideButtons === 'function') m_renderSideButtons(window._sideButtons); }catch(_){}
     }
-    /* Sprint F (Rev454): cargar y aplicar orden/visibilidad del bottom-bar. */
+    /* Sprint F (Rev454): cargar y aplicar orden/visibilidad del bottom-bar.
+       Rev491: AUTO-MIGRACIoN — si el bbOrder guardado no contiene celdas
+       nuevas (dif_lw, prof_min, etc.) las insertamos automaticamente tras
+       'sonda' para que el usuario las vea sin tener que entrar a config. */
     if (j && Array.isArray(j.bbOrder)) {
-      window._bbOrder = j.bbOrder.slice();
+      var loaded = j.bbOrder.slice();
+      var MIGRATE_TARGETS = ['dif_lw','prof_min'];
+      var anchorKey = 'sonda';
+      var anchorIdx = loaded.indexOf(anchorKey);
+      var didMigrate = false;
+      MIGRATE_TARGETS.forEach(function(k){
+        if (loaded.indexOf(k) < 0) {
+          if (anchorIdx >= 0) {
+            loaded.splice(anchorIdx + 1, 0, k);
+            anchorIdx++;  // siguiente nueva celda va tras esta
+          } else {
+            loaded.push(k);
+          }
+          didMigrate = true;
+        }
+      });
+      window._bbOrder = loaded;
       try{ if(typeof m_applyBBOrder === 'function') m_applyBBOrder(window._bbOrder); }catch(_){}
+      /* Si migramos, persistir para que el siguiente boot no vuelva a hacerlo. */
+      if (didMigrate) {
+        try {
+          fetch(A+'/settings',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({bbOrder:loaded})}).catch(function(){});
+          console.log('[IHM-BB] migrated bbOrder, added missing cells:', MIGRATE_TARGETS.filter(function(k){return j.bbOrder.indexOf(k)<0;}));
+        } catch(_){}
+      }
     }
   }).catch(function(){});
 })();
@@ -2723,8 +2765,11 @@ var _unitsSystem = localStorage.getItem('ihm-visor-units') || 'metric_nautical';
    Whitelist de keys + defaults. Cada celda tiene data-bb-cell="key".
    m_applyBBOrder(arr): reordena los hijos del #m-bottom-bar segun arr y
    oculta los que no esten en arr (display:none). */
-window._BB_CELL_KEYS = ["sog","heading","wind","sonda","tide","pres","abrigo","calidad","cad_rec","dist_ancla","h_fondeo","sunrise","wx_6h","wave"];
-window._BB_DEFAULT_ORDER = ["sog","heading","wind","sonda","tide","pres","abrigo","calidad","cad_rec","dist_ancla","h_fondeo"];
+/* Rev489-490: dos celdas nuevas tras "sonda" — "dif_lw" (bajada en cm hasta
+   próxima bajamar) y "prof_min" (sonda esperada en esa bajamar). Vicente
+   pidió ambas para fondear con margen. */
+window._BB_CELL_KEYS = ["sog","heading","wind","sonda","dif_lw","prof_min","tide","pres","abrigo","calidad","cad_rec","dist_ancla","h_fondeo","sunrise","wx_6h","wave"];
+window._BB_DEFAULT_ORDER = ["sog","heading","wind","sonda","dif_lw","prof_min","tide","pres","abrigo","calidad","cad_rec","dist_ancla","h_fondeo"];
 window._bbOrder = window._bbOrder || window._BB_DEFAULT_ORDER.slice();
 function m_applyBBOrder(arr){
   var bar = document.getElementById('m-bottom-bar');
@@ -3615,6 +3660,14 @@ var _i18n={
   /* Sprint C (Rev452): celda marea bottom-bar. */
   bb_marea:{es:'Marea',en:'Tide'},
   bb_marea_tip:{es:'Estado marea: subiendo (▲) o bajando (▼) · % entre extremos · proximo extremo y hora · click → Curvas',en:'Tide state: rising (▲) or falling (▼) · % between extremes · next extreme + time · click → Tide chart'},
+  /* Rev489 (feedback Vicente): nueva celda Diferencia Bajamar. */
+  bb_dif_lw:{es:'Dif. Bajamar',en:'Drop to LW'},
+  bb_dif_lw_tip:{es:'Cuánto bajará la marea hasta la próxima bajamar (cm) y sonda final esperada · click → Cálculo Sonda',en:'How much the tide will drop until next low water (cm) and expected final depth · click → Depth calc'},
+  /* Rev490 (feedback Vicente): nueva celda Profundidad Mínima esperada.
+     Rev491: titulo cambiado a "En B.M." (En Bajamar) — mas claro para el
+     navegante que "Prof. mín." segun Vicente. */
+  bb_prof_min:{es:'En B.M.',en:'At LW'},
+  bb_prof_min_tip:{es:'Profundidad mínima esperada en la próxima bajamar (coherente con sonda actual) · click → Cálculo Sonda',en:'Minimum expected depth at next low water (consistent with current depth display) · click → Depth calc'},
   tide_pm_short:{es:'PM',en:'HW'},
   tide_bm_short:{es:'BM',en:'LW'},
   /* Sprint F (Rev454): nueva celda Heading + motor bottom-bar configurable. */
@@ -5341,6 +5394,9 @@ function _groundingDisplay(s){
       physicalRisk:     (g.physics.state === 'danger') || legacyPhysRisk,
       currentDepthM:    (typeof g.physics.depthBelowSurfaceM === 'number') ? g.physics.depthBelowSurfaceM : null,
       expectedMinDepthM:(typeof g.physics.expectedMinDepthM === 'number') ? g.physics.expectedMinDepthM : null,
+      /* Rev488: remainingDropM = cuanto bajara la marea hasta la proxima bajamar.
+         Vicente lo pidio expresamente como dato principal para decidir fondear. */
+      remainingDropM:   (typeof (s.groundingDetail||{}).remainingDropM === 'number') ? s.groundingDetail.remainingDropM : null,
       effectiveDraftM:  (typeof g.config.effectiveDraftM === 'number') ? g.config.effectiveDraftM
                         : (typeof g.config.draftM === 'number' && typeof g.config.safetyMarginM === 'number'
                             ? (g.config.draftM + g.config.safetyMarginM) * 1.15 : null),
@@ -5363,6 +5419,7 @@ function _groundingDisplay(s){
     physicalRisk:     typeof gd.physicalRisk === 'boolean' ? gd.physicalRisk : null,
     currentDepthM:    (typeof gd.depthNowM === 'number') ? gd.depthNowM : null,
     expectedMinDepthM:(typeof gd.expectedMinDepthM === 'number') ? gd.expectedMinDepthM : null,
+    remainingDropM:   (typeof gd.remainingDropM === 'number') ? gd.remainingDropM : null,
     effectiveDraftM:  (typeof gd.effectiveDraftM === 'number') ? gd.effectiveDraftM : null,
     nextLowTimeIso:   gd.nextLowTimeIso || null,
     timeUntilMin:     (typeof gd.timeUntilMin === 'number') ? gd.timeUntilMin : null,
@@ -11644,10 +11701,110 @@ function m_pollBottomBar(){
           sublabel = (typeof T==='function') ? T('bb_sonda_riesgo','⚠ Atención: riesgo varada') : '⚠ Atención: riesgo varada';
         }
         sst.textContent = sublabel; sst.style.color = '#f44336'; sst.style.display = 'block';
-      } else if (s.tideResume) {
-        sst.textContent = (typeof T==='function')?T('bb_sonda_ok','OK · sin riesgo de varada'):'OK · sin riesgo de varada'; sst.style.color = '#66ffaa'; sst.style.display = 'block';
-      } else { sst.style.display = 'none'; }
+      } else {
+        /* Rev488 (feedback Vicente): mostrar SIEMPRE el dato de la proxima
+           bajamar, este la marea subiendo o bajando. El navegante decide si
+           fondea en funcion de "cuanto bajara hasta la proxima LW" y "que
+           profundidad final habra". Si la marea esta subiendo y la proxima LW
+           es similar o mas alta que ahora (raro pero posible en cambios de
+           coeficiente), el drop sera ~0 y mostramos solo la profundidad final.
+
+           FIX coherencia (Vicente QA): el backend calcula expectedMinDepth en
+           referencia belowSurface (incluye calado), pero el numero grande de
+           SONDA muestra valor RAW del sensor (sin calado). Para que "Fin Y.Z"
+           sea visualmente coherente con el numero grande, calculamos fin como
+           "valor_display_actual - bajada", no usamos el del backend directo.
+           Ej: sonda raw 4.2m, bajada 1.59m -> fin 2.6m (no 3.9m). */
+        var dropM = _gdisp.remainingDropM;
+        var finM;
+        if (typeof _lastDepthM === 'number' && isFinite(_lastDepthM)
+            && typeof dropM === 'number' && isFinite(dropM)) {
+          finM = _lastDepthM - dropM;
+        } else {
+          finM = _gdisp.expectedMinDepthM;  /* fallback backend (referencia belowSurface) */
+        }
+        var en2 = (_lang === 'en');
+        if (typeof finM === 'number' && isFinite(finM)) {
+          var critical = finM < 1.0;  /* < 1m de sonda final = atencion aunque alarma OFF */
+          /* Rev490 (feedback usuario): sub-label SONDA mas compacto entre
+             parentesis. Los detalles "bajada -Xcm" + "hora LW" ya viven en
+             los widgets propios "Dif. Bajamar" y "Prof. min.". */
+          sst.textContent = '(' + (en2 ? 'final ' : 'final ') + unitFmt.depth(finM, 1) + ')';
+          sst.style.color = critical ? '#ffb23f' : '#66ffaa';
+          sst.style.display = 'block';
+        } else if (s.tideResume) {
+          /* Fallback: sin datos numericos pero hay resumen de marea. */
+          sst.textContent = (typeof T==='function')?T('bb_sonda_ok','OK · sin riesgo de varada'):'OK · sin riesgo de varada';
+          sst.style.color = '#66ffaa';
+          sst.style.display = 'block';
+        } else { sst.style.display = 'none'; }
+      }
     }
+    /* Rev489 (feedback Vicente): widget propio "Diferencia Bajamar". Numero
+       grande = bajada en cm (negativo); sub-label = sonda esperada al final.
+       Tiene su propio scope: lee del helper _gdisp y recalcula fin coherente
+       con el numero de sonda mostrado (depthSounderRawM, no belowSurface). */
+    try {
+      var difEl   = document.getElementById('m-bb-dif-lw');
+      var difEnd  = document.getElementById('m-bb-dif-lw-end');
+      if (difEl) {
+        var _dropM2 = _gdisp ? _gdisp.remainingDropM : null;
+        var _finM2;
+        if (typeof _lastDepthM === 'number' && isFinite(_lastDepthM)
+            && typeof _dropM2 === 'number' && isFinite(_dropM2)) {
+          _finM2 = _lastDepthM - _dropM2;
+        } else if (_gdisp) {
+          _finM2 = _gdisp.expectedMinDepthM;
+        }
+        if (typeof _dropM2 === 'number' && isFinite(_dropM2) && _dropM2 > 0.005) {
+          difEl.textContent = '-' + Math.round(_dropM2*100) + ' cm';
+          difEl.style.color = (typeof _finM2 === 'number' && _finM2 < 1.0) ? '#ffb23f' : '#ffd166';
+        } else if (typeof _dropM2 === 'number' && isFinite(_dropM2)) {
+          difEl.textContent = '0 cm';
+          difEl.style.color = '#9aa';
+        } else {
+          difEl.textContent = '—';
+          difEl.style.color = '';
+        }
+        if (difEnd) {
+          if (typeof _finM2 === 'number' && isFinite(_finM2)) {
+            var enL = (_lang === 'en');
+            difEnd.textContent = (enL ? 'End ' : 'Fin ') + unitFmt.depth(_finM2, 1);
+            difEnd.style.color = (_finM2 < 1.0) ? '#ff7043' : '#cde';
+          } else {
+            difEnd.textContent = '—';
+            difEnd.style.color = '';
+          }
+        }
+      }
+      /* Rev490: widget "Prof. mín." — sonda esperada en proxima bajamar. */
+      var pmEl    = document.getElementById('m-bb-prof-min');
+      var pmWhen  = document.getElementById('m-bb-prof-min-when');
+      if (pmEl) {
+        if (typeof _finM2 === 'number' && isFinite(_finM2)) {
+          pmEl.textContent = unitFmt.depth(_finM2, 1);
+          pmEl.style.color = (_finM2 < 1.0) ? '#ff5252' : (_finM2 < 2.0 ? '#ffb23f' : '');
+        } else {
+          pmEl.textContent = '—';
+          pmEl.style.color = '';
+        }
+        if (pmWhen) {
+          var lwIso = _gdisp ? _gdisp.nextLowTimeIso : null;
+          if (lwIso) {
+            try {
+              var dLW = new Date(lwIso);
+              var pad2 = function(n){ return ('0'+n).slice(-2); };
+              var enL2 = (_lang === 'en');
+              pmWhen.textContent = (enL2 ? 'at LW ' : 'a BM ') + pad2(dLW.getHours()) + ':' + pad2(dLW.getMinutes());
+              pmWhen.style.color = '#cde';
+            } catch(_){ pmWhen.textContent = '—'; }
+          } else {
+            pmWhen.textContent = '—';
+            pmWhen.style.color = '';
+          }
+        }
+      }
+    } catch(_){}
     /* Cadena recomendada (en metros) */
     var cad = s.chainRecommended;
     if (cad == null && s.approach) cad = s.approach.chainRecNow;
@@ -12495,7 +12652,11 @@ function m_updateBBScrollIndicators(){
     L.textContent = '▲'; L.classList.add('show');
     R.textContent = '▲'; R.classList.add('show');
   } else {
-    L.textContent = '◀'; L.classList.toggle('show', canL);
+    /* Rev491 (feedback Vicente QA): replicar comportamiento derecha exacto.
+       La izquierda ahora tambien SIEMPRE visible cuando la bar esta abierta,
+       igual que la derecha. Antes solo se mostraba si canL (scroll disponible),
+       lo que la dejaba oculta cuando el bottom-bar cabia entero en pantalla. */
+    L.textContent = '◀'; L.classList.add('show');
     R.textContent = '▶'; R.classList.add('show');
   }
   _syncToggleGlow();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "signalk-mareas-ihm",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "User-friendly UI, multi-layer charts and transparencies (online and offline), AIS anti-collision surveillance, multi-device ringing alarms (drift, AIS, grounding, weather), shelter forecast and assessment.",
   "type": "module",
   "main": "./dist/index.js",
@@ -101,24 +101,24 @@
   ],
   "license": "Apache-2.0",
   "dependencies": {
-    "@signalk/server-api": "^2.0",
+    "@signalk/server-api": "^2.0.0",
     "better-sqlite3": "^11.0.0",
     "leaflet": "^1.9.4",
-    "moment-timezone": "^0.5.48",
+    "moment-timezone": "^0.6.2",
     "pdf-parse": "^1.1.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.21.0",
     "@react-hook/resize-observer": "^2.0.2",
     "@tailwindcss/vite": "^4.1.3",
-    "@types/node": "^25.0.3",
+    "@types/node": "^26.0.0",
     "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^5.0.2",
     "eslint": "^9.21.0",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "globals": "^16.3.0",
+    "eslint-plugin-react-refresh": "^0.5.3",
+    "globals": "^17.6.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "signalk-server": "^2.13.5",

package/public/mobile.html

@@ -1892,6 +1892,22 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
     <span class="vl" id="m-bb-tide-val">—</span>
     <span id="m-bb-tide-next" style="display:block;font-size:10px;font-weight:800;margin-top:1px;line-height:1;color:#cde">—</span>
   </div>
+  <!-- Rev489 (feedback Vicente): widget "Dif. Bajamar" — cuánto bajará la
+       marea hasta la próxima bajamar (cm). Click abre modal Cálculo Sonda. -->
+  <div class="it" data-bb-cell="dif_lw" data-i18n-title="bb_dif_lw_tip" title="Diferencia hasta próxima bajamar · click → Cálculo Sonda" onclick="openPopup&&openPopup('sonda-pop');typeof fetchSondaData==='function'&&fetchSondaData()">
+    <span class="lb" data-i18n="bb_dif_lw">Dif. Bajamar</span>
+    <span class="vl" id="m-bb-dif-lw">—</span>
+    <span id="m-bb-dif-lw-end" style="display:block;font-size:10px;font-weight:800;margin-top:1px;line-height:1;color:#cde">—</span>
+  </div>
+  <!-- Rev490 (feedback Vicente): widget "Prof. Mínima" — sonda esperada en la
+       próxima bajamar. Numero grande = profundidad final en metros (coherente
+       con el numero grande de SONDA, misma referencia). Sub-label = hora de la
+       proxima bajamar. Click abre modal Cálculo Sonda. -->
+  <div class="it" data-bb-cell="prof_min" data-i18n-title="bb_prof_min_tip" title="Profundidad mínima esperada en la próxima bajamar · click → Cálculo Sonda" onclick="openPopup&&openPopup('sonda-pop');typeof fetchSondaData==='function'&&fetchSondaData()">
+    <span class="lb" data-i18n="bb_prof_min">Prof. mín.</span>
+    <span class="vl" id="m-bb-prof-min">—</span>
+    <span id="m-bb-prof-min-when" style="display:block;font-size:10px;font-weight:800;margin-top:1px;line-height:1;color:#cde">—</span>
+  </div>
   <div class="it" data-bb-cell="cad_rec" data-i18n-title="bb_cadena_tip" title="Cadena recomendada" onclick="m_openInfoModal&&m_openInfoModal()"><span class="lb" data-i18n="bb_cadena_rec">Cadena rec.</span><span class="vl" id="m-bb-cad">—</span></div>
   <div class="it" data-bb-cell="dist_ancla" data-i18n-title="bb_dist_tip" title="Distancia al ancla" onclick="m_openInfoModal&&m_openInfoModal()"><span class="lb" data-i18n="bb_dist_ancla">Dist. ancla</span><span class="vl" id="m-bb-dist">—</span></div>
   <!-- Rev331 (item 13): HORA del fondeo (HH:MM del drop, +N si han pasado días). Siempre visible con '—' cuando no fondeado. -->
@@ -2711,10 +2727,36 @@ var _unitsSystem = localStorage.getItem('ihm-visor-units') || 'metric_nautical';
       window._sideButtons = j.buttons.slice();
       try{ if(typeof m_renderSideButtons === 'function') m_renderSideButtons(window._sideButtons); }catch(_){}
     }
-    /* Sprint F (Rev454): cargar y aplicar orden/visibilidad del bottom-bar. */
+    /* Sprint F (Rev454): cargar y aplicar orden/visibilidad del bottom-bar.
+       Rev491: AUTO-MIGRACIoN — si el bbOrder guardado no contiene celdas
+       nuevas (dif_lw, prof_min, etc.) las insertamos automaticamente tras
+       'sonda' para que el usuario las vea sin tener que entrar a config. */
     if (j && Array.isArray(j.bbOrder)) {
-      window._bbOrder = j.bbOrder.slice();
+      var loaded = j.bbOrder.slice();
+      var MIGRATE_TARGETS = ['dif_lw','prof_min'];
+      var anchorKey = 'sonda';
+      var anchorIdx = loaded.indexOf(anchorKey);
+      var didMigrate = false;
+      MIGRATE_TARGETS.forEach(function(k){
+        if (loaded.indexOf(k) < 0) {
+          if (anchorIdx >= 0) {
+            loaded.splice(anchorIdx + 1, 0, k);
+            anchorIdx++;  // siguiente nueva celda va tras esta
+          } else {
+            loaded.push(k);
+          }
+          didMigrate = true;
+        }
+      });
+      window._bbOrder = loaded;
       try{ if(typeof m_applyBBOrder === 'function') m_applyBBOrder(window._bbOrder); }catch(_){}
+      /* Si migramos, persistir para que el siguiente boot no vuelva a hacerlo. */
+      if (didMigrate) {
+        try {
+          fetch(A+'/settings',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({bbOrder:loaded})}).catch(function(){});
+          console.log('[IHM-BB] migrated bbOrder, added missing cells:', MIGRATE_TARGETS.filter(function(k){return j.bbOrder.indexOf(k)<0;}));
+        } catch(_){}
+      }
     }
   }).catch(function(){});
 })();
@@ -2723,8 +2765,11 @@ var _unitsSystem = localStorage.getItem('ihm-visor-units') || 'metric_nautical';
    Whitelist de keys + defaults. Cada celda tiene data-bb-cell="key".
    m_applyBBOrder(arr): reordena los hijos del #m-bottom-bar segun arr y
    oculta los que no esten en arr (display:none). */
-window._BB_CELL_KEYS = ["sog","heading","wind","sonda","tide","pres","abrigo","calidad","cad_rec","dist_ancla","h_fondeo","sunrise","wx_6h","wave"];
-window._BB_DEFAULT_ORDER = ["sog","heading","wind","sonda","tide","pres","abrigo","calidad","cad_rec","dist_ancla","h_fondeo"];
+/* Rev489-490: dos celdas nuevas tras "sonda" — "dif_lw" (bajada en cm hasta
+   próxima bajamar) y "prof_min" (sonda esperada en esa bajamar). Vicente
+   pidió ambas para fondear con margen. */
+window._BB_CELL_KEYS = ["sog","heading","wind","sonda","dif_lw","prof_min","tide","pres","abrigo","calidad","cad_rec","dist_ancla","h_fondeo","sunrise","wx_6h","wave"];
+window._BB_DEFAULT_ORDER = ["sog","heading","wind","sonda","dif_lw","prof_min","tide","pres","abrigo","calidad","cad_rec","dist_ancla","h_fondeo"];
 window._bbOrder = window._bbOrder || window._BB_DEFAULT_ORDER.slice();
 function m_applyBBOrder(arr){
   var bar = document.getElementById('m-bottom-bar');
@@ -3615,6 +3660,14 @@ var _i18n={
   /* Sprint C (Rev452): celda marea bottom-bar. */
   bb_marea:{es:'Marea',en:'Tide'},
   bb_marea_tip:{es:'Estado marea: subiendo (▲) o bajando (▼) · % entre extremos · proximo extremo y hora · click → Curvas',en:'Tide state: rising (▲) or falling (▼) · % between extremes · next extreme + time · click → Tide chart'},
+  /* Rev489 (feedback Vicente): nueva celda Diferencia Bajamar. */
+  bb_dif_lw:{es:'Dif. Bajamar',en:'Drop to LW'},
+  bb_dif_lw_tip:{es:'Cuánto bajará la marea hasta la próxima bajamar (cm) y sonda final esperada · click → Cálculo Sonda',en:'How much the tide will drop until next low water (cm) and expected final depth · click → Depth calc'},
+  /* Rev490 (feedback Vicente): nueva celda Profundidad Mínima esperada.
+     Rev491: titulo cambiado a "En B.M." (En Bajamar) — mas claro para el
+     navegante que "Prof. mín." segun Vicente. */
+  bb_prof_min:{es:'En B.M.',en:'At LW'},
+  bb_prof_min_tip:{es:'Profundidad mínima esperada en la próxima bajamar (coherente con sonda actual) · click → Cálculo Sonda',en:'Minimum expected depth at next low water (consistent with current depth display) · click → Depth calc'},
   tide_pm_short:{es:'PM',en:'HW'},
   tide_bm_short:{es:'BM',en:'LW'},
   /* Sprint F (Rev454): nueva celda Heading + motor bottom-bar configurable. */
@@ -5341,6 +5394,9 @@ function _groundingDisplay(s){
       physicalRisk:     (g.physics.state === 'danger') || legacyPhysRisk,
       currentDepthM:    (typeof g.physics.depthBelowSurfaceM === 'number') ? g.physics.depthBelowSurfaceM : null,
       expectedMinDepthM:(typeof g.physics.expectedMinDepthM === 'number') ? g.physics.expectedMinDepthM : null,
+      /* Rev488: remainingDropM = cuanto bajara la marea hasta la proxima bajamar.
+         Vicente lo pidio expresamente como dato principal para decidir fondear. */
+      remainingDropM:   (typeof (s.groundingDetail||{}).remainingDropM === 'number') ? s.groundingDetail.remainingDropM : null,
       effectiveDraftM:  (typeof g.config.effectiveDraftM === 'number') ? g.config.effectiveDraftM
                         : (typeof g.config.draftM === 'number' && typeof g.config.safetyMarginM === 'number'
                             ? (g.config.draftM + g.config.safetyMarginM) * 1.15 : null),
@@ -5363,6 +5419,7 @@ function _groundingDisplay(s){
     physicalRisk:     typeof gd.physicalRisk === 'boolean' ? gd.physicalRisk : null,
     currentDepthM:    (typeof gd.depthNowM === 'number') ? gd.depthNowM : null,
     expectedMinDepthM:(typeof gd.expectedMinDepthM === 'number') ? gd.expectedMinDepthM : null,
+    remainingDropM:   (typeof gd.remainingDropM === 'number') ? gd.remainingDropM : null,
     effectiveDraftM:  (typeof gd.effectiveDraftM === 'number') ? gd.effectiveDraftM : null,
     nextLowTimeIso:   gd.nextLowTimeIso || null,
     timeUntilMin:     (typeof gd.timeUntilMin === 'number') ? gd.timeUntilMin : null,
@@ -11644,10 +11701,110 @@ function m_pollBottomBar(){
           sublabel = (typeof T==='function') ? T('bb_sonda_riesgo','⚠ Atención: riesgo varada') : '⚠ Atención: riesgo varada';
         }
         sst.textContent = sublabel; sst.style.color = '#f44336'; sst.style.display = 'block';
-      } else if (s.tideResume) {
-        sst.textContent = (typeof T==='function')?T('bb_sonda_ok','OK · sin riesgo de varada'):'OK · sin riesgo de varada'; sst.style.color = '#66ffaa'; sst.style.display = 'block';
-      } else { sst.style.display = 'none'; }
+      } else {
+        /* Rev488 (feedback Vicente): mostrar SIEMPRE el dato de la proxima
+           bajamar, este la marea subiendo o bajando. El navegante decide si
+           fondea en funcion de "cuanto bajara hasta la proxima LW" y "que
+           profundidad final habra". Si la marea esta subiendo y la proxima LW
+           es similar o mas alta que ahora (raro pero posible en cambios de
+           coeficiente), el drop sera ~0 y mostramos solo la profundidad final.
+
+           FIX coherencia (Vicente QA): el backend calcula expectedMinDepth en
+           referencia belowSurface (incluye calado), pero el numero grande de
+           SONDA muestra valor RAW del sensor (sin calado). Para que "Fin Y.Z"
+           sea visualmente coherente con el numero grande, calculamos fin como
+           "valor_display_actual - bajada", no usamos el del backend directo.
+           Ej: sonda raw 4.2m, bajada 1.59m -> fin 2.6m (no 3.9m). */
+        var dropM = _gdisp.remainingDropM;
+        var finM;
+        if (typeof _lastDepthM === 'number' && isFinite(_lastDepthM)
+            && typeof dropM === 'number' && isFinite(dropM)) {
+          finM = _lastDepthM - dropM;
+        } else {
+          finM = _gdisp.expectedMinDepthM;  /* fallback backend (referencia belowSurface) */
+        }
+        var en2 = (_lang === 'en');
+        if (typeof finM === 'number' && isFinite(finM)) {
+          var critical = finM < 1.0;  /* < 1m de sonda final = atencion aunque alarma OFF */
+          /* Rev490 (feedback usuario): sub-label SONDA mas compacto entre
+             parentesis. Los detalles "bajada -Xcm" + "hora LW" ya viven en
+             los widgets propios "Dif. Bajamar" y "Prof. min.". */
+          sst.textContent = '(' + (en2 ? 'final ' : 'final ') + unitFmt.depth(finM, 1) + ')';
+          sst.style.color = critical ? '#ffb23f' : '#66ffaa';
+          sst.style.display = 'block';
+        } else if (s.tideResume) {
+          /* Fallback: sin datos numericos pero hay resumen de marea. */
+          sst.textContent = (typeof T==='function')?T('bb_sonda_ok','OK · sin riesgo de varada'):'OK · sin riesgo de varada';
+          sst.style.color = '#66ffaa';
+          sst.style.display = 'block';
+        } else { sst.style.display = 'none'; }
+      }
     }
+    /* Rev489 (feedback Vicente): widget propio "Diferencia Bajamar". Numero
+       grande = bajada en cm (negativo); sub-label = sonda esperada al final.
+       Tiene su propio scope: lee del helper _gdisp y recalcula fin coherente
+       con el numero de sonda mostrado (depthSounderRawM, no belowSurface). */
+    try {
+      var difEl   = document.getElementById('m-bb-dif-lw');
+      var difEnd  = document.getElementById('m-bb-dif-lw-end');
+      if (difEl) {
+        var _dropM2 = _gdisp ? _gdisp.remainingDropM : null;
+        var _finM2;
+        if (typeof _lastDepthM === 'number' && isFinite(_lastDepthM)
+            && typeof _dropM2 === 'number' && isFinite(_dropM2)) {
+          _finM2 = _lastDepthM - _dropM2;
+        } else if (_gdisp) {
+          _finM2 = _gdisp.expectedMinDepthM;
+        }
+        if (typeof _dropM2 === 'number' && isFinite(_dropM2) && _dropM2 > 0.005) {
+          difEl.textContent = '-' + Math.round(_dropM2*100) + ' cm';
+          difEl.style.color = (typeof _finM2 === 'number' && _finM2 < 1.0) ? '#ffb23f' : '#ffd166';
+        } else if (typeof _dropM2 === 'number' && isFinite(_dropM2)) {
+          difEl.textContent = '0 cm';
+          difEl.style.color = '#9aa';
+        } else {
+          difEl.textContent = '—';
+          difEl.style.color = '';
+        }
+        if (difEnd) {
+          if (typeof _finM2 === 'number' && isFinite(_finM2)) {
+            var enL = (_lang === 'en');
+            difEnd.textContent = (enL ? 'End ' : 'Fin ') + unitFmt.depth(_finM2, 1);
+            difEnd.style.color = (_finM2 < 1.0) ? '#ff7043' : '#cde';
+          } else {
+            difEnd.textContent = '—';
+            difEnd.style.color = '';
+          }
+        }
+      }
+      /* Rev490: widget "Prof. mín." — sonda esperada en proxima bajamar. */
+      var pmEl    = document.getElementById('m-bb-prof-min');
+      var pmWhen  = document.getElementById('m-bb-prof-min-when');
+      if (pmEl) {
+        if (typeof _finM2 === 'number' && isFinite(_finM2)) {
+          pmEl.textContent = unitFmt.depth(_finM2, 1);
+          pmEl.style.color = (_finM2 < 1.0) ? '#ff5252' : (_finM2 < 2.0 ? '#ffb23f' : '');
+        } else {
+          pmEl.textContent = '—';
+          pmEl.style.color = '';
+        }
+        if (pmWhen) {
+          var lwIso = _gdisp ? _gdisp.nextLowTimeIso : null;
+          if (lwIso) {
+            try {
+              var dLW = new Date(lwIso);
+              var pad2 = function(n){ return ('0'+n).slice(-2); };
+              var enL2 = (_lang === 'en');
+              pmWhen.textContent = (enL2 ? 'at LW ' : 'a BM ') + pad2(dLW.getHours()) + ':' + pad2(dLW.getMinutes());
+              pmWhen.style.color = '#cde';
+            } catch(_){ pmWhen.textContent = '—'; }
+          } else {
+            pmWhen.textContent = '—';
+            pmWhen.style.color = '';
+          }
+        }
+      }
+    } catch(_){}
     /* Cadena recomendada (en metros) */
     var cad = s.chainRecommended;
     if (cad == null && s.approach) cad = s.approach.chainRecNow;
@@ -12495,7 +12652,11 @@ function m_updateBBScrollIndicators(){
     L.textContent = '▲'; L.classList.add('show');
     R.textContent = '▲'; R.classList.add('show');
   } else {
-    L.textContent = '◀'; L.classList.toggle('show', canL);
+    /* Rev491 (feedback Vicente QA): replicar comportamiento derecha exacto.
+       La izquierda ahora tambien SIEMPRE visible cuando la bar esta abierta,
+       igual que la derecha. Antes solo se mostraba si canL (scroll disponible),
+       lo que la dejaba oculta cuando el bottom-bar cabia entero en pantalla. */
+    L.textContent = '◀'; L.classList.add('show');
     R.textContent = '▶'; R.classList.add('show');
   }
   _syncToggleGlow();