myio-js-library 0.1.501 → 0.1.503

package/dist/index.cjs

@@ -583,6 +583,7 @@ __export(index_exports, {
   CONSUMPTION_CHART_DEFAULTS: () => DEFAULT_CONFIG,
   CONSUMPTION_THEME_COLORS: () => THEME_COLORS,
   CardGridPanel: () => CardGridPanel,
+  ColumnSummaryTooltip: () => ColumnSummaryTooltip,
   ConnectionStatusType: () => ConnectionStatusType,
   ContractSummaryTooltip: () => ContractSummaryTooltip,
   CustomerCardV1: () => CustomerCardV1,
@@ -1162,7 +1163,7 @@ module.exports = __toCommonJS(index_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.501",
+  version: "0.1.503",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -27305,8 +27306,8 @@ var EnergyDataFetcher = class {
 // src/components/premium-modals/internal/engines/CsvExporter.ts
 var toCsv = (rows, locale = "pt-BR", sep = ";") => {
   const fmt2 = new Intl.NumberFormat(locale, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-  const esc3 = (v) => (typeof v === "number" ? fmt2.format(v) : String(v)).replace(/"/g, '""');
-  return rows.map((r) => r.map((c) => `"${esc3(c)}"`).join(sep)).join("\r\n");
+  const esc4 = (v) => (typeof v === "number" ? fmt2.format(v) : String(v)).replace(/"/g, '""');
+  return rows.map((r) => r.map((c) => `"${esc4(c)}"`).join(sep)).join("\r\n");
 };
 
 // src/utils/telemetryUtils.ts
@@ -32992,6 +32993,13 @@ var AllReportModal = class {
   domainConfig;
   // Granularity: '1d' (daily) | '1h' (hourly)
   granularity = "1d";
+  // When true, devices flagged via `exclude_groups_totals` for this group are dropped
+  // from the report so its total reconciles with the dashboard KPIs. Toggleable in the UI.
+  considerExclusion = true;
+  // Raw API response kept so the exclusion toggle can re-map without a new fetch.
+  lastApiResponse = null;
+  // Cleanup for the InfoTooltip attached to the exclusion-flag info icon.
+  exclusionTooltipCleanup = null;
   // Debug logging helper
   debugLog(message, data) {
     if (this.debugEnabled) {
@@ -33000,7 +33008,7 @@ var AllReportModal = class {
   }
   // Helper: normalize identifiers (upper, strip spaces and non-alphanum)
   normalizeId(v) {
-    return (v || "").toString().normalize("NFKC").toUpperCase().replace(/\s+/g, "").replace(/[^A-Z0-9]/g, "");
+    return (v || "").toString().normalize("NFKC").toUpperCase().replace(/\s+/g, "").replace(/[0300-036f]/g, "");
   }
   // Helper: extract store identifier from API item
   // Priority: assetName -> parse from name (last token or token after space) -> null
@@ -33069,6 +33077,10 @@ var AllReportModal = class {
         this.dateRangePicker.destroy();
         this.dateRangePicker = null;
       }
+      if (this.exclusionTooltipCleanup) {
+        this.exclusionTooltipCleanup();
+        this.exclusionTooltipCleanup = null;
+      }
       if (this.filterModal) {
         this.filterModal.destroy();
         this.filterModal = null;
@@ -33107,6 +33119,20 @@ var AllReportModal = class {
             <button id="filter-btn" class="myio-btn myio-btn-secondary" style="background: var(--myio-brand-700); color: white;">
               \u{1F50D} Filtros & Ordena\xE7\xE3o
             </button>
+            <div class="myio-form-group" style="margin-bottom: 0; display: flex; align-items: center; gap: 6px; align-self: flex-end; padding-bottom: 8px;">
+              <label for="consider-exclusion" style="display: flex; align-items: center; gap: 6px; cursor: pointer; font-size: 13px; color: var(--myio-text, #374151); white-space: nowrap;">
+                <input type="checkbox" id="consider-exclusion" checked style="cursor: pointer; width: 15px; height: 15px; accent-color: var(--myio-brand-700, #5b2c9d);">
+                Considerar exclus\xE3o de totais
+              </label>
+              <span id="exclusion-info" aria-label="Sobre a exclus\xE3o de totais" style="
+                display: inline-flex; align-items: center; justify-content: center;
+                width: 16px; height: 16px; border-radius: 50%;
+                background: var(--myio-brand-700, #5b2c9d); color: #fff;
+                font-size: 11px; font-weight: 700; font-style: italic;
+                font-family: Georgia, 'Times New Roman', serif; cursor: help;
+                user-select: none;
+              ">i</span>
+            </div>
             <div class="myio-form-group" style="margin-bottom: 0; margin-left: auto;">
               <label class="myio-label" for="search-input">Busca r\xE1pida</label>
               <input type="text" id="search-input" class="myio-input" placeholder="Digite para filtrar..." style="width: 200px;">
@@ -33165,6 +33191,20 @@ var AllReportModal = class {
         this.renderTable();
       });
     }
+    const exclusionCheckbox = document.getElementById("consider-exclusion");
+    exclusionCheckbox?.addEventListener("change", () => {
+      this.considerExclusion = exclusionCheckbox.checked;
+      this.remapAndRender();
+    });
+    const exclusionInfo = document.getElementById("exclusion-info");
+    if (exclusionInfo) {
+      this.exclusionTooltipCleanup?.();
+      this.exclusionTooltipCleanup = InfoTooltip.attach(exclusionInfo, () => ({
+        icon: "\u2139\uFE0F",
+        title: "Exclus\xE3o de totais",
+        content: this.buildExclusionTooltipContent()
+      }));
+    }
     try {
       this.dateRangePicker = await attach(dateRangeInput, {
         presetStart: this.getDefaultStartDate(),
@@ -33207,6 +33247,7 @@ var AllReportModal = class {
       const customerTotalsData = await this.fetchCustomerTotals(startISO, endISO);
       this.debugLog("\u2705 API response received", customerTotalsData);
       this.debugLog("\u{1F504} Processing API response...");
+      this.lastApiResponse = customerTotalsData;
       this.data = this.mapCustomerTotalsResponse(customerTotalsData);
       this.debugLog("\u2705 Data mapping completed", {
         mappedDataLength: this.data.length,
@@ -33426,48 +33467,6 @@ var AllReportModal = class {
     });
   }
   renderPagination() {
-    return;
-    const container = document.getElementById("pagination-container");
-    if (!container) return;
-    const filteredData = this.getFilteredData();
-    const totalPages = Math.ceil(filteredData.length / this.itemsPerPage);
-    if (totalPages <= 1) {
-      container.style.display = "none";
-      return;
-    }
-    const startItem = (this.currentPage - 1) * this.itemsPerPage + 1;
-    const endItem = Math.min(this.currentPage * this.itemsPerPage, filteredData.length);
-    container.innerHTML = `
-      <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px;">
-        <div style="color: var(--myio-text-muted);">
-          Mostrando ${startItem}-${endItem} de ${filteredData.length} lojas
-        </div>
-        <div style="display: flex; gap: 8px; align-items: center;">
-          <button id="prev-page" class="myio-btn myio-btn-outline" ${this.currentPage === 1 ? "disabled" : ""}>
-            Anterior
-          </button>
-          <span style="padding: 0 12px; font-weight: bold;">
-            ${this.currentPage} / ${totalPages}
-          </span>
-          <button id="next-page" class="myio-btn myio-btn-outline" ${this.currentPage === totalPages ? "disabled" : ""}>
-            Pr\xF3ximo
-          </button>
-        </div>
-      </div>
-    `;
-    document.getElementById("prev-page")?.addEventListener("click", () => {
-      if (this.currentPage > 1) {
-        this.currentPage--;
-        this.renderTable();
-      }
-    });
-    document.getElementById("next-page")?.addEventListener("click", () => {
-      if (this.currentPage < totalPages) {
-        this.currentPage++;
-        this.renderTable();
-      }
-    });
-    container.style.display = "block";
   }
   calculateTotalConsumption() {
     return this.data.reduce((sum, row) => sum + row.consumption, 0);
@@ -33511,7 +33510,7 @@ var AllReportModal = class {
   }
   generateStoreId(storeName) {
     const name = (storeName || "SEM-ID").toString();
-    return name.toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "");
+    return name.toLowerCase().replace(/\s+/g, "-").replace(/[0300-036f]/g, "");
   }
   applyFiltersAndSort(selectedIds, sortMode) {
     this.selectedStoreIds = new Set(selectedIds);
@@ -33560,8 +33559,10 @@ var AllReportModal = class {
   async fetchCustomerTotals(startISO, endISO) {
     if (this.params.fetcher) {
       const token2 = this.params.api.ingestionToken || await this.authClient.getBearer();
+      const baseUrl2 = this.params.api.dataApiBaseUrl;
+      if (!baseUrl2) throw new Error("dataApiBaseUrl n\xE3o configurado.");
       return await this.params.fetcher({
-        baseUrl: this.params.api.dataApiBaseUrl,
+        baseUrl: baseUrl2,
         token: token2,
         customerId: this.params.customerId,
         startISO,
@@ -33598,6 +33599,83 @@ var AllReportModal = class {
     this.debugLog("[AllReportModal] Customer totals response:", data);
     return data;
   }
+  // Re-map the cached API response under the current exclusion flag and refresh the UI.
+  // No-op until data has been loaded at least once.
+  remapAndRender() {
+    if (!this.lastApiResponse) return;
+    this.data = this.mapCustomerTotalsResponse(this.lastApiResponse);
+    this.selectedStoreIds = new Set(this.data.map((s) => this.generateStoreId(s.identifier)));
+    this.currentPage = 1;
+    this.renderSummary();
+    this.renderTable();
+  }
+  // Premium tooltip content for the exclusion-flag info icon. Uses the library
+  // InfoTooltip CSS classes (myio-info-tooltip__*) — injected by InfoTooltip itself.
+  buildExclusionTooltipContent() {
+    const p = "margin:0 0 8px;font-size:11px;line-height:1.5;color:#475569;";
+    const pLast = "margin:0;font-size:11px;line-height:1.5;color:#475569;";
+    return `
+      <div class="myio-info-tooltip__section" style="max-width:280px;">
+        <p style="${p}">
+          Alguns dispositivos t\xEAm o atributo <strong>exclude_groups_totals</strong> e s\xE3o
+          propositalmente removidos dos totais do dashboard (ex.: medidor de locat\xE1rio que
+          n\xE3o \xE9 consumo operacional do shopping).
+        </p>
+        <p style="${p}">
+          <strong>Ligado</strong> (padr\xE3o): esses dispositivos s\xE3o omitidos do relat\xF3rio \u2014
+          o total bate com os cards do dashboard.
+        </p>
+        <p style="${pLast}">
+          <strong>Desligado</strong>: todos os dispositivos do grupo entram \u2014 mostra o
+          consumo bruto, inclusive os exclu\xEDdos.
+        </p>
+      </div>
+      <div class="myio-info-tooltip__notice">
+        <span class="myio-info-tooltip__notice-icon">\u{1F4A1}</span>
+        <span>N\xE3o altera nenhum dado \u2014 apenas o que o relat\xF3rio soma e lista.</span>
+      </div>
+    `;
+  }
+  // Resolve the canonical `exclude_groups_totals.groups` key for the report's current group.
+  // Returns null for groupings that don't map to a single exclusion key (climatizavel, etc.).
+  resolveExclusionGroupKey(item) {
+    const g = String(this.params.group || "").toLowerCase();
+    if (g === "entrada" || g === "lojas" || g === "area_comum") return g;
+    if (g === "todos") {
+      const gl = String(item.groupLabel || "").normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().trim();
+      if (gl === "entrada") return "entrada";
+      if (gl === "lojas") return "lojas";
+      if (gl === "area comum" || gl === "areacomum") return "area_comum";
+      if (gl === "climatizacao") return "climatizacao";
+      if (gl === "elevadores") return "elevadores";
+      if (gl === "escadas rolantes" || gl === "esc. rolantes") return "escadas_rolantes";
+      if (gl === "outros" || gl === "outros equipamentos") return "outros";
+    }
+    return null;
+  }
+  // Mirrors getValorEfetivo (MAIN_VIEW): a device flagged in exclude_groups_totals for the
+  // report's group is dropped, so the report total reconciles with the dashboard KPI card.
+  isExcludedFromTotals(item) {
+    const raw = item.excludeGroupsTotals;
+    if (!raw) return false;
+    let parsed;
+    try {
+      parsed = typeof raw === "string" ? JSON.parse(raw) : raw;
+    } catch {
+      return false;
+    }
+    if (!parsed || parsed.enabled !== true) return false;
+    const key = this.resolveExclusionGroupKey(item);
+    if (!key) return false;
+    if (parsed.groups && typeof parsed.groups === "object") {
+      return parsed.groups[key] === true;
+    }
+    if (Array.isArray(parsed.excludedGroups)) {
+      const ex = parsed.excludedGroups.map((x) => String(x).toLowerCase());
+      return ex.includes(key) || ex.includes("all");
+    }
+    return false;
+  }
   mapCustomerTotalsResponse(apiResponse) {
     this.debugLog("\u{1F50D} Starting mapCustomerTotalsResponse", { apiResponse });
     const apiArray = Array.isArray(apiResponse?.data) ? apiResponse.data : Array.isArray(apiResponse) ? apiResponse : [];
@@ -33635,6 +33713,10 @@ var AllReportModal = class {
       const apiId = String(apiItem?.id || "");
       if (!apiId || !orchIdSet.has(apiId)) continue;
       const meta = orchMeta.get(apiId);
+      if (this.considerExclusion && meta && this.isExcludedFromTotals(meta)) {
+        this.debugLog("[AllReportModal] device excluded via exclude_groups_totals:", meta.label);
+        continue;
+      }
       const consumption = Math.round(this.pickConsumption(apiItem) * 100) / 100;
       const result = {
         identifier: meta?.identifier || apiItem.name || apiId,
@@ -73761,6 +73843,185 @@ var WaterSummaryTooltip = {
   }
 };
 
+// src/utils/ColumnSummaryTooltip.ts
+var COLUMN_SUMMARY_CSS = `
+.myio-col-summary {
+  max-width: 300px;
+  font-family: 'Nunito', 'Segoe UI', system-ui, sans-serif;
+}
+.myio-col-summary__kpis {
+  display: flex; flex-direction: column; gap: 4px;
+  padding: 8px 10px; margin-bottom: 10px;
+  background: #faf8ff; border: 1px solid #e3d9f3; border-radius: 8px;
+}
+.myio-col-summary__kpi {
+  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
+}
+.myio-col-summary__kpi-label {
+  font-size: 10px; font-weight: 700; letter-spacing: 0.3px;
+  text-transform: uppercase; color: #64748b;
+}
+.myio-col-summary__kpi-value {
+  font-size: 12px; font-weight: 700; color: #1e293b; text-align: right;
+}
+.myio-col-summary__kpi-value--accent {
+  font-size: 14px; color: #3e1a7d;
+}
+.myio-col-summary__group {
+  display: flex; flex-direction: column; gap: 1px; margin-top: 8px;
+}
+.myio-col-summary__group-label {
+  font-size: 10px; font-weight: 800; letter-spacing: 0.3px;
+  text-transform: uppercase; color: #64748b; margin-bottom: 3px;
+}
+.myio-col-summary__row {
+  display: flex; align-items: center; gap: 8px; padding: 2px 0;
+  font-size: 11px; color: #1e293b;
+}
+.myio-col-summary__name {
+  flex: 1 1 auto; min-width: 0;
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.myio-col-summary__val {
+  flex: 0 0 auto; font-weight: 700; color: #16a34a; text-align: right;
+}
+.myio-col-summary__pct {
+  flex: 0 0 auto; min-width: 44px; text-align: right;
+  font-size: 10px; font-weight: 600; color: #64748b;
+}
+.myio-col-summary__empty {
+  padding: 14px 0; text-align: center; font-style: italic;
+  font-size: 11px; color: #94a3b8;
+}
+`;
+var _cssInjected2 = false;
+function injectCSS10() {
+  if (_cssInjected2 || typeof document === "undefined") return;
+  const STYLE_ID4 = "myio-column-summary-tooltip-css";
+  if (document.getElementById(STYLE_ID4)) {
+    _cssInjected2 = true;
+    return;
+  }
+  const style = document.createElement("style");
+  style.id = STYLE_ID4;
+  style.textContent = COLUMN_SUMMARY_CSS;
+  document.head.appendChild(style);
+  _cssInjected2 = true;
+}
+function esc3(value) {
+  return String(value == null ? "" : value).replace(
+    /[&<>"]/g,
+    (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]
+  );
+}
+function defaultFormatter(unit) {
+  const nf = new Intl.NumberFormat("pt-BR", { maximumFractionDigits: 2 });
+  return (v) => nf.format(Number(v) || 0) + (unit ? " " + unit : "");
+}
+function fmtPct(value, total) {
+  const p = total > 0 ? (Number(value) || 0) / total * 100 : 0;
+  return p.toFixed(1).replace(".", ",") + "%";
+}
+function buildContent(data) {
+  const devices = Array.isArray(data.devices) ? data.devices.slice() : [];
+  const fmt2 = data.formatValue || defaultFormatter(data.unit || "");
+  const count = devices.length;
+  const total = devices.reduce((s, d) => s + (Number(d.value) || 0), 0);
+  const avg = count ? total / count : 0;
+  const periodRow = data.periodLabel ? `<div class="myio-col-summary__kpi">
+         <span class="myio-col-summary__kpi-label">Per\xEDodo</span>
+         <span class="myio-col-summary__kpi-value">${esc3(data.periodLabel)}</span>
+       </div>` : "";
+  if (!count) {
+    return `<div class="myio-col-summary">
+      <div class="myio-col-summary__kpis">
+        ${periodRow}
+        <div class="myio-col-summary__kpi">
+          <span class="myio-col-summary__kpi-label">Dispositivos</span>
+          <span class="myio-col-summary__kpi-value">0</span>
+        </div>
+      </div>
+      <div class="myio-col-summary__empty">Nenhum dispositivo.</div>
+    </div>`;
+  }
+  const desc = devices.slice().sort((a, b) => (Number(b.value) || 0) - (Number(a.value) || 0));
+  const top3 = desc.slice(0, 3);
+  const bottom3 = desc.slice(-3).reverse();
+  const near3 = devices.slice().sort(
+    (a, b) => Math.abs((Number(a.value) || 0) - avg) - Math.abs((Number(b.value) || 0) - avg)
+  ).slice(0, 3);
+  const row = (d) => `
+    <div class="myio-col-summary__row">
+      <span class="myio-col-summary__name" title="${esc3(d.name)}">${esc3(d.name)}</span>
+      <span class="myio-col-summary__val">${esc3(fmt2(Number(d.value) || 0))}</span>
+      <span class="myio-col-summary__pct">${fmtPct(Number(d.value) || 0, total)}</span>
+    </div>`;
+  const group = (label, list) => list.length ? `<div class="myio-col-summary__group">
+           <span class="myio-col-summary__group-label">${label}</span>
+           ${list.map(row).join("")}
+         </div>` : "";
+  return `<div class="myio-col-summary">
+    <div class="myio-col-summary__kpis">
+      ${periodRow}
+      <div class="myio-col-summary__kpi">
+        <span class="myio-col-summary__kpi-label">Dispositivos</span>
+        <span class="myio-col-summary__kpi-value">${count}</span>
+      </div>
+      <div class="myio-col-summary__kpi">
+        <span class="myio-col-summary__kpi-label">Consumo m\xE9dio</span>
+        <span class="myio-col-summary__kpi-value myio-col-summary__kpi-value--accent">${esc3(
+    fmt2(avg)
+  )}</span>
+      </div>
+      <div class="myio-col-summary__kpi">
+        <span class="myio-col-summary__kpi-label">Consumo total</span>
+        <span class="myio-col-summary__kpi-value">${esc3(fmt2(total))}</span>
+      </div>
+    </div>
+    ${group("\u25B2 3 maiores", top3)}
+    ${group("\u25BC 3 menores", bottom3)}
+    ${group("\u25CF 3 na m\xE9dia", near3)}
+  </div>`;
+}
+var ColumnSummaryTooltip = {
+  /** Shows the column summary tooltip anchored to the trigger element. */
+  show(triggerElement, data) {
+    injectCSS10();
+    InfoTooltip.show(triggerElement, {
+      icon: "\u{1F4CA}",
+      title: data.title ? `Resumo \u2014 ${data.title}` : "Resumo da Coluna",
+      content: buildContent(data)
+    });
+  },
+  /** Hides the tooltip immediately. */
+  hide() {
+    InfoTooltip.hide();
+  },
+  /** Starts the delayed hide (use on mouseleave). */
+  startDelayedHide() {
+    InfoTooltip.startDelayedHide();
+  },
+  /**
+   * Attaches hover behavior to a trigger element. `getData` is called on each
+   * hover so the summary always reflects the latest data. Returns a cleanup fn.
+   */
+  attach(triggerElement, getData) {
+    injectCSS10();
+    const handleEnter = () => {
+      ColumnSummaryTooltip.show(triggerElement, getData());
+    };
+    const handleLeave = () => {
+      InfoTooltip.startDelayedHide();
+    };
+    triggerElement.addEventListener("mouseenter", handleEnter);
+    triggerElement.addEventListener("mouseleave", handleLeave);
+    return () => {
+      triggerElement.removeEventListener("mouseenter", handleEnter);
+      triggerElement.removeEventListener("mouseleave", handleLeave);
+    };
+  }
+};
+
 // src/utils/TempSensorSummaryTooltip.ts
 var TEMP_SENSOR_TOOLTIP_CSS = `
 /* ============================================
@@ -74251,7 +74512,7 @@ var TEMP_SENSOR_TOOLTIP_CSS = `
 }
 `;
 var cssInjected9 = false;
-function injectCSS10() {
+function injectCSS11() {
   if (cssInjected9) return;
   if (typeof document === "undefined") return;
   const styleId = "myio-temp-sensor-tooltip-styles";
@@ -74638,7 +74899,7 @@ var TempSensorSummaryTooltip = {
    * Get or create container
    */
   getContainer() {
-    injectCSS10();
+    injectCSS11();
     let container = document.getElementById(this.containerId);
     if (!container) {
       container = document.createElement("div");
@@ -75232,7 +75493,7 @@ var CONTRACT_SUMMARY_TOOLTIP_CSS = `
 }
 `;
 var cssInjected10 = false;
-function injectCSS11() {
+function injectCSS12() {
   if (cssInjected10) return;
   if (typeof document === "undefined") return;
   const styleId = "myio-contract-summary-tooltip-styles";
@@ -75675,7 +75936,7 @@ var ContractSummaryTooltip = {
    * Get or create container
    */
   getContainer() {
-    injectCSS11();
+    injectCSS12();
     let container = document.getElementById(this.containerId);
     if (!container) {
       container = document.createElement("div");
@@ -76161,7 +76422,7 @@ var USERS_SUMMARY_TOOLTIP_CSS = `
 }
 `;
 var cssInjected11 = false;
-function injectCSS12() {
+function injectCSS13() {
   if (cssInjected11) return;
   if (typeof document === "undefined") return;
   const styleId = "myio-users-summary-tooltip-styles";
@@ -76192,7 +76453,7 @@ var UsersSummaryTooltip = {
    * Create or get the tooltip container
    */
   getContainer() {
-    injectCSS12();
+    injectCSS13();
     let container = document.getElementById(this.containerId);
     if (!container) {
       container = document.createElement("div");
@@ -76869,7 +77130,7 @@ var ALARMS_SUMMARY_TOOLTIP_CSS = `
 }
 `;
 var cssInjected12 = false;
-function injectCSS13() {
+function injectCSS14() {
   if (cssInjected12) return;
   if (typeof document === "undefined") return;
   const styleId = "myio-alarms-summary-tooltip-styles";
@@ -76900,7 +77161,7 @@ var AlarmsSummaryTooltip = {
    * Create or get the tooltip container
    */
   getContainer() {
-    injectCSS13();
+    injectCSS14();
     let container = document.getElementById(this.containerId);
     if (!container) {
       container = document.createElement("div");
@@ -77315,7 +77576,7 @@ var NOTIFICATIONS_SUMMARY_TOOLTIP_CSS = `
 }
 `;
 var cssInjected13 = false;
-function injectCSS14() {
+function injectCSS15() {
   if (cssInjected13) return;
   if (typeof document === "undefined") return;
   const styleId = "myio-notifications-summary-tooltip-styles";
@@ -77346,7 +77607,7 @@ var NotificationsSummaryTooltip = {
    * Create or get the tooltip container
    */
   getContainer() {
-    injectCSS14();
+    injectCSS15();
     let container = document.getElementById(this.containerId);
     if (!container) {
       container = document.createElement("div");
@@ -84311,7 +84572,7 @@ async function fetchIngestionDevicesAllPaged(customerId) {
 function findIngestionDeviceByCentralSlaveId(devices, centralId, slaveId) {
   const slaveIdNum = typeof slaveId === "string" ? parseInt(slaveId, 10) : slaveId;
   for (const device of devices) {
-    const deviceGatewayId = device.gatewayId || device.gateway?.id;
+    const deviceGatewayId = device.gateway?.hardwareUuid || device.gatewayId || device.gateway?.id;
     if (deviceGatewayId === centralId && device.slaveId === slaveIdNum) {
       console.log(
         "[UpsellModal] Found matching device:",
@@ -84329,8 +84590,8 @@ function findIngestionDeviceByCentralSlaveId(devices, centralId, slaveId) {
     console.log(
       `[UpsellModal] Sample device ${i}:`,
       d.name,
-      "gatewayId:",
-      d.gatewayId || d.gateway?.id,
+      "gateway(hwUuid|id):",
+      d.gateway?.hardwareUuid || d.gatewayId || d.gateway?.id,
       "slaveId:",
       d.slaveId
     );
@@ -84515,7 +84776,7 @@ function openUpsellModal(params) {
     selectedDevices: [],
     bulkAttributeModal: { open: false, attribute: "deviceType", value: "", saving: false },
     bulkProfileModal: { open: false, selectedProfileId: "", saving: false },
-    bulkOwnerModal: { open: false, saving: false },
+    bulkOwnerModal: { open: false, saving: false, targetCustomerId: "" },
     columnWidths: {
       name: 180,
       label: 120,
@@ -84552,6 +84813,7 @@ function openUpsellModal(params) {
     lojasDeviceData: [],
     lojasDataLoading: false,
     lojasConfig: null,
+    lojasApplyRelation: true,
     customModeModal: { open: false },
     bulkRelationModal: { open: false, target: "CUSTOMER", selectedAssetId: "", selectedAssetName: "", search: "", newAssetName: "", assetsLoaded: false, overrideCustomerId: "", overrideCustomerName: "", customerSearch: "", customerPickerOpen: false },
     checkFixLoading: false,
@@ -84716,6 +84978,12 @@ function renderModal4(container, state6, modalId, t, error) {
                 font-size: 14px; font-weight: 500; font-family: 'Roboto', Arial, sans-serif;
                 display: flex; align-items: center; gap: 6px;
               " ${!state6.selectedCustomer ? 'disabled title="Selecione um Customer primeiro"' : ""}>\u{1F504} Sync Ingestion ID (${state6.selectedDevices.length})</button>
+              <button id="${modalId}-bulk-delete" style="
+                background: #b91c1c; color: white; border: 1px solid #7f1d1d;
+                padding: 8px 16px; border-radius: 6px; cursor: pointer;
+                font-size: 14px; font-weight: 600; font-family: 'Roboto', Arial, sans-serif;
+                display: flex; align-items: center; gap: 6px;
+              " title="Deletar permanentemente os dispositivos selecionados (irrevers\xEDvel)">\u{1F5D1}\uFE0F Deletar (${state6.selectedDevices.length})</button>
             ` : ""}
             ${state6.currentStep === 3 && state6.lojasMode ? `
               <button id="${modalId}-lojas-sync" style="
@@ -84954,7 +85222,18 @@ function renderModal4(container, state6, modalId, t, error) {
       </div>
     ` : ""}
 
-    ${state6.bulkOwnerModal.open ? `
+    ${state6.bulkOwnerModal.open ? (() => {
+    const effId = state6.bulkOwnerModal.targetCustomerId || state6.selectedCustomer?.id?.id || "";
+    const effCustomer = state6.customers.find((c) => c.id?.id === effId) || state6.selectedCustomer;
+    const effName = effCustomer?.name || effCustomer?.title || "N\xE3o selecionado";
+    const customerOptions = state6.customers.length === 0 ? `<option value="${effId}">${effName}</option>` : [...state6.customers].sort(
+      (a, b) => (a.name || a.title || "").localeCompare(b.name || b.title || "", "pt-BR")
+    ).map((c) => {
+      const cid = c.id?.id || "";
+      const cname = c.name || c.title || cid;
+      return `<option value="${cid}" ${cid === effId ? "selected" : ""}>${cname}</option>`;
+    }).join("");
+    return `
       <!-- Bulk Owner Modal -->
       <div class="myio-bulk-owner-overlay" style="
         position: fixed; top: 0; left: 0; right: 0; bottom: 0;
@@ -84980,17 +85259,25 @@ function renderModal4(container, state6, modalId, t, error) {
             <div style="font-size: 14px; color: ${colors2.text}; font-weight: 500;">${state6.selectedDevices.length} dispositivos</div>
           </div>
 
-          <div style="margin-bottom: 16px; padding: 12px; background: ${colors2.success}20; border-radius: 8px; border: 1px solid ${colors2.success}40;">
-            <div style="font-size: 12px; color: ${colors2.textMuted}; margin-bottom: 4px;">Novo Owner (Customer):</div>
-            <div style="font-size: 14px; color: ${colors2.success}; font-weight: 600;">${state6.selectedCustomer?.name || state6.selectedCustomer?.title || "N\xE3o selecionado"}</div>
+          <div style="margin-bottom: 16px;">
+            <div style="font-size: 12px; color: ${colors2.textMuted}; margin-bottom: 6px;">
+              Novo Owner (Customer):
+            </div>
+            <select id="${modalId}-bulk-owner-customer" style="
+              width: 100%; padding: 9px 10px; border-radius: 8px;
+              border: 1px solid ${colors2.border}; background: ${colors2.inputBg};
+              color: ${colors2.text}; font-size: 13px; cursor: pointer;
+            ">
+              ${customerOptions}
+            </select>
             <div style="font-size: 11px; color: ${colors2.textMuted}; margin-top: 4px;">
-              ID: ${state6.selectedCustomer?.id?.id || "N/A"}
+              ID: ${effId || "N/A"}${state6.customers.length === 0 ? " \xB7 carregando lista de clientes\u2026" : ""}
             </div>
           </div>
 
           <div style="margin-bottom: 16px; padding: 12px; background: ${colors2.warning}20; border-radius: 8px; border: 1px solid ${colors2.warning}40;">
             <div style="font-size: 12px; color: ${colors2.warning}; font-weight: 500;">
-              \u26A0\uFE0F Aten\xE7\xE3o: Esta a\xE7\xE3o ir\xE1 atribuir todos os ${state6.selectedDevices.length} devices selecionados ao customer "${state6.selectedCustomer?.name || state6.selectedCustomer?.title}".
+              \u26A0\uFE0F Aten\xE7\xE3o: Esta a\xE7\xE3o ir\xE1 atribuir todos os ${state6.selectedDevices.length} devices selecionados ao customer "${effName}".
             </div>
           </div>
 
@@ -85004,13 +85291,14 @@ function renderModal4(container, state6, modalId, t, error) {
               background: #10b981; color: white; border: none;
               padding: 10px 20px; border-radius: 6px; cursor: pointer;
               font-size: 14px; font-weight: 500;
-            " ${state6.bulkOwnerModal.saving || !state6.selectedCustomer ? "disabled" : ""}>
+            " ${state6.bulkOwnerModal.saving || !effId ? "disabled" : ""}>
               ${state6.bulkOwnerModal.saving ? "Salvando..." : "Atribuir Owner para " + state6.selectedDevices.length + " devices"}
             </button>
           </div>
         </div>
       </div>
-    ` : ""}
+    `;
+  })() : ""}
 
     ${state6.customModeModal.open ? `
       <!-- CUSTOM Mode Picker Modal -->
@@ -85230,6 +85518,7 @@ function renderModal4(container, state6, modalId, t, error) {
             `;
   })() : ""}
   `;
+  delete container.dataset.upsellListenersBound;
   setupEventListeners3(container, state6, modalId, t);
 }
 function renderStepIndicator(step, label, currentStep, colors2) {
@@ -85433,6 +85722,8 @@ function renderCheckFixRow(r, state6, modalId, colors2, dupPairIds, dupIngestion
   };
   const valStr = Object.entries(r.telemetry.values).map(([k, v]) => v != null ? `${k}:<b>${v}${unit[k] ?? ""}</b>` : null).filter(Boolean).join(" \xB7 ") || "\u2014";
   const connColor = r.connStatus ? CONN_COLOR[r.connStatus] || colors2.textMuted : colors2.textMuted;
+  const valCopy = Object.entries(r.telemetry.values).filter(([, v]) => v != null).map(([k, v]) => `${k}: ${v}${unit[k] ?? ""}`).join(" \xB7 ");
+  const copyAttr = (v) => `class="myio-copy-cell" data-copy="${encodeURIComponent(String(v ?? ""))}"`;
   return `
     <tr class="myio-list-item ${isSelected ? "selected" : ""}" data-device-id="${r.deviceId}"
         style="border-bottom:1px solid ${colors2.border}; cursor:pointer;">
@@ -85441,21 +85732,21 @@ function renderCheckFixRow(r, state6, modalId, colors2, dupPairIds, dupIngestion
           <input type="checkbox" class="myio-device-checkbox" data-device-id="${r.deviceId}"
             ${isSelectedMulti ? "checked" : ""} style="width:14px;height:14px;cursor:pointer;accent-color:${MYIO_PURPLE};"/>
         </td>` : ""}
-      <td style="${cell()} max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="${r.deviceName}">${r.deviceName}</td>
-      <td style="${cell()} max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:${colors2.textMuted};" title="${r.deviceLabel}">${r.deviceLabel || dash}</td>
-      <td style="${cell(typeActWrong ? "ok" : "none", true)}">${r.inferred.deviceType}</td>
-      <td style="${cell(typeActWrong ? r.typeEqualsProfile ? "warn" : "bad" : "none", true)}" title="${typeActWrong ? `esperado: ${r.inferred.deviceType}` : ""}">${r.actual.type || dash}</td>
-      <td style="${cell(devTypeWrong ? "ok" : "none", true)}">${r.inferred.deviceType}</td>
-      <td style="${cell(devTypeWrong ? "bad" : "none", true)}" title="${devTypeWrong ? `esperado: ${r.inferred.deviceType}` : ""}">${r.actual.deviceType || dash}</td>
-      <td style="${cell(devProfWrong ? "ok" : "none", true)}">${r.inferred.deviceProfile}</td>
-      <td style="${cell(devProfWrong ? "bad" : "none", true)}" title="${devProfWrong ? `esperado: ${r.inferred.deviceProfile}` : ""}">${r.actual.deviceProfile || dash}</td>
-      <td style="${cell()} white-space:nowrap; color:${colors2.textMuted}; font-size:9px;">${tsStr}</td>
-      <td style="${cell()} font-size:9px;">${valStr}</td>
-      <td style="${cell()} color:${connColor}; font-weight:600; white-space:nowrap;">${r.connStatus || dash}</td>
-      <td style="${cell()} font-size:9px; font-family:monospace; color:${colors2.textMuted}; max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;" title="${r.gcdrDeviceId || ""}">${r.gcdrDeviceId || dash}</td>
-      <td style="${cell(dupIngestionIds.has(r.deviceId) ? "bad" : "none")} font-size:9px; font-family:monospace; max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;" title="${r.ingestionId || ""}">${r.ingestionId || dash}</td>
-      <td style="${cell(dupPairIds.has(r.deviceId) ? "bad" : "none")} font-size:9px; font-family:monospace; max-width:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;" title="${r.centralId || ""}">${r.centralId || dash}</td>
-      <td style="${cell(dupPairIds.has(r.deviceId) ? "bad" : "none")} font-size:9px; font-family:monospace; max-width:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">${r.slaveId || dash}</td>
+      <td ${copyAttr(r.deviceName)} style="${cell()} max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="${r.deviceName}">${r.deviceName}</td>
+      <td ${copyAttr(r.deviceLabel)} style="${cell()} max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:${colors2.textMuted};" title="${r.deviceLabel}">${r.deviceLabel || dash}</td>
+      <td ${copyAttr(r.inferred.deviceType)} style="${cell(typeActWrong ? "ok" : "none", true)}">${r.inferred.deviceType}</td>
+      <td ${copyAttr(r.actual.type ?? "")} style="${cell(typeActWrong ? r.typeEqualsProfile ? "warn" : "bad" : "none", true)}" title="${typeActWrong ? `esperado: ${r.inferred.deviceType}` : ""}">${r.actual.type || dash}</td>
+      <td ${copyAttr(r.inferred.deviceType)} style="${cell(devTypeWrong ? "ok" : "none", true)}">${r.inferred.deviceType}</td>
+      <td ${copyAttr(r.actual.deviceType ?? "")} style="${cell(devTypeWrong ? "bad" : "none", true)}" title="${devTypeWrong ? `esperado: ${r.inferred.deviceType}` : ""}">${r.actual.deviceType || dash}</td>
+      <td ${copyAttr(r.inferred.deviceProfile)} style="${cell(devProfWrong ? "ok" : "none", true)}">${r.inferred.deviceProfile}</td>
+      <td ${copyAttr(r.actual.deviceProfile ?? "")} style="${cell(devProfWrong ? "bad" : "none", true)}" title="${devProfWrong ? `esperado: ${r.inferred.deviceProfile}` : ""}">${r.actual.deviceProfile || dash}</td>
+      <td ${copyAttr(r.telemetry.ts ? tsStr : "")} style="${cell()} white-space:nowrap; color:${colors2.textMuted}; font-size:9px;">${tsStr}</td>
+      <td ${copyAttr(valCopy)} style="${cell()} font-size:9px;">${valStr}</td>
+      <td ${copyAttr(r.connStatus ?? "")} style="${cell()} color:${connColor}; font-weight:600; white-space:nowrap;">${r.connStatus || dash}</td>
+      <td ${copyAttr(r.gcdrDeviceId ?? "")} style="${cell()} font-size:9px; font-family:monospace; color:${colors2.textMuted}; max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;" title="${r.gcdrDeviceId || ""}">${r.gcdrDeviceId || dash}</td>
+      <td ${copyAttr(r.ingestionId ?? "")} style="${cell(dupIngestionIds.has(r.deviceId) ? "bad" : "none")} font-size:9px; font-family:monospace; max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;" title="${r.ingestionId || ""}">${r.ingestionId || dash}</td>
+      <td ${copyAttr(r.centralId ?? "")} style="${cell(dupPairIds.has(r.deviceId) ? "bad" : "none")} font-size:9px; font-family:monospace; max-width:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;" title="${r.centralId || ""}">${r.centralId || dash}</td>
+      <td ${copyAttr(r.slaveId ?? "")} style="${cell(dupPairIds.has(r.deviceId) ? "bad" : "none")} font-size:9px; font-family:monospace; max-width:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">${r.slaveId || dash}</td>
       <td style="padding:4px 6px; font-size:10px; color:${STATUS_COLOR[r.status]}; font-weight:700; white-space:nowrap; cursor:${r.status !== "ok" ? "help" : "default"};"
           ${r.status !== "ok" ? `data-cf-status="${r.status}" data-cf-device="${encodeURIComponent(r.deviceName)}" data-cf-detail="${encodeURIComponent(_buildCfStatusDetail(r))}"` : ""}>
         ${STATUS_ICON[r.status]} ${r.status}
@@ -85501,16 +85792,7 @@ function renderStep2(state6, modalId, colors2, t) {
     }
     return true;
   });
-  const searchFilteredDevices = searchTerm ? filteredDevices.filter((d) => {
-    const name = (d.name || "").toLowerCase();
-    const label = (d.label || "").toLowerCase();
-    const type = (d.type || "").toLowerCase();
-    const deviceType = (d.serverAttrs?.deviceType || "").toLowerCase();
-    const deviceProfile = (d.serverAttrs?.deviceProfile || "").toLowerCase();
-    const slaveId = String(d.serverAttrs?.slaveId ?? "").toLowerCase();
-    const status = (d.latestTelemetry?.connectionStatus?.value || "").toLowerCase();
-    return name.includes(searchTerm) || label.includes(searchTerm) || type.includes(searchTerm) || deviceType.includes(searchTerm) || deviceProfile.includes(searchTerm) || slaveId.includes(searchTerm) || status.includes(searchTerm);
-  }) : filteredDevices;
+  const searchFilteredDevices = searchTerm ? filteredDevices.filter((d) => buildDeviceSearchHaystack(d, state6).includes(searchTerm)) : filteredDevices;
   const sortedDevices = sortDevices2(searchFilteredDevices, sortField, sortOrder);
   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;
@@ -85978,6 +86260,95 @@ function renderStep2(state6, modalId, colors2, t) {
   })()}
   `;
 }
+function buildDeviceSearchHaystack(d, state6) {
+  const id = getEntityId(d);
+  const relTo = (state6.deviceRelToMap.get(id) || []).map((r) => r.name || "").join(" ");
+  const relFrom = (state6.deviceRelFromMap.get(id) || []).map((r) => r.name || "").join(" ");
+  const tel = d.latestTelemetry || {};
+  const a = d.serverAttrs || {};
+  return [
+    d.name,
+    d.label,
+    d.type,
+    d.createdTime ? formatDate6(d.createdTime, state6.locale) : "",
+    relTo,
+    relFrom,
+    a.centralId,
+    a.slaveId,
+    a.deviceType,
+    a.deviceProfile,
+    tel.pulses?.value,
+    tel.consumption?.value,
+    tel.temperature?.value,
+    tel.connectionStatus?.value
+  ].map((v) => String(v ?? "").toLowerCase()).join("
");
+}
+function getGridVisibleDevices(state6) {
+  const {
+    types: filterTypes,
+    deviceTypes: filterDeviceTypes,
+    deviceProfiles: filterDeviceProfiles,
+    statuses: filterStatuses,
+    telemetryKeys: filterTelemetryKeys
+  } = state6.deviceFilters;
+  const searchTerm = state6.deviceSearchTerm.toLowerCase();
+  let result = state6.devices.filter((d) => {
+    if (filterTypes.length > 0 && !filterTypes.includes(d.type || "")) return false;
+    if (filterDeviceTypes.length > 0 && !filterDeviceTypes.includes(d.serverAttrs?.deviceType || ""))
+      return false;
+    if (filterDeviceProfiles.length > 0 && !filterDeviceProfiles.includes(d.serverAttrs?.deviceProfile || ""))
+      return false;
+    if (filterStatuses.length > 0) {
+      const status = d.latestTelemetry?.connectionStatus?.value || "offline";
+      if (!filterStatuses.includes(status)) return false;
+    }
+    if (filterTelemetryKeys.length > 0) {
+      const telem = d.latestTelemetry;
+      const hasMatch = filterTelemetryKeys.some((k) => {
+        if (k === "pulses") return telem?.pulses != null;
+        if (k === "consumption") return telem?.consumption != null;
+        return false;
+      });
+      if (!hasMatch) return false;
+    }
+    return true;
+  });
+  if (searchTerm) {
+    result = result.filter((d) => buildDeviceSearchHaystack(d, state6).includes(searchTerm));
+  }
+  if (state6.checkFixReport) {
+    const idToRecord = new Map(state6.checkFixReport.records.map((r) => [r.deviceId, r]));
+    const af = state6.checkFixAdvancedFilter;
+    result = result.filter((d) => {
+      const r = idToRecord.get(getEntityId(d));
+      if (!r) return false;
+      if (!(state6.checkFixFilter === "all" || r.status === state6.checkFixFilter)) return false;
+      if (af.statuses.length > 0 && !af.statuses.includes(r.status)) return false;
+      if (af.connStatuses.length > 0 && !af.connStatuses.includes(r.connStatus || "null")) return false;
+      if (af.domains.length > 0 && !af.domains.includes(r.domain || "null")) return false;
+      if (af.missingIngestionId && r.ingestionId) return false;
+      if (af.missingCentralSlave && r.centralId && r.slaveId != null) return false;
+      return true;
+    });
+  }
+  return result;
+}
+function copyCellValue(text, el2) {
+  if (!text) return;
+  const flash = (ok) => {
+    const prev = el2.style.backgroundColor;
+    el2.style.transition = "background-color 0.15s ease";
+    el2.style.backgroundColor = ok ? "rgba(34,197,94,0.35)" : "rgba(239,68,68,0.35)";
+    setTimeout(() => {
+      el2.style.backgroundColor = prev;
+    }, 350);
+  };
+  if (navigator.clipboard?.writeText) {
+    navigator.clipboard.writeText(text).then(() => flash(true), () => flash(false));
+  } else {
+    flash(false);
+  }
+}
 function renderDeviceRow(device, state6, modalId, colors2) {
   const deviceId = getEntityId(device);
   const isSelectedSingle = state6.deviceSelectionMode === "single" && getEntityId(state6.selectedDevice) === deviceId;
@@ -86092,6 +86463,10 @@ function renderDeviceRow(device, state6, modalId, colors2) {
       " title="${statusTs}">(+)</span>` : ""}
     `;
   };
+  const relToNames = state6.relationsLoaded ? (state6.deviceRelToMap.get(deviceId) || []).map((r) => r.name || "").filter(Boolean).join(", ") : "";
+  const relFromNames = state6.relationsLoaded ? (state6.deviceRelFromMap.get(deviceId) || []).map((r) => r.name || "").filter(Boolean).join(", ") : "";
+  const telemetryCopy = telemetryItems.map((it) => `${it.label}: ${it.value}${it.unit}`).join("; ");
+  const copyAttr = (v) => `class="myio-copy-cell" data-copy="${encodeURIComponent(String(v ?? ""))}" title="Clique para copiar valor"`;
   return `
     <div class="myio-list-item ${isSelected ? "selected" : ""}"
          data-device-id="${deviceId}" style="
@@ -86107,8 +86482,8 @@ function renderDeviceRow(device, state6, modalId, colors2) {
           " />
         </div>
       ` : ""}
-      <div style="width: 28px; font-size: 16px; flex-shrink: 0;">${getDeviceIcon3(device.type)}</div>
-      <div style="width: ${state6.columnWidths.name}px; padding: 0 6px; overflow: hidden; display: flex; align-items: center; gap: 4px;">
+      <div style="width: 28px; font-size: 16px; flex-shrink: 0; cursor: pointer;" title="Clique para selecionar o dispositivo">${getDeviceIcon3(device.type)}</div>
+      <div ${copyAttr(device.name)} style="width: ${state6.columnWidths.name}px; padding: 0 6px; overflow: hidden; display: flex; align-items: center; gap: 4px; cursor: pointer;">
         <div style="font-weight: 600; color: ${colors2.text}; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1;" title="${device.name}">
           ${device.name}
         </div>
@@ -86118,22 +86493,22 @@ function renderDeviceRow(device, state6, modalId, colors2) {
           display: flex; align-items: center; justify-content: center; border: 1px solid ${colors2.border};
         " title="Ver detalhes">\u24D8</span>
       </div>
-      <div style="width: ${state6.columnWidths.label}px; padding: 0 6px; overflow: hidden; flex-shrink: 0;">
+      <div ${copyAttr(device.label ?? "")} style="width: ${state6.columnWidths.label}px; padding: 0 6px; overflow: hidden; flex-shrink: 0; cursor: pointer;">
         <div style="font-size: 10px; color: ${colors2.textMuted}; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" title="${device.label ?? ""}">
           ${device.label ?? ""}
         </div>
       </div>
-      <div style="width: ${state6.columnWidths.type}px; padding: 0 6px; text-align: center; flex-shrink: 0; overflow: hidden;">
+      <div ${copyAttr(device.type ?? "")} style="width: ${state6.columnWidths.type}px; padding: 0 6px; text-align: center; flex-shrink: 0; overflow: hidden; cursor: pointer;">
         <div style="font-size: 9px; padding: 2px 4px; border-radius: 3px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
           background: ${device.type?.includes("HIDRO") ? "#dbeafe" : "#fef3c7"};
           color: ${device.type?.includes("HIDRO") ? "#1e40af" : "#92400e"};" title="${device.type || ""}">
           ${device.type || "\u2014"}
         </div>
       </div>
-      <div style="width: ${state6.columnWidths.createdTime}px; padding: 0 6px; text-align: center; flex-shrink: 0;">
+      <div ${copyAttr(device.createdTime ? createdTimeStr : "")} style="width: ${state6.columnWidths.createdTime}px; padding: 0 6px; text-align: center; flex-shrink: 0; cursor: pointer;">
         <span style="font-size: 9px; color: ${colors2.textMuted};">${createdTimeStr}</span>
       </div>
-      <div style="width: ${state6.columnWidths.relationTo}px; padding: 0 6px; flex-shrink: 0; overflow: hidden; display:flex; align-items:center; justify-content:center; gap:3px;">
+      <div ${copyAttr(relToNames)} style="width: ${state6.columnWidths.relationTo}px; padding: 0 6px; flex-shrink: 0; overflow: hidden; display:flex; align-items:center; justify-content:center; gap:3px; cursor: pointer;">
         ${(() => {
     if (!state6.relationsLoaded) return `<span style="font-size: 8px; color: ${colors2.textMuted}; font-style: italic;">\u2014</span>`;
     const rels = state6.deviceRelToMap.get(deviceId) || [];
@@ -86143,7 +86518,7 @@ function renderDeviceRow(device, state6, modalId, colors2) {
     return `<span style="font-size:9px;color:${colors2.text};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:${more > 0 ? 68 : 108}px" title="${first.name}">${first.name}</span>${more > 0 ? `<button data-show-relto="${deviceId}" data-device-name="${encodeURIComponent(device.name || "")}" style="flex-shrink:0;font-size:9px;background:#ede9ff;color:#4c1d95;border:none;border-radius:3px;padding:1px 4px;cursor:pointer;font-weight:700;line-height:1.4">+${more}</button>` : ""}`;
   })()}
       </div>
-      <div style="width: ${state6.columnWidths.relationFrom}px; padding: 0 6px; flex-shrink: 0; overflow: hidden; display:flex; align-items:center; justify-content:center; gap:3px;">
+      <div ${copyAttr(relFromNames)} style="width: ${state6.columnWidths.relationFrom}px; padding: 0 6px; flex-shrink: 0; overflow: hidden; display:flex; align-items:center; justify-content:center; gap:3px; cursor: pointer;">
         ${(() => {
     if (!state6.relationsLoaded) return `<span style="font-size: 8px; color: ${colors2.textMuted}; font-style: italic;">\u2014</span>`;
     const rels = state6.deviceRelFromMap.get(deviceId) || [];
@@ -86153,25 +86528,25 @@ function renderDeviceRow(device, state6, modalId, colors2) {
     return `<span style="font-size:9px;color:${colors2.text};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:${more > 0 ? 68 : 98}px" title="${first.name}">${first.name}</span>${more > 0 ? `<button data-show-relfrom="${deviceId}" data-device-name="${encodeURIComponent(device.name || "")}" style="flex-shrink:0;font-size:9px;background:#dbeafe;color:#1e40af;border:none;border-radius:3px;padding:1px 4px;cursor:pointer;font-weight:700;line-height:1.4">+${more}</button>` : ""}`;
   })()}
       </div>
-      <div style="width: ${state6.columnWidths.centralId}px; padding: 0 6px; text-align: center; flex-shrink: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
+      <div ${copyAttr(attrs.centralId ?? "")} style="width: ${state6.columnWidths.centralId}px; padding: 0 6px; text-align: center; flex-shrink: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;">
         ${!state6.deviceAttrsLoaded ? `<span style="font-size: 8px; color: ${colors2.textMuted}; font-style: italic;">\u2014</span>` : attrs.centralId ? `<span style="font-size: 9px; color: ${colors2.text};" title="${attrs.centralId}">${attrs.centralId}</span>` : `<span style="font-size: 9px; color: ${colors2.textMuted};">\u2014</span>`}
       </div>
-      <div style="width: ${state6.columnWidths.slaveId}px; padding: 0 6px; text-align: center; flex-shrink: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
+      <div ${copyAttr(attrs.slaveId ?? "")} style="width: ${state6.columnWidths.slaveId}px; padding: 0 6px; text-align: center; flex-shrink: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;">
         ${!state6.deviceAttrsLoaded ? `<span style="font-size: 8px; color: ${colors2.textMuted}; font-style: italic;">\u2014</span>` : attrs.slaveId != null && attrs.slaveId !== "" ? `<span style="font-size: 9px; color: ${colors2.text};" title="${attrs.slaveId}">${attrs.slaveId}</span>` : `<span style="font-size: 9px; color: ${colors2.textMuted};">\u2014</span>`}
       </div>
-      <div style="width: ${state6.columnWidths.deviceType}px; padding: 0 6px; text-align: center; flex-shrink: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
+      <div ${copyAttr(state6.deviceAttrsLoaded ? attrs.deviceType ?? "" : "")} style="width: ${state6.columnWidths.deviceType}px; padding: 0 6px; text-align: center; flex-shrink: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;">
         ${renderDeviceTypeValue()}
       </div>
-      <div style="width: ${state6.columnWidths.deviceProfile}px; padding: 0 6px; text-align: center; flex-shrink: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
+      <div ${copyAttr(state6.deviceAttrsLoaded ? attrs.deviceProfile ?? "" : "")} style="width: ${state6.columnWidths.deviceProfile}px; padding: 0 6px; text-align: center; flex-shrink: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;">
         ${renderDeviceProfileValue()}
       </div>
-      <div style="width: ${state6.columnWidths.telemetry}px; padding: 0 6px; text-align: center; flex-shrink: 0; display: flex; align-items: center; justify-content: center; gap: 4px; flex-wrap: wrap;">
+      <div ${copyAttr(telemetryCopy)} style="width: ${state6.columnWidths.telemetry}px; padding: 0 6px; text-align: center; flex-shrink: 0; display: flex; align-items: center; justify-content: center; gap: 4px; flex-wrap: wrap; cursor: pointer;">
         ${renderTelemetryValue()}
       </div>
-      <div style="width: ${state6.columnWidths.status}px; padding: 0 6px; text-align: center; flex-shrink: 0; display: flex; align-items: center; justify-content: center; gap: 2px;">
+      <div ${copyAttr(connStatus ?? "")} style="width: ${state6.columnWidths.status}px; padding: 0 6px; text-align: center; flex-shrink: 0; display: flex; align-items: center; justify-content: center; gap: 2px; cursor: pointer;">
         ${renderStatusValue()}
       </div>
-      <div style="width: 24px; flex-shrink: 0; text-align: center;">
+      <div style="width: 24px; flex-shrink: 0; text-align: center; cursor: pointer;" title="Clique para selecionar o dispositivo">
         ${isSelected ? `<span style="color: ${colors2.success}; font-size: 14px;">\u2713</span>` : ""}
       </div>
     </div>
@@ -86553,7 +86928,11 @@ function renderLojasStep3(state6, modalId, colors2, t) {
         <span>Profile alvo: <strong style="color: ${colors2.text};">3F_MEDIDOR</strong></span>
         <span>deviceType: <strong style="color: ${colors2.text};">3F_MEDIDOR</strong></span>
         <span>deviceProfile: <strong style="color: ${colors2.text};">3F_MEDIDOR</strong></span>
-        <span>Rela\xE7\xE3o: <strong style="color: ${colors2.text};">CUSTOMER \u2192 DEVICE (Contains)</strong></span>
+        <label style="display: flex; align-items: center; gap: 6px; cursor: pointer;"
+               title="Marcado: for\xE7a a rela\xE7\xE3o Customer \u2192 Device. Desmarcado: n\xE3o altera rela\xE7\xF5es.">
+          <input type="checkbox" id="${modalId}-lojas-apply-relation" ${state6.lojasApplyRelation ? "checked" : ""} style="accent-color: ${MYIO_PURPLE}; cursor: pointer;" />
+          <span>Rela\xE7\xE3o: <strong style="color: ${colors2.text};">CUSTOMER \u2192 DEVICE (Contains)</strong></span>
+        </label>
       </div>
     </div>
   `;
@@ -87117,6 +87496,8 @@ async function openClearGcdrIdsModal(state6) {
   }
 }
 function setupEventListeners3(container, state6, modalId, t, onClose) {
+  if (container.dataset.upsellListenersBound === "true") return;
+  container.dataset.upsellListenersBound = "true";
   const closeHandler = () => closeModal(container, onClose);
   const overlay = container.querySelector(".myio-upsell-modal-overlay");
   if (overlay) {
@@ -87232,10 +87613,18 @@ function setupEventListeners3(container, state6, modalId, t, onClose) {
       });
     });
   });
+  container.querySelectorAll(".myio-copy-cell").forEach((cell) => {
+    cell.addEventListener("click", (e) => {
+      e.stopPropagation();
+      const target = e.target;
+      if (target.closest("button, input, .myio-info-btn, .myio-ts-btn")) return;
+      copyCellValue(decodeURIComponent(cell.dataset.copy || ""), cell);
+    });
+  });
   document.getElementById(`${modalId}-device-search`)?.addEventListener("input", (e) => {
     const search = e.target.value.toLowerCase();
     state6.deviceSearchTerm = e.target.value;
-    filterDeviceListVisual(container, state6.devices, search, state6.deviceFilters, state6.deviceSort);
+    filterDeviceListVisual(container, state6.devices, search, state6.deviceFilters, state6.deviceSort, state6);
   });
   document.getElementById(`${modalId}-device-type-filter`)?.addEventListener("change", (e) => {
     const select = e.target;
@@ -87457,15 +87846,17 @@ function setupEventListeners3(container, state6, modalId, t, onClose) {
     renderModal4(container, state6, modalId, t);
     setupEventListeners3(container, state6, modalId, t, onClose);
   });
-  document.getElementById(`${modalId}-check-fix`)?.addEventListener("click", async () => {
+  document.getElementById(`${modalId}-check-fix`)?.addEventListener("click", () => {
     if (state6.checkFixLoading) return;
-    state6.checkFixLoading = true;
-    renderModal4(container, state6, modalId, t);
-    setupEventListeners3(container, state6, modalId, t, onClose);
-    await runCheckFixRoutine(state6, container, modalId, t, onClose);
-    state6.checkFixLoading = false;
-    renderModal4(container, state6, modalId, t);
-    setupEventListeners3(container, state6, modalId, t, onClose);
+    openCheckFixScopeDialog(state6, async (scopeDevices) => {
+      state6.checkFixLoading = true;
+      renderModal4(container, state6, modalId, t);
+      setupEventListeners3(container, state6, modalId, t, onClose);
+      await runCheckFixRoutine(state6, container, modalId, t, onClose, scopeDevices);
+      state6.checkFixLoading = false;
+      renderModal4(container, state6, modalId, t);
+      setupEventListeners3(container, state6, modalId, t, onClose);
+    });
   });
   document.getElementById(`${modalId}-checkfix-filter`)?.addEventListener("change", (e) => {
     state6.checkFixFilter = e.target.value;
@@ -87563,35 +87954,7 @@ function setupEventListeners3(container, state6, modalId, t, onClose) {
     }
   });
   document.getElementById(`${modalId}-select-all`)?.addEventListener("click", () => {
-    const {
-      types: filterTypes,
-      deviceTypes: filterDeviceTypes,
-      deviceProfiles: filterDeviceProfiles,
-      statuses: filterStatuses,
-      telemetryKeys: filterTelemetryKeys
-    } = state6.deviceFilters;
-    let filteredDevices = state6.devices.filter((d) => {
-      if (filterTypes.length > 0 && !filterTypes.includes(d.type || "")) return false;
-      if (filterDeviceTypes.length > 0 && !filterDeviceTypes.includes(d.serverAttrs?.deviceType || ""))
-        return false;
-      if (filterDeviceProfiles.length > 0 && !filterDeviceProfiles.includes(d.serverAttrs?.deviceProfile || ""))
-        return false;
-      if (filterStatuses.length > 0) {
-        const status = d.latestTelemetry?.connectionStatus?.value || "offline";
-        if (!filterStatuses.includes(status)) return false;
-      }
-      if (filterTelemetryKeys.length > 0) {
-        const telem = d.latestTelemetry;
-        const hasMatch = filterTelemetryKeys.some((k) => {
-          if (k === "pulses") return telem?.pulses != null;
-          if (k === "consumption") return telem?.consumption != null;
-          return false;
-        });
-        if (!hasMatch) return false;
-      }
-      return true;
-    });
-    state6.selectedDevices = [...filteredDevices];
+    state6.selectedDevices = [...getGridVisibleDevices(state6)];
     const listEl = document.getElementById(`${modalId}-device-list`);
     const savedScroll = listEl ? listEl.scrollTop : 0;
     renderModal4(container, state6, modalId, t);
@@ -87707,12 +88070,27 @@ function setupEventListeners3(container, state6, modalId, t, onClose) {
   document.getElementById(`${modalId}-bulk-profile-save`)?.addEventListener("click", async () => {
     await saveBulkProfile(state6, container, modalId, t, onClose);
   });
-  document.getElementById(`${modalId}-bulk-owner`)?.addEventListener("click", () => {
+  document.getElementById(`${modalId}-bulk-owner`)?.addEventListener("click", async () => {
     if (!state6.selectedCustomer) {
       alert("Selecione um Customer primeiro no Step 1");
       return;
     }
     state6.bulkOwnerModal.open = true;
+    if (!state6.bulkOwnerModal.targetCustomerId) {
+      state6.bulkOwnerModal.targetCustomerId = state6.selectedCustomer.id?.id || "";
+    }
+    renderModal4(container, state6, modalId, t);
+    setupEventListeners3(container, state6, modalId, t, onClose);
+    if (state6.customers.length === 0) {
+      await loadCustomers(state6, container, modalId, t, onClose);
+      if (state6.bulkOwnerModal.open) {
+        renderModal4(container, state6, modalId, t);
+        setupEventListeners3(container, state6, modalId, t, onClose);
+      }
+    }
+  });
+  document.getElementById(`${modalId}-bulk-owner-customer`)?.addEventListener("change", (e) => {
+    state6.bulkOwnerModal.targetCustomerId = e.target.value;
     renderModal4(container, state6, modalId, t);
     setupEventListeners3(container, state6, modalId, t, onClose);
   });
@@ -87757,6 +88135,10 @@ function setupEventListeners3(container, state6, modalId, t, onClose) {
     if (!state6.selectedCustomer || state6.selectedDevices.length === 0) return;
     await handleBulkSyncIngestionId(state6, container, modalId, t, onClose);
   });
+  document.getElementById(`${modalId}-bulk-delete`)?.addEventListener("click", async () => {
+    if (state6.selectedDevices.length === 0) return;
+    await handleBulkDeleteDevices(state6, container, modalId, t, onClose);
+  });
   document.getElementById(`${modalId}-clear-gcdr-ids`)?.addEventListener("click", () => {
     if (!state6.selectedCustomer) {
       alert("Selecione um Customer primeiro no Step 1");
@@ -87886,6 +88268,14 @@ function setupEventListeners3(container, state6, modalId, t, onClose) {
         });
       }
     });
+    const applyRelCb = document.getElementById(
+      `${modalId}-lojas-apply-relation`
+    );
+    if (applyRelCb) {
+      applyRelCb.addEventListener("change", () => {
+        state6.lojasApplyRelation = applyRelCb.checked;
+      });
+    }
   }
   document.getElementById(`${modalId}-change-owner`)?.addEventListener("click", () => {
     const form = document.getElementById(`${modalId}-change-owner-form`);
@@ -88107,7 +88497,8 @@ Total de devices no customer: ${ingestionDevices.length}`
       state6.devices,
       state6.deviceSearchTerm.toLowerCase(),
       state6.deviceFilters,
-      state6.deviceSort
+      state6.deviceSort,
+      state6
     );
   }
 }
@@ -88247,7 +88638,7 @@ function filterCustomerList(container, customers, search, selected, sort) {
     item.style.display = matches ? "flex" : "none";
   });
 }
-function filterDeviceListVisual(container, devices, search, filters, sort) {
+function filterDeviceListVisual(container, devices, search, filters, sort, state6) {
   const listContainer = container.querySelector('[id$="-device-list"]');
   if (!listContainer) return;
   let filtered = devices.filter((d) => {
@@ -88267,7 +88658,7 @@ function filterDeviceListVisual(container, devices, search, filters, sort) {
       item.style.display = "none";
       return;
     }
-    const matchesSearch = !search || device.name?.toLowerCase().includes(search) || device.label?.toLowerCase().includes(search) || device.type?.toLowerCase().includes(search) || device.serverAttrs?.deviceType?.toLowerCase().includes(search) || device.serverAttrs?.deviceProfile?.toLowerCase().includes(search);
+    const matchesSearch = !search || buildDeviceSearchHaystack(device, state6).includes(search);
     const el2 = item;
     const isTableRow = el2.tagName === "TR";
     el2.style.display = matchesSearch ? isTableRow ? "" : "flex" : "none";
@@ -88618,6 +89009,56 @@ async function loadLojasData(state6, container, modalId, t, onClose) {
     setupEventListeners3(container, state6, modalId, t, onClose);
   }
 }
+async function handleBulkDeleteDevices(state6, container, modalId, t, onClose) {
+  const devices = [...state6.selectedDevices];
+  if (devices.length === 0) return;
+  const preview = devices.slice(0, 8).map((d) => `\u2022 ${d.name || d.label || getEntityId(d)}`).join("\n");
+  const more = devices.length > 8 ? `
+\u2026 e mais ${devices.length - 8}` : "";
+  const confirm1 = `\u26A0\uFE0F DELETAR ${devices.length} dispositivo(s) do ThingsBoard?
+
+${preview}${more}
+
+Esta a\xE7\xE3o \xE9 IRREVERS\xCDVEL \u2014 os dispositivos, suas rela\xE7\xF5es e telemetria ser\xE3o removidos permanentemente.`;
+  if (!confirm(confirm1)) return;
+  if (!confirm(
+    `Confirma\xE7\xE3o final: deletar ${devices.length} dispositivo(s)?
+Esta a\xE7\xE3o N\xC3O pode ser desfeita.`
+  ))
+    return;
+  showBusyProgress(`Deletando ${devices.length} dispositivos...`, devices.length);
+  let okCount = 0;
+  let failCount = 0;
+  const errors = [];
+  const deletedIds = /* @__PURE__ */ new Set();
+  for (let i = 0; i < devices.length; i++) {
+    const d = devices[i];
+    const id = getEntityId(d);
+    try {
+      await tbDelete(state6, `/api/device/${id}`);
+      deletedIds.add(id);
+      okCount++;
+    } catch (err) {
+      failCount++;
+      errors.push(`${d.name || id}: ${err.message}`);
+    }
+    updateBusyProgress(i + 1);
+  }
+  hideBusyProgress();
+  state6.devices = state6.devices.filter((d) => !deletedIds.has(getEntityId(d)));
+  state6.selectedDevices = state6.selectedDevices.filter((d) => !deletedIds.has(getEntityId(d)));
+  if (state6.selectedDevice && deletedIds.has(getEntityId(state6.selectedDevice))) {
+    state6.selectedDevice = null;
+  }
+  renderModal4(container, state6, modalId, t);
+  setupEventListeners3(container, state6, modalId, t, onClose);
+  alert(
+    `Dispositivos deletados: ${okCount}` + (failCount > 0 ? `
+Falhas: ${failCount}
+${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
+\u2026 e mais ${errors.length - 5} erros` : "") : "")
+  );
+}
 async function handleBulkSyncIngestionId(state6, container, modalId, t, onClose) {
   if (!state6.selectedCustomer || state6.selectedDevices.length === 0) return;
   const customerId = getEntityId(state6.selectedCustomer);
@@ -88764,15 +89205,17 @@ async function handleLojasApply(state6, container, modalId, t, onClose) {
     if (identifierInput) data[i].identifier = identifierInput.value;
   }
   const activeConfig = state6.lojasConfig ?? CUSTOM_MODES[0];
+  const applyRelation = state6.lojasApplyRelation;
   const confirmMsg = `Aplicar configura\xE7\xE3o "${activeConfig.label}" para ${data.length} dispositivos?
 
 Cada device receber\xE1:
 - Label atualizado (etiqueta)
 - Profile: ${activeConfig.deviceProfile}
 - deviceType/deviceProfile: ${activeConfig.deviceType} / ${activeConfig.deviceProfile}
-- Rela\xE7\xF5es existentes removidas
+` + (applyRelation ? `- Rela\xE7\xF5es existentes removidas
 - Nova rela\xE7\xE3o: Customer \u2192 Device (Contains)
-
+` : `- Rela\xE7\xF5es N\xC3O ser\xE3o alteradas (checkbox de rela\xE7\xE3o desmarcado)
+`) + `
 Deseja continuar?`;
   if (!confirm(confirmMsg)) return;
   showBusyProgress(`Aplicando ${activeConfig.label}...`, data.length);
@@ -88800,31 +89243,33 @@ Deseja continuar?`;
         attrs.ingestionId = d.ingestionId;
       }
       await tbPost(state6, `/api/plugins/telemetry/DEVICE/${d.deviceId}/attributes/SERVER_SCOPE`, attrs);
-      if (d.currentRelations.length > 0) {
-        updateBusyProgress(i + 1, `[${i + 1}/${data.length}] ${d.name}: Removendo rela\xE7\xF5es...`);
-        for (const rel of d.currentRelations) {
-          try {
-            const params = new URLSearchParams({
-              fromId: rel.from.id,
-              fromType: rel.from.entityType,
-              toId: d.deviceId,
-              toType: "DEVICE",
-              relationType: rel.type || "Contains",
-              relationTypeGroup: rel.typeGroup || "COMMON"
-            });
-            await tbDelete(state6, `/api/relation?${params.toString()}`);
-          } catch (e) {
-            console.warn("[UpsellModal] Error deleting relation for LOJAS:", e);
+      if (applyRelation) {
+        if (d.currentRelations.length > 0) {
+          updateBusyProgress(i + 1, `[${i + 1}/${data.length}] ${d.name}: Removendo rela\xE7\xF5es...`);
+          for (const rel of d.currentRelations) {
+            try {
+              const params = new URLSearchParams({
+                fromId: rel.from.id,
+                fromType: rel.from.entityType,
+                toId: d.deviceId,
+                toType: "DEVICE",
+                relationType: rel.type || "Contains",
+                relationTypeGroup: rel.typeGroup || "COMMON"
+              });
+              await tbDelete(state6, `/api/relation?${params.toString()}`);
+            } catch (e) {
+              console.warn("[UpsellModal] Error deleting relation for LOJAS:", e);
+            }
           }
         }
+        updateBusyProgress(i + 1, `[${i + 1}/${data.length}] ${d.name}: Criando rela\xE7\xE3o...`);
+        await tbPost(state6, "/api/relation", {
+          from: { entityType: "CUSTOMER", id: customerId },
+          to: { entityType: "DEVICE", id: d.deviceId },
+          type: "Contains",
+          typeGroup: "COMMON"
+        });
       }
-      updateBusyProgress(i + 1, `[${i + 1}/${data.length}] ${d.name}: Criando rela\xE7\xE3o...`);
-      await tbPost(state6, "/api/relation", {
-        from: { entityType: "CUSTOMER", id: customerId },
-        to: { entityType: "DEVICE", id: d.deviceId },
-        type: "Contains",
-        typeGroup: "COMMON"
-      });
       successCount++;
     } catch (error) {
       errorCount++;
@@ -89112,8 +89557,111 @@ async function loadDeviceTelemetryInBatch(state6, container, modalId, t, onClose
     hideBusyProgress();
   }
 }
-async function runCheckFixRoutine(state6, container, modalId, t, onClose) {
-  const devices = state6.devices;
+function openCheckFixScopeDialog(state6, onConfirm) {
+  const DIALOG_ID = "myio-upsell-cf-scope-dialog";
+  document.getElementById(DIALOG_ID)?.remove();
+  const c = getThemeColors5(state6.theme);
+  const allDevices = state6.devices;
+  const allTypes = [...new Set(allDevices.map((d) => d.type).filter(Boolean))].sort();
+  let namePattern = "";
+  let caseSensitive = false;
+  const selectedTypes = /* @__PURE__ */ new Set();
+  function computeSubset() {
+    let result = allDevices;
+    if (namePattern) {
+      const pat = caseSensitive ? namePattern : namePattern.toLowerCase();
+      result = result.filter((d) => {
+        const n = caseSensitive ? d.name || "" : (d.name || "").toLowerCase();
+        return n.includes(pat);
+      });
+    }
+    if (selectedTypes.size > 0) {
+      result = result.filter((d) => selectedTypes.has(d.type || ""));
+    }
+    return result;
+  }
+  const overlay = document.createElement("div");
+  overlay.id = DIALOG_ID;
+  overlay.style.cssText = "position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;font-family:Roboto,Inter,system-ui,sans-serif;";
+  overlay.innerHTML = `
+    <div style="background:${c.surface};border-radius:12px;width:480px;max-width:92vw;max-height:88vh;
+      overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 40px rgba(0,0,0,0.4);">
+      <div style="background:${MYIO_PURPLE};color:#fff;padding:12px 16px;font-size:14px;font-weight:700;">
+        \u{1F52C} Escopo do CHECK &amp; FIX
+      </div>
+      <div style="padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;">
+        <div style="font-size:11px;color:${c.textMuted};">
+          Os filtros abaixo se <strong>combinam (E)</strong>. Deixe ambos vazios para
+          diagnosticar todos os ${allDevices.length} dispositivos.
+        </div>
+
+        <div style="display:flex;flex-direction:column;gap:8px;">
+          <span style="font-size:12px;font-weight:600;color:${c.text};">Filtro por nome</span>
+          <input id="cf-scope-name-input" type="text" placeholder="nome cont\xE9m\u2026 (ex.: TEMP.)" style="
+            font-size:12px;padding:7px 9px;border-radius:6px;border:1px solid ${c.border};
+            background:${c.inputBg};color:${c.text};" />
+          <label style="display:flex;gap:6px;align-items:center;font-size:11px;color:${c.textMuted};cursor:pointer;">
+            <input id="cf-scope-case" type="checkbox" style="accent-color:${MYIO_PURPLE};" />
+            Diferenciar mai\xFAsculas/min\xFAsculas (case-sensitive)
+          </label>
+        </div>
+
+        <div style="display:flex;flex-direction:column;gap:8px;">
+          <span style="font-size:12px;font-weight:600;color:${c.text};">Filtro por tipo (device.type)</span>
+          <div style="display:flex;flex-wrap:wrap;gap:6px;max-height:160px;overflow-y:auto;">
+            ${allTypes.length === 0 ? `<span style="font-size:11px;color:${c.textMuted};">Nenhum tipo dispon\xEDvel.</span>` : allTypes.map(
+    (tp) => `
+              <label style="display:flex;gap:5px;align-items:center;font-size:11px;color:${c.text};
+                cursor:pointer;border:1px solid ${c.border};border-radius:6px;padding:3px 8px;background:${c.cardBg};">
+                <input type="checkbox" class="cf-scope-type-cb" value="${tp}" style="accent-color:${MYIO_PURPLE};" />
+                ${tp}
+              </label>`
+  ).join("")}
+          </div>
+        </div>
+      </div>
+      <div style="padding:12px 16px;border-top:1px solid ${c.border};display:flex;justify-content:flex-end;gap:8px;">
+        <button id="cf-scope-cancel" style="font-size:12px;font-weight:600;padding:8px 14px;border-radius:6px;
+          border:1px solid ${c.border};background:${c.cardBg};color:${c.text};cursor:pointer;">Cancelar</button>
+        <button id="cf-scope-run" style="font-size:12px;font-weight:700;padding:8px 14px;border-radius:6px;
+          border:none;background:${MYIO_PURPLE};color:#fff;cursor:pointer;">Executar diagn\xF3stico (${allDevices.length})</button>
+      </div>
+    </div>`;
+  document.body.appendChild(overlay);
+  const runBtn = overlay.querySelector("#cf-scope-run");
+  function refresh() {
+    const n = computeSubset().length;
+    runBtn.textContent = `Executar diagn\xF3stico (${n})`;
+    runBtn.disabled = n === 0;
+    runBtn.style.opacity = n === 0 ? "0.5" : "1";
+    runBtn.style.cursor = n === 0 ? "not-allowed" : "pointer";
+  }
+  overlay.querySelector("#cf-scope-name-input").addEventListener("input", (e) => {
+    namePattern = e.target.value;
+    refresh();
+  });
+  overlay.querySelector("#cf-scope-case").addEventListener("change", (e) => {
+    caseSensitive = e.target.checked;
+    refresh();
+  });
+  overlay.querySelectorAll(".cf-scope-type-cb").forEach((cb) => {
+    cb.addEventListener("change", () => {
+      if (cb.checked) selectedTypes.add(cb.value);
+      else selectedTypes.delete(cb.value);
+      refresh();
+    });
+  });
+  overlay.querySelector("#cf-scope-cancel").addEventListener("click", () => overlay.remove());
+  runBtn.addEventListener("click", () => {
+    const subset = computeSubset();
+    if (subset.length === 0) return;
+    overlay.remove();
+    onConfirm(subset);
+  });
+  refresh();
+}
+async function runCheckFixRoutine(state6, container, modalId, t, onClose, scopeDevices) {
+  const devices = scopeDevices ?? state6.devices;
   if (devices.length === 0) return;
   const BATCH_SIZE = 5;
   const BATCH_DELAY_MS = 1500;
@@ -89396,10 +89944,11 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
 }
 async function saveBulkOwner(state6, container, modalId, t, onClose) {
   const devices = state6.selectedDevices;
-  const newCustomerId = state6.selectedCustomer?.id?.id;
-  const customerName = state6.selectedCustomer?.name || state6.selectedCustomer?.title || "Unknown";
+  const newCustomerId = state6.bulkOwnerModal.targetCustomerId || state6.selectedCustomer?.id?.id;
+  const targetCustomer = state6.customers.find((c) => c.id?.id === newCustomerId) || state6.selectedCustomer;
+  const customerName = targetCustomer?.name || targetCustomer?.title || "Unknown";
   if (!newCustomerId) {
-    alert("Por favor, selecione um Customer no Step 1 primeiro.");
+    alert("Por favor, selecione um Customer de destino.");
     return;
   }
   if (devices.length === 0) {
@@ -118810,10 +119359,10 @@ var AlarmsNotificationsPanelView = class {
     const renderListPanel = (group, items, sel) => {
       if (items.length === 0) return '<div class="afm-empty">Nenhum item encontrado</div>';
       return items.map((item) => {
-        const esc3 = this.esc(item);
+        const esc4 = this.esc(item);
         return `<label class="afm-check-item">
-          <input type="checkbox" class="afm-checkbox" data-group="${group}" data-value="${esc3}"${sel.has(item) ? " checked" : ""}>
-          <span class="afm-check-label">${esc3}</span>
+          <input type="checkbox" class="afm-checkbox" data-group="${group}" data-value="${esc4}"${sel.has(item) ? " checked" : ""}>
+          <span class="afm-check-label">${esc4}</span>
         </label>`;
       }).join("");
     };
@@ -141096,6 +141645,7 @@ var version = package_default.version || "0.0.0";
   CONSUMPTION_CHART_DEFAULTS,
   CONSUMPTION_THEME_COLORS,
   CardGridPanel,
+  ColumnSummaryTooltip,
   ConnectionStatusType,
   ContractSummaryTooltip,
   CustomerCardV1,