myio-js-library 0.1.494 → 0.1.496

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.496",
   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 = {
@@ -23821,9 +23821,9 @@ var TELEMETRY_CONFIG = {
   reactivePower: { label: "Pot\xEAncia Reativa", unit: "kVAr", icon: "\u{1F504}", decimals: 2 },
   apparentPower: { label: "Pot\xEAncia Aparente", unit: "kVA", icon: "\u{1F4C8}", decimals: 2 },
   // Power factor phases + total (dimensionless 0–1, pseudo-unit 'fp')
-  fp_a: { label: "Fat. Pot\xEAncia Fase A", unit: "fp", icon: "\u{1F4D0}", decimals: 3 },
-  fp_b: { label: "Fat. Pot\xEAncia Fase B", unit: "fp", icon: "\u{1F4D0}", decimals: 3 },
-  fp_c: { label: "Fat. Pot\xEAncia Fase C", unit: "fp", icon: "\u{1F4D0}", decimals: 3 },
+  fp_a: { label: "Fat. Pot. A", unit: "fp", icon: "\u{1F4D0}", decimals: 3 },
+  fp_b: { label: "Fat. Pot. B", unit: "fp", icon: "\u{1F4D0}", decimals: 3 },
+  fp_c: { label: "Fat. Pot. C", unit: "fp", icon: "\u{1F4D0}", decimals: 3 },
   powerFactor: { label: "Fator de Pot\xEAncia", unit: "fp", icon: "\u{1F4D0}", decimals: 3 },
   // Temperature
   temperature: { label: "Temperatura", unit: "\xB0C", icon: "\u{1F321}\uFE0F", decimals: 1 }
@@ -23853,22 +23853,22 @@ var PHASE_SHORT_LABEL = {
   apparentPower: "Total"
 };
 var UNIT_GROUP_META = {
-  "W": { label: "Pot\xEAncia", icon: "\u2699\uFE0F" },
-  "A": { label: "Corrente", icon: "\u{1F50C}" },
-  "V": { label: "Tens\xE3o", icon: "\u26A1" },
-  "fp": { label: "Fator de Pot\xEAncia", icon: "\u{1F4D0}" },
+  W: { label: "Pot\xEAncia", icon: "\u2699\uFE0F" },
+  A: { label: "Corrente", icon: "\u{1F50C}" },
+  V: { label: "Tens\xE3o", icon: "\u26A1" },
+  fp: { label: "Fator de Pot\xEAncia", icon: "\u{1F4D0}" },
   "\xB0C": { label: "Temperatura", icon: "\u{1F321}\uFE0F" },
-  "kWh": { label: "Energia", icon: "\u{1F4CA}" },
-  "kW": { label: "Pot\xEAncia Ativa", icon: "\u2699\uFE0F" },
-  "kVAr": { label: "Pot. Reativa", icon: "\u{1F504}" },
-  "kVA": { label: "Pot. Aparente", icon: "\u{1F4C8}" }
+  kWh: { label: "Energia", icon: "\u{1F4CA}" },
+  kW: { label: "Pot\xEAncia Ativa", icon: "\u2699\uFE0F" },
+  kVAr: { label: "Pot. Reativa", icon: "\u{1F504}" },
+  kVA: { label: "Pot. Aparente", icon: "\u{1F4C8}" }
 };
 var STRINGS = {
   "pt-BR": {
     title: "Telemetrias Instant\xE2neas",
     close: "Fechar",
     pause: "Pausar",
-    resume: "Retomar",
+    resume: "Reiniciar",
     export: "Exportar CSV",
     autoUpdate: "Atualiza\xE7\xE3o autom\xE1tica",
     lastUpdate: "\xDAltima atualiza\xE7\xE3o",
@@ -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;
@@ -23953,7 +23956,9 @@ async function openRealTimeTelemetryModal(params) {
   let realtimeHistorySnapshot = null;
   let realtimeLastKnownSnapshot = null;
   let chart = null;
-  let selectedChartKeys = [telemetryKeys.includes("consumption") ? "consumption" : telemetryKeys[0] ?? "consumption"];
+  let selectedChartKeys = [
+    telemetryKeys.includes("consumption") ? "consumption" : telemetryKeys[0] ?? "consumption"
+  ];
   let selectedAgg = "NONE";
   let selectedLimit = 500;
   let selectedIntervalMs = 0;
@@ -24006,7 +24011,7 @@ async function openRealTimeTelemetryModal(params) {
       }
 
       .myio-realtime-telemetry-header {
-        padding: 4px 12px;
+        padding: 8px 12px;
         border-bottom: none;
         display: flex;
         justify-content: space-between;
@@ -24014,18 +24019,18 @@ async function openRealTimeTelemetryModal(params) {
         background: #3e1a7d;
         color: white;
         border-radius: 12px 12px 0 0;
-        min-height: 20px;
+        min-height: 32px;
       }
 
       .myio-realtime-telemetry-title {
-        font-size: 18px;
+        font-size: 16px;
         font-weight: 600;
-        margin: 6px;
+        margin: 0;
         display: flex;
         align-items: center;
         gap: 8px;
         color: white;
-        line-height: 2;
+        line-height: 1.4;
       }
 
       .myio-rtt-device-label {
@@ -24818,12 +24823,12 @@ async function openRealTimeTelemetryModal(params) {
 
     <div class="myio-realtime-telemetry-container">
       <div class="myio-realtime-telemetry-header">
-        <h2 class="myio-realtime-telemetry-title">
+        <div class="myio-realtime-telemetry-title">
           \u26A1 ${strings.title}${deviceLabel ? `<span class="myio-rtt-device-label">${deviceLabel}${deviceCheckName && deviceCheckName !== deviceLabel ? `<span class="myio-rtt-device-name">(${deviceCheckName})</span>` : ""}</span>` : ""}${customerName ? `<span class="myio-rtt-customer-badge">${customerName}</span>` : ""}${(() => {
     const v = window.MyIOLibrary?.version;
     return v ? `<span class="myio-rtt-version-badge">v${v}</span>` : "";
   })()}
-        </h2>
+        </div>
         <div class="myio-rtt-header-actions">
           <button class="myio-rtt-header-btn" id="rtt-gear-btn" title="Configura\xE7\xF5es de polling" style="display:none;">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:16px;height:16px;">
@@ -24889,7 +24894,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 +24960,7 @@ async function openRealTimeTelemetryModal(params) {
         </div>
 
         <div class="myio-telemetry-actions">
+          <span id="rtt-session-countdown" style="display:none;align-items:center;font-size:12px;font-weight:600;color:#667eea;background:rgba(102,126,234,0.1);padding:0 10px;height:32px;line-height:32px;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 +24985,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 +25007,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 +25051,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 +25074,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-flex";
+        }
+      }
+      if (remaining <= 0) {
+        stopSession();
+        if (!isPaused) {
+          togglePause();
+          clearCountdown();
+          showRTTToast("Sess\xE3o de 5 min encerrada. Clique em Reiniciar para um novo ciclo.", "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();
@@ -25197,12 +25256,15 @@ async function openRealTimeTelemetryModal(params) {
   function buildTooltipHistoryRows(key, color) {
     const history = telemetryHistory.get(key) || [];
     const recent = [...history].reverse().slice(0, 30);
-    if (recent.length === 0) return '<div class="rtt-tt-row"><span class="rtt-tt-row-ts">Sem dados ainda</span></div>';
-    return recent.map((p) => `
+    if (recent.length === 0)
+      return '<div class="rtt-tt-row"><span class="rtt-tt-row-ts">Sem dados ainda</span></div>';
+    return recent.map(
+      (p) => `
       <div class="rtt-tt-row">
         <span class="rtt-tt-row-ts">${new Date(p.x).toLocaleTimeString(locale, { hour: "2-digit", minute: "2-digit", second: "2-digit" })}</span>
         <span class="rtt-tt-row-val" style="color:${color};">${getFormattedValue(key, p.y)}</span>
-      </div>`).join("");
+      </div>`
+    ).join("");
   }
   function openCardTooltip(key, anchorEl) {
     closeCardTooltip();
@@ -25212,7 +25274,13 @@ async function openRealTimeTelemetryModal(params) {
     const history = telemetryHistory.get(key) || [];
     const latestPoint = history[history.length - 1];
     const latestVal = latestPoint ? getFormattedValue(key, latestPoint.y) : "--";
-    const latestTime = latestPoint ? new Date(latestPoint.x).toLocaleString(locale, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" }) : "--";
+    const latestTime = latestPoint ? new Date(latestPoint.x).toLocaleString(locale, {
+      day: "2-digit",
+      month: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }) : "--";
     const tooltip = document.createElement("div");
     tooltip.id = "rtt-card-tooltip";
     if (currentTheme === "dark") tooltip.dataset["theme"] = "dark";
@@ -25271,7 +25339,8 @@ async function openRealTimeTelemetryModal(params) {
     const tsEl = cardTooltipEl.querySelector("#rtt-tt-ts");
     const listEl = cardTooltipEl.querySelector("#rtt-tt-list");
     if (valEl) valEl.textContent = getFormattedValue(key, latest.y);
-    if (tsEl) tsEl.textContent = `Recebido: ${new Date(latest.x).toLocaleString(locale, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" })}`;
+    if (tsEl)
+      tsEl.textContent = `Recebido: ${new Date(latest.x).toLocaleString(locale, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" })}`;
     if (listEl) listEl.innerHTML = buildTooltipHistoryRows(key, color);
   }
   function closeCardTooltip() {
@@ -25302,7 +25371,13 @@ async function openRealTimeTelemetryModal(params) {
     const headerColor = isOk ? "#27ae60" : "#e74c3c";
     const headerLabel = centralStatus === "unknown" ? "Central \u2014 aguardando..." : isOk ? "Central OK" : "Central OFFLINE";
     const recentRows = [...checkDeviceHistory].reverse().slice(0, 10).map((r) => {
-      const dt = new Date(r.ts).toLocaleString(locale, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" });
+      const dt = new Date(r.ts).toLocaleString(locale, {
+        day: "2-digit",
+        month: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit"
+      });
       const icon = r.status === "ok" ? "\u2705" : "\u274C";
       return `<div class="rtt-tt-history-row">${icon} ${dt}</div>`;
     }).join("");
@@ -25369,7 +25444,13 @@ async function openRealTimeTelemetryModal(params) {
     const deviceOk = lastTelemetryUpdateMs > 0 && Date.now() - lastTelemetryUpdateMs <= DEVICE_OK_DELTA_MS;
     const headerColor = deviceOk ? "#27ae60" : "#e74c3c";
     const headerLabel = deviceOk ? "Device OK" : "Device OFFLINE";
-    const lastUpdateStr = lastTelemetryUpdateMs > 0 ? new Date(lastTelemetryUpdateMs).toLocaleString(locale, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" }) : "--";
+    const lastUpdateStr = lastTelemetryUpdateMs > 0 ? new Date(lastTelemetryUpdateMs).toLocaleString(locale, {
+      day: "2-digit",
+      month: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }) : "--";
     function row(icon, label, value) {
       return `<div style="display:flex;flex-direction:column;gap:1px;padding:5px 0;border-bottom:1px solid #f3f4f6;">
         <span style="font-size:10px;color:#9ca3af;font-weight:500;">${icon} ${label}</span>
@@ -25450,6 +25531,7 @@ async function openRealTimeTelemetryModal(params) {
       refreshIntervalId = null;
     }
     clearCountdown();
+    stopSession();
     if (chart) {
       chart.destroy();
       chart = null;
@@ -25546,10 +25628,9 @@ async function openRealTimeTelemetryModal(params) {
       if (!isPaused && currentMode !== "period") {
         if (useCheckDevice) {
           try {
-            await fetch(
-              `https://${centralId}.y.myio.com.br/api/check_device/${deviceCheckName}`,
-              { signal: AbortSignal.timeout(1e4) }
-            );
+            await fetch(`https://${centralId}.y.myio.com.br/api/check_device/${deviceCheckName}`, {
+              signal: AbortSignal.timeout(1e4)
+            });
             centralStatus = "ok";
             checkDeviceHistory.push({ ts: Date.now(), status: "ok" });
           } catch (e) {
@@ -25582,9 +25663,9 @@ async function openRealTimeTelemetryModal(params) {
     backdrop.innerHTML = `
       <div class="myio-realtime-telemetry-container" style="width:min(420px,94vw);max-height:90vh;overflow-y:auto;position:relative;">
         <div class="myio-realtime-telemetry-header" style="cursor:default;">
-          <h2 class="myio-realtime-telemetry-title" style="font-size:15px;">
+          <div class="myio-realtime-telemetry-title" style="font-size:15px;">
             \u2699\uFE0F Configura\xE7\xF5es de Polling
-          </h2>
+          </div>
           <div class="myio-rtt-header-actions">
             <button id="rtt-poll-close-x" class="myio-rtt-header-btn" title="Fechar" style="font-size:20px;line-height:1;">\xD7</button>
           </div>
@@ -25713,6 +25794,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 +25831,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 +25878,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;
@@ -25823,14 +25909,14 @@ async function openRealTimeTelemetryModal(params) {
     return "stable";
   }
   const GROUP_KEY_ORDER = {
-    "W": ["consumption", "power", "activePower", "a", "b", "c"],
-    "A": ["total_current", "current", "current_a", "current_b", "current_c"],
-    "V": ["voltage_a", "voltage_b", "voltage_c"],
-    "fp": ["powerFactor", "fp_a", "fp_b", "fp_c"],
-    "kW": ["activePower"],
-    "kVAr": ["reactivePower"],
-    "kVA": ["apparentPower"],
-    "kWh": ["energy"],
+    W: ["consumption", "power", "activePower", "a", "b", "c"],
+    A: ["total_current", "current", "current_a", "current_b", "current_c"],
+    V: ["voltage_a", "voltage_b", "voltage_c"],
+    fp: ["powerFactor", "fp_a", "fp_b", "fp_c"],
+    kW: ["activePower"],
+    kVAr: ["reactivePower"],
+    kVA: ["apparentPower"],
+    kWh: ["energy"],
     "\xB0C": ["temperature"]
   };
   function updateTelemetryCards(values) {
@@ -26003,8 +26089,10 @@ async function openRealTimeTelemetryModal(params) {
     chartContainer.style.display = "block";
     const multi = selectedChartKeys.length > 1;
     const primaryKey = selectedChartKeys[0] || "consumption";
-    const UNIT_PRIORITY = { "W": 0, "kW": 0, "A": 1, "V": 2 };
-    const distinctUnits = [...new Set(selectedChartKeys.map((k) => (TELEMETRY_CONFIG[k] || { unit: "" }).unit))].sort((a, b) => (UNIT_PRIORITY[a] ?? 99) - (UNIT_PRIORITY[b] ?? 99));
+    const UNIT_PRIORITY = { W: 0, kW: 0, A: 1, V: 2 };
+    const distinctUnits = [
+      ...new Set(selectedChartKeys.map((k) => (TELEMETRY_CONFIG[k] || { unit: "" }).unit))
+    ].sort((a, b) => (UNIT_PRIORITY[a] ?? 99) - (UNIT_PRIORITY[b] ?? 99));
     const dualAxis = distinctUnits.length === 2;
     const leftUnit = distinctUnits[0] ?? "";
     const rightUnit = dualAxis ? distinctUnits[1] : "";
@@ -26045,7 +26133,11 @@ async function openRealTimeTelemetryModal(params) {
     const xTickCallback = isDailyBucket ? function(value) {
       return new Date(value).toLocaleDateString(locale, { day: "2-digit", month: "2-digit" });
     } : function(value) {
-      return new Date(value).toLocaleTimeString(locale, { hour: "2-digit", minute: "2-digit", second: "2-digit" });
+      return new Date(value).toLocaleTimeString(locale, {
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit"
+      });
     };
     const scales = {
       x: {
@@ -26061,9 +26153,9 @@ async function openRealTimeTelemetryModal(params) {
         // For daily buckets: force ticks at exact data-point positions (TB anchors at bucket midpoint)
         ...isDailyBucket ? {
           afterBuildTicks: (scale) => {
-            const xVals = [...new Set(
-              datasets.flatMap((d) => d.data.map((p) => p.x))
-            )].sort((a, b) => a - b);
+            const xVals = [
+              ...new Set(datasets.flatMap((d) => d.data.map((p) => p.x)))
+            ].sort((a, b) => a - b);
             scale.ticks = xVals.map((v) => ({ value: v }));
           }
         } : {}
@@ -26164,14 +26256,21 @@ async function openRealTimeTelemetryModal(params) {
         clearTimeout(refreshIntervalId);
         refreshIntervalId = null;
       }
+      stopSession();
+      clearCountdown();
       pauseBtnIcon.textContent = "\u25B6\uFE0F";
       pauseBtnText.textContent = strings.resume;
+      pauseBtn.classList.remove("myio-telemetry-btn-secondary");
+      pauseBtn.classList.add("myio-telemetry-btn-primary");
       statusIndicator.classList.add("paused");
       statusText.textContent = `${strings.autoUpdate}: OFF`;
     } else {
       scheduleCheckDeviceTick();
+      startSession();
       pauseBtnIcon.textContent = "\u23F8\uFE0F";
       pauseBtnText.textContent = strings.pause;
+      pauseBtn.classList.remove("myio-telemetry-btn-primary");
+      pauseBtn.classList.add("myio-telemetry-btn-secondary");
       statusIndicator.classList.remove("paused");
       statusText.textContent = `${strings.autoUpdate}: ON`;
     }
@@ -26228,23 +26327,26 @@ async function openRealTimeTelemetryModal(params) {
       expandIcon.innerHTML = isExpanded ? '<polyline points="4 14 10 14 10 20"></polyline><polyline points="20 10 14 10 14 4"></polyline><line x1="10" y1="14" x2="3" y2="21"></line><line x1="21" y1="3" x2="14" y2="10"></line>' : '<polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line>';
     }
     if (chart) {
-      requestAnimationFrame(() => requestAnimationFrame(() => {
-        if (isExpanded) {
-          chart.options.responsive = false;
-          const w = chartContainer.clientWidth - 40;
-          const h = chartContainer.clientHeight - 60;
-          chart.resize(Math.max(w, 200), Math.max(h, 120));
-        } else {
-          chart.options.responsive = true;
-          chartCanvas.style.height = "";
-          chart.resize();
-        }
-      }));
+      requestAnimationFrame(
+        () => requestAnimationFrame(() => {
+          if (isExpanded) {
+            chart.options.responsive = false;
+            const w = chartContainer.clientWidth - 40;
+            const h = chartContainer.clientHeight - 60;
+            chart.resize(Math.max(w, 200), Math.max(h, 120));
+          } else {
+            chart.options.responsive = true;
+            chartCanvas.style.height = "";
+            chart.resize();
+          }
+        })
+      );
     }
   }
   async function switchMode(mode) {
     if (mode === currentMode) return;
     currentMode = mode;
+    updateChartTitle();
     modeTabs.forEach((btn) => {
       btn.classList.toggle("active", btn.dataset["mode"] === mode);
     });
@@ -26275,7 +26377,9 @@ async function openRealTimeTelemetryModal(params) {
     } else {
       periodRow.classList.remove("visible");
       if (realtimeHistorySnapshot) {
-        telemetryHistory = new Map(Array.from(realtimeHistorySnapshot.entries()).map(([k, v]) => [k, [...v]]));
+        telemetryHistory = new Map(
+          Array.from(realtimeHistorySnapshot.entries()).map(([k, v]) => [k, [...v]])
+        );
         lastKnownValues = realtimeLastKnownSnapshot ? new Map(realtimeLastKnownSnapshot) : /* @__PURE__ */ new Map();
         realtimeHistorySnapshot = null;
         realtimeLastKnownSnapshot = null;
@@ -26285,6 +26389,7 @@ async function openRealTimeTelemetryModal(params) {
         isFirstTick = true;
         await refreshData();
         scheduleCheckDeviceTick();
+        startSession();
       }
     }
   }
@@ -26372,10 +26477,9 @@ async function openRealTimeTelemetryModal(params) {
   if (useCheckDeviceOnOpen) {
     startCountdown(checkDeviceWaitMs);
     try {
-      await fetch(
-        `https://${centralId}.y.myio.com.br/api/check_device/${deviceCheckName}`,
-        { signal: AbortSignal.timeout(1e4) }
-      );
+      await fetch(`https://${centralId}.y.myio.com.br/api/check_device/${deviceCheckName}`, {
+        signal: AbortSignal.timeout(1e4)
+      });
       centralStatus = "ok";
       checkDeviceHistory.push({ ts: Date.now(), status: "ok" });
     } catch (e) {
@@ -26391,6 +26495,7 @@ async function openRealTimeTelemetryModal(params) {
   await refreshData();
   isFirstTick = false;
   scheduleCheckDeviceTick();
+  startSession();
   return {
     destroy: closeModal2
   };
@@ -29230,7 +29335,7 @@ var EnergyModalView = class {
   currentEnergyData = null;
   dateRangePicker = null;
   isLoading = false;
-  currentTheme = "dark";
+  currentTheme = "light";
   currentBarMode = "stacked";
   // RFC-0097: Granularity selector state (only 1h and 1d supported)
   currentGranularity = "1d";
@@ -29256,7 +29361,7 @@ var EnergyModalView = class {
     } else if (configTheme === "dark" || configTheme === "light") {
       this.currentTheme = configTheme;
     } else {
-      this.currentTheme = "dark";
+      this.currentTheme = "light";
     }
   }
   /**
@@ -29278,7 +29383,7 @@ var EnergyModalView = class {
   /**
    * RFC-0097: Sets granularity and re-renders chart
    */
-  setGranularity(granularity) {
+  async setGranularity(granularity) {
     if (this.currentGranularity === granularity) return;
     this.currentGranularity = granularity;
     const buttons = document.querySelectorAll(".myio-btn-granularity");
@@ -29291,6 +29396,14 @@ var EnergyModalView = class {
       }
     });
     localStorage.setItem("myio-modal-granularity", granularity);
+    const dateRangeInput = document.getElementById("date-range");
+    if (dateRangeInput) {
+      try {
+        await this.rebuildDateRangePicker(dateRangeInput);
+      } catch (err) {
+        console.warn("[EnergyModalView] Failed to rebuild DateRangePicker after granularity change:", err);
+      }
+    }
     this.reRenderChart();
     console.log("[EnergyModalView] [RFC-0097] Granularity changed to:", granularity);
   }
@@ -29617,14 +29730,12 @@ var EnergyModalView = class {
               </svg>
             </button>
             ` : ""}
-            ${this.config.params.mode === "comparison" ? `
             <!-- RFC-0097: Granularity Selector (only 1h and 1d supported) -->
             <div class="myio-granularity-selector" style="display: flex; align-items: center; gap: 4px; margin-left: 8px; padding: 4px 8px; background: rgba(0,0,0,0.05); border-radius: 8px;">
               <span class="myio-label-secondary" style="font-size: 11px; margin-right: 4px; white-space: nowrap;">Granularidade:</span>
               <button class="myio-btn myio-btn-granularity ${this.currentGranularity === "1h" ? "active" : ""}" data-granularity="1h" title="Hora">1h</button>
               <button class="myio-btn myio-btn-granularity ${this.currentGranularity === "1d" ? "active" : ""}" data-granularity="1d" title="Dia">1d</button>
             </div>
-            ` : ""}
             <button id="close-btn" class="myio-btn myio-btn-secondary">
               Fechar
             </button>
@@ -29940,7 +30051,7 @@ var EnergyModalView = class {
         endISO = this.normalizeToSaoPauloISO(this.config.params.endDate, true);
       }
       const tzIdentifier = this.config.params.timezone || "America/Sao_Paulo";
-      const granularity = this.config.params.granularity || "1d";
+      const granularity = this.currentGranularity;
       const ingestionId = this.config.context.resolved.ingestionId;
       console.log(`[EnergyModalView] Initializing v2 chart with: deviceId=${ingestionId}, startDate=${startISO}, endDate=${endISO}, granularity=${granularity}, theme=${this.currentTheme}, timezone=${tzIdentifier}`);
       const chartConfig = {
@@ -30008,13 +30119,11 @@ var EnergyModalView = class {
       let startDateStr, endDateStr;
       if (this.dateRangePicker) {
         const dates = this.dateRangePicker.getDates();
-        startDateStr = dates.startISO.split("T")[0];
-        endDateStr = dates.endISO.split("T")[0];
+        startDateStr = dates.startISO;
+        endDateStr = dates.endISO;
       } else {
-        const startDate = new Date(this.config.params.startDate);
-        const endDate = new Date(this.config.params.endDate);
-        startDateStr = startDate.toISOString().split("T")[0];
-        endDateStr = endDate.toISOString().split("T")[0];
+        startDateStr = this.normalizeToSaoPauloISO(this.config.params.startDate, false);
+        endDateStr = this.normalizeToSaoPauloISO(this.config.params.endDate, true);
       }
       const tzIdentifier = this.config.params.timezone || "America/Sao_Paulo";
       const chartConfig = {
@@ -30025,9 +30134,9 @@ var EnergyModalView = class {
         // Already validated in constructor
         readingType: this.config.params.readingType || "energy",
         startDate: startDateStr,
-        // ← NO TIME (YYYY-MM-DD)
+        // Full ISO with -03:00 offset
         endDate: endDateStr,
-        // ← NO TIME (YYYY-MM-DD)
+        // Full ISO with -03:00 offset
         granularity: this.currentGranularity,
         // RFC-0097: Use current granularity from selector
         theme: this.currentTheme,
@@ -30084,13 +30193,11 @@ var EnergyModalView = class {
       let startDateStr, endDateStr;
       if (this.dateRangePicker) {
         const dates = this.dateRangePicker.getDates();
-        startDateStr = dates.startISO.split("T")[0];
-        endDateStr = dates.endISO.split("T")[0];
+        startDateStr = dates.startISO;
+        endDateStr = dates.endISO;
       } else {
-        const startDate = new Date(this.config.params.startDate);
-        const endDate = new Date(this.config.params.endDate);
-        startDateStr = startDate.toISOString().split("T")[0];
-        endDateStr = endDate.toISOString().split("T")[0];
+        startDateStr = this.normalizeToSaoPauloISO(this.config.params.startDate, false);
+        endDateStr = this.normalizeToSaoPauloISO(this.config.params.endDate, true);
       }
       const tzIdentifier = this.config.params.timezone || "America/Sao_Paulo";
       const chartConfig = {
@@ -30396,7 +30503,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,
@@ -30460,13 +30567,38 @@ var EnergyModalView = class {
       });
       console.log("[EnergyModalView] [RFC-0097] Granularity selector initialized with:", this.currentGranularity);
     }
+    await this.rebuildDateRangePicker(dateRangeInput);
+  }
+  /**
+   * (Re)builds the DateRangePicker. Time picker only shown when granularity = '1h'.
+   * Preserves the currently selected range when rebuilding after a granularity change.
+   */
+  async rebuildDateRangePicker(input) {
+    let presetStart;
+    let presetEnd;
+    if (this.dateRangePicker) {
+      try {
+        const current = this.dateRangePicker.getDates();
+        presetStart = current.startISO;
+        presetEnd = current.endISO;
+      } catch {
+      }
+      this.dateRangePicker.destroy();
+      this.dateRangePicker = null;
+    }
+    if (!presetStart) {
+      presetStart = this.config.params.startDate instanceof Date ? this.config.params.startDate.toISOString().split("T")[0] : this.config.params.startDate;
+    }
+    if (!presetEnd) {
+      presetEnd = this.config.params.endDate instanceof Date ? this.config.params.endDate.toISOString().split("T")[0] : this.config.params.endDate;
+    }
     try {
-      this.dateRangePicker = await attach(dateRangeInput, {
-        presetStart: this.config.params.startDate instanceof Date ? this.config.params.startDate.toISOString().split("T")[0] : this.config.params.startDate,
-        presetEnd: this.config.params.endDate instanceof Date ? this.config.params.endDate.toISOString().split("T")[0] : this.config.params.endDate,
+      this.dateRangePicker = await attach(input, {
+        presetStart,
+        presetEnd,
         maxRangeDays: 90,
-        includeTime: true,
-        timePrecision: "hour",
+        includeTime: this.currentGranularity === "1h",
+        timePrecision: "minute",
         parentEl: this.modal.element,
         onApply: ({ startISO, endISO }) => {
           this.hideError();
@@ -30866,7 +30998,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 +31030,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 +31169,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 +31301,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 {
@@ -92924,7 +93061,7 @@ var MyIOAuthContext = class _MyIOAuthContext {
       const q = encodeURIComponent(config.currentUserEmail);
       const cid = config.customerId ? `&customerId=${encodeURIComponent(config.customerId)}` : "";
       const res = await fetch(
-        `${config.gcdrApiBaseUrl}/api/v1/users?search=${q}${cid}&limit=10`,
+        `${config.gcdrApiBaseUrl}/users?search=${q}${cid}&limit=10`,
         { headers: gcdrHeaders }
       );
       if (res.ok) {