signalk-chiplog 2.11.0 → 2.13.0

package/CHANGELOG.md

@@ -6,6 +6,34 @@ All notable changes to Chiplog are documented here. The format follows
 
 ## [Unreleased]
 
+## [2.13.0] - 2026-10-24
+
+### Added
+
+- **Remove the pairing** from the Export page, after a confirmation: the plugin forgets its token and the backup stops.
+  What is already on the service stays there.
+
+### Changed
+
+- **Online backup says why the service cannot be reached.** Instead of "fetch failed", pairing, backup and restore name
+  the host and the cause (name not resolved, connection refused, certificate refused, no answer in time), with a hint
+  for the common ones — a wrong clock behind a certificate refused. A pairing that cannot start is written to the server
+  log.
+- **Pairing no longer asks for the service address.** It is `https://app.tibord.com` for a new plugin; another one, for
+  testing or development, is set in the plugin configuration.
+
+## [2.12.0] - 2026-10-24
+
+### Added
+
+- **Helm entry beside the chart.** Chartplotters supporting the Plotter Extensions API can open Chiplog from a toolbar
+  button. The iframe panel keeps drafts while hidden and follows the plotter's night mode when available. The standalone
+  tablet app and its offline queue remain available.
+
+### Fixed
+
+- Event and crew deletion confirmations work inside sandboxed plotter panels.
+
 ## [2.11.0] - 2026-10-24
 
 ### Added
@@ -483,7 +511,9 @@ First release.
 - REST API under `/plugins/signalk-chiplog/api`, documented in [docs/API.md](docs/API.md).
 - Single SQLite database through Node's built-in `node:sqlite`: no native module to build.
 
-[Unreleased]: https://github.com/ricard33/signalk-chiplog/compare/v2.11.0...HEAD
+[Unreleased]: https://github.com/ricard33/signalk-chiplog/compare/v2.13.0...HEAD
+[2.13.0]: https://github.com/ricard33/signalk-chiplog/compare/v2.12.0...v2.13.0
+[2.12.0]: https://github.com/ricard33/signalk-chiplog/compare/v2.11.0...v2.12.0
 [2.11.0]: https://github.com/ricard33/signalk-chiplog/compare/v2.10.0...v2.11.0
 [2.10.0]: https://github.com/ricard33/signalk-chiplog/compare/v2.9.0...v2.10.0
 [2.9.0]: https://github.com/ricard33/signalk-chiplog/compare/v2.8.0...v2.9.0

package/README.md

@@ -437,6 +437,18 @@ Logging needs read/write access. The first time, the app shows **This tablet nee
 To revoke it, delete the device under **Security → Devices**: the tablet asks for access again. **Sign in instead** uses
 a regular Signal K user account.
 
+### From a chartplotter
+
+In a chartplotter supporting the Signal K Plotter Extensions API (such as Freeboard-SK), the **Chiplog** toolbar button
+opens the helm entry app in an iframe panel beside the chart. Closing and reopening it keeps notes and handwriting in
+progress; reloading the plotter still discards unsent drafts. The usual offline queue and Signal K access rights apply.
+The panel follows the plotter's night mode when available, and its night switch also changes the plotter's mode.
+Standalone tablet use remains available at the same address.
+
+The extension is advertised automatically while the plugin is enabled. A server without the resource-provider API can
+still run the standalone apps. Journal and login navigation links are hidden in the extension: sign in through the
+chartplotter, or use the panel's device access request.
+
 ## Configuration 🔧
 
 In the Signal K admin, **Apps & Plugins → Configuration → Chiplog**.
