signalk-pypilot-newui 2.12.0 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,112 @@
 # Changelog
 
+## 3.0.0 — 2026-10-10 — AIS collision overlay + Freeboard-SK embedded
+
+Rolls up Rev431 through Rev438 (8 revs). The headline feature of 3.0.0
+is an AIS collision overlay on the compass rose and a Freeboard-SK
+chart embedded in the rose box on double-tap. Pypilot-newui is a pure
+CONSUMER of the external
+[`signalk-collision-alerts`](https://github.com/dirkwa/signalk-collision-alerts)
+plugin (by @dirkwa, the maintainer of @signalk/app-dock and
+server-admin-ui) and of the Signal K v2 Notifications API — no
+CPA/TCPA engine lives here. The decision rationale is captured in the
+new memory `feedback_signalk_ecosystem_first.md`: Signal K is a
+cooperative ecosystem; reinventing a well-maintained plugin is
+anti-pattern. See `docs/_feature_ais_overlay.md` for the full
+operator guide + install.
+
+Carlos classified this bump as **major (3.0.0)** at the start of the
+sprint: it adds a new optional external-plugin dependency, changes
+double-tap-on-rose behaviour (was no-op; now opens Freeboard) and
+introduces a user-facing concept — AIS alarms with ACK — that was
+not present in the 2.x line.
+
+### Added
+
+- **AIS collision overlay (Rev431 → Rev438)**. Subscribes to
+  `notifications.navigation.closestApproach.<mmsi>` emitted by
+  `signalk-collision-alerts`. For each active `warn` / `alarm`:
+  - **Red / orange triangle** painted on the compass circle at the
+    bearing from the self vessel to the target *as of now* (not the
+    CPA future projection — Rev436 fetches the target's current
+    position + SOG via `/signalk/v1/api/vessels/<ctx>/...` on each
+    delta with a 30 s cache).
+  - **Infobox** on top of the self boat with level badge
+    (`ALARM` / `WARN`), target name (or "objetivo" when the target
+    has no name yet — MMSI never shown or spoken), CPA · TCPA,
+    closing speed, ACK button, and when > 1 target is active a
+    `N/M` navigator with `‹` / `›`.
+  - **Voice**: short Spanish sentence built from the raw data, not
+    the plugin's English string (which TTS garbled into "ce-pe-a cero
+    coma cero cuatro ene eme"). Example: *"Alarma A I S, PIRATA DE
+    ONS, a 47 metros, ya"*.
+  - **ACK** button sends `POST /signalk/v2/api/notifications/<id>/acknowledge`
+    (so Freeboard + every SK consumer sees it) AND silences the MMSI
+    locally for 10 min — survives the plugin re-publishing the same
+    threat with a fresh UUID.
+  - **"Silenciadas…" modal** (Rev438) lists every locally-silenced
+    MMSI with remaining minutes + per-row *Reactivar* + bulk *Reactivar
+    todas*.
+  - **Stationary filter** (Rev436): targets whose cached SOG < 0.15 kn
+    are dropped from the UI even if the plugin keeps emitting the
+    alarm. Mandatory in a Ría with dozens of moored vessels.
+  - **Overlay-card in Setup → ROSE OVERLAYS**: master on/off, voice
+    sub-toggle, link to the plugin's config page, access to the
+    silenced modal.
+- **Freeboard-SK embedded in the rose box** (Rev432 → Rev433). Double-
+  tap `#wind-rose` opens `/@signalk/freeboard-sk/` as an iframe
+  positioned inside the compass square so the side panels (mode,
+  nudges, AP) stay visible. Chrome row has ⤢ Maximize (full
+  viewport) / ⤡ Restore / × Close. Iframe `src` cleared on close so
+  Freeboard releases its websocket.
+
+### Changed
+
+- No breaking API changes to the pypilot-newui plugin itself —
+  everything existing in 2.12.0 still works identically. The 3.0.0
+  bump reflects the new user-facing concepts (AIS alarms, Freeboard
+  entry point) and the optional external-plugin dependency.
+
+### Fixed
+
+Bugs found and fixed during the AIS sprint, each informed by Carlos's
+QA notes and the real SK bus on Tunatunes:
+- **ACK button did not close the infobox** (Rev436). Was keyed by
+  notification UUID (Rev434); plugin cycles the id while the threat
+  persists → infobox resurrected on the next delta. Now keyed by
+  MMSI with a 10-minute TTL.
+- **Triangle 180° off** (Rev436). Rev431 pointed at
+  `data.cpaPositions.target` which is the *projected* position at the
+  CPA future instant — hence "me avisa babor cuando el target me
+  viene por aleta estribor". Now uses the current self + target
+  positions fetched from the SK REST API.
+- **Multiple alarms, including moored vessels** (Rev436). Added the
+  stationary SOG < 0.15 kn drop filter so a Ría with 30 moored boats
+  doesn't fire false alarms through the plugin's own thresholds.
+- **TTS garble on Freeboard open** (Rev436). Removed the
+  `_alSpeak("abriendo carta")` that the English TTS read as "ICE
+  open chat".
+- **Overlay-card nested checkbox hidden under the master** (Rev437).
+  CSS `.overlay-card input[type=checkbox]` matched every checkbox and
+  stacked them at top-right. Scoped to direct child so the AIS
+  card's "Voice alert" sub-toggle renders in-flow.
+
+### Known limitations / upstream work
+
+- **Upstream `signalk-collision-alerts` issue #17** —
+  https://github.com/dirkwa/signalk-collision-alerts/issues/17 — the
+  admin UI does not render the `Alert sensitivity` / `Level`
+  dropdowns because the plugin's typebox schema emits `anyOf+const`
+  instead of `enum`. We filed the issue with a fix proposal; the
+  workaround is to hand-edit the plugin JSON config or patch the
+  built `config.js` locally. See `docs/_feature_ais_overlay.md`.
+- **Needs sea-trial QA** on real moving traffic with mixed `warn` /
+  `alarm` targets. Default sensible config documented
+  (preset: `harbour`, `maxRange`: 3 NM) for a Ría-style navigation
+  env; switch to `coastal` / `offshore` as needed.
+
+---
+
 ## 2.12.0 — 2026-10-08 — Virtual-tack audit cycle + Profile UX overhaul + safety aproado/empopado
 
 Rolls up Rev410 through Rev430 (21 revs). Driven by two sea trials

package/README.md

@@ -235,6 +235,37 @@ pypilot version, restart pypilot_web).
 
 **Webapp URL**: `http://<sk-host>:3000/signalk-pypilot-newui/`
 
