myio-js-library 0.1.494 → 0.1.495

package/dist/index.cjs

@@ -1162,7 +1162,7 @@ module.exports = __toCommonJS(index_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.494",
+  version: "0.1.495",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -23680,13 +23680,13 @@ function createDateRangePicker($2, input, opts) {
     const now = moment();
     ranges = {
       "\xDAltima hora": [moment().subtract(1, "hours"), now.clone()],
-      "\xDAltimas 6 horas": [moment().subtract(6, "hours"), now.clone()],
       "\xDAltimas 12 horas": [moment().subtract(12, "hours"), now.clone()],
       "\xDAltimas 24 horas": [moment().subtract(24, "hours"), now.clone()],
       "Hoje": [moment().startOf("day"), now.clone()],
       "Ontem": [moment().subtract(1, "day").startOf("day"), moment().subtract(1, "day").endOf("day")],
       "\xDAltimos 7 dias": [moment().subtract(6, "days").startOf("day"), now.clone()],
-      "Este m\xEAs": [moment().startOf("month"), now.clone()]
+      "Este m\xEAs": [moment().startOf("month"), now.clone()],
+      "M\xEAs Anterior": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")]
     };
   } else {
     ranges = {
@@ -23932,11 +23932,14 @@ async function openRealTimeTelemetryModal(params) {
   const isMyioUser = !!userEmail?.toLowerCase().includes("@myio.com.br");
   let checkDeviceIntervalMs = 3e4;
   let checkDeviceWaitMs = 15e3;
+  const SESSION_LIMIT_MS = 5 * 60 * 1e3;
   let refreshIntervalId = null;
   let countdownTimerId = null;
   let nextTickAt = 0;
   let isFirstTick = true;
   let isPaused = false;
+  let sessionCountdownTimerId = null;
+  let sessionExpiresAt = 0;
   let cardTooltipEl = null;
   let cardTooltipKey = null;
   let cardTooltipPinned = false;
@@ -24889,7 +24892,7 @@ async function openRealTimeTelemetryModal(params) {
             <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;">
               <div class="myio-rtt-mode-tabs" id="rtt-mode-tabs">
                 <button class="myio-rtt-tab active" data-mode="realtime">Realtime</button>
-                <button class="myio-rtt-tab" data-mode="period">Per\xEDodo</button>
+                <button class="myio-rtt-tab" data-mode="period">Pro Per\xEDodo</button>
               </div>
               <div class="myio-rtt-period-input" id="rtt-period-row">
                 <div class="myio-rtt-period-controls">
@@ -24955,6 +24958,7 @@ async function openRealTimeTelemetryModal(params) {
         </div>
 
         <div class="myio-telemetry-actions">
+          <span id="rtt-session-countdown" style="display:none;font-size:12px;font-weight:600;color:#667eea;background:rgba(102,126,234,0.1);padding:2px 10px;border-radius:10px;white-space:nowrap;"></span>
           <button class="myio-telemetry-btn myio-telemetry-btn-secondary" id="pause-btn">
             <span id="pause-btn-icon">\u23F8\uFE0F</span>
             <span id="pause-btn-text">${strings.pause}</span>
@@ -24979,6 +24983,7 @@ async function openRealTimeTelemetryModal(params) {
   const pauseBtn = overlay.querySelector("#pause-btn");
   const pauseBtnIcon = overlay.querySelector("#pause-btn-icon");
   const pauseBtnText = overlay.querySelector("#pause-btn-text");
+  const sessionCountdownEl = overlay.querySelector("#rtt-session-countdown");
   const exportBtn = overlay.querySelector("#export-btn");
   const loadingState = overlay.querySelector("#loading-state");
   const telemetryContent = overlay.querySelector("#telemetry-content");
@@ -25000,6 +25005,26 @@ async function openRealTimeTelemetryModal(params) {
   const countdownText = overlay.querySelector("#rtt-countdown-text");
   const centralBadge = overlay.querySelector("#rtt-central-badge");
   const deviceBadge = overlay.querySelector("#rtt-device-badge");
+  const chartTitleEl = overlay.querySelector("#chart-title");
+  function updateChartTitle() {
+    if (!chartTitleEl) return;
+    if (currentMode === "period") {
+      chartTitleEl.innerHTML = "Hist\xF3rico de Telemetria";
+      return;
+    }
+    const deviceOk = lastTelemetryUpdateMs > 0 && Date.now() - lastTelemetryUpdateMs <= DEVICE_OK_DELTA_MS;
+    let iconHtml = "";
+    if (centralStatus === "unknown") {
+      iconHtml = "";
+    } else if (centralStatus === "ok" && deviceOk) {
+      iconHtml = `<span title="Central online e dispositivo online" style="margin-left:8px;cursor:default;font-size:16px;vertical-align:middle;">\u2705</span>`;
+    } else if (centralStatus === "ok" && !deviceOk) {
+      iconHtml = `<span title="Central online e dispositivo offline / conex\xE3o fraca" style="margin-left:8px;cursor:default;font-size:16px;vertical-align:middle;">\u26A0\uFE0F</span>`;
+    } else {
+      iconHtml = `<span title="Central offline" style="margin-left:8px;cursor:default;font-size:16px;vertical-align:middle;">\u{1F534}</span>`;
+    }
+    chartTitleEl.innerHTML = `Telemetria em Tempo Real${iconHtml}`;
+  }
   function updateStatusBadges() {
     if (!centralBadge || !deviceBadge) return;
     if (centralStatus === "unknown") {
@@ -25024,7 +25049,9 @@ async function openRealTimeTelemetryModal(params) {
       deviceBadge.textContent = "Device OFFLINE";
       deviceBadge.style.cssText = "display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;letter-spacing:0.3px;color:#fff;background:#e74c3c;";
     }
+    updateChartTitle();
   }
+  updateChartTitle();
   function startCountdown(targetMs, label = "pr\xF3xima em") {
     nextTickAt = Date.now() + targetMs;
     if (countdownTimerId !== null) {
@@ -25045,6 +25072,36 @@ async function openRealTimeTelemetryModal(params) {
     }
     if (countdownText) countdownText.textContent = "";
   }
+  function startSession() {
+    stopSession();
+    sessionExpiresAt = Date.now() + SESSION_LIMIT_MS;
+    sessionCountdownTimerId = window.setInterval(() => {
+      const remaining = Math.max(0, Math.ceil((sessionExpiresAt - Date.now()) / 1e3));
+      if (sessionCountdownEl) {
+        if (remaining > 0) {
+          const mins = Math.floor(remaining / 60);
+          const secs = remaining % 60;
+          sessionCountdownEl.textContent = `\u23F1 ${mins}:${secs.toString().padStart(2, "0")}`;
+          sessionCountdownEl.style.display = "inline-block";
+        }
+      }
+      if (remaining <= 0) {
+        stopSession();
+        if (!isPaused) {
+          togglePause();
+          clearCountdown();
+          showRTTToast("Sess\xE3o de 5 min encerrada. Clique em Retomar para continuar.", "warn");
+        }
+      }
+    }, 1e3);
+  }
+  function stopSession() {
+    if (sessionCountdownTimerId !== null) {
+      clearInterval(sessionCountdownTimerId);
+      sessionCountdownTimerId = null;
+    }
+    if (sessionCountdownEl) sessionCountdownEl.style.display = "none";
+  }
   function showRTTToast(message, type = "info") {
     const bg = { warn: "#e67e22", error: "#e74c3c", info: "#3498db" }[type];
     overlay.querySelector(".myio-rtt-toast")?.remove();
@@ -25450,6 +25507,7 @@ async function openRealTimeTelemetryModal(params) {
       refreshIntervalId = null;
     }
     clearCountdown();
+    stopSession();
     if (chart) {
       chart.destroy();
       chart = null;
@@ -25713,6 +25771,7 @@ async function openRealTimeTelemetryModal(params) {
           const points = series.map((pt) => {
             let y = pt.value ?? 0;
             if (key === "total_current" || key === "current") y = y / 1e3;
+            if (key === "fp_a" || key === "fp_b" || key === "fp_c" || key === "powerFactor") y = y / 255;
             return { x: pt.ts, y };
           });
           telemetryHistory.set(key, points);
@@ -25749,6 +25808,7 @@ async function openRealTimeTelemetryModal(params) {
         const points = series.map((pt) => {
           let y = pt.value ?? 0;
           if (key === "total_current" || key === "current") y = y / 1e3;
+          if (key === "fp_a" || key === "fp_b" || key === "fp_c" || key === "powerFactor") y = y / 255;
           return { x: pt.ts, y };
         });
         telemetryHistory.set(key, points);
@@ -25795,6 +25855,9 @@ async function openRealTimeTelemetryModal(params) {
       if (key === "total_current" || key === "current" || key === "current_a" || key === "current_b" || key === "current_c") {
         numValue = numValue / 1e3;
       }
+      if (key === "fp_a" || key === "fp_b" || key === "fp_c" || key === "powerFactor") {
+        numValue = numValue / 255;
+      }
       const formattedNum = numValue.toFixed(config.decimals);
       const displayUnit = config.unit === "fp" ? "" : config.unit;
       const formatted = displayUnit ? `${formattedNum} ${displayUnit}` : formattedNum;
@@ -26164,12 +26227,14 @@ async function openRealTimeTelemetryModal(params) {
         clearTimeout(refreshIntervalId);
         refreshIntervalId = null;
       }
+      stopSession();
       pauseBtnIcon.textContent = "\u25B6\uFE0F";
       pauseBtnText.textContent = strings.resume;
       statusIndicator.classList.add("paused");
       statusText.textContent = `${strings.autoUpdate}: OFF`;
     } else {
       scheduleCheckDeviceTick();
+      startSession();
       pauseBtnIcon.textContent = "\u23F8\uFE0F";
       pauseBtnText.textContent = strings.pause;
       statusIndicator.classList.remove("paused");
@@ -26245,6 +26310,7 @@ async function openRealTimeTelemetryModal(params) {
   async function switchMode(mode) {
     if (mode === currentMode) return;
     currentMode = mode;
+    updateChartTitle();
     modeTabs.forEach((btn) => {
       btn.classList.toggle("active", btn.dataset["mode"] === mode);
     });
@@ -26285,6 +26351,7 @@ async function openRealTimeTelemetryModal(params) {
         isFirstTick = true;
         await refreshData();
         scheduleCheckDeviceTick();
+        startSession();
       }
     }
   }
@@ -26391,6 +26458,7 @@ async function openRealTimeTelemetryModal(params) {
   await refreshData();
   isFirstTick = false;
   scheduleCheckDeviceTick();
+  startSession();
   return {
     destroy: closeModal2
   };
@@ -30396,7 +30464,7 @@ var EnergyModalView = class {
             token: jwtToken,
             deviceId: this.config.params.deviceId,
             tbBaseUrl: this.config.params.tbBaseUrl || "",
-            deviceLabel: this.config.params.deviceLabel || "Dispositivo",
+            deviceLabel: this.config.context.device.label || this.config.params.deviceLabel || "Dispositivo",
             deviceName: this.config.context.device.name,
             customerName: this.config.params.customerName,
             centralId: this.config.context.resolved.centralId,
@@ -30466,7 +30534,7 @@ var EnergyModalView = class {
         presetEnd: this.config.params.endDate instanceof Date ? this.config.params.endDate.toISOString().split("T")[0] : this.config.params.endDate,
         maxRangeDays: 90,
         includeTime: true,
-        timePrecision: "hour",
+        timePrecision: "minute",
         parentEl: this.modal.element,
         onApply: ({ startISO, endISO }) => {
           this.hideError();
@@ -30866,7 +30934,7 @@ var EnergyModal = class {
    * Normalizes and validates parameters
    */
   normalizeParams(params) {
-    if (!validateJwtToken(params.tbJwtToken)) {
+    if (!validateJwtToken(params.tbJwtToken || "")) {
       throw new Error("Invalid JWT token format");
     }
     return {
@@ -30898,10 +30966,10 @@ var EnergyModal = class {
         attributes: {}
       },
       resolved: {
-        ingestionId: null,
-        centralId: null,
-        slaveId: null,
-        customerId: null
+        ingestionId: void 0,
+        centralId: void 0,
+        slaveId: void 0,
+        customerId: void 0
       }
     };
   }
@@ -31037,10 +31105,10 @@ var EnergyModal = class {
     };
     const mainTitle = domainTitles[readingType] ?? "\u26A1 Gr\xE1fico de Energia";
     const label = this.context?.device.label || "";
-    const identifier = this.context?.device?.attributes?.identifier || "";
+    const deviceName = this.context?.device.name || this.context?.device?.attributes?.identifier || "";
     const customer = this.params.customerName || "";
     const version2 = window.MyIOLibrary?.version;
-    const deviceBadge = label ? `<span class="myio-modal-header-device-label">${label}${identifier && identifier !== label ? `<span class="myio-modal-header-device-name">(${identifier})</span>` : ""}</span>` : "";
+    const deviceBadge = label ? `<span class="myio-modal-header-device-label">${label}${deviceName && deviceName !== label ? `<span class="myio-modal-header-device-name">(${deviceName})</span>` : ""}</span>` : "";
     const customerBadge = customer ? `<span class="myio-modal-header-customer-badge">${customer}</span>` : "";
     const versionBadge = version2 ? `<span class="myio-modal-header-version-badge">v${version2}</span>` : "";
     return `${mainTitle}${deviceBadge}${customerBadge}${versionBadge}`;
@@ -31169,10 +31237,15 @@ var EnergyModal = class {
         title: "Dispositivo n\xE3o encontrado",
         detail: "Este dispositivo ainda n\xE3o possui dados de telemetria cadastrados. Verifique a integra\xE7\xE3o ou contate o suporte."
       };
+    if (msg.includes("token_expired") || msg.includes("token has expired") || msg.includes("authentication token") || msg.includes("token expirou"))
+      return {
+        title: "Sess\xE3o expirada",
+        detail: "Seu token de acesso expirou. Recarregue a p\xE1gina para continuar."
+      };
     if (msg.includes("insufficient permissions") || msg.includes("401") || msg.includes("403") || msg.includes("unauthorized") || msg.includes("forbidden"))
       return {
         title: "Sem permiss\xE3o de acesso",
-        detail: "Sua sess\xE3o pode ter expirado ou voc\xEA n\xE3o tem permiss\xE3o para visualizar estes dados. Tente reabrir o modal."
+        detail: "Voc\xEA n\xE3o tem permiss\xE3o para visualizar estes dados. Tente reabrir o modal ou contate o suporte."
       };
     if (msg.includes("failed to fetch") || msg.includes("networkerror") || msg.includes("network error") || msg.includes("err_network"))
       return {

package/dist/index.js

@@ -546,7 +546,7 @@ var init_template_card = __esm({
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.494",
+  version: "0.1.495",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -23064,13 +23064,13 @@ function createDateRangePicker($2, input, opts) {
     const now = moment();
     ranges = {
       "\xDAltima hora": [moment().subtract(1, "hours"), now.clone()],
-      "\xDAltimas 6 horas": [moment().subtract(6, "hours"), now.clone()],
       "\xDAltimas 12 horas": [moment().subtract(12, "hours"), now.clone()],
       "\xDAltimas 24 horas": [moment().subtract(24, "hours"), now.clone()],
       "Hoje": [moment().startOf("day"), now.clone()],
       "Ontem": [moment().subtract(1, "day").startOf("day"), moment().subtract(1, "day").endOf("day")],
       "\xDAltimos 7 dias": [moment().subtract(6, "days").startOf("day"), now.clone()],
-      "Este m\xEAs": [moment().startOf("month"), now.clone()]
+      "Este m\xEAs": [moment().startOf("month"), now.clone()],
+      "M\xEAs Anterior": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")]
     };
   } else {
     ranges = {
@@ -23316,11 +23316,14 @@ async function openRealTimeTelemetryModal(params) {
   const isMyioUser = !!userEmail?.toLowerCase().includes("@myio.com.br");
   let checkDeviceIntervalMs = 3e4;
   let checkDeviceWaitMs = 15e3;
+  const SESSION_LIMIT_MS = 5 * 60 * 1e3;
   let refreshIntervalId = null;
   let countdownTimerId = null;
   let nextTickAt = 0;
   let isFirstTick = true;
   let isPaused = false;
+  let sessionCountdownTimerId = null;
+  let sessionExpiresAt = 0;
   let cardTooltipEl = null;
   let cardTooltipKey = null;
   let cardTooltipPinned = false;
@@ -24273,7 +24276,7 @@ async function openRealTimeTelemetryModal(params) {
             <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;">
               <div class="myio-rtt-mode-tabs" id="rtt-mode-tabs">
                 <button class="myio-rtt-tab active" data-mode="realtime">Realtime</button>
-                <button class="myio-rtt-tab" data-mode="period">Per\xEDodo</button>
+                <button class="myio-rtt-tab" data-mode="period">Pro Per\xEDodo</button>
               </div>
               <div class="myio-rtt-period-input" id="rtt-period-row">
                 <div class="myio-rtt-period-controls">
@@ -24339,6 +24342,7 @@ async function openRealTimeTelemetryModal(params) {
         </div>
 
         <div class="myio-telemetry-actions">
+          <span id="rtt-session-countdown" style="display:none;font-size:12px;font-weight:600;color:#667eea;background:rgba(102,126,234,0.1);padding:2px 10px;border-radius:10px;white-space:nowrap;"></span>
           <button class="myio-telemetry-btn myio-telemetry-btn-secondary" id="pause-btn">
             <span id="pause-btn-icon">\u23F8\uFE0F</span>
             <span id="pause-btn-text">${strings.pause}</span>
@@ -24363,6 +24367,7 @@ async function openRealTimeTelemetryModal(params) {
   const pauseBtn = overlay.querySelector("#pause-btn");
   const pauseBtnIcon = overlay.querySelector("#pause-btn-icon");
   const pauseBtnText = overlay.querySelector("#pause-btn-text");
+  const sessionCountdownEl = overlay.querySelector("#rtt-session-countdown");
   const exportBtn = overlay.querySelector("#export-btn");
   const loadingState = overlay.querySelector("#loading-state");
   const telemetryContent = overlay.querySelector("#telemetry-content");
@@ -24384,6 +24389,26 @@ async function openRealTimeTelemetryModal(params) {
   const countdownText = overlay.querySelector("#rtt-countdown-text");
   const centralBadge = overlay.querySelector("#rtt-central-badge");
   const deviceBadge = overlay.querySelector("#rtt-device-badge");
+  const chartTitleEl = overlay.querySelector("#chart-title");
+  function updateChartTitle() {
+    if (!chartTitleEl) return;
+    if (currentMode === "period") {
+      chartTitleEl.innerHTML = "Hist\xF3rico de Telemetria";
+      return;
+    }
+    const deviceOk = lastTelemetryUpdateMs > 0 && Date.now() - lastTelemetryUpdateMs <= DEVICE_OK_DELTA_MS;
+    let iconHtml = "";
+    if (centralStatus === "unknown") {
+      iconHtml = "";
+    } else if (centralStatus === "ok" && deviceOk) {
+      iconHtml = `<span title="Central online e dispositivo online" style="margin-left:8px;cursor:default;font-size:16px;vertical-align:middle;">\u2705</span>`;
+    } else if (centralStatus === "ok" && !deviceOk) {
+      iconHtml = `<span title="Central online e dispositivo offline / conex\xE3o fraca" style="margin-left:8px;cursor:default;font-size:16px;vertical-align:middle;">\u26A0\uFE0F</span>`;
+    } else {
+      iconHtml = `<span title="Central offline" style="margin-left:8px;cursor:default;font-size:16px;vertical-align:middle;">\u{1F534}</span>`;
+    }
+    chartTitleEl.innerHTML = `Telemetria em Tempo Real${iconHtml}`;
+  }
   function updateStatusBadges() {
     if (!centralBadge || !deviceBadge) return;
     if (centralStatus === "unknown") {
@@ -24408,7 +24433,9 @@ async function openRealTimeTelemetryModal(params) {
       deviceBadge.textContent = "Device OFFLINE";
       deviceBadge.style.cssText = "display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;letter-spacing:0.3px;color:#fff;background:#e74c3c;";
     }
+    updateChartTitle();
   }
+  updateChartTitle();
   function startCountdown(targetMs, label = "pr\xF3xima em") {
     nextTickAt = Date.now() + targetMs;
     if (countdownTimerId !== null) {
@@ -24429,6 +24456,36 @@ async function openRealTimeTelemetryModal(params) {
     }
     if (countdownText) countdownText.textContent = "";
   }
+  function startSession() {
+    stopSession();
+    sessionExpiresAt = Date.now() + SESSION_LIMIT_MS;
+    sessionCountdownTimerId = window.setInterval(() => {
+      const remaining = Math.max(0, Math.ceil((sessionExpiresAt - Date.now()) / 1e3));
+      if (sessionCountdownEl) {
+        if (remaining > 0) {
+          const mins = Math.floor(remaining / 60);
+          const secs = remaining % 60;
+          sessionCountdownEl.textContent = `\u23F1 ${mins}:${secs.toString().padStart(2, "0")}`;
+          sessionCountdownEl.style.display = "inline-block";
+        }
+      }
+      if (remaining <= 0) {
+        stopSession();
+        if (!isPaused) {
+          togglePause();
+          clearCountdown();
+          showRTTToast("Sess\xE3o de 5 min encerrada. Clique em Retomar para continuar.", "warn");
+        }
+      }
+    }, 1e3);
+  }
+  function stopSession() {
+    if (sessionCountdownTimerId !== null) {
+      clearInterval(sessionCountdownTimerId);
+      sessionCountdownTimerId = null;
+    }
+    if (sessionCountdownEl) sessionCountdownEl.style.display = "none";
+  }
   function showRTTToast(message, type = "info") {
     const bg = { warn: "#e67e22", error: "#e74c3c", info: "#3498db" }[type];
     overlay.querySelector(".myio-rtt-toast")?.remove();
@@ -24834,6 +24891,7 @@ async function openRealTimeTelemetryModal(params) {
       refreshIntervalId = null;
     }
     clearCountdown();
+    stopSession();
     if (chart) {
       chart.destroy();
       chart = null;
@@ -25097,6 +25155,7 @@ async function openRealTimeTelemetryModal(params) {
           const points = series.map((pt) => {
             let y = pt.value ?? 0;
             if (key === "total_current" || key === "current") y = y / 1e3;
+            if (key === "fp_a" || key === "fp_b" || key === "fp_c" || key === "powerFactor") y = y / 255;
             return { x: pt.ts, y };
           });
           telemetryHistory.set(key, points);
@@ -25133,6 +25192,7 @@ async function openRealTimeTelemetryModal(params) {
         const points = series.map((pt) => {
           let y = pt.value ?? 0;
           if (key === "total_current" || key === "current") y = y / 1e3;
+          if (key === "fp_a" || key === "fp_b" || key === "fp_c" || key === "powerFactor") y = y / 255;
           return { x: pt.ts, y };
         });
         telemetryHistory.set(key, points);
@@ -25179,6 +25239,9 @@ async function openRealTimeTelemetryModal(params) {
       if (key === "total_current" || key === "current" || key === "current_a" || key === "current_b" || key === "current_c") {
         numValue = numValue / 1e3;
       }
+      if (key === "fp_a" || key === "fp_b" || key === "fp_c" || key === "powerFactor") {
+        numValue = numValue / 255;
+      }
       const formattedNum = numValue.toFixed(config.decimals);
       const displayUnit = config.unit === "fp" ? "" : config.unit;
       const formatted = displayUnit ? `${formattedNum} ${displayUnit}` : formattedNum;
@@ -25548,12 +25611,14 @@ async function openRealTimeTelemetryModal(params) {
         clearTimeout(refreshIntervalId);
         refreshIntervalId = null;
       }
+      stopSession();
       pauseBtnIcon.textContent = "\u25B6\uFE0F";
       pauseBtnText.textContent = strings.resume;
       statusIndicator.classList.add("paused");
       statusText.textContent = `${strings.autoUpdate}: OFF`;
     } else {
       scheduleCheckDeviceTick();
+      startSession();
       pauseBtnIcon.textContent = "\u23F8\uFE0F";
       pauseBtnText.textContent = strings.pause;
       statusIndicator.classList.remove("paused");
@@ -25629,6 +25694,7 @@ async function openRealTimeTelemetryModal(params) {
   async function switchMode(mode) {
     if (mode === currentMode) return;
     currentMode = mode;
+    updateChartTitle();
     modeTabs.forEach((btn) => {
       btn.classList.toggle("active", btn.dataset["mode"] === mode);
     });
@@ -25669,6 +25735,7 @@ async function openRealTimeTelemetryModal(params) {
         isFirstTick = true;
         await refreshData();
         scheduleCheckDeviceTick();
+        startSession();
       }
     }
   }
@@ -25775,6 +25842,7 @@ async function openRealTimeTelemetryModal(params) {
   await refreshData();
   isFirstTick = false;
   scheduleCheckDeviceTick();
+  startSession();
   return {
     destroy: closeModal2
   };
@@ -29780,7 +29848,7 @@ var EnergyModalView = class {
             token: jwtToken,
             deviceId: this.config.params.deviceId,
             tbBaseUrl: this.config.params.tbBaseUrl || "",
-            deviceLabel: this.config.params.deviceLabel || "Dispositivo",
+            deviceLabel: this.config.context.device.label || this.config.params.deviceLabel || "Dispositivo",
             deviceName: this.config.context.device.name,
             customerName: this.config.params.customerName,
             centralId: this.config.context.resolved.centralId,
@@ -29850,7 +29918,7 @@ var EnergyModalView = class {
         presetEnd: this.config.params.endDate instanceof Date ? this.config.params.endDate.toISOString().split("T")[0] : this.config.params.endDate,
         maxRangeDays: 90,
         includeTime: true,
-        timePrecision: "hour",
+        timePrecision: "minute",
         parentEl: this.modal.element,
         onApply: ({ startISO, endISO }) => {
           this.hideError();
@@ -30250,7 +30318,7 @@ var EnergyModal = class {
    * Normalizes and validates parameters
    */
   normalizeParams(params) {
-    if (!validateJwtToken(params.tbJwtToken)) {
+    if (!validateJwtToken(params.tbJwtToken || "")) {
       throw new Error("Invalid JWT token format");
     }
     return {
@@ -30282,10 +30350,10 @@ var EnergyModal = class {
         attributes: {}
       },
       resolved: {
-        ingestionId: null,
-        centralId: null,
-        slaveId: null,
-        customerId: null
+        ingestionId: void 0,
+        centralId: void 0,
+        slaveId: void 0,
+        customerId: void 0
       }
     };
   }
@@ -30421,10 +30489,10 @@ var EnergyModal = class {
     };
     const mainTitle = domainTitles[readingType] ?? "\u26A1 Gr\xE1fico de Energia";
     const label = this.context?.device.label || "";
-    const identifier = this.context?.device?.attributes?.identifier || "";
+    const deviceName = this.context?.device.name || this.context?.device?.attributes?.identifier || "";
     const customer = this.params.customerName || "";
     const version2 = window.MyIOLibrary?.version;
-    const deviceBadge = label ? `<span class="myio-modal-header-device-label">${label}${identifier && identifier !== label ? `<span class="myio-modal-header-device-name">(${identifier})</span>` : ""}</span>` : "";
+    const deviceBadge = label ? `<span class="myio-modal-header-device-label">${label}${deviceName && deviceName !== label ? `<span class="myio-modal-header-device-name">(${deviceName})</span>` : ""}</span>` : "";
     const customerBadge = customer ? `<span class="myio-modal-header-customer-badge">${customer}</span>` : "";
     const versionBadge = version2 ? `<span class="myio-modal-header-version-badge">v${version2}</span>` : "";
     return `${mainTitle}${deviceBadge}${customerBadge}${versionBadge}`;
@@ -30553,10 +30621,15 @@ var EnergyModal = class {
         title: "Dispositivo n\xE3o encontrado",
         detail: "Este dispositivo ainda n\xE3o possui dados de telemetria cadastrados. Verifique a integra\xE7\xE3o ou contate o suporte."
       };
+    if (msg.includes("token_expired") || msg.includes("token has expired") || msg.includes("authentication token") || msg.includes("token expirou"))
+      return {
+        title: "Sess\xE3o expirada",
+        detail: "Seu token de acesso expirou. Recarregue a p\xE1gina para continuar."
+      };
     if (msg.includes("insufficient permissions") || msg.includes("401") || msg.includes("403") || msg.includes("unauthorized") || msg.includes("forbidden"))
       return {
         title: "Sem permiss\xE3o de acesso",
-        detail: "Sua sess\xE3o pode ter expirado ou voc\xEA n\xE3o tem permiss\xE3o para visualizar estes dados. Tente reabrir o modal."
+        detail: "Voc\xEA n\xE3o tem permiss\xE3o para visualizar estes dados. Tente reabrir o modal ou contate o suporte."
       };
     if (msg.includes("failed to fetch") || msg.includes("networkerror") || msg.includes("network error") || msg.includes("err_network"))
       return {