myio-js-library 0.1.548 → 0.1.549

package/dist/index.cjs

@@ -899,7 +899,7 @@ module.exports = __toCommonJS(src_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.548",
+  version: "0.1.549",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -30342,8 +30342,8 @@ function normalizeToSaoPauloISO(dateLike, endOfDay = false) {
   if (typeof dateLike === "string") {
     ymd = dateLike.split("T")[0];
   } else {
-    const SP_OFFSET_MS = 3 * 60 * 60 * 1e3;
-    const d = new Date(dateLike.getTime() - SP_OFFSET_MS);
+    const SP_OFFSET_MS2 = 3 * 60 * 60 * 1e3;
+    const d = new Date(dateLike.getTime() - SP_OFFSET_MS2);
     const y = d.getUTCFullYear();
     const mo = String(d.getUTCMonth() + 1).padStart(2, "0");
     const da = String(d.getUTCDate()).padStart(2, "0");
@@ -33564,10 +33564,12 @@ function makeCols(unit, colOpts) {
     { key: "idx", label: "#", pdfW: 10 },
     { key: "nome", label: colOpts?.nameLabel || "Nome", pdfW: 100 },
     { key: "identificador", label: "Identificador", pdfW: 60 },
-    { key: "consumo", label: unit ? `Consumo (${unit})` : "Consumo", pdfW: 50 },
+    { key: "consumo", label: colOpts?.valueLabel || (unit ? `Consumo (${unit})` : "Consumo"), pdfW: 50 },
     { key: "perc", label: "%", pdfW: 20 }
   ];
-  return colOpts?.hideIdentifier ? cols.filter((c) => c.key !== "identificador") : cols;
+  return cols.filter(
+    (c) => !(colOpts?.hideIdentifier && c.key === "identificador") && !(colOpts?.hidePerc && c.key === "perc")
+  );
 }
 function buildRow(d, idx) {
   const fmtVal = () => {
@@ -35155,13 +35157,60 @@ var DeviceReportModal = class {
   participationChart = null;
   // Período do último load — alimenta os headers dos exports PDF/XLS.
   exportPeriod = null;
+  // Header: "Relatório - <identifier> - <label>" + nome do device (sutil, com copiar).
+  // O customer já aparece no footer premium. Texto escapado — o shell usa innerHTML no título.
+  buildHeaderTitleHTML() {
+    const esc8 = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+    const base = esc8(
+      `Relat\xF3rio - ${this.params.identifier || "SEM IDENTIFICADOR"} - ${this.params.label || "SEM ETIQUETA"}`
+    );
+    const deviceName = String(this.params.deviceName || "").trim();
+    const deviceHTML = deviceName ? `<span class="myio-dr-devname" style="margin-left:10px;font-size:0.72em;font-weight:400;opacity:.75;display:inline-flex;align-items:center;gap:4px;vertical-align:middle;">
+           ${esc8(deviceName)}
+           <button type="button" class="myio-dr-copy" data-copy="${esc8(deviceName)}" title="Copiar nome do dispositivo"
+             aria-label="Copiar nome do dispositivo"
+             style="border:none;background:transparent;color:inherit;cursor:pointer;padding:0 2px;line-height:1;opacity:.9;display:inline-flex;">
+             <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
+           </button>
+         </span>` : "";
+    return `${base}${deviceHTML}`;
+  }
+  bindCopyDeviceName() {
+    const root = this.modal?.element;
+    const btn = root?.querySelector(".myio-dr-copy");
+    if (!btn) return;
+    btn.addEventListener("click", async (e) => {
+      e.stopPropagation();
+      const text2 = btn.dataset.copy || "";
+      try {
+        await navigator.clipboard.writeText(text2);
+      } catch {
+        const ta = document.createElement("textarea");
+        ta.value = text2;
+        ta.style.position = "fixed";
+        ta.style.opacity = "0";
+        document.body.appendChild(ta);
+        ta.select();
+        document.execCommand("copy");
+        ta.remove();
+      }
+      const prev = btn.innerHTML;
+      btn.textContent = "\u2713";
+      btn.title = "Copiado!";
+      setTimeout(() => {
+        btn.innerHTML = prev;
+        btn.title = "Copiar nome do dispositivo";
+      }, 1200);
+    });
+  }
   show() {
     this.modal = createModal({
-      title: `Relat\xF3rio - ${this.params.identifier || "SEM IDENTIFICADOR"} - ${this.params.label || "SEM ETIQUETA"}`,
+      title: this.buildHeaderTitleHTML(),
       width: "80vw",
       height: "90vh",
       theme: this.params.ui?.theme || "light"
     });
+    this.bindCopyDeviceName();
     this.renderContent();
     this.mountFooter();
     this.modal.on("close", () => {
@@ -37590,6 +37639,11 @@ function createMoneyVarianceColumn(config2) {
 }
 
 // src/components/premium-modals/report-all/AllReportModal.ts
+var SP_OFFSET_MS = 3 * 60 * 60 * 1e3;
+var spDayStart = (ts) => {
+  const d = new Date(ts - SP_OFFSET_MS);
+  return Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate()) + SP_OFFSET_MS;
+};
 var DOMAIN_CONFIG2 = {
   energy: {
     endpoint: "energy",
@@ -37620,6 +37674,7 @@ var AllReportModal = class {
     });
     const domain = params.domain || "energy";
     this.domainConfig = DOMAIN_CONFIG2[domain];
+    this.granularity = params.granularity ?? (domain === "temperature" ? "1h" : "1d");
     this.debugEnabled = params.debug === 1;
     this.moneyColumn = createReportMoneyColumn(params.money ?? null);
     if (this.moneyColumn.enabled && typeof document !== "undefined") {
@@ -37666,6 +37721,12 @@ var AllReportModal = class {
   domainConfig;
   // Granularity: '1d' (daily) | '1h' (hourly)
   granularity = "1d";
+  // Temperatura: estatísticas por sensor (key = ingestionId) da última carga
+  temperatureStats = /* @__PURE__ */ new Map();
+  // Linhas expandidas (série do device na granularidade escolhida) — key = row.id
+  expandedIds = /* @__PURE__ */ new Set();
+  // Série por device p/ energia/água (expansão) — key = `${granularity}|${id}`, por período
+  deviceSeriesCache = /* @__PURE__ */ new Map();
   // Hourly series fetched device-by-device for the 1h CSV export (the /totals endpoint
   // has no hourly granularity). Keyed by StoreReading.id; cache key = period, so a new
   // load or granularity switch invalidates it.
@@ -37699,6 +37760,36 @@ var AllReportModal = class {
       console.log(`[AllReportModal DEBUG] ${message}`, data || "");
     }
   }
+  get isTemperature() {
+    return (this.params.domain || "energy") === "temperature";
+  }
+  // Faixa de leituras válidas (°C, já com offset) — fora dela a leitura é descartada
+  get temperatureValidRange() {
+    const r = this.params.temperatureValidRange;
+    return r && Number.isFinite(r.min) && Number.isFinite(r.max) ? r : DEFAULT_CLAMP_RANGE;
+  }
+  get temperatureIdealRange() {
+    const r = this.params.temperatureIdealRange;
+    return r && Number.isFinite(Number(r.min)) && Number.isFinite(Number(r.max)) ? { min: Number(r.min), max: Number(r.max) } : null;
+  }
+  // offSetTemperature do sensor (vem do itemsList do MENU); 0 quando ausente
+  temperatureOffsetFor(id) {
+    const item = this.params.itemsList?.find((i) => String(i.id) === String(id));
+    const off = Number(item?.temperatureOffset ?? 0);
+    return Number.isFinite(off) ? off : 0;
+  }
+  // Identificador genérico (ex.: todo sensor de temperatura tem identifier "Temperatura")
+  // não identifica nada → a coluna só aparece se algum device tiver um código de verdade.
+  showIdentifierColumn(rows = this.data) {
+    if (!this.isTemperature) return true;
+    return rows.some((r) => {
+      const id = String(r.identifier || "").trim();
+      return !!id && !/^temperatura$/i.test(id) && id !== r.name;
+    });
+  }
+  fmtTemp(v) {
+    return v === null || v === void 0 || !Number.isFinite(v) ? "\u2014" : fmtPt(v);
+  }
   // Helper: normalize identifiers (upper, strip spaces and non-alphanum)
   normalizeId(v) {
     return (v || "").toString().normalize("NFKC").toUpperCase().replace(/\s+/g, "").replace(/[0300-036f]/g, "");
@@ -37964,12 +38055,13 @@ var AllReportModal = class {
           tooltip: {
             enabled: true,
             title: "Granularidade",
-            text: "Em <b>Hora</b>, o CSV exportado traz uma linha por dispositivo \xD7 hora (busca device a device). A tabela sempre mostra os totais do per\xEDodo."
+            text: this.isTemperature ? "A tabela mostra a <b>m\xE9dia do per\xEDodo</b> de cada sensor. Clique em \u25B8 no sensor para ver a s\xE9rie <b>por hora</b> ou <b>por dia</b>; o CSV segue a mesma granularidade." : "A tabela mostra os <b>totais do per\xEDodo</b>. Clique em \u25B8 no dispositivo para ver a s\xE9rie <b>por hora</b> ou <b>por dia</b>; em Hora, o CSV traz uma linha por dispositivo \xD7 hora."
           }
         },
         onChange: (value) => {
           this.granularity = value;
           this.hourlySeriesCache = null;
+          if (this.data.length && this.expandedIds.size) this.renderTable();
         }
       });
     }
@@ -38034,6 +38126,9 @@ var AllReportModal = class {
       this.debugLog("\u{1F4C5} Date range selected", { startISO, endISO });
       this.exportPeriod = { startISO, endISO };
       this.hourlySeriesCache = null;
+      this.deviceSeriesCache.clear();
+      this.temperatureStats.clear();
+      this.expandedIds.clear();
       if (!startISO || !endISO) {
         this.showError("Selecione um per\xEDodo v\xE1lido");
         return;
@@ -38098,6 +38193,7 @@ var AllReportModal = class {
       });
     }
     return filtered.sort((a, b) => {
+      if (!!a.noData !== !!b.noData) return a.noData ? 1 : -1;
       const aVal = a[this.sortField];
       const bVal = b[this.sortField];
       if (typeof aVal === "string" && typeof bVal === "string") {
@@ -38130,6 +38226,7 @@ var AllReportModal = class {
   // Máximo/Mínimo com nome do device; mínimo só entre devices COM consumo;
   // "Sem Consumo" oculto para temperature (média °C não tem semântica de zero).
   computeKpis() {
+    if (this.isTemperature) return this.computeTemperatureKpis();
     const totalConsumption = this.calculateTotalConsumption();
     const storeCount = Math.max(1, this.data.length);
     const maxRow = this.data.reduce(
@@ -38162,6 +38259,51 @@ var AllReportModal = class {
     if (moneyKpi) kpis.push(moneyKpi);
     return kpis;
   }
+  // Temperatura: média é MÉDIA (nunca soma); só sensores com leitura válida entram.
+  computeTemperatureKpis() {
+    const withData = this.data.filter((r) => !r.noData);
+    const noData = this.data.length - withData.length;
+    const avg = withData.length ? withData.reduce((s, r) => s + r.consumption, 0) / withData.length : null;
+    const maxRow = withData.reduce((b, r) => !b || r.consumption > b.consumption ? r : b, null);
+    const minRow = withData.reduce((b, r) => !b || r.consumption < b.consumption ? r : b, null);
+    const kpis = [
+      {
+        value: String(this.data.length),
+        label: "Sensores",
+        ...noData ? { sub: `${noData} sem leitura no per\xEDodo` } : {}
+      },
+      { value: avg === null ? "\u2014" : `${fmtPt(avg)} \xB0C`, label: "M\xE9dia geral", sub: "m\xE9dia das m\xE9dias dos sensores" },
+      {
+        value: maxRow ? `${fmtPt(maxRow.consumption)} \xB0C` : "\u2014",
+        label: "Maior m\xE9dia",
+        ...maxRow?.name ? { sub: maxRow.name } : {}
+      },
+      {
+        value: minRow ? `${fmtPt(minRow.consumption)} \xB0C` : "\u2014",
+        label: "Menor m\xE9dia",
+        ...minRow?.name ? { sub: minRow.name } : {}
+      }
+    ];
+    const ideal = this.temperatureIdealRange;
+    if (ideal) {
+      const out = withData.filter((r) => r.consumption < ideal.min || r.consumption > ideal.max).length;
+      kpis.push({
+        value: String(out),
+        label: "Fora da faixa ideal",
+        sub: `faixa ${fmtPt(ideal.min)}\u2013${fmtPt(ideal.max)} \xB0C`
+      });
+    }
+    const discarded = this.data.reduce((s, r) => s + (r.discarded || 0), 0);
+    if (discarded > 0) {
+      const v = this.temperatureValidRange;
+      kpis.push({
+        value: String(discarded),
+        label: "Leituras descartadas",
+        sub: `fora de ${fmtPt(v.min)}\u2013${fmtPt(v.max)} \xB0C`
+      });
+    }
+    return kpis;
+  }
   // RFC-0228 A6 — the "Custo projetado (R$)" summary KPI, or null when money is off.
   // Reuses the A6 column's honest-coverage resolution: a formatted R$ total only when
   // the overlay is confidently priced (DEC-8), otherwise a coverage state label.
@@ -38193,18 +38335,8 @@ var AllReportModal = class {
     }
     const isGrouped = paginatedData.some((r) => r.groupLabel);
     const grandTotal = this.calculateTotalConsumption();
-    const pct = (v) => grandTotal > 0 ? `${fmtPt(v / grandTotal * 100)}%` : "\u2014";
-    const moneyCell = (row) => this.moneyColumn.bodyCellHTML(row.id);
-    const tableRows = isGrouped ? this.renderGroupedRows(paginatedData, grandTotal) : paginatedData.map(
-      (row) => `
-          <tr>
-            <td data-label="Identificador" style="font-family: monospace; font-weight: bold; text-transform: uppercase;">${row.identifier}</td>
-            <td data-label="Nome"><strong>${row.name}</strong></td>
-            <td data-label="${this.domainConfig.label}" style="text-align: right; font-weight: bold;">${fmtPt(row.consumption)}</td>
-            ${moneyCell(row)}${this.varianceColumn.bodyCellHTML(row.id)}<td data-label="%" style="text-align: right; color: var(--myio-text-muted);">${pct(row.consumption)}</td>
-          </tr>
-        `
-    ).join("");
+    const showId = this.showIdentifierColumn();
+    const tableRows = isGrouped ? this.renderGroupedRows(paginatedData, grandTotal) : paginatedData.map((row) => this.renderRowHTML(row, grandTotal, showId)).join("");
     container.innerHTML = `
       <div style="max-height: 500px; overflow-y: auto; border: 1px solid var(--myio-border); border-radius: 6px;">
         <style>
@@ -38224,6 +38356,21 @@ var AllReportModal = class {
             color: var(--myio-primary, #1565c0);
             margin-left: 8px;
           }
+          .rp-expand {
+            border: none; background: transparent; cursor: pointer; padding: 0 6px 0 0;
+            font-size: 12px; color: var(--myio-text-muted, #6b7280); line-height: 1;
+            transition: transform .15s ease;
+          }
+          .rp-expand[aria-expanded="true"] { transform: rotate(90deg); color: var(--myio-brand-700, #3e1a7d); }
+          .rp-series-row > td { background: var(--myio-bg, #f8fafc); padding: 8px 12px 12px 32px !important; }
+          .rp-series { max-height: 260px; overflow-y: auto; font-size: 12px; }
+          .rp-series table { width: 100%; border-collapse: collapse; }
+          .rp-series th, .rp-series td { padding: 3px 8px; border-bottom: 1px solid var(--myio-border, #e5e7eb); }
+          .rp-series th { text-align: left; font-weight: 600; color: var(--myio-text-muted, #6b7280); position: sticky; top: 0; background: var(--myio-bg, #f8fafc); }
+          .rp-series td.num, .rp-series th.num { text-align: right; font-variant-numeric: tabular-nums; }
+          .rp-muted { color: var(--myio-text-muted, #9ca3af); font-weight: 500; }
+          .rp-temp-above { color: #dc2626; }
+          .rp-temp-below { color: #2563eb; }
           @media (max-width: 768px) {
             .myio-table-mobile { display: block !important; }
             .myio-table-mobile thead,
@@ -38239,29 +38386,145 @@ var AllReportModal = class {
         </style>
         <table class="myio-table myio-table-mobile" style="table-layout: fixed; width: 100%;">
           <thead style="position: sticky; top: 0; background: var(--myio-bg); z-index: 1;">
-            <tr>
-              <th style="cursor: pointer; width: 22%;" data-sort="identifier">
-                Identificador
-                <span style="margin-left: 4px; opacity: ${this.getSortOpacity("identifier")};">${this.getSortIcon("identifier")}</span>
-              </th>
-              <th style="cursor: pointer; width: 40%;" data-sort="name">
-                Nome
-                <span style="margin-left: 4px; opacity: ${this.getSortOpacity("name")};">${this.getSortIcon("name")}</span>
-              </th>
-              <th style="cursor: pointer; text-align: right; width: 24%;" data-sort="consumption">
-                ${this.domainConfig.label}
-                <span style="margin-left: 4px; opacity: ${this.getSortOpacity("consumption")};">${this.getSortIcon("consumption")}</span>
-              </th>
-              ${this.moneyColumn.headerCellHTML()}${this.varianceColumn.headerCellHTML()}<th style="text-align: right; width: 14%;">%</th>
-            </tr>
+            <tr>${this.renderHeaderCellsHTML(showId)}</tr>
           </thead>
           <tbody>${tableRows}</tbody>
         </table>
       </div>
     `;
     this.setupTableSorting();
+    this.setupRowExpansion(container);
     this.updateParticipationChart();
   }
+  sortableTh(field, label, style) {
+    return `<th style="cursor: pointer; ${style}" data-sort="${field}">
+                ${label}
+                <span style="margin-left: 4px; opacity: ${this.getSortOpacity(field)};">${this.getSortIcon(field)}</span>
+              </th>`;
+  }
+  // Colunas: energia/água = [Identificador] Nome | Consumo | (R$) | % ;
+  // temperatura = [Identificador] Nome | Média | Mín | Máx (sem % — participação não se aplica).
+  renderHeaderCellsHTML(showId) {
+    const idTh = showId ? this.sortableTh("identifier", "Identificador", "width: 22%;") : "";
+    if (this.isTemperature) {
+      return idTh + this.sortableTh("name", "Sensor", `width: ${showId ? 34 : 52}%;`) + this.sortableTh("consumption", "M\xE9dia (\xB0C)", "text-align: right; width: 16%;") + this.sortableTh("min", "M\xEDn (\xB0C)", "text-align: right; width: 14%;") + this.sortableTh("max", "M\xE1x (\xB0C)", "text-align: right; width: 14%;");
+    }
+    return idTh + this.sortableTh("name", "Nome", `width: ${showId ? 40 : 62}%;`) + this.sortableTh("consumption", this.domainConfig.label, "text-align: right; width: 24%;") + `${this.moneyColumn.headerCellHTML()}${this.varianceColumn.headerCellHTML()}<th style="text-align: right; width: 14%;">%</th>`;
+  }
+  columnCount(showId) {
+    const base = (showId ? 1 : 0) + 1;
+    if (this.isTemperature) return base + 3;
+    return base + 2 + (this.moneyColumn.enabled ? 1 : 0) + (this.varianceColumn.enabled ? 1 : 0);
+  }
+  renderRowHTML(row, grandTotal, showId) {
+    const expandable = !!row.id;
+    const expanded = expandable && this.expandedIds.has(row.id);
+    const expandBtn = expandable ? `<button type="button" class="rp-expand" data-expand-id="${row.id}" aria-expanded="${expanded}" title="Ver s\xE9rie por ${this.granularity === "1h" ? "hora" : "dia"}">\u25B8</button>` : "";
+    const idTd = showId ? `<td data-label="Identificador" style="font-family: monospace; font-weight: bold; text-transform: uppercase;">${row.identifier}</td>` : "";
+    const nameTd = `<td data-label="Nome">${expandBtn}<strong>${row.name}</strong></td>`;
+    let valueTds;
+    if (this.isTemperature) {
+      const ideal = this.temperatureIdealRange;
+      const cls = !row.noData && ideal ? row.consumption > ideal.max ? "rp-temp-above" : row.consumption < ideal.min ? "rp-temp-below" : "" : "";
+      const avgTd = row.noData ? `<td data-label="M\xE9dia (\xB0C)" style="text-align: right;" class="rp-muted">Sem leitura</td>` : `<td data-label="M\xE9dia (\xB0C)" style="text-align: right; font-weight: bold;" class="${cls}">${fmtPt(row.consumption)}</td>`;
+      valueTds = avgTd + `<td data-label="M\xEDn (\xB0C)" style="text-align: right;">${this.fmtTemp(row.noData ? null : row.min)}</td><td data-label="M\xE1x (\xB0C)" style="text-align: right;">${this.fmtTemp(row.noData ? null : row.max)}</td>`;
+    } else {
+      const pct = grandTotal > 0 ? `${fmtPt(row.consumption / grandTotal * 100)}%` : "\u2014";
+      valueTds = `<td data-label="${this.domainConfig.label}" style="text-align: right; font-weight: bold;">${fmtPt(row.consumption)}</td>${this.moneyColumn.bodyCellHTML(row.id)}${this.varianceColumn.bodyCellHTML(row.id)}<td data-label="%" style="text-align: right; color: var(--myio-text-muted);">${pct}</td>`;
+    }
+    const seriesRow = expanded ? `<tr class="rp-series-row" data-series-for="${row.id}"><td colspan="${this.columnCount(showId)}"><div class="rp-series">Carregando s\xE9rie\u2026</div></td></tr>` : "";
+    return `<tr>${idTd}${nameTd}${valueTds}</tr>${seriesRow}`;
+  }
+  // ▸ no nome do device: abre/fecha a série (hora ou dia, conforme a granularidade)
+  setupRowExpansion(container) {
+    container.querySelectorAll(".rp-expand").forEach((btn) => {
+      btn.addEventListener("click", (e) => {
+        e.stopPropagation();
+        const id = btn.dataset.expandId;
+        if (!id) return;
+        if (this.expandedIds.has(id)) this.expandedIds.delete(id);
+        else this.expandedIds.add(id);
+        this.renderTable();
+      });
+    });
+    container.querySelectorAll(".rp-series-row").forEach((tr) => {
+      const id = tr.dataset.seriesFor;
+      const box = tr.querySelector(".rp-series");
+      if (id && box) void this.fillSeries(id, box);
+    });
+  }
+  async fillSeries(id, box) {
+    const row = this.data.find((r) => r.id === id);
+    const gran = this.granularity;
+    try {
+      const points = await this.getDeviceSeries(id, gran);
+      if (!box.isConnected) return;
+      if (!points.length) {
+        box.innerHTML = `<span class="rp-muted">Sem dados ${gran === "1h" ? "hor\xE1rios" : "di\xE1rios"} no per\xEDodo.</span>`;
+        return;
+      }
+      const fmtTs = (ts) => gran === "1h" ? new Date(ts).toLocaleString("pt-BR", {
+        day: "2-digit",
+        month: "2-digit",
+        year: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+        timeZone: "America/Sao_Paulo"
+      }) : new Date(ts).toLocaleDateString("pt-BR", { timeZone: "America/Sao_Paulo" });
+      const valueLabel = this.isTemperature ? gran === "1h" ? "Temperatura (\xB0C)" : "M\xE9dia do dia (\xB0C)" : this.domainConfig.label;
+      box.innerHTML = `
+        <table>
+          <thead><tr><th>${gran === "1h" ? "Data/Hora" : "Dia"}</th><th class="num">${valueLabel}</th></tr></thead>
+          <tbody>${points.map((p) => `<tr><td>${fmtTs(p.timestamp)}</td><td class="num">${fmtPt(p.value)}</td></tr>`).join("")}</tbody>
+        </table>`;
+    } catch (err) {
+      this.debugLog("\u274C fillSeries", err);
+      if (box.isConnected) {
+        box.innerHTML = `<span class="rp-muted">N\xE3o foi poss\xEDvel carregar a s\xE9rie de ${row?.name || "dispositivo"}.</span>`;
+      }
+    }
+  }
+  // Série do device na granularidade pedida. Temperatura: da série horária já calculada
+  // (offset + descarte), agregada por dia em 1d. Energia/água: endpoint por device.
+  async getDeviceSeries(id, gran) {
+    if (this.isTemperature) {
+      const hourly = this.temperatureStats.get(id)?.series || [];
+      return gran === "1h" ? hourly : this.aggregateDaily(hourly, "avg");
+    }
+    const key = `${gran}|${id}`;
+    const cached = this.deviceSeriesCache.get(key);
+    if (cached) return cached;
+    const startISO = this.exportPeriod?.startISO;
+    const endISO = this.exportPeriod?.endISO;
+    const token = this.params.api.ingestionToken;
+    const baseUrl = this.params.api.dataApiBaseUrl;
+    if (!startISO || !endISO || !token || !baseUrl) throw new Error("API/per\xEDodo indispon\xEDvel");
+    const url = `${baseUrl}/telemetry/devices/${id}/${this.domainConfig.endpoint}?startTime=${encodeURIComponent(startISO)}&endTime=${encodeURIComponent(endISO)}&granularity=${gran}&deep=0`;
+    const res = await fetch(url, {
+      headers: { Authorization: `Bearer ${token}`, "Content-Type": "application/json" }
+    });
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    const body = await res.json();
+    const points = this.parseSeries(body);
+    this.deviceSeriesCache.set(key, points);
+    return points;
+  }
+  parseSeries(body) {
+    const ent = Array.isArray(body) ? body[0] : body;
+    return (ent?.consumption || []).map((p) => ({ timestamp: new Date(p?.timestamp).getTime(), value: Number(p?.value) })).filter((p) => Number.isFinite(p.timestamp) && Number.isFinite(p.value)).sort((a, b) => a.timestamp - b.timestamp);
+  }
+  // Agrega série horária por dia civil (São Paulo): média (temperatura) ou soma (consumo)
+  aggregateDaily(points, mode) {
+    const byDay = /* @__PURE__ */ new Map();
+    for (const p of points) {
+      const day = spDayStart(p.timestamp);
+      const acc = byDay.get(day) || { sum: 0, n: 0 };
+      acc.sum += p.value;
+      acc.n += 1;
+      byDay.set(day, acc);
+    }
+    return [...byDay.entries()].sort((a, b) => a[0] - b[0]).map(([day, { sum: sum2, n }]) => ({ timestamp: day, value: mode === "avg" ? sum2 / n : sum2 }));
+  }
   // Resolve the chart palette from the host theme: createMyIOTheme exposes
   // tones(n) — solid hex tones derived from the dashboard accent. When absent
   // (or the accent is not hex), the component falls back to the MYIO palette.
@@ -38279,6 +38542,10 @@ var AllReportModal = class {
   updateParticipationChart() {
     const container = document.getElementById("participation-chart-container");
     if (!container) return;
+    if (this.isTemperature) {
+      this.renderTemperatureChart(container);
+      return;
+    }
     const items = this.getFilteredData().map((row) => ({
       id: row.id || this.generateStoreId(row.identifier),
       label: row.name,
@@ -38306,6 +38573,40 @@ var AllReportModal = class {
     if (palette) this.participationChart.updateSettings({ palette });
     this.participationChart.updateData(items);
   }
+  // Barras horizontais (HTML puro) da média por sensor, escala comum, faixa ideal sombreada
+  renderTemperatureChart(container) {
+    const rows = this.getFilteredData();
+    if (!rows.length) return;
+    const withData = rows.filter((r) => !r.noData);
+    const ideal = this.temperatureIdealRange;
+    const values = withData.length ? withData.map((r) => r.consumption) : [20, 30];
+    const lo = Math.floor(Math.min(...values, ideal ? ideal.min : Infinity) - 1);
+    const hi = Math.ceil(Math.max(...values, ideal ? ideal.max : -Infinity) + 1);
+    const span = Math.max(1, hi - lo);
+    const pos = (v) => `${((v - lo) / span * 100).toFixed(2)}%`;
+    const band = ideal ? `<div style="position:absolute;top:0;bottom:0;left:${pos(ideal.min)};width:calc(${pos(ideal.max)} - ${pos(ideal.min)});background:rgba(34,197,94,.15);border-left:1px dashed #22c55e;border-right:1px dashed #22c55e;"></div>` : "";
+    const barColor = (v) => ideal && v > ideal.max ? "#ef4444" : ideal && v < ideal.min ? "#3b82f6" : "var(--myio-brand-700, #3e1a7d)";
+    const lines = rows.map((r) => {
+      const track = r.noData ? `<span class="rp-muted" style="font-size:11px;">Sem leitura</span>` : `<div style="position:relative;height:12px;background:var(--myio-border,#e5e7eb);border-radius:6px;overflow:hidden;">
+               ${band}
+               <div style="position:absolute;top:2px;bottom:2px;left:0;width:${pos(r.consumption)};background:${barColor(r.consumption)};border-radius:4px;opacity:.85;"></div>
+             </div>`;
+      return `
+          <div style="display:grid;grid-template-columns:minmax(0,38%) 1fr 52px;gap:8px;align-items:center;margin-bottom:6px;font-size:12px;">
+            <span title="${r.name}" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${r.name}</span>
+            ${track}
+            <span style="text-align:right;font-variant-numeric:tabular-nums;font-weight:600;">${r.noData ? "\u2014" : fmtPt(r.consumption)}</span>
+          </div>`;
+    }).join("");
+    container.innerHTML = `
+      <div style="border:1px solid var(--myio-border,#e5e7eb);border-radius:10px;padding:12px 14px;max-height:620px;overflow-y:auto;">
+        <div style="font-weight:700;font-size:14px;margin-bottom:2px;">Temperatura m\xE9dia por sensor</div>
+        <div style="font-size:11px;color:var(--myio-text-muted,#6b7280);margin-bottom:10px;">
+          Escala ${fmtPt(lo)}\u2013${fmtPt(hi)} \xB0C${ideal ? ` \xB7 <span style="color:#16a34a;">faixa ideal ${fmtPt(ideal.min)}\u2013${fmtPt(ideal.max)} \xB0C</span>` : ""}
+        </div>
+        ${lines}
+      </div>`;
+  }
   // RFC-0182: Render rows grouped by groupLabel with section headers (Option B)
   renderGroupedRows(rows, grandTotal) {
     const groupOrder = [];
@@ -38318,27 +38619,26 @@ var AllReportModal = class {
       }
       byGroup.get(g).push(row);
     }
-    const pct = (v) => grandTotal > 0 ? `${fmtPt(v / grandTotal * 100)}%` : "\u2014";
+    const showId = this.showIdentifierColumn();
     return groupOrder.map((groupLabel) => {
       const items = byGroup.get(groupLabel);
-      const groupTotal = items.reduce((s, r) => s + r.consumption, 0);
+      let summary;
+      if (this.isTemperature) {
+        const withData = items.filter((r) => !r.noData);
+        const avg = withData.length ? withData.reduce((s, r) => s + r.consumption, 0) / withData.length : null;
+        summary = `${items.length} sensores \xB7 m\xE9dia ${this.fmtTemp(avg)} \xB0C`;
+      } else {
+        const groupTotal = items.reduce((s, r) => s + r.consumption, 0);
+        summary = `${items.length} dispositivos \xB7 ${fmtPt(groupTotal)} ${this.domainConfig.unit}`;
+      }
       const header = `
         <tr class="rp-group-header">
-          <td colspan="${4 + (this.moneyColumn.enabled ? 1 : 0) + (this.varianceColumn.enabled ? 1 : 0)}">
+          <td colspan="${this.columnCount(showId)}">
             ${groupLabel}
-            <span class="rp-group-total">${items.length} dispositivos \xB7 ${fmtPt(groupTotal)} ${this.domainConfig.unit}</span>
+            <span class="rp-group-total">${summary}</span>
           </td>
         </tr>`;
-      const dataRows = items.map(
-        (row) => `
-        <tr>
-          <td data-label="Identificador" style="font-family: monospace; font-weight: bold; text-transform: uppercase;">${row.identifier}</td>
-          <td data-label="Nome"><strong>${row.name}</strong></td>
-          <td data-label="${this.domainConfig.label}" style="text-align: right; font-weight: bold;">${fmtPt(row.consumption)}</td>
-          ${this.moneyColumn.bodyCellHTML(row.id)}${this.varianceColumn.bodyCellHTML(row.id)}<td data-label="%" style="text-align: right; color: var(--myio-text-muted);">${pct(row.consumption)}</td>
-        </tr>`
-      ).join("");
-      return header + dataRows;
+      return header + items.map((row) => this.renderRowHTML(row, grandTotal, showId)).join("");
     }).join("");
   }
   getSortIcon(field) {
@@ -38446,6 +38746,10 @@ var AllReportModal = class {
   }
   async exportCSV() {
     const sortedData = [...this.data].sort((a, b) => b.consumption - a.consumption);
+    if (this.isTemperature) {
+      this.exportTemperatureCSV(sortedData);
+      return;
+    }
     if (this.granularity === "1h") {
       await this.exportHourlyCSV(sortedData);
       return;
@@ -38459,6 +38763,44 @@ var AllReportModal = class {
     const csvContent = toCsv(csvData);
     this.downloadCSV(csvContent, `relatorio-geral-lojas-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`);
   }
+  // Temperatura: valores já com offset e sem leituras inválidas (mesma base da tabela).
+  // 1d → uma linha por sensor por DIA; 1h → uma linha por sensor por HORA.
+  exportTemperatureCSV(rows) {
+    const showId = this.showIdentifierColumn(rows);
+    const idCol = (r) => showId ? [r.identifier] : [];
+    const idHead = showId ? ["Identificador"] : [];
+    const n2 = (v) => v === null || v === void 0 || !Number.isFinite(v) ? "" : v.toFixed(2);
+    const date = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+    const summary = [
+      [...idHead, "Sensor", "M\xE9dia (\xB0C)", "M\xEDn (\xB0C)", "M\xE1x (\xB0C)", "Leituras", "Leituras descartadas"],
+      ...rows.map((r) => [
+        ...idCol(r),
+        r.name,
+        r.noData ? "Sem leitura" : n2(r.consumption),
+        r.noData ? "" : n2(r.min),
+        r.noData ? "" : n2(r.max),
+        String(r.readings ?? ""),
+        String(r.discarded ?? "")
+      ])
+    ];
+    const gran = this.granularity;
+    const series = [[...idHead, "Sensor", gran === "1h" ? "Data/Hora" : "Dia", "Temperatura (\xB0C)"]];
+    const fmtTs = (ts) => gran === "1h" ? new Date(ts).toLocaleString("pt-BR", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+      timeZone: "America/Sao_Paulo"
+    }) : new Date(ts).toLocaleDateString("pt-BR", { timeZone: "America/Sao_Paulo" });
+    for (const r of rows) {
+      const hourly = r.id && this.temperatureStats.get(r.id)?.series || [];
+      const pts = gran === "1h" ? hourly : this.aggregateDaily(hourly, "avg");
+      for (const p of pts) series.push([...idCol(r), r.name, fmtTs(p.timestamp), p.value.toFixed(2)]);
+    }
+    const csvContent = toCsv([...summary, [], ...series]);
+    this.downloadCSV(csvContent, `relatorio-temperatura-${gran}-${date}.csv`);
+  }
   // 1h CSV: one row per device × hour. The series comes from per-device requests
   // (/telemetry/devices/{id}/{endpoint}?granularity=1h) fetched lazily at export time
   // and cached per period — /totals cannot provide hourly data.
@@ -38546,16 +38888,29 @@ var AllReportModal = class {
   // Maps the report rows to the TelemetryDevice shape consumed by the shared
   // TELEMETRY grid exporters (only labelOrName/name/deviceIdentifier/val/perc are read).
   buildExportDevices() {
-    const sorted = [...this.data].sort((a, b) => b.consumption - a.consumption);
+    const sorted = [...this.data].sort(
+      (a, b) => !!a.noData !== !!b.noData ? a.noData ? 1 : -1 : b.consumption - a.consumption
+    );
     const total = sorted.reduce((s, r) => s + (r.consumption || 0), 0);
     return sorted.map((r) => ({
       labelOrName: r.name,
       name: r.name,
       deviceIdentifier: r.identifier,
-      val: r.consumption,
-      perc: total > 0 ? r.consumption / total * 100 : 0
+      // Temperatura: média do sensor (sem leitura → "—"); sem % de participação
+      val: this.isTemperature && r.noData ? null : r.consumption,
+      perc: this.isTemperature ? void 0 : total > 0 ? r.consumption / total * 100 : 0
     }));
   }
+  // Colunas do PDF/XLS: temperatura = Sensor | Temperatura média (sem %, Identificador só se útil)
+  exportColumns() {
+    if (!this.isTemperature) return null;
+    return {
+      nameLabel: "Sensor",
+      valueLabel: "Temperatura m\xE9dia (\xB0C)",
+      hidePerc: true,
+      hideIdentifier: !this.showIdentifierColumn()
+    };
+  }
   // Accent hex da paleta do dashboard (tema efetivo) para o PDF/XLS — cai no
   // roxo MYIO default quando não há tema configurado.
   resolveAccentHex() {
@@ -38581,6 +38936,7 @@ var AllReportModal = class {
       {
         accentColor: this.resolveAccentHex(),
         kpis: this.computeKpis(),
+        columns: this.exportColumns(),
         chartImage: chartPng ? { ...chartPng, title: "Participa\xE7\xE3o por Dispositivo" } : null
       }
     );
@@ -38594,7 +38950,7 @@ var AllReportModal = class {
       this.domainConfig.unit,
       this.exportPeriod,
       null,
-      { accentColor: this.resolveAccentHex() }
+      { accentColor: this.resolveAccentHex(), columns: this.exportColumns() }
     );
   }
   async fetchCustomerTotals(startISO, endISO) {
@@ -38647,34 +39003,59 @@ var AllReportModal = class {
   // em total_value (in-place). Sensores sem série ficam com o 0 original.
   async enrichTemperatureAverages(data, startISO, endISO, token, baseUrl) {
     const rows = Array.isArray(data?.data) ? data.data : [];
-    const tempRows = rows.filter((d) => String(d?.deviceType || "").toLowerCase() === "temperature");
+    let tempRows = rows.filter((d) => String(d?.deviceType || "").toLowerCase() === "temperature");
+    if (this.params.itemsList) {
+      const ids = new Set(this.params.itemsList.map((i) => String(i.id)));
+      tempRows = tempRows.filter((d) => ids.has(String(d?.id)));
+    }
     if (!tempRows.length) return;
-    const gran = this.granularity === "1h" ? "1h" : "1d";
     const startTime = encodeURIComponent(startISO);
     const endTime = encodeURIComponent(endISO);
+    const valid = this.temperatureValidRange;
     const BATCH = 6;
     for (let i = 0; i < tempRows.length; i += BATCH) {
       await Promise.all(
         tempRows.slice(i, i + BATCH).map(async (dev) => {
+          const id = String(dev.id);
+          const offset = this.temperatureOffsetFor(id);
           try {
-            const url = `${baseUrl}/telemetry/devices/${dev.id}/temperature?startTime=${startTime}&endTime=${endTime}&granularity=${gran}&deep=0`;
+            const url = `${baseUrl}/telemetry/devices/${id}/temperature?startTime=${startTime}&endTime=${endTime}&granularity=1h&deep=0`;
             const res = await fetch(url, {
               headers: { Authorization: `Bearer ${token}`, "Content-Type": "application/json" }
             });
-            if (!res.ok) return;
-            const body = await res.json();
-            const ent = Array.isArray(body) ? body[0] : body;
-            const values = (ent?.consumption || []).map((p) => Number(p?.value)).filter((v) => Number.isFinite(v));
-            if (values.length) {
-              dev.total_value = values.reduce((s, v) => s + v, 0) / values.length;
-            }
+            if (!res.ok) throw new Error(`HTTP ${res.status}`);
+            const stats = this.computeTemperatureStats(this.parseSeries(await res.json()), offset, valid);
+            this.temperatureStats.set(id, stats);
+            dev.total_value = stats.avg;
           } catch {
+            const avg = dev.total_value === null || dev.total_value === void 0 ? NaN : Number(dev.total_value);
+            dev.total_value = Number.isFinite(avg) ? avg + offset : null;
           }
         })
       );
     }
     this.debugLog(`[AllReportModal] ED-996: temperaturas m\xE9dias aplicadas a ${tempRows.length} sensores`);
   }
+  // Offset somado a cada leitura; leituras fora da faixa válida são descartadas (contadas)
+  computeTemperatureStats(raw, offset, valid) {
+    const series = [];
+    let discarded = 0;
+    for (const p of raw) {
+      const v = p.value + offset;
+      if (v < valid.min || v > valid.max) discarded++;
+      else series.push({ timestamp: p.timestamp, value: v });
+    }
+    if (!series.length) return { avg: null, min: null, max: null, readings: 0, discarded, series };
+    let sum2 = 0;
+    let min = Infinity;
+    let max = -Infinity;
+    for (const p of series) {
+      sum2 += p.value;
+      if (p.value < min) min = p.value;
+      if (p.value > max) max = p.value;
+    }
+    return { avg: sum2 / series.length, min, max, readings: series.length, discarded, series };
+  }
   // Re-map the cached API response under the current exclusion flag and refresh the UI.
   // No-op until data has been loaded at least once.
   remapAndRender() {
@@ -38773,12 +39154,17 @@ var AllReportModal = class {
     }
     if (!this.params.itemsList) {
       this.debugLog("\u{1F4CB} No itemsList provided \u2014 mapping directly from API array");
-      return apiArray.map((item) => ({
-        identifier: item.assetName || this.resolveStoreIdentifierFromApi(item) || item.id || "",
-        name: item.name || item.assetName || item.id || "",
-        consumption: this.pickConsumption(item),
-        ...item.id ? { id: String(item.id) } : {}
-      }));
+      return apiArray.map(
+        (item) => this.decorateTemperatureRow(
+          {
+            identifier: item.assetName || this.resolveStoreIdentifierFromApi(item) || item.id || "",
+            name: item.name || item.assetName || item.id || "",
+            consumption: this.pickConsumption(item),
+            ...item.id ? { id: String(item.id) } : {}
+          },
+          item
+        )
+      );
     }
     const orchIdSet = new Set(this.params.itemsList.map((item) => String(item.id)));
     const orchMeta = new Map(this.params.itemsList.map((item) => [String(item.id), item]));
@@ -38795,14 +39181,17 @@ var AllReportModal = class {
         continue;
       }
       const consumption = Math.round(this.pickConsumption(apiItem) * 100) / 100;
-      const result = {
-        identifier: meta?.identifier || apiItem.name || apiId,
-        name: meta?.label || apiItem.name || apiId,
-        consumption,
-        id: apiId,
-        ...meta?.groupLabel ? { groupLabel: meta.groupLabel } : {}
-      };
-      totalMappedConsumption += consumption;
+      const result = this.decorateTemperatureRow(
+        {
+          identifier: meta?.identifier || apiItem.name || apiId,
+          name: meta?.label || apiItem.name || apiId,
+          consumption,
+          id: apiId,
+          ...meta?.groupLabel ? { groupLabel: meta.groupLabel } : {}
+        },
+        apiItem
+      );
+      totalMappedConsumption += result.consumption;
       rows.push(result);
     }
     this.debugLog("[AllReportModal] API-driven filter", {
@@ -38812,6 +39201,21 @@ var AllReportModal = class {
     });
     return rows;
   }
+  // Temperatura: média null/NaN → "Sem leitura" (nunca 0 °C); anexa mín/máx/contagens
+  decorateTemperatureRow(row, apiItem) {
+    if (!this.isTemperature) return row;
+    const avg = apiItem?.total_value;
+    const hasAvg = avg !== null && avg !== void 0 && Number.isFinite(Number(avg));
+    const stats = row.id ? this.temperatureStats.get(row.id) : void 0;
+    return {
+      ...row,
+      consumption: hasAvg ? Math.round(Number(avg) * 100) / 100 : 0,
+      noData: !hasAvg,
+      ...stats && stats.min !== null ? { min: Math.round(stats.min * 100) / 100 } : {},
+      ...stats && stats.max !== null ? { max: Math.round(stats.max * 100) / 100 } : {},
+      ...stats ? { readings: stats.readings, discarded: stats.discarded } : {}
+    };
+  }
   parseConsumptionValue(item) {
     const possibleFields = ["total_value", "totalValue", "consumption", "value", "total", "energy", "kwh"];
     for (const field of possibleFields) {
@@ -78979,7 +79383,7 @@ async function openTemperatureModal(params) {
   const savedGranularity = localStorage.getItem("myio-temp-modal-granularity");
   const savedTheme = localStorage.getItem("myio-temp-modal-theme");
   if (savedGranularity) state6.granularity = savedGranularity;
-  if (savedTheme) state6.theme = savedTheme;
+  if (savedTheme && !params.theme) state6.theme = savedTheme;
   const modalContainer = document.createElement("div");
   modalContainer.id = modalId;
   document.body.appendChild(modalContainer);
@@ -79690,7 +80094,7 @@ async function openTemperatureComparisonModal(params) {
     startTs,
     endTs,
     granularity: params.granularity || "hour",
-    theme: params.theme || "dark",
+    theme: params.theme || "light",
     clampRange: params.clampRange || DEFAULT_CLAMP_RANGE,
     locale: params.locale || "pt-BR",
     deviceData: [],
@@ -79704,7 +80108,7 @@ async function openTemperatureComparisonModal(params) {
   const savedGranularity = localStorage.getItem("myio-temp-comparison-granularity");
   const savedTheme = localStorage.getItem("myio-temp-comparison-theme");
   if (savedGranularity) state6.granularity = savedGranularity;
-  if (savedTheme) state6.theme = savedTheme;
+  if (savedTheme && !params.theme) state6.theme = savedTheme;
   const modalContainer = document.createElement("div");
   modalContainer.id = modalId;
   document.body.appendChild(modalContainer);