speedandcurrent 1.7.7 → 1.7.8

package/README.md

@@ -148,8 +148,8 @@ Each populated cell shows:
 - **Leeway** (°): the estimated sideways drift angle; also encoded visually as the stripe direction in the cell background.
 
 Cell highlighting:
-- **Blue outline**: the most recently updated table cell.
-- **Dashed outline**: cells contributing to the current interpolation.
+- **Blue values**: the most recently updated table cell (factor and leeway text rendered in blue).
+- **Thin border**: cells contributing to the current interpolation.
 - **No content**: not yet populated by learning.
 
 ### Correction Table Health Checklist

package/correctionTable.js

@@ -261,7 +261,6 @@ class CorrectionEstimator {
       groundCov[1][1] + currentCov[1][1] + boatCov[1][1]],
     ];
     this.filterState = this.filter.filter({ previousCorrected: this.filterState, observation, observationCovariance });
-    //console.log("Filterstate:", this.filterState, "Covariance:", observationCovariance);
     return true;
   }
 

package/index.js

@@ -606,7 +606,7 @@ module.exports = function (app) {
    */
   function updateTable() {
     lrnBoatSpeed.setVectorValue({ x: smoothedBoatSpeed.value, y: 0 }, { x: smoothedBoatSpeed.variance ?? 0, y: 0 });
-    if (!smoothedAttitude.ready || !smoothedBoatSpeed.ready || !smoothedHeading.ready || !smoothedGroundSpeed.ready || (options.assumeCurrent ? !smoothedCurrent.ready : !noCurrent.ready)) return;
+    if (!smoothedAttitude.ready || !smoothedBoatSpeed.ready || !smoothedHeading.ready || !smoothedGroundSpeed.ready || (options.assumeCurrent && !smoothedCurrent.ready)) return;
     
     // update correction table
     if (smoothedBoatSpeed.value > minSpeed) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "speedandcurrent",
-  "version": "1.7.7",
+  "version": "1.7.8",
   "description": "A plugin that automatically corrects boat speed and calculates current and leeway using sensor fusion.",
   "main": "index.js",
   "scripts": {

package/public/index.html

@@ -175,6 +175,32 @@
               </div>
             </div>
             <div class="card-body">
+              <div class="table-legend small text-muted mb-3">
+                <div class="table-legend-row">
+                  <span class="legend-swatch legend-swatch--green"></span>
+                  <span><strong>Green</strong> — paddlewheel reads slow (factor &gt; 1, speed is corrected up)</span>
+                </div>
+                <div class="table-legend-row">
+                  <span class="legend-swatch legend-swatch--orange"></span>
+                  <span><strong>Orange</strong> — paddlewheel reads fast (factor &lt; 1, speed is corrected down)</span>
+                </div>
+                <div class="table-legend-row">
+                  <span class="legend-swatch legend-swatch--stripe"></span>
+                  <span><strong>Stripe angle</strong> — encodes leeway direction; stripes are tilted proportionally to the leeway correction (°)</span>
+                </div>
+                <div class="table-legend-row">
+                  <span class="legend-swatch legend-swatch--active">+1.2%</span>
+                  <span><strong>Blue text</strong> — most recently updated cell</span>
+                </div>
+                <div class="table-legend-row">
+                  <span class="legend-swatch legend-swatch--neighbour"></span>
+                  <span><strong>Faint tint</strong> — interpolation neighbours used in the current estimate</span>
+                </div>
+                <div class="table-legend-row mt-1">
+                  <span class="legend-label-wide">Cell values:</span>
+                  <span>top = speed-correction factor (±%), bottom = leeway correction (±°)</span>
+                </div>
+              </div>
               <div id="table-container"></div>
             </div>
           </div>

package/public/main.css

@@ -42,10 +42,11 @@
 .TableCorner { font-size: 10px; color: #888; font-weight: 400; text-align: center; }
 /* cell states */
 .cell--empty     { background-color: #f0f0f0; }
-.cell--active    { outline: 3px solid #1565c0; outline-offset: -3px; }
-.cell--neighbour { outline: 1px dashed #90a4ae; outline-offset: -2px; }
+.cell--neighbour { box-shadow: inset 0 0 0 1px #90a4ae; }
 .cell-factor     { font-weight: 600; font-size: 12px; }
 .cell-leeway     { font-weight: 600; font-size: 12px; margin-top: 2px; }
+.cell--active .cell-factor,
+.cell--active .cell-leeway { color: #1565c0; }
 
 /* ─── Stable table column widths inside cards ──────────────────────────────── */
 .card-body .table {
@@ -96,3 +97,27 @@ line { stroke-width: 2; }
 
 /* ─── Stale data rows ──────────────────────────────────────────────────────── */
 tr.stale td { color: #aaa; font-style: italic; }
+
+/* ─── Correction table legend ─────────────────────────────────────────────── */
+.table-legend { display: flex; flex-direction: column; gap: 3px; }
+.table-legend-row { display: flex; align-items: center; gap: 6px; }
+.legend-swatch {
+  flex-shrink: 0;
+  width: 28px;
+  height: 16px;
+  border: 1px solid #ccc;
+  border-radius: 2px;
+  display: inline-block;
+}
+.legend-swatch--green    { background-color: rgb(0, 160, 80); }
+.legend-swatch--orange   { background-color: rgb(255, 165, 0); }
+.legend-swatch--stripe   {
+  background: repeating-linear-gradient(
+    120deg,
+    rgb(100, 180, 100) 0px, rgb(100, 180, 100) 4px,
+    #f0f0f0 4px, #f0f0f0 5px
+  );
+}
+.legend-swatch--active   { background: transparent; border: none; width: auto; height: auto; font-weight: 600; color: #1565c0; font-size: 11px; white-space: nowrap; }
+.legend-swatch--neighbour { background: #fff; box-shadow: inset 0 0 0 1px #90a4ae; }
+.legend-label-wide       { flex-shrink: 0; white-space: nowrap; font-weight: 600; }