change site language from English to Polish in sample.config.ini

README.md

@@ -8,6 +8,7 @@ The project serves as a real-time monitoring and diagnostic tool for the Meshtas
 - **IMPORTANT:** the predicted coverage feature requires the extra `pyitm` dependency. If it is not installed, the coverage API will return 503.
   - Ubuntu install (inside the venv): `./env/bin/pip install pyitm`
 - Coverage: predicted coverage overlay (Longley‑Rice area mode) with perimeter rendering and documentation.
+- UI: added QR code display for quick node/app access.
 - Gateways: persistent gateway tracking (`is_mqtt_gateway`) and UI indicators in nodes, map popups, and stats.
 - Map UX: deterministic jitter for overlapping nodes; edges follow jittered positions.
 - Tooling: Meshtastic protobuf updater script with `--check` and `UPSTREAM_REV.txt` tracking.

meshview/__version__.py

@@ -3,8 +3,8 @@
 import subprocess
 from pathlib import Path
 
-__version__ = "3.0.6"
-__release_date__ = "2026-3-6"
+__version__ = "3.0.5"
+__release_date__ = "2026-2-6"
 
 
 def get_git_revision():

meshview/templates/base.html

@@ -176,7 +176,6 @@ async function initializePage() {
                     items.push(`<a href="${urls[i]}">${dict[key] || key}</a>`);
                 }
             }
-            items.push('<a href="https://meshview.world" target="_blank" rel="noopener noreferrer">MeshviewWorld</a>');
 
             menu.innerHTML = items.join("&nbsp;-&nbsp;");
         }

meshview/templates/map.html

@@ -23,25 +23,7 @@
     #reset-filters-button:hover { background-color:#da190b; }
     #reset-filters-button:active { background-color:#c41e0d; }
 
-    .blinking-tooltip {
-        background: white;
-        color: black;
-        border: 1px solid #111;
-        border-radius: 6px;
-        padding: 6px 10px;
-        font-size: 14px;
-        font-weight: 400;
-        box-shadow: 0 2px 8px rgba(0,0,0,0.25);
-    }
-    .blinking-tooltip.text-packet {
-        animation: textPulse 1.1s ease-in-out 6;
-        border-color: #ff8c00;
-    }
-    @keyframes textPulse {
-        0% { box-shadow: 0 2px 8px rgba(0,0,0,0.25); }
-        50% { box-shadow: 0 4px 14px rgba(255,140,0,0.45); }
-        100% { box-shadow: 0 2px 8px rgba(0,0,0,0.25); }
-    }
+    .blinking-tooltip { background:white;color:black;border:1px solid black;border-radius:4px;padding:2px 5px; }
 
     #map-wrapper {
         position: relative;
@@ -228,6 +210,44 @@ function hashToColor(str){
     return c;
 }
 
