myio-js-library 0.1.551 → 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.551",
+  version: "0.1.553",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -5568,12 +5568,14 @@ var ModalHeader = {
       showClose = true,
       primaryColor = "#3e1a7d",
       borderRadius = "10px 10px 0 0",
-      draggable = true
+      draggable = true,
+      solid = false
     } = options;
     const isDark = theme === "dark";
-    const bgColor = isDark ? primaryColor : "linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 100%)";
-    const textColor = isDark ? "white" : "#475569";
-    const btnColor = isDark ? "rgba(255,255,255,0.8)" : "rgba(71,85,105,0.8)";
+    const solidStyle = isDark || solid;
+    const bgColor = solidStyle ? primaryColor : "linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 100%)";
+    const textColor = solidStyle ? "white" : "#475569";
+    const btnColor = solidStyle ? "rgba(255,255,255,0.8)" : "rgba(71,85,105,0.8)";
     const headerStyle = `
       padding: 8px 12px;
       display: flex;
@@ -33572,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 "";
@@ -33644,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;" }),
@@ -33663,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">
@@ -33683,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>
@@ -33690,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}
@@ -33744,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) {
@@ -33779,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");
@@ -33825,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();
@@ -33835,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) {
@@ -35088,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: {
@@ -35659,11 +35797,26 @@ var DeviceReportModal = class {
     );
     const zeroCount = this.data.filter((r) => r.consumption <= 0).length;
     const rowLabel = isHourly ? "Hora" : "Dia";
+    let perDay;
+    if (isTemperature) {
+      const byDay = /* @__PURE__ */ new Map();
+      for (const r of rows) {
+        const k = r.date.slice(0, 10);
+        const acc = byDay.get(k) || { sum: 0, n: 0 };
+        acc.sum += r.consumption;
+        acc.n += 1;
+        byDay.set(k, acc);
+      }
+      const dayAvgs = [...byDay.values()].map((d) => d.sum / d.n);
+      perDay = dayAvgs.length ? dayAvgs.reduce((x, y) => x + y, 0) / dayAvgs.length : 0;
+    } else {
+      perDay = total / dayCount;
+    }
     const kpis = [
       { value: `${fmt2(summaryValue)} ${unit}`, label: `${this.domainConfig.summaryLabel} (${unit})` },
-      { value: fmt2(total / dayCount), label: `M\xE9dia por Dia (${unit})` }
+      { value: fmt2(perDay), label: `M\xE9dia por Dia (${unit})` }
     ];
-    if (isHourly) {
+    if (isHourly && !isTemperature) {
       kpis.push({ value: fmt2(rows.length ? total / rows.length : 0), label: `M\xE9dia por Hora (${unit})` });
     }
     kpis.push(
@@ -35866,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)])
     ];
@@ -35890,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,
@@ -35909,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(),
@@ -35928,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()
       }
     );
@@ -35944,7 +36138,8 @@ var DeviceReportModal = class {
       this.resolveCustomerName() || null,
       {
         accentColor: this.resolveAccentHex(),
-        columns: this.exportColumnOptions()
+        columns: this.exportColumnOptions(),
+        kpis: this.computeKpis()
       }
     );
   }
@@ -38935,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),
@@ -38959,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",
@@ -38972,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
@@ -39063,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;
   }
-  // Colunas do PDF/XLS: temperatura = Sensor | Temperatura média (sem %, Identificador só se útil)
+  // 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 = 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
@@ -39098,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(
@@ -39125,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) {
@@ -79599,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);
@@ -79624,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);
@@ -79676,6 +79948,8 @@ function renderModal3(container, state6, modalId, error) {
     showMaximize: true,
     showClose: true,
     primaryColor: state6.accent,
+    solid: true,
+    // padrão dos relatórios: cor do dashboard também no tema light
     borderRadius: "10px 10px 0 0",
     draggable: false
   })}
@@ -80014,12 +80288,19 @@ function drawChart2(modalId, state6) {
   ctx.textAlign = "center";
   const numLabels = Math.min(8, chartData.length);
   const labelInterval = Math.max(1, Math.floor(chartData.length / numLabels));
+  const xSpan = chartData.length > 1 ? chartData[chartData.length - 1].x - chartData[0].x : 0;
+  const multiDay = state6.granularity === "hour" && xSpan > 24 * 60 * 60 * 1e3;
   for (let i = 0; i < chartData.length; i += labelInterval) {
     const point = chartData[i];
     const date = new Date(point.x);
     let label;
+    let subLabel = "";
     if (state6.granularity === "hour") {
       label = date.toLocaleTimeString(state6.locale, { hour: "2-digit", minute: "2-digit" });
+      if (multiDay) {
+        subLabel = label;
+        label = date.toLocaleDateString(state6.locale, { day: "2-digit", month: "2-digit" });
+      }
     } else {
       label = date.toLocaleDateString(state6.locale, { day: "2-digit", month: "2-digit" });
     }
@@ -80031,6 +80312,7 @@ function drawChart2(modalId, state6) {
     ctx.stroke();
     ctx.fillStyle = colors2.textMuted;
     ctx.fillText(label, point.screenX, height - paddingBottom + 18);
+    if (subLabel) ctx.fillText(subLabel, point.screenX, height - paddingBottom + 31);
   }
   ctx.strokeStyle = colors2.border;
   ctx.lineWidth = 1;
@@ -80242,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);
@@ -80256,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`;
@@ -80321,6 +80651,21 @@ function mountChrome(container, state6, modalId) {
 }
 
 // src/components/temperature/TemperatureComparisonModal.ts
