myio-js-library 0.1.541 → 0.1.544

package/README.md

@@ -620,13 +620,14 @@ formatWaterVolumeM3(null); // "-"
 
 ##### `formatTankHeadFromCm(valueCm: number, locale?: string): string`
 
-Formats tank head from centimeters to meters of water column (m.c.a.).
+Formats tank head from centimeters to meters of water column (M.C.A).
 
 ```javascript
 import { formatTankHeadFromCm } from 'myio-js-library';
 
-formatTankHeadFromCm(178); // "1,78 m.c.a."
-formatTankHeadFromCm(250); // "2,50 m.c.a."
+formatTankHeadFromCm(178); // "1,78 M.C.A"
+formatTankHeadFromCm(250); // "2,50 M.C.A"
+formatTankHeadFromCm(1220.7); // "12,21 M.C.A"
 formatTankHeadFromCm(null); // "-"
 ```
 

package/dist/index.cjs

@@ -891,7 +891,7 @@ module.exports = __toCommonJS(src_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.541",
+  version: "0.1.544",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -1095,7 +1095,7 @@ function formatTankHeadFromCm(valueCm, locale = "pt-BR") {
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
   });
-  return `${formattedValue} m.c.a.`;
+  return `${formattedValue} M.C.A`;
 }
 function calcDeltaPercent(prev, current) {
   if (prev === null || prev === void 0 || isNaN(prev) || current === null || current === void 0 || isNaN(current)) {
@@ -18790,7 +18790,14 @@ function renderCardComponentV5({
   };
   const isEnergyDevice2 = (deviceType2) => isEnergyDeviceType(deviceType2);
   const isTemperatureDevice2 = (deviceType2) => isTemperatureDeviceType(deviceType2);
+  const isTankDevice2 = deviceType === "TANK" || deviceType === "CAIXA_DAGUA";
+  const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
+  const tankLevelCm = isTankDevice2 ? Number(waterLevel ?? val) : null;
+  const _pctDecimals = resolvePercentDecimals(percentDecimals);
   const formatCardValue = (value, deviceType2) => {
+    if (isTankDevice2) {
+      return `${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%`;
+    }
     const numValue = Number(value) || 0;
     const category = getDeviceCategory(deviceType2);
     if (isEnergyDevice2(deviceType2)) {
@@ -19078,11 +19085,8 @@ function renderCardComponentV5({
     }
     return getStaticDeviceImage(nameType);
   };
-  const isTankDevice2 = deviceType === "TANK" || deviceType === "CAIXA_DAGUA";
   const isTermostatoDevice = deviceType?.toUpperCase() === "TERMOSTATO";
   const isEnergyDeviceFlag = isEnergyDevice2(deviceType);
-  const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
-  const _pctDecimals = resolvePercentDecimals(percentDecimals);
   const calculateTempStatus2 = () => {
     if (temperatureStatus) return temperatureStatus;
     const currentTemp = Number(val) || 0;
@@ -19161,7 +19165,7 @@ function renderCardComponentV5({
                   <span class="consumption-value">${formatCardValue(cardEntity.lastValue, deviceType)}</span>
                 </div>
               </div>
-              ${!isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}
+              ${isTankDevice2 ? `<span class="device-percentage-badge device-tank-level-badge" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important;">${formatTankHeadFromCm(tankLevelCm)}</span>` : !isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}
             </div>
           </div>
         </div>
@@ -26607,6 +26611,9 @@ function getLocaleConfig(includeTime = false) {
     firstDay: 1
   };
 }
+function buildMaxSpan(maxRangeDays) {
+  return { days: maxRangeDays, milliseconds: -1 };
+}
 var CDNLoader = class {
   static jQueryInstance = null;
   static loadingPromise = null;
@@ -26769,7 +26776,7 @@ function createDateRangePicker($2, input, opts) {
     autoUpdateInput: true,
     linkedCalendars: true,
     showCustomRangeLabel: true,
-    maxSpan: { days: maxRangeDays },
+    maxSpan: buildMaxSpan(maxRangeDays),
     maxDate: moment().endOf("day"),
     startDate,
     endDate,
@@ -35359,7 +35366,8 @@ var DeviceReportModal = class {
       this.dateRangePicker = await attach(input, {
         presetStart,
         presetEnd,
-        maxRangeDays: 31,
+        // Ciclo de rateio (dia D → dia D do mês seguinte) tem até 32 dias corridos (ex.: 15/08→15/09)
+        maxRangeDays: 32,
         includeTime: this.granularity === "1h",
         timePrecision: "minute",
         parentEl: this.modal.element,
@@ -35369,8 +35377,23 @@ var DeviceReportModal = class {
         }
       });
     } catch (error) {
-      console.warn("DateRangePicker initialization failed, using fallback:", error);
-    }
+      console.warn("DateRangePicker initialization failed:", error);
+    }
+  }
+  // Janela da consulta. No 1d a API recebe dias inteiros — os MESMOS dias que viram
+  // linhas no zero-fill (rangeDaysInclusive): início 00:00:00 e fim 23:59:59. Um fim à
+  // meia-noite (ex.: 15/09T00:00:00, exclusivo na API) não vira mais um dia "0,00" que
+  // nem foi consultado. No 1h vale a hora escolhida.
+  // Contrato do getDates(): hora LOCAL + offset (YYYY-MM-DDTHH:mm:ss±HH:MM) — os 10
+  // primeiros caracteres são o dia exibido e os 6 últimos, o offset.
+  resolveQueryWindow(range) {
+    if (this.granularity === "1h" || !range.startISO || !range.endISO) return range;
+    const day = (iso) => iso.slice(0, 10);
+    const offset = (iso) => iso.slice(-6);
+    return {
+      startISO: `${day(range.startISO)}T00:00:00${offset(range.startISO)}`,
+      endISO: `${day(range.endISO)}T23:59:59${offset(range.endISO)}`
+    };
   }
   async loadData() {
     if (this.isLoading) return;
@@ -35390,7 +35413,7 @@ var DeviceReportModal = class {
     if (xlsBtn) xlsBtn.disabled = true;
     spinner.style.display = "inline-block";
     try {
-      const { startISO, endISO } = this.dateRangePicker.getDates();
+      const { startISO, endISO } = this.resolveQueryWindow(this.dateRangePicker.getDates());
       this.exportPeriod = { startISO, endISO };
       if (!startISO || !endISO) {
         this.showError("Selecione um per\xEDodo v\xE1lido");
@@ -37953,7 +37976,8 @@ var AllReportModal = class {
       this.dateRangePicker = await attach(dateRangeInput, {
         presetStart: this.getDefaultStartDate(),
         presetEnd: this.getDefaultEndDate(),
-        maxRangeDays: 31,
+        // Ciclo de rateio (dia D → dia D do mês seguinte) tem até 32 dias corridos (ex.: 15/08→15/09)
+        maxRangeDays: 32,
         parentEl: this.modal.element,
         onApply: ({ startISO, endISO }) => {
           this.hideError();
@@ -37961,7 +37985,7 @@ var AllReportModal = class {
         }
       });
     } catch (error) {
-      this.debugLog("DateRangePicker initialization failed, using fallback:", error);
+      this.debugLog("DateRangePicker initialization failed:", error);
     }
   }
   async loadData() {

package/dist/index.d.cts

@@ -59,10 +59,10 @@ declare function formatWater$1(value: number): string;
  */
 declare function formatWaterVolumeM3(value: number, locale?: string): string;
 /**
- * Formats tank head from centimeters to meters of water column (m.c.a.)
+ * Formats tank head from centimeters to meters of water column (M.C.A)
  * @param valueCm - The tank head value in centimeters
  * @param locale - The locale to use for formatting (defaults to 'pt-BR')
- * @returns Formatted tank head string in m.c.a. unit
+ * @returns Formatted tank head string in M.C.A unit (e.g. "12,21 M.C.A")
  */
 declare function formatTankHeadFromCm(valueCm: number, locale?: string): string;
 /**

package/dist/index.d.ts

@@ -59,10 +59,10 @@ declare function formatWater$1(value: number): string;
  */
 declare function formatWaterVolumeM3(value: number, locale?: string): string;
 /**
- * Formats tank head from centimeters to meters of water column (m.c.a.)
+ * Formats tank head from centimeters to meters of water column (M.C.A)
  * @param valueCm - The tank head value in centimeters
  * @param locale - The locale to use for formatting (defaults to 'pt-BR')
- * @returns Formatted tank head string in m.c.a. unit
+ * @returns Formatted tank head string in M.C.A unit (e.g. "12,21 M.C.A")
  */
 declare function formatTankHeadFromCm(valueCm: number, locale?: string): string;
 /**

package/dist/index.js

@@ -10,7 +10,7 @@ import {
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.541",
+  version: "0.1.544",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -214,7 +214,7 @@ function formatTankHeadFromCm(valueCm, locale = "pt-BR") {
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
   });
-  return `${formattedValue} m.c.a.`;
+  return `${formattedValue} M.C.A`;
 }
 function calcDeltaPercent(prev, current) {
   if (prev === null || prev === void 0 || isNaN(prev) || current === null || current === void 0 || isNaN(current)) {
@@ -17184,7 +17184,14 @@ function renderCardComponentV5({
   };
   const isEnergyDevice2 = (deviceType2) => isEnergyDeviceType(deviceType2);
   const isTemperatureDevice2 = (deviceType2) => isTemperatureDeviceType(deviceType2);
+  const isTankDevice2 = deviceType === "TANK" || deviceType === "CAIXA_DAGUA";
+  const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
+  const tankLevelCm = isTankDevice2 ? Number(waterLevel ?? val) : null;
+  const _pctDecimals = resolvePercentDecimals(percentDecimals);
   const formatCardValue = (value, deviceType2) => {
+    if (isTankDevice2) {
+      return `${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%`;
+    }
     const numValue = Number(value) || 0;
     const category = getDeviceCategory(deviceType2);
     if (isEnergyDevice2(deviceType2)) {
@@ -17472,11 +17479,8 @@ function renderCardComponentV5({
     }
     return getStaticDeviceImage(nameType);
   };
-  const isTankDevice2 = deviceType === "TANK" || deviceType === "CAIXA_DAGUA";
   const isTermostatoDevice = deviceType?.toUpperCase() === "TERMOSTATO";
   const isEnergyDeviceFlag = isEnergyDevice2(deviceType);
-  const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
-  const _pctDecimals = resolvePercentDecimals(percentDecimals);
   const calculateTempStatus2 = () => {
     if (temperatureStatus) return temperatureStatus;
     const currentTemp = Number(val) || 0;
@@ -17555,7 +17559,7 @@ function renderCardComponentV5({
                   <span class="consumption-value">${formatCardValue(cardEntity.lastValue, deviceType)}</span>
                 </div>
               </div>
-              ${!isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}
+              ${isTankDevice2 ? `<span class="device-percentage-badge device-tank-level-badge" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important;">${formatTankHeadFromCm(tankLevelCm)}</span>` : !isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}
             </div>
           </div>
         </div>
@@ -25001,6 +25005,9 @@ function getLocaleConfig(includeTime = false) {
     firstDay: 1
   };
 }
+function buildMaxSpan(maxRangeDays) {
+  return { days: maxRangeDays, milliseconds: -1 };
+}
 var CDNLoader = class {
   static jQueryInstance = null;
   static loadingPromise = null;
@@ -25163,7 +25170,7 @@ function createDateRangePicker($2, input, opts) {
     autoUpdateInput: true,
     linkedCalendars: true,
     showCustomRangeLabel: true,
-    maxSpan: { days: maxRangeDays },
+    maxSpan: buildMaxSpan(maxRangeDays),
     maxDate: moment().endOf("day"),
     startDate,
     endDate,
@@ -33753,7 +33760,8 @@ var DeviceReportModal = class {
       this.dateRangePicker = await attach(input, {
         presetStart,
         presetEnd,
-        maxRangeDays: 31,
+        // Ciclo de rateio (dia D → dia D do mês seguinte) tem até 32 dias corridos (ex.: 15/08→15/09)
+        maxRangeDays: 32,
         includeTime: this.granularity === "1h",
         timePrecision: "minute",
         parentEl: this.modal.element,
@@ -33763,8 +33771,23 @@ var DeviceReportModal = class {
         }
       });
     } catch (error) {
-      console.warn("DateRangePicker initialization failed, using fallback:", error);
-    }
+      console.warn("DateRangePicker initialization failed:", error);
+    }
+  }
+  // Janela da consulta. No 1d a API recebe dias inteiros — os MESMOS dias que viram
+  // linhas no zero-fill (rangeDaysInclusive): início 00:00:00 e fim 23:59:59. Um fim à
+  // meia-noite (ex.: 15/09T00:00:00, exclusivo na API) não vira mais um dia "0,00" que
+  // nem foi consultado. No 1h vale a hora escolhida.
+  // Contrato do getDates(): hora LOCAL + offset (YYYY-MM-DDTHH:mm:ss±HH:MM) — os 10
+  // primeiros caracteres são o dia exibido e os 6 últimos, o offset.
+  resolveQueryWindow(range) {
+    if (this.granularity === "1h" || !range.startISO || !range.endISO) return range;
+    const day = (iso) => iso.slice(0, 10);
+    const offset = (iso) => iso.slice(-6);
+    return {
+      startISO: `${day(range.startISO)}T00:00:00${offset(range.startISO)}`,
+      endISO: `${day(range.endISO)}T23:59:59${offset(range.endISO)}`
+    };
   }
   async loadData() {
     if (this.isLoading) return;
@@ -33784,7 +33807,7 @@ var DeviceReportModal = class {
     if (xlsBtn) xlsBtn.disabled = true;
     spinner.style.display = "inline-block";
     try {
-      const { startISO, endISO } = this.dateRangePicker.getDates();
+      const { startISO, endISO } = this.resolveQueryWindow(this.dateRangePicker.getDates());
       this.exportPeriod = { startISO, endISO };
       if (!startISO || !endISO) {
         this.showError("Selecione um per\xEDodo v\xE1lido");
@@ -36347,7 +36370,8 @@ var AllReportModal = class {
       this.dateRangePicker = await attach(dateRangeInput, {
         presetStart: this.getDefaultStartDate(),
         presetEnd: this.getDefaultEndDate(),
-        maxRangeDays: 31,
+        // Ciclo de rateio (dia D → dia D do mês seguinte) tem até 32 dias corridos (ex.: 15/08→15/09)
+        maxRangeDays: 32,
         parentEl: this.modal.element,
         onApply: ({ startISO, endISO }) => {
           this.hideError();
@@ -36355,7 +36379,7 @@ var AllReportModal = class {
         }
       });
     } catch (error) {
-      this.debugLog("DateRangePicker initialization failed, using fallback:", error);
+      this.debugLog("DateRangePicker initialization failed:", error);
     }
   }
   async loadData() {

package/dist/myio-js-library.umd.js

@@ -5455,7 +5455,7 @@
 
   // package.json
   var package_default = {
-    version: "0.1.541"};
+    version: "0.1.544"};
 
   // src/utils/format/energy.ts
   function formatPower(value, decimals = 2) {
@@ -5580,7 +5580,7 @@
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
     });
-    return `${formattedValue} m.c.a.`;
+    return `${formattedValue} M.C.A`;
   }
   function calcDeltaPercent(prev, current) {
     if (prev === null || prev === void 0 || isNaN(prev) || current === null || current === void 0 || isNaN(current)) {
@@ -22521,7 +22521,14 @@
     };
     const isEnergyDevice2 = (deviceType2) => isEnergyDeviceType(deviceType2);
     const isTemperatureDevice2 = (deviceType2) => isTemperatureDeviceType(deviceType2);
+    const isTankDevice2 = deviceType === "TANK" || deviceType === "CAIXA_DAGUA";
+    const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
+    const tankLevelCm = isTankDevice2 ? Number(waterLevel ?? val) : null;
+    const _pctDecimals = resolvePercentDecimals(percentDecimals);
     const formatCardValue = (value, deviceType2) => {
+      if (isTankDevice2) {
+        return `${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%`;
+      }
       const numValue = Number(value) || 0;
       getDeviceCategory(deviceType2);
       if (isEnergyDevice2(deviceType2)) {
@@ -22809,11 +22816,8 @@
       }
       return getStaticDeviceImage(nameType);
     };
-    const isTankDevice2 = deviceType === "TANK" || deviceType === "CAIXA_DAGUA";
     const isTermostatoDevice = deviceType?.toUpperCase() === "TERMOSTATO";
     const isEnergyDeviceFlag = isEnergyDevice2(deviceType);
-    const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
-    const _pctDecimals = resolvePercentDecimals(percentDecimals);
     const calculateTempStatus2 = () => {
       if (temperatureStatus) return temperatureStatus;
       const currentTemp = Number(val) || 0;
@@ -22892,7 +22896,7 @@
                   <span class="consumption-value">${formatCardValue(cardEntity.lastValue, deviceType)}</span>
                 </div>
               </div>
-              ${!isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}
+              ${isTankDevice2 ? `<span class="device-percentage-badge device-tank-level-badge" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important;">${formatTankHeadFromCm(tankLevelCm)}</span>` : !isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}
             </div>
           </div>
         </div>
@@ -30330,6 +30334,9 @@
       firstDay: 1
     };
   }
+  function buildMaxSpan(maxRangeDays) {
+    return { days: maxRangeDays, milliseconds: -1 };
+  }
   var CDNLoader = class {
     static jQueryInstance = null;
     static loadingPromise = null;
@@ -30492,7 +30499,7 @@
       autoUpdateInput: true,
       linkedCalendars: true,
       showCustomRangeLabel: true,
-      maxSpan: { days: maxRangeDays },
+      maxSpan: buildMaxSpan(maxRangeDays),
       maxDate: moment().endOf("day"),
       startDate,
       endDate,
@@ -39076,7 +39083,8 @@
         this.dateRangePicker = await attach(input, {
           presetStart,
           presetEnd,
-          maxRangeDays: 31,
+          // Ciclo de rateio (dia D → dia D do mês seguinte) tem até 32 dias corridos (ex.: 15/08→15/09)
+          maxRangeDays: 32,
           includeTime: this.granularity === "1h",
           timePrecision: "minute",
           parentEl: this.modal.element,
@@ -39086,8 +39094,23 @@
           }
         });
       } catch (error) {
-        console.warn("DateRangePicker initialization failed, using fallback:", error);
-      }
+        console.warn("DateRangePicker initialization failed:", error);
+      }
+    }
+    // Janela da consulta. No 1d a API recebe dias inteiros — os MESMOS dias que viram
+    // linhas no zero-fill (rangeDaysInclusive): início 00:00:00 e fim 23:59:59. Um fim à
+    // meia-noite (ex.: 15/09T00:00:00, exclusivo na API) não vira mais um dia "0,00" que
+    // nem foi consultado. No 1h vale a hora escolhida.
+    // Contrato do getDates(): hora LOCAL + offset (YYYY-MM-DDTHH:mm:ss±HH:MM) — os 10
+    // primeiros caracteres são o dia exibido e os 6 últimos, o offset.
+    resolveQueryWindow(range) {
+      if (this.granularity === "1h" || !range.startISO || !range.endISO) return range;
+      const day = (iso) => iso.slice(0, 10);
+      const offset = (iso) => iso.slice(-6);
+      return {
+        startISO: `${day(range.startISO)}T00:00:00${offset(range.startISO)}`,
+        endISO: `${day(range.endISO)}T23:59:59${offset(range.endISO)}`
+      };
     }
     async loadData() {
       if (this.isLoading) return;
@@ -39107,7 +39130,7 @@
       if (xlsBtn) xlsBtn.disabled = true;
       spinner.style.display = "inline-block";
       try {
-        const { startISO, endISO } = this.dateRangePicker.getDates();
+        const { startISO, endISO } = this.resolveQueryWindow(this.dateRangePicker.getDates());
         this.exportPeriod = { startISO, endISO };
         if (!startISO || !endISO) {
           this.showError("Selecione um per\xEDodo v\xE1lido");
@@ -41670,7 +41693,8 @@
         this.dateRangePicker = await attach(dateRangeInput, {
           presetStart: this.getDefaultStartDate(),
           presetEnd: this.getDefaultEndDate(),
-          maxRangeDays: 31,
+          // Ciclo de rateio (dia D → dia D do mês seguinte) tem até 32 dias corridos (ex.: 15/08→15/09)
+          maxRangeDays: 32,
           parentEl: this.modal.element,
           onApply: ({ startISO, endISO }) => {
             this.hideError();
@@ -41678,7 +41702,7 @@
           }
         });
       } catch (error) {
-        this.debugLog("DateRangePicker initialization failed, using fallback:", error);
+        this.debugLog("DateRangePicker initialization failed:", error);
       }
     }
     async loadData() {