myio-js-library 0.1.552 → 0.1.553

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.552",
+  version: "0.1.553",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -33574,31 +33574,52 @@ var fmtPt = (n) => new Intl.NumberFormat("pt-BR", { minimumFractionDigits: 2, ma
 
 // src/components/telemetry-grid-shopping/export.ts
 var import_jspdf = require("jspdf");
+function extras(d) {
+  return d;
+}
 function makeCols(unit, colOpts) {
   const cols = [
     { key: "idx", label: "#", pdfW: 10 },
     { key: "nome", label: colOpts?.nameLabel || "Nome", pdfW: 100 },
     { key: "identificador", label: "Identificador", pdfW: 60 },
     { key: "consumo", label: colOpts?.valueLabel || (unit ? `Consumo (${unit})` : "Consumo"), pdfW: 50 },
+    ...(colOpts?.extraColumns || []).map((c, i) => ({ key: `x${i}`, label: c.label, pdfW: c.pdfW ?? 40 })),
     { key: "perc", label: "%", pdfW: 20 }
   ];
   return cols.filter(
     (c) => !(colOpts?.hideIdentifier && c.key === "identificador") && !(colOpts?.hidePerc && c.key === "perc")
   );
 }
-function buildRow(d, idx) {
+function buildRow(d, idx, colOpts) {
+  const x = extras(d);
   const fmtVal = () => {
-    if (d.val === null || d.val === void 0) return "\u2014";
+    if (d.val === null || d.val === void 0) return colOpts?.emptyValueText || "\u2014";
     return Number(d.val).toLocaleString("pt-BR", { maximumFractionDigits: 3, useGrouping: false });
   };
   const pd = resolvePercentDecimals();
-  return {
+  const name = d.labelOrName || d.name || "\u2014";
+  const row = {
     idx: String(idx + 1),
-    nome: d.labelOrName || d.name || "\u2014",
+    nome: x.nameNote ? `${name}  (${x.nameNote})` : name,
     identificador: d.deviceIdentifier || "\u2014",
     consumo: fmtVal(),
     perc: d.perc !== void 0 ? `${d.perc.toFixed(pd).replace(".", ",")}%` : "\u2014"
   };
+  (colOpts?.extraColumns || []).forEach((_, i) => {
+    row[`x${i}`] = x.extraCells?.[i] ?? "\u2014";
+  });
+  return row;
+}
+function forEachRow(devices, onGroup, onRow) {
+  let n = 0;
+  devices.forEach((d) => {
+    const g = extras(d).groupHeader;
+    if (g) onGroup(g);
+    else onRow(d, n++);
+  });
+}
+function countDataRows(devices) {
+  return devices.filter((d) => !extras(d).groupHeader).length;
 }
 function fmtPeriod(period) {
   if (!period?.startISO) return "";
@@ -33646,10 +33667,15 @@ function exportGridCsv(devices, label, unit, period, customerName) {
   ].filter((v) => v !== null);
   const cols = makeCols(unit);
   const header = cols.map((c) => `"${c.label}"`).join(";");
-  const rows = devices.map((d, i) => {
-    const r = buildRow(d, i);
-    return cols.map((c) => `"${String(r[c.key]).replace(/"/g, '""')}"`).join(";");
-  });
+  const rows = [];
+  forEachRow(
+    devices,
+    (g) => rows.push(`"${g.replace(/"/g, '""')}"`),
+    (d, i) => {
+      const r = buildRow(d, i);
+      rows.push(cols.map((c) => `"${String(r[c.key]).replace(/"/g, '""')}"`).join(";"));
+    }
+  );
   const csv = "\uFEFF" + [...metaRows, header, ...rows].join("\r\n");
   triggerDownload(
     new Blob([csv], { type: "text/csv;charset=utf-8;" }),
@@ -33665,14 +33691,23 @@ function exportGridXls(devices, label, unit, period, customerName, options) {
   const headerCells = cols.map(
     (c) => `<Cell ss:StyleID="h"><Data ss:Type="String">${escXml(c.label)}</Data></Cell>`
   ).join("");
-  const dataRows = devices.map((d, i) => {
-    const r = buildRow(d, i);
-    const cells = cols.map((c) => {
-      const v = escXml(String(r[c.key]));
-      return `<Cell><Data ss:Type="String">${v}</Data></Cell>`;
-    }).join("");
-    return `<Row>${cells}</Row>`;
-  }).join("\n");
+  const dataRowsArr = [];
+  forEachRow(
+    devices,
+    (g) => dataRowsArr.push(
+      `<Row><Cell ss:StyleID="g" ss:MergeAcross="${cols.length - 1}"><Data ss:Type="String">${escXml(g)}</Data></Cell></Row>`
+    ),
+    (d, i) => {
+      const r = buildRow(d, i, options?.columns);
+      const cells = cols.map((c) => {
+        const v = escXml(String(r[c.key]));
+        return `<Cell><Data ss:Type="String">${v}</Data></Cell>`;
+      }).join("");
+      dataRowsArr.push(`<Row>${cells}</Row>`);
+    }
+  );
+  const dataRows = dataRowsArr.join("\n");
+  const kpiRows = (options?.kpis || []).map((k) => metaRow(k.label, k.sub ? `${k.value}  (${k.sub})` : k.value)).join("\n");
   const xml = `<?xml version="1.0" encoding="UTF-8"?>
 <Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet"
   xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet">
@@ -33685,6 +33720,10 @@ function exportGridXls(devices, label, unit, period, customerName, options) {
       <Font ss:Bold="1"/>
       <Interior ss:Color="#F0EDF9" ss:Pattern="Solid"/>
     </Style>
+    <Style ss:ID="g">
+      <Font ss:Bold="1" ss:Color="#555555"/>
+      <Interior ss:Color="#EEEEEE" ss:Pattern="Solid"/>
+    </Style>
   </Styles>
   <Worksheet ss:Name="${escXml(label.slice(0, 31))}">
     <Table>
@@ -33692,6 +33731,8 @@ function exportGridXls(devices, label, unit, period, customerName, options) {
       ${customerName ? metaRow("Cliente", customerName) : ""}
       ${periodLabel2 ? metaRow("Per\xEDodo", periodLabel2) : ""}
       ${metaRow("Gerado em", (/* @__PURE__ */ new Date()).toLocaleString("pt-BR"))}
+      ${kpiRows ? `<Row/>
+${kpiRows}` : ""}
       <Row/>
       <Row>${headerCells}</Row>
       ${dataRows}
@@ -33746,7 +33787,8 @@ function exportGridPdf(devices, label, unit, period, customerName, options) {
     doc.setFontSize(8);
     const periodLabel2 = fmtPeriod(period);
     const periodPart = periodLabel2 ? `Per\xEDodo: ${periodLabel2}  \u2022  ` : "";
-    const info = `${periodPart}Gerado em: ${generatedAt}  \u2022  ${devices.length} dispositivo(s)  \u2022  Unidade: ${unit}  \u2022  P\xE1g. ${pageNo2}`;
+    const countLabel = options?.columns?.countLabel || "dispositivo(s)";
+    const info = `${periodPart}Gerado em: ${generatedAt}  \u2022  ${countDataRows(devices)} ${countLabel}  \u2022  Unidade: ${unit}  \u2022  P\xE1g. ${pageNo2}`;
     doc.text(info, PW - MARGIN, HDR_H / 2 + 1.5, { align: "right" });
   }
   function drawColumnHeaders(y) {
@@ -33781,6 +33823,14 @@ function exportGridPdf(devices, label, unit, period, customerName, options) {
     doc.setLineWidth(0.1);
     doc.line(MARGIN, y + ROW_H, MARGIN + TABLE_W, y + ROW_H);
   }
+  function drawGroupRow(text2, y) {
+    doc.setFillColor(...ACCENT_SOFT);
+    doc.rect(MARGIN, y, TABLE_W, ROW_H, "F");
+    doc.setTextColor(...ACCENT2);
+    doc.setFont("helvetica", "bold");
+    doc.setFontSize(6.5);
+    doc.text(truncate(text2, 160), MARGIN + 1.5, y + ROW_H / 2 + 2.2);
+  }
   function drawFooter2() {
     doc.setFillColor(250, 249, 255);
     doc.rect(0, PH - FTR_H, PW, FTR_H, "F");
@@ -33827,7 +33877,7 @@ function exportGridPdf(devices, label, unit, period, customerName, options) {
   }
   drawColumnHeaders(currentY);
   currentY += HEAD_H;
-  devices.forEach((d, i) => {
+  const ensureSpace = () => {
     if (currentY + ROW_H > MAX_Y) {
       drawFooter2();
       doc.addPage();
@@ -33837,9 +33887,20 @@ function exportGridPdf(devices, label, unit, period, customerName, options) {
       drawColumnHeaders(currentY);
       currentY += HEAD_H;
     }
-    drawDataRow(buildRow(d, i), currentY, i % 2 === 0);
-    currentY += ROW_H;
-  });
+  };
+  forEachRow(
+    devices,
+    (g) => {
+      ensureSpace();
+      drawGroupRow(g, currentY);
+      currentY += ROW_H;
+    },
+    (d, i) => {
+      ensureSpace();
+      drawDataRow(buildRow(d, i, options?.columns), currentY, i % 2 === 0);
+      currentY += ROW_H;
+    }
+  );
   drawFooter2();
   const chart = options?.chartImage;
   if (chart?.dataUrl) {
@@ -35090,6 +35151,81 @@ function createModalFooter(params = {}) {
   };
 }
 
+// src/components/premium-modals/internal/temperatureBarsPng.ts
+function renderTemperatureBarsPng(opts) {
+  if (typeof document === "undefined" || !opts.items.length) return null;
+  const W = 1400;
+  const ROW = 34;
+  const TOP = 56;
+  const H = TOP + opts.items.length * ROW + 20;
+  const canvas = document.createElement("canvas");
+  canvas.width = W;
+  canvas.height = H;
+  let ctx = null;
+  try {
+    ctx = canvas.getContext("2d");
+  } catch {
+    ctx = null;
+  }
+  if (!ctx) return null;
+  const fmt2 = (v) => v.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+  const ideal = opts.ideal && Number.isFinite(opts.ideal.min) && Number.isFinite(opts.ideal.max) ? opts.ideal : null;
+  const values = opts.items.map((i) => i.value).filter((v) => v !== null && Number.isFinite(v));
+  const base = values.length ? values : [20, 30];
+  const lo = Math.floor(Math.min(...base, ideal ? ideal.min : Infinity) - 1);
+  const hi = Math.ceil(Math.max(...base, ideal ? ideal.max : -Infinity) + 1);
+  const span = Math.max(1, hi - lo);
+  const LABEL_W = 460;
+  const VALUE_W = 120;
+  const trackX = LABEL_W + 20;
+  const trackW = W - trackX - VALUE_W - 20;
+  const xOf = (v) => trackX + (v - lo) / span * trackW;
+  ctx.fillStyle = "#ffffff";
+  ctx.fillRect(0, 0, W, H);
+  ctx.fillStyle = "#6b7280";
+  ctx.font = "20px Helvetica, Arial, sans-serif";
+  ctx.textBaseline = "middle";
+  const scale = `Escala ${fmt2(lo)}\u2013${fmt2(hi)} \xB0C`;
+  ctx.fillText(ideal ? `${scale}   \xB7   faixa ideal ${fmt2(ideal.min)}\u2013${fmt2(ideal.max)} \xB0C` : scale, 16, 26);
+  opts.items.forEach((item, i) => {
+    const y = TOP + i * ROW;
+    const cy = y + ROW / 2;
+    ctx.fillStyle = "#1f2937";
+    ctx.font = "20px Helvetica, Arial, sans-serif";
+    ctx.textAlign = "left";
+    let label = item.label;
+    while (ctx.measureText(label).width > LABEL_W - 10 && label.length > 4) label = label.slice(0, -2);
+    if (label !== item.label) label = label.slice(0, -1) + "\u2026";
+    ctx.fillText(label, 16, cy);
+    if (item.value === null || !Number.isFinite(item.value)) {
+      ctx.fillStyle = "#9ca3af";
+      ctx.font = "italic 18px Helvetica, Arial, sans-serif";
+      ctx.fillText("Sem leitura", trackX, cy);
+      ctx.textAlign = "right";
+      ctx.fillText("\u2014", W - 16, cy);
+      return;
+    }
+    ctx.fillStyle = "#e5e7eb";
+    ctx.fillRect(trackX, cy - 9, trackW, 18);
+    if (ideal) {
+      ctx.fillStyle = "rgba(34,197,94,0.18)";
+      ctx.fillRect(xOf(ideal.min), cy - 9, xOf(ideal.max) - xOf(ideal.min), 18);
+    }
+    const v = item.value;
+    ctx.fillStyle = ideal && v > ideal.max ? "#ef4444" : ideal && v < ideal.min ? "#3b82f6" : opts.accent || "#3e1a7d";
+    ctx.fillRect(trackX, cy - 6, Math.max(2, xOf(v) - trackX), 12);
+    ctx.fillStyle = "#111827";
+    ctx.font = "bold 20px Helvetica, Arial, sans-serif";
+    ctx.textAlign = "right";
+    ctx.fillText(fmt2(v), W - 16, cy);
+  });
+  try {
+    return { dataUrl: canvas.toDataURL("image/png"), width: W, height: H };
+  } catch {
+    return null;
+  }
+}
+
 // src/components/premium-modals/report-device/DeviceReportModal.ts
 var DOMAIN_CONFIG = {
   energy: {
@@ -35883,10 +36019,22 @@ var DeviceReportModal = class {
     const summaryValue = this.domainConfig.summaryType === "average" ? valid > 0 ? total / valid : 0 : total;
     const now = /* @__PURE__ */ new Date();
     const timestamp = now.toLocaleDateString("pt-BR") + " - " + now.toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" });
+    const p = this.exportPeriod;
+    const fmtD = (iso) => iso ? new Date(iso).toLocaleDateString("pt-BR") : "";
+    const off = Number(this.params.temperatureOffset) || 0;
+    const isTemp = this.domainConfig.summaryType === "average";
+    void summaryValue;
     const csvData = [
       ["Dispositivo/Loja", this.params.identifier || "N/A", this.params.label || ""],
+      ...this.params.deviceName ? [["Dispositivo (TB)", this.params.deviceName, ""]] : [],
+      ...isTemp && off !== 0 ? [["Offset aplicado (\xB0C)", this.domainConfig.formatter(off), ""]] : [],
+      ...this.resolveCustomerName() ? [["Cliente", this.resolveCustomerName(), ""]] : [],
+      ...p?.startISO ? [["Per\xEDodo", `${fmtD(p.startISO)} \u2014 ${fmtD(p.endISO)}`, ""]] : [],
+      ["Granularidade", this.granularity === "1h" ? "Hora" : "Dia", ""],
       ["DATA EMISS\xC3O", timestamp, ""],
-      [this.domainConfig.summaryLabel, this.domainConfig.formatter(summaryValue), this.domainConfig.unit],
+      [],
+      ...this.computeKpis().map((k) => [k.label, k.value, k.sub || ""]),
+      [],
       [this.granularity === "1h" ? "Data/Hora" : "Data", this.domainConfig.label, ""],
       ...this.data.map((row) => [this.formatDate(row.date), row.noData ? "Sem leitura" : this.domainConfig.formatter(row.consumption)])
     ];
@@ -35907,7 +36055,11 @@ var DeviceReportModal = class {
   }
   // Título dos exports — mesmo da modal (identificador + etiqueta do device).
   resolveExportTitle() {
-    return `Relat\xF3rio - ${this.params.identifier || "SEM IDENTIFICADOR"} - ${this.params.label || "SEM ETIQUETA"}`;
+    const base = `Relat\xF3rio - ${this.params.identifier || "SEM IDENTIFICADOR"} - ${this.params.label || "SEM ETIQUETA"}`;
+    const dev = this.params.deviceName ? ` (${this.params.deviceName})` : "";
+    const off = Number(this.params.temperatureOffset) || 0;
+    const offTxt = this.domainConfig.summaryType === "average" && off !== 0 ? ` \xB7 offset ${off > 0 ? "+" : "\u2212"}${Math.abs(off).toLocaleString("pt-BR", { maximumFractionDigits: 2 })} \xB0C` : "";
+    return `${base}${dev}${offTxt}`;
   }
   // Mapeia as linhas do relatório (dia/hora × consumo) para o shape TelemetryDevice
   // dos exporters compartilhados do grid: labelOrName = data formatada, val = consumo,
@@ -35926,16 +36078,41 @@ var DeviceReportModal = class {
   // Opções de coluna dos exporters: relatório single-device → Data | Consumo | %
   // (Identificador redundante — o device já está no título/filename).
   exportColumnOptions() {
+    const isTemp = this.domainConfig.summaryType === "average";
     return {
       nameLabel: this.granularity === "1h" ? "Data/Hora" : "Data",
-      hideIdentifier: true
+      hideIdentifier: true,
+      // Mesmo rótulo da coluna da tela (antes saía "Consumo (°C)" em temperatura)
+      valueLabel: this.domainConfig.label,
+      countLabel: this.granularity === "1h" ? "hora(s)" : "dia(s)",
+      ...isTemp ? { hidePerc: true, emptyValueText: "Sem leitura" } : {}
     };
   }
+  // Gráfico da página final do PDF = painel da direita da tela
+  async buildExportChart() {
+    if (this.domainConfig.summaryType === "average") {
+      const isHourly = this.granularity === "1h";
+      const ranked = [...this.validRows].sort((a, b) => b.consumption - a.consumption);
+      const shown = isHourly ? ranked.slice(0, 24) : ranked;
+      const noData = isHourly ? [] : this.data.filter((r) => r.noData);
+      const png = renderTemperatureBarsPng({
+        items: [
+          ...shown.map((r) => ({ label: this.formatDate(r.date), value: r.consumption })),
+          ...noData.map((r) => ({ label: this.formatDate(r.date), value: null }))
+        ],
+        ideal: this.params.temperatureIdealRange ?? null,
+        accent: this.resolveAccentHex()
+      });
+      const title = isHourly ? `Horas mais quentes${ranked.length > 24 ? " (top 24)" : ""}` : "Dias mais quentes (m\xE9dia do dia)";
+      return png ? { ...png, title } : null;
+    }
+    const chartPng = await this.participationChart?.toPngDataUrl?.().catch(() => null);
+    return chartPng ? { ...chartPng, title: "Participa\xE7\xE3o por Dia" } : null;
+  }
   // PDF export — layout premium do grid + paleta do dashboard + faixa de KPIs +
   // página dedicada com o gráfico "Participação por Dia" da modal.
   async exportPDF() {
     if (!this.data.length) return;
-    const chartPng = await this.participationChart?.toPngDataUrl?.().catch(() => null);
     exportGridPdf(
       this.buildExportDevices(),
       this.resolveExportTitle(),
@@ -35945,7 +36122,7 @@ var DeviceReportModal = class {
       {
         accentColor: this.resolveAccentHex(),
         kpis: this.computeKpis(),
-        chartImage: chartPng ? { ...chartPng, title: "Participa\xE7\xE3o por Dia" } : null,
+        chartImage: await this.buildExportChart(),
         columns: this.exportColumnOptions()
       }
     );
@@ -35961,7 +36138,8 @@ var DeviceReportModal = class {
       this.resolveCustomerName() || null,
       {
         accentColor: this.resolveAccentHex(),
-        columns: this.exportColumnOptions()
+        columns: this.exportColumnOptions(),
+        kpis: this.computeKpis()
       }
     );
   }
@@ -38952,21 +39130,36 @@ var AllReportModal = class {
   }
   // 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) {
+  exportTemperatureCSV(_rows) {
+    const rows = this.getFilteredData();
     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 gran = this.granularity;
     const fmtStamp = (ts) => {
       const { date: d, time } = this.formatSpDateTime(ts);
       return `${d} ${time}`;
     };
+    const p = this.exportPeriod;
+    const fmtD = (iso) => iso ? new Date(iso).toLocaleDateString("pt-BR") : "";
+    const meta = [
+      ["Relat\xF3rio", this.resolveTitle()],
+      ...this.params.customerName ? [["Cliente", this.params.customerName]] : [],
+      ...p?.startISO ? [["Per\xEDodo", `${fmtD(p.startISO)} \u2014 ${fmtD(p.endISO)}`]] : [],
+      ["Granularidade", gran === "1h" ? "Hora" : "Dia"],
+      ["Gerado em", (/* @__PURE__ */ new Date()).toLocaleString("pt-BR")],
+      [],
+      ...this.computeKpis().map((k) => [k.label, k.value, k.sub || ""]),
+      []
+    ];
     const summary = [
-      [...idHead, "Sensor", "M\xE9dia (\xB0C)", "M\xEDn (\xB0C)", "Data/Hora M\xEDn", "M\xE1x (\xB0C)", "Data/Hora M\xE1x", "Leituras", "Leituras descartadas"],
+      [...idHead, "Sensor", "Offset (\xB0C)", "M\xE9dia (\xB0C)", "M\xEDn (\xB0C)", "Data/Hora M\xEDn", "M\xE1x (\xB0C)", "Data/Hora M\xE1x", "Leituras", "Leituras descartadas"],
       ...rows.map((r) => [
         ...idCol(r),
         r.name,
+        r.id ? n2(this.temperatureOffsetFor(r.id)) : "",
         r.noData ? "Sem leitura" : n2(r.consumption),
         r.noData ? "" : n2(r.min),
         r.noData || !r.minTs ? "" : fmtStamp(r.minTs),
@@ -38976,7 +39169,6 @@ var AllReportModal = class {
         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",
@@ -38989,9 +39181,9 @@ var AllReportModal = class {
     for (const r of rows) {
       const raw = r.id && this.temperatureStats.get(r.id)?.series || [];
       const pts = gran === "1h" ? this.aggregateHourly(raw, "avg") : this.aggregateDaily(raw, "avg");
-      for (const p of pts) series.push([...idCol(r), r.name, fmtTs(p.timestamp), p.value.toFixed(2)]);
+      for (const p2 of pts) series.push([...idCol(r), r.name, fmtTs(p2.timestamp), p2.value.toFixed(2)]);
     }
-    const csvContent = toCsv([...summary, [], ...series]);
+    const csvContent = toCsv([...meta, ...summary, [], ...series]);
     this.downloadCSV(csvContent, `relatorio-temperatura-${gran}-${date}.csv`);
   }
   // 1h CSV: one row per device × hour. The series comes from per-device requests
@@ -39080,28 +39272,73 @@ 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).
+  // Linhas dos exports = a TABELA DA TELA: mesma ordem/filtros (getFilteredData), cabeçalhos
+  // de grupo com o mesmo resumo, e — em temperatura — Mín/Máx, offset e "Sem leitura".
   buildExportDevices() {
-    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,
-      // 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
-    }));
+    const rows = this.getFilteredData();
+    const grandTotal = this.calculateTotalConsumption();
+    const toDevice = (r) => {
+      const base = {
+        labelOrName: r.name,
+        name: r.name,
+        deviceIdentifier: r.identifier,
+        val: this.isTemperature && r.noData ? null : r.consumption,
+        perc: this.isTemperature ? void 0 : grandTotal > 0 ? r.consumption / grandTotal * 100 : 0
+      };
+      if (!this.isTemperature) return base;
+      const off = r.id && !r.noData ? this.temperatureOffsetFor(r.id) : 0;
+      return {
+        ...base,
+        extraCells: [this.fmtTemp(r.noData ? null : r.min), this.fmtTemp(r.noData ? null : r.max)],
+        ...off ? { nameNote: `offset ${off > 0 ? "+" : "\u2212"}${fmtPt(Math.abs(off))} \xB0C` } : {}
+      };
+    };
+    const out = [];
+    if (rows.some((r) => r.groupLabel)) {
+      const order = [];
+      const byGroup = /* @__PURE__ */ new Map();
+      for (const r of rows) {
+        const g = r.groupLabel || "\u2014";
+        if (!byGroup.has(g)) {
+          byGroup.set(g, []);
+          order.push(g);
+        }
+        byGroup.get(g).push(r);
+      }
+      for (const g of order) {
+        const items = byGroup.get(g);
+        out.push({ groupHeader: `${g.toUpperCase()}  \xB7  ${this.groupSummaryText(items)}` });
+        items.forEach((r) => out.push(toDevice(r)));
+      }
+    } else {
+      rows.forEach((r) => out.push(toDevice(r)));
+    }
+    return out;
+  }
+  // Mesmo texto do cabeçalho de grupo da tabela
+  groupSummaryText(items) {
+    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;
+      return `${items.length} sensores \xB7 m\xE9dia ${this.fmtTemp(avg)} \xB0C`;
+    }
+    const total = items.reduce((s, r) => s + r.consumption, 0);
+    return `${items.length} dispositivos \xB7 ${fmtPt(total)} ${this.domainConfig.unit}`;
   }
-  // Colunas do PDF/XLS: temperatura = Sensor | Temperatura média (sem %, Identificador só se útil)
+  // Colunas do PDF/XLS = colunas da tela. Temperatura: Sensor | Média | Mín | Máx (sem %).
   exportColumns() {
     if (!this.isTemperature) return null;
     return {
       nameLabel: "Sensor",
-      valueLabel: "Temperatura m\xE9dia (\xB0C)",
+      valueLabel: "M\xE9dia (\xB0C)",
       hidePerc: true,
-      hideIdentifier: !this.showIdentifierColumn()
+      hideIdentifier: !this.showIdentifierColumn(),
+      extraColumns: [
+        { label: "M\xEDn (\xB0C)", pdfW: 35 },
+        { label: "M\xE1x (\xB0C)", pdfW: 35 }
+      ],
+      emptyValueText: "Sem leitura",
+      countLabel: "sensor(es)"
     };
   }
   // Accent hex da paleta do dashboard (tema efetivo) para o PDF/XLS — cai no
@@ -39115,26 +39352,38 @@ var AllReportModal = class {
     const vars = typeof theme.cssVars === "function" ? theme.cssVars() : theme;
     return vars?.["--myio-brand-700"];
   }
+  // Gráfico da página final do PDF = o painel da direita da tela
+  async buildExportChart() {
+    if (this.isTemperature) {
+      const png = renderTemperatureBarsPng({
+        items: this.getFilteredData().map((r) => ({ label: r.name, value: r.noData ? null : r.consumption })),
+        ideal: this.temperatureIdealRange,
+        accent: this.resolveAccentHex()
+      });
+      return png ? { ...png, title: "Temperatura m\xE9dia por sensor" } : null;
+    }
+    const chartPng = await this.participationChart?.toPngDataUrl?.().catch(() => null);
+    return chartPng ? { ...chartPng, title: "Participa\xE7\xE3o por Dispositivo" } : null;
+  }
   // PDF export — layout premium do grid + paleta do dashboard + faixa de KPIs +
-  // página dedicada com o gráfico de participação da modal.
+  // página dedicada com o mesmo gráfico do painel da modal.
   async exportPDF() {
     if (!this.data.length) return;
-    const chartPng = await this.participationChart?.toPngDataUrl?.().catch(() => null);
     exportGridPdf(
       this.buildExportDevices(),
       this.resolveTitle(),
       this.domainConfig.unit,
       this.exportPeriod,
-      null,
+      this.params.customerName || null,
       {
         accentColor: this.resolveAccentHex(),
         kpis: this.computeKpis(),
         columns: this.exportColumns(),
-        chartImage: chartPng ? { ...chartPng, title: "Participa\xE7\xE3o por Dispositivo" } : null
+        chartImage: await this.buildExportChart()
       }
     );
   }
-  // XLS export (XML Spreadsheet) — same as the TELEMETRY grid export.
+  // XLS export (XML Spreadsheet) — mesma tabela + KPIs da tela.
   exportXLS() {
     if (!this.data.length) return;
     exportGridXls(
@@ -39142,8 +39391,8 @@ var AllReportModal = class {
       this.resolveTitle(),
       this.domainConfig.unit,
       this.exportPeriod,
-      null,
-      { accentColor: this.resolveAccentHex(), columns: this.exportColumns() }
+      this.params.customerName || null,
+      { accentColor: this.resolveAccentHex(), columns: this.exportColumns(), kpis: this.computeKpis() }
     );
   }
   async fetchCustomerTotals(startISO, endISO) {
@@ -79616,7 +79865,10 @@ async function openTemperatureModal(params) {
   document.body.appendChild(modalContainer);
   renderModal3(modalContainer, state6, modalId);
   try {
-    state6.data = await (state6.dataFetcher ? state6.dataFetcher(state6.startTs, state6.endTs) : fetchTemperatureData(state6.token, state6.deviceId, state6.startTs, state6.endTs));
+    state6.data = discardInvalid(
+      await (state6.dataFetcher ? state6.dataFetcher(state6.startTs, state6.endTs) : fetchTemperatureData(state6.token, state6.deviceId, state6.startTs, state6.endTs)),
+      state6
+    );
     state6.stats = calculateStats(state6.data, state6.clampRange, state6.temperatureOffset);
     state6.isLoading = false;
     renderModal3(modalContainer, state6, modalId);
@@ -79641,7 +79893,10 @@ async function openTemperatureModal(params) {
       state6.isLoading = true;
       renderModal3(modalContainer, state6, modalId);
       try {
-        state6.data = await (state6.dataFetcher ? state6.dataFetcher(state6.startTs, state6.endTs) : fetchTemperatureData(state6.token, state6.deviceId, state6.startTs, state6.endTs));
+        state6.data = discardInvalid(
+          await (state6.dataFetcher ? state6.dataFetcher(state6.startTs, state6.endTs) : fetchTemperatureData(state6.token, state6.deviceId, state6.startTs, state6.endTs)),
+          state6
+        );
         state6.stats = calculateStats(state6.data, state6.clampRange, state6.temperatureOffset);
         state6.isLoading = false;
         renderModal3(modalContainer, state6, modalId);
@@ -80269,7 +80524,10 @@ async function setupEventListeners3(container, state6, modalId, onClose) {
     state6.dateRangePicker = null;
     renderModal3(container, state6, modalId);
     try {
-      state6.data = await (state6.dataFetcher ? state6.dataFetcher(state6.startTs, state6.endTs) : fetchTemperatureData(state6.token, state6.deviceId, state6.startTs, state6.endTs));
+      state6.data = discardInvalid(
+        await (state6.dataFetcher ? state6.dataFetcher(state6.startTs, state6.endTs) : fetchTemperatureData(state6.token, state6.deviceId, state6.startTs, state6.endTs)),
+        state6
+      );
       state6.stats = calculateStats(state6.data, state6.clampRange, state6.temperatureOffset);
       state6.isLoading = false;
       renderModal3(container, state6, modalId);
@@ -80283,19 +80541,64 @@ async function setupEventListeners3(container, state6, modalId, onClose) {
     }
   });
 }
+function discardInvalid(data, state6) {
+  const off = Number(state6.temperatureOffset) || 0;
+  return data.filter((p) => {
+    const v = Number(p.value) + off;
+    return Number.isFinite(v) && v >= state6.clampRange.min && v <= state6.clampRange.max;
+  });
+}
 function exportCsv(state6) {
   if (state6.data.length === 0) return;
-  const startDateStr = new Date(state6.startTs).toLocaleDateString(state6.locale).replace(/\//g, "-");
-  const endDateStr = new Date(state6.endTs).toLocaleDateString(state6.locale).replace(/\//g, "-");
-  exportTemperatureCSV(
-    state6.data,
-    state6.label,
-    state6.stats,
-    startDateStr,
-    endDateStr,
-    state6.clampRange,
-    state6.temperatureOffset
-  );
+  const off = Number(state6.temperatureOffset) || 0;
+  const n2 = (v) => v.toFixed(2).replace(".", ",");
+  const q = (v) => `"${String(v).replace(/"/g, '""')}"`;
+  const dt = (ts) => new Date(ts).toLocaleString("pt-BR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    timeZone: state6.timezone || "America/Sao_Paulo"
+  });
+  const fmtD = (ts) => new Date(ts).toLocaleDateString("pt-BR", { timeZone: state6.timezone || "America/Sao_Paulo" });
+  const filtered = filterByDayPeriods(state6.data, state6.selectedPeriods);
+  const lines = [
+    ["Relat\xF3rio", `${state6.label} - Hist\xF3rico de Temperatura`],
+    ...state6.deviceName ? [["Dispositivo (TB)", state6.deviceName]] : [],
+    ...state6.customerName ? [["Cliente", state6.customerName]] : [],
+    ["Per\xEDodo", `${fmtD(state6.startTs)} \u2014 ${fmtD(state6.endTs)}`],
+    ["Granularidade", state6.granularity === "hour" ? "Hora (m\xE9dia da hora fechada)" : "Dia (m\xE9dia do dia)"],
+    ["Per\xEDodos do dia", getSelectedPeriodsLabel(state6.selectedPeriods)],
+    ...off !== 0 ? [["Offset aplicado (\xB0C)", n2(off)]] : [],
+    ["Gerado em", (/* @__PURE__ */ new Date()).toLocaleString("pt-BR")],
+    [],
+    ["Temperatura atual (\xB0C)", state6.currentTemperature !== null ? n2(state6.currentTemperature) : "N/A"],
+    ["M\xE9dia do per\xEDodo (\xB0C)", state6.stats.count > 0 ? n2(state6.stats.avg) : "N/A"],
+    ["M\xEDnima (\xB0C)", state6.stats.count > 0 ? n2(state6.stats.min) : "N/A"],
+    ["M\xE1xima (\xB0C)", state6.stats.count > 0 ? n2(state6.stats.max) : "N/A"],
+    ["Leituras", String(state6.stats.count)],
+    []
+  ];
+  if (state6.granularity === "hour") {
+    lines.push(["Data/Hora", "Temperatura (\xB0C)"]);
+    aggregateByHour(filtered, state6.clampRange, off).forEach((p) => lines.push([dt(p.ts), n2(Number(p.value))]));
+  } else {
+    lines.push(["Dia", "M\xE9dia (\xB0C)", "M\xEDn (\xB0C)", "M\xE1x (\xB0C)", "Leituras"]);
+    aggregateByDay(filtered, state6.clampRange, off).forEach(
+      (d) => lines.push([fmtD(d.dateTs), n2(d.avg), n2(d.min), n2(d.max), String(d.count)])
+    );
+  }
+  const csv = "\uFEFF" + lines.map((r) => r.map(q).join(";")).join("\r\n");
+  const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = `temperatura_${state6.label.replace(/\s+/g, "_")}_${state6.granularity === "hour" ? "1h" : "1d"}_${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`;
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+  setTimeout(() => URL.revokeObjectURL(url), 1e3);
 }
 function buildHeaderTitle(state6) {
   const base = `${escHtml3(state6.label)} - Hist\xF3rico de Temperatura`;
@@ -81202,43 +81505,63 @@ function mountCmpFooter(container, state6, modalId) {
   _cmpFooters.set(modalId, footer);
 }
 function exportComparisonCSV2(state6) {
-  const startDateStr = new Date(state6.startTs).toLocaleDateString(state6.locale).replace(/\//g, "-");
-  const endDateStr = new Date(state6.endTs).toLocaleDateString(state6.locale).replace(/\//g, "-");
-  const BOM = "\uFEFF";
-  let csvContent = BOM;
-  csvContent += `Compara\xE7\xE3o de Temperatura
-`;
-  csvContent += `Per\xEDodo: ${startDateStr} at\xE9 ${endDateStr}
-`;
-  csvContent += `Sensores: ${state6.devices.map((d) => d.label).join(", ")}
-`;
-  csvContent += "\n";
-  csvContent += "Estat\xEDsticas por Sensor:\n";
-  csvContent += "Sensor,M\xE9dia (\xB0C),Min (\xB0C),Max (\xB0C),Leituras\n";
-  state6.deviceData.forEach((dd) => {
-    csvContent += `"${dd.device.label}",${dd.stats.avg.toFixed(2)},${dd.stats.min.toFixed(2)},${dd.stats.max.toFixed(2)},${dd.stats.count}
-`;
+  const n2 = (v) => v.toFixed(2).replace(".", ",");
+  const q = (v) => `"${String(v).replace(/"/g, '""')}"`;
+  const fmtD = (ts) => new Date(ts).toLocaleDateString("pt-BR", { timeZone: "America/Sao_Paulo" });
+  const dt = (ts) => new Date(ts).toLocaleString("pt-BR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    timeZone: "America/Sao_Paulo"
   });
-  csvContent += "\n";
-  csvContent += "Dados Detalhados:\n";
-  csvContent += "Data/Hora,Sensor,Temperatura (\xB0C)\n";
-  state6.deviceData.forEach((dd) => {
-    dd.data.forEach((item) => {
-      const date = new Date(item.ts).toLocaleString(state6.locale);
-      const temp = Number(item.value).toFixed(2);
-      csvContent += `"${date}","${dd.device.label}",${temp}
-`;
-    });
+  const offTxt = (d) => {
+    const o = Number(d.temperatureOffset) || 0;
+    return o !== 0 ? n2(o) : "";
+  };
+  const lines = [
+    ["Relat\xF3rio", `Compara\xE7\xE3o de Temperatura - ${state6.devices.length} sensores`],
+    ...state6.customerName ? [["Cliente", state6.customerName]] : [],
+    ["Per\xEDodo", `${fmtD(state6.startTs)} \u2014 ${fmtD(state6.endTs)}`],
+    ["Granularidade", state6.granularity === "hour" ? "Hora (m\xE9dia da hora fechada)" : "Dia (m\xE9dia do dia)"],
+    ["Per\xEDodos do dia", getSelectedPeriodsLabel(state6.selectedPeriods)],
+    ["Gerado em", (/* @__PURE__ */ new Date()).toLocaleString("pt-BR")],
+    [],
+    ["Sensor", "Offset (\xB0C)", "M\xE9dia (\xB0C)", "M\xEDn (\xB0C)", "M\xE1x (\xB0C)", "Leituras"],
+    ...state6.deviceData.map((dd) => [
+      dd.device.label,
+      offTxt(dd.device),
+      dd.stats.count > 0 ? n2(dd.stats.avg) : "N/A",
+      dd.stats.count > 0 ? n2(dd.stats.min) : "N/A",
+      dd.stats.count > 0 ? n2(dd.stats.max) : "N/A",
+      String(dd.stats.count)
+    ]),
+    []
+  ];
+  const perDevice = state6.deviceData.map((dd) => {
+    const filtered = filterByDayPeriods(dd.data, state6.selectedPeriods);
+    const pts = state6.granularity === "hour" ? aggregateByHour(filtered, state6.clampRange).map((p) => [p.ts, Number(p.value)]) : aggregateByDay(filtered, state6.clampRange).map((d) => [d.dateTs, d.avg]);
+    return new Map(pts);
   });
-  const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+  const allTs = [...new Set(perDevice.flatMap((m) => [...m.keys()]))].sort((a, b) => a - b);
+  lines.push([state6.granularity === "hour" ? "Data/Hora" : "Dia", ...state6.deviceData.map((dd) => `${dd.device.label} (\xB0C)`)]);
+  allTs.forEach(
+    (ts) => lines.push([
+      state6.granularity === "hour" ? dt(ts) : fmtD(ts),
+      ...perDevice.map((m) => m.has(ts) ? n2(m.get(ts)) : "")
+    ])
+  );
+  const csv = "\uFEFF" + lines.map((r) => r.map(q).join(";")).join("\r\n");
+  const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
   const url = URL.createObjectURL(blob);
   const link = document.createElement("a");
   link.href = url;
-  link.download = `comparacao_temperatura_${startDateStr}_${endDateStr}.csv`;
+  link.download = `comparacao_temperatura_${state6.granularity === "hour" ? "1h" : "1d"}_${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`;
   document.body.appendChild(link);
   link.click();
   document.body.removeChild(link);
-  URL.revokeObjectURL(url);
+  setTimeout(() => URL.revokeObjectURL(url), 1e3);
 }
 
 // src/components/temperature/TemperatureSettingsModal.ts