myio-js-library 0.1.565 → 0.1.566

package/dist/index.cjs

@@ -276,6 +276,7 @@ __export(src_exports, {
   POWER_LIMITS_DEVICE_TYPES: () => DEVICE_TYPES,
   POWER_LIMITS_STATUS_CONFIG: () => STATUS_CONFIG,
   POWER_LIMITS_TELEMETRY_TYPES: () => TELEMETRY_TYPES,
+  PUMP_POWER_KEY: () => PUMP_POWER_KEY,
   REPORT_MONEY_HEADER: () => REPORT_MONEY_HEADER,
   SCHEDULE_HOLIDAY_CSS_PREFIX: () => SCHEDULE_HOLIDAY_CSS_PREFIX,
   SCHEDULE_IR_CSS_PREFIX: () => SCHEDULE_IR_CSS_PREFIX,
@@ -328,6 +329,7 @@ __export(src_exports, {
   TempSensorSummaryTooltip: () => TempSensorSummaryTooltip,
   Temperature: () => Temperature,
   UsersSummaryTooltip: () => UsersSummaryTooltip,
+  VALVE_STATE_KEYS: () => VALVE_STATE_KEYS,
   VARIANCE_LABEL_ABOVE: () => VARIANCE_LABEL_ABOVE,
   VARIANCE_LABEL_BELOW: () => VARIANCE_LABEL_BELOW,
   VARIANCE_LABEL_ONTARGET: () => VARIANCE_LABEL_ONTARGET,
@@ -450,6 +452,7 @@ __export(src_exports, {
   createDistributionChartWidget: () => createDistributionChartWidget,
   createDivCard: () => createDivCard,
   createEnergyPanelComponent: () => createEnergyPanelComponent,
+  createEquipmentIndicatorStrip: () => createEquipmentIndicatorStrip,
   createErrorSpan: () => createErrorSpan,
   createExportButton: () => createExportButton,
   createFakeDeviceCategoryPort: () => createFakeDeviceCategoryPort,
@@ -544,7 +547,7 @@ __export(src_exports, {
   doSchedulesOverlap: () => doSchedulesOverlap,
   downloadAnnotationsTextFile: () => downloadTextFile,
   encodeDeviceProductCode: () => encodeDeviceProductCode,
-  escapeAnnotationHtml: () => escapeHtml16,
+  escapeAnnotationHtml: () => escapeHtml17,
   evaluateDeviceStatus: () => evaluateDeviceStatus,
   expandBandHours: () => expandBandHours,
   expandBandToHourBucketsByYear: () => expandBandToHourBucketsByYear,
@@ -676,6 +679,7 @@ __export(src_exports, {
   hasCoverageGaps: () => hasCoverageGaps,
   hasSelectedDays: () => hasSelectedDays,
   highlightAnnotationMatches: () => highlightMatches,
+  indicatorsFromModalData: () => indicatorsFromModalData,
   initMyIOAuthContext: () => initMyIOAuthContext,
   initOnOffTimelineTooltips: () => initOnOffTimelineTooltips,
   injectActionButtonStyles: () => injectActionButtonStyles,
@@ -712,6 +716,7 @@ __export(src_exports, {
   injectSolenoidControlStyles: () => injectSolenoidControlStyles,
   injectSwitchControlStyles: () => injectSwitchControlStyles,
   interpolateTemperature: () => interpolateTemperature,
+  intervalsFromTelemetry: () => intervalsFromTelemetry,
   inventory: () => inventory_exports,
   isAlarmActive: () => isAlarmActive,
   isAnnotationOverdue: () => isOverdue,
@@ -741,6 +746,7 @@ __export(src_exports, {
   isValidTimeFormat: () => isValidTimeFormat,
   isWaterCategory: () => isWaterCategory,
   latestHourlyTemperature: () => latestHourlyTemperature,
+  latestPowerKw: () => latestPowerKw,
   liftProfileToTree: () => liftProfileToTree,
   listDeviceProductTypes: () => listDeviceProductTypes,
   listDomains: () => listDomains,
@@ -809,10 +815,12 @@ __export(src_exports, {
   openUpsellModal: () => openUpsellModal,
   openUserManagementModal: () => openUserManagementModal,
   openWelcomeModal: () => openWelcomeModal,
+  openWellPumpsModal: () => openWellPumpsModal,
   overlayWithholdsVerdict: () => overlayWithholdsVerdict,
   panelCategoryToWire: () => panelCategoryToWire,
   panelDomainToWire: () => panelDomainToWire,
   panelTermToDeviceCategory: () => panelTermToDeviceCategory,
+  parseBinaryState: () => parseBinaryState,
   parseClassificationEntities: () => parseClassificationEntities,
   parseGcdrEnergyRoot: () => parseGcdrEnergyRoot,
   parseGcdrEntityForest: () => parseGcdrEntityForest,
@@ -820,6 +828,7 @@ __export(src_exports, {
   parseLogAnnotations: () => parseLogAnnotations,
   periodKey: () => periodKey,
   pickUniqueCustomerCode: () => pickUniqueCustomerCode,
+  pumpHistoryFromConsumption: () => pumpHistoryFromConsumption,
   readFreshdeskTicketsFromTB: () => readFreshdeskTicketsFromTB,
   recalculateDeviceStatus: () => recalculateDeviceStatus,
   recomputeDeviceGridPercentages: () => recomputePercentages,
@@ -847,6 +856,8 @@ __export(src_exports, {
   renderDashboardDowntimeList: () => renderDowntimeList,
   renderDeviceGridList: () => renderList,
   renderDualLineChart: () => renderDualLineChart,
+  renderEquipmentShortcutHTML: () => renderEquipmentShortcutHTML,
+  renderEquipmentTilesHTML: () => renderEquipmentTilesHTML,
   renderFinancialIndicators: () => renderFinancialIndicators,
   renderGatedMoney: () => renderGatedMoney,
   renderKPICards: () => renderKPICards,
@@ -875,7 +886,7 @@ __export(src_exports, {
   schedCreateNumberInput: () => createNumberInput,
   schedCreateSelect: () => createSelect,
   schedCreateTimeInput: () => createTimeInput,
-  schedEscapeHtml: () => escapeHtml15,
+  schedEscapeHtml: () => escapeHtml16,
   schedShowConfirmModal: () => showConfirmModal,
   schedShowNotificationModal: () => showNotificationModal,
   selectBreakdownItems: () => selectBreakdownItems,
@@ -923,7 +934,7 @@ module.exports = __toCommonJS(src_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.565",
+  version: "0.1.566",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -2307,6 +2318,7 @@ var DeviceIconType = {
   BOMBA_CAG: "BOMBA_CAG",
   BOMBA_INCENDIO: "BOMBA_INCENDIO",
   BOMBA: "BOMBA",
+  BOMBA_POCO: "BOMBA_POCO",
   MEDIDOR_3F: "3F_MEDIDOR",
   RELOGIO: "RELOGIO",
   ENTRADA: "ENTRADA",
@@ -2318,6 +2330,8 @@ var DeviceIconType = {
   HIDROMETRO_AREA_COMUM: "HIDROMETRO_AREA_COMUM",
   HIDROMETRO_SHOPPING: "HIDROMETRO_SHOPPING",
   CAIXA_DAGUA: "CAIXA_DAGUA",
+  CISTERNA: "CISTERNA",
+  CISTERNA_ENTRADA: "CISTERNA_ENTRADA",
   TERMOSTATO: "TERMOSTATO",
   COMPRESSOR: "COMPRESSOR",
   VENTILADOR: "VENTILADOR",
@@ -2327,6 +2341,11 @@ var DeviceIconType = {
 };
 var BOX_ICON_SVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" fill="none" stroke-linejoin="round"><ellipse cx="48" cy="85" rx="36" ry="5" fill="#000" opacity=".08"/><polygon points="12,40 56,22 84,36 40,54" fill="#E3BC85" stroke="#7A5527" stroke-width="2"/><polygon points="12,40 40,54 40,84 12,70" fill="#C99A5B" stroke="#7A5527" stroke-width="2"/><polygon points="40,54 84,36 84,66 40,84" fill="#B5823F" stroke="#7A5527" stroke-width="2"/><polygon points="22.6,45.3 66.6,27.3 73.4,30.7 29.4,48.7" fill="#F3DDB0"/><polygon points="22.6,45.3 29.4,48.7 29.4,59 22.6,55.6" fill="#E6CB96"/><path d="M26 47L70 29" stroke="#7A5527" stroke-width="1" opacity=".55"/><polygon points="64.2,59.1 77.4,53.7 77.4,62.7 64.2,68.1" fill="#FBF6EC" stroke="#7A5527" stroke-width="1"/><path d="M66.6 61.4l8.6-3.5M66.6 64.6l5.6-2.3" stroke="#7A5527" stroke-width="1.2" stroke-linecap="round"/></svg>';
 var BOX_ICON_DATA_URI = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(BOX_ICON_SVG);
+var CISTERNA_ICON_SVG = (
+  // width/height explícitos: sem tamanho intrínseco o <img> do card (.device-image, height auto) renderiza 0×0
+  '<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none" stroke-linejoin="round" stroke-linecap="round"><path d="M3 36h24M66 40h10M66 66h10" stroke="#0B3B5C" stroke-width="7"/><path d="M3 36h24M66 40h10M66 66h10" stroke="#B0BEC5" stroke-width="3.5"/><path d="M26 28v46c0 3.3 9 6 20 6s20-2.7 20-6V28" fill="#29B6F6"/><path d="M26 44c0 3.3 9 6 20 6s20-2.7 20-6v15c0 3.3-9 6-20 6s-20-2.7-20-6z" fill="#4FC3F7"/><path d="M26 44c0 3.3 9 6 20 6s20-2.7 20-6M26 59c0 3.3 9 6 20 6s20-2.7 20-6" stroke="#0B3B5C" stroke-width="2.5"/><path d="M26 28v46c0 3.3 9 6 20 6s20-2.7 20-6V28" stroke="#0B3B5C" stroke-width="3.5"/><ellipse cx="46" cy="28" rx="20" ry="6" fill="#81D4FA" stroke="#0B3B5C" stroke-width="3.5"/><path d="M14 36v-9" stroke="#0B3B5C" stroke-width="2.5"/><rect x="8.5" y="17" width="11" height="9" rx="2" fill="#FFB300" stroke="#0B3B5C" stroke-width="2.5"/><path d="M8 30l12 12V30L8 42z" fill="#29B6F6" stroke="#0B3B5C" stroke-width="2.5"/><circle cx="83" cy="40" r="9" fill="#ECEFF1" stroke="#0B3B5C" stroke-width="3"/><path d="M87 35v10l-8-5z" fill="#0B3B5C"/><circle cx="83" cy="66" r="9" fill="#ECEFF1" stroke="#0B3B5C" stroke-width="3"/><path d="M87 61v10l-8-5z" fill="#0B3B5C"/></svg>'
+);
+var CISTERNA_ICON_DATA_URI = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(CISTERNA_ICON_SVG);
 var deviceIcons = {
   ESCADA_ROLANTE: "https://dashboard.myio-bas.com/api/images/public/EJ997iB2HD1AYYUHwIloyQOOszeqb2jp",
   ELEVADOR: "https://dashboard.myio-bas.com/api/images/public/rAjOvdsYJLGah6w6BABPJSD9znIyrkJX",
@@ -2335,6 +2354,8 @@ var deviceIcons = {
   BOMBA_CAG: "https://dashboard.myio-bas.com/api/images/public/rbO2wQb6iKBtX0Ec04DFDcO3Qg04EOoD",
   BOMBA_INCENDIO: "https://dashboard.myio-bas.com/api/images/public/YJkELCk9kluQSM6QXaFINX6byQWI7vbB",
   BOMBA: "https://dashboard.myio-bas.com/api/images/public/Rge8Q3t0CP5PW8XyTn9bBK9aVP6uzSTT",
+  // BOMBA_POCO (ED-1354): bomba de poço artesiano — sem arte própria ainda, usa a do MOTOR/BOMBA.
+  BOMBA_POCO: "https://dashboard.myio-bas.com/api/images/public/Rge8Q3t0CP5PW8XyTn9bBK9aVP6uzSTT",
   "3F_MEDIDOR": "https://dashboard.myio-bas.com/api/images/public/f9Ce4meybsdaAhAkUlAfy5ei3I4kcN4k",
   RELOGIO: "https://dashboard.myio-bas.com/api/images/public/ljHZostWg0G5AfKiyM8oZixWRIIGRASB",
   ENTRADA: "https://dashboard.myio-bas.com/api/images/public/TQHPFqiejMW6lOSVsb8Pi85WtC0QKOLU",
@@ -2349,6 +2370,10 @@ var deviceIcons = {
   HIDROMETRO_AREA_COMUM: "https://dashboard.myio-bas.com/api/images/public/IbEhjsvixAxwKg1ntGGZc5xZwwvGKv2t",
   HIDROMETRO_SHOPPING: "https://dashboard.myio-bas.com/api/images/public/OIMmvN4ZTKYDvrpPGYY5agqMRoSaWNTI",
   CAIXA_DAGUA: "https://dashboard.myio-bas.com/api/images/public/3t6WVhMQJFsrKA8bSZmrngDsNPkZV7fq",
+  // CISTERNA (ED-1354): poço/cisterna (nível + bombas BOMBA_POCO + solenoides) — SVG inline no estilo do TANK.
+  CISTERNA: CISTERNA_ICON_DATA_URI,
+  // CISTERNA_ENTRADA: mesma arte — o sufixo só decide a coluna (Entrada × Área Comum)
+  CISTERNA_ENTRADA: CISTERNA_ICON_DATA_URI,
   TERMOSTATO: "https://dashboard.myio-bas.com/api/images/public/rtCcq6kZZVCD7wgJywxEurRZwR8LA7Q7",
   // COMPRESSOR shares FANCOIL art; VENTILADOR shares MOTOR/BOMBA art (single static icons, no on/off variation).
   COMPRESSOR: "https://dashboard.myio-bas.com/api/images/public/4BWMuVIFHnsfqatiV86DmTrOB7IF0X8Y",
@@ -2369,6 +2394,7 @@ var deviceIconLabels = {
   BOMBA_CAG: "Bomba CAG",
   BOMBA_INCENDIO: "Bomba Inc\xEAndio",
   BOMBA: "Bomba",
+  BOMBA_POCO: "Bomba de Po\xE7o",
   "3F_MEDIDOR": "Medidor 3F",
   RELOGIO: "Rel\xF3gio",
   ENTRADA: "Entrada",
@@ -2380,6 +2406,8 @@ var deviceIconLabels = {
   HIDROMETRO_AREA_COMUM: "Hidr\xF4metro \xC1rea Comum",
   HIDROMETRO_SHOPPING: "Hidr\xF4metro Shopping",
   CAIXA_DAGUA: "Caixa d'\xC1gua",
+  CISTERNA: "Cisterna",
+  CISTERNA_ENTRADA: "Cisterna (Entrada)",
   TERMOSTATO: "Termostato",
   COMPRESSOR: "Compressor",
   VENTILADOR: "Ventilador",
@@ -2422,6 +2450,11 @@ var DEVICE_TYPE_CONFIG = {
   HIDROMETRO_AREA_COMUM: { category: "water", image: deviceIcons.HIDROMETRO_AREA_COMUM },
   HIDROMETRO_SHOPPING: { category: "water", image: deviceIcons.HIDROMETRO_SHOPPING },
   CAIXA_DAGUA: { category: "water", image: deviceIcons.CAIXA_DAGUA },
+  // ED-1354: poço/cisterna (nível, como CAIXA_DAGUA) — _ENTRADA vai p/ a coluna Entrada, o outro p/ Área Comum
+  CISTERNA: { category: "water", image: deviceIcons.CISTERNA },
+  CISTERNA_ENTRADA: { category: "water", image: deviceIcons.CISTERNA_ENTRADA },
+  BOMBA_POCO: { category: "energy", image: deviceIcons.BOMBA_POCO },
+  // ED-1354: bomba do poço (consumption W)
   // Tank devices (dynamic images based on level)
   TANK: { category: "tank", image: null },
   // Temperature devices (dynamic images based on status)
@@ -20781,6 +20814,234 @@ function resolvePercentDecimals(explicit) {
   return 2;
 }
 
+// src/components/well-pumps/equipmentState.ts
+var HOUR_MS = 36e5;
+var DAY_MS = 24 * HOUR_MS;
+var TRUE_WORDS = /* @__PURE__ */ new Set(["1", "true", "on", "ligada", "ligado", "open", "opened", "aberta", "aberto", "running", "run"]);
+var FALSE_WORDS = /* @__PURE__ */ new Set(["0", "false", "off", "desligada", "desligado", "closed", "close", "fechada", "fechado", "stopped", "stop"]);
+function parseBinaryState(value) {
+  if (typeof value === "boolean") return value;
+  if (typeof value === "number") return Number.isFinite(value) ? value !== 0 : null;
+  if (typeof value !== "string") return null;
+  const v = value.trim().toLowerCase();
+  if (TRUE_WORDS.has(v)) return true;
+  if (FALSE_WORDS.has(v)) return false;
+  const n = Number(v);
+  return v !== "" && Number.isFinite(n) ? n !== 0 : null;
+}
+function intervalsFromTelemetry(points, opts = {}) {
+  const toState = (v) => {
+    if (typeof opts.threshold !== "number") return parseBinaryState(v);
+    const n = typeof v === "number" ? v : typeof v === "string" && v.trim() !== "" ? Number(v) : NaN;
+    return Number.isFinite(n) ? n > opts.threshold : null;
+  };
+  const sorted = (points || []).map((p) => ({ ts: Number(p?.ts), state: toState(p?.value) })).filter((p) => Number.isFinite(p.ts) && p.state !== null).sort((a, b) => a.ts - b.ts);
+  const out = [];
+  let open = null;
+  for (const p of sorted) {
+    if (p.state && open === null) open = p.ts;
+    else if (!p.state && open !== null) {
+      out.push([open, p.ts]);
+      open = null;
+    }
+  }
+  if (open !== null) out.push([open, null]);
+  return out;
+}
+var PUMP_POWER_KEY = "consumption";
+var VALVE_STATE_KEYS = ["state", "status"];
+function pumpHistoryFromConsumption(points, thresholdW = 0) {
+  return intervalsFromTelemetry(points, { threshold: thresholdW });
+}
+function latestPowerKw(points) {
+  let best = null;
+  for (const p of points || []) {
+    const ts = Number(p?.ts);
+    const v = Number(p?.value);
+    if (!Number.isFinite(ts) || !Number.isFinite(v) || p?.value === "" || p?.value === null) continue;
+    if (!best || ts > best.ts) best = { ts, v };
+  }
+  return best ? best.v / 1e3 : null;
+}
+function isActive(history) {
+  const last = history?.[history.length - 1];
+  return !!last && last[1] === null;
+}
+function stateSince(history) {
+  const last = history?.[history.length - 1];
+  if (!last) return null;
+  return last[1] === null ? last[0] : last[1];
+}
+function dayStats(history, now = Date.now()) {
+  const midnight = new Date(now);
+  midnight.setHours(0, 0, 0, 0);
+  const m = midnight.getTime();
+  let activeMs = 0;
+  let starts = 0;
+  for (const [s, e] of history || []) {
+    const end = Math.min(e ?? now, now);
+    const a = Math.max(s, m);
+    if (end > a) activeMs += end - a;
+    if (s >= m && s <= now) starts++;
+  }
+  return { activeMs, starts };
+}
+function timelineSegments(history, now = Date.now(), windowMs = DAY_MS) {
+  const from = now - windowMs;
+  const out = [];
+  for (const [s, e] of history || []) {
+    const b = Math.min(e ?? now, now);
+    if (b <= from || s >= now) continue;
+    const a = Math.max(s, from);
+    out.push({
+      leftPct: (a - from) / windowMs * 100,
+      widthPct: Math.max((b - a) / windowMs * 100, 0.6),
+      live: e === null,
+      start: s,
+      end: e
+    });
+  }
+  return out;
+}
+function formatClock(ts) {
+  if (ts === null || ts === void 0 || !Number.isFinite(ts)) return "\u2014";
+  return new Date(ts).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" });
+}
+function formatDuration2(ms) {
+  const m = Math.max(0, Math.round(ms / 6e4));
+  return m < 60 ? `${m} min` : `${Math.floor(m / 60)} h ${String(m % 60).padStart(2, "0")}`;
+}
+function indicatorsFromModalData(data) {
+  if (!data) return [];
+  const list = (data.pumps || []).map((p) => ({
+    code: p.code,
+    label: p.label,
+    kind: "pump",
+    active: Array.isArray(p.history) ? isActive(p.history) : null,
+    since: stateSince(p.history),
+    deviceProfile: p.deviceProfile || "BOMBA_POCO"
+  }));
+  (data.valves || []).forEach((v) => {
+    list.push({
+      code: v.code,
+      label: v.label,
+      kind: "valve",
+      active: Array.isArray(v.history) ? isActive(v.history) : null,
+      since: stateSince(v.history),
+      deviceProfile: v.deviceProfile || "SOLENOIDE"
+    });
+  });
+  return list;
+}
+
+// src/components/well-pumps/equipmentIndicators.ts
+var STYLE_ID4 = "myio-equipment-indicators-styles";
+var PUMP_SVG = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="12" cy="12" r="8"/><g class="myio-eq-rotor"><path d="M12 4v4M12 16v4M4 12h4M16 12h4"/></g></svg>`;
+var VALVE_SVG = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linejoin="round" aria-hidden="true"><path d="M3 7v10l9-5zM21 7v10l-9-5z"/><path d="M12 12V5M9 5h6"/></svg>`;
+function escapeHtml2(s) {
+  return String(s ?? "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+}
+function indicatorStateClass(ind) {
+  if (ind.active === null || ind.active === void 0) return "unk";
+  if (ind.kind === "valve") return ind.active ? "open" : "closed";
+  return ind.active ? "on" : "off";
+}
+function indicatorStateText(ind, short = false) {
+  if (ind.active === null || ind.active === void 0) return short ? "S/ leit." : "sem leitura";
+  if (ind.kind === "valve") return ind.active ? short ? "Aberta" : "aberta" : short ? "Fechada" : "fechada";
+  return ind.active ? short ? "Ligada" : "ligada" : short ? "Deslig." : "desligada";
+}
+function indicatorTitle(ind) {
+  const profile = ind.deviceProfile ? ` (${ind.deviceProfile})` : "";
+  const since = ind.since ? ` desde ${formatClock(ind.since)}` : "";
+  return `${ind.code} \xB7 ${ind.label}${profile}: ${indicatorStateText(ind)}${ind.active === null || ind.active === void 0 ? "" : since}`;
+}
+function ensureEquipmentIndicatorStyles() {
+  if (typeof document === "undefined" || document.getElementById(STYLE_ID4)) return;
+  const style = document.createElement("style");
+  style.id = STYLE_ID4;
+  style.textContent = `
+    .myio-eq-strip{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:25;display:flex;flex-direction:column;flex-wrap:wrap-reverse;align-content:flex-end;max-height:96px;gap:4px;font-family:Nunito,system-ui,sans-serif}
+    .myio-eq-strip.clickable{cursor:pointer}
+    .myio-eq-b{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 5px;
+      border-radius:6px;font:800 11px Nunito,system-ui,sans-serif;border:1.5px solid;transition:all .25s;box-sizing:border-box}
+    .myio-eq-b svg{width:13px;height:13px}
+    .myio-eq-b.on{background:#22c55e;border-color:#16a34a;color:#fff;box-shadow:0 0 0 2px rgba(34,197,94,.25)}
+    .myio-eq-b.off{background:#f1f5f9;border-color:#cbd5e1;color:#94a3b8}
+    .myio-eq-b.open{background:#3b82f6;border-color:#1d4ed8;color:#fff;box-shadow:0 0 0 2px rgba(59,130,246,.25)}
+    .myio-eq-b.closed{background:#fef2f2;border-color:#f87171;color:#dc2626}
+    .myio-eq-b.unk{background:#fff;border-style:dashed;border-color:#cbd5e1;color:#94a3b8}
+    .myio-eq-b.on::after,.myio-eq-b.open::after{content:'';position:absolute;top:-3px;right:-3px;width:7px;height:7px;border-radius:50%;
+      border:1.5px solid #fff;animation:myioEqPulse 1.4s ease-in-out infinite}
+    .myio-eq-b.on::after{background:#16a34a}.myio-eq-b.open::after{background:#1d4ed8}
+
+    .myio-eq-tiles{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
+    .myio-eq-ti{width:50px;padding:6px 0 5px;border-radius:10px;background:rgba(255,255,255,.75);border:1px solid #e2e8f0;
+      box-shadow:0 1px 2px rgba(15,23,42,.06);display:flex;flex-direction:column;align-items:center;gap:2px;
+      font-family:Nunito,system-ui,sans-serif;transition:all .3s}
+    .myio-eq-ti b{font-size:11.5px;font-weight:800;color:#334155;line-height:1}
+    .myio-eq-ti small{font-size:9px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;line-height:1}
+    .myio-eq-ti i{width:8px;height:8px;border-radius:50%;background:#cbd5e1;margin-bottom:2px}
+    .myio-eq-ti.on{border-color:#bbf7d0;background:linear-gradient(180deg,#f0fdf4,#fff)}
+    .myio-eq-ti.on i{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18);animation:myioEqPulse 1.6s ease-in-out infinite}
+    .myio-eq-ti.on small{color:#16a34a}
+    .myio-eq-ti.open{border-color:#bfdbfe;background:linear-gradient(180deg,#eff6ff,#fff)}
+    .myio-eq-ti.open i{background:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.18);animation:myioEqPulse 1.6s ease-in-out infinite}
+    .myio-eq-ti.open small{color:#2563eb}
+    .myio-eq-ti.closed{border-color:#fecaca}.myio-eq-ti.closed i{background:#ef4444}.myio-eq-ti.closed small{color:#dc2626}
+
+    .myio-eq-shortcut{display:inline-flex;align-items:center;gap:5px;margin-right:6px;padding:5px 10px;border-radius:8px;cursor:pointer;
+      background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#fff;font:700 12px Nunito,system-ui,sans-serif}
+    .myio-eq-shortcut:hover{background:rgba(255,255,255,.26)}
+    .myio-eq-shortcut svg{width:15px;height:15px}
+    .myio-eq-shortcut i{font-style:normal;font-size:10px;font-weight:800;padding:1px 5px;border-radius:4px}
+    .myio-eq-shortcut i.on{background:#22c55e;color:#fff}.myio-eq-shortcut i.off,.myio-eq-shortcut i.unk{background:rgba(255,255,255,.25);color:#e2e8f0}
+    .myio-eq-shortcut i.open{background:#3b82f6;color:#fff}.myio-eq-shortcut i.closed{background:#ef4444;color:#fff}
+
+    .myio-eq-rotor{transform-origin:12px 12px}
+    .myio-eq-spin .myio-eq-rotor{animation:myioEqSpin 1s linear infinite}
+    @keyframes myioEqSpin{to{transform:rotate(360deg)}}
+    @keyframes myioEqPulse{0%,100%{opacity:1}50%{opacity:.35}}
+    @media (prefers-reduced-motion:reduce){.myio-eq-b::after,.myio-eq-ti i,.myio-eq-spin .myio-eq-rotor{animation:none!important}}
+  `;
+  document.head.appendChild(style);
+}
+function renderEquipmentStripHTML(indicators) {
+  return (indicators || []).map((ind) => {
+    const cls = indicatorStateClass(ind);
+    const content = ind.kind === "valve" && ind.code.length <= 1 ? VALVE_SVG : escapeHtml2(ind.code);
+    return `<span class="myio-eq-b ${cls}" data-code="${escapeHtml2(ind.code)}" title="${escapeHtml2(indicatorTitle(ind))}">${content}</span>`;
+  }).join("");
+}
+function createEquipmentIndicatorStrip(indicators, opts = {}) {
+  ensureEquipmentIndicatorStyles();
+  const el2 = document.createElement("div");
+  el2.className = "myio-eq-strip";
+  el2.setAttribute("role", "group");
+  el2.setAttribute("aria-label", "Bombas e solenoide");
+  el2.innerHTML = renderEquipmentStripHTML(indicators);
+  if (typeof opts.onClick === "function") {
+    el2.classList.add("clickable");
+    el2.addEventListener("click", (ev) => {
+      ev.stopPropagation();
+      ev.preventDefault();
+      opts.onClick(ev);
+    });
+  }
+  return el2;
+}
+function renderEquipmentTilesHTML(indicators) {
+  if (!indicators?.length) return "";
+  return `<div class="myio-eq-tiles">${indicators.map((ind) => {
+    const cls = indicatorStateClass(ind);
+    return `<div class="myio-eq-ti ${cls}" title="${escapeHtml2(indicatorTitle(ind))}"><i></i><b>${escapeHtml2(ind.code)}</b><small>${indicatorStateText(ind, true)}</small></div>`;
+  }).join("")}</div>`;
+}
+function renderEquipmentShortcutHTML(indicators, label = "Bombas") {
+  const anyOn = (indicators || []).some((i) => i.kind === "pump" && i.active === true);
+  return `<span class="${anyOn ? "myio-eq-spin" : ""}" style="display:inline-flex">${PUMP_SVG}</span><span>${escapeHtml2(label)}</span>` + (indicators || []).map((ind) => `<i class="${indicatorStateClass(ind)}">${escapeHtml2(ind.code)}</i>`).join("");
+}
+
 // src/components/cards/main-view/v5.2.0/template-card-v5.js
 var LABEL_CHAR_LIMIT2 = 18;
 var ENERGY_DEVICE_TYPES = getTypesByCategory("energy");
@@ -20815,7 +21076,9 @@ function renderCardComponentV5({
   // Tooltip on device image for temperature devices
   // Decimal places for the % badge. Resolved at render time so it can be changed
   // without rebuilding the lib: this prop > window.MyIOUtils.percentDecimals > 2.
-  percentDecimals
+  percentDecimals,
+  // ED-1354: clique na coluna B1/B2/S (entityObject.equipmentIndicators) — ex.: abre a modal das bombas
+  handleActionEquipment
 }) {
   const {
     entityId,
@@ -20864,7 +21127,9 @@ function renderCardComponentV5({
     excludeGroupsTotals,
     // Card já desenhado, telemetria (valor/status) ainda chegando → spinner no valor, sem selo,
     // status neutro (não marca offline nem pisca enquanto carrega)
-    dataLoading = false
+    dataLoading = false,
+    // ED-1354: indicadores B1/B2/S (bombas MOTOR + solenoide) no card do poço
+    equipmentIndicators
   } = entityObject;
   const deviceStatus = dataLoading ? "loading" : rawDeviceStatus;
   const deviceType = deviceProfile || legacyDeviceType || "";
@@ -21019,7 +21284,7 @@ function renderCardComponentV5({
   };
   const isEnergyDevice2 = (deviceType2) => isEnergyDeviceType(deviceType2);
   const isTemperatureDevice2 = (deviceType2) => isTemperatureDeviceType(deviceType2);
-  const isTankDevice2 = deviceType === "TANK" || deviceType === "CAIXA_DAGUA";
+  const isTankDevice2 = deviceType === "TANK" || deviceType === "CAIXA_DAGUA" || deviceType === "CISTERNA" || deviceType === "CISTERNA_ENTRADA";
   const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
   const tankLevelCm = isTankDevice2 ? Number(waterLevel ?? val) : null;
   const _pctDecimals = resolvePercentDecimals(percentDecimals);
@@ -21455,6 +21720,13 @@ function renderCardComponentV5({
     `;
   container.innerHTML = cardHTML;
   const enhancedCardElement = container.querySelector(".device-card-centered");
+  if (Array.isArray(equipmentIndicators) && equipmentIndicators.length > 0 && enhancedCardElement) {
+    enhancedCardElement.appendChild(
+      createEquipmentIndicatorStrip(equipmentIndicators, {
+        onClick: typeof handleActionEquipment === "function" ? () => handleActionEquipment(entityObject) : void 0
+      })
+    );
+  }
   try {
     const _excl = typeof excludeGroupsTotals === "string" ? JSON.parse(excludeGroupsTotals) : excludeGroupsTotals;
     const _isExcluded = !!(_excl && _excl.enabled === true && (_excl.groups && Object.values(_excl.groups).some((v) => v === true) || Array.isArray(_excl.excludedGroups) && _excl.excludedGroups.length > 0));
@@ -27318,7 +27590,7 @@ var TOAST_TYPE_META = {
   warning: { icon: "\u26A0\uFE0F", title: "Aviso" },
   error: { icon: "\u{1F6AB}", title: "Erro" }
 };
-function escapeHtml2(text2) {
+function escapeHtml3(text2) {
   const div = document.createElement("div");
   div.textContent = text2 == null ? "" : String(text2);
   return div.innerHTML;
@@ -27515,7 +27787,7 @@ var MyIOToast = (function() {
         InfoTooltip_default.show(expandBtn, {
           icon: meta.icon,
           title: meta.title,
-          content: escapeHtml2(fullMessage).replace(/\n/g, "<br>")
+          content: escapeHtml3(fullMessage).replace(/\n/g, "<br>")
         });
       });
       toastEl.appendChild(expandBtn);
@@ -35759,7 +36031,7 @@ function paletteColor(base, index, dark) {
 }
 var defaultFormatValue = (v) => Number(v || 0).toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 var fmtPct = (pct) => `${pct.toLocaleString("pt-BR", { minimumFractionDigits: 0, maximumFractionDigits: 1 })}%`;
-function escapeHtml3(s) {
+function escapeHtml4(s) {
   return String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function slugify2(s) {
@@ -35924,7 +36196,7 @@ function createParticipationChart(container, params) {
       content: `
         <div class="myio-info-tooltip__section" style="min-width:180px;">
           <div style="font-size:12px;line-height:1.6;">
-            <div><strong>Valor:</strong> ${escapeHtml3(settings.formatValue(item.value))}${settings.unit ? ` ${escapeHtml3(settings.unit)}` : ""}</div>
+            <div><strong>Valor:</strong> ${escapeHtml4(settings.formatValue(item.value))}${settings.unit ? ` ${escapeHtml4(settings.unit)}` : ""}</div>
             <div><strong>Participa\xE7\xE3o:</strong> ${fmtPct(pct)}</div>
           </div>
         </div>
@@ -41006,6 +41278,9 @@ var WaterTankModalView = class {
    * Get tank image URL based on level percentage (same logic as device card)
    */
   getTankImageUrl(percentage) {
+    if (/^CISTERNA(_ENTRADA)?$/.test(String(this.config.params.deviceType || "").toUpperCase())) {
+      return deviceIcons.CISTERNA;
+    }
     if (percentage >= 70) {
       return "https://dashboard.myio-bas.com/api/images/public/3t6WVhMQJFsrKA8bSZmrngDsNPkZV7fq";
     } else if (percentage >= 40) {
@@ -41043,10 +41318,10 @@ var WaterTankModalView = class {
    */
   render() {
     const { params } = this.config;
-    const STYLE_ID18 = "myio-water-tank-modal-styles";
-    if (!document.getElementById(STYLE_ID18)) {
+    const STYLE_ID20 = "myio-water-tank-modal-styles";
+    if (!document.getElementById(STYLE_ID20)) {
       const style = document.createElement("style");
-      style.id = STYLE_ID18;
+      style.id = STYLE_ID20;
       style.textContent = `
         @media (max-width: 640px) {
           .myio-water-tank-modal { width: 100vw !important; max-width: 100vw !important; max-height: 100vh !important; border-radius: 0 !important; }
@@ -41059,6 +41334,7 @@ var WaterTankModalView = class {
       `;
       document.head.appendChild(style);
     }
+    if (params.equipmentIndicators?.length || params.headerActions?.length) ensureEquipmentIndicatorStyles();
     this.overlay = document.createElement("div");
     this.overlay.className = "myio-water-tank-modal-overlay";
     this.overlay.style.cssText = `
@@ -41122,6 +41398,7 @@ var WaterTankModalView = class {
           line-height: 2;
         ">\u{1F4A7} ${title}</h2>
         <div style="display: flex; gap: 4px; align-items: center;">
+          ${this.renderHeaderActions()}
           <button class="myio-water-tank-modal-close" title="${this.i18n.close}" style="
             background: none;
             border: none;
@@ -41136,6 +41413,46 @@ var WaterTankModalView = class {
       </div>
     `;
   }
+  /**
+   * ED-1354: botões extras do header (ex.: atalho "Bombas B1 B2 S")
+   */
+  renderHeaderActions() {
+    const actions = this.config.params.headerActions || [];
+    return actions.map((a, i) => {
+      const content = a.indicators ? renderEquipmentShortcutHTML(a.indicators, a.label) : `<span>${escapeHtml2(a.label)}</span>`;
+      return `<button type="button" class="myio-eq-shortcut" data-header-action="${i}" title="${escapeHtml2(a.title || a.label)}">${content}</button>`;
+    }).join("");
+  }
+  /**
+   * ED-1354: B1/B2/S sob o ícone do reservatório
+   */
+  renderEquipmentTiles() {
+    const indicators = this.config.params.equipmentIndicators;
+    if (!indicators?.length) return "";
+    return `<div class="myio-water-tank-equipment">${renderEquipmentTilesHTML(indicators)}</div>`;
+  }
+  /**
+   * ED-1354: atualiza tiles e mini-badges dos atalhos sem re-renderizar a modal
+   */
+  updateEquipmentIndicators(indicators) {
+    const { params } = this.config;
+    params.equipmentIndicators = indicators;
+    if (!this.modal) return;
+    ensureEquipmentIndicatorStyles();
+    const tiles = this.modal.querySelector(".myio-water-tank-equipment");
+    if (tiles) {
+      tiles.innerHTML = renderEquipmentTilesHTML(indicators);
+    } else {
+      const img = this.modal.querySelector(".myio-water-tank-tank-panel img");
+      img?.insertAdjacentHTML("afterend", this.renderEquipmentTiles());
+    }
+    (params.headerActions || []).forEach((a, i) => {
+      if (!a.indicators) return;
+      a.indicators = indicators;
+      const btn = this.modal.querySelector(`[data-header-action="${i}"]`);
+      if (btn) btn.innerHTML = renderEquipmentShortcutHTML(indicators, a.label);
+    });
+  }
   /**
    * RFC-0107: Render modal body with new layout
    * Left side: Tank visualization with percentage
@@ -41294,6 +41611,7 @@ var WaterTankModalView = class {
           height: auto;
           filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));
         "/>
+        ${this.renderEquipmentTiles()}
         <div style="
           font-size: 42px;
           font-weight: 700;
@@ -41756,6 +42074,17 @@ var WaterTankModalView = class {
     if (closeBtn) {
       closeBtn.addEventListener("click", () => this.config.onClose());
     }
+    this.modal.querySelectorAll("[data-header-action]").forEach((btn) => {
+      btn.addEventListener("click", (e) => {
+        e.stopPropagation();
+        const action = this.config.params.headerActions?.[Number(btn.dataset.headerAction)];
+        try {
+          action?.onClick();
+        } catch (err) {
+          console.warn("[WaterTankModal] headerAction falhou:", err);
+        }
+      });
+    });
     const exportBtn = this.modal.querySelector(".myio-water-tank-export-btn");
     if (exportBtn) {
       exportBtn.addEventListener("click", () => this.config.onExport());
@@ -42401,7 +42730,9 @@ var WaterTankModal = class {
       }
       dbg5("[WaterTankModal] Modal opened successfully");
       return {
-        close: () => this.close()
+        close: () => this.close(),
+        // ED-1354: host atualiza B1/B2/S (tiles + atalho) sem reabrir a modal
+        updateEquipmentIndicators: (indicators) => this.view?.updateEquipmentIndicators(indicators)
       };
     } catch (error) {
       console.error("[WaterTankModal] Failed to show modal:", error);
@@ -50986,8 +51317,8 @@ var AnnotationsTab = class {
    */
   toggleTypeFilter(type) {
     if (type === "archived") {
-      const isActive = this.filters.statusList?.includes("archived") || false;
-      this.filters.statusList = isActive ? [] : ["archived"];
+      const isActive2 = this.filters.statusList?.includes("archived") || false;
+      this.filters.statusList = isActive2 ? [] : ["archived"];
       this.applyFilters();
       return;
     }
@@ -53660,24 +53991,24 @@ var BUILDING_ICON = `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="
 function renderAlarmCard(alarm, _params) {
   const severityConfig = SEVERITY_CONFIG[alarm.severity];
   const stateConfig = STATE_CONFIG[alarm.state];
-  const isActive = isAlarmActive(alarm.state);
+  const isActive2 = isAlarmActive(alarm.state);
   const firstSeenRelative = formatRelativeTimeShort(alarm.firstOccurrence);
   const lastSeenRelative = formatRelativeTimeShort(alarm.lastOccurrence);
   const isSelected = _params?.selected ?? false;
   const rawTitle = alarm.title || "Sem t\xEDtulo";
   const truncatedTitle = rawTitle.length > 42 ? rawTitle.substring(0, 42) + "\u2026" : rawTitle;
-  const safeTitle = escapeHtml4(truncatedTitle);
-  const safeTitleFull = escapeHtml4(rawTitle);
-  const safeCustomerName = escapeHtml4(alarm.customerName || "N/A");
+  const safeTitle = escapeHtml5(truncatedTitle);
+  const safeTitleFull = escapeHtml5(rawTitle);
+  const safeCustomerName = escapeHtml5(alarm.customerName || "N/A");
   const safeOccurrences = alarm.occurrenceCount || 1;
   const showCustomer = _params?.showCustomerName ?? true;
   const showDeviceBadge = _params?.showDeviceBadge ?? false;
-  const safeSource = escapeHtml4(alarm.source || "");
+  const safeSource = escapeHtml5(alarm.source || "");
   const alarmTypes = _params?.alarmTypes ?? [];
   const typeChipsHtml = alarmTypes.length > 0 ? `<div class="alarm-card-type-scroll">
       <button class="alarm-type-scroll-btn alarm-type-scroll-btn--left" tabindex="-1" aria-hidden="true">&#8249;</button>
       <div class="alarm-card-type-list">${alarmTypes.map(
-    (t) => `<span class="alarm-type-chip" title="${escapeHtml4(t)}">${escapeHtml4(t.length > 22 ? t.substring(0, 22) + "\u2026" : t)}</span>`
+    (t) => `<span class="alarm-type-chip" title="${escapeHtml5(t)}">${escapeHtml5(t.length > 22 ? t.substring(0, 22) + "\u2026" : t)}</span>`
   ).join("")}</div>
       <button class="alarm-type-scroll-btn alarm-type-scroll-btn--right" tabindex="-1" aria-hidden="true">&#8250;</button>
     </div>` : "";
@@ -53687,7 +54018,7 @@ function renderAlarmCard(alarm, _params) {
   return `<article class="alarm-card${isSelected ? " alarm-card--selected" : ""}${hideDetails ? " alarm-card--clickable" : ""}" data-alarm-id="${alarm.id}" data-severity="${alarm.severity}" data-state="${alarm.state}">
   <header class="alarm-card-header">
     ${!hideSelect ? `<label class="alarm-card-checkbox-wrap" title="Selecionar para a\xE7\xE3o em lote" onclick="event.stopPropagation()">
-      <input type="checkbox" class="alarm-card-select" data-alarm-id="${alarm.id}" data-alarm-title="${escapeHtml4(rawTitle)}"${isSelected ? " checked" : ""}>
+      <input type="checkbox" class="alarm-card-select" data-alarm-id="${alarm.id}" data-alarm-title="${escapeHtml5(rawTitle)}"${isSelected ? " checked" : ""}>
     </label>` : ""}
     ${showDeviceBadge && safeSource ? `<span class="alarm-card-device-badge" title="${safeSource}">${safeSource}</span>` : ""}
     <div class="alarm-card-badges">
@@ -53715,7 +54046,7 @@ function renderAlarmCard(alarm, _params) {
     </div>
   </div>
   <footer class="alarm-card-footer">
-    ${!_params?.hideActions && _params?.canAcknowledge !== false && isActive ? `<button class="btn btn-ack" data-action="acknowledge" data-alarm-id="${alarm.id}" title="Reconhecer"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" aria-hidden="true"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></button>` : ""}
+    ${!_params?.hideActions && _params?.canAcknowledge !== false && isActive2 ? `<button class="btn btn-ack" data-action="acknowledge" data-alarm-id="${alarm.id}" title="Reconhecer"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" aria-hidden="true"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></button>` : ""}
     ${!_params?.hideActions && _params?.canSnooze !== false && alarm.state !== "CLOSED" ? `<button class="btn btn-snooze" data-action="snooze" data-alarm-id="${alarm.id}" title="Adiar"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" aria-hidden="true"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"/></svg></button>` : ""}
     ${!_params?.hideActions && _params?.canEscalate !== false && alarm.state !== "CLOSED" ? `<button class="btn btn-escalate" data-action="escalate" data-alarm-id="${alarm.id}" title="Escalar"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" aria-hidden="true"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"/></svg></button>` : ""}
     ${!hideDetails ? `<button class="btn btn-details" data-action="details" data-alarm-id="${alarm.id}" title="Detalhes"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg></button>` : ""}
@@ -53843,7 +54174,7 @@ function _attachAnnotationBadges(card, alarmId) {
   if (!addedAny) return;
   card.appendChild(container);
 }
-function escapeHtml4(text2) {
+function escapeHtml5(text2) {
   const div = document.createElement("div");
   div.textContent = text2;
   return div.innerHTML;
@@ -55110,7 +55441,7 @@ function openAlarmDetailsModal(alarm, themeMode = "light", groupMode, onAction)
       }
       const showDevice = !isSeparado && devices.length > 0;
       const showAlarm = groupMode === "porDispositivo" && (alarm._groupAlarmIds?.length || 0) > 1;
-      const isActive = alarm.state === "OPEN" || alarm.state === "ESCALATED";
+      const isActive2 = alarm.state === "OPEN" || alarm.state === "ESCALATED";
       const isClosed = alarm.state === "CLOSED";
       const occIndex = /* @__PURE__ */ new Map();
       occEvents().forEach((e, i) => occIndex.set(e, i + 1));
@@ -55159,7 +55490,7 @@ function openAlarmDetailsModal(alarm, themeMode = "light", groupMode, onAction)
           <td class="adm-rpt-cell adm-tl-action-cell">
             ${e.occurrence ? `<label class="adm-tl-cb-wrap" data-cb-wrap><input type="checkbox" class="adm-tl-row-cb" data-item-id="${escHtml2(itemId)}"></label>
             <div class="adm-tl-row-btns" data-row-btns>
-              ${isActive ? `<button class="adm-tl-row-btn adm-tl-row-btn--ack" data-action="acknowledge" data-item-id="${escHtml2(itemId)}" title="Reconhecer">${_svgAck}</button>` : ""}
+              ${isActive2 ? `<button class="adm-tl-row-btn adm-tl-row-btn--ack" data-action="acknowledge" data-item-id="${escHtml2(itemId)}" title="Reconhecer">${_svgAck}</button>` : ""}
               ${!isClosed ? `<button class="adm-tl-row-btn adm-tl-row-btn--snooze" data-action="snooze" data-item-id="${escHtml2(itemId)}" title="Adiar">${_svgSnooze}</button>` : ""}
               ${!isClosed ? `<button class="adm-tl-row-btn adm-tl-row-btn--escalate" data-action="escalate" data-item-id="${escHtml2(itemId)}" title="Escalar">${_svgEscalate}</button>` : ""}
             </div>` : ""}
@@ -63550,10 +63881,10 @@ ${this._formatFileSize(f.size)} \xB7 ${f.type || "arquivo"}`;
   // Styles
   // ==========================================================================
   injectStyles() {
-    const STYLE_ID18 = "myio-tickets-tab-styles";
-    if (document.getElementById(STYLE_ID18)) return;
+    const STYLE_ID20 = "myio-tickets-tab-styles";
+    if (document.getElementById(STYLE_ID20)) return;
     const style = document.createElement("style");
-    style.id = STYLE_ID18;
+    style.id = STYLE_ID20;
     style.textContent = `
       /* ===== TicketsTab layout ===== */
       .ct-tab {
@@ -68606,11 +68937,11 @@ function connectivityFieldsetHtml(data, l, language, errors) {
     </div>
   `;
 }
-var STYLE_ID4 = "myio-central-settings-modal-styles";
+var STYLE_ID5 = "myio-central-settings-modal-styles";
 function injectStyles9() {
-  if (typeof document === "undefined" || document.getElementById(STYLE_ID4)) return;
+  if (typeof document === "undefined" || document.getElementById(STYLE_ID5)) return;
   const tag = document.createElement("style");
-  tag.id = STYLE_ID4;
+  tag.id = STYLE_ID5;
   tag.textContent = `
 .myio-csettings__input{
   font:600 13px 'Nunito', system-ui, sans-serif;padding:6px 8px;border-radius:6px;
@@ -74600,14 +74931,14 @@ var DEFAULT_CONFIG_TEMPLATE2 = {
 };
 
 // src/components/footer/styles.ts
-var STYLE_ID5 = "myio-footer-component-styles";
+var STYLE_ID6 = "myio-footer-component-styles";
 function areStylesInjected() {
-  return !!document.getElementById(STYLE_ID5);
+  return !!document.getElementById(STYLE_ID6);
 }
 function injectStyles10() {
   if (areStylesInjected()) return;
   const style = document.createElement("style");
-  style.id = STYLE_ID5;
+  style.id = STYLE_ID6;
   style.textContent = getStyles();
   document.head.appendChild(style);
 }
@@ -75925,10 +76256,10 @@ function render(container, modalId, state6) {
             <div class="alarm-list">
               ${state6.alarms.map((a) => `
                 <div class="alarm-row">
-                  <div class="alarm-title">${escapeHtml5(a.title || a.id)}</div>
-                  <div class="alarm-meta">${escapeHtml5(a.customerName || "")}</div>
-                  <div class="alarm-meta">${escapeHtml5(a.severity)}</div>
-                  <div class="alarm-meta">${escapeHtml5(a.state)}</div>
+                  <div class="alarm-title">${escapeHtml6(a.title || a.id)}</div>
+                  <div class="alarm-meta">${escapeHtml6(a.customerName || "")}</div>
+                  <div class="alarm-meta">${escapeHtml6(a.severity)}</div>
+                  <div class="alarm-meta">${escapeHtml6(a.state)}</div>
                   <div class="alarm-meta">${formatDate2(a.lastOccurrence, state6.locale, true)}</div>
                 </div>
               `).join("")}
@@ -76115,7 +76446,7 @@ function buildBars(data, order, colors2) {
     const pct = Math.round(value / maxVal * 100);
     return `
         <div class="bar-row">
-          <span class="bar-label">${escapeHtml5(String(key))}</span>
+          <span class="bar-label">${escapeHtml6(String(key))}</span>
           <div class="bar-track"><div class="bar-fill" style="width:${pct}%"></div></div>
           <span class="bar-value">${value}</span>
         </div>
@@ -76145,7 +76476,7 @@ function toTime(value) {
   const parsed = new Date(value).getTime();
   return Number.isNaN(parsed) ? 0 : parsed;
 }
-function escapeHtml5(text2) {
+function escapeHtml6(text2) {
   const div = document.createElement("div");
   div.textContent = text2 || "";
   return div.innerHTML;
@@ -76332,8 +76663,8 @@ function render2(container, modalId, state6) {
               </div>
               ${state6.devices.map((d) => `
                 <div class="device-table-row">
-                  <div class="col-name">${escapeHtml6(d.name)}</div>
-                  <div class="col-customer">${escapeHtml6(d.customerName)}</div>
+                  <div class="col-name">${escapeHtml7(d.name)}</div>
+                  <div class="col-customer">${escapeHtml7(d.customerName)}</div>
                   <div class="col-status">
                     <span class="status-badge" style="background: ${STATUS_COLORS3[d.status] || "#6b7280"}20; color: ${STATUS_COLORS3[d.status] || "#6b7280"};">
                       ${STATUS_LABELS5[d.status] || d.status}
@@ -76580,7 +76911,7 @@ function buildHorizontalBarChart(devices, metric, unit, colors2, getColor, inver
     const displayValue = metric === "availability" ? value.toFixed(1) : value.toFixed(metric === "mttr" ? 1 : 0);
     return `
         <div class="bar-row">
-          <span class="bar-label" title="${escapeHtml6(d.name)}">${escapeHtml6(d.name)}</span>
+          <span class="bar-label" title="${escapeHtml7(d.name)}">${escapeHtml7(d.name)}</span>
           <div class="bar-track">
             <div class="bar-fill" style="width:${pct}%; background:${color};"></div>
           </div>
@@ -76611,7 +76942,7 @@ function formatDate3(value, locale) {
   if (isNaN(d.getTime())) return "-";
   return d.toLocaleDateString(locale, { day: "2-digit", month: "2-digit", year: "numeric" });
 }
-function escapeHtml6(text2) {
+function escapeHtml7(text2) {
   const div = document.createElement("div");
   div.textContent = text2 || "";
   return div.innerHTML;
@@ -78913,6 +79244,247 @@ async function openDashboardPopupSettings(params) {
   }
 }
 
+// src/components/well-pumps/WellPumpsModal.ts
+var STYLE_ID7 = "myio-well-pumps-modal-styles";
+var TICK_MS = 3e4;
+function ensureStyles() {
+  if (document.getElementById(STYLE_ID7)) return;
+  const style = document.createElement("style");
+  style.id = STYLE_ID7;
+  style.textContent = `
+    .myio-wp-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(2px);display:flex;align-items:center;
+      justify-content:center;font-family:Nunito,system-ui,sans-serif;animation:myioWpFade .15s ease-out}
+    @keyframes myioWpFade{from{opacity:0}to{opacity:1}}
+    .myio-wp-modal{width:min(880px,94vw);max-height:90vh;overflow:auto;background:#f8fafc;border-radius:14px;box-shadow:0 24px 64px rgba(0,0,0,.35);color:#1e293b}
+    .myio-wp-head{display:flex;align-items:center;gap:12px;padding:16px 20px;color:#fff;background:linear-gradient(135deg,#3e1a7d 0%,#5b2bb5 100%);
+      border-radius:14px 14px 0 0;position:sticky;top:0;z-index:2}
+    .myio-wp-head h2{margin:0;font-size:17px;font-weight:800;color:#fff}
+    .myio-wp-head p{margin:2px 0 0;font-size:12px;opacity:.85}
+    .myio-wp-sim{margin-left:auto;font-size:10px;font-weight:800;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);padding:2px 8px;border-radius:999px}
+    .myio-wp-close{margin-left:auto;background:rgba(255,255,255,.15);border:0;color:#fff;width:32px;height:32px;border-radius:8px;font-size:18px;cursor:pointer;flex:none}
+    .myio-wp-sim + .myio-wp-close{margin-left:0}
+    .myio-wp-close:hover{background:rgba(255,255,255,.28)}
+    .myio-wp-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:16px}
+    .myio-wp-empty{padding:28px;text-align:center;color:#64748b;font-size:13px}
+    .myio-wp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
+    .myio-wp-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}
+    .myio-wp-kpi small{display:block;font-size:11px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
+    .myio-wp-kpi b{font-size:20px;font-weight:800}
+    .myio-wp-kpi .sub{font-size:11px;color:#64748b}
+    .myio-wp-kpi b.open{color:#1d4ed8}.myio-wp-kpi b.closed{color:#b91c1c}
+    .myio-wp-pumps{display:grid;grid-template-columns:1fr 1fr;gap:14px}
+    @media (max-width:720px){.myio-wp-pumps,.myio-wp-kpis{grid-template-columns:1fr}}
+    .myio-wp-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s,border-color .2s}
+    .myio-wp-card.focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.18)}
+    .myio-wp-top{display:flex;align-items:center;gap:12px}
+    .myio-wp-img{width:54px;height:54px;object-fit:contain;transition:filter .3s}
+    .myio-wp-card.is-off .myio-wp-img,.myio-wp-card.is-closed .myio-wp-img{filter:grayscale(1) opacity(.55)}
+    .myio-wp-name{font-weight:800;font-size:15px}
+    .myio-wp-tag{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 5px;border-radius:6px;
+      font:800 11px Nunito,system-ui,sans-serif;margin-right:6px;vertical-align:middle;background:#e2e8f0;color:#64748b}
+    .myio-wp-card.is-on .myio-wp-tag{background:#22c55e;color:#fff}
+    .myio-wp-card.is-open .myio-wp-tag{background:#3b82f6;color:#fff}
+    .myio-wp-card.is-closed .myio-wp-tag{background:#fecaca;color:#b91c1c}
+    .myio-wp-meta{font-size:11.5px;color:#64748b;display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:2px}
+    .myio-wp-prof{font-size:10px;font-weight:800;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:0 5px}
+    .myio-wp-state{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-weight:800;font-size:13px;border:1px solid;white-space:nowrap}
+    .myio-wp-state svg{width:16px;height:16px}
+    .myio-wp-state.on{background:#dcfce7;border-color:#22c55e;color:#15803d}
+    .myio-wp-state.off{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}
+    .myio-wp-state.open{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}
+    .myio-wp-state.closed{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}
+    .myio-wp-state.unk{background:#fff;border-style:dashed;border-color:#cbd5e1;color:#94a3b8}
+    .myio-wp-state.on .myio-eq-rotor{transform-origin:12px 12px;animation:myioWpSpin 1s linear infinite}
+    @keyframes myioWpSpin{to{transform:rotate(360deg)}}
+    .myio-wp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
+    .myio-wp-cell{background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;padding:7px 9px}
+    .myio-wp-cell small{display:block;font-size:10.5px;color:#64748b;font-weight:700}
+    .myio-wp-cell span{font-size:14px;font-weight:800}
+    .myio-wp-level{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569}
+    .myio-wp-bar{flex:1;height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}
+    .myio-wp-bar i{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#0284c7);border-radius:999px}
+    .myio-wp-tl small{font-size:10.5px;color:#64748b;font-weight:700;display:flex;justify-content:space-between}
+    .myio-wp-track{position:relative;height:16px;border-radius:5px;background:#eef2f7;margin:4px 0 2px;overflow:hidden}
+    .myio-wp-seg{position:absolute;top:0;bottom:0;background:#22c55e;border-radius:3px}
+    .myio-wp-seg.live{background:repeating-linear-gradient(45deg,#22c55e 0 6px,#16a34a 6px 12px)}
+    .myio-wp-seg.valve{background:#3b82f6}
+    .myio-wp-seg.valve.live{background:repeating-linear-gradient(45deg,#3b82f6 0 6px,#1d4ed8 6px 12px)}
+    .myio-wp-valve{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;align-items:center}
+    .myio-wp-foot{font-size:11.5px;color:#64748b}
+    @media (prefers-reduced-motion:reduce){.myio-wp-overlay{animation:none}.myio-wp-state.on .myio-eq-rotor{animation:none}}
+  `;
+  document.head.appendChild(style);
+}
+var fmtKw = (n) => `${n.toFixed(1).replace(".", ",")} kW`;
+function timelineHTML(history, now, kind) {
+  const segs = timelineSegments(history, now, DAY_MS).map((s) => {
+    const title = `${kind === "valve" ? "aberta " : ""}${formatClock(s.start)} \u2013 ${s.end ? formatClock(s.end) : "agora"}`;
+    return `<span class="myio-wp-seg ${kind === "valve" ? "valve" : ""} ${s.live ? "live" : ""}" style="left:${s.leftPct.toFixed(3)}%;width:${s.widthPct.toFixed(3)}%" title="${title}"></span>`;
+  }).join("");
+  return `
+    <div class="myio-wp-tl">
+      <small><span>\xDAltimas 24 h</span><span>${kind === "valve" ? "azul = aberta" : "verde = ligada"}</span></small>
+      <div class="myio-wp-track">${segs}</div>
+      <small><span>${formatClock(now - DAY_MS)}</span><span>agora</span></small>
+    </div>`;
+}
+function pumpCardHTML(p, now, images, focusWellId) {
+  const on = isActive(p.history);
+  const known = Array.isArray(p.history);
+  const since = stateSince(p.history);
+  const { activeMs, starts } = dayStats(p.history, now);
+  const power = on ? typeof p.powerKw === "number" ? fmtKw(p.powerKw) : "\u2014" : fmtKw(0).replace(",0", "");
+  const hasLevel = typeof p.wellLevelMca === "number";
+  const hasPerc = typeof p.wellPercentage === "number";
+  const pct = hasPerc ? Math.round(Math.max(0, Math.min(1, p.wellPercentage)) * 100) : null;
+  const meta = [p.identifier, p.wellLabel].filter(Boolean).map(escapeHtml2).join(" \xB7 ");
+  return `
+    <div class="myio-wp-card ${on ? "is-on" : "is-off"} ${focusWellId && p.wellId === focusWellId ? "focus" : ""}" data-code="${escapeHtml2(p.code)}">
+      <div class="myio-wp-top">
+        <img class="myio-wp-img" src="${escapeHtml2(images.pump)}" alt="">
+        <div>
+          <div class="myio-wp-name"><span class="myio-wp-tag">${escapeHtml2(p.code)}</span>${escapeHtml2(p.label)}</div>
+          <div class="myio-wp-meta"><span class="myio-wp-prof">${escapeHtml2(p.deviceProfile || "BOMBA_POCO")}</span>${meta}</div>
+        </div>
+        <span class="myio-wp-state ${!known ? "unk" : on ? "on" : "off"}">${PUMP_SVG}${!known ? "SEM LEITURA" : on ? "LIGADA" : "DESLIGADA"}</span>
+      </div>
+      <div class="myio-wp-grid">
+        <div class="myio-wp-cell"><small>${on ? "Ligada desde" : "Desligada desde"}</small><span>${formatClock(since)}</span></div>
+        <div class="myio-wp-cell"><small>Tempo ligada hoje</small><span>${formatDuration2(activeMs)}</span></div>
+        <div class="myio-wp-cell"><small>Acionamentos hoje</small><span>${starts}</span></div>
+        <div class="myio-wp-cell"><small>Pot\xEAncia atual</small><span>${power}</span></div>
+        <div class="myio-wp-cell"><small>Estado h\xE1</small><span>${since ? formatDuration2(now - since) : "\u2014"}</span></div>
+        <div class="myio-wp-cell"><small>N\xEDvel do po\xE7o</small><span>${hasLevel ? `${(p.wellLevelMca / 100).toFixed(2).replace(".", ",")} M.C.A` : "\u2014"}</span></div>
+      </div>
+      ${pct !== null ? `<div class="myio-wp-level">${escapeHtml2(p.wellLabel || "Po\xE7o")}<div class="myio-wp-bar"><i style="width:${pct}%"></i></div>${pct}%</div>` : ""}
+      ${timelineHTML(p.history, now, "pump")}
+    </div>`;
+}
+function valveCardHTML(v, now, images) {
+  const open = isActive(v.history);
+  const known = Array.isArray(v.history);
+  const since = stateSince(v.history);
+  const { activeMs, starts } = dayStats(v.history, now);
+  const meta = [v.identifier, v.description].filter(Boolean).map(escapeHtml2).join(" \xB7 ");
+  return `
+    <div class="myio-wp-card myio-wp-valve ${open ? "is-open" : "is-closed"}" data-code="${escapeHtml2(v.code)}">
+      <img class="myio-wp-img" src="${escapeHtml2(images.valve)}" alt="">
+      <div style="display:flex;flex-direction:column;gap:10px;min-width:0">
+        <div class="myio-wp-top">
+          <div>
+            <div class="myio-wp-name"><span class="myio-wp-tag">${escapeHtml2(v.code)}</span>${escapeHtml2(v.label)}</div>
+            <div class="myio-wp-meta"><span class="myio-wp-prof">${escapeHtml2(v.deviceProfile || "SOLENOIDE")}</span>${meta}</div>
+          </div>
+          <span class="myio-wp-state ${!known ? "unk" : open ? "open" : "closed"}">${VALVE_SVG}${!known ? "SEM LEITURA" : open ? "ABERTA" : "FECHADA"}</span>
+        </div>
+        <div class="myio-wp-grid">
+          <div class="myio-wp-cell"><small>${open ? "Aberta desde" : "Fechada desde"}</small><span>${formatClock(since)}</span></div>
+          <div class="myio-wp-cell"><small>Tempo aberta hoje</small><span>${formatDuration2(activeMs)}</span></div>
+          <div class="myio-wp-cell"><small>Aberturas hoje</small><span>${starts}</span></div>
+        </div>
+        ${timelineHTML(v.history, now, "valve")}
+      </div>
+    </div>`;
+}
+function renderWellPumpsBodyHTML(data, opts = {}) {
+  const now = opts.now ?? Date.now();
+  const images = {
+    pump: opts.images?.pump || deviceIcons.BOMBA_POCO,
+    valve: opts.images?.valve || deviceIcons.SOLENOIDE
+  };
+  const pumps = data?.pumps || [];
+  const valves = data?.valves || [];
+  if (!pumps.length && !valves.length) return `<div class="myio-wp-empty">Nenhuma bomba ou solenoide vinculada a este po\xE7o.</div>`;
+  const onPumps = pumps.filter((p) => isActive(p.history));
+  const knownPower = onPumps.filter((p) => typeof p.powerKw === "number");
+  const totalPower = knownPower.length ? fmtKw(knownPower.reduce((s, p) => s + p.powerKw, 0)) : onPumps.length ? "\u2014" : "0 kW";
+  const openValves = valves.filter((v) => isActive(v.history));
+  const valveKpi = valves.length === 1 ? `<div class="myio-wp-kpi"><small>${escapeHtml2(valves[0].label)}</small><b class="${openValves.length ? "open" : "closed"}">${openValves.length ? "Aberta" : "Fechada"}</b>
+           <div class="sub">desde ${formatClock(stateSince(valves[0].history))}</div></div>` : valves.length > 1 ? `<div class="myio-wp-kpi"><small>Solenoides abertas</small><b>${openValves.length} de ${valves.length}</b></div>` : "";
+  return `
+    <div class="myio-wp-kpis">
+      <div class="myio-wp-kpi"><small>Bombas ligadas</small><b>${onPumps.length} de ${pumps.length}</b></div>
+      <div class="myio-wp-kpi"><small>Pot\xEAncia total</small><b>${totalPower}</b></div>
+      ${valveKpi}
+    </div>
+    ${pumps.length ? `<div class="myio-wp-pumps">${pumps.map((p) => pumpCardHTML(p, now, images, opts.focusWellId)).join("")}</div>` : ""}
+    ${valves.map((v) => valveCardHTML(v, now, images)).join("")}
+    ${opts.footnote ? `<div class="myio-wp-foot">\u24D8 ${escapeHtml2(opts.footnote)}</div>` : ""}`;
+}
+function openWellPumpsModal(params) {
+  ensureStyles();
+  const overlay = document.createElement("div");
+  overlay.className = "myio-wp-overlay";
+  overlay.style.zIndex = String(params.zIndex ?? 1e5);
+  overlay.innerHTML = `
+    <div class="myio-wp-modal" role="dialog" aria-modal="true" aria-labelledby="myio-wp-title">
+      <div class="myio-wp-head">
+        <div>
+          <h2 id="myio-wp-title">${escapeHtml2(params.title || "Automa\xE7\xE3o dos Po\xE7os")}</h2>
+          ${params.subtitle ? `<p>${escapeHtml2(params.subtitle)}</p>` : ""}
+        </div>
+        ${params.simulated ? '<span class="myio-wp-sim">SIMULADO</span>' : ""}
+        <button type="button" class="myio-wp-close" title="Fechar" aria-label="Fechar">\xD7</button>
+      </div>
+      <div class="myio-wp-body"><div class="myio-wp-empty">Carregando\u2026</div></div>
+    </div>`;
+  const body = overlay.querySelector(".myio-wp-body");
+  let current = null;
+  let closed = false;
+  const timers = [];
+  const render3 = () => {
+    if (closed || !current) return;
+    body.innerHTML = renderWellPumpsBodyHTML(current, {
+      focusWellId: params.focusWellId,
+      footnote: params.footnote,
+      images: params.images
+    });
+  };
+  const update = (data) => {
+    current = data;
+    render3();
+  };
+  const load = async () => {
+    if (typeof params.data !== "function") return;
+    try {
+      update(await params.data());
+    } catch (err) {
+      console.warn("[WellPumpsModal] falha ao carregar dados:", err);
+      if (!current) body.innerHTML = `<div class="myio-wp-empty">N\xE3o foi poss\xEDvel carregar o estado das bombas.</div>`;
+    }
+  };
+  const onKey = (e) => {
+    if (e.key === "Escape") close();
+  };
+  function close() {
+    if (closed) return;
+    closed = true;
+    timers.forEach(clearInterval);
+    document.removeEventListener("keydown", onKey);
+    overlay.remove();
+    try {
+      params.onClose?.();
+    } catch (err) {
+      console.warn("[WellPumpsModal] onClose falhou:", err);
+    }
+  }
+  overlay.addEventListener("click", (e) => {
+    if (e.target === overlay) close();
+  });
+  overlay.querySelector(".myio-wp-close").addEventListener("click", close);
+  document.addEventListener("keydown", onKey);
+  document.body.appendChild(overlay);
+  overlay.querySelector(".myio-wp-close").focus();
+  if (typeof params.data === "function") {
+    load();
+    if (params.refreshIntervalMs && params.refreshIntervalMs > 0) timers.push(setInterval(load, params.refreshIntervalMs));
+  } else {
+    update(params.data);
+  }
+  timers.push(setInterval(render3, TICK_MS));
+  return { update, close, element: overlay };
+}
+
 // src/utils/telemetryUtils.ts
 function detectTelemetryType(keys) {
   if (!keys) {
@@ -80570,7 +81142,7 @@ async function openDemandModal(params) {
 
 // src/components/premium-modals/dialog/styles.ts
 var FONT_LINK_ID = "myio-dialog-font-nunito";
-var STYLE_ID6 = "myio-dialog-styles";
+var STYLE_ID8 = "myio-dialog-styles";
 function injectDialogStyles() {
   if (!document.getElementById(FONT_LINK_ID)) {
     const link = document.createElement("link");
@@ -80579,9 +81151,9 @@ function injectDialogStyles() {
     link.href = "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";
     document.head.appendChild(link);
   }
-  if (document.getElementById(STYLE_ID6)) return;
+  if (document.getElementById(STYLE_ID8)) return;
   const style = document.createElement("style");
-  style.id = STYLE_ID6;
+  style.id = STYLE_ID8;
   style.textContent = `
 .myio-dialog-overlay {
   position: fixed;
@@ -80720,11 +81292,11 @@ function injectDialogStyles() {
 // src/components/premium-modals/dialog/openDialog.ts
 var BASE_Z_INDEX = 10500;
 var openCount = 0;
-function escapeHtml7(value) {
+function escapeHtml8(value) {
   return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function escapeMessage(value) {
-  return escapeHtml7(value).replace(/\n/g, "<br>");
+  return escapeHtml8(value).replace(/\n/g, "<br>");
 }
 function cssWidth(width) {
   if (width == null) return "420px";
@@ -80749,7 +81321,7 @@ function openDialog(params) {
   overlay.style.zIndex = String(BASE_Z_INDEX + openCount);
   const buttonsHtml = params.buttons.map((btn, i) => {
     const variant = btn.variant ?? "secondary";
-    return `<button type="button" class="myio-dialog__btn myio-dialog__btn--${variant}" data-index="${i}">${escapeHtml7(btn.label)}</button>`;
+    return `<button type="button" class="myio-dialog__btn myio-dialog__btn--${variant}" data-index="${i}">${escapeHtml8(btn.label)}</button>`;
   }).join("");
   overlay.innerHTML = `
     <div class="myio-dialog${params.modifier ? ` ${params.modifier}` : ""}"
@@ -80759,7 +81331,7 @@ function openDialog(params) {
       <div class="myio-dialog__accent"></div>
       <div class="myio-dialog__header">
         ${params.icon ? `<span class="myio-dialog__icon" aria-hidden="true">${params.icon}</span>` : ""}
-        <h3 class="myio-dialog__title" id="${idBase}-title">${escapeHtml7(params.title)}</h3>
+        <h3 class="myio-dialog__title" id="${idBase}-title">${escapeHtml8(params.title)}</h3>
         ${dismissible ? `<button type="button" class="myio-dialog__close" aria-label="Fechar">\u2715</button>` : ""}
       </div>
       <p class="myio-dialog__message" id="${idBase}-message">${escapeMessage(params.message)}</p>
@@ -80851,11 +81423,11 @@ function openMessageDialog(params) {
 }
 
 // src/components/premium-modals/dialog/openGenericModal.ts
-var STYLE_ID7 = "myio-genmodal-styles";
+var STYLE_ID9 = "myio-genmodal-styles";
 var FONT_LINK_ID2 = "myio-dialog-font-nunito";
 var BASE_Z_INDEX2 = 10600;
 var openCount2 = 0;
-function escapeHtml8(value) {
+function escapeHtml9(value) {
   return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function cssSize(v, fallback) {
@@ -80870,9 +81442,9 @@ function injectGenericModalStyles() {
     link.href = "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";
     document.head.appendChild(link);
   }
-  if (document.getElementById(STYLE_ID7)) return;
+  if (document.getElementById(STYLE_ID9)) return;
   const style = document.createElement("style");
-  style.id = STYLE_ID7;
+  style.id = STYLE_ID9;
   style.textContent = `
 .myio-genmodal-overlay {
   position: fixed;
@@ -81005,17 +81577,17 @@ function openGenericModal(params) {
   overlay.style.zIndex = String(BASE_Z_INDEX2 + openCount2);
   const buttonsHtml = buttons.map((btn, i) => {
     const variant = btn.variant ?? "secondary";
-    return `<button type="button" class="myio-genmodal__btn myio-genmodal__btn--${variant}" data-index="${i}">${escapeHtml8(btn.label)}</button>`;
+    return `<button type="button" class="myio-genmodal__btn myio-genmodal__btn--${variant}" data-index="${i}">${escapeHtml9(btn.label)}</button>`;
   }).join("");
   overlay.innerHTML = `
-    <div class="myio-genmodal${params.className ? ` ${escapeHtml8(params.className)}` : ""}"
+    <div class="myio-genmodal${params.className ? ` ${escapeHtml9(params.className)}` : ""}"
          role="dialog" aria-modal="true"
          aria-labelledby="${idBase}-title"
          style="width:${cssSize(params.width, "560px")}">
       <div class="myio-genmodal__accent"></div>
       <div class="myio-genmodal__header">
         ${params.icon ? `<span class="myio-genmodal__icon" aria-hidden="true">${params.icon}</span>` : ""}
-        <h3 class="myio-genmodal__title" id="${idBase}-title">${escapeHtml8(params.title)}</h3>
+        <h3 class="myio-genmodal__title" id="${idBase}-title">${escapeHtml9(params.title)}</h3>
         ${dismissible ? `<button type="button" class="myio-genmodal__close" aria-label="Fechar">\u2715</button>` : ""}
       </div>
       <div class="myio-genmodal__body" id="${idBase}-body" style="max-height:${cssSize(params.bodyMaxHeight, "70vh")}"></div>
@@ -81253,7 +81825,7 @@ function telemetriesInCatalogOrder(keys) {
 
 // src/utils/reports/demand/period.ts
 var SP_OFFSET_MS2 = -3 * 36e5;
-var DAY_MS = 864e5;
+var DAY_MS2 = 864e5;
 var END_TOLERANCE_MS = 5 * 6e4;
 var MIN_PERIOD_START = "2019-03-01";
 var MIN_PERIOD_START_MS = Date.UTC(2019, 2, 1) - SP_OFFSET_MS2;
@@ -81305,7 +81877,7 @@ function localMidnightOf(ms) {
 }
 function bucketCount(start, end, resolution) {
   if (!(end > start)) return 0;
-  if (resolution === "1d") return Math.ceil((localMidnightOf(end - 1) - localMidnightOf(start)) / DAY_MS) + 1;
+  if (resolution === "1d") return Math.ceil((localMidnightOf(end - 1) - localMidnightOf(start)) / DAY_MS2) + 1;
   return Math.ceil((end - start) / RESOLUTION_BY_ID[resolution].ms);
 }
 function finestFittingResolution(range, limits) {
@@ -81313,7 +81885,7 @@ function finestFittingResolution(range, limits) {
   const len = range.end - range.start;
   return RESOLUTIONS.find((r) => {
     const d = limits.maxDaysByResolution[r.id];
-    return d != null && len <= d * DAY_MS;
+    return d != null && len <= d * DAY_MS2;
   })?.id ?? null;
 }
 function maxPeriodDays(resolution, limits) {
@@ -81327,7 +81899,7 @@ function periodErrors(range, resolution, now, limits = null) {
   if (range.start > now) errs.push("O in\xEDcio est\xE1 no futuro.");
   if (range.end > now + END_TOLERANCE_MS) errs.push("O fim n\xE3o pode estar no futuro.");
   const maxDays = maxPeriodDays(resolution, limits);
-  if (maxDays != null && range.end - range.start > maxDays * DAY_MS) {
+  if (maxDays != null && range.end - range.start > maxDays * DAY_MS2) {
     errs.push(`Com intervalos de ${RESOLUTION_BY_ID[resolution].label}, o per\xEDodo m\xE1ximo \xE9 ${maxDays} dia(s).`);
   }
   if (resolution === "1d" && !isLocalMidnight(range.start)) {
@@ -92050,13 +92622,13 @@ var COLUMN_SUMMARY_CSS = `
 var _cssInjected2 = false;
 function injectCSS10() {
   if (_cssInjected2 || typeof document === "undefined") return;
-  const STYLE_ID18 = "myio-column-summary-tooltip-css";
-  if (document.getElementById(STYLE_ID18)) {
+  const STYLE_ID20 = "myio-column-summary-tooltip-css";
+  if (document.getElementById(STYLE_ID20)) {
     _cssInjected2 = true;
     return;
   }
   const style = document.createElement("style");
-  style.id = STYLE_ID18;
+  style.id = STYLE_ID20;
   style.textContent = COLUMN_SUMMARY_CSS;
   document.head.appendChild(style);
   _cssInjected2 = true;
@@ -99867,12 +100439,12 @@ function createConsumptionChartWidget(config2) {
 }
 
 // src/components/tooltips/goals-bar-tooltip/createGoalsBarTooltip.ts
-var STYLE_ID8 = "myio-goals-bar-tooltip-styles";
+var STYLE_ID10 = "myio-goals-bar-tooltip-styles";
 var DEFAULT_ACCENT = "#6c5ce7";
 function injectStyles12(doc) {
-  if (doc.getElementById(STYLE_ID8)) return;
+  if (doc.getElementById(STYLE_ID10)) return;
   const s = doc.createElement("style");
-  s.id = STYLE_ID8;
+  s.id = STYLE_ID10;
   s.textContent = `
 .myio-gbt {
   position: fixed;
@@ -100981,11 +101553,11 @@ function _rerenderFromCache() {
   const { labels, totals, goalLine, prevTotals, domain } = _lastRender;
   _renderChart(canvas, labels, totals, goalLine, domain, prevTotals);
 }
-var STYLE_ID9 = "myio-goals-modal-v2-styles";
+var STYLE_ID11 = "myio-goals-modal-v2-styles";
 function _injectStyles(topDoc) {
-  if (topDoc.getElementById(STYLE_ID9)) return;
+  if (topDoc.getElementById(STYLE_ID11)) return;
   const s = topDoc.createElement("style");
-  s.id = STYLE_ID9;
+  s.id = STYLE_ID11;
   s.textContent = `
     .gm-overlay{position:fixed;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease;font-family:'Nunito', system-ui, sans-serif;}
     .gm-overlay.show{opacity:1;}
@@ -103836,7 +104408,7 @@ function createMyIOTheme(settings, mode) {
 // src/components/settings-hub/openSettingsHubModal.ts
 var ROUTE_DELAY_MS = 250;
 var MODAL_ID2 = "myio-conf-picker";
-var STYLE_ID10 = "myio-conf-picker-styles";
+var STYLE_ID12 = "myio-conf-picker-styles";
 var HUB_OPTIONS = [
   {
     action: "temperature",
@@ -104027,7 +104599,7 @@ var HUB_CSS = `
     color: var(--myio-brand-700, #7B2FF7);
   }
 `;
-function escapeHtml9(value) {
+function escapeHtml10(value) {
   return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function resolveTopDocument() {
@@ -104047,9 +104619,9 @@ function resolveHubThemeVars(explicit) {
 function openSettingsHubModal(options) {
   const { customerName = "", isSuperAdmin: isSuperAdmin2 = false, handlers } = options;
   const doc = options.targetDocument || resolveTopDocument();
-  if (!doc.getElementById(STYLE_ID10)) {
+  if (!doc.getElementById(STYLE_ID12)) {
     const style = doc.createElement("style");
-    style.id = STYLE_ID10;
+    style.id = STYLE_ID12;
     style.textContent = HUB_CSS;
     doc.head.appendChild(style);
   }
@@ -104074,7 +104646,7 @@ function openSettingsHubModal(options) {
     <div class="myio-conf-picker__overlay"></div>
     <div class="myio-conf-picker__content">
       <div class="myio-conf-picker__header">
-        <h3>\u2699\uFE0F Configura\xE7\xF5es${customerName ? ` \u2014 ${escapeHtml9(customerName)}` : ""}</h3>
+        <h3>\u2699\uFE0F Configura\xE7\xF5es${customerName ? ` \u2014 ${escapeHtml10(customerName)}` : ""}</h3>
         <button class="myio-conf-picker__close" aria-label="Fechar">&times;</button>
       </div>
       <div class="myio-conf-picker__body">${cardsHtml}
@@ -105269,7 +105841,7 @@ function createTariffApiAdapter(client, opts) {
 
 // src/components/pricing-panel/openPricingPanel.ts
 var MODAL_ID3 = "myio-pricing-panel";
-function escapeHtml10(value) {
+function escapeHtml11(value) {
   return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function resolveTopDocument2() {
@@ -105424,7 +105996,7 @@ function openPricingPanel(params) {
   }
   const initDomain = params.domain || "energy";
   const initCategory = params.category || "lojas";
-  const customerOptions = customers.map((c) => `<option value="${escapeHtml10(resolveCustomerId(c))}">${escapeHtml10(c.title)}</option>`).join("");
+  const customerOptions = customers.map((c) => `<option value="${escapeHtml11(resolveCustomerId(c))}">${escapeHtml11(c.title)}</option>`).join("");
   modal.innerHTML = `
     <div class="myio-pricing__overlay"></div>
     <div class="myio-pricing__content">
@@ -105639,9 +106211,9 @@ function openPricingPanel(params) {
   const pushAudit = (rec) => {
     if (rec) auditLog = [rec, ...auditLog];
   };
-  const badge = (domain, category) => `<span class="myio-pricing__badge${domain === "water" ? " myio-pricing__badge--water" : ""}">${escapeHtml10(
+  const badge = (domain, category) => `<span class="myio-pricing__badge${domain === "water" ? " myio-pricing__badge--water" : ""}">${escapeHtml11(
     DOMAIN_LABEL[domain]
-  )} \xB7 ${escapeHtml10(CATEGORY_LABEL[category])}</span>`;
+  )} \xB7 ${escapeHtml11(CATEGORY_LABEL[category])}</span>`;
   const renderList2 = () => {
     const customerId = customerSel.value;
     const rows = entries.filter((e) => e.customerId === customerId).sort((a, b) => {
@@ -105654,15 +106226,15 @@ function openPricingPanel(params) {
       const boundsKey = b ? `${b.start}__${b.end}` : "";
       return `
         <li class="myio-pricing__item">
-          <span class="myio-pricing__item-period">${badge(e.domain, e.category)} ${escapeHtml10(
+          <span class="myio-pricing__item-period">${badge(e.domain, e.category)} ${escapeHtml11(
         formatPeriodLabel(e)
       )}</span>
-          <span class="myio-pricing__item-price">${escapeHtml10(formatBRL2(e.pricePerKwh))} ${escapeHtml10(
+          <span class="myio-pricing__item-price">${escapeHtml11(formatBRL2(e.pricePerKwh))} ${escapeHtml11(
         unitLabel(e.domain)
       )}</span>
-          <button class="myio-pricing__remove" data-remove="${escapeHtml10(e.domain)}|${escapeHtml10(
+          <button class="myio-pricing__remove" data-remove="${escapeHtml11(e.domain)}|${escapeHtml11(
         e.category
-      )}|${escapeHtml10(boundsKey)}" aria-label="Remover" type="button">\u2715</button>
+      )}|${escapeHtml11(boundsKey)}" aria-label="Remover" type="button">\u2715</button>
         </li>`;
     }).join("");
     emptyEl.style.display = rows.length ? "none" : "";
@@ -105761,8 +106333,8 @@ function openPricingPanel(params) {
     kpiEl.innerHTML = cards.map(
       (c) => `
         <div class="myio-pricing__kpi">
-          <div class="myio-pricing__kpi-value">${escapeHtml10(c.value)}</div>
-          <div class="myio-pricing__kpi-label">${escapeHtml10(c.label)}</div>
+          <div class="myio-pricing__kpi-value">${escapeHtml11(c.value)}</div>
+          <div class="myio-pricing__kpi-label">${escapeHtml11(c.label)}</div>
         </div>`
     ).join("");
     renderReport();
@@ -105781,11 +106353,11 @@ function openPricingPanel(params) {
     reportBody.innerHTML = rows.length ? rows.map(
       (e) => `
         <tr>
-          <td>${escapeHtml10(customerTitle(e.customerId))}</td>
-          <td>${escapeHtml10(DOMAIN_LABEL[e.domain])}</td>
-          <td>${escapeHtml10(CATEGORY_LABEL[e.category])}</td>
-          <td>${escapeHtml10(formatPeriodLabel(e))}</td>
-          <td>${escapeHtml10(formatBRL2(e.pricePerKwh))} ${escapeHtml10(unitLabel(e.domain))}</td>
+          <td>${escapeHtml11(customerTitle(e.customerId))}</td>
+          <td>${escapeHtml11(DOMAIN_LABEL[e.domain])}</td>
+          <td>${escapeHtml11(CATEGORY_LABEL[e.category])}</td>
+          <td>${escapeHtml11(formatPeriodLabel(e))}</td>
+          <td>${escapeHtml11(formatBRL2(e.pricePerKwh))} ${escapeHtml11(unitLabel(e.domain))}</td>
         </tr>`
     ).join("") : `<tr><td colspan="5" style="text-align:center;color:var(--myio-text-muted,#6b7280);padding:24px;">Nenhum pre\xE7o para o filtro selecionado.</td></tr>`;
   }
@@ -105795,15 +106367,15 @@ function openPricingPanel(params) {
       return `
         <li class="myio-pricing__history-item">
           <div class="myio-pricing__history-head">
-            <span class="myio-pricing__action myio-pricing__action--${escapeHtml10(rec.action)}">${escapeHtml10(
+            <span class="myio-pricing__action myio-pricing__action--${escapeHtml11(rec.action)}">${escapeHtml11(
         rec.action
       )}</span>
             ${badge(rec.domain, rec.category)}
-            <span>${escapeHtml10(rec.periodLabel)}${escapeHtml10(priceInfo)}</span>
+            <span>${escapeHtml11(rec.periodLabel)}${escapeHtml11(priceInfo)}</span>
           </div>
-          <div class="myio-pricing__history-meta">${escapeHtml10(customerTitle(rec.customerId))} \xB7 ${escapeHtml10(
+          <div class="myio-pricing__history-meta">${escapeHtml11(customerTitle(rec.customerId))} \xB7 ${escapeHtml11(
         rec.by || "\u2014"
-      )} \xB7 ${escapeHtml10(fmtTimestamp(rec.at))}</div>
+      )} \xB7 ${escapeHtml11(fmtTimestamp(rec.at))}</div>
         </li>`;
     }).join("");
     historyEmpty.style.display = auditLog.length ? "none" : "";
@@ -109381,11 +109953,11 @@ function renderModal6(container, state6, modalId, t, error) {
   setupEventListeners5(container, state6, modalId, t);
 }
 function renderStepIndicator(step, label, currentStep, colors2) {
-  const isActive = step === currentStep;
+  const isActive2 = step === currentStep;
   const isCompleted = step < currentStep;
-  const bgColor = isActive ? MYIO_PURPLE : isCompleted ? colors2.success : colors2.cardBg;
-  const textColor = isActive || isCompleted ? "white" : colors2.textMuted;
-  const borderColor = isActive || isCompleted ? "transparent" : colors2.border;
+  const bgColor = isActive2 ? MYIO_PURPLE : isCompleted ? colors2.success : colors2.cardBg;
+  const textColor = isActive2 || isCompleted ? "white" : colors2.textMuted;
+  const borderColor = isActive2 || isCompleted ? "transparent" : colors2.border;
   return `
     <div style="
       display: flex; align-items: center; gap: 8px;
@@ -109425,10 +109997,10 @@ function renderStep1(state6, modalId, colors2, t) {
   const { field: sortField, order: sortOrder } = state6.customerSort;
   const sortedCustomers = sortCustomers(state6.customers, sortField, sortOrder, state6.customerNameMap);
   const sortIcon = sortOrder === "asc" ? "\u2191" : "\u2193";
-  const btnStyle = (isActive) => `
-    background: ${isActive ? MYIO_PURPLE : colors2.cardBg};
-    color: ${isActive ? "white" : colors2.text};
-    border: 1px solid ${isActive ? MYIO_PURPLE : colors2.border};
+  const btnStyle = (isActive2) => `
+    background: ${isActive2 ? MYIO_PURPLE : colors2.cardBg};
+    color: ${isActive2 ? "white" : colors2.text};
+    border: 1px solid ${isActive2 ? MYIO_PURPLE : colors2.border};
     padding: 6px 12px; border-radius: 6px; cursor: pointer;
     font-size: 12px; font-weight: 500; display: flex; align-items: center; gap: 4px;
   `;
@@ -109653,16 +110225,16 @@ function renderStep2(state6, modalId, colors2, t) {
   const gridHeight = state6.isMaximized ? "calc(100vh - 340px)" : "360px";
   const hasActiveFilters = filterTypes.length > 0 || filterDeviceTypes.length > 0 || filterDeviceProfiles.length > 0 || filterStatuses.length > 0 || filterTelemetryKeys.length > 0;
   const renderSortableHeader = (col2, label, field, width) => {
-    const isActive = sortField === field;
-    const arrow = isActive ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25BD";
+    const isActive2 = sortField === field;
+    const arrow = isActive2 ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25BD";
     return `
       <div id="${modalId}-sort-col-${col2}" data-sort-field="${field}" style="
         width: ${width}px; padding: 0 6px; display: flex; align-items: center; justify-content: space-between;
         border-right: 1px solid ${colors2.border}; cursor: pointer; user-select: none;
-        ${isActive ? `background: rgba(62,26,125,0.1);` : ""}
+        ${isActive2 ? `background: rgba(62,26,125,0.1);` : ""}
       ">
         <span>${label}</span>
-        <span style="font-size: 8px; color: ${isActive ? MYIO_PURPLE : colors2.textMuted};">${arrow}</span>
+        <span style="font-size: 8px; color: ${isActive2 ? MYIO_PURPLE : colors2.textMuted};">${arrow}</span>
       </div>
     `;
   };
@@ -109945,10 +110517,10 @@ function renderStep2(state6, modalId, colors2, t) {
       });
       const colSpan = multiCol ? 16 : 15;
       const cfSortHeader = (field, label, rowspan = 1, extraStyle = "") => {
-        const isActive = state6.checkFixSort.field === field;
-        const arrow = isActive ? state6.checkFixSort.order === "asc" ? "\u25B2" : "\u25BC" : "\u25BD";
-        return `<th ${rowspan > 1 ? `rowspan="${rowspan}"` : ""} id="${modalId}-cf-sort-${field}" data-cf-sort="${field}" style="${thStyle(extraStyle)} cursor:pointer; user-select:none; ${isActive ? `background:rgba(62,26,125,0.18);` : ""}">
-            <span style="display:flex;align-items:center;gap:3px;white-space:nowrap;">${label}<span style="font-size:7px;color:${isActive ? MYIO_PURPLE : colors2.textMuted};">${arrow}</span></span>
+        const isActive2 = state6.checkFixSort.field === field;
+        const arrow = isActive2 ? state6.checkFixSort.order === "asc" ? "\u25B2" : "\u25BC" : "\u25BD";
+        return `<th ${rowspan > 1 ? `rowspan="${rowspan}"` : ""} id="${modalId}-cf-sort-${field}" data-cf-sort="${field}" style="${thStyle(extraStyle)} cursor:pointer; user-select:none; ${isActive2 ? `background:rgba(62,26,125,0.18);` : ""}">
+            <span style="display:flex;align-items:center;gap:3px;white-space:nowrap;">${label}<span style="font-size:7px;color:${isActive2 ? MYIO_PURPLE : colors2.textMuted};">${arrow}</span></span>
           </th>`;
       };
       const allDomains = [...new Set(state6.checkFixReport.records.map((r) => r.domain || "null"))].sort();
@@ -116222,9 +116794,9 @@ function openMyioGcdrLoginModal(options) {
 }
 
 // src/components/img-gallery/ScrollableTabs.ts
-var STYLE_ID11 = "myio-tabs-styles";
+var STYLE_ID13 = "myio-tabs-styles";
 var FONT_LINK_ID3 = "myio-dialog-font-nunito";
-function escapeHtml11(value) {
+function escapeHtml12(value) {
   return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function injectStyles13() {
@@ -116235,9 +116807,9 @@ function injectStyles13() {
     link.href = "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";
     document.head.appendChild(link);
   }
-  if (document.getElementById(STYLE_ID11)) return;
+  if (document.getElementById(STYLE_ID13)) return;
   const style = document.createElement("style");
-  style.id = STYLE_ID11;
+  style.id = STYLE_ID13;
   style.textContent = `
 .myio-tabs {
   display: flex;
@@ -116338,10 +116910,10 @@ function createScrollableTabs(options) {
   root.appendChild(left);
   root.appendChild(scroll);
   root.appendChild(right);
-  function styleTab(btn, isActive) {
-    btn.classList.toggle("myio-tabs__tab--active", isActive);
-    btn.setAttribute("aria-selected", isActive ? "true" : "false");
-    if (isActive) {
+  function styleTab(btn, isActive2) {
+    btn.classList.toggle("myio-tabs__tab--active", isActive2);
+    btn.setAttribute("aria-selected", isActive2 ? "true" : "false");
+    if (isActive2) {
       btn.style.background = accent;
       btn.style.color = "#fff";
       btn.style.borderColor = accent;
@@ -116360,7 +116932,7 @@ function createScrollableTabs(options) {
       btn.setAttribute("role", "tab");
       btn.dataset.key = t.key;
       if (t.disabled) btn.disabled = true;
-      btn.innerHTML = `${t.icon ? `<span aria-hidden="true">${t.icon}</span>` : ""}<span>${escapeHtml11(t.label)}</span>`;
+      btn.innerHTML = `${t.icon ? `<span aria-hidden="true">${t.icon}</span>` : ""}<span>${escapeHtml12(t.label)}</span>`;
       styleTab(btn, t.key === active);
       btn.addEventListener("click", () => {
         if (t.disabled || t.key === active) return;
@@ -116445,9 +117017,9 @@ function createScrollableTabs(options) {
 }
 
 // src/components/img-gallery/ImgGallery.ts
-var STYLE_ID12 = "myio-gallery-styles";
+var STYLE_ID14 = "myio-gallery-styles";
 var FONT_LINK_ID4 = "myio-dialog-font-nunito";
-function escapeHtml12(value) {
+function escapeHtml13(value) {
   return String(value == null ? "" : value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 var PRM = () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
@@ -116459,9 +117031,9 @@ function injectStyles14() {
     link.href = "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";
     document.head.appendChild(link);
   }
-  if (document.getElementById(STYLE_ID12)) return;
+  if (document.getElementById(STYLE_ID14)) return;
   const style = document.createElement("style");
-  style.id = STYLE_ID12;
+  style.id = STYLE_ID14;
   style.textContent = `
 .myio-gallery {
   font-family: 'Nunito', system-ui, sans-serif;
@@ -116671,10 +117243,10 @@ function createImgGallery(options) {
   root.appendChild(grid);
   function detailsHtml(img) {
     const lines = [];
-    if (img.filename) lines.push(`<span title="${escapeHtml12(img.filename)}">${escapeHtml12(img.filename)}</span>`);
-    if (typeof img.sizeBytes === "number") lines.push(`<span>${escapeHtml12(formatSize(img.sizeBytes))}</span>`);
+    if (img.filename) lines.push(`<span title="${escapeHtml13(img.filename)}">${escapeHtml13(img.filename)}</span>`);
+    if (typeof img.sizeBytes === "number") lines.push(`<span>${escapeHtml13(formatSize(img.sizeBytes))}</span>`);
     const dims = typeof img.width === "number" && typeof img.height === "number" ? `${img.width} \xD7 ${img.height}px` : "";
-    lines.push(`<span data-dims>${escapeHtml12(dims)}</span>`);
+    lines.push(`<span data-dims>${escapeHtml13(dims)}</span>`);
     return lines.join("");
   }
   function renderDescription(body, img, index) {
@@ -123888,10 +124460,10 @@ var MenuView = class {
         </div>
         <div class="myio-unified-column-options">
           ${tab.contexts.map((ctx) => {
-      const isActive = isActiveTab && ctx.id === currentContextId;
+      const isActive2 = isActiveTab && ctx.id === currentContextId;
       return `
               <button
-                class="myio-unified-option ${tab.id} ${isActive ? "is-active" : ""}"
+                class="myio-unified-option ${tab.id} ${isActive2 ? "is-active" : ""}"
                 data-tab-id="${tab.id}"
                 data-context-id="${ctx.id}"
                 data-target="${ctx.target}"
@@ -123914,20 +124486,20 @@ var MenuView = class {
    * Only active tab shows context detail, others show only domain label
    */
   buildTabHTML(tab) {
-    const isActive = tab.id === this.activeTabId;
-    const label = this.getTabLabel(tab.id, isActive);
+    const isActive2 = tab.id === this.activeTabId;
+    const label = this.getTabLabel(tab.id, isActive2);
     return `
       <button
         id="menuTab_${tab.id}"
-        class="tab ${isActive ? "is-active" : ""}"
+        class="tab ${isActive2 ? "is-active" : ""}"
         data-tab-id="${tab.id}"
         role="tab"
-        aria-selected="${isActive}"
+        aria-selected="${isActive2}"
         aria-controls="menuContextModal_${tab.id}"
       >
         <span class="ico">${tab.icon}</span>
         <span class="tab-label">${label}</span>
-        ${isActive ? '<span class="dropdown-arrow">\u25BC</span>' : ""}
+        ${isActive2 ? '<span class="dropdown-arrow">\u25BC</span>' : ""}
       </button>
     `;
   }
@@ -123936,10 +124508,10 @@ var MenuView = class {
    * Active tab: "Domain: Context" (e.g., "Energia: Equipamentos")
    * Inactive tab: "Domain" only (e.g., "Agua")
    */
-  getTabLabel(tabId, isActive) {
+  getTabLabel(tabId, isActive2) {
     const tab = this.tabs.find((t) => t.id === tabId);
     if (!tab) return "";
-    if (isActive) {
+    if (isActive2) {
       const currentContextId = this.contextsByTab.get(tabId) ?? tab.defaultContext ?? tab.contexts[0]?.id;
       const currentContext = tab.contexts.find((c) => c.id === currentContextId);
       return currentContext ? `${tab.label}: ${currentContext.title}` : tab.label;
@@ -123951,20 +124523,20 @@ var MenuView = class {
    */
   updateAllTabLabels() {
     this.tabs.forEach((tab) => {
-      const isActive = tab.id === this.activeTabId;
+      const isActive2 = tab.id === this.activeTabId;
       const tabEl = this.root.querySelector(`#menuTab_${tab.id}`);
       if (!tabEl) return;
       const labelEl = tabEl.querySelector(".tab-label");
       if (labelEl) {
-        labelEl.textContent = this.getTabLabel(tab.id, isActive);
+        labelEl.textContent = this.getTabLabel(tab.id, isActive2);
       }
       const arrowEl = tabEl.querySelector(".dropdown-arrow");
-      if (isActive && !arrowEl) {
+      if (isActive2 && !arrowEl) {
         const arrow = document.createElement("span");
         arrow.className = "dropdown-arrow";
         arrow.textContent = "\u25BC";
         tabEl.appendChild(arrow);
-      } else if (!isActive && arrowEl) {
+      } else if (!isActive2 && arrowEl) {
         arrowEl.remove();
       }
     });
@@ -123998,10 +124570,10 @@ var MenuView = class {
   /**
    * Build a single context option HTML
    */
-  buildContextOptionHTML(tab, ctx, isActive) {
+  buildContextOptionHTML(tab, ctx, isActive2) {
     return `
       <button
-        class="myio-menu-context-option ${tab.id} ${isActive ? "is-active" : ""}"
+        class="myio-menu-context-option ${tab.id} ${isActive2 ? "is-active" : ""}"
         data-tab-id="${tab.id}"
         data-context-id="${ctx.id}"
         data-target="${ctx.target}"
@@ -124060,13 +124632,13 @@ var MenuView = class {
    * Build Mobile Tab HTML (for mobile drawer)
    */
   buildMobileTabHTML(tab) {
-    const isActive = tab.id === this.activeTabId;
+    const isActive2 = tab.id === this.activeTabId;
     const currentContextId = this.contextsByTab.get(tab.id) ?? tab.defaultContext ?? tab.contexts[0]?.id;
     const currentContext = tab.contexts.find((c) => c.id === currentContextId);
     const contextTitle = currentContext ? currentContext.title : "";
     return `
       <button
-        class="tab ${isActive ? "is-active" : ""}"
+        class="tab ${isActive2 ? "is-active" : ""}"
         data-tab-id="${tab.id}"
         data-mobile-tab="true"
       >
@@ -124671,8 +125243,8 @@ var MenuView = class {
       const contextId = el2.dataset.contextId;
       const currentContextId = this.contextsByTab.get(tabId);
       const isActiveTab = tabId === this.activeTabId;
-      const isActive = isActiveTab && contextId === currentContextId;
-      el2.classList.toggle("is-active", isActive);
+      const isActive2 = isActiveTab && contextId === currentContextId;
+      el2.classList.toggle("is-active", isActive2);
     });
     this.root.querySelectorAll(".myio-unified-column").forEach((col2) => {
       const tabId = col2.classList.contains("energy") ? "energy" : col2.classList.contains("water") ? "water" : col2.classList.contains("temperature") ? "temperature" : "";
@@ -131180,7 +131752,7 @@ function createCustomerCardV1(params) {
 }
 
 // src/components/cards/customer-goals/v1.0.0/styles.ts
-var STYLE_ID13 = "myio-customer-goals-card-css";
+var STYLE_ID15 = "myio-customer-goals-card-css";
 var CSS4 = `
 .myio-cgc{
   --cgc-surface:#ffffff;
@@ -131281,9 +131853,9 @@ var CSS4 = `
 `;
 function injectCustomerGoalsCardStyles() {
   if (typeof document === "undefined") return;
-  if (document.getElementById(STYLE_ID13)) return;
+  if (document.getElementById(STYLE_ID15)) return;
   const tag = document.createElement("style");
-  tag.id = STYLE_ID13;
+  tag.id = STYLE_ID15;
   tag.textContent = CSS4;
   document.head.appendChild(tag);
 }
@@ -134133,7 +134705,7 @@ var WATER_FIXTURES = {
 var DEFAULT_FIXTURES = ENERGY_FIXTURES;
 
 // src/components/metas-guide/openMetasGuide.ts
-var STYLE_ID14 = "myio-metas-guide-styles";
+var STYLE_ID16 = "myio-metas-guide-styles";
 var ROOT_ID = "myio-metas-guide-root";
 var FALLBACK_THEME = {
   accent: "#6c5ce7",
@@ -134141,7 +134713,7 @@ var FALLBACK_THEME = {
   accentText: "#ffffff",
   mode: "light"
 };
-function escapeHtml13(value) {
+function escapeHtml14(value) {
   return String(value ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 var nfInt = new Intl.NumberFormat("pt-BR", { maximumFractionDigits: 0 });
@@ -134169,7 +134741,7 @@ function legendHtml() {
     [SERIES_COLORS.orcado, "Or\xE7ado"]
   ];
   return `<div class="myio-mg-legend">${items.map(
-    ([c, l]) => `<span class="myio-mg-legend__item"><span class="myio-mg-legend__dot" style="background:${c}" aria-hidden="true"></span>${escapeHtml13(
+    ([c, l]) => `<span class="myio-mg-legend__item"><span class="myio-mg-legend__dot" style="background:${c}" aria-hidden="true"></span>${escapeHtml14(
       l
     )}</span>`
   ).join("")}</div>`;
@@ -134209,7 +134781,7 @@ function miniChartSvg(s) {
     const pts = data.map((v, i) => `${(i * bandW + bandW / 2).toFixed(1)},${y(v).toFixed(1)}`).join(" ");
     return `<polyline points="${pts}" fill="none" stroke="${color}" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"></polyline>`;
   };
-  return `<svg class="myio-mg-chart" viewBox="0 0 ${W} ${H}" role="img" aria-label="Gr\xE1fico ilustrativo de ${escapeHtml13(
+  return `<svg class="myio-mg-chart" viewBox="0 0 ${W} ${H}" role="img" aria-label="Gr\xE1fico ilustrativo de ${escapeHtml14(
     s.name
   )}" preserveAspectRatio="none">
     ${bars}
@@ -134226,8 +134798,8 @@ function kpiRowHtml(s, unit) {
   ];
   return `<div class="myio-mg-kpis">${kpis.map(
     ([label, val, color]) => `<div class="myio-mg-kpi">
-        <span class="myio-mg-kpi__label" style="color:${color}">${escapeHtml13(label)}</span>
-        <span class="myio-mg-kpi__value">${fmtInt(val)} <small>${escapeHtml13(unit)}</small></span>
+        <span class="myio-mg-kpi__label" style="color:${color}">${escapeHtml14(label)}</span>
+        <span class="myio-mg-kpi__value">${fmtInt(val)} <small>${escapeHtml14(unit)}</small></span>
       </div>`
   ).join("")}</div>`;
 }
@@ -134235,7 +134807,7 @@ function chipsHtml(s) {
   const c = computeChips(s);
   const chip = (label, ratio) => {
     const cls = ratio > 0 ? "is-up" : ratio < 0 ? "is-down" : "is-flat";
-    return `<span class="myio-mg-chip ${cls}">${escapeHtml13(label)} <strong>${escapeHtml13(
+    return `<span class="myio-mg-chip ${cls}">${escapeHtml14(label)} <strong>${escapeHtml14(
       fmtPct4(ratio)
     )}</strong></span>`;
   };
@@ -134250,7 +134822,7 @@ function miniCardHtml(s, unit, opts) {
   const showKpis = opts?.kpis !== false;
   const showChips = opts?.chips !== false;
   return `<div class="myio-mg-card">
-    <h5 class="myio-mg-card__title">${escapeHtml13(s.name)}</h5>
+    <h5 class="myio-mg-card__title">${escapeHtml14(s.name)}</h5>
     ${showChart ? legendHtml() + miniChartSvg(s) : ""}
     ${showKpis ? kpiRowHtml(s, unit) : ""}
     ${showChips ? chipsHtml(s) : ""}
@@ -134260,7 +134832,7 @@ function miniSidebarHtml(shoppings, unit, prevY, curY) {
   const total = deriveTotal({ shoppings });
   const row = (name, a, r, o, m, isTotal) => `
     <div class="myio-mg-side__row${isTotal ? " is-total" : ""}">
-      <span class="myio-mg-side__name">${escapeHtml13(name)}</span>
+      <span class="myio-mg-side__name">${escapeHtml14(name)}</span>
       <span class="myio-mg-side__vals">
         <b style="color:${SERIES_COLORS.aMinus1}">${fmtInt(a)}</b>
         <b style="color:${SERIES_COLORS.realizado}">${fmtInt(r)}</b>
@@ -134271,7 +134843,7 @@ function miniSidebarHtml(shoppings, unit, prevY, curY) {
   return `<div class="myio-mg-side">
     <div class="myio-mg-side__head">
       <span>Resumo por shopping</span>
-      <span class="myio-mg-side__unit">${escapeHtml13(unit)}</span>
+      <span class="myio-mg-side__unit">${escapeHtml14(unit)}</span>
     </div>
     <div class="myio-mg-side__cols">
       <span>Shopping</span>
@@ -134298,10 +134870,10 @@ function miniToolbarHtml(prevY, curY, highlight) {
   </div>`;
 }
 function bannerHtml(text2) {
-  return `<p class="myio-mg-banner">${escapeHtml13(text2)}</p>`;
+  return `<p class="myio-mg-banner">${escapeHtml14(text2)}</p>`;
 }
 function paras(sentences) {
-  return `<div class="myio-mg-copy">${sentences.map((s) => `<p>${escapeHtml13(s)}</p>`).join("")}</div>`;
+  return `<div class="myio-mg-copy">${sentences.map((s) => `<p>${escapeHtml14(s)}</p>`).join("")}</div>`;
 }
 function buildSections(ctx) {
   const { energy, water, curY, prevY } = ctx;
@@ -134326,8 +134898,8 @@ function buildSections(ctx) {
         "A r\xE9gua da meta muda por dom\xEDnio: em Energia a refer\xEAncia \xE9 a ENTRADA; em \xC1gua, os hidr\xF4metros.",
         "Os n\xFAmeros e a unidade de cada card acompanham o dom\xEDnio selecionado."
       ]) + miniToolbarHtml(prevY, curY, "domain") + `<div class="myio-mg-two">
-          <div><div class="myio-mg-two__tag">\u26A1 Energia \xB7 ${escapeHtml13(energy.unit)}</div>${miniCardHtml(e0, energy.unit, { chips: false })}</div>
-          <div><div class="myio-mg-two__tag">\u{1F4A7} \xC1gua \xB7 ${escapeHtml13(water.unit)}</div>${miniCardHtml(w0, water.unit, { chips: false })}</div>
+          <div><div class="myio-mg-two__tag">\u26A1 Energia \xB7 ${escapeHtml14(energy.unit)}</div>${miniCardHtml(e0, energy.unit, { chips: false })}</div>
+          <div><div class="myio-mg-two__tag">\u{1F4A7} \xC1gua \xB7 ${escapeHtml14(water.unit)}</div>${miniCardHtml(w0, water.unit, { chips: false })}</div>
         </div>`
     },
     {
@@ -134398,7 +134970,7 @@ function buildSections(ctx) {
       ]) + `<div class="myio-mg-order">
           <span class="myio-mg-order__btn">Data de Inaugura\xE7\xE3o \u2191 \xB7 \u2699\uFE0F</span>
           <span class="myio-mg-order__btn">\u25BD Filtros</span>
-        </div><ul class="myio-mg-order__list">${energy.shoppings.slice().sort((a, b) => a.inaugurationDate.localeCompare(b.inaugurationDate)).map((s) => `<li><b>${escapeHtml13(s.name)}</b> <span>inaugurado em ${escapeHtml13(s.inaugurationDate)}</span></li>`).join("")}</ul>`
+        </div><ul class="myio-mg-order__list">${energy.shoppings.slice().sort((a, b) => a.inaugurationDate.localeCompare(b.inaugurationDate)).map((s) => `<li><b>${escapeHtml14(s.name)}</b> <span>inaugurado em ${escapeHtml14(s.inaugurationDate)}</span></li>`).join("")}</ul>`
     },
     {
       id: "engine",
@@ -134427,9 +134999,9 @@ function buildSections(ctx) {
   ];
 }
 function injectStyles16() {
-  if (document.getElementById(STYLE_ID14)) return;
+  if (document.getElementById(STYLE_ID16)) return;
   const style = document.createElement("style");
-  style.id = STYLE_ID14;
+  style.id = STYLE_ID16;
   style.textContent = `
   #${ROOT_ID}{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);font-family:'Nunito',system-ui,sans-serif;}
   #${ROOT_ID} *{box-sizing:border-box;}
@@ -134537,9 +135109,9 @@ function openMetasGuide(options = {}) {
   root.innerHTML = `
     <div class="myio-mg-modal${theme.mode === "dark" ? " is-dark" : ""}" role="dialog" aria-modal="true"
          aria-labelledby="myio-mg-title"
-         style="--mg-accent:${escapeHtml13(theme.accent)};--mg-accent-dark:${escapeHtml13(
+         style="--mg-accent:${escapeHtml14(theme.accent)};--mg-accent-dark:${escapeHtml14(
     theme.accentDark
-  )};--mg-accent-text:${escapeHtml13(theme.accentText)};">
+  )};--mg-accent-text:${escapeHtml14(theme.accentText)};">
       <div class="myio-mg-header">
         <div class="myio-mg-header__l">
           <span class="myio-mg-header__logo" aria-hidden="true">\u{1F393}</span>
@@ -144765,7 +145337,7 @@ var DeviceOperationalCardView = class {
   }
   renderCard(alarm) {
     const severityConfig = SEVERITY_CONFIG[alarm.severity];
-    const isActive = isAlarmActive(alarm.state);
+    const isActive2 = isAlarmActive(alarm.state);
     const isCritical = alarm.severity === "CRITICAL" && alarm.state === "OPEN";
     const severityChipClass = this.getSeverityChipClass(alarm.severity);
     const stateChipClass = this.getStateChipClass(alarm.state);
@@ -144840,7 +145412,7 @@ var DeviceOperationalCardView = class {
 
           <!-- Actions -->
           <div class="myio-alarm-card-actions">
-            ${isActive ? `
+            ${isActive2 ? `
               <button class="btn-ack" data-action="acknowledge">Reconhecer</button>
             ` : ""}
             <button class="btn-details" data-action="details">Detalhes</button>
@@ -148731,15 +149303,15 @@ var AlarmsNotificationsPanelView = class {
     const rows = alarms.map((alarm) => {
       const sev = SEVERITY_CONFIG[alarm.severity];
       const st = STATE_CONFIG[alarm.state];
-      const isActive = alarm.state !== "CLOSED";
+      const isActive2 = alarm.state !== "CLOSED";
       const sel = this.selectedIds.has(alarm.id);
       const escTitle = this.esc(alarm.title);
       const escCustomer = this.esc(alarm.customerName || "-");
       const escSource = this.esc(alarm.source || "-");
       const actionBtns = `
         ${this.isAlarmActionAllowed("acknowledge") && alarm.state === "OPEN" ? `<button class="atbl-btn atbl-btn--ack" data-action="acknowledge" data-alarm-id="${alarm.id}" title="Reconhecer"><svg viewBox="0 0 24 24" width="11" height="11" fill="currentColor"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></button>` : ""}
-        ${this.isAlarmActionAllowed("snooze") && isActive ? `<button class="atbl-btn atbl-btn--snooze" data-action="snooze" data-alarm-id="${alarm.id}" title="Adiar"><svg viewBox="0 0 24 24" width="11" height="11" fill="currentColor"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"/></svg></button>` : ""}
-        ${this.isAlarmActionAllowed("escalate") && isActive ? `<button class="atbl-btn atbl-btn--escalate" data-action="escalate" data-alarm-id="${alarm.id}" title="Escalar"><svg viewBox="0 0 24 24" width="11" height="11" fill="currentColor"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"/></svg></button>` : ""}
+        ${this.isAlarmActionAllowed("snooze") && isActive2 ? `<button class="atbl-btn atbl-btn--snooze" data-action="snooze" data-alarm-id="${alarm.id}" title="Adiar"><svg viewBox="0 0 24 24" width="11" height="11" fill="currentColor"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"/></svg></button>` : ""}
+        ${this.isAlarmActionAllowed("escalate") && isActive2 ? `<button class="atbl-btn atbl-btn--escalate" data-action="escalate" data-alarm-id="${alarm.id}" title="Escalar"><svg viewBox="0 0 24 24" width="11" height="11" fill="currentColor"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"/></svg></button>` : ""}
         <button class="atbl-btn atbl-btn--details" data-action="details" data-alarm-id="${alarm.id}" title="Detalhes"><svg viewBox="0 0 24 24" width="11" height="11" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg></button>
       `;
       const tiposHtml = isPorDispositivo && alarm._alarmTypes?.length ? alarm._alarmTypes.slice(0, 2).map(
@@ -152635,8 +153207,8 @@ function renderDowntimeList(downtimeList) {
       <div class="downtime-item">
         <span class="rank">${index + 1}</span>
         <div class="item-info">
-          <span class="item-name">${escapeHtml14(item.name)}</span>
-          <span class="item-location">${escapeHtml14(item.location)}</span>
+          <span class="item-name">${escapeHtml15(item.name)}</span>
+          <span class="item-location">${escapeHtml15(item.location)}</span>
         </div>
         <div class="item-metrics">
           <span class="downtime-hours">${item.downtime}h</span>
@@ -152649,7 +153221,7 @@ function renderDowntimeList(downtimeList) {
     `
   ).join("");
 }
-function escapeHtml14(text2) {
+function escapeHtml15(text2) {
   const div = document.createElement("div");
   div.textContent = text2;
   return div.innerHTML;
@@ -157232,7 +157804,7 @@ function removeSchedulingSharedStyles() {
 }
 
 // src/components/scheduling-shared/view-helpers.ts
-function escapeHtml15(str) {
+function escapeHtml16(str) {
   const div = document.createElement("div");
   div.textContent = str;
   return div.innerHTML;
@@ -157393,7 +157965,7 @@ function showConfirmModal(container, title, message) {
     overlay.innerHTML = `
       <div class="${SCHED_CSS_PREFIX}__modal-backdrop"></div>
       <div class="${SCHED_CSS_PREFIX}__modal-content">
-        <h3>${escapeHtml15(title)}</h3>
+        <h3>${escapeHtml16(title)}</h3>
         <p>${message}</p>
         <div class="${SCHED_CSS_PREFIX}__modal-actions">
           <button class="${SCHED_CSS_PREFIX}__modal-btn-cancel">Cancelar</button>
@@ -157427,8 +157999,8 @@ function showNotificationModal(container, type, message, autoCloseMs = 6e3) {
   overlay.innerHTML = `
     <div class="${SCHED_CSS_PREFIX}__modal-backdrop"></div>
     <div class="${SCHED_CSS_PREFIX}__modal-content">
-      <h3>${escapeHtml15(title)}</h3>
-      <p>${escapeHtml15(message)}</p>
+      <h3>${escapeHtml16(title)}</h3>
+      <p>${escapeHtml16(message)}</p>
       <div class="${SCHED_CSS_PREFIX}__modal-actions">
         <button class="${SCHED_CSS_PREFIX}__modal-btn-close">Fechar</button>
       </div>
@@ -159149,10 +159721,10 @@ var DeviceGridV6View = class {
   }
   toggleSearch() {
     if (!this.searchWrapEl) return;
-    const isActive = this.searchWrapEl.classList.toggle("active");
-    if (isActive && this.searchInputEl) {
+    const isActive2 = this.searchWrapEl.classList.toggle("active");
+    if (isActive2 && this.searchInputEl) {
       this.searchInputEl.focus();
-    } else if (!isActive && this.searchInputEl) {
+    } else if (!isActive2 && this.searchInputEl) {
       this.searchInputEl.value = "";
       this.controller.setSearchTerm("");
       this.renderCards();
@@ -160694,7 +161266,7 @@ var DEFAULT_CONFIG4 = {
     off: "Desligado"
   }
 };
-function formatDuration2(minutes) {
+function formatDuration3(minutes) {
   if (minutes < 60) {
     return `${Math.round(minutes)}min`;
   }
@@ -160764,7 +161336,7 @@ function renderTimelineSVG(data, config2) {
           text-anchor="middle"
           class="${ONOFF_TIMELINE_CSS_PREFIX}__duration-label"
         >
-          ${formatDuration2(seg.durationMinutes)}
+          ${formatDuration3(seg.durationMinutes)}
         </text>
       `;
     }
@@ -160790,7 +161362,7 @@ function renderTimelineSVG(data, config2) {
         data-state="${stateClass}"
         data-start="${formatDateTime4(seg.startTime)}"
         data-end="${formatDateTime4(seg.endTime)}"
-        data-duration="${formatDuration2(seg.durationMinutes)}"
+        data-duration="${formatDuration3(seg.durationMinutes)}"
         data-source="${seg.source || "unknown"}"
       />
     `;
@@ -160887,7 +161459,7 @@ function renderSummary(data, labels) {
       </div>
       <div class="${ONOFF_TIMELINE_CSS_PREFIX}__summary-item">
         <span class="${ONOFF_TIMELINE_CSS_PREFIX}__summary-value">
-          ${formatDuration2(data.totalOnMinutes)}
+          ${formatDuration3(data.totalOnMinutes)}
         </span>
         <span class="${ONOFF_TIMELINE_CSS_PREFIX}__summary-label">Tempo ${labels.on || "ON"}</span>
       </div>
@@ -165901,8 +166473,8 @@ var SidebarMenuView = class {
     `;
   }
   renderItem(item, section) {
-    const isActive = this.activeItemId === item.id;
-    const activeClass = isActive ? "active" : "";
+    const isActive2 = this.activeItemId === item.id;
+    const activeClass = isActive2 ? "active" : "";
     const disabledClass = item.disabled ? "disabled" : "";
     return `
       <div
@@ -165912,7 +166484,7 @@ var SidebarMenuView = class {
         data-action="item-click"
         role="menuitem"
         tabindex="${item.disabled ? -1 : 0}"
-        aria-current="${isActive ? "page" : "false"}"
+        aria-current="${isActive2 ? "page" : "false"}"
         ${item.disabled ? 'aria-disabled="true"' : ""}
       >
         <span class="${SIDEBAR_MENU_CSS_PREFIX}__item-icon">
@@ -168255,7 +168827,7 @@ var DAY_NAMES = {
   "5": "Sex",
   "6": "S\xE1b"
 };
-function formatDuration3(ms) {
+function formatDuration4(ms) {
   if (!ms) return "";
   const min = Math.round(ms / 6e4);
   if (min < 60) return `${min} min`;
@@ -168276,7 +168848,7 @@ function renderRuleDetailContent(rule) {
 }
 function renderRuleChips(rule) {
   const op = OPERATOR_LABELS2[rule.operator] ?? rule.operator;
-  const dur = formatDuration3(rule.duration);
+  const dur = formatDuration4(rule.duration);
   const time = rule.startAt && rule.endAt ? `${rule.startAt} \u2013 ${rule.endAt}` : "";
   const agg = rule.aggregation ?? "";
   const chips = [
@@ -170042,11 +170614,11 @@ function _esc(s) {
   const str = s == null ? "" : String(s);
   return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-var STYLE_ID15 = "ntw-styles";
+var STYLE_ID17 = "ntw-styles";
 function _injectStyles2() {
-  if (document.getElementById(STYLE_ID15)) return;
+  if (document.getElementById(STYLE_ID17)) return;
   const s = document.createElement("style");
-  s.id = STYLE_ID15;
+  s.id = STYLE_ID17;
   s.textContent = NTW_CSS;
   document.head.appendChild(s);
 }
@@ -172747,7 +173319,7 @@ var IMPORTANCE_COLORS4 = {
   // red
 };
 var ITEM_TEXT_MAX = 120;
-function escapeHtml16(input) {
+function escapeHtml17(input) {
   if (input == null) return "";
   return String(input).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
@@ -172785,24 +173357,24 @@ function renderAnnotationItemCard(device, annotation, searchTerm) {
   const domainIcon = DOMAIN_ICONS3[device.domain] ?? DOMAIN_ICONS3.unknown;
   const typeIcon = TYPE_ICONS[annotation.type] ?? "\xB7";
   const importance = Math.max(1, Math.min(5, annotation.importance || 1));
-  const textEscaped = escapeHtml16(truncate2(annotation.text || "", ITEM_TEXT_MAX));
-  const deviceLabelEscaped = escapeHtml16(device.label || device.name || device.deviceId);
-  const author = escapeHtml16(annotation.createdBy?.name || "sem autor");
-  const when = escapeHtml16(formatRelative(annotation.createdAt));
+  const textEscaped = escapeHtml17(truncate2(annotation.text || "", ITEM_TEXT_MAX));
+  const deviceLabelEscaped = escapeHtml17(device.label || device.name || device.deviceId);
+  const author = escapeHtml17(annotation.createdBy?.name || "sem autor");
+  const when = escapeHtml17(formatRelative(annotation.createdAt));
   const overdueTag = isOverdue(annotation) ? '<span class="myio-annotations-overdue">Vencida</span>' : "";
   const text2 = searchTerm ? highlightMatches(textEscaped, searchTerm) : textEscaped;
   const deviceLabel = searchTerm ? highlightMatches(deviceLabelEscaped, searchTerm) : deviceLabelEscaped;
-  const identifierEscaped = device.identifier ? escapeHtml16(device.identifier) : "";
+  const identifierEscaped = device.identifier ? escapeHtml17(device.identifier) : "";
   const identifierHighlighted = searchTerm && identifierEscaped ? highlightMatches(identifierEscaped, searchTerm) : identifierEscaped;
   const identifierTag = device.identifier ? `<span class="myio-annotations-item-device">${identifierHighlighted}</span>` : "";
   return `
 <button
   class="myio-annotations-item"
   type="button"
-  data-device-id="${escapeHtml16(device.deviceId)}"
-  data-annotation-id="${escapeHtml16(annotation.id)}"
+  data-device-id="${escapeHtml17(device.deviceId)}"
+  data-annotation-id="${escapeHtml17(annotation.id)}"
   tabindex="0"
-  aria-label="${escapeHtml16(annotation.text)} \u2014 ${deviceLabel}"
+  aria-label="${escapeHtml17(annotation.text)} \u2014 ${deviceLabel}"
 >
   <span class="myio-annotations-item-icon" aria-hidden="true">${typeIcon}</span>
   <div class="myio-annotations-item-body">
@@ -173779,8 +174351,8 @@ var HeaderAnnotationsPanel = class _HeaderAnnotationsPanel {
         // group header
         render: () => `
 <header class="myio-annotations-group-header ${groupClass}">
-  ${g.icon ? `<span class="myio-annotations-group-icon" aria-hidden="true">${escapeHtml16(g.icon)}</span>` : ""}
-  <span class="myio-annotations-group-label">${escapeHtml16(g.label)}</span>
+  ${g.icon ? `<span class="myio-annotations-group-icon" aria-hidden="true">${escapeHtml17(g.icon)}</span>` : ""}
+  <span class="myio-annotations-group-label">${escapeHtml17(g.label)}</span>
   <span class="myio-annotations-group-count">${g.totalAnnotations}</span>
 </header>`
       });
@@ -173905,9 +174477,9 @@ ${this._renderToolbar(filteredCount, totalAllUnfiltered)}
   }
   _renderToolbar(filteredCount, totalCount) {
     const sortOptions = SORT_OPTIONS.map(
-      (o) => `<option value="${o.key}" ${o.key === this.sortBy ? "selected" : ""}>${escapeHtml16(o.label)}</option>`
+      (o) => `<option value="${o.key}" ${o.key === this.sortBy ? "selected" : ""}>${escapeHtml17(o.label)}</option>`
     ).join("");
-    const term = escapeHtml16(this.filter.searchTerm || "");
+    const term = escapeHtml17(this.filter.searchTerm || "");
     const filtersActiveCount = this._activeFilterCount();
     const filterIndicator = filtersActiveCount > 0 ? `<span class="myio-annotations-group-count">${filtersActiveCount}</span>` : "";
     const showingHtml = filteredCount === totalCount ? `${totalCount} anota\xE7\xF5es` : `${filteredCount} de ${totalCount} anota\xE7\xF5es`;
@@ -173948,13 +174520,13 @@ ${this._renderToolbar(filteredCount, totalAllUnfiltered)}
     const typesHtml = FILTER_TYPE_OPTIONS.map(
       (t) => `<label class="myio-annotations-filter-chip ${this.filter.types.has(t.id) ? "is-on" : ""}">
           <input type="checkbox" data-filter="type" value="${t.id}" ${this.filter.types.has(t.id) ? "checked" : ""} />
-          <span>${t.icon} ${escapeHtml16(t.label)}</span>
+          <span>${t.icon} ${escapeHtml17(t.label)}</span>
         </label>`
     ).join("");
     const statusHtml = FILTER_STATUS_OPTIONS.map(
       (s) => `<label class="myio-annotations-filter-chip ${this.filter.statuses.has(s.id) ? "is-on" : ""}">
           <input type="checkbox" data-filter="status" value="${s.id}" ${this.filter.statuses.has(s.id) ? "checked" : ""} />
-          <span>${escapeHtml16(s.label)}</span>
+          <span>${escapeHtml17(s.label)}</span>
         </label>`
     ).join("");
     const impHtml = [1, 2, 3, 4, 5].map(
@@ -174031,12 +174603,12 @@ ${this._renderToolbar(filteredCount, totalAllUnfiltered)}
     return `
 <section class="${groupClass}">
   <header class="myio-annotations-group-header" role="button" tabindex="0"
-          data-group-toggle="${escapeHtml16(group.key)}"
+          data-group-toggle="${escapeHtml17(group.key)}"
           aria-expanded="${!isCollapsed}"
           title="${isCollapsed ? "Expandir grupo" : "Recolher grupo"}">
     <span class="myio-annotations-group-chevron" aria-hidden="true">${isCollapsed ? "\u25B6" : "\u25BC"}</span>
-    ${group.icon ? `<span class="myio-annotations-group-icon" aria-hidden="true">${escapeHtml16(group.icon)}</span>` : ""}
-    <span class="myio-annotations-group-label">${escapeHtml16(group.label)}</span>
+    ${group.icon ? `<span class="myio-annotations-group-icon" aria-hidden="true">${escapeHtml17(group.icon)}</span>` : ""}
+    <span class="myio-annotations-group-label">${escapeHtml17(group.label)}</span>
     <span class="myio-annotations-group-count">${group.totalAnnotations}</span>
   </header>
   ${itemsHtml}
@@ -174697,7 +175269,7 @@ function validateDeviceProductCode(code) {
 }
 
 // src/components/cards/central-status/v1.0.0/styles.ts
-var STYLE_ID16 = "myio-central-status-card-styles";
+var STYLE_ID18 = "myio-central-status-card-styles";
 var CSS5 = `
 .myio-cscard{
   --cscard-surface:#ffffff;
@@ -175000,9 +175572,9 @@ var CSS5 = `
 `;
 function injectCentralStatusCardStyles() {
   if (typeof document === "undefined") return;
-  if (document.getElementById(STYLE_ID16)) return;
+  if (document.getElementById(STYLE_ID18)) return;
   const tag = document.createElement("style");
-  tag.id = STYLE_ID16;
+  tag.id = STYLE_ID18;
   tag.textContent = CSS5;
   document.head.appendChild(tag);
 }
@@ -175062,7 +175634,7 @@ function deriveCentralConnectivity(ev, opts) {
 }
 
 // src/components/cards/central-status/v1.0.0/TimelineModal.ts
-var STYLE_ID17 = "myio-cscard-timeline-styles";
+var STYLE_ID19 = "myio-cscard-timeline-styles";
 var DEFAULT_PERIODS = [1, 7, 30, 90];
 function escAttr5(s) {
   return String(s ?? "").replace(
@@ -175071,9 +175643,9 @@ function escAttr5(s) {
   );
 }
 function injectTimelineModalStyles() {
-  if (typeof document === "undefined" || document.getElementById(STYLE_ID17)) return;
+  if (typeof document === "undefined" || document.getElementById(STYLE_ID19)) return;
   const tag = document.createElement("style");
-  tag.id = STYLE_ID17;
+  tag.id = STYLE_ID19;
   tag.textContent = `
 .myio-tlmodal{
   --tl-online:#3b82f6;
@@ -175412,7 +175984,7 @@ function formatSince(iso, nowMs, language) {
   else rel = `${Math.round(s / 86400)}d`;
   return `${abs} (${rel})`;
 }
-function formatDuration4(ms) {
+function formatDuration5(ms) {
   const totalMin = Math.max(0, Math.round(ms / 6e4));
   const hours = Math.floor(totalMin / 60);
   const minutes = totalMin % 60;
@@ -175750,7 +176322,7 @@ var CentralStatusCard = class _CentralStatusCard {
       this.el.removeAttribute("draggable");
     }
     this.el.style.zoom = p.scale && p.scale !== 1 ? String(p.scale) : "";
-    const connLabel = l.connectivityValue?.[connectivity] || (pastHard && sinceSuccessMs != null ? `${CONNECTIVITY_VALUE_DEFAULT.OFFLINE} ${formatDuration4(sinceSuccessMs)}` : CONNECTIVITY_VALUE_DEFAULT[connectivity]);
+    const connLabel = l.connectivityValue?.[connectivity] || (pastHard && sinceSuccessMs != null ? `${CONNECTIVITY_VALUE_DEFAULT.OFFLINE} ${formatDuration5(sinceSuccessMs)}` : CONNECTIVITY_VALUE_DEFAULT[connectivity]);
     const staleBadge = stale ? `<span class="myio-cscard__stale">${STALE_BADGE_TEXT[this.language()]}</span>` : "";
     const divergenceGlyph = (() => {
       const o = p.icons?.divergence;
@@ -176412,6 +176984,7 @@ var version = package_default.version || "0.0.0";
   POWER_LIMITS_DEVICE_TYPES,
   POWER_LIMITS_STATUS_CONFIG,
   POWER_LIMITS_TELEMETRY_TYPES,
+  PUMP_POWER_KEY,
   REPORT_MONEY_HEADER,
   SCHEDULE_HOLIDAY_CSS_PREFIX,
   SCHEDULE_IR_CSS_PREFIX,
@@ -176464,6 +177037,7 @@ var version = package_default.version || "0.0.0";
   TempSensorSummaryTooltip,
   Temperature,
   UsersSummaryTooltip,
+  VALVE_STATE_KEYS,
   VARIANCE_LABEL_ABOVE,
   VARIANCE_LABEL_BELOW,
   VARIANCE_LABEL_ONTARGET,
@@ -176586,6 +177160,7 @@ var version = package_default.version || "0.0.0";
   createDistributionChartWidget,
   createDivCard,
   createEnergyPanelComponent,
+  createEquipmentIndicatorStrip,
   createErrorSpan,
   createExportButton,
   createFakeDeviceCategoryPort,
@@ -176812,6 +177387,7 @@ var version = package_default.version || "0.0.0";
   hasCoverageGaps,
   hasSelectedDays,
   highlightAnnotationMatches,
+  indicatorsFromModalData,
   initMyIOAuthContext,
   initOnOffTimelineTooltips,
   injectActionButtonStyles,
@@ -176848,6 +177424,7 @@ var version = package_default.version || "0.0.0";
   injectSolenoidControlStyles,
   injectSwitchControlStyles,
   interpolateTemperature,
+  intervalsFromTelemetry,
   inventory,
   isAlarmActive,
   isAnnotationOverdue,
@@ -176877,6 +177454,7 @@ var version = package_default.version || "0.0.0";
   isValidTimeFormat,
   isWaterCategory,
   latestHourlyTemperature,
+  latestPowerKw,
   liftProfileToTree,
   listDeviceProductTypes,
   listDomains,
@@ -176945,10 +177523,12 @@ var version = package_default.version || "0.0.0";
   openUpsellModal,
   openUserManagementModal,
   openWelcomeModal,
+  openWellPumpsModal,
   overlayWithholdsVerdict,
   panelCategoryToWire,
   panelDomainToWire,
   panelTermToDeviceCategory,
+  parseBinaryState,
   parseClassificationEntities,
   parseGcdrEnergyRoot,
   parseGcdrEntityForest,
@@ -176956,6 +177536,7 @@ var version = package_default.version || "0.0.0";
   parseLogAnnotations,
   periodKey,
   pickUniqueCustomerCode,
+  pumpHistoryFromConsumption,
   readFreshdeskTicketsFromTB,
   recalculateDeviceStatus,
   recomputeDeviceGridPercentages,
@@ -176983,6 +177564,8 @@ var version = package_default.version || "0.0.0";
   renderDashboardDowntimeList,
   renderDeviceGridList,
   renderDualLineChart,
+  renderEquipmentShortcutHTML,
+  renderEquipmentTilesHTML,
   renderFinancialIndicators,
   renderGatedMoney,
   renderKPICards,