@@ -525,14 +537,17 @@ Keep a copy of the logbook off the boat, on the Ti Bord online service. What it
 and how you can share your passages and voyages from it, is at [tibord.com](https://tibord.com), which the **Online
 backup** card links to as well.
 
-1. On the **Export** page, under **Online backup**, enter the service address and choose **Get a pairing code**.
+1. On the **Export** page, under **Online backup**, choose **Get a pairing code**.
 2. On the service, signed in to your account, enter the code shown (e.g. `K7QF-3MXB`) and choose your boat — or scan the
    QR code beside it with your phone, which opens the service with the code filled in. The code is valid for 15 minutes.
-3. The page soon says the boat is paired: Chiplog has saved the service address and its own token in the plugin
-   configuration and turned the backup on.
+3. The page soon says the boat is paired: Chiplog has saved its own token in the plugin configuration and turned the
+   backup on.
+
+You can also paste a token by hand: turn **Back the logbook up online** on in the plugin configuration and fill in the
+**Device token**. The **Online service address** is `https://app.tibord.com`; change it only to test another instance.
 
-You can also paste a token by hand: turn **Back the logbook up online** on in the plugin configuration, fill in the
-**Online service address** and the **Device token**.
+**Remove the pairing**, on the same card, asks for a confirmation, then forgets the token and stops the backup. What is
+already on the service stays there; revoke the device from your account on the service to stop it for good.
 
 From then on, whenever the boat has a connection, Chiplog sends:
 

package/index.js

@@ -8,6 +8,7 @@ const { INFLUX_DEFAULTS } = require('./lib/influx-history');
 const { createLandmarkFinder, LANDMARK_DEFAULTS } = require('./lib/landmark-finder');
 const { OBSERVATION_DEFAULTS } = require('./lib/observation-recorder');
 const { createPlaceNamer, GEOCODING_DEFAULTS } = require('./lib/place-names');
+const { registerPlotterExtension } = require('./lib/plotter-extension');
 const { PROPULSION_DEFAULTS } = require('./lib/propulsion-detector');
 const { createReplayJob } = require('./lib/replay-job');
 const { createSummaryMailer, SUMMARY_MAIL_DEFAULTS } = require('./lib/summary-mailer');
@@ -277,7 +278,9 @@ module.exports = function (app) {
       cloudSyncUrl: {
         type: 'string',
         title: 'Online service address',
-        description: 'The address of the Ti Bord service: https://app.tibord.com'
+        description:
+          'The address of the Ti Bord service. Leave it as it is unless you test another instance',
+        default: CLOUD_SYNC_DEFAULTS.cloudSyncUrl
       },
       cloudSyncToken: {
         type: 'string',
@@ -590,6 +593,28 @@ module.exports = function (app) {
     });
   }
 
+  // Forgets the pairing from the Export page: the token leaves the plugin configuration and the
+  // backup turns off; the service address stays. What the service holds stays there.
+  function removePairing() {
+    const next = { ...savedConfig, cloudSyncEnabled: false };
+    delete next.cloudSyncToken;
+    return new Promise((resolve, reject) => {
+      app.savePluginOptions(next, (err) => {
+        if (err) {
+          reject(err);
+          return;
+        }
+        savedConfig = next;
+        if (settings) {
+          settings.cloudSyncEnabled = false;
+          settings.cloudSyncToken = null;
+        }
+        cloudPairing?.cancel();
+        resolve();
+      });
+    });
+  }
+
   // Declares the link costly or cheap from the Export page, saved like the rest of the
   // configuration. Back to cheap, a run starts at once: full passages have been waiting.
   function saveCostlyLink(costly) {
@@ -653,7 +678,7 @@ module.exports = function (app) {
             ? SUMMARY_MAIL_DEFAULTS.summaryMailTileUrl
             : config.summaryMailTileUrl,
         cloudSyncEnabled: config.cloudSyncEnabled ?? CLOUD_SYNC_DEFAULTS.cloudSyncEnabled,
-        cloudSyncUrl: config.cloudSyncUrl || null,
+        cloudSyncUrl: config.cloudSyncUrl || CLOUD_SYNC_DEFAULTS.cloudSyncUrl,
         cloudSyncToken: config.cloudSyncToken || null,
         cloudSyncIntervalMinutes:
           config.cloudSyncIntervalMinutes ?? CLOUD_SYNC_DEFAULTS.cloudSyncIntervalMinutes,
@@ -706,6 +731,8 @@ module.exports = function (app) {
       throw err;
     }
 
+    registerPlotterExtension(app, () => database !== null);
+
     const readSelfPath = (path) => app.getSelfPath(path);
     detector = createPassageDetector({ db: database, readSelfPath, settings });
     const recorder = createTrackRecorder({ db: database, readSelfPath, settings });
@@ -762,6 +789,7 @@ module.exports = function (app) {
     });
     cloudPairing = createCloudPairing({
       db: database,
+      serviceUrl: () => settings.cloudSyncUrl,
       userAgent: `signalk-chiplog/${version}`,
       log,
       onPaired: ({ url, token }) => savePairing(url, token)
@@ -883,6 +911,7 @@ module.exports = function (app) {
           cloudSync,
           nudgeCloudSync: () => cloudSchedule?.nudge(),
           saveCostlyLink,
+          removePairing,
           cloudPairing,
           cloudRestore,
           replayJob,

package/lib/api.js

@@ -778,16 +778,36 @@ function registerRoutes(router, { getContext, logError }) {
     })
   );
 
+  // Forgets the pairing: the device token is removed from the plugin configuration and the
+  // backup turns off. The service keeps what it holds, and the device until revoked there.
+  admin.delete(
+    '/api/cloud-sync/token',
+    handle(async ({ cloudSync, cloudPairing, cloudRestore, removePairing }) => {
+      try {
+        await removePairing();
+      } catch (err) {
+        throw conflict('cloud_sync_save_failed', err.message);
+      }
+      return {
+        ...cloudSync.status(),
+        pairing: cloudPairing.status(),
+        restore: cloudRestore.status()
+      };
+    })
+  );
+
   // Asks the service for a pairing code, then waits in the background for someone to claim
-  // it; GET /cloud-sync follows the pairing.
+  // it; GET /cloud-sync follows the pairing. The service is the configured one unless `url`
+  // names another.
   admin.post(
     '/api/cloud-sync/pairing',
     handle(async ({ cloudPairing }, req) => {
-      if (typeof req.body?.url !== 'string' || req.body.url.trim() === '') {
-        throw badRequest('url is required');
+      const url = req.body?.url;
+      if (url !== undefined && (typeof url !== 'string' || url.trim() === '')) {
+        throw badRequest('url must be a non-empty string');
       }
       try {
-        return await cloudPairing.start(req.body.url.trim());
+        return await cloudPairing.start(url?.trim());
       } catch (err) {
         if (err.code === 'invalid_url') {
           throw badRequest(err.message);

package/lib/cloud-pairing.js

@@ -1,5 +1,6 @@
 const { getLogbookId } = require('./cloud-sync');
 const { qrCode } = require('./qr');
+const { fetchExplained } = require('./network-error');
 
 const REQUEST_TIMEOUT_MS = 30 * 1000;
 // When the service is out of reach mid-pairing: keep asking, as long as the code lives.
@@ -32,6 +33,8 @@ function serviceUrl(text) {
 // given the service address and the token, to save them in the plugin configuration.
 function createCloudPairing({
   db,
+  // The address to pair with when none is given: the one in the plugin configuration.
+  serviceUrl: configuredUrl = () => null,
   userAgent,
   onPaired,
   log,
@@ -44,16 +47,20 @@ function createCloudPairing({
   let timer = null;
 
   async function call(url, path, body) {
-    const response = await fetch(`${url}/v1${path}`, {
-      method: 'POST',
-      headers: {
-        'content-type': 'application/json',
-        'user-agent': userAgent,
-        'x-chiplog-version': userAgent.split('/')[1] ?? ''
+    const response = await fetchExplained(
+      fetch,
+      `${url}/v1${path}`,
+      {
+        method: 'POST',
+        headers: {
+          'content-type': 'application/json',
+          'user-agent': userAgent,
+          'x-chiplog-version': userAgent.split('/')[1] ?? ''
+        },
+        body: JSON.stringify(body)
       },
-      body: JSON.stringify(body),
-      signal: AbortSignal.timeout(REQUEST_TIMEOUT_MS)
-    });
+      REQUEST_TIMEOUT_MS
+    );
     const data = await response.json().catch(() => ({}));
     if (!response.ok) {
       throw new PairingError(data.message ?? `The service answered ${response.status}`, {
@@ -87,6 +94,7 @@ function createCloudPairing({
         state = { state: 'expired', at: new Date(clock()).toISOString() };
       } else if (!(error instanceof PairingError)) {
         // Out of reach for a moment: the code is still good.
+        log('debug', `Online backup pairing: ${error.message}; retrying`);
         schedule(current, RETRY_MS);
       } else {
         attempt = null;
@@ -119,16 +127,22 @@ function createCloudPairing({
 
   return {
     // Asks the service for a code and starts waiting for it to be claimed. A pairing already
-    // under way is dropped: its code was not used.
-    async start(text) {
-      const url = serviceUrl(text);
+    // under way is dropped: its code was not used. Without an address, the configured one.
+    async start(text = configuredUrl()) {
+      const url = serviceUrl(text ?? '');
       if (!url) {
         throw new PairingError('The service address must be an http or https URL', {
           code: 'invalid_url'
         });
       }
       this.cancel();
-      const pairing = await call(url, '/pairings', { logbookId: getLogbookId(db) });
+      let pairing;
+      try {
+        pairing = await call(url, '/pairings', { logbookId: getLogbookId(db) });
+      } catch (error) {
+        log('error', `Online backup pairing could not start: ${error.message}`);
+        throw error;
+      }
       const current = {
         url,
         pairingId: pairing.pairingId,

package/lib/cloud-restore.js

@@ -1,6 +1,7 @@
 const { withTransaction } = require('./database');
 const { getLogbookId, isRestoring } = require('./cloud-sync');
 const { TRACK_READINGS, OBSERVATION_READINGS } = require('./passage-import');
+const { fetchExplained } = require('./network-error');
 
 const REQUEST_TIMEOUT_MS = 2 * 60 * 1000;
 
@@ -250,15 +251,19 @@ function createCloudRestore({
   const isEmpty = () => db.prepare('SELECT count(*) AS n FROM log_entries').get().n === 0;
 
   async function call(path) {
-    const response = await fetch(`${settings.cloudSyncUrl.replace(/\/+$/, '')}/v1${path}`, {
-      method: 'GET',
-      headers: {
-        authorization: `Bearer ${settings.cloudSyncToken}`,
-        'user-agent': userAgent,
-        'x-chiplog-version': userAgent.split('/')[1] ?? ''
+    const response = await fetchExplained(
+      fetch,
+      `${settings.cloudSyncUrl.replace(/\/+$/, '')}/v1${path}`,
+      {
+        method: 'GET',
+        headers: {
+          authorization: `Bearer ${settings.cloudSyncToken}`,
+          'user-agent': userAgent,
+          'x-chiplog-version': userAgent.split('/')[1] ?? ''
+        }
       },
-      signal: AbortSignal.timeout(REQUEST_TIMEOUT_MS)
-    });
+      REQUEST_TIMEOUT_MS
+    );
     if (!response.ok) {
       let detail = {};
       try {

package/lib/cloud-sync.js

@@ -9,9 +9,13 @@ const { allSegments } = require('./propulsion');
 const { getTideForecast } = require('./tide-forecaster');
 const { allObservations, allTrackPoints } = require('./track');
 const { getWeatherForecast } = require('./weather-forecaster');
+const { fetchExplained } = require('./network-error');
 
 const CLOUD_SYNC_DEFAULTS = {
   cloudSyncEnabled: false,
+  // Where every boat backs up; another address is for testing and development, set in the
+  // plugin configuration.
+  cloudSyncUrl: 'https://app.tibord.com',
   cloudSyncIntervalMinutes: 15,
   cloudSyncCostlyLink: false
 };
@@ -180,12 +184,16 @@ function createCloudSync({
       headers['content-encoding'] = 'gzip';
       payload = zlib.gzipSync(JSON.stringify(body));
     }
-    const response = await fetch(`${base()}${path}`, {
-      method,
-      headers,
-      body: payload,
-      signal: AbortSignal.timeout(REQUEST_TIMEOUT_MS)
-    });
+    const response = await fetchExplained(
+      fetch,
+      `${base()}${path}`,
+      {
+        method,
+        headers,
+        body: payload
+      },
+      REQUEST_TIMEOUT_MS
+    );
     if (!response.ok) {
       let detail = {};
       try {

package/lib/network-error.js

@@ -0,0 +1,72 @@
+// Node's fetch says only "fetch failed" when no answer came back; the reason — a name that does
+// not resolve, a refused connection, a certificate refused — is in `cause`, which the plugin
+// would otherwise lose. These turn such a failure into one sentence for the log and the page.
+
+// A hint for the causes a boat meets most, where the fix is not obvious from the code alone.
+const HINTS = [
+  [/^(ENOTFOUND|EAI_AGAIN)$/, 'check the address and that this server can resolve names (DNS)'],
+  [
+    /^(CERT_|UNABLE_TO_VERIFY|SELF_SIGNED|DEPTH_ZERO|ERR_TLS_CERT)/,
+    "check this server's clock: a wrong date makes valid certificates look invalid"
+  ],
+  [/^(ECONNREFUSED|ECONNRESET|EHOSTUNREACH|ENETUNREACH)$/, 'check the address and the network']
+];
+
+function describeCause(cause) {
+  if (!cause) {
+    return null;
+  }
+  // Several addresses tried (IPv4 and IPv6): each has its own reason.
+  if (Array.isArray(cause.errors) && cause.errors.length > 0) {
+    const parts = [
+      ...new Set(cause.errors.map((each) => describeCause(each)?.text).filter(Boolean))
+    ];
+    return { code: cause.code ?? cause.errors[0].code ?? null, text: parts.join('; ') };
+  }
+  const message = cause.message || String(cause);
+  const code = cause.code ?? null;
+  const text = code && !message.includes(code) ? `${code}: ${message}` : message;
+  return { code, text };
+}
+
+// The error a failed `fetch(url)` threw, explained. An answer the service gave is not this
+// function's: only failures where no answer came back are rewritten; anything else is returned
+// as it was.
+function networkError(error, url, timeoutMs) {
+  let host;
+  try {
+    host = new URL(url).host;
+  } catch {
+    host = url;
+  }
+  if (error?.name === 'TimeoutError') {
+    const result = new Error(
+      `No answer from ${host} within ${Math.round(timeoutMs / 1000)} s: check the network`
+    );
+    result.code = 'timeout';
+    result.cause = error;
+    return result;
+  }
+  if (!(error instanceof TypeError) || error.message !== 'fetch failed') {
+    return error;
+  }
+  const cause = describeCause(error.cause);
+  const hint = cause?.code && HINTS.find(([pattern]) => pattern.test(cause.code))?.[1];
+  const result = new Error(
+    `Cannot reach ${host}${cause ? ` (${cause.text})` : ''}${hint ? `: ${hint}` : ''}`
+  );
+  result.code = cause?.code ?? 'fetch_failed';
+  result.cause = error;
+  return result;
+}
+
+// `fetch`, with what went wrong said when no answer came back.
+async function fetchExplained(fetch, url, options, timeoutMs) {
+  try {
+    return await fetch(url, { ...options, signal: AbortSignal.timeout(timeoutMs) });
+  } catch (error) {
+    throw networkError(error, url, timeoutMs);
+  }
+}
+
+module.exports = { networkError, fetchExplained };

package/lib/plotter-extension.js

@@ -0,0 +1,59 @@
+const { version } = require('../package.json');
+
+const EXTENSION_ID = 'signalk-chiplog';
+
+function buildManifest() {
+  return {
+    name: 'Chiplog — Helm entry',
+    description: 'Log manoeuvres, notes and handwriting without leaving the chart.',
+    version,
+    apiVersion: '1',
+    requires: ['panels.iframe', 'buttons'],
+    optional: ['nightMode'],
+    panels: [
+      {
+        id: 'helm-entry',
+        title: 'Chiplog',
+        type: 'iframe',
+        url: '/signalk-chiplog/entry/?plotterExtension=1',
+        lifecycle: 'keepAlive'
+      }
+    ],
+    buttons: [
+      {
+        id: 'open-helm-entry',
+        title: 'Chiplog',
+        slot: 'mapToolbar',
+        icon: 'edit_note',
+        action: { type: 'togglePanel', panel: 'helm-entry' }
+      }
+    ]
+  };
+}
+
+function registerPlotterExtension(app, isRunning) {
+  // Older servers can still run the standalone logbook and tablet app.
+  if (typeof app.registerResourceProvider !== 'function') {
+    return;
+  }
+  app.registerResourceProvider({
+    type: 'plotterExtensions',
+    methods: {
+      listResources: async () => (isRunning() ? { [EXTENSION_ID]: buildManifest() } : {}),
+      getResource: async (id) => {
+        if (!isRunning() || id !== EXTENSION_ID) {
+          throw new Error(`No such plotterExtensions resource: ${id}`);
+        }
+        return buildManifest();
+      },
+      setResource: async () => {
+        throw new Error('Chiplog plotter extension is read-only');
+      },
+      deleteResource: async () => {
+        throw new Error('Chiplog plotter extension is read-only');
+      }
+    }
+  });
+}
+
+module.exports = { registerPlotterExtension };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "signalk-chiplog",
-  "version": "2.11.0",
+  "version": "2.13.0",
   "description": "Nautical logbook for Signal K: automatic entries, handwritten notes",
   "main": "index.js",
   "files": [
@@ -81,6 +81,7 @@
     "mediabunny": "1.58.0",
     "preact": "^10.29.8",
     "prettier": "^3.9.6",
+    "signalk-plotterext-bus": "^0.21.0",
     "three": "0.186.0"
   }
 }

package/public/app.css

@@ -1153,12 +1153,6 @@ button.preset-on {
   margin-bottom: 1rem;
 }
 
-.pairing-form label {
-  display: grid;
-  gap: 0.25rem;
-  flex: 1 1 16rem;
-}
-
 .pairing-code .code {
   font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
   font-size: 2rem;

package/public/entry/entry.css

@@ -749,6 +749,32 @@ input {
   border-radius: var(--radius);
 }
 
+.confirmation-dialog {
+  width: min(40rem, calc(100% - 2rem));
+  max-height: calc(100% - 2rem);
+  padding: 0;
+  border: 0;
+  border-radius: var(--radius);
+  background: var(--surface);
+  color: var(--text);
+}
+
+.confirmation-dialog::backdrop {
+  background: rgb(0 0 0 / 55%);
+}
+
+.confirmation-dialog .sheet {
+  width: 100%;
+}
+
+:root[data-plotter-extension='true'] [data-standalone-link] {
+  display: none;
+}
+
+:root[data-plotter-extension='true'] .entry-main {
+  padding: 0.75rem 0.75rem 9rem;
+}
+
 .sail-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));

package/public/entry/js/components/AccessGate.mjs

@@ -63,7 +63,7 @@ export function AccessGate({ onGranted }) {
                 ${t('access.request')}
               </button>`
         }
-        <a class="big-button" href="/admin/#/login">${t('access.signIn')}</a>
+        <a class="big-button" data-standalone-link href="/admin/#/login">${t('access.signIn')}</a>
       </div>
     </section>
   `;

package/public/entry/js/components/CrewDialog.mjs

@@ -1,6 +1,7 @@
 import { html, useState } from '../../../vendor/preact-htm.mjs';
 import { useLocale } from '../../../js/context.mjs';
 import { PencilIcon, TrashIcon } from './Icons.mjs';
+import { confirmAction } from '../confirm.mjs';
 
 // .big-button is a row flex container, so a bare <br/> between its children
 // would not stack them -- wrap name and role in their own column instead.
@@ -83,7 +84,7 @@ export function CrewDialog({
   };
 
   const removeMember = async (member) => {
-    if (!confirm(t('entry.deleteCrewMemberConfirm', { name: member.name }))) {
+    if (!(await confirmAction(t('entry.deleteCrewMemberConfirm', { name: member.name }), t))) {
       return;
     }
     const removed = await onDeleteMember(member.id);

package/public/entry/js/components/StatusHeader.mjs

@@ -95,7 +95,7 @@ export function StatusHeader({
         >
           ${t('entry.night')}
         </button>
-        <a class="tool-button" href="../">${t('entry.logbook')}</a>
+        <a class="tool-button" data-standalone-link href="../">${t('entry.logbook')}</a>
       </div>
     </header>
   `;

package/public/entry/js/confirm.mjs

@@ -0,0 +1,42 @@
+// Native confirm() is blocked in plotter-extension sandboxes. An HTML dialog
+// works there, traps focus, supports Escape, and keeps the same confirmation
+// in the standalone app. Text is never interpreted as HTML.
+export function confirmAction(message, t) {
+  return new Promise((resolve) => {
+    const dialog = document.createElement('dialog');
+    dialog.className = 'confirmation-dialog';
+    dialog.setAttribute('aria-label', message);
+    const form = document.createElement('form');
+    form.method = 'dialog';
+    form.className = 'sheet';
+    const text = document.createElement('p');
+    text.textContent = message;
+    const actions = document.createElement('div');
+    actions.className = 'sheet-row';
+    for (const [value, label, className] of [
+      ['cancel', t('common.cancel'), 'big-button'],
+      ['confirm', t('common.delete'), 'big-button danger']
+    ]) {
+      const button = document.createElement('button');
+      button.type = 'submit';
+      button.value = value;
+      button.textContent = label;
+      button.className = className;
+      button.autofocus = value === 'cancel';
+      actions.append(button);
+    }
+    form.append(text, actions);
+    dialog.append(form);
+    dialog.addEventListener(
+      'close',
+      () => {
+        const confirmed = dialog.returnValue === 'confirm';
+        dialog.remove();
+        resolve(confirmed);
+      },
+      { once: true }
+    );
+    document.body.append(dialog);
+    dialog.showModal();
+  });
+}

package/public/entry/js/main.mjs

@@ -12,6 +12,8 @@ import { randomId } from '../../js/ids.mjs';
 import { pickLanguage } from '../../js/i18n.mjs';
 import { createServerClock } from './clock.mjs';
 import { createJournal } from './journal.mjs';
+import { confirmAction } from './confirm.mjs';
+import { connectPlotter, isPlotterExtension } from './plotter.mjs';
 import { AccessGate } from './components/AccessGate.mjs';
 import { EventDialog, Toast } from './components/Dialogs.mjs';
 import { CrewDialog } from './components/CrewDialog.mjs';
@@ -106,6 +108,7 @@ function App({ journal }) {
   const [managingCrew, setManagingCrew] = useState(false);
   const [tab, setTab] = useState('note');
   const [night, setNight] = useState(readSetting(NIGHT_KEY) === 'on');
+  const [plotter, setPlotter] = useState(null);
   const [version, setVersion] = useState(0);
   const [busy, setBusy] = useState(false);
 
@@ -163,6 +166,43 @@ function App({ journal }) {
     writeSetting(NIGHT_KEY, night ? 'on' : 'off');
   }, [night]);
 
+  useEffect(() => {
+    if (!isPlotterExtension) {
+      return undefined;
+    }
+    let active = true;
+    let connection;
+    connectPlotter((enabled) => active && setNight(enabled))
+      .then((client) => {
+        if (!active) {
+          client.close();
+          return;
+        }
+        connection = client;
+        setPlotter(client);
+      })
+      // The tablet remains usable if the host cannot complete the handshake.
+      .catch(() => {});
+    return () => {
+      active = false;
+      connection?.close();
+    };
+  }, []);
+
+  const toggleNight = async () => {
+    const enabled = !night;
+    if (plotter?.hasCapability('nightMode')) {
+      try {
+        await plotter.call('nightMode.set', { enabled, auto: false });
+        setNight(enabled);
+        return;
+      } catch {
+        // Keep the local night switch usable if the host stops answering.
+      }
+    }
+    setNight(enabled);
+  };
+
   useEffect(() => {
     if (!toast || toast.kind === 'error') {
       return undefined;
@@ -307,7 +347,7 @@ function App({ journal }) {
   };
 
   const deleteEvent = async (event) => {
-    if (!confirm(t('entry.deleteConfirm'))) {
+    if (!(await confirmAction(t('entry.deleteConfirm'), t))) {
       return;
     }
     try {
@@ -376,7 +416,7 @@ function App({ journal }) {
       onReconnect=${reconnect}
       queued=${queue.pending.length}
       night=${night}
-      onToggleNight=${() => setNight((value) => !value)}
+      onToggleNight=${toggleNight}
     />
     <main class="entry-main">
       ${
@@ -498,6 +538,7 @@ if ('serviceWorker' in navigator && window.isSecureContext) {
 }
 
 const locale = createLocale(pickLanguage(navigator.languages, location.search));
+document.documentElement.dataset.plotterExtension = String(isPlotterExtension);
 document.documentElement.lang = locale.language;
 document.title = locale.t('entry.title');
 

package/public/entry/js/plotter.mjs

@@ -0,0 +1,30 @@
+import { connectExtension, windowPort } from '../../vendor/plotterext.mjs';
+
+// An explicit opt-in leaves standalone and ordinary iframe use unchanged.
+export const isPlotterExtension =
+  window.parent !== window && new URLSearchParams(location.search).get('plotterExtension') === '1';
+
+export async function connectPlotter(onNightChange) {
+  const client = await connectExtension({
+    port: windowPort(window.parent, { origin: location.origin }),
+    timeoutMs: 5000
+  });
+  try {
+    if (client.hasCapability('nightMode')) {
+      // Subscribe first so a change during the initial read cannot be lost.
+      let changed = false;
+      await client.subscribe(['nightMode.changed'], (_name, state) => {
+        changed = true;
+        onNightChange(state.enabled);
+      });
+      const state = await client.call('nightMode.get');
+      if (!changed) {
+        onNightChange(state.enabled);
+      }
+    }
+    return client;
+  } catch (error) {
+    client.close();
+    throw error;
+  }
+}

package/public/entry/sw.js

@@ -13,6 +13,8 @@ const SHELL = [
   'icons/icon-512.png',
   'icons/apple-touch-icon.png',
   'js/main.mjs',
+  'js/confirm.mjs',
+  'js/plotter.mjs',
   'js/access.mjs',
   'js/clock.mjs',
   'js/journal.mjs',
@@ -43,7 +45,8 @@ const SHELL = [
   '../js/view-memory.mjs',
   '../js/components/common.mjs',
   '../js/components/Timeline.mjs',
-  '../vendor/preact-htm.mjs'
+  '../vendor/preact-htm.mjs',
+  '../vendor/plotterext.mjs'
 ];
 
 const shellUrls = () => new Set(SHELL.map((file) => new URL(file, self.registration.scope).href));

package/public/js/components/CloudBackup.mjs

@@ -105,27 +105,16 @@ function PairingState({ pairing, onCancel }) {
   return null;
 }
 
-function PairingForm({ initialUrl, onStart, busy }) {
+function PairingForm({ onStart, busy }) {
   const { t } = useLocale();
-  const [url, setUrl] = useState(initialUrl ?? '');
   return html`
     <form
       class="pairing-form"
       onSubmit=${(event) => {
         event.preventDefault();
-        onStart(url);
+        onStart();
       }}
     >
-      <label>
-        ${t('cloud.serviceUrl')}
-        <input
-          type="url"
-          required
-          placeholder="https://"
-          value=${url}
-          onInput=${(event) => setUrl(event.currentTarget.value)}
-        />
-      </label>
       <button type="submit" disabled=${busy}>${t('cloud.pair')}</button>
     </form>
   `;
@@ -279,6 +268,17 @@ export function CloudBackup() {
           onStart=${(logbookId) => act('POST', '/cloud-sync/restore', { logbookId })}
         />`
       }
+      ${
+        status?.configured &&
+        html`<button
+          type="button"
+          class="danger"
+          disabled=${busy}
+          onClick=${() => confirm(t('cloud.unpairConfirm')) && act('DELETE', '/cloud-sync/token')}
+        >
+          ${t('cloud.unpair')}
+        </button>`
+      }
       ${
         status?.pairing &&
         html`<${PairingState}
@@ -293,11 +293,7 @@ export function CloudBackup() {
           <details open=${!ready}>
             <summary>${ready ? t('cloud.pairAgain') : t('cloud.pairTitle')}</summary>
             <p>${t('cloud.pairIntro')}</p>
-            <${PairingForm}
-              initialUrl=${status.url}
-              busy=${busy}
-              onStart=${(url) => act('POST', '/cloud-sync/pairing', { url })}
-            />
+            <${PairingForm} busy=${busy} onStart=${() => act('POST', '/cloud-sync/pairing', {})} />
           </details>
         `
       }

package/public/js/i18n.mjs

@@ -452,11 +452,13 @@ export const MESSAGES = {
     'cloud.restored': 'Logbook restored: {count} passages brought back.',
     'cloud.restoreRefused': '{count} could not be written; see the server log.',
     'cloud.restoreFailed': 'The restore stopped: {message}',
-    'cloud.pairAgain': 'Pair with another account or service',
+    'cloud.pairAgain': 'Pair with another account',
+    'cloud.unpair': 'Remove the pairing',
+    'cloud.unpairConfirm':
+      'Remove the pairing? The backup stops and this plugin forgets its token. What is already on Ti Bord stays there; revoke the device from your account to stop it for good.',
     'cloud.pairIntro':
-      'Enter the service address and ask for a code, then enter the code on the service, signed in to your account. The backup turns on as soon as it is claimed.',
+      'Ask for a code, then enter it on Ti Bord, signed in to your account. The backup turns on as soon as it is claimed.',
     'cloud.learnMore': 'More about the backups, and about sharing your passages and voyages:',
-    'cloud.serviceUrl': 'Service address',
     'cloud.pair': 'Get a pairing code',
     'cloud.enterCode': 'Enter this code on the service:',
     'cloud.openClaim': 'Open the service to enter it',
@@ -1037,12 +1039,14 @@ export const MESSAGES = {
     'cloud.restored': 'Journal restauré : {count} navigations récupérées.',
     'cloud.restoreRefused': '{count} n’ont pas pu être écrites ; voir le journal du serveur.',
     'cloud.restoreFailed': 'La restauration s’est arrêtée : {message}',
-    'cloud.pairAgain': 'Appairer avec un autre compte ou service',
+    'cloud.pairAgain': 'Appairer avec un autre compte',
+    'cloud.unpair': 'Supprimer l’appairage',
+    'cloud.unpairConfirm':
+      'Supprimer l’appairage ? La sauvegarde s’arrête et ce plugin oublie son jeton. Ce qui est déjà sur Ti Bord y reste ; révoquez l’appareil depuis votre compte pour l’arrêter définitivement.',
     'cloud.pairIntro':
-      'Indiquez l’adresse du service et demandez un code, puis saisissez ce code sur le service, connecté à votre compte. La sauvegarde s’active dès qu’il est utilisé.',
+      'Demandez un code, puis saisissez-le sur Ti Bord, connecté à votre compte. La sauvegarde s’active dès qu’il est utilisé.',
     'cloud.learnMore':
       'Plus d’informations sur les sauvegardes et sur le partage de vos navigations et de vos voyages :',
-    'cloud.serviceUrl': 'Adresse du service',
     'cloud.pair': 'Obtenir un code d’appairage',
     'cloud.enterCode': 'Saisissez ce code sur le service :',
     'cloud.openClaim': 'Ouvrir le service pour le saisir',

package/public/vendor/plotterext-LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Joel Kozikowski
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/public/vendor/plotterext.mjs

@@ -0,0 +1 @@
+var f="plotterExt/1",o={PARSE_ERROR:-32700,INVALID_REQUEST:-32600,METHOD_NOT_FOUND:-32601,INVALID_PARAMS:-32602,INTERNAL_ERROR:-32603,HOST_ERROR:-32e3,TIMEOUT:-32001,CONNECTION_CLOSED:-32002},c=class l extends Error{code;data;constructor(e,s={}){super(e),this.name="RpcError",this.code=s.code??o.HOST_ERROR;let n={...s.data??{}};s.reason!==void 0&&(n.reason=s.reason),this.data=Object.keys(n).length>0?n:void 0}get reason(){return typeof this.data?.reason=="string"?this.data.reason:void 0}toErrorObject(){return{code:this.code,message:this.message,...this.data?{data:this.data}:{}}}static fromErrorObject(e){return new l(e.message,{code:e.code,data:e.data})}static from(e){return e instanceof l?e:e instanceof Error?new l(e.message,{code:o.INTERNAL_ERROR}):new l(String(e),{code:o.INTERNAL_ERROR})}},u="bus.ready",y="bus.handshake";function E(t,e){return t===e?!0:m(t.split("."),0,e.split("."),0)}function m(t,e,s,n){for(;e<t.length;){let i=t[e];if(i==="**"){if(e===t.length-1)return!0;for(let r=n;r<=s.length;r++)if(m(t,e+1,s,r))return!0;return!1}if(n>=s.length||i!=="*"&&i!==s[n])return!1;e++,n++}return n===s.length}function g(t,e){for(let s of t)if(E(s,e))return!0;return!1}function N(t){return{bus:f,msg:t}}function M(t){if(typeof t!="object"||t===null)return null;let e=t;return e.bus!==f?null:_(e.msg)?e.msg:null}function _(t){if(typeof t!="object"||t===null)return!1;let e=t;if(e.jsonrpc!=="2.0")return!1;if(typeof e.method=="string")return e.id===void 0||typeof e.id=="string"||typeof e.id=="number";if(!(typeof e.id=="string"||typeof e.id=="number"||e.id===null))return!1;let n="result"in e,i=e.error,r=typeof i=="object"&&i!==null&&typeof i.code=="number"&&typeof i.message=="string";return n?!("error"in e):r}function S(t){return"method"in t&&"id"in t&&t.id!==void 0}function A(t){return"method"in t&&(!("id"in t)||t.id===void 0)}function D(t){return!("method"in t)}function h(t,e={}){let s=e.listenWindow??globalThis,n=e.origin??s.location?.origin??"*";return{post(i,r){r?.length?t.postMessage(i,{targetOrigin:n,transfer:r}):t.postMessage(i,n)},listen(i){let r=a=>{a.source===t&&(n!=="*"&&a.origin!==n||i(a.data))};return s.addEventListener("message",r),()=>s.removeEventListener("message",r)}}}var L=1e4,p=class{callTimeoutMs;port;unlisten;onError;pending=new Map;methods=new Map;eventHandlers=new Set;idPrefix=Math.random().toString(36).slice(2,8);seq=0;closed=!1;constructor(t){this.port=t.port,this.callTimeoutMs=t.callTimeoutMs??L,this.onError=t.onError??(e=>console.warn("[plotterext-bus]",e)),this.unlisten=this.port.listen(e=>this.onData(e))}registerMethod(t,e){this.methods.set(t,e)}unregisterMethod(t){this.methods.delete(t)}onEvent(t,e){let s={patterns:t,fn:e};return this.eventHandlers.add(s),()=>this.eventHandlers.delete(s)}notify(t,e,s={}){this.send({jsonrpc:"2.0",method:t,...e!==void 0?{params:e}:{}},s.transfer)}call(t,e,s={}){if(this.closed)return Promise.reject(new c("Bus endpoint is closed",{code:o.CONNECTION_CLOSED,reason:"CLOSED"}));let n=`${this.idPrefix}-${++this.seq}`,i=s.timeoutMs??this.callTimeoutMs;return new Promise((r,a)=>{let d=i>0?setTimeout(()=>{this.pending.delete(n),a(new c(`Call timed out after ${i}ms: ${t}`,{code:o.TIMEOUT,reason:"TIMEOUT"}))},i):null;this.pending.set(n,{resolve:r,reject:a,timer:d}),this.send({jsonrpc:"2.0",id:n,method:t,...e!==void 0?{params:e}:{}},s.transfer)})}close(){if(!this.closed){this.closed=!0,this.unlisten();for(let[,t]of this.pending)t.timer&&clearTimeout(t.timer),t.reject(new c("Bus endpoint closed",{code:o.CONNECTION_CLOSED,reason:"CLOSED"}));this.pending.clear(),this.eventHandlers.clear()}}send(t,e){this.closed||this.port.post(N(t),e)}onData(t){let e=M(t);e&&(D(e)?this.onResponse(e):S(e)?this.onRequest(e):A(e)&&this.onNotification(e.method,e.params))}onResponse(t){if(t.id===null)return;let e=this.pending.get(t.id);e&&(this.pending.delete(t.id),e.timer&&clearTimeout(e.timer),"error"in t?e.reject(c.fromErrorObject(t.error)):e.resolve(t.result))}async onRequest(t){let e=this.methods.get(t.method);if(!e){this.send({jsonrpc:"2.0",id:t.id,error:{code:o.METHOD_NOT_FOUND,message:`Method not found: ${t.method}`}});return}try{let s=await e(t.params,{endpoint:this});this.send({jsonrpc:"2.0",id:t.id,result:s===void 0?null:s})}catch(s){this.send({jsonrpc:"2.0",id:t.id,error:c.from(s).toErrorObject()})}}onNotification(t,e){for(let s of[...this.eventHandlers])if(g(s.patterns,t))try{s.fn(t,e)}catch(n){this.onError(n)}}};var v=class{handshake;endpoint;constructor(t,e){this.endpoint=t,this.handshake=e}get context(){return this.handshake.context}get apiVersion(){return this.handshake.apiVersion}get capabilities(){return this.handshake.capabilities}hasCapability(t){return this.handshake.capabilities.includes(t)}call(t,e,s){return this.endpoint.call(t,e,s)}notify(t,e){this.endpoint.notify(t,e)}async subscribe(t,e){let s=this.endpoint.onEvent(t,e),n;try{n=(await this.call("events.subscribe",{patterns:t})).subscriptionId}catch(i){throw s(),i}return async()=>{s(),await this.call("events.unsubscribe",{subscriptionId:n}).catch(()=>{})}}async publish(t,e,s){await this.call("events.publish",{topic:t,...e!==void 0?{params:e}:{},...s?{scope:s}:{}})}state={get:async(t,e)=>(await this.call("state.get",{...e?{scope:e}:{},...t?{keys:t}:{}})).values??{},set:async(t,e)=>{await this.call("state.set",{...e?{scope:e}:{},values:t})}};signalk={subscribe:async(t,e)=>{let s=t.map(r=>`sk.${r}`),n=await this.subscribe(s,(r,a)=>e(a)),i;try{i=(await this.call("signalk.subscribe",{paths:t})).subscriptionId}catch(r){throw await n(),r}return async()=>{await n(),await this.call("signalk.unsubscribe",{subscriptionId:i}).catch(()=>{})}},put:(t,e)=>this.call("signalk.put",{path:t,value:e})};route={list:async()=>(await this.call("route.list")).routes??[],create:async t=>await this.call("route.create",t),get:async t=>await this.call("route.get",{routeId:t}),replace:async(t,e)=>await this.call("route.replace",{routeId:t,points:e}),save:async(t,e)=>await this.call("route.save",{routeId:t,...e??{}}),show:async t=>await this.call("route.show",{ref:t}),hide:async t=>{await this.call("route.hide",{routeId:t})},delete:async t=>{await this.call("route.delete",{routeId:t})}};chart={list:async()=>(await this.call("chart.list")).charts??[],setVisibility:async(t,e)=>{await this.call("chart.setVisibility",{ids:t,visible:e})},setOpacity:async(t,e)=>{await this.call("chart.setOpacity",{ids:t,opacity:e})},setOrder:async t=>{await this.call("chart.setOrder",{order:t})},setTime:async(t,e)=>{await this.call("chart.setTime",{ids:t,time:e})}};nightMode={get:async()=>await this.call("nightMode.get"),set:async t=>{await this.call("nightMode.set",t)}};panels={list:async()=>(await this.call("ui.listPanels")).panels};overlays={list:async()=>(await this.call("overlay.list")).overlays,setVisibility:async(t,e)=>{await this.call("overlay.setVisibility",{ids:t,visible:e})},setOpacity:async(t,e)=>{await this.call("overlay.setOpacity",{ids:t,opacity:e})},frame:async t=>await this.call("overlay.frame",t,{transfer:[t.image]}),refresh:async t=>{await this.call("overlay.refresh",t)},setData:async t=>{await this.call("overlay.setData",t)},setLayer:async t=>{await this.call("overlay.setLayer",t)},setState:async(t,e)=>{await this.call("overlay.setState",{overlayId:t,values:e})}};windows={open:async t=>await this.call("ui.openWindow",t),update:async t=>await this.call("ui.updateWindow",t),focus:async t=>{await this.call("ui.focusWindow",t===void 0?{}:{windowId:t})},close:async t=>{await this.call("ui.closeWindow",t===void 0?{}:{windowId:t})},list:async()=>(await this.call("ui.listWindows")).windows};resourceGroup={apply:async t=>await this.call("resourceGroup.apply",{id:t})};map={getView:async()=>await this.call("map.getView"),center:async(t,e)=>{await this.call("map.center",{position:t,...typeof e=="number"?{zoom:e}:{}})},fitBounds:async t=>{await this.call("map.fitBounds",{bounds:t})}};close(){this.endpoint.close()}};function R(t={}){let e=t.port??h(globalThis.parent,{origin:"*"}),s=new p({port:e,callTimeoutMs:t.callTimeoutMs,onError:t.onError}),n=t.id?{id:t.id}:void 0;return new Promise((i,r)=>{let a=!1,d=s.onEvent([y],(I,T)=>{a||(a=!0,w(),i(new v(s,T)))}),b=setInterval(()=>s.notify(u,n),t.readyIntervalMs??250),O=setTimeout(()=>{a||(a=!0,w(),s.close(),r(new c("Timed out waiting for host handshake",{code:o.TIMEOUT,reason:"HANDSHAKE_TIMEOUT"})))},t.timeoutMs??1e4),w=()=>{d(),clearInterval(b),clearTimeout(O)};s.notify(u,n)})}export{R as connectExtension,h as windowPort};