+## Works well with
+
+Pypilot-newui is built as a well-behaved citizen of the Signal K
+ecosystem — it consumes other mature plugins and standard APIs instead
+of reinventing them. The sections below describe the plugins we
+integrate with; none are hard dependencies (the autopilot visor works
+on its own), but installing them unlocks the features listed.
+
+- **[`@signalk/freeboard-sk`](https://www.npmjs.com/package/@signalk/freeboard-sk)**
+  — Double-tap the compass rose to open Freeboard-SK embedded inside
+  the rose box (side panels stay visible and usable). Lets you drop
+  from the autopilot view to the full chart with every AIS target in
+  one tap, without leaving the pypilot-newui session.
+  See `docs/_feature_ais_overlay.md`.
+
+- **[`signalk-collision-alerts`](https://www.npmjs.com/package/signalk-collision-alerts)**
+  by @dirkwa — Provides the CPA/TCPA engine behind our AIS collision
+  overlay. Pypilot-newui subscribes to
+  `notifications.navigation.closestApproach.*` and renders a red /
+  orange triangle on the rose + an infobox with ACK that routes
+  through the Signal K v2 Notifications API, so an ACK from
+  pypilot-newui is also seen by Freeboard-SK and every other SK
+  client.
+  See `docs/_feature_ais_overlay.md`.
+
+- **[`pypilot-autopilot-provider`](https://www.npmjs.com/package/pypilot-autopilot-provider)**
+  by Panaaj — Shares the single pypilot socket cleanly with our
+  autopilot provider (see next section) so KIP, Freeboard's Autopilot
+  Console and any other SK v2 Autopilot API client all drive the same
+  pilot without duplicate connections.
+
 ## Working alongside `pypilot-autopilot-provider`
 
 We build on top of the excellent

package/dist/index.js

@@ -28,7 +28,7 @@ const trip_recorder_1 = require("./trip-recorder");
 const maneuver_trace_1 = require("./maneuver-trace");
 // Rev counter bumped on every build so the user can distinguish deploys
 // from the webapp header (feedback_revision_bump_each_build).
-const PLUGIN_REVISION = "Rev430";
+const PLUGIN_REVISION = "Rev438";
 // Rev59: read package.json once at load time so /status can report the
 // npm package version alongside the internal Rev counter.
 // eslint-disable-next-line @typescript-eslint/no-require-imports

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "signalk-pypilot-newui",
-  "version": "2.12.0",
+  "version": "3.0.0",
   "description": "Signal K friendly UI for the pypilot autopilot, with first-class Signal K paths and Simple Switches so any downstream Signal K client can drive or monitor the pilot. Touch-first mobile visor + full pypilot data (servo, gains, calibration, tack, warnings). Coexists with pypilot-autopilot-provider.",
   "main": "./dist/index.js",
   "scripts": {
@@ -15,12 +15,19 @@
     "signalk-webapp",
     "signalk-category-instruments",
     "signalk-category-utility",
+    "signalk-category-ais",
+    "signalk-category-notifications",
     "pypilot",
     "tinypilot",
     "autopilot",
     "steering",
     "kip",
-    "mobile-first"
+    "mobile-first",
+    "ais",
+    "cpa",
+    "tcpa",
+    "collision-avoidance",
+    "freeboard-sk-companion"
   ],
   "author": {
     "name": "Aitonos",

package/public/app.js

@@ -584,6 +584,27 @@
       "dash.wind.twa": "TWA (true, magenta)",
       "dash.overlays.title": "ROSE OVERLAYS",
       "dash.overlays.hint": "Toggle what floats on the compass rose. Each card lists what data it needs to render.",
+      "dash.overlay.ais.title":  "AIS collision alarm",
+      "dash.overlay.ais.needs":  "Needs signalk-collision-alerts plugin installed in your SK server. Reads notifications.navigation.closestApproach.* and renders a red/orange triangle on the rose with an infobox + ACK. Double-tap the rose to open Freeboard-SK embedded.",
+      "dash.overlay.ais.config": "Open plugin config",
+      "dash.overlay.ais.voice":  "Voice alert",
+      "ais.objetivo":            "target",
+      "ais.voice.alarm":         "AIS alarm",
+      "ais.voice.warn":          "AIS warning",
+      "ais.voice.at":            "at",
+      "ais.voice.metres":        "metres",
+      "ais.voice.miles":         "miles",
+      "ais.voice.in":            "in",
+      "ais.voice.minute":        "minute",
+      "ais.voice.minutes":       "minutes",
+      "ais.voice.now":           "now",
+      "ais.closing":             "Closing",
+      "ais.silenced.title":      "Silenced AIS alarms",
+      "ais.silenced.clearAll":   "Unsilence all",
+      "ais.silenced.close":      "Close",
+      "ais.silenced.empty":      "No AIS alarms silenced right now.",
+      "ais.silenced.unsilence":  "Unsilence",
+      "dash.overlay.ais.silenced": "Silenced…",
       "dash.overlay.awa.title": "A · Apparent wind",
       "dash.overlay.awa.needs": "Amber arrow · needs a wind sensor.",
       "dash.overlay.twa.title": "T · True wind",
@@ -1440,6 +1461,27 @@
       "dash.wind.twa": "TWA (real, magenta)",
       "dash.overlays.title": "CAPAS SOBRE LA ROSA",
       "dash.overlays.hint": "Activa las que quieras ver sobre la rosa. Cada tarjeta indica qué datos necesita.",
+      "dash.overlay.ais.title":  "Alarma de colisión AIS",
+      "dash.overlay.ais.needs":  "Requiere el plugin signalk-collision-alerts instalado en tu servidor SK. Lee notifications.navigation.closestApproach.* y pinta un triángulo rojo/naranja sobre la rosa con infobox + ACK. Doble tap en la rosa abre Freeboard-SK embebido.",
+      "dash.overlay.ais.config": "Abrir ajustes del plugin",
+      "dash.overlay.ais.voice":  "Aviso de voz",
+      "ais.objetivo":            "objetivo",
+      "ais.voice.alarm":         "Alarma A I S",
+      "ais.voice.warn":          "Aviso A I S",
+      "ais.voice.at":            "a",
+      "ais.voice.metres":        "metros",
+      "ais.voice.miles":         "millas",
+      "ais.voice.in":            "en",
+      "ais.voice.minute":        "minuto",
+      "ais.voice.minutes":       "minutos",
+      "ais.voice.now":           "ya",
+      "ais.closing":             "Acercándose",
+      "ais.silenced.title":      "Alarmas AIS silenciadas",
+      "ais.silenced.clearAll":   "Reactivar todas",
+      "ais.silenced.close":      "Cerrar",
+      "ais.silenced.empty":      "Ninguna alarma silenciada ahora mismo.",
+      "ais.silenced.unsilence":  "Reactivar",
+      "dash.overlay.ais.silenced": "Silenciadas…",
       "dash.overlay.awa.title": "A · Viento aparente",
       "dash.overlay.awa.needs": "Flecha amarilla · necesita sensor de viento.",
       "dash.overlay.twa.title": "T · Viento real",
@@ -2487,6 +2529,16 @@
       "performance.gybeAngleVelocityMadeGood",
       "performance.*",
       "environment.water.temperature",
+      // Rev431 (Carlos sea trial follow-up, feature #9): AIS collision
+      // alarms raised by `signalk-collision-alerts` via the SK v2
+      // Notifications API land at
+      //   notifications.navigation.closestApproach.<mmsi>
+      // under vessels.self. Wildcard subscribe picks every new target
+      // without having to list MMSIs. Pypilot-newui is a CONSUMER —
+      // the engine, thresholds and lifecycle (silence/acknowledge/
+      // clear) all live in collision-alerts; we only render + voice +
+      // relay the ACK button to the SK v2 endpoint.
+      "notifications.navigation.closestApproach.*",
     ];
     const sub = {
       context: "vessels.self",
@@ -3004,6 +3056,16 @@
       case "performance.gybeAngle":               state.gybeAngle   = numericOrNull(value); break;
       case "performance.gybeAngleVelocityMadeGood": state.gybeVmg   = numericOrNull(value); break;
       case "environment.water.temperature":       state.waterTempK  = numericOrNull(value); break;
+      default: {
+        // Rev431: AIS collision notifications from signalk-collision-alerts.
+        // Path = notifications.navigation.closestApproach.<mmsi>. Dispatch
+        // handled here to avoid hard-coding every possible MMSI in the
+        // switch above.
+        if (typeof path === "string" && path.startsWith("notifications.navigation.closestApproach.")) {
+          _handleAisAlarmDelta(path, value);
+        }
+        break;
+      }
     }
   }
 
@@ -3483,6 +3545,423 @@
     }
   }
 
