v0.14.2-hotfix

web/js/charts.js

@@ -109,7 +109,8 @@ function renderHistoryNavigation() {
   } else if (app.historyTab === 'network') {
     const targets = app.historyNetworkTargets || [];
     const targetOptions = targets.map(target => `<option value="${esc(target.id)}">${esc(target.name)}</option>`).join('');
-    host.innerHTML = `<label><span>${esc(tr('history.networkTarget'))}</span><select id="historyNetworkSelect"><option value="all">${esc(tr('history.allNetworkTargets'))}</option>${targetOptions}</select></label>`;
+    const jitterEnabled = app.historyNetworkShowJitter !== false;
+    host.innerHTML = `<div class="history-network-controls"><label><span>${esc(tr('history.networkTarget'))}</span><select id="historyNetworkSelect"><option value="all">${esc(tr('history.allNetworkTargets'))}</option>${targetOptions}</select></label><button type="button" class="secondary history-jitter-toggle${jitterEnabled ? ' active' : ''}" data-action="toggle-network-jitter" aria-pressed="${jitterEnabled ? 'true' : 'false'}" title="${esc(tr('history.networkJitterToggleHint'))}">${esc(tr(jitterEnabled ? 'history.networkJitterOn' : 'history.networkJitterOff'))}</button></div>`;
     const select = $('#historyNetworkSelect'); if ([...select.options].some(option => option.value === app.historyNetworkTarget)) select.value = app.historyNetworkTarget;
   } else if (app.historyTab === 'sensors') {
     host.innerHTML = `<label><span>${esc(tr('history.haSensor'))}</span><select id="historySensorSelect"><option value="all">${esc(tr('history.allSensors'))}</option>${options.sensors}</select></label>`;
@@ -650,7 +651,7 @@ function renderLegend(host, series) {
   host.innerHTML = series.map((item, index) => {
     const hidden = isChartSeriesHidden(chartId, item, index);
     const title = tr(hidden ? 'history.legendShow' : 'history.legendHide', { name: item.label });
-    return `<button type="button" class="legend-item${hidden ? ' is-hidden' : ''}" data-chart-id="${esc(chartId)}" data-chart-legend="${index}" aria-pressed="${hidden ? 'false' : 'true'}" title="${esc(title)}"><i class="legend-line" style="--legend-color:${esc(item.color)}"></i><span>${esc(item.label)}</span></button>`;
+    return `<button type="button" class="legend-item${hidden ? ' is-hidden' : ''}" data-chart-id="${esc(chartId)}" data-chart-legend="${index}" aria-pressed="${hidden ? 'false' : 'true'}" title="${esc(title)}"><i class="legend-line${item.dash?.length ? ' is-dashed' : ''}" style="--legend-color:${esc(item.color)}"></i><span>${esc(item.label)}</span></button>`;
   }).join('');
 }
 

web/js/core.js

@@ -30,7 +30,7 @@ const app = {
   currentView: 'dashboard', loading: false, bootstrapReloadPending: false, language: preferredLanguage, theme: preferredTheme, connectionStatus: 'connecting',
   languages: [], translations: {}, locales: {},
   historyTab: 'overview', historyData: { zones: [], devices: [], sensors: [] }, historyCounts: {},
-  historyZone: 'all', historyDevice: 'all', historySensor: 'all', historyNetworkTarget: 'all', historyNetwork: [], historyNetworkTargets: [], historyEnergyDevice: '', historyEnergyTargets: [], historyEnergyInterval: 'daily', historyEnergyCompare: 'none', historyEnergy: [], historyLoading: false, historyReloadPending: false,
+  historyZone: 'all', historyDevice: 'all', historySensor: 'all', historyNetworkTarget: 'all', historyNetworkShowJitter: true, historyNetwork: [], historyNetworkTargets: [], historyEnergyDevice: '', historyEnergyTargets: [], historyEnergyInterval: 'daily', historyEnergyCompare: 'none', historyEnergy: [], historyLoading: false, historyReloadPending: false,
   customChartSeries: [], savedCharts: [], chartZooms: {}, chartHiddenSeries: {}, zoneControlSeq: {}, groupControlSeq: {}, zoneControlQueue: {}, groupControlQueue: {}, deviceControlQueue: {}, houseControlQueue: null, climateControlQueue: null, groupCustomDrafts: {}, zoneTemperatureTimers: {}, deviceTemperatureDrafts: {},
   controlPlan: null, controlPlanRevision: null, controlPlanPushReady: false, controlPlanTimer: null, debugLines: [], debugBacklogLoaded: false, debugFilter: 'all', sensorAliases: {}, flowSharedInputs: [], flowSharedInputValueCache: {}, flowSharedInputValueRequests: {}, flowSharedInputValueTimer: null,
   simulationScope: 'units', simulationTarget: 'all', standaloneSimulation: false, dashboardTab: 'main', settingsTab: 'app', systemSnapshotAt: Date.now(),

web/js/events.js

@@ -99,6 +99,7 @@ document.addEventListener('click', async event => {
     return;
   }
   const device = app.devices.find(v => v.id === button.dataset.device);
+  if (action === 'toggle-network-jitter') { app.historyNetworkShowJitter = app.historyNetworkShowJitter === false; renderHistoryNavigation(); renderNetworkHistory(); return; }
   if (action === 'open-ping' && device) { openDevicePing(device.id); return; }
   if (action === 'ping-toggle') { if (app.pingMonitor.running) stopPingMonitor(); else startPingMonitor(); return; }
   if (action === 'power' && device) return sendDeviceCommand(device.id, current => ({ power: !current?.power }));
@@ -253,6 +254,8 @@ $('#themeSelect')?.addEventListener('change', event => setTheme(event.target.val
 $('#logLevelFilter')?.addEventListener('change', loadLogs); $('#logCategoryFilter')?.addEventListener('change', loadLogs);
 $('#settingsForm [name=notifications_provider]')?.addEventListener('change', updateNotificationFields);
 $('#settingsForm [name=compressor_protection_enabled]')?.addEventListener('change', updateCompressorProtectionFields);
+$('#settingsForm [name=ping_metrics_enabled]')?.addEventListener('change', updateConnectivityMetricFields);
+$('#settingsForm [name=gree_cloud_connectivity_metrics_enabled]')?.addEventListener('change', updateConnectivityMetricFields);
 $('#zoneForm [name=sensor_source]').addEventListener('change', updateZoneSensorFields);
 document.addEventListener('input', event => {
   const input = event.target.closest?.('[data-group-custom-temperature]');

web/js/history.js

@@ -156,8 +156,8 @@ function renderNetworkHistory() {
       value: row => row.target_id === id ? historyNumber(row.latency_ms) : NaN,
       tooltipValue: value => `${Number(value).toLocaleString(locale(), { maximumFractionDigits: 2 })} ms`,
     });
-    latencySeries.push({
-      key: `${id}:jitter`, label: `${label} · ${tr('history.networkJitter')}`, color, dash: [5, 4],
+    if (app.historyNetworkShowJitter !== false) latencySeries.push({
+      key: `${id}:jitter`, label: `${label} · ${tr('history.networkJitter')}`, color, dash: [7, 5],
       value: row => row.target_id === id ? historyNumber(row.jitter_ms) : NaN,
       tooltipValue: value => `${Number(value).toLocaleString(locale(), { maximumFractionDigits: 2 })} ms`,
     });

web/js/settings-ui.js

@@ -164,6 +164,18 @@ function renderLogRetention() {
   select.value = days;
 }
 
+
+function updateConnectivityMetricFields() {
+  const form = $('#settingsForm');
+  if (!form) return;
+  const localEnabled = !!form.ping_metrics_enabled?.checked;
+  if (form.ping_interval_seconds) form.ping_interval_seconds.disabled = !localEnabled;
+  if (form.ping_sample_count) form.ping_sample_count.disabled = !localEnabled;
+  const cloudEnabled = !!form.gree_cloud_connectivity_metrics_enabled?.checked;
+  if (form.gree_cloud_connectivity_metrics_interval_seconds) form.gree_cloud_connectivity_metrics_interval_seconds.disabled = !cloudEnabled;
+  if (form.gree_cloud_connectivity_metrics_sample_count) form.gree_cloud_connectivity_metrics_sample_count.disabled = !cloudEnabled;
+}
+
 function renderSettings() {
   if (!app.settings) return;
   const form = $('#settingsForm');
@@ -191,6 +203,7 @@ function renderSettings() {
   form.gree_cloud_connectivity_metrics_enabled.checked = !!cloud.connectivity_metrics_enabled;
   form.gree_cloud_connectivity_metrics_interval_seconds.value = Number(cloud.connectivity_metrics_interval_seconds || 300);
   form.gree_cloud_connectivity_metrics_sample_count.value = Number(cloud.connectivity_metrics_sample_count || 3);
+  updateConnectivityMetricFields();
   const cloudInstance = $('#greeCloudInstanceId');
   if (cloudInstance) cloudInstance.textContent = cloud.installation_id || '—';
   const cloudLastContact = $('#greeCloudLastContact');