ocearo-ui 0.1.18 → 0.1.21

package/ais-preview/vessels.js

@@ -0,0 +1,316 @@
+// Procedural low-poly AIS vessel models (three.js).
+// One builder per AIS ship-type category. Built at ~real scale (length ~8-12 units,
+// bow toward +Z, up +Y, beam along X). The preview page normalizes scale/centering.
+//
+// This module is intentionally framework-agnostic (plain three.js) so it can later
+// be reused inside the app to replace the per-vessel GLTF models.
+
+import * as THREE from 'three';
+
+// ── The 11 AIS categories we model ───────────────────────────────────────────
+// `current` = the model the app renders today for this type (via determineBoatType),
+// `meshy`   = expected filename under ./meshy/<id>.glb
+export const AIS_TYPES = [
+  { key: 'wig',       code: 20, range: '20–29', labelFr: 'WIG (effet de sol)',     current: 'ship' },
+  { key: 'fishing',   code: 30, range: '30',    labelFr: 'Pêche',                  current: 'optimist' },
+  { key: 'tug',       code: 31, range: '31–32', labelFr: 'Remorqueur',             current: 'ship' },
+  { key: 'military',  code: 35, range: '35',    labelFr: 'Militaire',              current: 'ship' },
+  { key: 'sailing',   code: 36, range: '36',    labelFr: 'Voilier',                current: 'sailboat' },
+  { key: 'pleasure',  code: 37, range: '37',    labelFr: 'Plaisance',              current: 'ship' },
+  { key: 'hsc',       code: 40, range: '40–49', labelFr: 'Navire rapide (HSC)',    current: 'ship' },
+  { key: 'pilot',     code: 50, range: '50–59', labelFr: 'Pilote / spécial',       current: 'ship' },
+  { key: 'passenger', code: 60, range: '60–69', labelFr: 'Passagers',              current: 'ship' },
+  { key: 'cargo',     code: 70, range: '70–79', labelFr: 'Cargo',                  current: 'ship' },
+  { key: 'tanker',    code: 80, range: '80–89', labelFr: 'Pétrolier (tanker)',     current: 'ship' },
+];
+
+// ── Materials (low-poly: flat shading) ───────────────────────────────────────
+const M = {
+  hull:   () => new THREE.MeshStandardMaterial({ color: 0xeef2f5, flatShading: true, roughness: 0.85, metalness: 0.05 }),
+  hullRed:() => new THREE.MeshStandardMaterial({ color: 0x8a1f1f, flatShading: true, roughness: 0.85 }),
+  hullDk: () => new THREE.MeshStandardMaterial({ color: 0x2b3138, flatShading: true, roughness: 0.9 }),
+  hullGrey:()=> new THREE.MeshStandardMaterial({ color: 0x8d99a4, flatShading: true, roughness: 0.8 }),
+  deck:   () => new THREE.MeshStandardMaterial({ color: 0x9fb0bd, flatShading: true, roughness: 0.95 }),
+  cabin:  () => new THREE.MeshStandardMaterial({ color: 0xe2e9ee, flatShading: true, roughness: 0.7 }),
+  glass:  () => new THREE.MeshStandardMaterial({ color: 0x0a2a33, emissive: 0x09bfff, emissiveIntensity: 0.4, flatShading: true, roughness: 0.4 }),
+  dark:   () => new THREE.MeshStandardMaterial({ color: 0x394049, flatShading: true, roughness: 0.85 }),
+  red:    () => new THREE.MeshStandardMaterial({ color: 0xcc1414, flatShading: true, roughness: 0.7 }),
+  orange: () => new THREE.MeshStandardMaterial({ color: 0xff7a18, flatShading: true, roughness: 0.7 }),
+  sail:   () => new THREE.MeshStandardMaterial({ color: 0xf4f6f8, flatShading: true, roughness: 1, side: THREE.DoubleSide }),
+  steel:  () => new THREE.MeshStandardMaterial({ color: 0xb9c2cb, flatShading: true, roughness: 0.6, metalness: 0.3 }),
+};
+
+// ── Primitive helpers ────────────────────────────────────────────────────────
+function box(w, h, d, mat, x = 0, y = 0, z = 0) {
+  const m = new THREE.Mesh(new THREE.BoxGeometry(w, h, d), mat);
+  m.position.set(x, y, z);
+  return m;
+}
+function cyl(rt, rb, h, seg, mat, x = 0, y = 0, z = 0) {
+  const m = new THREE.Mesh(new THREE.CylinderGeometry(rt, rb, h, seg), mat);
+  m.position.set(x, y, z);
+  return m;
+}
+function sphere(r, mat, x = 0, y = 0, z = 0) {
+  const m = new THREE.Mesh(new THREE.SphereGeometry(r, 8, 6), mat);
+  m.position.set(x, y, z);
+  return m;
+}
+
+// Low-poly hull: rectangular body + faceted (4-sided) cone bow. Returns a group
+// whose deck top sits at y = depth/2.
+function hull(len, beam, depth, mat) {
+  const g = new THREE.Group();
+  const bodyLen = len * 0.70;
+  g.add(box(beam, depth, bodyLen, mat, 0, 0, -len * 0.05));
+
+  const bow = new THREE.Mesh(new THREE.ConeGeometry(beam * 0.54, len * 0.34, 4), mat);
+  bow.rotation.set(Math.PI / 2, 0, Math.PI / 4); // apex toward +Z, flat bottom
+  bow.scale.y = depth / (beam * 1.08);           // flatten vertically to hull depth
+  bow.position.set(0, 0, len * 0.5 - len * 0.17);
+  g.add(bow);
+
+  // Slight keel/bottom wedge for a less boxy underside
+  const keel = box(beam * 0.5, depth * 0.5, bodyLen * 0.9, mat, 0, -depth * 0.55, -len * 0.05);
+  g.add(keel);
+  return g;
+}
+
+// ── Per-type builders ────────────────────────────────────────────────────────
+function buildCargo() {
+  const g = new THREE.Group();
+  const L = 11, B = 3, D = 1.5;
+  g.add(hull(L, B, D, M.hull()));
+  const deck = D / 2;
+  // aft bridge block near stern
+  g.add(box(B * 0.8, 1.3, 1.6, M.cabin(), 0, deck + 0.65, -L * 0.36));
+  g.add(box(B * 0.55, 0.5, 1.0, M.glass(), 0, deck + 1.0, -L * 0.36));
+  // funnel
+  g.add(cyl(0.22, 0.26, 0.9, 8, M.dark(), 0, deck + 1.6, -L * 0.40));
+  // cargo hatches
+  for (let i = 0; i < 3; i++) {
+    g.add(box(B * 0.7, 0.35, 1.5, M.dark(), 0, deck + 0.18, L * 0.18 - i * 1.9));
+  }
+  // two masts/cranes
+  g.add(cyl(0.07, 0.07, 1.6, 6, M.steel(), B * 0.2, deck + 0.8, L * 0.05));
+  g.add(box(1.2, 0.08, 0.08, M.steel(), B * 0.2 + 0.4, deck + 1.4, L * 0.05));
+  return g;
+}
+
+function buildTanker() {
+  const g = new THREE.Group();
+  const L = 12, B = 3.2, D = 1.5;
+  g.add(hull(L, B, D, M.hull()));
+  const deck = D / 2;
+  // stern superstructure
+  g.add(box(B * 0.85, 1.5, 1.4, M.cabin(), 0, deck + 0.75, -L * 0.38));
+  g.add(box(B * 0.6, 0.45, 0.9, M.glass(), 0, deck + 1.15, -L * 0.38));
+  g.add(cyl(0.22, 0.26, 0.9, 8, M.red(), 0, deck + 1.7, -L * 0.42));
+  // cylindrical deck tanks / domes
+  for (let i = 0; i < 4; i++) {
+    g.add(cyl(0.5, 0.5, 0.55, 10, M.steel(), 0, deck + 0.28, L * 0.22 - i * 1.5));
+  }
+  // central pipeline
+  g.add(cyl(0.09, 0.09, L * 0.62, 6, M.dark(), 0, deck + 0.55, L * 0.02).rotateX(Math.PI / 2));
+  return g;
+}
+
+function buildPassenger() {
+  const g = new THREE.Group();
+  const L = 11, B = 3, D = 1.4;
+  g.add(hull(L, B, D, M.hull()));
+  const deck = D / 2;
+  // stacked decks (decreasing)
+  g.add(box(B * 0.92, 0.7, L * 0.72, M.cabin(), 0, deck + 0.35, 0));
+  g.add(box(B * 0.78, 0.6, L * 0.6, M.cabin(), 0, deck + 0.95, -0.2));
+  g.add(box(B * 0.6, 0.5, L * 0.45, M.cabin(), 0, deck + 1.45, -0.3));
+  // bridge
+  g.add(box(B * 0.5, 0.35, 0.7, M.glass(), 0, deck + 1.85, L * 0.12));
+  // window rows (glow)
+  for (let d = 0; d < 2; d++) {
+    g.add(box(B * 0.93, 0.12, L * 0.7, M.glass(), 0, deck + 0.4 + d * 0.6, 0));
+  }
+  // funnel + lifeboats
+  g.add(cyl(0.25, 0.3, 0.8, 10, M.red(), 0, deck + 2.1, -L * 0.18));
+  for (const s of [-1, 1]) {
+    g.add(box(0.6, 0.22, 0.3, M.orange(), s * B * 0.5, deck + 0.55, L * 0.1));
+    g.add(box(0.6, 0.22, 0.3, M.orange(), s * B * 0.5, deck + 0.55, -L * 0.1));
+  }
+  return g;
+}
+
+function buildFishing() {
+  const g = new THREE.Group();
+  const L = 8, B = 2.5, D = 1.4;
+  g.add(hull(L, B, D, M.hull()));
+  const deck = D / 2;
+  // forward cabin
+  g.add(box(B * 0.75, 1.0, 1.6, M.cabin(), 0, deck + 0.5, L * 0.22));
+  g.add(box(B * 0.6, 0.4, 0.5, M.glass(), 0, deck + 0.85, L * 0.30));
+  // mast + boom (net crane)
+  g.add(cyl(0.06, 0.06, 2.2, 6, M.steel(), 0, deck + 1.1, L * 0.1));
+  g.add(box(0.06, 0.06, 2.4, M.steel(), 0, deck + 1.9, -L * 0.05).rotateX(0.5));
+  // net reel (horizontal cylinder) aft
+  g.add(cyl(0.35, 0.35, B * 0.7, 10, M.dark(), 0, deck + 0.35, -L * 0.32).rotateZ(Math.PI / 2));
+  return g;
+}
+
+function buildSailing() {
+  const g = new THREE.Group();
+  const L = 9, B = 2.1, D = 1.3;
+  g.add(hull(L, B, D, M.hull()));
+  const deck = D / 2;
+  // low cabin
+  g.add(box(B * 0.6, 0.45, 2.2, M.cabin(), 0, deck + 0.22, L * 0.02));
+  g.add(box(B * 0.5, 0.18, 1.2, M.glass(), 0, deck + 0.4, L * 0.05));
+  // mast
+  const mastH = 7;
+  g.add(cyl(0.07, 0.09, mastH, 6, M.steel(), 0, deck + mastH / 2, L * 0.05));
+  // boom
+  g.add(box(0.06, 0.06, 3.4, M.steel(), 0, deck + 0.8, -L * 0.1));
+  // triangular mainsail (between mast and boom)
+  const sailShape = new THREE.Shape();
+  sailShape.moveTo(0, 0); sailShape.lineTo(0, mastH * 0.82); sailShape.lineTo(-3.2, 0); sailShape.closePath();
+  const sail = new THREE.Mesh(new THREE.ShapeGeometry(sailShape), M.sail());
+  sail.position.set(0, deck + 0.2, L * 0.05);
+  sail.rotation.y = Math.PI / 2;
+  g.add(sail);
+  // jib (small foresail)
+  const jib = new THREE.Shape();
+  jib.moveTo(0, 0); jib.lineTo(0, mastH * 0.6); jib.lineTo(2.4, 0); jib.closePath();
+  const jibM = new THREE.Mesh(new THREE.ShapeGeometry(jib), M.sail());
+  jibM.position.set(0, deck + 0.2, L * 0.05);
+  jibM.rotation.y = Math.PI / 2;
+  g.add(jibM);
+  // keel
+  g.add(box(0.18, 1.4, 1.6, M.dark(), 0, -1.0, -L * 0.02));
+  return g;
+}
+
+function buildPleasure() {
+  const g = new THREE.Group();
+  const L = 9, B = 2.6, D = 1.3;
+  g.add(hull(L, B, D, M.hull()));
+  const deck = D / 2;
+  // streamlined raised cabin
+  g.add(box(B * 0.8, 0.6, 3.2, M.cabin(), 0, deck + 0.3, L * 0.05));
+  g.add(box(B * 0.7, 0.4, 2.4, M.glass(), 0, deck + 0.55, L * 0.1));
+  // flybridge
+  g.add(box(B * 0.5, 0.35, 1.2, M.cabin(), 0, deck + 0.9, L * 0.0));
+  g.add(cyl(0.04, 0.04, 0.9, 6, M.steel(), 0, deck + 1.5, L * 0.0)); // antenna
+  // swim platform aft
+  g.add(box(B * 0.85, 0.12, 0.8, M.deck(), 0, deck - 0.1, -L * 0.46));
+  return g;
+}
+
+function buildHSC() {
+  const g = new THREE.Group();
+  const L = 10, B = 3.2, D = 1.0;
+  // catamaran-style twin hulls
+  for (const s of [-1, 1]) {
+    const h = hull(L, B * 0.34, D, M.hull());
+    h.position.x = s * B * 0.3;
+    g.add(h);
+  }
+  const deck = D / 2;
+  // connecting deck
+  g.add(box(B * 0.95, 0.25, L * 0.7, M.deck(), 0, deck, 0));
+  // sleek superstructure
+  g.add(box(B * 0.8, 0.6, L * 0.55, M.cabin(), 0, deck + 0.45, -L * 0.02));
+  g.add(box(B * 0.7, 0.35, L * 0.4, M.glass(), 0, deck + 0.6, L * 0.05));
+  // raked mast
+  g.add(box(0.08, 0.08, 1.6, M.steel(), 0, deck + 1.1, -L * 0.05).rotateX(-0.4));
+  return g;
+}
+
+function buildTug() {
+  const g = new THREE.Group();
+  const L = 7, B = 3, D = 1.6;
+  g.add(hull(L, B, D, M.hullDk()));
+  const deck = D / 2;
+  // tall wheelhouse forward-center
+  g.add(box(B * 0.7, 1.4, 1.8, M.red(), 0, deck + 0.7, L * 0.12));
+  g.add(box(B * 0.55, 0.5, 0.9, M.glass(), 0, deck + 1.2, L * 0.18));
+  // funnel
+  g.add(cyl(0.22, 0.26, 0.7, 8, M.dark(), 0, deck + 1.7, -L * 0.05));
+  // fenders along the bow
+  for (let i = 0; i < 4; i++) {
+    g.add(sphere(0.22, M.dark(), 0, deck - 0.1, L * 0.45 - i * 0.5));
+  }
+  // towing winch aft
+  g.add(cyl(0.3, 0.3, B * 0.5, 8, M.steel(), 0, deck + 0.25, -L * 0.32).rotateZ(Math.PI / 2));
+  return g;
+}
+
+function buildMilitary() {
+  const g = new THREE.Group();
+  const L = 11, B = 2.6, D = 1.4;
+  g.add(hull(L, B, D, M.hullGrey()));
+  const deck = D / 2;
+  // angular stealth superstructure (tapered stack)
+  g.add(box(B * 0.7, 0.7, 3.0, M.hullGrey(), 0, deck + 0.35, L * 0.0));
+  const tower = box(B * 0.45, 1.0, 1.2, M.hullGrey(), 0, deck + 1.0, L * 0.05);
+  tower.rotation.x = 0.06;
+  g.add(tower);
+  // pyramidal mast
+  g.add(cyl(0.02, 0.18, 1.4, 4, M.dark(), 0, deck + 1.9, L * 0.05));
+  // forward gun
+  g.add(box(0.5, 0.35, 0.6, M.hullGrey(), 0, deck + 0.25, L * 0.34));
+  g.add(cyl(0.05, 0.05, 1.2, 6, M.dark(), 0, deck + 0.35, L * 0.42).rotateX(Math.PI / 2));
+  return g;
+}
+
+function buildPilot() {
+  const g = new THREE.Group();
+  const L = 8, B = 2.6, D = 1.4;
+  g.add(hull(L, B, D, M.hull()));
+  const deck = D / 2;
+  // bright pilot hull band
+  g.add(box(B + 0.02, 0.3, L * 0.7, M.orange(), 0, deck - 0.05, -L * 0.05));
+  // central cabin with windows all round
+  g.add(box(B * 0.7, 1.0, 2.4, M.cabin(), 0, deck + 0.5, 0));
+  g.add(box(B * 0.72, 0.4, 1.8, M.glass(), 0, deck + 0.7, 0));
+  // radar dome on roof + mast
+  g.add(sphere(0.3, M.cabin(), 0, deck + 1.25, -0.2));
+  g.add(cyl(0.05, 0.05, 1.0, 6, M.steel(), 0, deck + 1.4, 0.4));
+  return g;
+}
+
+function buildWig() {
+  const g = new THREE.Group();
+  const L = 10, B = 1.6;
+  // aircraft-like fuselage (capsule)
+  const fus = cyl(0.6, 0.6, L * 0.7, 10, M.hull());
+  fus.rotation.x = Math.PI / 2;
+  g.add(fus);
+  // nose cone
+  const nose = new THREE.Mesh(new THREE.ConeGeometry(0.6, L * 0.22, 10), M.hull());
+  nose.rotation.x = Math.PI / 2;
+  nose.position.z = L * 0.45;
+  g.add(nose);
+  // cockpit glass
+  g.add(box(0.7, 0.4, 1.6, M.glass(), 0, 0.45, L * 0.22));
+  // short wings
+  for (const s of [-1, 1]) {
+    g.add(box(L * 0.42, 0.12, 1.6, M.steel(), s * (L * 0.28), -0.1, -L * 0.05));
+    g.add(cyl(0.18, 0.18, 0.5, 8, M.dark(), s * (L * 0.34), 0.0, -L * 0.05)); // engine pod
+  }
+  // tail fin + stabilizers
+  g.add(box(0.1, 1.4, 1.2, M.steel(), 0, 0.7, -L * 0.4));
+  g.add(box(2.4, 0.1, 0.8, M.steel(), 0, 0.9, -L * 0.44));
+  return g;
+}
+
+const BUILDERS = {
+  wig: buildWig, fishing: buildFishing, tug: buildTug, military: buildMilitary,
+  sailing: buildSailing, pleasure: buildPleasure, hsc: buildHSC, pilot: buildPilot,
+  passenger: buildPassenger, cargo: buildCargo, tanker: buildTanker,
+};
+
+export function createVessel(key) {
+  const build = BUILDERS[key];
+  if (!build) return new THREE.Group();
+  const g = build();
+  g.traverse((o) => { if (o.isMesh) { o.castShadow = false; o.receiveShadow = false; } });
+  return g;
+}