+  // Rev431 (Carlos sea trial follow-up, feature #9): AIS collision
+  // overlay. We are a CONSUMER of signalk-collision-alerts; the engine
+  // (CPA/TCPA/thresholds/lifecycle) lives in that plugin. We subscribe
+  // to notifications.navigation.closestApproach.<mmsi> and:
+  //   - render a small red boat on the compass circle pointing to the
+  //     threat's bearing, blinking,
+  //   - show an infobox over #rose-boat with name + CPA + TCPA + ACK,
+  //   - speak the message once per state transition into warn/alarm,
+  //   - route ACK taps to POST /signalk/v2/api/notifications/<id>/acknowledge,
+  //   - double-tap on #wind-rose opens Freeboard-SK for the full chart.
+  if (!state.aisAlarms) state.aisAlarms = new Map(); // mmsi -> { value, mmsi, posNow?, sogNow? }
+  // Rev436 (Carlos QA Rev435): silence by MMSI with a TTL instead of
+  // by notification UUID. The plugin keeps republishing the alarm as
+  // long as the threat persists; keying by UUID worked for the first
+  // delta but the plugin's next PUT may carry a new id and the
+  // infobox resurrected. Map<mmsi, expireAtMs>; 10 minutes default.
+  if (!state.aisLocalAckedMmsis) state.aisLocalAckedMmsis = new Map();
+  const AIS_ACK_TTL_MS = 10 * 60 * 1000;
+  function _aisIsMmsiAcked(mmsi) {
+    const exp = state.aisLocalAckedMmsis.get(mmsi);
+    if (!exp) return false;
+    if (Date.now() > exp) { state.aisLocalAckedMmsis.delete(mmsi); return false; }
+    return true;
+  }
+  // Rev436: per-target position/SOG cache populated from the SK v1
+  // REST API on first sight of each alarm. Keyed by mmsi. Used both
+  // for the "where does the threat come from NOW" bearing render
+  // (cpaPositions.target is the FUTURE position at CPA time, which
+  // Carlos saw as "le avisa babor cuando está en aleta estribor")
+  // and for the "ignore stationary targets" filter.
+  if (!state.aisTargetPos) state.aisTargetPos = new Map();
+  const AIS_TARGET_POS_FRESH_MS = 30 * 1000;
+  const AIS_IGNORE_SOG_MS = 0.08;   // ~0.15 kn → stationary / moored
+  async function _aisRefreshTargetPos(mmsi) {
+    try {
+      const now = Date.now();
+      const cur = state.aisTargetPos.get(mmsi);
+      if (cur && (now - cur.fetchedAt) < AIS_TARGET_POS_FRESH_MS) return cur;
+      const ctx = `urn:mrn:imo:mmsi:${mmsi}`;
+      const [posR, sogR] = await Promise.all([
+        skFetch(`/signalk/v1/api/vessels/${encodeURIComponent(ctx)}/navigation/position/value`),
+        skFetch(`/signalk/v1/api/vessels/${encodeURIComponent(ctx)}/navigation/speedOverGround/value`).catch(() => null),
+      ]);
+      let pos = null, sog = null;
+      if (posR && posR.ok) pos = await posR.json().catch(() => null);
+      if (sogR && sogR.ok) sog = await sogR.json().catch(() => null);
+      const rec = {
+        pos: (pos && typeof pos.latitude === "number") ? pos : null,
+        sog: (typeof sog === "number") ? sog : null,
+        fetchedAt: now,
+      };
+      state.aisTargetPos.set(mmsi, rec);
+      try { renderAisAlarms(); } catch { /* silent */ }
+      return rec;
+    } catch { return null; }
+  }
+  // Rev434 (Carlos QA Rev433): toggles for the AIS overlay. Both default
+  // ON so the feature works out of the box; sailor can disable from the
+  // "AIS collision alarm" overlay-card in the rose overlays modal.
+  const AIS_ALARM_LS_KEY = "pypilotnewui.aisAlarm";
+  const AIS_ALARM_VOICE_LS_KEY = "pypilotnewui.aisAlarmVoice";
+  function _aisAlarmEnabled() {
+    try {
+      const v = localStorage.getItem(AIS_ALARM_LS_KEY);
+      return v == null ? true : v === "true";
+    } catch { return true; }
+  }
+  function _aisAlarmSetEnabled(on) {
+    try { localStorage.setItem(AIS_ALARM_LS_KEY, on ? "true" : "false"); } catch { /* silent */ }
+    // Clear everything when disabled, so a stale triangle does not
+    // linger on the rose until the next delta.
+    if (!on) {
+      try { state.aisAlarms.clear(); renderAisAlarms(); } catch { /* silent */ }
+    }
+  }
+  function _aisAlarmVoiceEnabled() {
+    try {
+      const v = localStorage.getItem(AIS_ALARM_VOICE_LS_KEY);
+      return v == null ? true : v === "true";
+    } catch { return true; }
+  }
+  function _aisAlarmSetVoiceEnabled(on) {
+    try { localStorage.setItem(AIS_ALARM_VOICE_LS_KEY, on ? "true" : "false"); } catch { /* silent */ }
+  }
+  function _mmsiFromAlarmPath(path) {
+    const prefix = "notifications.navigation.closestApproach.";
+    return path.startsWith(prefix) ? path.slice(prefix.length) : null;
+  }
+  function _mmsiFromAlarmValue(v) {
+    try {
+      const ref = v?.data?.targetRef || "";
+      const m = /urn:mrn:imo:mmsi:(\d+)$/.exec(ref);
+      return m ? m[1] : null;
+    } catch { return null; }
+  }
+  // Rev435 (Carlos QA Rev434): "el mensaje de voz dice cosas raras,
+  // quizás debamos darle los textos". The plugin's value.message is
+  // English + technical ("Collision risk: PIRATA DE ONS, CPA 0.04 NM
+  // in 0 min") and TTS reads it as "ce-pe-a cero coma cero cuatro ene
+  // eme" which is unintelligible on a boat. We now build the voice
+  // string ourselves from the raw data (cpa in metres, tcpa in
+  // seconds, parsed name) + a short "alarma/aviso" prefix tied to the
+  // notification level. i18n keys cover ES/EN.
+  function _aisVoiceMessage(value, mmsi, newState) {
+    const d = (value && value.data) || {};
+    // Parse name the same way as the infobox.
+    let name = null;
+    try {
+      const m = /Collision risk:\s*([^,]+),/.exec(String(value && value.message || ""));
+      if (m) name = m[1].trim();
+    } catch { /* silent */ }
+    if (!name || name === mmsi || /^\d{6,}$/.test(name)) {
+      name = t("ais.objetivo") || "objetivo";
+    }
+    // Distance: metres for < 500 m, miles for the rest (sailors read
+    // CPA in NM but close ranges are intuitive in metres).
+    let distStr = "";
+    if (typeof d.cpa === "number" && isFinite(d.cpa)) {
+      if (d.cpa < 500) {
+        distStr = `${Math.round(d.cpa)} ${t("ais.voice.metres") || "metros"}`;
+      } else {
+        const nm = d.cpa / 1852;
+        distStr = `${nm.toFixed(nm < 1 ? 2 : 1)} ${t("ais.voice.miles") || "millas"}`;
+      }
+    }
+    // TCPA: positive seconds → minutes rounded; negative or 0 means
+    // the pass is already happening ("ya").
+    let timeStr = "";
+    if (typeof d.tcpa === "number" && isFinite(d.tcpa)) {
+      if (d.tcpa <= 10) {
+        timeStr = t("ais.voice.now") || "ya";
+      } else {
+        const min = Math.max(1, Math.round(d.tcpa / 60));
+        timeStr = `${t("ais.voice.in") || "en"} ${min} ${(min === 1 ? (t("ais.voice.minute") || "minuto") : (t("ais.voice.minutes") || "minutos"))}`;
+      }
+    }
+    const kind = (newState === "alarm")
+      ? (t("ais.voice.alarm") || "Alarma A I S")
+      : (t("ais.voice.warn")  || "Aviso A I S");
+    // Build final sentence. Leave spaces for TTS prosody. Keep MMSI
+    // out of the voice entirely (Carlos's rule: say "objetivo" instead).
+    const parts = [kind + ",", name];
+    if (distStr) parts.push(t("ais.voice.at") || "a", distStr);
+    if (timeStr) parts.push(timeStr);
+    return parts.join(" ");
+  }
+  function _handleAisAlarmDelta(path, value) {
+    // Rev434: respect the "AIS collision alarm" overlay toggle. Still
+    // keep the state.aisAlarms Map in sync so the first ACK after a
+    // re-enable finds the real id — but skip voice + render.
+    const enabled = _aisAlarmEnabled();
+    const mmsi = _mmsiFromAlarmPath(path) || _mmsiFromAlarmValue(value);
+    if (!mmsi) return;
+    const prev = state.aisAlarms.get(mmsi);
+    const prevState = prev && prev.value && prev.value.state;
+    const newState = value && value.state;
+    const isActive = newState === "warn" || newState === "alarm";
+    // Rev436: silence by MMSI with TTL — the plugin keeps republishing
+    // the alarm (sometimes with a fresh UUID) while the threat
+    // persists; a UUID-only match (Rev434) let it resurrect.
+    const locallyAcked = _aisIsMmsiAcked(mmsi);
+    // Rev436: filter "stationary" targets (moored boats in a port,
+    // anchored vessels). SOG is fetched into state.aisTargetPos via
+    // the SK v1 REST API; if we know SOG and it's below the threshold
+    // the alarm is treated as "silent info".
+    const cached = state.aisTargetPos.get(mmsi);
+    const targetStationary = cached && typeof cached.sog === "number" && cached.sog < AIS_IGNORE_SOG_MS;
+    if (!value || !isActive || locallyAcked || targetStationary) {
+      state.aisAlarms.delete(mmsi);
+    } else {
+      state.aisAlarms.set(mmsi, { value, mmsi });
+      // Fire a background refresh of the target's current position and
+      // SOG so the bearing render uses "where it is now" instead of
+      // cpaPositions.target (= future position at CPA time).
+      _aisRefreshTargetPos(mmsi).catch(() => {});
+    }
+    try {
+      if (enabled && _aisAlarmVoiceEnabled()
+          && isActive && newState !== prevState
+          && !locallyAcked
+          && !(value.status && value.status.acknowledged)) {
+        _alSpeak(_aisVoiceMessage(value, mmsi, newState));
+      }
+    } catch { /* silent */ }
+    if (enabled) {
+      try { renderAisAlarms(); } catch (e) { console.warn("[ais] render:", e); }
+    } else {
+      // Make sure stale UI is cleared when the feature is off.
+      try { const box = document.getElementById("ais-infobox"); if (box) box.hidden = true; } catch { /* silent */ }
+      try { const layer = document.getElementById("ais-alarm-layer"); if (layer) layer.textContent = ""; } catch { /* silent */ }
+    }
+  }
+  function _aisBearingDeg(selfPos, targetPos) {
+    if (!selfPos || !targetPos) return null;
+    const toRad = (d) => d * Math.PI / 180;
+    const φ1 = toRad(selfPos.latitude);
+    const φ2 = toRad(targetPos.latitude);
+    const Δλ = toRad(targetPos.longitude - selfPos.longitude);
+    const y = Math.sin(Δλ) * Math.cos(φ2);
+    const x = Math.cos(φ1) * Math.sin(φ2) - Math.sin(φ1) * Math.cos(φ2) * Math.cos(Δλ);
+    const θ = Math.atan2(y, x);
+    const brgDeg = (θ * 180 / Math.PI + 360) % 360;
+    return brgDeg;
+  }
+  function _aisRelativeBearingDeg(selfPos, targetPos, selfHeadingRad) {
+    const absBrg = _aisBearingDeg(selfPos, targetPos);
+    if (absBrg == null) return null;
+    const headDeg = (selfHeadingRad != null) ? (selfHeadingRad * RAD2DEG) : 0;
+    let rel = absBrg - headDeg;
+    while (rel < -180) rel += 360;
+    while (rel > 180) rel -= 360;
+    return rel;
+  }
+  function renderAisAlarms() {
+    const layer = document.getElementById("ais-alarm-layer");
+    if (!layer) return;
+    layer.textContent = "";
+    const alarms = Array.from(state.aisAlarms.values());
+    if (alarms.length === 0) {
+      const box = document.getElementById("ais-infobox");
+      if (box) box.hidden = true;
+      return;
+    }
+    // Rank most-urgent first (lowest TCPA first; alarms before warns).
+    alarms.sort((a, b) => {
+      const sa = a.value.state === "alarm" ? 0 : 1;
+      const sb = b.value.state === "alarm" ? 0 : 1;
+      if (sa !== sb) return sa - sb;
+      const ta = Math.abs(a.value.data?.tcpa ?? 1e9);
+      const tb = Math.abs(b.value.data?.tcpa ?? 1e9);
+      return ta - tb;
+    });
+    // Draw one small red boat per active threat. r = 92 lands on the
+    // outer edge of the compass circle (SVG viewBox -100 -110 200 220).
+    const R = 92;
+    for (const a of alarms) {
+      const d = a.value.data || {};
+      // Rev436 (Carlos QA Rev435): use NOW positions, not cpaPositions
+      // (which are the projected positions at the CPA future instant
+      // — bearing to that point tells you where you'll meet, not
+      // where the threat is coming from). Prefer our own self position
+      // + the target's position cached from the SK REST API. Fallback
+      // to cpaPositions if the cache has not landed yet.
+      const cached = state.aisTargetPos.get(a.mmsi);
+      const selfPos = (state.position && typeof state.position.latitude === "number")
+        ? state.position
+        : d.cpaPositions?.self;
+      const tgtPos = (cached && cached.pos) || d.cpaPositions?.target;
+      const relDeg = _aisRelativeBearingDeg(selfPos, tgtPos, state.heading);
+      if (relDeg == null) continue;
+      const rad = (relDeg - 90) * Math.PI / 180; // SVG 0deg = east, we want 0deg = up
+      const x = R * Math.cos(rad);
+      const y = R * Math.sin(rad);
+      // Pointing INWARD toward the self: rotate the triangle so its tip
+      // points to (0,0). The triangle is drawn pointing up (0,-h), so
+      // we rotate by relDeg + 180 to flip.
+      const g = document.createElementNS("http://www.w3.org/2000/svg", "g");
+      g.setAttribute("class", `ais-target ais-${a.value.state}`);
+      g.setAttribute("transform", `translate(${x.toFixed(1)},${y.toFixed(1)}) rotate(${(relDeg + 180).toFixed(1)})`);
+      g.dataset.mmsi = a.mmsi;
+      // Simple red triangle (reusing a stylised boat glyph would need a
+      // separate SVG asset; the triangle is clear enough and parpadea).
+      const poly = document.createElementNS("http://www.w3.org/2000/svg", "polygon");
+      poly.setAttribute("points", "0,-10 6,8 -6,8");
+      g.appendChild(poly);
+      layer.appendChild(g);
+    }
+    // Rev432: infobox + ACK as a persistent HTML div.
+    // Rev438: multi-target navigator — _aisInfoboxIdx is clamped to the
+    // sorted alarms array so Carlos can prev/next through them.
+    const box = document.getElementById("ais-infobox");
+    if (!box) return;
+    if (typeof state._aisInfoboxIdx !== "number") state._aisInfoboxIdx = 0;
+    if (state._aisInfoboxIdx >= alarms.length) state._aisInfoboxIdx = 0;
+    const top = alarms[state._aisInfoboxIdx];
+    const d = top.value.data || {};
+    const cpaNm = (d.cpa != null) ? (d.cpa / 1852) : null;
+    const tcpaMin = (d.tcpa != null) ? (d.tcpa / 60) : null;
+    // Rev438: closing speed derived from range (m) and tcpa (s).
+    // Positive only — if tcpa <= 0 the target has already passed and
+    // we hide the row.
+    let closingKn = null;
+    if (typeof d.range === "number" && typeof d.tcpa === "number" && d.tcpa > 0) {
+      const mps = d.range / d.tcpa;
+      closingKn = mps * 1.94384;
+    }
+    // Rev434 (Carlos QA Rev433): "si solo hay MMSI, entonces obviar el
+    // numero MMSI y decir objetivo". The collision-alerts message
+    // follows "Collision risk: NAME, ...". If NAME equals the MMSI
+    // (plugin fallback when the AIS target has no name yet) we show
+    // "objetivo" instead of the long numeric string.
+    let name = null;
+    try {
+      const m = /Collision risk:\s*([^,]+),/.exec(String(top.value.message || ""));
+      if (m) name = m[1].trim();
+    } catch { /* silent */ }
+    if (!name || name === top.mmsi || /^\d{6,}$/.test(name)) {
+      name = t("ais.objetivo") || "objetivo";
+    }
+    const lvl = (top.value.state === "alarm") ? "ALARM" : "WARN";
+    box.classList.remove("ais-warn", "ais-alarm");
+    box.classList.add(`ais-${top.value.state}`);
+    box.dataset.notifId = top.value.id || "";
+    box.dataset.mmsi = top.mmsi;
+    const lvlEl = document.getElementById("ais-infobox-level");
+    const nameEl = document.getElementById("ais-infobox-name");
+    const bodyEl = document.getElementById("ais-infobox-body");
+    if (lvlEl) lvlEl.textContent = lvl;
+    if (nameEl) nameEl.textContent = String(name).slice(0, 22);
+    if (bodyEl) {
+      const cpaStr = cpaNm != null ? cpaNm.toFixed(2) + " NM" : "—";
+      const tcpaStr = tcpaMin != null ? Math.round(tcpaMin) + " min" : "—";
+      bodyEl.textContent = `CPA ${cpaStr} · ${tcpaStr}`;
+    }
+    // Rev438: multi-target nav (hidden when only 1 alarm active).
+    const navEl = document.getElementById("ais-infobox-nav");
+    const navCount = document.getElementById("ais-infobox-nav-count");
+    if (navEl) navEl.hidden = alarms.length <= 1;
+    if (navCount) navCount.textContent = `${state._aisInfoboxIdx + 1}/${alarms.length}`;
+    // Rev438: closing speed row.
+    const closingEl = document.getElementById("ais-infobox-closing");
+    if (closingEl) {
+      if (closingKn != null) {
+        closingEl.textContent = `${t("ais.closing") || "Acercándose"}: ${closingKn.toFixed(1)} kn`;
+        closingEl.hidden = false;
+      } else {
+        closingEl.hidden = true;
+      }
+    }
+    box.hidden = false;
+  }
+  // Rev438: lightweight modal to list silenced MMSIs with un-silence
+  // per entry + "un-silence all". Uses _pmPrompt-style elements.
+  function _aisShowSilencedModal() {
+    const now = Date.now();
+    // Compact a snapshot of valid (non-expired) entries.
+    const rows = [];
+    for (const [mmsi, exp] of state.aisLocalAckedMmsis.entries()) {
+      if (exp > now) rows.push({ mmsi, remainMin: Math.max(0, Math.round((exp - now) / 60000)) });
+    }
+    let m = document.getElementById("ais-silenced-modal");
+    if (!m) {
+      m = document.createElement("div");
+      m.id = "ais-silenced-modal";
+      m.className = "tune-fork-backdrop";
+      m.innerHTML =
+        `<div class="modal-card">` +
+        `  <h3 id="ais-silenced-title"></h3>` +
+        `  <ul id="ais-silenced-list" style="list-style:none;padding:0;margin:10px 0;max-height:40vh;overflow-y:auto"></ul>` +
+        `  <div class="tune-fork-actions">` +
+        `    <button type="button" id="ais-silenced-clearall" class="secondary"></button>` +
+        `    <button type="button" id="ais-silenced-close" class="ghost"></button>` +
+        `  </div>` +
+        `</div>`;
+      document.body.appendChild(m);
+      m.addEventListener("click", (ev) => { if (ev.target === m) m.hidden = true; });
+      m.querySelector("#ais-silenced-close").addEventListener("click", () => { m.hidden = true; });
+      m.querySelector("#ais-silenced-clearall").addEventListener("click", () => {
+        state.aisLocalAckedMmsis.clear();
+        m.hidden = true;
+        try { renderAisAlarms(); } catch { /* silent */ }
+      });
+    }
+    m.querySelector("#ais-silenced-title").textContent =
+      (t("ais.silenced.title") || "Alarmas AIS silenciadas") + ` (${rows.length})`;
+    m.querySelector("#ais-silenced-clearall").textContent =
+      t("ais.silenced.clearAll") || "Reactivar todas";
+    m.querySelector("#ais-silenced-close").textContent =
+      t("ais.silenced.close") || "Cerrar";
+    const ul = m.querySelector("#ais-silenced-list");
+    ul.textContent = "";
+    if (rows.length === 0) {
+      const li = document.createElement("li");
+      li.style.cssText = "padding:12px;color:var(--fg-dim);text-align:center";
+      li.textContent = t("ais.silenced.empty") || "Ninguna alarma silenciada ahora mismo.";
+      ul.appendChild(li);
+    } else {
+      for (const r of rows) {
+        const li = document.createElement("li");
+        li.style.cssText = "display:flex;align-items:center;gap:10px;padding:6px 4px;border-bottom:1px solid var(--border)";
+        const span = document.createElement("span");
+        span.style.cssText = "flex:1;font-family:ui-monospace,monospace;font-size:13px";
+        span.textContent = `MMSI ${r.mmsi} · ${r.remainMin} min`;
+        const btn = document.createElement("button");
+        btn.type = "button";
+        btn.className = "ghost";
+        btn.style.cssText = "padding:4px 10px;font-size:12px";
+        btn.textContent = t("ais.silenced.unsilence") || "Reactivar";
+        btn.addEventListener("click", () => {
+          state.aisLocalAckedMmsis.delete(r.mmsi);
+          _aisShowSilencedModal();  // re-render in place
+        });
+        li.appendChild(span);
+        li.appendChild(btn);
+        ul.appendChild(li);
+      }
+    }
+    m.hidden = false;
+    m.classList.add("open");
+  }
+  async function _aisAcknowledge(id, mmsi) {
+    // Rev436: silence THIS MMSI locally for 10 minutes, independent of
+    // what UUID the next delta carries. Even if the id is empty (edge
+    // case) we still silence the mmsi — the whole point of ACK is to
+    // stop the specific vessel being pestered.
+    try { state.aisLocalAckedMmsis.set(mmsi, Date.now() + AIS_ACK_TTL_MS); } catch { /* silent */ }
+    try { state.aisAlarms.delete(mmsi); } catch { /* silent */ }
+    try { renderAisAlarms(); } catch { /* silent */ }
+    if (!id) return;
+    try {
+      const r = await skFetch(`/signalk/v2/api/notifications/${encodeURIComponent(id)}/acknowledge`, {
+        method: "POST", headers: { "Content-Type": "application/json" }, body: "{}",
+      });
+      if (!r.ok) console.warn("[ais] ACK HTTP", r.status, await r.text().catch(() => ""));
+    } catch (e) { console.warn("[ais] ACK failed:", e); }
+  }
+
   // SVG compass rose. The card (cardinals + ticks) rotates so N points to
   // magnetic north regardless of boat heading; the boat is fixed pointing
   // up; TWO independent wind arrows (AWA amber solid, TWA sea-green solid)
