myio-js-library 0.1.500 → 0.1.502

package/dist/index.cjs

@@ -1162,7 +1162,7 @@ module.exports = __toCommonJS(index_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.500",
+  version: "0.1.502",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -15633,6 +15633,57 @@ function renderCardComponentV5({
     `;
     document.head.appendChild(layoutStyle);
   }
+  if (!document.getElementById("myio-card-alert-styles")) {
+    const alertStyle = document.createElement("style");
+    alertStyle.id = "myio-card-alert-styles";
+    alertStyle.textContent = `
+      .myio-alert-overlay {
+        position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000;
+        display: flex; align-items: center; justify-content: center;
+        background: rgba(0,0,0,0.5); backdrop-filter: blur(4px);
+        -webkit-backdrop-filter: blur(4px);
+        animation: myio-fadeIn 0.2s ease-out;
+      }
+      @keyframes myio-fadeIn { from { opacity: 0; } to { opacity: 1; } }
+      .myio-alert-box {
+        position: relative; max-width: 480px; width: 90%; padding: 32px;
+        background: #ffffff; border: 1px solid rgba(0,0,0,0.1); border-radius: 20px;
+        box-shadow: 0 20px 60px rgba(0,0,0,0.3);
+        animation: myio-slideUp 0.3s cubic-bezier(0.4,0,0.2,1);
+      }
+      @keyframes myio-slideUp {
+        from { opacity: 0; transform: translateY(40px) scale(0.95); }
+        to   { opacity: 1; transform: translateY(0) scale(1); }
+      }
+      .myio-alert-icon {
+        width: 64px; height: 64px; margin: 0 auto 20px;
+        display: flex; align-items: center; justify-content: center;
+        background: linear-gradient(135deg, #3E1A7D 0%, #2D1359 100%);
+        border: 2px solid #3E1A7D; border-radius: 50%; color: #ffffff; font-size: 32px;
+      }
+      .myio-alert-title {
+        margin: 0 0 12px; font-size: 24px; font-weight: 700; color: #000000;
+        text-align: center; letter-spacing: -0.02em;
+      }
+      .myio-alert-message {
+        margin: 0 0 28px; font-size: 16px; font-weight: 500; color: #000000;
+        text-align: center; line-height: 1.6;
+      }
+      .myio-alert-button {
+        width: 100%; height: 48px; font-size: 15px; font-weight: 700;
+        text-transform: uppercase;
+        background: linear-gradient(135deg, #3E1A7D 0%, #2D1359 100%);
+        border: none; border-radius: 12px; color: #ffffff; cursor: pointer;
+        box-shadow: 0 4px 16px rgba(62,26,125,0.4);
+        transition: all 0.2s cubic-bezier(0.4,0,0.2,1);
+      }
+      .myio-alert-button:hover {
+        background: linear-gradient(135deg, #4E2A9D 0%, #3E1A7D 100%);
+        box-shadow: 0 6px 24px rgba(62,26,125,0.5); transform: translateY(-2px);
+      }
+    `;
+    document.head.appendChild(alertStyle);
+  }
   const actionsContainer = document.createElement("div");
   actionsContainer.className = "card-actions";
   if (typeof handleActionDashboard === "function") {
@@ -15681,6 +15732,44 @@ function renderCardComponentV5({
   if (enhancedCardElement && actionsContainer.children.length > 0) {
     enhancedCardElement.insertBefore(actionsContainer, enhancedCardElement.firstChild);
   }
+  let _cardAlertOverlay = null;
+  function hideCardAlert() {
+    if (_cardAlertOverlay && _cardAlertOverlay.parentNode) {
+      _cardAlertOverlay.remove();
+      _cardAlertOverlay = null;
+    }
+  }
+  function showCardLimitAlert() {
+    if (_cardAlertOverlay) hideCardAlert();
+    const maxAllowed = MyIOSelectionStore?.MAX_SELECTION ?? 20;
+    const overlay = document.createElement("div");
+    overlay.className = "myio-alert-overlay";
+    overlay.innerHTML = `
+      <div class="myio-alert-box">
+        <div class="myio-alert-icon">\u26A0</div>
+        <h2 class="myio-alert-title">Limite Atingido</h2>
+        <p class="myio-alert-message">
+          Voc\xEA pode selecionar no m\xE1ximo <strong>${maxAllowed} dispositivos</strong> para compara\xE7\xE3o.
+          Remova um dispositivo antes de adicionar outro.
+        </p>
+        <button class="myio-alert-button">FECHAR</button>
+      </div>`;
+    document.body.appendChild(overlay);
+    _cardAlertOverlay = overlay;
+    const closeBtn = overlay.querySelector(".myio-alert-button");
+    const close = () => {
+      document.removeEventListener("keydown", handleEscape);
+      hideCardAlert();
+    };
+    const handleEscape = (e) => {
+      if (e.key === "Escape") close();
+    };
+    closeBtn.addEventListener("click", close);
+    overlay.addEventListener("click", (e) => {
+      if (e.target === overlay) close();
+    });
+    document.addEventListener("keydown", handleEscape);
+  }
   if (enableSelection && MyIOSelectionStore) {
     const checkbox = enhancedCardElement.querySelector(".card-checkbox");
     if (checkbox) {
@@ -15691,10 +15780,10 @@ function renderCardComponentV5({
           const selectedEntities = MyIOSelectionStore.getSelectedEntities();
           console.log("selectedEntities", selectedEntities);
           const isTryingToAdd = e.target.checked;
-          if (isTryingToAdd && currentCount >= 6) {
+          if (isTryingToAdd && currentCount >= (MyIOSelectionStore.MAX_SELECTION ?? 20)) {
             e.preventDefault();
             e.target.checked = false;
-            MyIOToast2.show("N\xE3o \xE9 poss\xEDvel selecionar mais de 6 itens.", "warning");
+            showCardLimitAlert();
             return;
           }
           MyIOSelectionStore.add(entityId);
@@ -17936,6 +18025,95 @@ function renderCardComponentV6({
   if (enhancedCardElement && actionsContainer.children.length > 0) {
     enhancedCardElement.insertBefore(actionsContainer, enhancedCardElement.firstChild);
   }
+  let _cardAlertOverlay = null;
+  function hideCardAlert() {
+    if (_cardAlertOverlay && _cardAlertOverlay.parentNode) {
+      _cardAlertOverlay.remove();
+      _cardAlertOverlay = null;
+    }
+  }
+  function showCardLimitAlert() {
+    if (_cardAlertOverlay) hideCardAlert();
+    if (!document.getElementById("myio-card-alert-styles")) {
+      const alertStyle = document.createElement("style");
+      alertStyle.id = "myio-card-alert-styles";
+      alertStyle.textContent = `
+        .myio-alert-overlay {
+          position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000;
+          display: flex; align-items: center; justify-content: center;
+          background: rgba(0,0,0,0.5); backdrop-filter: blur(4px);
+          -webkit-backdrop-filter: blur(4px);
+          animation: myio-fadeIn 0.2s ease-out;
+        }
+        @keyframes myio-fadeIn { from { opacity: 0; } to { opacity: 1; } }
+        .myio-alert-box {
+          position: relative; max-width: 480px; width: 90%; padding: 32px;
+          background: #ffffff; border: 1px solid rgba(0,0,0,0.1); border-radius: 20px;
+          box-shadow: 0 20px 60px rgba(0,0,0,0.3);
+          animation: myio-slideUp 0.3s cubic-bezier(0.4,0,0.2,1);
+        }
+        @keyframes myio-slideUp {
+          from { opacity: 0; transform: translateY(40px) scale(0.95); }
+          to   { opacity: 1; transform: translateY(0) scale(1); }
+        }
+        .myio-alert-icon {
+          width: 64px; height: 64px; margin: 0 auto 20px;
+          display: flex; align-items: center; justify-content: center;
+          background: linear-gradient(135deg, #3E1A7D 0%, #2D1359 100%);
+          border: 2px solid #3E1A7D; border-radius: 50%; color: #ffffff; font-size: 32px;
+        }
+        .myio-alert-title {
+          margin: 0 0 12px; font-size: 24px; font-weight: 700; color: #000000;
+          text-align: center; letter-spacing: -0.02em;
+        }
+        .myio-alert-message {
+          margin: 0 0 28px; font-size: 16px; font-weight: 500; color: #000000;
+          text-align: center; line-height: 1.6;
+        }
+        .myio-alert-button {
+          width: 100%; height: 48px; font-size: 15px; font-weight: 700;
+          text-transform: uppercase;
+          background: linear-gradient(135deg, #3E1A7D 0%, #2D1359 100%);
+          border: none; border-radius: 12px; color: #ffffff; cursor: pointer;
+          box-shadow: 0 4px 16px rgba(62,26,125,0.4);
+          transition: all 0.2s cubic-bezier(0.4,0,0.2,1);
+        }
+        .myio-alert-button:hover {
+          background: linear-gradient(135deg, #4E2A9D 0%, #3E1A7D 100%);
+          box-shadow: 0 6px 24px rgba(62,26,125,0.5); transform: translateY(-2px);
+        }
+      `;
+      document.head.appendChild(alertStyle);
+    }
+    const maxAllowed = MyIOSelectionStore?.MAX_SELECTION ?? 20;
+    const overlay = document.createElement("div");
+    overlay.className = "myio-alert-overlay";
+    overlay.innerHTML = `
+      <div class="myio-alert-box">
+        <div class="myio-alert-icon">\u26A0</div>
+        <h2 class="myio-alert-title">Limite Atingido</h2>
+        <p class="myio-alert-message">
+          Voc\xEA pode selecionar no m\xE1ximo <strong>${maxAllowed} dispositivos</strong> para compara\xE7\xE3o.
+          Remova um dispositivo antes de adicionar outro.
+        </p>
+        <button class="myio-alert-button">FECHAR</button>
+      </div>`;
+    document.body.appendChild(overlay);
+    _cardAlertOverlay = overlay;
+    const closeBtn = overlay.querySelector(".myio-alert-button");
+    const close = () => {
+      document.removeEventListener("keydown", handleEscape);
+      hideCardAlert();
+    };
+    const handleEscape = (e) => {
+      if (e.key === "Escape") close();
+    };
+    closeBtn.addEventListener("click", close);
+    overlay.addEventListener("click", (e) => {
+      if (e.target === overlay) close();
+    });
+    document.addEventListener("keydown", handleEscape);
+  }
   if (enableSelection && MyIOSelectionStore) {
     const checkbox = enhancedCardElement.querySelector(".card-checkbox");
     if (checkbox) {
@@ -17943,10 +18121,10 @@ function renderCardComponentV6({
         e.stopPropagation();
         if (e.target.checked) {
           const currentCount = MyIOSelectionStore.getSelectedEntities().length;
-          if (currentCount >= 6) {
+          if (currentCount >= (MyIOSelectionStore.MAX_SELECTION ?? 20)) {
             e.preventDefault();
             e.target.checked = false;
-            MyIOToast2.show("N\xE3o \xE9 poss\xEDvel selecionar mais de 6 itens.", "warning");
+            showCardLimitAlert();
             return;
           }
           MyIOSelectionStore.add(entityId);
@@ -32814,6 +32992,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) {
@@ -32822,7 +33007,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
@@ -32891,6 +33076,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;
@@ -32929,6 +33118,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;">
@@ -32987,6 +33190,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(),
@@ -33029,6 +33246,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,
@@ -33248,48 +33466,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);
@@ -33333,7 +33509,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);
@@ -33382,8 +33558,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,
@@ -33420,6 +33598,87 @@ 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() {
+    return `
+      <div class="myio-info-tooltip__section" style="max-width:280px;">
+        <div class="myio-info-tooltip__row" style="align-items:flex-start;padding:3px 0;">
+          <span class="myio-info-tooltip__label" style="font-size:11px;line-height:1.5;white-space:normal;">
+            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).
+          </span>
+        </div>
+        <div class="myio-info-tooltip__row" style="align-items:flex-start;padding:3px 0;">
+          <span class="myio-info-tooltip__label" style="font-size:11px;line-height:1.5;white-space:normal;">
+            <strong>Ligado</strong> (padr\xE3o): esses dispositivos s\xE3o omitidos do relat\xF3rio \u2014
+            o total bate com os cards do dashboard.
+          </span>
+        </div>
+        <div class="myio-info-tooltip__row" style="align-items:flex-start;padding:3px 0;">
+          <span class="myio-info-tooltip__label" style="font-size:11px;line-height:1.5;white-space:normal;">
+            <strong>Desligado</strong>: todos os dispositivos do grupo entram \u2014 mostra o
+            consumo bruto, inclusive os exclu\xEDdos.
+          </span>
+        </div>
+      </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 : [];
@@ -33457,6 +33716,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,
@@ -84133,7 +84396,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:",
@@ -84151,8 +84414,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
     );
@@ -84337,7 +84600,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,
@@ -84374,6 +84637,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,
@@ -84538,6 +84802,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="
@@ -84776,7 +85046,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;
@@ -84802,17 +85083,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>
 
@@ -84826,13 +85115,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 -->
@@ -85052,6 +85342,7 @@ function renderModal4(container, state6, modalId, t, error) {
             `;
   })() : ""}
   `;
+  delete container.dataset.upsellListenersBound;
   setupEventListeners3(container, state6, modalId, t);
 }
 function renderStepIndicator(step, label, currentStep, colors2) {
@@ -85255,6 +85546,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;">
@@ -85263,21 +85556,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}
@@ -85323,16 +85616,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;
@@ -85800,6 +86084,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;
@@ -85914,6 +86287,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="
@@ -85929,8 +86306,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>
@@ -85940,22 +86317,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) || [];
@@ -85965,7 +86342,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) || [];
@@ -85975,25 +86352,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>
@@ -86375,7 +86752,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>
   `;
@@ -86939,6 +87320,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) {
@@ -87054,10 +87437,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;
@@ -87279,15 +87670,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;
@@ -87385,35 +87778,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);
@@ -87529,12 +87894,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);
   });
@@ -87579,6 +87959,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");
@@ -87708,6 +88092,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`);
@@ -87929,7 +88321,8 @@ Total de devices no customer: ${ingestionDevices.length}`
       state6.devices,
       state6.deviceSearchTerm.toLowerCase(),
       state6.deviceFilters,
-      state6.deviceSort
+      state6.deviceSort,
+      state6
     );
   }
 }
@@ -88069,7 +88462,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) => {
@@ -88089,7 +88482,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";
@@ -88440,6 +88833,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);
@@ -88586,15 +89029,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);
@@ -88622,31 +89067,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++;
@@ -88934,8 +89381,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;
@@ -89218,10 +89768,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) {