+function labelFor(key, fallback){
+    return mapTranslations[key] || fallback;
+}
+
+function buildNodePopup(node){
+    const labels = {
+        channel: labelFor("channel_label", "Channel"),
+        model: labelFor("model_label", "Model"),
+        role: labelFor("role_label", "Role"),
+        mqtt: labelFor("mqtt_gateway", "MQTT Gateway"),
+        lastSeen: labelFor("last_seen", "Last Seen"),
+        firmware: labelFor("firmware", "Firmware"),
+        yes: mapTranslations.yes || "Yes",
+        no: mapTranslations.no || "No"
+    };
+
+    return `
+        <b><a href="/node/${node.node_id}">${node.long_name}</a> (${node.short_name})</b><br>
+
+        <b>${labels.channel}</b> ${node.channel}<br>
+        <b>${labels.model}</b> ${node.hw_model}<br>
+        <b>${labels.role}</b> ${node.role}<br>
+        <b>${labels.mqtt}</b> ${node.is_mqtt_gateway ? labels.yes : labels.no}<br>
+
+        ${
+            node.last_seen_us
+                ? `<b>${labels.lastSeen}</b> ${timeAgoFromUs(node.last_seen_us)}<br>`
+                : ""
+        }
+
+        ${
+            node.firmware
+                ? `<b>${labels.firmware}</b> ${node.firmware}<br>`
+                : ""
+        }
+    `;
+}
+
 function hashToUnit(str){
     let h = 2166136261;
     for(let i=0;i<str.length;i++){
@@ -292,7 +312,7 @@ function fetchNewPackets(){
               const marker = markerById[pkt.from_node_id];
               const nodeData = nodeMap.get(pkt.from_node_id);
               if(marker && nodeData) {
-                  blinkNode(marker, nodeData.long_name, pkt.portnum, pkt.payload);
+                  blinkNode(marker,nodeData.long_name,pkt.portnum);
               } else {
                   addUnmappedPacket(pkt, nodeData);
               }
@@ -431,32 +451,11 @@ function renderNodesOnMap(){
         marker.originalColor = color;
         markerById[node.key] = marker;
 
-        const popup = `
-            <a href="/node/${node.node_id}">${node.long_name}</a> (${node.short_name})<br>
-
-            <span data-translate-lang="channel_label"></span> ${node.channel}<br>
-            <span data-translate-lang="model_label"></span> ${node.hw_model}<br>
-            <span data-translate-lang="role_label"></span> ${node.role}<br>
-            <span data-translate-lang="mqtt_gateway"></span> ${
-                node.is_mqtt_gateway ? (mapTranslations.yes || "Yes") : (mapTranslations.no || "No")
-            }<br>
-
-            ${
-                node.last_seen_us
-                    ? `<span data-translate-lang="last_seen"></span> ${timeAgoFromUs(node.last_seen_us)}<br>`
-                    : ""
-            }
-
-            ${
-                node.firmware
-                    ? `<span data-translate-lang="firmware"></span> ${node.firmware}<br>`
-                    : ""
-            }
-        `;
-
+        marker.bindPopup(buildNodePopup(node));
         marker.on('click', () => {
             onNodeClick(node);
-            marker.bindPopup(popup).openPopup();
+            marker.setPopupContent(buildNodePopup(node));
+            marker.openPopup();
         });
     });
 
@@ -586,20 +585,7 @@ map.on('click', e=>{
    BLINKING
    ====================================================== */
 
-function escapeHtml(value){
-    return String(value)
-        .replace(/&/g, "&amp;")
-        .replace(/</g, "&lt;")
-        .replace(/>/g, "&gt;")
-        .replace(/"/g, "&quot;")
-        .replace(/'/g, "&#39;");
-}
-
-function isTextPort(portnum){
-    return portnum === 1 || portnum === 7;
-}
-
-function blinkNode(marker,longName,portnum,payload){
+function blinkNode(marker,longName,portnum){
     if(!map.hasLayer(marker)) return;
 
     if(activeBlinks.has(marker)){
@@ -609,24 +595,13 @@ function blinkNode(marker,longName,portnum,payload){
     }
 
     let blinkCount = 0;
-    const blinkStart = Date.now();
-    const blinkDurationMs = 7000;
-    const safeName = escapeHtml(longName);
-    const portLabel = portMap[portnum] || `Port ${portnum ?? "?"}`;
-    const payloadText = (payload || "").trim();
-    const showPayload = isTextPort(portnum) && payloadText && payloadText !== "Did not decode";
-    const shortPayload = showPayload && payloadText.length > 80
-        ? `${payloadText.slice(0, 77)}...`
-        : payloadText;
-    const payloadLine = showPayload ? `<br><span>${escapeHtml(shortPayload)}</span>` : "";
-
     const tooltip = L.tooltip({
         permanent:true,
         direction:'top',
         offset:[0,-marker.options.radius-5],
-        className: isTextPort(portnum) ? 'blinking-tooltip text-packet' : 'blinking-tooltip'
+        className:'blinking-tooltip'
     })
-    .setContent(`${safeName} (${escapeHtml(portLabel)})${payloadLine}`)
+    .setContent(`${longName} (${portMap[portnum] || "Port "+portnum})`)
     .setLatLng(marker.getLatLng())
     .addTo(map);
 
@@ -641,7 +616,7 @@ function blinkNode(marker,longName,portnum,payload){
         }
         blinkCount++;
 
-        if(Date.now() - blinkStart > blinkDurationMs){
+        if(blinkCount>7){
             clearInterval(interval);
             marker.setStyle({ fillColor: marker.originalColor });
             map.removeLayer(tooltip);

meshview/templates/node.html

@@ -18,23 +18,21 @@
 
 /* --- Node Info --- */
 .node-info {
-    color: #ddd;
-    font-size: 0.88rem;
-    margin-bottom: 14px;
-    display: grid;
-    grid-template-columns: repeat(3, minmax(120px, 1fr));
-    grid-column-gap: 12px;
-    grid-row-gap: 12px;
-}
-
-.node-info-col {
     background-color: #1f2226;
     border: 1px solid #3a3f44;
-    border-radius: 8px;
+    color: #ddd;
+    font-size: 0.88rem;
     padding: 12px 14px;
+    margin-bottom: 14px;
+    border-radius: 8px;
+
+    display: grid;
+    grid-template-columns: repeat(3, minmax(120px, 1fr));
+    grid-column-gap: 14px;
+    grid-row-gap: 6px;
 }
 
-.node-info-col div { padding: 2px 0; }
+.node-info div { padding: 2px 0; }
 .node-info strong {
     color: #9fd4ff;
     font-weight: 600;
@@ -359,32 +357,31 @@
 
     <!-- Node Info -->
     <div id="node-info" class="node-info">
-        <div class="node-info-col">
-            <div><strong data-translate-lang="node_id">Node ID</strong><strong>: </strong><span id="info-node-id">—</span></div>
-            <div><strong data-translate-lang="id">Hex ID</strong><strong>: </strong><span id="info-id">—</span></div>
-            <div><strong data-translate-lang="short_name">Short Name</strong><strong>: </strong> <span id="info-short-name">—</span></div>
-            <div><strong data-translate-lang="long_name">Long Name</strong><strong>: </strong> <span id="info-long-name">—</span></div>
-            <div><strong data-translate-lang="channel">Channel</strong><strong>: </strong> <span id="info-channel">—</span></div>
-        </div>
-        <div class="node-info-col">
-            <div><strong data-translate-lang="latitude">Latitude</strong><strong>: </strong> <span id="info-lat">—</span></div>
-            <div><strong data-translate-lang="longitude">Longitude</strong><strong>: </strong> <span id="info-lon">—</span></div>
-            <div><strong data-translate-lang="role">Role</strong><strong>: </strong> <span id="info-role">—</span></div>
-            <div><strong data-translate-lang="hw_model">Hardware Model</strong><strong>: </strong> <span id="info-hw-model">—</span></div>
-            <div><strong data-translate-lang="mqtt_gateway">MQTT Gateway</strong><strong>: </strong> <span id="info-mqtt-gateway">—</span></div>
-        </div>
-        <div class="node-info-col">
-            <div><strong data-translate-lang="first_update">First Update</strong><strong>: </strong> <span id="info-first-update">—</span></div>
-            <div><strong data-translate-lang="last_update">Last Update</strong><strong>: </strong> <span id="info-last-update">—</span></div>
-            <div><strong data-translate-lang="firmware">Firmware</strong><strong>: </strong> <span id="info-firmware">—</span></div>
-            <div>
-                <strong data-translate-lang="statistics">Statistics</strong><strong>: </strong>
-                <span id="info-stats"
-                      data-label-24h="24h"
-                      data-label-sent="Packets sent"
-                      data-label-seen="Times seen">—</span>
-            </div>
+        <div><strong data-translate-lang="node_id">Node ID</strong><strong>: </strong><span id="info-node-id">—</span></div>
+        <div><strong data-translate-lang="id">Hex ID</strong><strong>: </strong><span id="info-id">—</span></div>
+        <div><strong data-translate-lang="long_name">Long Name</strong><strong>: </strong> <span id="info-long-name">—</span></div>
+        <div><strong data-translate-lang="short_name">Short Name</strong><strong>: </strong> <span id="info-short-name">—</span></div>
+
+        <div><strong data-translate-lang="hw_model">Hardware Model</strong><strong>: </strong> <span id="info-hw-model">—</span></div>
+        <div><strong data-translate-lang="firmware">Firmware</strong><strong>: </strong> <span id="info-firmware">—</span></div>
+        <div><strong data-translate-lang="role">Role</strong><strong>: </strong> <span id="info-role">—</span></div>
+
+        <div><strong data-translate-lang="mqtt_gateway">MQTT Gateway</strong><strong>: </strong> <span id="info-mqtt-gateway">—</span></div>
+        <div><strong data-translate-lang="channel">Channel</strong><strong>: </strong> <span id="info-channel">—</span></div>
+        <div><strong data-translate-lang="latitude">Latitude</strong><strong>: </strong> <span id="info-lat">—</span></div>
+        <div><strong data-translate-lang="longitude">Longitude</strong><strong>: </strong> <span id="info-lon">—</span></div>
+
+        <div><strong data-translate-lang="first_update">First Update</strong><strong>: </strong> <span id="info-first-update">—</span></div>
+        <div><strong data-translate-lang="last_update">Last Update</strong><strong>: </strong> <span id="info-last-update">—</span></div>
+        <div>
+            <strong data-translate-lang="statistics">Statistics</strong><strong>: </strong>
+            <span id="info-stats"
+                  data-label-24h="24h"
+                  data-label-sent="Packets sent"
+                  data-label-seen="Times seen">—</span>
         </div>
+
+
     </div>
 
     <!-- Map. -->
@@ -898,13 +895,21 @@ function addMarker(id, lat, lon, color = "red", node = null) {
 async function drawNeighbors(src, nids) {
     if (!map) return;
 
-    // Ensure source node position exists
-    const srcNode = await fetchNodeFromApi(src);
-    if (!srcNode || !srcNode.last_lat || !srcNode.last_long) return;
+    // Prefer the currently displayed source position (e.g. latest track point),
+    // then fall back to the node API location.
+    let srcLat;
+    let srcLon;
+    let srcNode = currentNode || nodeCache[src] || null;
 
-    const srcLat = srcNode.last_lat / 1e7;
-    const srcLon = srcNode.last_long / 1e7;
-    nodePositions[src] = [srcLat, srcLon];
+    if (nodePositions[src]) {
+        [srcLat, srcLon] = nodePositions[src];
+    } else {
+        srcNode = srcNode || await fetchNodeFromApi(src);
+        if (!srcNode || !srcNode.last_lat || !srcNode.last_long) return;
+        srcLat = srcNode.last_lat / 1e7;
+        srcLon = srcNode.last_long / 1e7;
+        nodePositions[src] = [srcLat, srcLon];
+    }
 
     for (const nid of nids) {
         const neighbor = await fetchNodeFromApi(nid);
@@ -1442,20 +1447,13 @@ async function loadPacketHistogram() {
     const DAYS = 7;
     const now = new Date();
 
-    const dayKeyFromDate = (d) => {
-        const y = d.getFullYear();
-        const m = String(d.getMonth() + 1).padStart(2, "0");
-        const day = String(d.getDate()).padStart(2, "0");
-        return `${y}-${m}-${day}`;
-    };
-
     const dayKeys = [];
     const dayLabels = [];
 
     for (let i = DAYS - 1; i >= 0; i--) {
         const d = new Date(now);
         d.setDate(d.getDate() - i);
-        dayKeys.push(dayKeyFromDate(d));
+        dayKeys.push(d.toISOString().slice(0, 10));
         dayLabels.push(
             d.toLocaleDateString([], { month: "short", day: "numeric" })
         );
@@ -1483,7 +1481,9 @@ async function loadPacketHistogram() {
     for (const pkt of packets) {
         if (!pkt.import_time_us) continue;
 
-        const day = dayKeyFromDate(new Date(pkt.import_time_us / 1000));
+        const day = new Date(pkt.import_time_us / 1000)
+            .toISOString()
+            .slice(0, 10);
 
         if (!dayKeys.includes(day)) continue;
 
@@ -1627,15 +1627,16 @@ document.addEventListener("DOMContentLoaded", async () => {
         // ✅ MAP MUST EXIST FIRST
         if (!map) initMap();
 
+        // Load the track first so neighbor links anchor to the same
+        // visible current-node position shown on this page.
+        await loadTrack();
+
         // ✅ DRAW LATEST NEIGHBORS ONCE
         const neighborIds = await loadLatestNeighborIds();
         if (neighborIds.length) {
             await drawNeighbors(fromNodeId, neighborIds);
         }
 
-        // ⚠️ Track may add to map, but must not hide it
-        await loadTrack();
-
         await loadPackets();
         initPacketPortFilter();
         await loadTelemetryCharts();

meshview/templates/nodelist.html

@@ -266,7 +266,7 @@ select, .export-btn, .search-box, .clear-btn {
                 <th data-translate-lang="last_lat">Last Latitude <span class="sort-icon"></span></th>
                 <th data-translate-lang="last_long">Last Longitude <span class="sort-icon"></span></th>
                 <th data-translate-lang="channel">Channel <span class="sort-icon"></span></th>
-                <th data-translate-lang="mqtt_gateway">MQTT</th>
+                <th data-translate-lang="mqtt_gateway">MQTT <span class="sort-icon"></span></th>
                 <th data-translate-lang="last_seen">Last Seen <span class="sort-icon"></span></th>
                 <th data-translate-lang="favorite"></th>
             </tr>
@@ -331,7 +331,7 @@ const minStatusMs = 300;
 const headers = document.querySelectorAll("thead th");
 const keyMap = [
     "short_name","long_name","hw_model","firmware","role",
-    "last_lat","last_long","channel","last_seen_us"
+    "last_lat","last_long","channel","is_mqtt_gateway","last_seen_us"
 ];
 
 function debounce(fn, delay = 250) {
@@ -717,6 +717,11 @@ document.addEventListener("DOMContentLoaded", async function() {
                 B = B || 0;
             }
 
+            if (key === "is_mqtt_gateway") {
+                A = A ? 1 : 0;
+                B = B ? 1 : 0;
+            }
+
             // Normalize strings for stable sorting
             if (typeof A === "string") A = A.toLowerCase();
             if (typeof B === "string") B = B.toLowerCase();

meshview/templates/packet.html

@@ -408,6 +408,11 @@ seenSorted.forEach(s => {
     hopGroups[hopValue].push(s);
 });
 
+function formatHopDisplay(hopKey, hopStart){
+    const startVal = hopStart ?? "—";
+    return `${hopKey}/${startVal}`;
+}
+
 /* ---------------------------------------------
    Render grouped gateway table + map markers
 ----------------------------------------------*/
@@ -424,6 +429,7 @@ seenTableBody.innerHTML = Object.keys(hopGroups)
             const node = nodeLookup[s.node_id];
             const label = node?.long_name || s.node_id;
 
+            const hopDisplay = formatHopDisplay(hopKey, s.hop_start);
             const timeStr = s.import_time_us
                 ? new Date(s.import_time_us/1000).toLocaleTimeString()
                 : "—";
@@ -482,7 +488,7 @@ seenTableBody.innerHTML = Object.keys(hopGroups)
                     RSSI: ${s.rx_rssi ?? "—"}<br>
                     SNR: ${s.rx_snr ?? "—"}<br><br>
 
-                    <b data-translate-lang="hops">Hops</b>: ${hopKey}
+                    <b data-translate-lang="hops">Hops</b>: ${hopDisplay}
                 </div>
             `);
 
@@ -493,7 +499,7 @@ seenTableBody.innerHTML = Object.keys(hopGroups)
                     <td><a href="/node/${s.node_id}">${label}</a></td>
                     <td>${s.rx_rssi ?? "—"}</td>
                     <td>${s.rx_snr ?? "—"}</td>
-                    <td>${hopKey}</td>
+                    <td>${hopDisplay}</td>
                     <td>${s.channel ?? "—"}</td>
                     <td>${timeStr}</td>
                 </tr>

sample.config.ini

@@ -23,7 +23,7 @@ acme_challenge =
 domain =
 
 # Select language
-language = en
+language = pl
 
 # Site title to show in the browser title bar and headers.
 title = Bay Area Mesh