@@ -3493,6 +3972,9 @@
     if (card && state.heading != null) {
       card.setAttribute("transform", `rotate(${-state.heading * RAD2DEG})`);
     }
+    // Rev431: refresh AIS alarm bearings on every heading-driven redraw
+    // so the red triangles track the boat rotation.
+    try { renderAisAlarms(); } catch { /* silent */ }
 
     // Rev73: gota-chain redesign. IDs updated from rose-wind-arrow /
     // rose-wind-arrow-twa (line + arrowhead + text label) to
@@ -9070,6 +9552,80 @@
 
     // Rev21: calibration dropdown removed from Control tab. Access via
     // Setup > Calibration section instead.
+
+    // Rev433 (Carlos QA Rev432): Freeboard-SK EMBEDDED in the rose
+    // box by default so the sailor keeps seeing the side panels
+    // (mode, nudges, AP buttons). Double-tap on the rose toggles it
+    // on/off; the ⤢ button promotes it to full-viewport, × hides it.
+    // Iframe `src` is lazy on open and cleared on close so Freeboard
+    // does not keep a websocket active while hidden.
+    try {
+      const rose = document.getElementById("wind-rose");
+      const fbBox = document.getElementById("freeboard-embed");
+      const fbIframe = document.getElementById("freeboard-embed-iframe");
+      const fbClose = document.getElementById("freeboard-embed-close");
+      const fbMax = document.getElementById("freeboard-embed-max");
+      const openFb = () => {
+        if (!fbBox || !fbIframe) return;
+        if (!fbIframe.src || fbIframe.src === "about:blank") {
+          fbIframe.src = "/@signalk/freeboard-sk/";
+        }
+        // Rev436 (Carlos QA Rev435): removed the _alSpeak on open —
+        // TTS English voice turned "abriendo carta" / "AIS open chart"
+        // into "ICE open chat" which was unintelligible. The visual
+        // open is self-explanatory; no voice needed here.
+        fbBox.hidden = false;
+      };
+      const closeFb = () => {
+        if (!fbBox || !fbIframe) return;
+        fbBox.hidden = true;
+        fbBox.classList.remove("maximized");
+        if (fbMax) fbMax.textContent = "⤢";
+        fbIframe.src = "about:blank";
+      };
+      const toggleMax = () => {
+        if (!fbBox) return;
+        const now = fbBox.classList.toggle("maximized");
+        if (fbMax) fbMax.textContent = now ? "⤡" : "⤢";
+        if (fbMax) fbMax.setAttribute("title", now ? "Restore" : "Maximize");
+      };
+      if (rose) rose.addEventListener("dblclick", (ev) => {
+        ev.preventDefault();
+        if (fbBox && !fbBox.hidden) { closeFb(); } else { openFb(); }
+      });
+      if (fbClose) fbClose.addEventListener("click", closeFb);
+      if (fbMax) fbMax.addEventListener("click", toggleMax);
+    } catch (e) { console.warn("[rose] dblclick + freeboard wire:", e); }
+
+    // Rev432 (fix #1 ACK no funcionaba): the AIS infobox + ACK button
+    // live in the HTML DOM, not the SVG, so we wire ONE persistent
+    // click handler here that reads the current notification id from
+    // the data attributes updated on each renderAisAlarms() tick.
+    try {
+      const ackBtn = document.getElementById("ais-infobox-ack");
+      if (ackBtn) {
+        ackBtn.addEventListener("click", (ev) => {
+          ev.stopPropagation();
+          const box = document.getElementById("ais-infobox");
+          const id = box && box.dataset.notifId;
+          const mmsi = box && box.dataset.mmsi;
+          if (!id && !mmsi) { console.warn("[ais] ACK click but no notif id/mmsi in dataset"); return; }
+          _aisAcknowledge(id, mmsi);
+        });
+      }
+      // Rev438: prev/next between multiple active alarms.
+      const prevBtn = document.getElementById("ais-infobox-prev");
+      const nextBtn = document.getElementById("ais-infobox-next");
+      const step = (dir) => {
+        const n = state.aisAlarms ? state.aisAlarms.size : 0;
+        if (n <= 1) return;
+        if (typeof state._aisInfoboxIdx !== "number") state._aisInfoboxIdx = 0;
+        state._aisInfoboxIdx = (state._aisInfoboxIdx + dir + n) % n;
+        renderAisAlarms();
+      };
+      if (prevBtn) prevBtn.addEventListener("click", (ev) => { ev.stopPropagation(); step(-1); });
+      if (nextBtn) nextBtn.addEventListener("click", (ev) => { ev.stopPropagation(); step(1); });
+    } catch (e) { console.warn("[ais] ack wire:", e); }
   }
 
   // ---- Tune tab wiring ----