package/ais-preview/web/ATTRIBUTION.md

@@ -0,0 +1,25 @@
+# Attribution — flotte blanche AIS (public/ais-preview/web/)
+
+Tous les modèles sont rendus avec un matériau blanc uniforme (style du `ship` de l'app).
+Les `.glb` issus de modèles texturés ont été convertis **géométrie seule** (textures retirées).
+
+- **CC0** : domaine public, aucune attribution requise.
+- **CC-BY** : redistribuable **avec** attribution (conserver les crédits ci-dessous).
+- **perso** : modèle déjà présent dans `models/` (fourni par toi, source d'origine inconnue — à vérifier avant redistribution publique).
+
+| Type AIS | Fichier | Modèle / source | Auteur | Licence |
+|---|---|---|---|---|
+| ais-30 (pêche)      | ais-30.glb | `models/ship` (perso)                              | — (à vérifier)     | perso |
+| ais-31 (remorqueur) | ais-31.glb | Poly Pizza « TugBoat »                             | Some Random Person | CC-BY |
+| ais-35 (militaire)  | ais-35.glb | Poly Pizza (m/aYAmfkUYZjg)                          | — (à vérifier)     | CC-BY |
+| ais-36 (voilier)    | ais-36.glb | `models/sailboat` (perso)                          | — (à vérifier)     | perso |
+| ais-37 (plaisance)  | ais-37.glb | Poly Pizza « Yacht »                               | Alex Safayan       | CC-BY |
+| ais-40 (HSC)        | ais-40.glb | Poly Pizza « Military Boat » (réutilisé en vedette) | Zsky               | CC-BY |
+| ais-50 (pilote)     | ais-50.glb | Poly Pizza « Boat » (m/84-DYhLzxNq)                 | Poly by Google     | CC-BY |
+| ais-60 (passagers)  | ais-60.glb | Poly Pizza « Cruise ship »                         | Poly by Google     | CC-BY |
+| ais-70 (cargo)      | ais-70.glb | Poly Pizza « Container Ship »                      | Alex Safayan       | CC-BY |
+| ais-80 (tanker)     | ais-80.glb | `models/cargo` « Low Poly Cargo Ship » (Sketchfab) | Javier_Fernandez   | CC-BY |
+
+## Crédits CC-BY-4.0 à conserver
+- « Low Poly Cargo Ship » par Javier_Fernandez — https://sketchfab.com/3d-models/low-poly-cargo-ship-4c22cbaf01c1427f8ab60b3a07b1b32c
+- « TugBoat », « Military Boat », « Yacht », « Cruise ship », « Container Ship » — via https://poly.pizza (voir la page de chaque modèle pour le crédit complet).

package/index.html

@@ -1 +1 @@
-<!DOCTYPE html><!--fEaz_HJDfJbXQ22pI4nGl--><html lang="en"><head><meta charSet="utf-8"/><link rel="preconnect" href="/" crossorigin=""/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/><link rel="stylesheet" href="/ocearo-ui/_next/static/chunks/8610c545018747f6.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/ocearo-ui/_next/static/chunks/ed1a1adcf94d3203.js"/><script src="/ocearo-ui/_next/static/chunks/72c822cfe5b6f4f2.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/04cc0e5e9b2549b5.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/045c83caa4d15373.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/turbopack-eb3e32db84948efc.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/b9fde64db49c8fdf.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/8bf2a6eefe03fbc9.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/f0df051aa5b9aee8.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/727710e55f003daf.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/a59b67714973a59e.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/7c60d9d425c20d52.js" async=""></script><meta name="next-size-adjust" content=""/><meta name="theme-color" media="(prefers-color-scheme: light)" content="#4bbcd8"/><meta name="theme-color" media="(prefers-color-scheme: dark)" content="#0a2e3d"/><title>Ocearo</title><meta name="description" content="Sailing made smarter"/><link rel="manifest" href="./manifest.json"/><meta name="format-detection" content="telephone=no"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-title" content="Ocearo"/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/><link rel="shortcut icon" href="./favicon.ico"/><link rel="icon" href="./favicon.ico" type="image/x-icon"/><link rel="icon" href="./favicon.svg" type="image/svg+xml" sizes="any"/><link rel="icon" href="./favicon-96x96.png" type="image/png" sizes="96x96"/><link rel="apple-touch-icon" href="./apple-touch-icon.png"/><script src="/ocearo-ui/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body class="geistsans_fce11f57-module__b_bU6G__variable geistmono_ed61a5f9-module__6fgesq__variable antialiased"><div hidden=""><!--$--><!--/$--></div><div class="h-[100dvh] bg-hud-bg flex items-center justify-center"><div class="animate-pulse text-hud-main">Loading...</div></div><!--$--><!--/$--><script src="/ocearo-ui/_next/static/chunks/ed1a1adcf94d3203.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js\",\"/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js\"],\"default\"]\n3:I[37457,[\"/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js\",\"/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js\"],\"default\"]\n4:I[47257,[\"/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js\",\"/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js\"],\"ClientPageRoot\"]\n5:I[81694,[\"/ocearo-ui/_next/static/chunks/b9fde64db49c8fdf.js\",\"/ocearo-ui/_next/static/chunks/8bf2a6eefe03fbc9.js\",\"/ocearo-ui/_next/static/chunks/f0df051aa5b9aee8.js\",\"/ocearo-ui/_next/static/chunks/727710e55f003daf.js\",\"/ocearo-ui/_next/static/chunks/a59b67714973a59e.js\",\"/ocearo-ui/_next/static/chunks/7c60d9d425c20d52.js\"],\"default\"]\n8:I[97367,[\"/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js\",\"/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js\"],\"OutletBoundary\"]\n9:\"$Sreact.suspense\"\nb:I[97367,[\"/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js\",\"/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js\"],\"ViewportBoundary\"]\nd:I[97367,[\"/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js\",\"/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js\"],\"MetadataBoundary\"]\nf:I[68027,[\"/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js\",\"/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js\"],\"default\"]\n:HL[\"/ocearo-ui/_next/static/chunks/8610c545018747f6.css\",\"style\"]\n:HC[\"/\",\"\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"fEaz-HJDfJbXQ22pI4nGl\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/ocearo-ui/_next/static/chunks/8610c545018747f6.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{}],[\"$\",\"body\",null,{\"className\":\"geistsans_fce11f57-module__b_bU6G__variable geistmono_ed61a5f9-module__6fgesq__variable antialiased\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/ocearo-ui/_next/static/chunks/b9fde64db49c8fdf.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/ocearo-ui/_next/static/chunks/8bf2a6eefe03fbc9.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/ocearo-ui/_next/static/chunks/f0df051aa5b9aee8.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/ocearo-ui/_next/static/chunks/727710e55f003daf.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/ocearo-ui/_next/static/chunks/a59b67714973a59e.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/ocearo-ui/_next/static/chunks/7c60d9d425c20d52.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@a\"}]}]]}],{},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"6:{}\n7:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: light)\",\"content\":\"#4bbcd8\"}],[\"$\",\"meta\",\"3\",{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: dark)\",\"content\":\"#0a2e3d\"}]]\n"])</script><script>self.__next_f.push([1,"10:I[27201,[\"/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js\",\"/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js\"],\"IconMark\"]\na:null\ne:[[\"$\",\"title\",\"0\",{\"children\":\"Ocearo\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Sailing made smarter\"}],[\"$\",\"link\",\"2\",{\"rel\":\"manifest\",\"href\":\"./manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"3\",{\"name\":\"format-detection\",\"content\":\"telephone=no\"}],[\"$\",\"meta\",\"4\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"5\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Ocearo\"}],[\"$\",\"meta\",\"6\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"link\",\"7\",{\"rel\":\"shortcut icon\",\"href\":\"./favicon.ico\"}],[\"$\",\"link\",\"8\",{\"rel\":\"icon\",\"href\":\"./favicon.ico\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"9\",{\"rel\":\"icon\",\"href\":\"./favicon.svg\",\"type\":\"image/svg+xml\",\"sizes\":\"any\"}],[\"$\",\"link\",\"10\",{\"rel\":\"icon\",\"href\":\"./favicon-96x96.png\",\"type\":\"image/png\",\"sizes\":\"96x96\"}],[\"$\",\"link\",\"11\",{\"rel\":\"apple-touch-icon\",\"href\":\"./apple-touch-icon.png\"}],[\"$\",\"$L10\",\"12\",{}]]\n"])</script></body></html>
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><link rel="preconnect" href="/" crossorigin=""/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/><link rel="stylesheet" href="/ocearo-ui/_next/static/chunks/1wv5e5qomv-7g.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/ocearo-ui/_next/static/chunks/1gizigk3w6q7j.js"/><script src="/ocearo-ui/_next/static/chunks/2lvvt2f1l5sfu.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/3jh1u-s3k0bkk.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/2atijj_pkc4uc.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/1ptwltjb3h6jf.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/turbopack-0pirmko-w-775.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/2baz6j1q913qw.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/009rlietvsaq2.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/08gn5_gd6amkq.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/0wzr1__so6xme.js" async=""></script><script src="/ocearo-ui/_next/static/chunks/1bz0tcmhjmjgh.js" async=""></script><meta name="next-size-adjust" content=""/><meta name="description" content="Sailing made smarter with Ocearo: touchscreen-first sailing dashboard with navigation, weather, and instrumentation."/><meta name="theme-color" content="#4bbcd8" media="(prefers-color-scheme: light)"/><meta name="theme-color" content="#0a2e3d" media="(prefers-color-scheme: dark)"/><title>Ocearo</title><meta name="description" content="Sailing made smarter"/><link rel="manifest" href="./manifest.json"/><meta name="format-detection" content="telephone=no"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-title" content="Ocearo"/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/><link rel="shortcut icon" href="./favicon.ico"/><link rel="icon" href="./favicon.ico" type="image/x-icon"/><link rel="icon" href="./favicon.svg" type="image/svg+xml" sizes="any"/><link rel="icon" href="./favicon-96x96.png" type="image/png" sizes="96x96"/><link rel="apple-touch-icon" href="./apple-touch-icon.png"/><script src="/ocearo-ui/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script></head><body class="geistsans_fce11f57-module__b_bU6G__variable geistmono_ed61a5f9-module__6fgesq__variable antialiased"><div hidden=""><!--$--><!--/$--></div><div class="h-[100dvh] bg-hud-bg flex items-center justify-center"><div class="animate-pulse text-hud-main">Loading...</div></div><!--$--><!--/$--><script src="/ocearo-ui/_next/static/chunks/1gizigk3w6q7j.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js\",\"/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js\"],\"default\"]\n3:I[37457,[\"/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js\",\"/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js\"],\"default\"]\n4:I[47257,[\"/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js\",\"/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js\"],\"ClientPageRoot\"]\n5:I[81694,[\"/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js\",\"/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js\",\"/ocearo-ui/_next/static/chunks/2baz6j1q913qw.js\",\"/ocearo-ui/_next/static/chunks/009rlietvsaq2.js\",\"/ocearo-ui/_next/static/chunks/08gn5_gd6amkq.js\",\"/ocearo-ui/_next/static/chunks/0wzr1__so6xme.js\",\"/ocearo-ui/_next/static/chunks/1bz0tcmhjmjgh.js\"],\"default\"]\n8:I[97367,[\"/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js\",\"/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js\"],\"OutletBoundary\"]\n9:\"$Sreact.suspense\"\nb:I[97367,[\"/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js\",\"/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js\"],\"ViewportBoundary\"]\nd:I[97367,[\"/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js\",\"/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js\"],\"MetadataBoundary\"]\nf:I[68027,[\"/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js\",\"/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js\"],\"default\",1]\n:HL[\"/ocearo-ui/_next/static/chunks/1wv5e5qomv-7g.css\",\"style\"]\n:HC[\"/\",\"\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/ocearo-ui/_next/static/chunks/1wv5e5qomv-7g.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"meta\",null,{\"name\":\"description\",\"content\":\"Sailing made smarter with Ocearo: touchscreen-first sailing dashboard with navigation, weather, and instrumentation.\"}]}],[\"$\",\"body\",null,{\"className\":\"geistsans_fce11f57-module__b_bU6G__variable geistmono_ed61a5f9-module__6fgesq__variable antialiased\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/ocearo-ui/_next/static/chunks/2baz6j1q913qw.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/ocearo-ui/_next/static/chunks/009rlietvsaq2.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/ocearo-ui/_next/static/chunks/08gn5_gd6amkq.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/ocearo-ui/_next/static/chunks/0wzr1__so6xme.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/ocearo-ui/_next/static/chunks/1bz0tcmhjmjgh.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@a\"}]}]]}],{},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/ocearo-ui/_next/static/chunks/1wv5e5qomv-7g.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"hlKDicTyNGfd7dmHqo5m5\"}\n"])</script><script>self.__next_f.push([1,"6:{}\n7:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#4bbcd8\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"meta\",\"3\",{\"name\":\"theme-color\",\"content\":\"#0a2e3d\",\"media\":\"(prefers-color-scheme: dark)\"}]]\n"])</script><script>self.__next_f.push([1,"10:I[27201,[\"/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js\",\"/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js\"],\"IconMark\"]\na:null\ne:[[\"$\",\"title\",\"0\",{\"children\":\"Ocearo\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Sailing made smarter\"}],[\"$\",\"link\",\"2\",{\"rel\":\"manifest\",\"href\":\"./manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"3\",{\"name\":\"format-detection\",\"content\":\"telephone=no\"}],[\"$\",\"meta\",\"4\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"5\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Ocearo\"}],[\"$\",\"meta\",\"6\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"link\",\"7\",{\"rel\":\"shortcut icon\",\"href\":\"./favicon.ico\"}],[\"$\",\"link\",\"8\",{\"rel\":\"icon\",\"href\":\"./favicon.ico\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"9\",{\"rel\":\"icon\",\"href\":\"./favicon.svg\",\"type\":\"image/svg+xml\",\"sizes\":\"any\"}],[\"$\",\"link\",\"10\",{\"rel\":\"icon\",\"href\":\"./favicon-96x96.png\",\"type\":\"image/png\",\"sizes\":\"96x96\"}],[\"$\",\"link\",\"11\",{\"rel\":\"apple-touch-icon\",\"href\":\"./apple-touch-icon.png\"}],[\"$\",\"$L10\",\"12\",{}]]\n"])</script></body></html>

