myio-js-library 0.1.168 → 0.1.172

package/dist/index.cjs

@@ -642,7 +642,7 @@ __export(index_exports, {
   formatNumberReadable: () => formatNumberReadable,
   formatRelativeTime: () => formatRelativeTime,
   formatTankHeadFromCm: () => formatTankHeadFromCm,
-  formatTemperature: () => formatTemperature2,
+  formatTemperature: () => formatTemperature,
   formatWater: () => formatWater,
   formatWaterByGroup: () => formatWaterByGroup,
   formatWaterVolumeM3: () => formatWaterVolumeM3,
@@ -1459,7 +1459,8 @@ var DeviceStatusType = {
   FAILURE: "failure",
   MAINTENANCE: "maintenance",
   NO_INFO: "no_info",
-  NOT_INSTALLED: "not_installed"
+  NOT_INSTALLED: "not_installed",
+  OFFLINE: "offline"
 };
 var ConnectionStatusType = {
   CONNECTED: "connected",
@@ -1468,39 +1469,42 @@ var ConnectionStatusType = {
 var deviceStatusIcons = {
   [DeviceStatusType.POWER_ON]: "\u26A1",
   [DeviceStatusType.STANDBY]: "\u{1F50C}",
-  [DeviceStatusType.POWER_OFF]: "\u{1F534}",
+  [DeviceStatusType.POWER_OFF]: "\u26AB",
   [DeviceStatusType.WARNING]: "\u26A0\uFE0F",
   [DeviceStatusType.FAILURE]: "\u{1F6A8}",
   [DeviceStatusType.MAINTENANCE]: "\u{1F6E0}\uFE0F",
   [DeviceStatusType.NO_INFO]: "\u2753\uFE0F",
-  [DeviceStatusType.NOT_INSTALLED]: "\u{1F4E6}"
+  [DeviceStatusType.NOT_INSTALLED]: "\u{1F4E6}",
+  [DeviceStatusType.OFFLINE]: "\u{1F534}"
 };
 var waterDeviceStatusIcons = {
   [DeviceStatusType.POWER_ON]: "\u{1F4A7}",
   [DeviceStatusType.STANDBY]: "\u{1F6B0}",
-  [DeviceStatusType.POWER_OFF]: "\u{1F534}",
+  [DeviceStatusType.POWER_OFF]: "\u26AB",
   [DeviceStatusType.WARNING]: "\u26A0\uFE0F",
   [DeviceStatusType.FAILURE]: "\u{1F6A8}",
   [DeviceStatusType.MAINTENANCE]: "\u{1F6E0}\uFE0F",
   [DeviceStatusType.NO_INFO]: "\u2753\uFE0F",
-  [DeviceStatusType.NOT_INSTALLED]: "\u{1F4E6}"
+  [DeviceStatusType.NOT_INSTALLED]: "\u{1F4E6}",
+  [DeviceStatusType.OFFLINE]: "\u{1F534}"
 };
 var temperatureDeviceStatusIcons = {
   [DeviceStatusType.POWER_ON]: "\u{1F321}\uFE0F",
   [DeviceStatusType.STANDBY]: "\u{1F321}\uFE0F",
-  [DeviceStatusType.POWER_OFF]: "\u{1F534}",
+  [DeviceStatusType.POWER_OFF]: "\u26AB",
   [DeviceStatusType.WARNING]: "\u26A0\uFE0F",
   [DeviceStatusType.FAILURE]: "\u{1F6A8}",
   [DeviceStatusType.MAINTENANCE]: "\u{1F6E0}\uFE0F",
   [DeviceStatusType.NO_INFO]: "\u2753\uFE0F",
-  [DeviceStatusType.NOT_INSTALLED]: "\u{1F4E6}"
+  [DeviceStatusType.NOT_INSTALLED]: "\u{1F4E6}",
+  [DeviceStatusType.OFFLINE]: "\u{1F534}"
 };
 var connectionStatusIcons = {
   [ConnectionStatusType.CONNECTED]: "\u{1F7E2}",
   [ConnectionStatusType.OFFLINE]: "\u{1F6AB}"
 };
 function mapDeviceToConnectionStatus(deviceStatus) {
-  if (deviceStatus === DeviceStatusType.NO_INFO) {
+  if (deviceStatus === DeviceStatusType.NO_INFO || deviceStatus === DeviceStatusType.OFFLINE) {
     return ConnectionStatusType.OFFLINE;
   }
   return ConnectionStatusType.CONNECTED;
@@ -1524,15 +1528,16 @@ function mapDeviceStatusToCardStatus(deviceStatus) {
     [DeviceStatusType.FAILURE]: "fail",
     [DeviceStatusType.MAINTENANCE]: "alert",
     [DeviceStatusType.NO_INFO]: "unknown",
-    [DeviceStatusType.NOT_INSTALLED]: "not_installed"
+    [DeviceStatusType.NOT_INSTALLED]: "not_installed",
+    [DeviceStatusType.OFFLINE]: "offline"
   };
   return statusMap[deviceStatus] || "unknown";
 }
 function shouldFlashIcon(deviceStatus) {
-  return deviceStatus === DeviceStatusType.POWER_OFF || deviceStatus === DeviceStatusType.WARNING || deviceStatus === DeviceStatusType.FAILURE || deviceStatus === DeviceStatusType.MAINTENANCE;
+  return deviceStatus === DeviceStatusType.POWER_OFF || deviceStatus === DeviceStatusType.WARNING || deviceStatus === DeviceStatusType.FAILURE || deviceStatus === DeviceStatusType.MAINTENANCE || deviceStatus === DeviceStatusType.OFFLINE;
 }
 function isDeviceOffline(deviceStatus) {
-  return deviceStatus === DeviceStatusType.NO_INFO;
+  return deviceStatus === DeviceStatusType.NO_INFO || deviceStatus === DeviceStatusType.OFFLINE;
 }
 function getDeviceStatusIcon(deviceStatus, deviceType = null) {
   const normalizedType = deviceType?.toUpperCase() || "";
@@ -4088,15 +4093,30 @@ var CSS_STRING = `
   --myio-chip-alert-fg: #b45309;
   --myio-border-alert: rgba(245, 158, 11, 0.5);
 
-  /* Status colors - Failure (red) */
+  /* Status colors - Failure (dark red) */
   --myio-chip-failure-bg: #fee2e2;
   --myio-chip-failure-fg: #b91c1c;
-  --myio-border-failure: rgba(239, 68, 68, 0.5);
+  --myio-border-failure: rgba(153, 27, 27, 0.6);
+
+  /* Status colors - Power Off (light red) */
+  --myio-chip-power-off-bg: #fecaca;
+  --myio-chip-power-off-fg: #dc2626;
+  --myio-border-power-off: rgba(239, 68, 68, 0.5);
+
+  /* Status colors - Offline (dark gray) */
+  --myio-chip-offline-bg: #e2e8f0;
+  --myio-chip-offline-fg: #475569;
+  --myio-border-offline: rgba(71, 85, 105, 0.6);
+
+  /* Status colors - No Info (dark orange) */
+  --myio-chip-no-info-bg: #fed7aa;
+  --myio-chip-no-info-fg: #c2410c;
+  --myio-border-no-info: rgba(194, 65, 12, 0.5);
 
-  /* Status colors - Offline (gray) */
-  --myio-chip-offline-bg: #f1f5f9;
-  --myio-chip-offline-fg: #64748b;
-  --myio-border-offline: rgba(100, 116, 139, 0.4);
+  /* Status colors - Not Installed (purple) */
+  --myio-chip-not-installed-bg: #e9d5ff;
+  --myio-chip-not-installed-fg: #7c3aed;
+  --myio-border-not-installed: rgba(124, 58, 237, 0.5);
 
   --myio-text-1: #0f172a;
   --myio-text-2: #4b5563;
@@ -4152,26 +4172,55 @@ var CSS_STRING = `
 }
 
 /* Card border states based on device status */
-.myio-ho-card.is-ok {
+
+/* POWER_ON - Blue */
+.myio-ho-card.is-power-on {
   border-color: var(--myio-border-ok);
   box-shadow: 0 0 0 2px var(--myio-border-ok), var(--myio-card-shadow);
 }
 
+/* STANDBY - Green */
 .myio-ho-card.is-standby {
   border-color: var(--myio-border-standby);
   box-shadow: 0 0 0 2px var(--myio-border-standby), var(--myio-card-shadow);
 }
 
-.myio-ho-card.is-alert {
+/* WARNING - Yellow */
+.myio-ho-card.is-warning {
+  border-color: var(--myio-border-alert);
+  box-shadow: 0 0 0 2px var(--myio-border-alert), var(--myio-card-shadow);
+}
+
+/* MAINTENANCE - Yellow */
+.myio-ho-card.is-maintenance {
   border-color: var(--myio-border-alert);
   box-shadow: 0 0 0 2px var(--myio-border-alert), var(--myio-card-shadow);
 }
 
+/* FAILURE - Dark Red */
 .myio-ho-card.is-failure {
   border-color: var(--myio-border-failure);
   box-shadow: 0 0 0 2px var(--myio-border-failure), var(--myio-card-shadow);
 }
 
+/* POWER_OFF - Light Red */
+.myio-ho-card.is-power-off {
+  border-color: var(--myio-border-power-off);
+  box-shadow: 0 0 0 2px var(--myio-border-power-off), var(--myio-card-shadow);
+}
+
+/* NO_INFO - Dark Orange */
+.myio-ho-card.is-no-info {
+  border-color: var(--myio-border-no-info);
+  box-shadow: 0 0 0 2px var(--myio-border-no-info), var(--myio-card-shadow);
+}
+
+/* NOT_INSTALLED - Purple */
+.myio-ho-card.is-not-installed {
+  border-color: var(--myio-border-not-installed);
+  box-shadow: 0 0 0 2px var(--myio-border-not-installed), var(--myio-card-shadow);
+}
+
 /* Header section */
 .myio-ho-card__header {
   display: flex;
@@ -4189,7 +4238,9 @@ var CSS_STRING = `
   margin-top: 2px;
 }
 
-.myio-ho-card.is-alert .myio-ho-card__icon {
+/* Icon colors based on status */
+.myio-ho-card.is-warning .myio-ho-card__icon,
+.myio-ho-card.is-maintenance .myio-ho-card__icon {
   color: var(--myio-chip-alert-fg);
 }
 
@@ -4197,14 +4248,28 @@ var CSS_STRING = `
   color: var(--myio-chip-failure-fg);
 }
 
+.myio-ho-card.is-power-off .myio-ho-card__icon {
+  color: var(--myio-chip-power-off-fg);
+}
+
+.myio-ho-card.is-offline .myio-ho-card__icon {
+  color: var(--myio-chip-offline-fg);
+}
+
+.myio-ho-card.is-no-info .myio-ho-card__icon {
+  color: var(--myio-chip-no-info-fg);
+}
+
+.myio-ho-card.is-not-installed .myio-ho-card__icon {
+  color: var(--myio-chip-not-installed-fg);
+}
+
 .myio-ho-card__title {
   flex: 1;
   min-width: 0;
 }
 
-/* Adicione estas duas novas regras ao seu CSS_STRING */
-
-/* Estado Offline - borda cinza */
+/* OFFLINE - Dark Gray */
 .myio-ho-card.is-offline {
   border-color: var(--myio-border-offline);
   box-shadow: 0 0 0 2px var(--myio-border-offline), var(--myio-card-shadow);
@@ -4599,6 +4664,37 @@ var CSS_STRING = `
   color: var(--myio-chip-offline-fg);
 }
 
+/* New chip classes aligned with getCardStateClass */
+.chip--power-on {
+  background: var(--myio-chip-ok-bg);
+  color: var(--myio-chip-ok-fg);
+}
+
+.chip--warning {
+  background: var(--myio-chip-alert-bg);
+  color: var(--myio-chip-alert-fg);
+}
+
+.chip--maintenance {
+  background: var(--myio-chip-alert-bg);
+  color: var(--myio-chip-alert-fg);
+}
+
+.chip--power-off {
+  background: var(--myio-chip-power-off-bg);
+  color: var(--myio-chip-power-off-fg);
+}
+
+.chip--no-info {
+  background: var(--myio-chip-no-info-bg);
+  color: var(--myio-chip-no-info-fg);
+}
+
+.chip--not-installed {
+  background: var(--myio-chip-not-installed-bg);
+  color: var(--myio-chip-not-installed-fg);
+}
+
 /* Status indicator dot for power metric */
 .status-dot {
   width: 8px;
@@ -4632,6 +4728,31 @@ var CSS_STRING = `
   background: var(--myio-muted);
 }
 
+/* New dot classes aligned with getCardStateClass */
+.status-dot.dot--power-on {
+  background: var(--myio-chip-ok-fg);
+}
+
+.status-dot.dot--warning {
+  background: var(--myio-chip-alert-fg);
+}
+
+.status-dot.dot--maintenance {
+  background: var(--myio-chip-alert-fg);
+}
+
+.status-dot.dot--power-off {
+  background: var(--myio-chip-power-off-fg);
+}
+
+.status-dot.dot--no-info {
+  background: var(--myio-chip-no-info-fg);
+}
+
+.status-dot.dot--not-installed {
+  background: var(--myio-chip-not-installed-fg);
+}
+
 /* Primary metric */
 .myio-ho-card__primary {
   margin-bottom: 14px;
@@ -4814,6 +4935,215 @@ var CSS_STRING = `
     transition: none;
   }
 }
+
+/* ============================================
+   DEBUG TOOLTIP STYLES (Premium)
+   ============================================ */
+
+.has-debug-tooltip {
+  cursor: help !important;
+}
+
+.has-debug-tooltip::after {
+  content: '\u{1F41B}';
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  font-size: 10px;
+  z-index: 1;
+}
+
+.debug-tooltip-container {
+  position: absolute;
+  bottom: calc(100% + 8px);
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10000;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.2s ease, transform 0.2s ease;
+}
+
+.has-debug-tooltip:hover .debug-tooltip-container {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.debug-tooltip {
+  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
+  border: 1px solid rgba(99, 102, 241, 0.3);
+  border-radius: 12px;
+  box-shadow:
+    0 20px 40px rgba(0, 0, 0, 0.4),
+    0 0 0 1px rgba(255, 255, 255, 0.05),
+    inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  min-width: 340px;
+  max-width: 420px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: 12px;
+  color: #e2e8f0;
+  overflow: hidden;
+}
+
+.debug-tooltip__header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px;
+  background: linear-gradient(90deg, rgba(99, 102, 241, 0.2) 0%, rgba(139, 92, 246, 0.1) 100%);
+  border-bottom: 1px solid rgba(99, 102, 241, 0.2);
+}
+
+.debug-tooltip__icon {
+  font-size: 16px;
+}
+
+.debug-tooltip__title {
+  font-weight: 700;
+  font-size: 13px;
+  color: #f1f5f9;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+}
+
+.debug-tooltip__content {
+  padding: 12px 16px;
+  max-height: 400px;
+  overflow-y: auto;
+}
+
+.debug-tooltip__section {
+  margin-bottom: 14px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
+}
+
+.debug-tooltip__section:last-child {
+  margin-bottom: 0;
+  padding-bottom: 0;
+  border-bottom: none;
+}
+
+.debug-tooltip__section-title {
+  font-size: 11px;
+  font-weight: 600;
+  color: #94a3b8;
+  text-transform: uppercase;
+  letter-spacing: 0.8px;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.debug-tooltip__row {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding: 4px 0;
+  gap: 12px;
+}
+
+.debug-tooltip__row--full {
+  flex-direction: column;
+  gap: 4px;
+}
+
+.debug-tooltip__label {
+  color: #94a3b8;
+  font-size: 11px;
+  flex-shrink: 0;
+}
+
+.debug-tooltip__value {
+  color: #f1f5f9;
+  font-weight: 500;
+  text-align: right;
+  word-break: break-all;
+}
+
+.debug-tooltip__row--full .debug-tooltip__value {
+  text-align: left;
+  background: rgba(0, 0, 0, 0.3);
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-size: 11px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.debug-tooltip__value--mono {
+  font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
+  font-size: 11px;
+  background: rgba(0, 0, 0, 0.3);
+  padding: 2px 6px;
+  border-radius: 4px;
+}
+
+.debug-tooltip__value--highlight {
+  color: #a5b4fc;
+  font-style: italic;
+}
+
+.debug-tooltip__badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  background: rgba(99, 102, 241, 0.3);
+  color: #a5b4fc;
+}
+
+.debug-tooltip__badge--energy {
+  background: rgba(59, 130, 246, 0.3);
+  color: #93c5fd;
+}
+
+.debug-tooltip__badge--water {
+  background: rgba(6, 182, 212, 0.3);
+  color: #67e8f9;
+}
+
+.debug-tooltip__badge--temperature {
+  background: rgba(249, 115, 22, 0.3);
+  color: #fdba74;
+}
+
+/* Tooltip arrow */
+.debug-tooltip::after {
+  content: '';
+  position: absolute;
+  bottom: -6px;
+  left: 50%;
+  transform: translateX(-50%) rotate(45deg);
+  width: 12px;
+  height: 12px;
+  background: #0f172a;
+  border-right: 1px solid rgba(99, 102, 241, 0.3);
+  border-bottom: 1px solid rgba(99, 102, 241, 0.3);
+}
+
+/* Scrollbar styling for tooltip content */
+.debug-tooltip__content::-webkit-scrollbar {
+  width: 6px;
+}
+
+.debug-tooltip__content::-webkit-scrollbar-track {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
+
+.debug-tooltip__content::-webkit-scrollbar-thumb {
+  background: rgba(99, 102, 241, 0.4);
+  border-radius: 3px;
+}
+
+.debug-tooltip__content::-webkit-scrollbar-thumb:hover {
+  background: rgba(99, 102, 241, 0.6);
+}
 `;
 
 // src/thingsboard/main-dashboard-shopping/v-4.0.0/head-office/card-head-office.icons.ts
@@ -4968,7 +5298,246 @@ var DEFAULT_I18N = {
   menu_settings: "Configura\xE7\xF5es"
 };
 
+// src/components/temperature/utils.ts
+var DAY_PERIODS = [
+  { id: "madrugada", label: "Madrugada (00h-06h)", startHour: 0, endHour: 6 },
+  { id: "manha", label: "Manh\xE3 (06h-12h)", startHour: 6, endHour: 12 },
+  { id: "tarde", label: "Tarde (12h-18h)", startHour: 12, endHour: 18 },
+  { id: "noite", label: "Noite (18h-24h)", startHour: 18, endHour: 24 }
+];
+var DEFAULT_CLAMP_RANGE = { min: 15, max: 40 };
+function getTodaySoFar() {
+  const now = /* @__PURE__ */ new Date();
+  const startOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0, 0);
+  return {
+    startTs: startOfDay.getTime(),
+    endTs: now.getTime()
+  };
+}
+var CHART_COLORS = [
+  "#1976d2",
+  // Blue
+  "#FF6B6B",
+  // Red
+  "#4CAF50",
+  // Green
+  "#FF9800",
+  // Orange
+  "#9C27B0",
+  // Purple
+  "#00BCD4",
+  // Cyan
+  "#E91E63",
+  // Pink
+  "#795548"
+  // Brown
+];
+async function fetchTemperatureData(token, deviceId, startTs, endTs) {
+  const url = `/api/plugins/telemetry/DEVICE/${deviceId}/values/timeseries?keys=temperature&startTs=${encodeURIComponent(startTs)}&endTs=${encodeURIComponent(endTs)}&limit=50000&agg=NONE`;
+  const response = await fetch(url, {
+    headers: {
+      "X-Authorization": `Bearer ${token}`,
+      "Content-Type": "application/json"
+    }
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to fetch temperature data: ${response.status}`);
+  }
+  const data = await response.json();
+  return data?.temperature || [];
+}
+function clampTemperature(value, range = DEFAULT_CLAMP_RANGE) {
+  const num = Number(value || 0);
+  if (num < range.min) return range.min;
+  if (num > range.max) return range.max;
+  return num;
+}
+function calculateStats(data, clampRange = DEFAULT_CLAMP_RANGE) {
+  if (data.length === 0) {
+    return { avg: 0, min: 0, max: 0, count: 0 };
+  }
+  const values = data.map((item) => clampTemperature(item.value, clampRange));
+  const sum = values.reduce((acc, v) => acc + v, 0);
+  return {
+    avg: sum / values.length,
+    min: Math.min(...values),
+    max: Math.max(...values),
+    count: values.length
+  };
+}
+function interpolateTemperature(data, options) {
+  const { intervalMinutes, startTs, endTs, clampRange = DEFAULT_CLAMP_RANGE } = options;
+  const intervalMs = intervalMinutes * 60 * 1e3;
+  if (data.length === 0) {
+    return [];
+  }
+  const sortedData = [...data].sort((a, b) => a.ts - b.ts);
+  const result = [];
+  let lastKnownValue = clampTemperature(sortedData[0].value, clampRange);
+  let dataIndex = 0;
+  for (let ts = startTs; ts <= endTs; ts += intervalMs) {
+    while (dataIndex < sortedData.length - 1 && sortedData[dataIndex + 1].ts <= ts) {
+      dataIndex++;
+    }
+    const currentData = sortedData[dataIndex];
+    if (currentData && Math.abs(currentData.ts - ts) < intervalMs) {
+      lastKnownValue = clampTemperature(currentData.value, clampRange);
+    }
+    result.push({
+      ts,
+      value: lastKnownValue
+    });
+  }
+  return result;
+}
+function aggregateByDay(data, clampRange = DEFAULT_CLAMP_RANGE) {
+  if (data.length === 0) {
+    return [];
+  }
+  const dayMap = /* @__PURE__ */ new Map();
+  data.forEach((item) => {
+    const date = new Date(item.ts);
+    const dateKey = date.toISOString().split("T")[0];
+    if (!dayMap.has(dateKey)) {
+      dayMap.set(dateKey, []);
+    }
+    dayMap.get(dateKey).push(item);
+  });
+  const result = [];
+  dayMap.forEach((dayData, dateKey) => {
+    const values = dayData.map((item) => clampTemperature(item.value, clampRange));
+    const sum = values.reduce((acc, v) => acc + v, 0);
+    result.push({
+      date: dateKey,
+      dateTs: new Date(dateKey).getTime(),
+      avg: sum / values.length,
+      min: Math.min(...values),
+      max: Math.max(...values),
+      count: values.length
+    });
+  });
+  return result.sort((a, b) => a.dateTs - b.dateTs);
+}
+function filterByDayPeriods(data, selectedPeriods) {
+  if (selectedPeriods.length === 0 || selectedPeriods.length === DAY_PERIODS.length) {
+    return data;
+  }
+  return data.filter((item) => {
+    const date = new Date(item.ts);
+    const hour = date.getHours();
+    return selectedPeriods.some((periodId) => {
+      const period = DAY_PERIODS.find((p) => p.id === periodId);
+      if (!period) return false;
+      return hour >= period.startHour && hour < period.endHour;
+    });
+  });
+}
+function getSelectedPeriodsLabel(selectedPeriods) {
+  if (selectedPeriods.length === 0 || selectedPeriods.length === DAY_PERIODS.length) {
+    return "Todos os per\xEDodos";
+  }
+  if (selectedPeriods.length === 1) {
+    const period = DAY_PERIODS.find((p) => p.id === selectedPeriods[0]);
+    return period?.label || "";
+  }
+  return `${selectedPeriods.length} per\xEDodos selecionados`;
+}
+function formatTemperature(value, decimals = 1) {
+  if (value === null || value === void 0 || isNaN(value)) {
+    return "\u2014";
+  }
+  return `${value.toFixed(decimals)}\xB0C`;
+}
+function exportTemperatureCSV(data, deviceLabel, stats, startDate, endDate) {
+  if (data.length === 0) {
+    console.warn("No data to export");
+    return;
+  }
+  const BOM = "\uFEFF";
+  let csvContent = BOM;
+  csvContent += `Relat\xF3rio de Temperatura - ${deviceLabel}
+`;
+  csvContent += `Per\xEDodo: ${startDate} at\xE9 ${endDate}
+`;
+  csvContent += `M\xE9dia: ${formatTemperature(stats.avg)}
+`;
+  csvContent += `M\xEDnima: ${formatTemperature(stats.min)}
+`;
+  csvContent += `M\xE1xima: ${formatTemperature(stats.max)}
+`;
+  csvContent += `Total de leituras: ${stats.count}
+`;
+  csvContent += "\n";
+  csvContent += "Data/Hora,Temperatura (\xB0C)\n";
+  data.forEach((item) => {
+    const date = new Date(item.ts).toLocaleString("pt-BR");
+    const temp = Number(item.value).toFixed(2);
+    csvContent += `"${date}",${temp}
+`;
+  });
+  const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = `temperatura_${deviceLabel.replace(/\s+/g, "_")}_${startDate}_${endDate}.csv`;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  URL.revokeObjectURL(url);
+}
+var DARK_THEME = {
+  background: "rgba(0, 0, 0, 0.85)",
+  surface: "#1a1f28",
+  text: "#ffffff",
+  textMuted: "rgba(255, 255, 255, 0.7)",
+  border: "rgba(255, 255, 255, 0.1)",
+  primary: "#1976d2",
+  success: "#4CAF50",
+  warning: "#FF9800",
+  danger: "#f44336",
+  chartLine: "#1976d2",
+  chartGrid: "rgba(255, 255, 255, 0.1)"
+};
+var LIGHT_THEME = {
+  background: "rgba(0, 0, 0, 0.6)",
+  surface: "#ffffff",
+  text: "#333333",
+  textMuted: "#666666",
+  border: "#e0e0e0",
+  primary: "#1976d2",
+  success: "#4CAF50",
+  warning: "#FF9800",
+  danger: "#f44336",
+  chartLine: "#1976d2",
+  chartGrid: "#e0e0e0"
+};
+function getThemeColors(theme) {
+  return theme === "dark" ? DARK_THEME : LIGHT_THEME;
+}
+
+// src/utils/logHelper.js
+function createLogHelper(debugActive = false) {
+  return {
+    log: function(...args) {
+      if (debugActive) {
+        console.log(...args);
+      }
+    },
+    warn: function(...args) {
+      if (debugActive) {
+        console.warn(...args);
+      }
+    },
+    error: function(...args) {
+      console.error(...args);
+    }
+  };
+}
+var LogHelper = createLogHelper(false);
+
 // src/thingsboard/main-dashboard-shopping/v-4.0.0/card/head-office/card-head-office.js
+var LABEL_CHAR_LIMIT = 18;
+var DEFAUL_DELAY_TIME_CONNECTION_IN_MINS = 1440;
 var CSS_TAG = "head-office-card-v1";
 function ensureCss() {
   if (!document.querySelector(`style[data-myio-css="${CSS_TAG}"]`)) {
@@ -4982,11 +5551,17 @@ function normalizeParams(params) {
   if (!params || !params.entityObject) {
     throw new Error("renderCardCompenteHeadOffice: entityObject is required");
   }
+  const LogHelper2 = createLogHelper(params.debugActive ?? false);
   const entityObject = params.entityObject;
   if (!entityObject.entityId) {
-    console.warn("renderCardCompenteHeadOffice: entityId is missing, generating temporary ID");
+    LogHelper2.warn("[CardHeadOffice] entityId is missing, generating temporary ID");
     entityObject.entityId = `temp-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
   }
+  if (!params.delayTimeConnectionInMins) {
+    LogHelper2.warn(
+      `[CardHeadOffice] delayTimeConnectionInMins is missing, defaulting to ${DEFAUL_DELAY_TIME_CONNECTION_IN_MINS} mins`
+    );
+  }
   return {
     entityObject,
     i18n: { ...DEFAULT_I18N, ...params.i18n || {} },
@@ -4994,7 +5569,12 @@ function normalizeParams(params) {
     enableDragDrop: Boolean(params.enableDragDrop),
     useNewComponents: Boolean(params.useNewComponents),
     // RFC-0091: Configurable delay time for connection status check (default 15 minutes)
-    delayTimeConnectionInMins: params.delayTimeConnectionInMins ?? 15,
+    delayTimeConnectionInMins: params.delayTimeConnectionInMins ?? DEFAUL_DELAY_TIME_CONNECTION_IN_MINS,
+    // Debug options
+    debugActive: params.debugActive ?? false,
+    activeTooltipDebug: params.activeTooltipDebug ?? false,
+    // LogHelper instance for this card
+    LogHelper: LogHelper2,
     callbacks: {
       handleActionDashboard: params.handleActionDashboard,
       handleActionReport: params.handleActionReport,
@@ -5032,16 +5612,10 @@ function formatValueByDomain(value, domain) {
     return formatWaterVolumeM3(value);
   }
   if (domain === "temperature") {
-    return formatTemperature(value);
+    return formatTemperature(value, 0);
   }
   return formatEnergy(value);
 }
-function formatTemperature(temp) {
-  if (temp === null || temp === void 0 || isNaN(temp)) {
-    return "\u2014";
-  }
-  return `${temp.toFixed(0)}\xB0C`;
-}
 function calculateConsumptionPercentage(target, consumption) {
   const numericTarget = Number(target);
   const numericConsumption = Number(consumption);
@@ -5056,32 +5630,32 @@ function getStatusInfo(deviceStatus, i18n, domain) {
     // --- Novos Status de Temperatura ---
     case "normal":
       return { chipClass: "chip--ok", label: "Normal" };
-    // Verde/Azul
     case "cold":
       return { chipClass: "chip--standby", label: "Frio" };
-    // Azul claro/Ciano
     case "hot":
       return { chipClass: "chip--alert", label: "Quente" };
-    // Laranja/Amarelo
-    // --- Status Existentes ---
+    // --- Status Existentes (aligned with getCardStateClass) ---
     case DeviceStatusType.POWER_ON:
       if (domain === "water") {
-        return { chipClass: "chip--ok", label: i18n.in_operation_water };
+        return { chipClass: "chip--power-on", label: i18n.in_operation_water };
       }
-      return { chipClass: "chip--ok", label: i18n.in_operation };
+      return { chipClass: "chip--power-on", label: i18n.in_operation };
     case DeviceStatusType.STANDBY:
       return { chipClass: "chip--standby", label: i18n.standby };
     case DeviceStatusType.WARNING:
-      return { chipClass: "chip--alert", label: i18n.alert };
+      return { chipClass: "chip--warning", label: i18n.alert };
+    case DeviceStatusType.MAINTENANCE:
+      return { chipClass: "chip--maintenance", label: i18n.maintenance };
     case DeviceStatusType.FAILURE:
-    case DeviceStatusType.POWER_OFF:
       return { chipClass: "chip--failure", label: i18n.failure };
-    case DeviceStatusType.MAINTENANCE:
-      return { chipClass: "chip--alert", label: i18n.maintenance };
-    case DeviceStatusType.NOT_INSTALLED:
-      return { chipClass: "chip--offline", label: i18n.not_installed };
-    // Default (Cai aqui se não achar 'normal', 'hot' etc)
+    case DeviceStatusType.POWER_OFF:
+      return { chipClass: "chip--power-off", label: i18n.power_off || i18n.failure };
+    case DeviceStatusType.OFFLINE:
+      return { chipClass: "chip--offline", label: i18n.offline };
     case DeviceStatusType.NO_INFO:
+      return { chipClass: "chip--no-info", label: i18n.no_info || i18n.offline };
+    case DeviceStatusType.NOT_INSTALLED:
+      return { chipClass: "chip--not-installed", label: i18n.not_installed };
     default:
       return { chipClass: "chip--offline", label: i18n.offline };
   }
@@ -5089,23 +5663,32 @@ function getStatusInfo(deviceStatus, i18n, domain) {
 function getCardStateClass(deviceStatus) {
   switch (deviceStatus) {
     case DeviceStatusType.POWER_ON:
-      return "is-ok";
+      return "is-power-on";
     // Blue border
     case DeviceStatusType.STANDBY:
       return "is-standby";
     // Green border
     case DeviceStatusType.WARNING:
+      return "is-warning";
+    // Yellow border
     case DeviceStatusType.MAINTENANCE:
-      return "is-alert";
+      return "is-maintenance";
     // Yellow border
     case DeviceStatusType.FAILURE:
-    case DeviceStatusType.POWER_OFF:
       return "is-failure";
-    // Red border
+    // Dark Red border
+    case DeviceStatusType.POWER_OFF:
+      return "is-power-off";
+    // Light Red border
+    case DeviceStatusType.OFFLINE:
+      return "is-offline";
+    // Dark Gray border
     case DeviceStatusType.NO_INFO:
+      return "is-no-info";
+    // Dark Orange border
     case DeviceStatusType.NOT_INSTALLED:
-      return "is-offline";
-    // Gray border
+      return "is-not-installed";
+    // Purple border
     default:
       return "";
   }
@@ -5119,17 +5702,25 @@ function getStatusDotClass(deviceStatus) {
       return "dot--standby";
     case "hot":
       return "dot--alert";
-    // --- Status Existentes ---
+    // --- Status Existentes (aligned with getCardStateClass) ---
     case DeviceStatusType.POWER_ON:
-      return "dot--ok";
+      return "dot--power-on";
     case DeviceStatusType.STANDBY:
       return "dot--standby";
     case DeviceStatusType.WARNING:
+      return "dot--warning";
     case DeviceStatusType.MAINTENANCE:
-      return "dot--alert";
+      return "dot--maintenance";
     case DeviceStatusType.FAILURE:
-    case DeviceStatusType.POWER_OFF:
       return "dot--failure";
+    case DeviceStatusType.POWER_OFF:
+      return "dot--power-off";
+    case DeviceStatusType.OFFLINE:
+      return "dot--offline";
+    case DeviceStatusType.NO_INFO:
+      return "dot--no-info";
+    case DeviceStatusType.NOT_INSTALLED:
+      return "dot--not-installed";
     default:
       return "dot--offline";
   }
@@ -5153,7 +5744,13 @@ function buildDOM(state) {
   titleSection.className = "myio-ho-card__title";
   const nameEl = document.createElement("div");
   nameEl.className = "myio-ho-card__name";
-  nameEl.textContent = entityObject.labelOrName || "Unknown Device";
+  const fullName = entityObject.labelOrName || "Unknown Device";
+  if (fullName.length > LABEL_CHAR_LIMIT) {
+    nameEl.textContent = fullName.slice(0, LABEL_CHAR_LIMIT) + "\u2026";
+    nameEl.title = fullName;
+  } else {
+    nameEl.textContent = fullName;
+  }
   titleSection.appendChild(nameEl);
   if (entityObject.deviceIdentifier) {
     const codeEl = document.createElement("div");
@@ -5282,29 +5879,207 @@ function buildDOM(state) {
   root.appendChild(footer);
   return root;
 }
-function verifyOfflineStatus(entityObject, delayTimeInMins = 15) {
+function buildDebugTooltipInfo(entityObject, statusInfo, stateClass, statusDecisionSource, delayTimeConnectionInMins) {
+  const formatTimestamp = (ts) => {
+    if (!ts) return "N/A";
+    const d = new Date(ts);
+    return d.toLocaleString("pt-BR", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    });
+  };
+  return {
+    // Entity identification
+    entityId: entityObject.entityId || "N/A",
+    name: entityObject.name || entityObject.nameEl || "N/A",
+    domain: entityObject.domain || "energy",
+    // Status decision chain
+    originalDeviceStatus: entityObject._originalDeviceStatus || entityObject.deviceStatus,
+    finalDeviceStatus: entityObject.deviceStatus,
+    connectionStatus: entityObject.connectionStatus || "N/A",
+    statusDecisionSource,
+    // Visual output
+    stateClass,
+    chipClass: statusInfo.chipClass,
+    chipLabel: statusInfo.label,
+    // Connection timestamps
+    lastConnectTime: formatTimestamp(entityObject.lastConnectTime),
+    lastDisconnectTime: formatTimestamp(entityObject.lastDisconnectTime),
+    delayTimeConnectionInMins,
+    // Raw values
+    val: entityObject.val,
+    consumptionTargetValue: entityObject.consumptionTargetValue,
+    deviceType: entityObject.deviceType || "N/A"
+  };
+}
+function attachDebugTooltip(element, debugInfo) {
+  const existingTooltip = element.querySelector(".debug-tooltip-container");
+  if (existingTooltip) {
+    existingTooltip.remove();
+  }
+  const tooltipContainer = document.createElement("div");
+  tooltipContainer.className = "debug-tooltip-container";
+  const tooltip = document.createElement("div");
+  tooltip.className = "debug-tooltip";
+  tooltip.innerHTML = `
+    <div class="debug-tooltip__header">
+      <span class="debug-tooltip__icon">\u{1F50D}</span>
+      <span class="debug-tooltip__title">Debug Info</span>
+    </div>
+    <div class="debug-tooltip__content">
+      <div class="debug-tooltip__section">
+        <div class="debug-tooltip__section-title">\u{1F4CB} Identifica\xE7\xE3o</div>
+        <div class="debug-tooltip__row">
+          <span class="debug-tooltip__label">Entity ID:</span>
+          <span class="debug-tooltip__value debug-tooltip__value--mono">${debugInfo.entityId}</span>
+        </div>
+        <div class="debug-tooltip__row">
+          <span class="debug-tooltip__label">Nome:</span>
+          <span class="debug-tooltip__value">${debugInfo.name}</span>
+        </div>
+        <div class="debug-tooltip__row">
+          <span class="debug-tooltip__label">Dom\xEDnio:</span>
+          <span class="debug-tooltip__value debug-tooltip__badge debug-tooltip__badge--${debugInfo.domain}">${debugInfo.domain}</span>
+        </div>
+      </div>
+
+      <div class="debug-tooltip__section">
+        <div class="debug-tooltip__section-title">\u26A1 Decis\xE3o de Status</div>
+        <div class="debug-tooltip__row">
+          <span class="debug-tooltip__label">connectionStatus:</span>
+          <span class="debug-tooltip__value debug-tooltip__value--mono">${debugInfo.connectionStatus}</span>
+        </div>
+        <div class="debug-tooltip__row">
+          <span class="debug-tooltip__label">deviceStatus (final):</span>
+          <span class="debug-tooltip__value debug-tooltip__badge">${debugInfo.finalDeviceStatus}</span>
+        </div>
+        <div class="debug-tooltip__row debug-tooltip__row--full">
+          <span class="debug-tooltip__label">Fonte da decis\xE3o:</span>
+          <span class="debug-tooltip__value debug-tooltip__value--highlight">${debugInfo.statusDecisionSource}</span>
+        </div>
+      </div>
+
+      <div class="debug-tooltip__section">
+        <div class="debug-tooltip__section-title">\u{1F3A8} Output Visual</div>
+        <div class="debug-tooltip__row">
+          <span class="debug-tooltip__label">stateClass:</span>
+          <span class="debug-tooltip__value debug-tooltip__value--mono">${debugInfo.stateClass}</span>
+        </div>
+        <div class="debug-tooltip__row">
+          <span class="debug-tooltip__label">chipClass:</span>
+          <span class="debug-tooltip__value debug-tooltip__value--mono">${debugInfo.chipClass}</span>
+        </div>
+        <div class="debug-tooltip__row">
+          <span class="debug-tooltip__label">chipLabel:</span>
+          <span class="debug-tooltip__value">${debugInfo.chipLabel}</span>
+        </div>
+      </div>
+
+      <div class="debug-tooltip__section">
+        <div class="debug-tooltip__section-title">\u{1F550} Timestamps de Conex\xE3o</div>
+        <div class="debug-tooltip__row">
+          <span class="debug-tooltip__label">lastConnectTime:</span>
+          <span class="debug-tooltip__value debug-tooltip__value--mono">${debugInfo.lastConnectTime}</span>
+        </div>
+        <div class="debug-tooltip__row">
+          <span class="debug-tooltip__label">lastDisconnectTime:</span>
+          <span class="debug-tooltip__value debug-tooltip__value--mono">${debugInfo.lastDisconnectTime}</span>
+        </div>
+        <div class="debug-tooltip__row">
+          <span class="debug-tooltip__label">delayTime:</span>
+          <span class="debug-tooltip__value">${debugInfo.delayTimeConnectionInMins} mins</span>
+        </div>
+      </div>
+
+      <div class="debug-tooltip__section">
+        <div class="debug-tooltip__section-title">\u{1F4CA} Valores</div>
+        <div class="debug-tooltip__row">
+          <span class="debug-tooltip__label">val (consumo):</span>
+          <span class="debug-tooltip__value">${debugInfo.val ?? "N/A"}</span>
+        </div>
+        <div class="debug-tooltip__row">
+          <span class="debug-tooltip__label">target (meta):</span>
+          <span class="debug-tooltip__value">${debugInfo.consumptionTargetValue ?? "N/A"}</span>
+        </div>
+        <div class="debug-tooltip__row">
+          <span class="debug-tooltip__label">deviceType:</span>
+          <span class="debug-tooltip__value debug-tooltip__value--mono">${debugInfo.deviceType}</span>
+        </div>
+      </div>
+    </div>
+  `;
+  tooltipContainer.appendChild(tooltip);
+  element.style.position = "relative";
+  element.style.cursor = "help";
+  element.appendChild(tooltipContainer);
+  element.classList.add("has-debug-tooltip");
+}
+function verifyOfflineStatus(entityObject, delayTimeInMins = 15, LogHelper2) {
   const lastConnectionTime = new Date(entityObject.lastConnectTime || 0);
   const lastDisconnectTime = new Date(entityObject.lastDisconnectTime || 0);
   const now = /* @__PURE__ */ new Date();
   const delayTimeInMs = delayTimeInMins * 60 * 1e3;
   const timeSinceConnection = now.getTime() - lastConnectionTime.getTime();
+  let isOffline = false;
   if (lastDisconnectTime.getTime() > lastConnectionTime.getTime()) {
-    return false;
-  }
-  if (timeSinceConnection < delayTimeInMs) {
-    return false;
+    isOffline = true;
+    LogHelper2.log(
+      "[CardHeadOffice][ConnectionStatus Verify] Device is OFFLINE because lastDisconnectTime is more recent than lastConnectTime",
+      entityObject.nameEl
+    );
+  } else if (timeSinceConnection > delayTimeInMs) {
+    isOffline = true;
+    LogHelper2.log(
+      "[CardHeadOffice][ConnectionStatus Verify] Device is OFFLINE because lastConnectTime is older than configured delayTimeConnectionInMins:",
+      delayTimeInMins,
+      "for device",
+      entityObject.nameEl
+    );
+  } else {
+    isOffline = false;
+    LogHelper2.log(
+      "[CardHeadOffice][ConnectionStatus Verify] Device is ONLINE because lastConnectTime is within configured delayTimeConnectionInMins:",
+      delayTimeInMins,
+      "for device",
+      entityObject.nameEl
+    );
   }
-  return true;
+  return isOffline;
 }
 function paint(root, state) {
-  const { entityObject, i18n, delayTimeConnectionInMins, isSelected } = state;
+  const { entityObject, i18n, delayTimeConnectionInMins, isSelected, LogHelper: LogHelper2, activeTooltipDebug } = state;
+  let statusDecisionSource = "unknown";
   if (entityObject.connectionStatus) {
     if (entityObject.connectionStatus === "offline") {
-      entityObject.deviceStatus = DeviceStatusType.NO_INFO;
+      LogHelper2.log(
+        "[CardHeadOffice][ConnectionStatus Verify 01] Setting deviceStatus to OFFLINE based on connectionStatus"
+      );
+      entityObject.deviceStatus = DeviceStatusType.OFFLINE;
+      statusDecisionSource = 'connectionStatus === "offline"';
+    } else {
+      LogHelper2.log(
+        "[CardHeadOffice] Device is ONLINE or WAITING based on connectionStatus for device",
+        entityObject.nameEl
+      );
+      statusDecisionSource = `connectionStatus === "${entityObject.connectionStatus}" (kept original deviceStatus)`;
     }
   } else {
-    if (verifyOfflineStatus(entityObject, delayTimeConnectionInMins) === false) {
-      entityObject.deviceStatus = DeviceStatusType.NO_INFO;
+    if (verifyOfflineStatus(entityObject, delayTimeConnectionInMins, LogHelper2) === false) {
+      LogHelper2.log(
+        "[CardHeadOffice][ConnectionStatus Verify 02] Setting deviceStatus to OFFLINE based on timestamp verification by verifyOfflineStatus METHOD with delayTimeConnectionInMins:",
+        delayTimeConnectionInMins
+      );
+      entityObject.deviceStatus = DeviceStatusType.OFFLINE;
+      statusDecisionSource = `verifyOfflineStatus() returned false (delay: ${delayTimeConnectionInMins} mins)`;
+    } else {
+      LogHelper2.log(
+        `[CardHeadOffice][ConnectionStatus Verify 03] Device is ONLINE with deviceStatus = ${entityObject.deviceStatus} based on timestamp verification for device ${entityObject.nameEl}`
+      );
+      statusDecisionSource = `verifyOfflineStatus() returned true (delay: ${delayTimeConnectionInMins} mins)`;
     }
   }
   const stateClass = getCardStateClass(entityObject.deviceStatus);
@@ -5313,6 +6088,10 @@ function paint(root, state) {
   const chip = root.querySelector(".chip");
   chip.className = `chip ${statusInfo.chipClass}`;
   chip.innerHTML = statusInfo.label;
+  if (activeTooltipDebug) {
+    const debugInfo = buildDebugTooltipInfo(entityObject, statusInfo, stateClass, statusDecisionSource, delayTimeConnectionInMins);
+    attachDebugTooltip(chip, debugInfo);
+  }
   const primaryValue = formatValueByDomain(entityObject.val, entityObject.domain);
   const numSpan = root.querySelector(".myio-ho-card__value .num");
   const unitSpan = root.querySelector(".myio-ho-card__value .unit");
@@ -5525,6 +6304,7 @@ function renderCardComponentHeadOffice(containerEl, params) {
 }
 
 // src/thingsboard/main-dashboard-shopping/v-5.2.0/card/template-card-v5.js
+var LABEL_CHAR_LIMIT2 = 18;
 function renderCardComponentV5({
   entityObject,
   handleActionDashboard,
@@ -6041,7 +6821,7 @@ ${rangeText}`;
 
               <div class="device-title-row" style="flex-direction: column; min-height: 38px; text-align: center; width: 100%;">
                 <span class="device-title" title="${cardEntity.name}">
-                  ${cardEntity.name.length > 18 ? cardEntity.name.slice(0, 18) + "\u2026" : cardEntity.name}
+                  ${cardEntity.name.length > LABEL_CHAR_LIMIT2 ? cardEntity.name.slice(0, LABEL_CHAR_LIMIT2) + "\u2026" : cardEntity.name}
                 </span>
                 ${deviceIdentifier ? `
                   <span class="device-subtitle" title="${deviceIdentifier}">
@@ -20368,220 +21148,6 @@ function openGoalsPanel(params) {
   }
 }
 
-// src/components/temperature/utils.ts
-var DAY_PERIODS = [
-  { id: "madrugada", label: "Madrugada (00h-06h)", startHour: 0, endHour: 6 },
-  { id: "manha", label: "Manh\xE3 (06h-12h)", startHour: 6, endHour: 12 },
-  { id: "tarde", label: "Tarde (12h-18h)", startHour: 12, endHour: 18 },
-  { id: "noite", label: "Noite (18h-24h)", startHour: 18, endHour: 24 }
-];
-var DEFAULT_CLAMP_RANGE = { min: 15, max: 40 };
-function getTodaySoFar() {
-  const now = /* @__PURE__ */ new Date();
-  const startOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0, 0);
-  return {
-    startTs: startOfDay.getTime(),
-    endTs: now.getTime()
-  };
-}
-var CHART_COLORS = [
-  "#1976d2",
-  // Blue
-  "#FF6B6B",
-  // Red
-  "#4CAF50",
-  // Green
-  "#FF9800",
-  // Orange
-  "#9C27B0",
-  // Purple
-  "#00BCD4",
-  // Cyan
-  "#E91E63",
-  // Pink
-  "#795548"
-  // Brown
-];
-async function fetchTemperatureData(token, deviceId, startTs, endTs) {
-  const url = `/api/plugins/telemetry/DEVICE/${deviceId}/values/timeseries?keys=temperature&startTs=${encodeURIComponent(startTs)}&endTs=${encodeURIComponent(endTs)}&limit=50000&agg=NONE`;
-  const response = await fetch(url, {
-    headers: {
-      "X-Authorization": `Bearer ${token}`,
-      "Content-Type": "application/json"
-    }
-  });
-  if (!response.ok) {
-    throw new Error(`Failed to fetch temperature data: ${response.status}`);
-  }
-  const data = await response.json();
-  return data?.temperature || [];
-}
-function clampTemperature(value, range = DEFAULT_CLAMP_RANGE) {
-  const num = Number(value || 0);
-  if (num < range.min) return range.min;
-  if (num > range.max) return range.max;
-  return num;
-}
-function calculateStats(data, clampRange = DEFAULT_CLAMP_RANGE) {
-  if (data.length === 0) {
-    return { avg: 0, min: 0, max: 0, count: 0 };
-  }
-  const values = data.map((item) => clampTemperature(item.value, clampRange));
-  const sum = values.reduce((acc, v) => acc + v, 0);
-  return {
-    avg: sum / values.length,
-    min: Math.min(...values),
-    max: Math.max(...values),
-    count: values.length
-  };
-}
-function interpolateTemperature(data, options) {
-  const { intervalMinutes, startTs, endTs, clampRange = DEFAULT_CLAMP_RANGE } = options;
-  const intervalMs = intervalMinutes * 60 * 1e3;
-  if (data.length === 0) {
-    return [];
-  }
-  const sortedData = [...data].sort((a, b) => a.ts - b.ts);
-  const result = [];
-  let lastKnownValue = clampTemperature(sortedData[0].value, clampRange);
-  let dataIndex = 0;
-  for (let ts = startTs; ts <= endTs; ts += intervalMs) {
-    while (dataIndex < sortedData.length - 1 && sortedData[dataIndex + 1].ts <= ts) {
-      dataIndex++;
-    }
-    const currentData = sortedData[dataIndex];
-    if (currentData && Math.abs(currentData.ts - ts) < intervalMs) {
-      lastKnownValue = clampTemperature(currentData.value, clampRange);
-    }
-    result.push({
-      ts,
-      value: lastKnownValue
-    });
-  }
-  return result;
-}
-function aggregateByDay(data, clampRange = DEFAULT_CLAMP_RANGE) {
-  if (data.length === 0) {
-    return [];
-  }
-  const dayMap = /* @__PURE__ */ new Map();
-  data.forEach((item) => {
-    const date = new Date(item.ts);
-    const dateKey = date.toISOString().split("T")[0];
-    if (!dayMap.has(dateKey)) {
-      dayMap.set(dateKey, []);
-    }
-    dayMap.get(dateKey).push(item);
-  });
-  const result = [];
-  dayMap.forEach((dayData, dateKey) => {
-    const values = dayData.map((item) => clampTemperature(item.value, clampRange));
-    const sum = values.reduce((acc, v) => acc + v, 0);
-    result.push({
-      date: dateKey,
-      dateTs: new Date(dateKey).getTime(),
-      avg: sum / values.length,
-      min: Math.min(...values),
-      max: Math.max(...values),
-      count: values.length
-    });
-  });
-  return result.sort((a, b) => a.dateTs - b.dateTs);
-}
-function filterByDayPeriods(data, selectedPeriods) {
-  if (selectedPeriods.length === 0 || selectedPeriods.length === DAY_PERIODS.length) {
-    return data;
-  }
-  return data.filter((item) => {
-    const date = new Date(item.ts);
-    const hour = date.getHours();
-    return selectedPeriods.some((periodId) => {
-      const period = DAY_PERIODS.find((p) => p.id === periodId);
-      if (!period) return false;
-      return hour >= period.startHour && hour < period.endHour;
-    });
-  });
-}
-function getSelectedPeriodsLabel(selectedPeriods) {
-  if (selectedPeriods.length === 0 || selectedPeriods.length === DAY_PERIODS.length) {
-    return "Todos os per\xEDodos";
-  }
-  if (selectedPeriods.length === 1) {
-    const period = DAY_PERIODS.find((p) => p.id === selectedPeriods[0]);
-    return period?.label || "";
-  }
-  return `${selectedPeriods.length} per\xEDodos selecionados`;
-}
-function formatTemperature2(value, decimals = 1) {
-  return `${value.toFixed(decimals)}\xB0C`;
-}
-function exportTemperatureCSV(data, deviceLabel, stats, startDate, endDate) {
-  if (data.length === 0) {
-    console.warn("No data to export");
-    return;
-  }
-  const BOM = "\uFEFF";
-  let csvContent = BOM;
-  csvContent += `Relat\xF3rio de Temperatura - ${deviceLabel}
-`;
-  csvContent += `Per\xEDodo: ${startDate} at\xE9 ${endDate}
-`;
-  csvContent += `M\xE9dia: ${formatTemperature2(stats.avg)}
-`;
-  csvContent += `M\xEDnima: ${formatTemperature2(stats.min)}
-`;
-  csvContent += `M\xE1xima: ${formatTemperature2(stats.max)}
-`;
-  csvContent += `Total de leituras: ${stats.count}
-`;
-  csvContent += "\n";
-  csvContent += "Data/Hora,Temperatura (\xB0C)\n";
-  data.forEach((item) => {
-    const date = new Date(item.ts).toLocaleString("pt-BR");
-    const temp = Number(item.value).toFixed(2);
-    csvContent += `"${date}",${temp}
-`;
-  });
-  const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
-  const url = URL.createObjectURL(blob);
-  const link = document.createElement("a");
-  link.href = url;
-  link.download = `temperatura_${deviceLabel.replace(/\s+/g, "_")}_${startDate}_${endDate}.csv`;
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-  URL.revokeObjectURL(url);
-}
-var DARK_THEME = {
-  background: "rgba(0, 0, 0, 0.85)",
-  surface: "#1a1f28",
-  text: "#ffffff",
-  textMuted: "rgba(255, 255, 255, 0.7)",
-  border: "rgba(255, 255, 255, 0.1)",
-  primary: "#1976d2",
-  success: "#4CAF50",
-  warning: "#FF9800",
-  danger: "#f44336",
-  chartLine: "#1976d2",
-  chartGrid: "rgba(255, 255, 255, 0.1)"
-};
-var LIGHT_THEME = {
-  background: "rgba(0, 0, 0, 0.6)",
-  surface: "#ffffff",
-  text: "#333333",
-  textMuted: "#666666",
-  border: "#e0e0e0",
-  primary: "#1976d2",
-  success: "#4CAF50",
-  warning: "#FF9800",
-  danger: "#f44336",
-  chartLine: "#1976d2",
-  chartGrid: "#e0e0e0"
-};
-function getThemeColors(theme) {
-  return theme === "dark" ? DARK_THEME : LIGHT_THEME;
-}
-
 // src/components/temperature/TemperatureModal.ts
 async function openTemperatureModal(params) {
   const modalId = `myio-temp-modal-${Date.now()}`;
@@ -20821,7 +21387,7 @@ function renderModal(container, state, modalId, error) {
           ">
             <span style="color: ${colors.textMuted}; font-size: 12px; font-weight: 500;">Temperatura Atual</span>
             <div style="font-weight: 700; font-size: 24px; color: ${statusColor}; margin-top: 4px;">
-              ${state.currentTemperature !== null ? formatTemperature2(state.currentTemperature) : "N/A"}
+              ${state.currentTemperature !== null ? formatTemperature(state.currentTemperature) : "N/A"}
             </div>
             <div style="font-size: 11px; color: ${statusColor}; margin-top: 2px;">${statusText}</div>
           </div>
@@ -20832,7 +21398,7 @@ function renderModal(container, state, modalId, error) {
           ">
             <span style="color: ${colors.textMuted}; font-size: 12px; font-weight: 500;">M\xE9dia do Per\xEDodo</span>
             <div id="${modalId}-avg" style="font-weight: 600; font-size: 20px; color: ${colors.text}; margin-top: 4px;">
-              ${state.stats.count > 0 ? formatTemperature2(state.stats.avg) : "N/A"}
+              ${state.stats.count > 0 ? formatTemperature(state.stats.avg) : "N/A"}
             </div>
             <div style="font-size: 11px; color: ${colors.textMuted}; margin-top: 2px;">${startDateStr} - ${endDateStr}</div>
           </div>
@@ -20843,7 +21409,7 @@ function renderModal(container, state, modalId, error) {
           ">
             <span style="color: ${colors.textMuted}; font-size: 12px; font-weight: 500;">Min / Max</span>
             <div id="${modalId}-minmax" style="font-weight: 600; font-size: 20px; color: ${colors.text}; margin-top: 4px;">
-              ${state.stats.count > 0 ? `${formatTemperature2(state.stats.min)} / ${formatTemperature2(state.stats.max)}` : "N/A"}
+              ${state.stats.count > 0 ? `${formatTemperature(state.stats.min)} / ${formatTemperature(state.stats.max)}` : "N/A"}
             </div>
             <div style="font-size: 11px; color: ${colors.textMuted}; margin-top: 2px;">${state.stats.count} leituras</div>
           </div>
@@ -21159,7 +21725,7 @@ function setupChartTooltip(canvas, container, chartData, state, colors) {
       }
       tooltip.innerHTML = `
         <div style="font-weight: 600; margin-bottom: 6px; color: ${colors.primary};">
-          ${formatTemperature2(point.y)}
+          ${formatTemperature(point.y)}
         </div>
         <div style="font-size: 11px; color: ${colors.textMuted};">
           \u{1F4C5} ${dateStr}
@@ -21422,7 +21988,7 @@ function renderModal2(container, state, modalId) {
       <span style="width: 12px; height: 12px; border-radius: 50%; background: ${dd.color};"></span>
       <span style="color: ${colors.text}; font-size: 13px;">${dd.device.label}</span>
       <span style="color: ${colors.textMuted}; font-size: 11px; margin-left: auto;">
-        ${dd.stats.count > 0 ? formatTemperature2(dd.stats.avg) : "N/A"}
+        ${dd.stats.count > 0 ? formatTemperature(dd.stats.avg) : "N/A"}
       </span>
     </div>
   `).join("");
@@ -21438,15 +22004,15 @@ function renderModal2(container, state, modalId) {
       <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4px; font-size: 11px;">
         <span style="color: ${colors.textMuted};">M\xE9dia:</span>
         <span style="color: ${colors.text}; font-weight: 500;">
-          ${dd.stats.count > 0 ? formatTemperature2(dd.stats.avg) : "N/A"}
+          ${dd.stats.count > 0 ? formatTemperature(dd.stats.avg) : "N/A"}
         </span>
         <span style="color: ${colors.textMuted};">Min:</span>
         <span style="color: ${colors.text};">
-          ${dd.stats.count > 0 ? formatTemperature2(dd.stats.min) : "N/A"}
+          ${dd.stats.count > 0 ? formatTemperature(dd.stats.min) : "N/A"}
         </span>
         <span style="color: ${colors.textMuted};">Max:</span>
         <span style="color: ${colors.text};">
-          ${dd.stats.count > 0 ? formatTemperature2(dd.stats.max) : "N/A"}
+          ${dd.stats.count > 0 ? formatTemperature(dd.stats.max) : "N/A"}
         </span>
         <span style="color: ${colors.textMuted};">Leituras:</span>
         <span style="color: ${colors.text};">${dd.stats.count}</span>
@@ -21982,7 +22548,7 @@ function setupComparisonChartTooltip(canvas, container, chartData, state, colors
           <span style="font-weight: 600;">${point.deviceLabel}</span>
         </div>
         <div style="font-weight: 600; font-size: 16px; color: ${point.deviceColor}; margin-bottom: 4px;">
-          ${formatTemperature2(point.y)}
+          ${formatTemperature(point.y)}
         </div>
         <div style="font-size: 11px; color: ${colors.textMuted};">
           \u{1F4C5} ${dateStr}
@@ -23737,7 +24303,7 @@ function createConsumptionModal(config) {
   let currentTheme = config.theme ?? "light";
   let currentChartType = config.defaultChartType ?? "line";
   let currentVizMode = config.defaultVizMode ?? "total";
-  let isMaximized = false;
+  const isMaximized = true;
   const domainCfg = DOMAIN_CONFIG3[config.domain] || { name: config.domain, icon: "\u{1F4CA}" };
   const title = config.title || `${domainCfg.name} - Hist\xF3rico de Consumo`;
   function getThemeColors3() {
@@ -23756,7 +24322,10 @@ function createConsumptionModal(config) {
       title,
       icon: domainCfg.icon,
       theme: currentTheme,
-      isMaximized,
+      isMaximized: true,
+      // Modal is always fullscreen
+      showMaximize: false,
+      // Hide maximize button - modal is already fullscreen
       exportFormats,
       onExport: (format) => {
         if (config.onExport) {
@@ -23774,10 +24343,6 @@ function createConsumptionModal(config) {
         chartInstance?.setTheme(currentTheme);
         updateModal();
       },
-      onMaximize: (maximized) => {
-        isMaximized = maximized;
-        updateModal();
-      },
       onClose: () => {
         instance.close();
       }
@@ -23985,7 +24550,7 @@ function createConsumptionModal(config) {
       typeBarBtn.style.color = currentChartType === "bar" ? "white" : colors.text;
     }
   }
-  function updateModal() {
+  async function updateModal() {
     if (!modalElement) return;
     const cachedData = chartInstance?.getCachedData();
     headerInstance?.destroy();
@@ -23998,9 +24563,11 @@ function createConsumptionModal(config) {
         containerId: `${modalId}-chart`,
         theme: currentTheme,
         defaultChartType: currentChartType,
-        defaultVizMode: currentVizMode
+        defaultVizMode: currentVizMode,
+        initialData: cachedData
+        // RFC-0098: Use initialData for instant re-render
       });
-      chartInstance.update(cachedData);
+      await chartInstance.render();
     }
   }
   const instance = {