@@ -11361,6 +11917,36 @@
         _gustGhostTestFire();
       });
     }
+    // Rev434 (Carlos QA Rev433): wire the AIS collision alarm overlay
+    // card. Toggle on/off, toggle voice, and a shortcut to open the
+    // collision-alerts plugin config in the SK admin UI.
+    const aisCb = document.getElementById("dash-ais-alarm");
+    if (aisCb) {
+      aisCb.checked = _aisAlarmEnabled();
+      aisCb.addEventListener("change", () => _aisAlarmSetEnabled(aisCb.checked));
+    }
+    const aisVoiceCb = document.getElementById("dash-ais-alarm-voice");
+    if (aisVoiceCb) {
+      aisVoiceCb.checked = _aisAlarmVoiceEnabled();
+      aisVoiceCb.addEventListener("change", () => _aisAlarmSetVoiceEnabled(aisVoiceCb.checked));
+    }
+    const aisCfg = document.getElementById("dash-ais-alarm-config");
+    if (aisCfg) {
+      aisCfg.addEventListener("click", (ev) => {
+        ev.preventDefault();
+        ev.stopPropagation();
+        window.open("/admin/#/serverConfiguration/plugins/signalk-collision-alerts", "_blank");
+      });
+    }
+    // Rev438: open the "silenciados" modal.
+    const aisSil = document.getElementById("dash-ais-alarm-silenced");
+    if (aisSil) {
+      aisSil.addEventListener("click", (ev) => {
+        ev.preventDefault();
+        ev.stopPropagation();
+        _aisShowSilencedModal();
+      });
+    }
     const nb = $("#cfg-nudge-apply"); if (nb) nb.addEventListener("click", applyNudgeCfg);
     const langSel = $("#lang-select");
     if (langSel) {

package/public/index.html

@@ -83,6 +83,45 @@
           <div class="dash-cell corner-tr" data-corner="tr"></div>
           <div class="dash-cell corner-bl" data-corner="bl"></div>
           <div class="dash-cell corner-br" data-corner="br"></div>
+          <!-- Rev432 (Carlos QA Rev431): AIS collision infobox + ACK as
+               an HTML absolute div (not SVG) so the ACK click is 100 %
+               reliable (no re-render-swallows-tap race), the box always
+               paints above every SVG layer, and the title shows WARN /
+               ALARM so the orange triangle meaning is unambiguous. -->
+          <div class="ais-infobox-html" id="ais-infobox" hidden>
+            <div class="ais-infobox-head">
+              <span class="ais-infobox-level" id="ais-infobox-level"></span>
+              <span class="ais-infobox-name" id="ais-infobox-name"></span>
+              <!-- Rev438: multi-target navigator. Hidden when there is
+                   only one active alarm; "1/N" counter + prev/next
+                   buttons otherwise. -->
+              <span class="ais-infobox-nav" id="ais-infobox-nav" hidden>
+                <button type="button" class="ais-infobox-nav-btn" id="ais-infobox-prev" aria-label="Previous">‹</button>
+                <span class="ais-infobox-nav-count" id="ais-infobox-nav-count">1/1</span>
+                <button type="button" class="ais-infobox-nav-btn" id="ais-infobox-next" aria-label="Next">›</button>
+              </span>
+            </div>
+            <div class="ais-infobox-body" id="ais-infobox-body"></div>
+            <!-- Rev438: closing speed row (range/tcpa derived); hidden
+                 when tcpa is zero or negative (target already passed). -->
+            <div class="ais-infobox-sub" id="ais-infobox-closing" hidden></div>
+            <button type="button" class="ais-infobox-ack" id="ais-infobox-ack">ACK</button>
+          </div>
+          <!-- Rev433 (Carlos QA Rev432): Freeboard-SK EMBEDDED within
+               the rose box by default (double-tap toggles it on/off)
+               so the sailor keeps seeing the side panels (mode, nudges,
+               AP buttons). A maximize button ⤢ promotes it to the
+               full-viewport modal we had in Rev432, close button × to
+               hide it again. The iframe src is set lazily on open and
+               cleared on close so Freeboard does not keep a websocket
+               open while hidden. -->
+          <div class="freeboard-embed" id="freeboard-embed" hidden>
+            <div class="freeboard-embed-chrome">
+              <button type="button" class="freeboard-embed-btn" id="freeboard-embed-max" aria-label="Maximize" title="Maximize">⤢</button>
+              <button type="button" class="freeboard-embed-btn" id="freeboard-embed-close" aria-label="Close" title="Close">×</button>
+            </div>
+            <iframe id="freeboard-embed-iframe" title="Freeboard-SK"></iframe>
+          </div>
           <svg id="wind-rose" class="rose-svg" viewBox="-100 -110 200 220" preserveAspectRatio="xMidYMid meet">
             <!-- Outer compass ring -->
             <circle cx="0" cy="0" r="94" fill="none" stroke="#2b3542" stroke-width="2"/>
@@ -107,6 +146,14 @@
             <g id="rose-boat" transform="rotate(-90) scale(0.22)">
               <image href="boat-cenital.svg" x="-228" y="-76" width="456" height="152"/>
             </g>
+            <!-- Rev431: AIS collision overlay triangles (red/orange) are
+                 painted inside the SVG so they rotate with the compass.
+                 The infobox + ACK button live as HTML absolutely-
+                 positioned above the SVG (see .ais-infobox-html in CSS
+                 and renderAisAlarms in app.js); keeps the ACK click
+                 reliable, idempotent across SK deltas, and always on
+                 top of every SVG layer regardless of DOM order. -->
+            <g id="ais-alarm-layer"></g>
             <!-- Rev170/171 (Carlos): tack countdown overlay. Huge red
                  digit over the boat, clickable to cancel. Two phases:
                    phase "arming"   → shows "5, 4, 3, 2, 1"  (integer secs)
@@ -702,6 +749,38 @@
                         data-i18n="dash.overlay.gust.test"
                         onclick="event.preventDefault();event.stopPropagation();">Test now</button>
               </label>
+              <!-- Rev434 (Carlos QA Rev433): AIS collision overlay toggle.
+                   Same overlay-card layout as the gust ghost. Default
+                   enabled. Opens signalk-collision-alerts plugin config
+                   in the SK admin UI from "Config" so Carlos can change
+                   Harbour/Coastal/Offshore + per-field thresholds. -->
+              <label class="overlay-card">
+                <input type="checkbox" id="dash-ais-alarm" checked />
+                <svg class="overlay-preview" viewBox="-30 -60 60 60" preserveAspectRatio="xMidYMid meet">
+                  <polygon points="0,-50 10,-20 -10,-20" fill="#ff3b30" stroke="#fff" stroke-width="1" stroke-linejoin="round"/>
+                  <text x="0" y="-35" text-anchor="middle" dominant-baseline="middle"
+                        fill="#fff" font-size="12" font-weight="900" font-family="ui-monospace, monospace">!</text>
+                </svg>
+                <div class="overlay-title" data-i18n="dash.overlay.ais.title">AIS collision alarm</div>
+                <div class="overlay-needs" data-i18n="dash.overlay.ais.needs">Needs signalk-collision-alerts plugin installed in your SK server. Reads notifications.navigation.closestApproach.* and renders a red/orange triangle on the rose with an infobox + ACK. Double-tap the rose to open Freeboard-SK embedded.</div>
+                <div style="display:flex;gap:6px;margin-top:6px;flex-wrap:wrap">
+                  <button type="button" id="dash-ais-alarm-config" class="ghost"
+                          style="padding:6px 10px;font-size:12px"
+                          data-i18n="dash.overlay.ais.config"
+                          onclick="event.preventDefault();event.stopPropagation();">Open plugin config</button>
+                  <!-- Rev438: open the "silenciados" modal so Carlos can
+                       un-silence an MMSI before its 10-min TTL expires. -->
+                  <button type="button" id="dash-ais-alarm-silenced" class="ghost"
+                          style="padding:6px 10px;font-size:12px"
+                          data-i18n="dash.overlay.ais.silenced"
+                          onclick="event.preventDefault();event.stopPropagation();">Silenced…</button>
+                  <label style="display:inline-flex;align-items:center;gap:6px;padding:4px 8px;font-size:12px;color:var(--fg-dim);cursor:pointer"
+                         onclick="event.stopPropagation();">
+                    <input type="checkbox" id="dash-ais-alarm-voice" checked />
+                    <span data-i18n="dash.overlay.ais.voice">Voice alert</span>
+                  </label>
+                </div>
+              </label>
             </div>
           </div>
           <hr style="border:none;border-top:1px solid var(--border);margin:14px 0 10px" />
@@ -2322,6 +2401,6 @@
     </div>
   </div>
 
-  <script src="app.js?v=Rev430"></script>
+  <script src="app.js?v=Rev438"></script>
 </body>
 </html>

package/public/style.css

@@ -764,7 +764,11 @@ main {
   -webkit-user-select: none;
 }
 .overlay-card:hover { background: rgba(77, 212, 255, 0.06); }
-.overlay-card input[type=checkbox] {
+/* Rev437 (Carlos QA Rev434): limit the "master" checkbox absolute
+   positioning to DIRECT children of the overlay-card. Nested
+   checkboxes (e.g. the AIS card's "Voice alert" sub-toggle) were
+   being hidden under the master in the top-right corner. */
+.overlay-card > input[type=checkbox] {
   position: absolute;
   top: 6px;
   right: 6px;
@@ -4029,3 +4033,181 @@ body.pypilot-offline .pypilot-write {
   font-weight: 600;
 }
 .pm-dialog-actions button.primary:hover { background: #f0d04e; }
+
+/* Rev431 (Carlos sea trial follow-up, feature #9): AIS collision
+   overlay. Red triangles on the compass circle point inward from the
+   bearing of each threat; the most-urgent one gets an infobox on top
+   of the self boat with name + CPA + TCPA + ACK button. The
+   notification source is signalk-collision-alerts (SK v2 Notifications
+   API); pypilot-newui only renders + routes the ACK. */
+.ais-target polygon {
+  fill: #ff3b30;
+  stroke: #fff;
+  stroke-width: 1;
+  opacity: 0.95;
+}
+.ais-target.ais-warn polygon {
+  fill: #f5a623; /* orange for warn, red for alarm */
+}
+.ais-target.ais-alarm {
+  animation: ais-blink 900ms infinite;
+}
+@keyframes ais-blink {
+  0%, 100% { opacity: 1; }
+  50%      { opacity: 0.35; }
+}
+/* Rev432: AIS infobox + ACK as HTML absolute div above the SVG rose.
+   Guarantees a reliable click target (no SVG re-render race) and sits
+   on top of every SVG layer regardless of DOM order inside the SVG. */
+.rose-wrap { position: relative; }   /* anchor for infobox + freeboard */
+.ais-infobox-html {
+  position: absolute;
+  top: 10%;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 20;
+  background: rgba(10, 14, 20, 0.96);
+  border: 2px solid #ff3b30;
+  border-radius: 8px;
+  padding: 8px 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 180px;
+  max-width: 85%;
+  color: #fff;
+  font-family: ui-monospace, monospace;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.55);
+  pointer-events: auto;
+}
+.ais-infobox-html[hidden] { display: none; }
+.ais-infobox-html.ais-warn { border-color: #f5a623; }
+.ais-infobox-html.ais-alarm { border-color: #ff3b30; animation: ais-blink 900ms infinite; }
+.ais-infobox-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.ais-infobox-level {
+  font-size: 10px;
+  font-weight: 900;
+  letter-spacing: 1px;
+  padding: 2px 6px;
+  border-radius: 3px;
+  background: #ff3b30;
+  color: #fff;
+}
+.ais-infobox-html.ais-warn .ais-infobox-level { background: #f5a623; color: #1a1d22; }
+.ais-infobox-name {
+  font-size: 14px;
+  font-weight: 700;
+  color: #fff;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ais-infobox-body {
+  font-size: 12px;
+  font-weight: 500;
+  color: #cbd3dc;
+}
+.ais-infobox-ack {
+  align-self: flex-end;
+  background: #ff3b30;
+  color: #fff;
+  border: 1px solid #fff;
+  border-radius: 4px;
+  padding: 6px 14px;
+  font-size: 12px;
+  font-weight: 900;
+  cursor: pointer;
+  min-width: 60px;
+  min-height: 32px;
+}
+.ais-infobox-html.ais-warn .ais-infobox-ack { background: #f5a623; color: #1a1d22; }
+.ais-infobox-ack:hover { filter: brightness(1.1); }
+.ais-infobox-ack:active { transform: scale(0.95); }
+/* Rev438: multi-target navigator inside the head row. Compact buttons
+   + fraction counter. Hidden by default when there's only one alarm. */
+.ais-infobox-nav {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.ais-infobox-nav[hidden] { display: none; }
+.ais-infobox-nav-btn {
+  background: rgba(255,255,255,0.1);
+  color: #fff;
+  border: 1px solid rgba(255,255,255,0.3);
+  border-radius: 3px;
+  padding: 2px 7px;
+  font-size: 14px;
+  font-weight: 700;
+  cursor: pointer;
+  line-height: 1;
+}
+.ais-infobox-nav-btn:hover { background: rgba(255,255,255,0.2); }
+.ais-infobox-nav-count {
+  font-size: 11px;
+  font-weight: 700;
+  color: #fff;
+  min-width: 28px;
+  text-align: center;
+}
+.ais-infobox-sub {
+  font-size: 11px;
+  color: #cbd3dc;
+}
+.ais-infobox-sub[hidden] { display: none; }
+
+/* Rev433 (Carlos QA Rev432): Freeboard-SK embedded within the rose
+   box so the sailor keeps seeing the side panels. Default is embedded
+   (position:absolute inside .rose-wrap); .maximized promotes it to
+   full-viewport (position:fixed) as a modal would. Toggle via the ⤢
+   button next to the close ×. */
+.freeboard-embed {
+  position: absolute;
+  inset: 0;
+  z-index: 25;
+  background: var(--bg-2, #0f1620);
+  border-radius: 10px;
+  overflow: hidden;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
+}
+.freeboard-embed[hidden] { display: none; }
+.freeboard-embed.maximized {
+  position: fixed;
+  inset: 2vh 2vw;
+  z-index: 1300;
+  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7);
+}
+.freeboard-embed iframe {
+  width: 100%;
+  height: 100%;
+  border: 0;
+  display: block;
+}
+.freeboard-embed-chrome {
+  position: absolute;
+  top: 6px;
+  right: 10px;
+  z-index: 2;
+  display: flex;
+  gap: 6px;
+}
+.freeboard-embed-btn {
+  background: rgba(0, 0, 0, 0.65);
+  color: #fff;
+  border: 1px solid #fff;
+  border-radius: 4px;
+  font-size: 18px;
+  width: 32px;
+  height: 32px;
+  line-height: 1;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.freeboard-embed-btn:hover { background: rgba(0, 0, 0, 0.85); }