package/index.txt

@@ -1,19 +1,19 @@
 1:"$Sreact.fragment"
-2:I[39756,["/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js","/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js"],"default"]
-3:I[37457,["/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js","/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js"],"default"]
-4:I[47257,["/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js","/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js"],"ClientPageRoot"]
-5:I[81694,["/ocearo-ui/_next/static/chunks/b9fde64db49c8fdf.js","/ocearo-ui/_next/static/chunks/8bf2a6eefe03fbc9.js","/ocearo-ui/_next/static/chunks/f0df051aa5b9aee8.js","/ocearo-ui/_next/static/chunks/727710e55f003daf.js","/ocearo-ui/_next/static/chunks/a59b67714973a59e.js","/ocearo-ui/_next/static/chunks/7c60d9d425c20d52.js"],"default"]
-8:I[97367,["/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js","/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js"],"OutletBoundary"]
+2:I[39756,["/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js","/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js"],"default"]
+3:I[37457,["/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js","/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js"],"default"]
+4:I[47257,["/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js","/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js"],"ClientPageRoot"]
+5:I[81694,["/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js","/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js","/ocearo-ui/_next/static/chunks/2baz6j1q913qw.js","/ocearo-ui/_next/static/chunks/009rlietvsaq2.js","/ocearo-ui/_next/static/chunks/08gn5_gd6amkq.js","/ocearo-ui/_next/static/chunks/0wzr1__so6xme.js","/ocearo-ui/_next/static/chunks/1bz0tcmhjmjgh.js"],"default"]
+8:I[97367,["/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js","/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js"],"OutletBoundary"]
 9:"$Sreact.suspense"