+var _cmpFooters = /* @__PURE__ */ new Map();
+function resolveAccent2(palette) {
+  const fallback = "#3e1a7d";
+  const src = palette ?? (typeof window !== "undefined" ? window.MyIOUtils?.theme : void 0);
+  if (!src) return fallback;
+  const vars = typeof src.cssVars === "function" ? src.cssVars() : src;
+  const accent = src.accent || vars?.["--myio-brand-700"];
+  return typeof accent === "string" && accent ? accent : fallback;
+}
+function resolveCustomerName2(explicit) {
+  if (explicit) return explicit;
+  if (typeof window === "undefined") return "";
+  const w = window;
+  return w.MyIOOrchestrator?.customerName || w.MyIOUtils?.customerName || "";
+}
 async function openTemperatureComparisonModal(params) {
   const modalId = `myio-temp-comparison-modal-${Date.now()}`;
   const defaultDateRange = getTodaySoFar();
@@ -80342,7 +80687,9 @@ async function openTemperatureComparisonModal(params) {
     // All periods selected by default
     temperatureMin: params.temperatureMin ?? null,
     temperatureMax: params.temperatureMax ?? null,
-    dataFetcher: params.dataFetcher ?? null
+    dataFetcher: params.dataFetcher ?? null,
+    customerName: resolveCustomerName2(params.customerName),
+    accent: resolveAccent2(params.palette)
   };
   const savedGranularity = localStorage.getItem("myio-temp-comparison-granularity");
   const savedTheme = localStorage.getItem("myio-temp-comparison-theme");
@@ -80358,6 +80705,8 @@ async function openTemperatureComparisonModal(params) {
   await setupEventListeners4(modalContainer, state6, modalId, params.onClose);
   return {
     destroy: () => {
+      _cmpFooters.get(modalId)?.destroy();
+      _cmpFooters.delete(modalId);
       modalContainer.remove();
       params.onClose?.();
     },
@@ -80384,7 +80733,9 @@ async function fetchAllDevicesData(state6) {
         try {
           const raw = state6.dataFetcher ? await state6.dataFetcher(device, state6.startTs, state6.endTs) : await fetchTemperatureData(state6.token, deviceId, state6.startTs, state6.endTs);
           const offset = Number(device.temperatureOffset) || 0;
-          const data = offset ? raw.map((p) => ({ ...p, value: Number(p.value) + offset })) : raw;
+          const data = raw.map((p) => ({ ...p, value: Number(p.value) + offset })).filter(
+            (p) => Number.isFinite(p.value) && p.value >= state6.clampRange.min && p.value <= state6.clampRange.max
+          );
           const stats = calculateStats(data, state6.clampRange);
           return {
             device,
@@ -80481,7 +80832,7 @@ function renderModal4(container, state6, modalId) {
         <!-- Header - MyIO Premium Style -->
         <div style="
           padding: 4px 8px; display: flex; align-items: center; justify-content: space-between;
-          background: #3e1a7d; color: white; border-radius: ${isMaximized ? "0" : "10px 10px 0 0"};
+          background: ${state6.accent}; color: white; border-radius: ${isMaximized ? "0" : "10px 10px 0 0"};
           min-height: 20px;
         ">
           <h2 style="margin: 6px; font-size: 18px; font-weight: 600; color: white; line-height: 2;">
@@ -80563,7 +80914,7 @@ function renderModal4(container, state6, modalId) {
                     name="${modalId}-period"
                     value="${period.id}"
                     ${state6.selectedPeriods.includes(period.id) ? "checked" : ""}
-                    style="width: 16px; height: 16px; cursor: pointer; accent-color: #3e1a7d;">
+                    style="width: 16px; height: 16px; cursor: pointer; accent-color: ${state6.accent};">
                   ${period.label}
                 </label>
               `).join("")}
@@ -80596,7 +80947,7 @@ function renderModal4(container, state6, modalId) {
           </div>
           <!-- Query Button -->
           <button id="${modalId}-query" style="
-            background: #3e1a7d; color: white; border: none;
+            background: ${state6.accent}; color: white; border: none;
             padding: 8px 16px; border-radius: 6px; cursor: pointer;
             font-size: 14px; font-weight: 500; height: 38px;
             display: flex; align-items: center; gap: 8px;
@@ -80640,33 +80991,15 @@ function renderModal4(container, state6, modalId) {
           ${statsHTML}
         </div>
 
-        <!-- Actions -->
-        <div style="display: flex; justify-content: flex-end; gap: 12px;">
-          <button id="${modalId}-export" style="
-            background: ${state6.theme === "dark" ? "rgba(255,255,255,0.1)" : "#f7f7f7"};
-            color: ${colors2.text}; border: 1px solid ${colors2.border};
-            padding: 8px 16px; border-radius: 6px; cursor: pointer;
-            font-size: 14px; display: flex; align-items: center; gap: 8px;
-            font-family: 'Nunito', system-ui, sans-serif;
-          " ${state6.deviceData.every((dd) => dd.data.length === 0) ? "disabled" : ""}>
-            \u{1F4E5} Exportar CSV
-          </button>
-          <button id="${modalId}-close-btn" style="
-            background: #3e1a7d; color: white; border: none;
-            padding: 8px 16px; border-radius: 6px; cursor: pointer;
-            font-size: 14px; font-weight: 500;
-            font-family: 'Nunito', system-ui, sans-serif;
-          ">
-            Fechar
-          </button>
-        </div>
         </div><!-- End Body -->
+        <!-- Footer premium (customer \xB7 rel\xF3gio \xB7 vers\xE3o | Powered by MYIO | CSV) \u2014 padr\xE3o dos relat\xF3rios -->
+        <div id="${modalId}-footer-slot"></div>
       </div>
     </div>
     <style>
       @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
       #${modalId} select:focus, #${modalId} input:focus {
-        outline: 2px solid #3e1a7d;
+        outline: 2px solid ${state6.accent};
         outline-offset: 2px;
       }
       #${modalId} button:hover:not(:disabled) {
@@ -80682,6 +81015,7 @@ function renderModal4(container, state6, modalId) {
       }
     </style>
   `;
+  mountCmpFooter(container, state6, modalId);
 }
 function drawComparisonChart2(modalId, state6) {
   const chartContainer = document.getElementById(`${modalId}-chart`);
@@ -80888,12 +81222,19 @@ function drawComparisonChart2(modalId, state6) {
   const xAxisPoints = processedData[0]?.points || [];
   const numLabels = Math.min(8, xAxisPoints.length);
   const labelInterval = Math.max(1, Math.floor(xAxisPoints.length / numLabels));
+  const xSpan = xAxisPoints.length > 1 ? xAxisPoints[xAxisPoints.length - 1].x - xAxisPoints[0].x : 0;
+  const multiDay = state6.granularity === "hour" && xSpan > 24 * 60 * 60 * 1e3;
   for (let i = 0; i < xAxisPoints.length; i += labelInterval) {
     const point = xAxisPoints[i];
     const date = new Date(point.x);
     let label;
+    let subLabel = "";
     if (state6.granularity === "hour") {
       label = date.toLocaleTimeString(state6.locale, { hour: "2-digit", minute: "2-digit" });
+      if (multiDay) {
+        subLabel = label;
+        label = date.toLocaleDateString(state6.locale, { day: "2-digit", month: "2-digit" });
+      }
     } else {
       label = date.toLocaleDateString(state6.locale, { day: "2-digit", month: "2-digit" });
     }
@@ -80905,6 +81246,7 @@ function drawComparisonChart2(modalId, state6) {
     ctx.stroke();
     ctx.fillStyle = colors2.textMuted;
     ctx.fillText(label, point.screenX, height - paddingBottom + 18);
+    if (subLabel) ctx.fillText(subLabel, point.screenX, height - paddingBottom + 31);
   }
   ctx.strokeStyle = colors2.border;
   ctx.lineWidth = 1;
@@ -81014,6 +81356,8 @@ function setupComparisonChartTooltip2(canvas, container, chartData, state6, colo
 }
 async function setupEventListeners4(container, state6, modalId, onClose) {
   const closeModal2 = () => {
+    _cmpFooters.get(modalId)?.destroy();
+    _cmpFooters.delete(modalId);
     container.remove();
     onClose?.();
   };
@@ -81135,49 +81479,89 @@ async function setupEventListeners4(container, state6, modalId, onClose) {
     drawComparisonChart2(modalId, state6);
     await setupEventListeners4(container, state6, modalId, onClose);
   });
-  document.getElementById(`${modalId}-export`)?.addEventListener("click", () => {
-    if (state6.deviceData.every((dd) => dd.data.length === 0)) return;
-    exportComparisonCSV2(state6);
+}
+function mountCmpFooter(container, state6, modalId) {
+  _cmpFooters.get(modalId)?.destroy();
+  _cmpFooters.delete(modalId);
+  const slot = container.querySelector(`#${modalId}-footer-slot`);
+  if (!slot) return;
+  const lib = typeof window !== "undefined" ? window.MyIOLibrary : void 0;
+  const footer = createModalFooter({
+    customerName: state6.customerName,
+    libVersion: lib?.version ? { current: lib.version } : false,
+    themeMode: state6.theme === "dark" ? "dark" : "light",
+    exports: {
+      csv: {
+        onClick: () => {
+          if (state6.deviceData.every((dd) => dd.data.length === 0)) return;
+          exportComparisonCSV2(state6);
+        },
+        disabled: state6.deviceData.every((dd) => dd.data.length === 0),
+        tooltipText: "Exporta em CSV as leituras de cada sensor (offset aplicado)"
+      }
+    }
   });
+  slot.appendChild(footer.element);
+  _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
@@ -93944,7 +94328,7 @@ function fmtPct3(pct) {
   if (pct == null || !isFinite(pct)) return "";
   return `${pct.toLocaleString("pt-BR", { minimumFractionDigits: 1, maximumFractionDigits: 1 })}%`;
 }
-function resolveAccent2(explicit, doc) {
+function resolveAccent3(explicit, doc) {
   if (explicit) return explicit;
   try {
     const v = getComputedStyle(doc.documentElement).getPropertyValue("--myio-brand-700").trim();
@@ -93990,7 +94374,7 @@ function createGoalsBarTooltip(opts) {
   injectStyles12(doc);
   const el2 = doc.createElement("div");
   el2.className = "myio-gbt";
-  el2.style.setProperty("--myio-gbt-accent", resolveAccent2(opts?.accentColor, doc));
+  el2.style.setProperty("--myio-gbt-accent", resolveAccent3(opts?.accentColor, doc));
   doc.body.appendChild(el2);
   let pinned = false;
   let hideTimer = null;
@@ -94048,7 +94432,7 @@ function createGoalsBarTooltip(opts) {
     });
   }
   function render3(data) {
-    const accent = resolveAccent2(data.accentColor ?? opts?.accentColor, doc);
+    const accent = resolveAccent3(data.accentColor ?? opts?.accentColor, doc);
     el2.style.setProperty("--myio-gbt-accent", accent);
     const rowsHtml = data.rows && data.rows.length > 0 ? data.rows.map((r) => renderRow(r, 0)).join("") : `<div class="myio-gbt__empty">Sem dados para este per\xEDodo</div>`;
     el2.innerHTML = `
@@ -132804,19 +133188,19 @@ var TelemetryGridShoppingView = class {
     this.maximizeBtnEl?.addEventListener("click", this.toggleMaximize.bind(this));
     const label = this.params.labelWidget || CONTEXT_CONFIG2[this.params.context]?.headerLabel || "Dispositivos";
     const unit = DOMAIN_CONFIG8[this.params.domain]?.unit || "";
-    const resolveCustomerName2 = () => {
+    const resolveCustomerName3 = () => {
       const devs = this.controller.getFilteredDevices();
       const name = devs.find((d) => d.customerName)?.customerName;
       return name ? String(name).trim() : null;
     };
     this.root.querySelector("#btnExportPdf")?.addEventListener("click", () => {
-      exportGridPdf(this.controller.getFilteredDevices(), label, unit, null, resolveCustomerName2());
+      exportGridPdf(this.controller.getFilteredDevices(), label, unit, null, resolveCustomerName3());
     });
     this.root.querySelector("#btnExportXls")?.addEventListener("click", () => {
-      exportGridXls(this.controller.getFilteredDevices(), label, unit, null, resolveCustomerName2());
+      exportGridXls(this.controller.getFilteredDevices(), label, unit, null, resolveCustomerName3());
     });
     this.root.querySelector("#btnExportCsv")?.addEventListener("click", () => {
-      exportGridCsv(this.controller.getFilteredDevices(), label, unit, null, resolveCustomerName2());
+      exportGridCsv(this.controller.getFilteredDevices(), label, unit, null, resolveCustomerName3());
     });
     this.bindFilterModalEvents();
   }