-b:I[97367,["/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js","/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js"],"ViewportBoundary"]
-d:I[97367,["/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js","/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js"],"MetadataBoundary"]
-f:I[68027,["/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js","/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js"],"default"]
-:HL["/ocearo-ui/_next/static/chunks/8610c545018747f6.css","style"]
+b:I[97367,["/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js","/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js"],"ViewportBoundary"]
+d:I[97367,["/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js","/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js"],"MetadataBoundary"]
+f:I[68027,["/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js","/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js"],"default",1]
+:HL["/ocearo-ui/_next/static/chunks/1wv5e5qomv-7g.css","style"]
 :HC["/",""]
-0:{"P":null,"b":"fEaz-HJDfJbXQ22pI4nGl","c":["",""],"q":"","i":false,"f":[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/ocearo-ui/_next/static/chunks/8610c545018747f6.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","children":[["$","head",null,{}],["$","body",null,{"className":"geistsans_fce11f57-module__b_bU6G__variable geistmono_ed61a5f9-module__6fgesq__variable antialiased","children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]]}]]}],{"children":[["$","$1","c",{"children":[["$","$L4",null,{"Component":"$5","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@6","$@7"]}}],[["$","script","script-0",{"src":"/ocearo-ui/_next/static/chunks/b9fde64db49c8fdf.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/ocearo-ui/_next/static/chunks/8bf2a6eefe03fbc9.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/ocearo-ui/_next/static/chunks/f0df051aa5b9aee8.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/ocearo-ui/_next/static/chunks/727710e55f003daf.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/ocearo-ui/_next/static/chunks/a59b67714973a59e.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/ocearo-ui/_next/static/chunks/7c60d9d425c20d52.js","async":true,"nonce":"$undefined"}]],["$","$L8",null,{"children":["$","$9",null,{"name":"Next.MetadataOutlet","children":"$@a"}]}]]}],{},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$Lb",null,{"children":"$Lc"}],["$","div",null,{"hidden":true,"children":["$","$Ld",null,{"children":["$","$9",null,{"name":"Next.Metadata","children":"$Le"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$f",[]],"S":true}
+0:{"P":null,"c":["",""],"q":"","i":false,"f":[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",16],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/ocearo-ui/_next/static/chunks/1wv5e5qomv-7g.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","children":[["$","head",null,{"children":["$","meta",null,{"name":"description","content":"Sailing made smarter with Ocearo: touchscreen-first sailing dashboard with navigation, weather, and instrumentation."}]}],["$","body",null,{"className":"geistsans_fce11f57-module__b_bU6G__variable geistmono_ed61a5f9-module__6fgesq__variable antialiased","children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]]}]]}],{"children":[["$","$1","c",{"children":[["$","$L4",null,{"Component":"$5","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@6","$@7"]}}],[["$","script","script-0",{"src":"/ocearo-ui/_next/static/chunks/2baz6j1q913qw.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/ocearo-ui/_next/static/chunks/009rlietvsaq2.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/ocearo-ui/_next/static/chunks/08gn5_gd6amkq.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/ocearo-ui/_next/static/chunks/0wzr1__so6xme.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/ocearo-ui/_next/static/chunks/1bz0tcmhjmjgh.js","async":true,"nonce":"$undefined"}]],["$","$L8",null,{"children":["$","$9",null,{"name":"Next.MetadataOutlet","children":"$@a"}]}]]}],{},null,false,null]},null,false,null],["$","$1","h",{"children":[null,["$","$Lb",null,{"children":"$Lc"}],["$","div",null,{"hidden":true,"children":["$","$Ld",null,{"children":["$","$9",null,{"name":"Next.Metadata","children":"$Le"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$f",[["$","link","0",{"rel":"stylesheet","href":"/ocearo-ui/_next/static/chunks/1wv5e5qomv-7g.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]]],"S":true,"h":null,"s":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"hlKDicTyNGfd7dmHqo5m5"}
 6:{}
 7:"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params"
-c:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"}],["$","meta","2",{"name":"theme-color","media":"(prefers-color-scheme: light)","content":"#4bbcd8"}],["$","meta","3",{"name":"theme-color","media":"(prefers-color-scheme: dark)","content":"#0a2e3d"}]]
-10:I[27201,["/ocearo-ui/_next/static/chunks/ff1a16fafef87110.js","/ocearo-ui/_next/static/chunks/a2dfb6fc5208ab9b.js"],"IconMark"]
+c:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"}],["$","meta","2",{"name":"theme-color","content":"#4bbcd8","media":"(prefers-color-scheme: light)"}],["$","meta","3",{"name":"theme-color","content":"#0a2e3d","media":"(prefers-color-scheme: dark)"}]]
+10:I[27201,["/ocearo-ui/_next/static/chunks/1d4h-sglyo8ft.js","/ocearo-ui/_next/static/chunks/3jupxlga7r_do.js"],"IconMark"]
 a:null
 e:[["$","title","0",{"children":"Ocearo"}],["$","meta","1",{"name":"description","content":"Sailing made smarter"}],["$","link","2",{"rel":"manifest","href":"./manifest.json","crossOrigin":"$undefined"}],["$","meta","3",{"name":"format-detection","content":"telephone=no"}],["$","meta","4",{"name":"mobile-web-app-capable","content":"yes"}],["$","meta","5",{"name":"apple-mobile-web-app-title","content":"Ocearo"}],["$","meta","6",{"name":"apple-mobile-web-app-status-bar-style","content":"black-translucent"}],["$","link","7",{"rel":"shortcut icon","href":"./favicon.ico"}],["$","link","8",{"rel":"icon","href":"./favicon.ico","type":"image/x-icon"}],["$","link","9",{"rel":"icon","href":"./favicon.svg","type":"image/svg+xml","sizes":"any"}],["$","link","10",{"rel":"icon","href":"./favicon-96x96.png","type":"image/png","sizes":"96x96"}],["$","link","11",{"rel":"apple-touch-icon","href":"./apple-touch-icon.png"}],["$","$L10","12",{}]]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ocearo-ui",
-  "version": "0.1.18",
+  "version": "0.1.21",
   "private": false,
   "description": "Ocean Robot UI: 3D visualization dashboard for signalk",
   "license": "Apache-2.0",
@@ -17,35 +17,34 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "lint": "eslint .",
     "link": "ln -s $PWD/out $HOME/.signalk/node_modules/ocearo-ui"
   },
   "dependencies": {
-    "@fortawesome/free-solid-svg-icons": "^7.1.0",
-    "@fortawesome/react-fontawesome": "^3.1.1",
+    "@fortawesome/free-solid-svg-icons": "^7.3.0",
+    "@fortawesome/react-fontawesome": "^3.3.1",
     "@react-three/drei": "^10.7.7",
-    "@react-three/fiber": "^9.4.2",
+    "@react-three/fiber": "^9.6.1",
     "@signalk/client": "^2.4.0",
-    "@tailwindcss/postcss": "^4.1.18",
+    "@tailwindcss/postcss": "^4.3.1",
     "@use-gesture/react": "^10.3.1",
-    "framer-motion": "^12.23.26",
-    "i18next": "^25.8.4",
+    "framer-motion": "^12.42.0",
+    "i18next": "^26.3.3",
     "i18next-browser-languagedetector": "^8.2.0",
-    "next": "^16.1.6",
-    "postcss": "^8.5.6",
-    "react": "^19",
-    "react-dom": "^19",
-    "react-i18next": "^16.5.4",
-    "recharts": "^3.6.0",
-    "three": "^0.182.0"
+    "next": "^16.2.9",
+    "postcss": "^8.5.16",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "react-i18next": "^17.0.8",
+    "recharts": "^3.9.0",
+    "three": "^0.185.0"
   },
   "devDependencies": {
-    "eslint": "^9.0.0",
-    "eslint-config-next": "16.1.6",
-    "tailwindcss": "^4.1.18"
+    "eslint": "^9.39.4",
+    "eslint-config-next": "^16.2.9",
+    "tailwindcss": "^4.3.1"
   },
   "overrides": {
-    "ajv": "^8.18.0",
     "minimatch": "^10.2.1",
     "glob": "^11.0.0",
     "rimraf": "^6.0.0",