myio-js-library 0.1.490 → 0.1.491

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.490",
+  version: "0.1.491",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -84027,7 +84027,10 @@ function openUpsellModal(params) {
     bulkRelationModal: { open: false, target: "CUSTOMER", selectedAssetId: "", selectedAssetName: "", search: "", newAssetName: "", assetsLoaded: false, overrideCustomerId: "", overrideCustomerName: "", customerSearch: "", customerPickerOpen: false },
     checkFixLoading: false,
     checkFixReport: null,
-    checkFixFilter: "all"
+    checkFixFilter: "all",
+    checkFixSort: { field: "name", order: "asc" },
+    checkFixAdvancedFilter: { statuses: [], connStatuses: [], domains: [], missingIngestionId: false, missingCentralSlave: false },
+    checkFixFilterOpen: false
   };
   const savedTheme = localStorage.getItem("myio-upsell-modal-theme");
   if (savedTheme) state6.theme = savedTheme;
@@ -84166,6 +84169,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{1F517} For\xE7ar Rela\xE7\xE3o (${state6.selectedDevices.length})</button>
+              <button id="${modalId}-clear-gcdr-ids" style="
+                background: #dc2626; color: white; border: none;
+                padding: 8px 16px; border-radius: 6px; cursor: pointer;
+                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{1F9F9} Clear GCDR IDs</button>
               <button id="${modalId}-custom-shortcut" style="
                 background: #ef4444; color: white; border: none;
                 padding: 8px 16px; border-radius: 6px; cursor: pointer;
@@ -84832,6 +84841,29 @@ function renderStep1(state6, modalId, colors2, t) {
     </div>
   `;
 }
+function _buildCfStatusDetail(r) {
+  if (r.status === "ok") return "";
+  const lines = [];
+  if (r.status === "mismatch") {
+    if (r.actual.type !== r.inferred.deviceType)
+      lines.push(`TYPE: actual="${r.actual.type}" \u2260 expected="${r.inferred.deviceType}"`);
+    if (r.actual.deviceType !== r.inferred.deviceType)
+      lines.push(`deviceType: actual="${r.actual.deviceType}" \u2260 expected="${r.inferred.deviceType}"`);
+    if (r.actual.deviceProfile !== r.inferred.deviceProfile)
+      lines.push(`deviceProfile: actual="${r.actual.deviceProfile}" \u2260 expected="${r.inferred.deviceProfile}"`);
+  } else if (r.status === "missing") {
+    if (!r.actual.type) lines.push("TYPE: n\xE3o definido");
+    if (!r.actual.deviceType) lines.push("deviceType: n\xE3o definido");
+    if (!r.actual.deviceProfile) lines.push("deviceProfile: n\xE3o definido");
+  } else if (r.status === "undefined") {
+    lines.push(`Nome n\xE3o permite inferir o tipo de dispositivo: "${r.deviceName}"`);
+    lines.push("Use Check & Fix manual ou ajuste o nome do dispositivo.");
+  }
+  if (!r.ingestionId) lines.push("ingestionId: ausente (n\xE3o integrado ao backend de ingest\xE3o)");
+  if (!r.centralId) lines.push("centralId: ausente");
+  if (r.connStatus === "offline") lines.push("Dispositivo offline no momento");
+  return lines.join("\n") || r.status;
+}
 function renderCheckFixRow(r, state6, modalId, colors2, dupPairIds, dupIngestionIds) {
   const isSelectedSingle = state6.deviceSelectionMode === "single" && getEntityId(state6.selectedDevice) === r.deviceId;
   const isSelectedMulti = state6.deviceSelectionMode === "multi" && state6.selectedDevices.some((d) => getEntityId(d) === r.deviceId);
@@ -84895,7 +84927,10 @@ function renderCheckFixRow(r, state6, modalId, colors2, dupPairIds, dupIngestion
       <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 style="padding:4px 6px; font-size:10px; color:${STATUS_COLOR[r.status]}; font-weight:700; white-space:nowrap;">${STATUS_ICON[r.status]} ${r.status}</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}
+      </td>
     </tr>`;
 }
 function renderStep2(state6, modalId, colors2, t) {
@@ -85182,7 +85217,42 @@ function renderStep2(state6, modalId, colors2, t) {
     const multiCol = state6.deviceSelectionMode === "multi";
     if (state6.checkFixReport) {
       const idToRecord = new Map(state6.checkFixReport.records.map((r) => [r.deviceId, r]));
-      const cfRows = sortedDevices.map((d) => idToRecord.get(getEntityId(d))).filter((r) => r !== void 0).filter((r) => state6.checkFixFilter === "all" || r.status === state6.checkFixFilter);
+      let cfRows = sortedDevices.map((d) => idToRecord.get(getEntityId(d))).filter((r) => r !== void 0).filter((r) => state6.checkFixFilter === "all" || r.status === state6.checkFixFilter);
+      const af = state6.checkFixAdvancedFilter;
+      if (af.statuses.length > 0) cfRows = cfRows.filter((r) => af.statuses.includes(r.status));
+      if (af.connStatuses.length > 0) cfRows = cfRows.filter((r) => af.connStatuses.includes(r.connStatus || "null"));
+      if (af.domains.length > 0) cfRows = cfRows.filter((r) => af.domains.includes(r.domain || "null"));
+      if (af.missingIngestionId) cfRows = cfRows.filter((r) => !r.ingestionId);
+      if (af.missingCentralSlave) cfRows = cfRows.filter((r) => !r.centralId || r.slaveId == null);
+      const cfSortField = state6.checkFixSort.field;
+      const cfSortOrder = state6.checkFixSort.order;
+      cfRows = [...cfRows].sort((a, b) => {
+        let va = "", vb = "";
+        if (cfSortField === "name") {
+          va = a.deviceName || "";
+          vb = b.deviceName || "";
+        } else if (cfSortField === "status") {
+          va = a.status || "";
+          vb = b.status || "";
+        } else if (cfSortField === "connStatus") {
+          va = a.connStatus || "";
+          vb = b.connStatus || "";
+        } else if (cfSortField === "deviceType") {
+          va = a.actual.deviceType || "";
+          vb = b.actual.deviceType || "";
+        } else if (cfSortField === "deviceProfile") {
+          va = a.actual.deviceProfile || "";
+          vb = b.actual.deviceProfile || "";
+        } else if (cfSortField === "ingestionId") {
+          va = a.ingestionId || "";
+          vb = b.ingestionId || "";
+        } else if (cfSortField === "domain") {
+          va = a.domain || "";
+          vb = b.domain || "";
+        }
+        const cmp = va.toLowerCase().localeCompare(vb.toLowerCase());
+        return cfSortOrder === "asc" ? cmp : -cmp;
+      });
       const pairCount = /* @__PURE__ */ new Map();
       cfRows.forEach((r) => {
         if (r.centralId && r.slaveId != null) {
@@ -85207,27 +85277,115 @@ function renderStep2(state6, modalId, colors2, t) {
         if (ids.length > 1) ids.forEach((id) => dupIngestionIds.add(id));
       });
       const colSpan = multiCol ? 18 : 17;
+      const cfSortHeader = (field, label, rowspan = 1, extraStyle = "") => {
+        const isActive = state6.checkFixSort.field === field;
+        const arrow = isActive ? state6.checkFixSort.order === "asc" ? "\u25B2" : "\u25BC" : "\u25BD";
+        return `<th ${rowspan > 1 ? `rowspan="${rowspan}"` : ""} id="${modalId}-cf-sort-${field}" data-cf-sort="${field}" style="${thStyle(extraStyle)} cursor:pointer; user-select:none; ${isActive ? `background:rgba(62,26,125,0.18);` : ""}">
+            <span style="display:flex;align-items:center;gap:3px;white-space:nowrap;">${label}<span style="font-size:7px;color:${isActive ? MYIO_PURPLE : colors2.textMuted};">${arrow}</span></span>
+          </th>`;
+      };
+      const allDomains = [...new Set(state6.checkFixReport.records.map((r) => r.domain || "null"))].sort();
+      const allConns = [...new Set(state6.checkFixReport.records.map((r) => r.connStatus || "null"))].sort();
+      const hasAdvFilter = af.statuses.length > 0 || af.connStatuses.length > 0 || af.domains.length > 0 || af.missingIngestionId || af.missingCentralSlave;
+      const filterPanel = state6.checkFixFilterOpen ? `
+          <div id="${modalId}-cf-filter-panel" style="
+            position:absolute; top:calc(100% + 4px); right:0; z-index:200;
+            background:${colors2.cardBg}; border:1px solid ${colors2.border}; border-radius:10px;
+            box-shadow:0 8px 32px rgba(0,0,0,0.22); padding:16px; min-width:300px;
+            font-size:11px; color:${colors2.text};
+          ">
+            <div style="font-weight:700; font-size:12px; margin-bottom:12px; color:${colors2.text};">\u{1F527} Filtros Avan\xE7ados \u2014 Check &amp; Fix</div>
+            <div style="margin-bottom:10px;">
+              <div style="font-weight:600; margin-bottom:4px; color:${colors2.textMuted}; text-transform:uppercase; font-size:9px;">Status</div>
+              <div style="display:flex;gap:6px;flex-wrap:wrap;">
+                ${["ok", "mismatch", "missing", "undefined"].map((s) => {
+        const icons = { ok: "\u2705", mismatch: "\u26A0\uFE0F", missing: "\u274C", undefined: "\u2753" };
+        const active = af.statuses.includes(s);
+        return `<button data-cf-flt-status="${s}" style="padding:3px 8px;border-radius:4px;font-size:10px;cursor:pointer;border:1px solid ${active ? MYIO_PURPLE : colors2.border};background:${active ? MYIO_PURPLE : colors2.inputBg};color:${active ? "white" : colors2.text};">${icons[s]} ${s}</button>`;
+      }).join("")}
+              </div>
+            </div>
+            <div style="margin-bottom:10px;">
+              <div style="font-weight:600; margin-bottom:4px; color:${colors2.textMuted}; text-transform:uppercase; font-size:9px;">Conn. Status</div>
+              <div style="display:flex;gap:6px;flex-wrap:wrap;">
+                ${allConns.map((c) => {
+        const active = af.connStatuses.includes(c);
+        return `<button data-cf-flt-conn="${c}" style="padding:3px 8px;border-radius:4px;font-size:10px;cursor:pointer;border:1px solid ${active ? MYIO_PURPLE : colors2.border};background:${active ? MYIO_PURPLE : colors2.inputBg};color:${active ? "white" : colors2.text};">${c}</button>`;
+      }).join("")}
+              </div>
+            </div>
+            <div style="margin-bottom:10px;">
+              <div style="font-weight:600; margin-bottom:4px; color:${colors2.textMuted}; text-transform:uppercase; font-size:9px;">Domain</div>
+              <div style="display:flex;gap:6px;flex-wrap:wrap;">
+                ${allDomains.map((d) => {
+        const active = af.domains.includes(d);
+        return `<button data-cf-flt-domain="${d}" style="padding:3px 8px;border-radius:4px;font-size:10px;cursor:pointer;border:1px solid ${active ? MYIO_PURPLE : colors2.border};background:${active ? MYIO_PURPLE : colors2.inputBg};color:${active ? "white" : colors2.text};">${d}</button>`;
+      }).join("")}
+              </div>
+            </div>
+            <div style="margin-bottom:12px;display:flex;gap:12px;flex-wrap:wrap;">
+              <label style="display:flex;align-items:center;gap:5px;cursor:pointer;">
+                <input type="checkbox" id="${modalId}-cf-flt-noing" ${af.missingIngestionId ? "checked" : ""} style="accent-color:${MYIO_PURPLE};"/>
+                <span>Sem ingestionId</span>
+              </label>
+              <label style="display:flex;align-items:center;gap:5px;cursor:pointer;">
+                <input type="checkbox" id="${modalId}-cf-flt-nocentral" ${af.missingCentralSlave ? "checked" : ""} style="accent-color:${MYIO_PURPLE};"/>
+                <span>Sem centralId/slaveId</span>
+              </label>
+            </div>
+            <div style="display:flex;gap:8px;justify-content:flex-end;">
+              <button id="${modalId}-cf-flt-clear" style="padding:5px 12px;border-radius:5px;font-size:11px;cursor:pointer;background:transparent;border:1px solid ${colors2.border};color:${colors2.textMuted};">Limpar</button>
+              <button id="${modalId}-cf-flt-close" style="padding:5px 12px;border-radius:5px;font-size:11px;cursor:pointer;background:${MYIO_PURPLE};border:none;color:white;font-weight:600;">Fechar</button>
+            </div>
+          </div>
+        ` : "";
       return `
+        <div style="position:relative;">
+          <div style="display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap;">
+            <span style="font-size:10px;color:${colors2.textMuted};">${cfRows.length} / ${state6.checkFixReport.records.length} registros</span>
+            <div style="position:relative;margin-left:auto;">
+              <button id="${modalId}-cf-filter-btn" style="padding:3px 10px;border-radius:5px;font-size:10px;cursor:pointer;border:1px solid ${hasAdvFilter ? MYIO_PURPLE : colors2.border};background:${hasAdvFilter ? MYIO_PURPLE : colors2.inputBg};color:${hasAdvFilter ? "white" : colors2.text};font-weight:${hasAdvFilter ? "700" : "400"};">
+                \u{1F527} Filtros${hasAdvFilter ? ` (${af.statuses.length + af.connStatuses.length + af.domains.length + (af.missingIngestionId ? 1 : 0) + (af.missingCentralSlave ? 1 : 0)})` : ""}
+              </button>
+              ${filterPanel}
+            </div>
+          </div>
         <div id="${modalId}-device-list" style="
           overflow-x:auto; max-height:${gridHeight};
           border:1px solid ${colors2.border}; border-radius:8px; background:${colors2.surface};
         ">
-          <table style="border-collapse:collapse; min-width:100%;">
+          <table style="border-collapse:collapse; table-layout:fixed; width:100%; min-width:1100px;">
+            <colgroup>
+              ${multiCol ? `<col style="width:28px"/>` : ""}
+              <col style="width:150px"/>
+              <col style="width:95px"/>
+              <col style="width:70px"/><col style="width:70px"/>
+              <col style="width:90px"/><col style="width:90px"/>
+              <col style="width:90px"/><col style="width:90px"/>
+              <col style="width:85px"/>
+              <col style="width:110px"/>
+              <col style="width:70px"/>
+              <col style="width:110px"/>
+              <col style="width:110px"/>
+              <col style="width:80px"/>
+              <col style="width:50px"/>
+              <col style="width:90px"/>
+            </colgroup>
             <thead>
               <tr>
                 ${multiCol ? `<th rowspan="2" style="${thStyle("width:28px")}">\u2611</th>` : ""}
-                <th rowspan="2" style="${thStyle("min-width:140px")}">Name</th>
+                ${cfSortHeader("name", "Name", 2, "min-width:140px")}
                 <th rowspan="2" style="${thStyle("min-width:90px")}">Label</th>
                 <th colspan="2" style="${thStyle("text-align:center")}">TYPE</th>
                 <th colspan="2" style="${thStyle("text-align:center")}">DevType</th>
                 <th colspan="2" style="${thStyle("text-align:center")}">DevProfile</th>
                 <th colspan="2" style="${thStyle("text-align:center")}">Last Telemetry</th>
-                <th rowspan="2" style="${thStyle("min-width:65px")}">Conn.</th>
+                ${cfSortHeader("connStatus", "Conn.", 2, "min-width:65px")}
                 <th rowspan="2" style="${thStyle("min-width:110px")}">gcdrId</th>
-                <th rowspan="2" style="${thStyle("min-width:110px")}">ingestionId</th>
+                ${cfSortHeader("ingestionId", "ingestionId", 2, "min-width:110px")}
                 <th rowspan="2" style="${thStyle("min-width:80px")}">centralId</th>
                 <th rowspan="2" style="${thStyle("min-width:50px")}">slave</th>
-                <th rowspan="2" style="${thStyle()}">Result</th>
+                ${cfSortHeader("status", "Result", 2)}
               </tr>
               <tr>
                 <th style="${thStyle()}">Exp</th><th style="${thStyle()}">Act</th>
@@ -85241,6 +85399,7 @@ function renderStep2(state6, modalId, colors2, t) {
               ${cfRows.length === 0 ? `<tr><td colspan="${colSpan}" style="padding:20px; text-align:center; color:${colors2.textMuted};">${t.noResults}</td></tr>` : cfRows.map((r) => renderCheckFixRow(r, state6, modalId, colors2, dupPairIds, dupIngestionIds)).join("")}
             </tbody>
           </table>
+        </div>
         </div>`;
     }
     return `
@@ -86125,6 +86284,309 @@ function openRelationsDetailPanel(deviceId, deviceName, direction, rels, state6,
   renderPanel();
   void t;
 }
+function _setupCfStatusTooltip(container, modalId, colors2) {
+  const TOOLTIP_ID = `${modalId}-cf-status-tip`;
+  let destroyTimer = null;
+  function ensureTip() {
+    let tip2 = document.getElementById(TOOLTIP_ID);
+    if (tip2) return tip2;
+    tip2 = document.createElement("div");
+    tip2.id = TOOLTIP_ID;
+    tip2.style.cssText = `
+      position:fixed; z-index:99990; display:none;
+      background:${colors2.cardBg}; border:1px solid ${colors2.border};
+      border-radius:10px; box-shadow:0 8px 28px rgba(0,0,0,0.26);
+      padding:12px 14px; max-width:340px; font-size:11px; color:${colors2.text};
+      line-height:1.6; pointer-events:auto;
+    `;
+    document.body.appendChild(tip2);
+    return tip2;
+  }
+  function showTip(el2, status, deviceName, detail) {
+    if (destroyTimer) {
+      clearTimeout(destroyTimer);
+      destroyTimer = null;
+    }
+    const tip2 = ensureTip();
+    const STATUS_LABEL = { mismatch: "\u26A0\uFE0F Mismatch", missing: "\u274C Missing", undefined: "\u2753 Undefined" };
+    const STATUS_COLOR_TIP = { mismatch: colors2.warning, missing: colors2.danger, undefined: colors2.textMuted };
+    const lines = detail.split("\n").filter(Boolean);
+    tip2.innerHTML = `
+      <div style="font-weight:700; font-size:12px; color:${STATUS_COLOR_TIP[status] || colors2.text}; margin-bottom:6px;">${STATUS_LABEL[status] || status}</div>
+      <div style="font-size:10px; color:${colors2.textMuted}; margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;" title="${deviceName}">${deviceName}</div>
+      <div style="border-top:1px solid ${colors2.border}; padding-top:8px;">
+        ${lines.map((l) => `<div style="margin-bottom:3px; font-family:monospace; font-size:10px;">${l}</div>`).join("")}
+      </div>
+    `;
+    const rect = el2.getBoundingClientRect();
+    const tipW = 340, tipH = 80;
+    let left = rect.left;
+    let top = rect.bottom + 6;
+    if (left + tipW > window.innerWidth - 10) left = window.innerWidth - tipW - 10;
+    if (top + tipH > window.innerHeight - 10) top = rect.top - tipH - 6;
+    tip2.style.left = `${left}px`;
+    tip2.style.top = `${top}px`;
+    tip2.style.display = "block";
+  }
+  function hideTip(force = false) {
+    if (force) {
+      const tip2 = document.getElementById(TOOLTIP_ID);
+      if (tip2) tip2.style.display = "none";
+      if (destroyTimer) {
+        clearTimeout(destroyTimer);
+        destroyTimer = null;
+      }
+      return;
+    }
+    destroyTimer = setTimeout(() => {
+      const tip2 = document.getElementById(TOOLTIP_ID);
+      if (tip2) tip2.style.display = "none";
+      destroyTimer = null;
+    }, 2e3);
+  }
+  container.querySelectorAll("[data-cf-status]").forEach((cell) => {
+    const el2 = cell;
+    const status = el2.dataset.cfStatus;
+    const device = decodeURIComponent(el2.dataset.cfDevice || "");
+    const detail = decodeURIComponent(el2.dataset.cfDetail || "");
+    el2.addEventListener("mouseenter", () => showTip(el2, status, device, detail));
+    el2.addEventListener("mouseleave", () => hideTip());
+    el2.addEventListener("focus", () => {
+      if (destroyTimer) {
+        clearTimeout(destroyTimer);
+        destroyTimer = null;
+      }
+      showTip(el2, status, device, detail);
+    });
+    el2.addEventListener("blur", () => hideTip());
+  });
+  const tip = ensureTip();
+  tip.addEventListener("mouseenter", () => {
+    if (destroyTimer) {
+      clearTimeout(destroyTimer);
+      destroyTimer = null;
+    }
+  });
+  tip.addEventListener("mouseleave", () => hideTip());
+}
+var GCDR_CLEAR_DEVICE_KEYS = ["gcdrDeviceId", "gcdrId", "gcdrSyncAt", "gcdrAssetId", "gcdrCustomerId"];
+var GCDR_CLEAR_ASSET_KEYS = ["gcdrAssetId", "gcdrId", "gcdrSyncAt", "gcdrParentAssetId", "gcdrCustomerId"];
+async function openClearGcdrIdsModal(state6) {
+  if (!state6.selectedCustomer) return;
+  const customerId = getEntityId(state6.selectedCustomer);
+  const customerName = state6.selectedCustomer.name || state6.selectedCustomer.title || customerId;
+  const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+  const overlay = document.createElement("div");
+  overlay.style.cssText = `
+    position:fixed; inset:0; z-index:99999;
+    background:rgba(0,0,0,0.55); backdrop-filter:blur(4px);
+    display:flex; align-items:center; justify-content:center;
+    font-family:'Roboto',Inter,system-ui,sans-serif;
+  `;
+  overlay.addEventListener("click", (e) => {
+    if (e.target === overlay) close();
+  });
+  document.body.appendChild(overlay);
+  function close() {
+    if (overlay.parentNode) overlay.parentNode.removeChild(overlay);
+  }
+  function renderShell(bodyHtml, footerHtml) {
+    overlay.innerHTML = `
+      <div style="
+        background:#1e1e2e; color:#e5e7eb; border:1px solid rgba(255,255,255,0.1);
+        border-radius:14px; box-shadow:0 16px 48px rgba(0,0,0,0.4);
+        max-width:860px; width:92%; max-height:85vh; display:flex; flex-direction:column;
+      ">
+        <div style="padding:18px 22px; border-bottom:1px solid rgba(255,255,255,0.08); display:flex; justify-content:space-between; align-items:flex-start; flex-shrink:0;">
+          <div>
+            <div style="font-size:16px; font-weight:700; color:#f9fafb;">\u{1F9F9} Clear GCDR IDs</div>
+            <div style="font-size:12px; color:#9ca3af; margin-top:2px;">Customer: ${customerName}</div>
+          </div>
+          <button id="gcdr-clear-x" style="background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:4px;line-height:1;">\u2715</button>
+        </div>
+        <div id="gcdr-clear-body" style="padding:18px 22px; overflow-y:auto; flex:1;">${bodyHtml}</div>
+        <div id="gcdr-clear-footer" style="padding:14px 22px; border-top:1px solid rgba(255,255,255,0.08); display:flex; justify-content:flex-end; gap:10px; flex-shrink:0;">${footerHtml}</div>
+      </div>`;
+    overlay.querySelector("#gcdr-clear-x")?.addEventListener("click", close);
+  }
+  function btn(id, label, primary = false, disabled = false) {
+    return `<button id="${id}" style="
+      padding:8px 18px; border-radius:6px; font-size:13px; font-weight:600; cursor:${disabled ? "not-allowed" : "pointer"};
+      ${primary ? "background:#dc2626; color:white; border:none;" : "background:transparent; color:#9ca3af; border:1px solid rgba(255,255,255,0.15);"}
+      opacity:${disabled ? "0.5" : "1"};
+    " ${disabled ? "disabled" : ""}>${label}</button>`;
+  }
+  function progressHtml(phase, done, total) {
+    const pct = total > 0 ? Math.round(done / total * 100) : 0;
+    return `
+      <div style="padding:8px 0;">
+        <div style="font-size:13px; font-weight:600; color:#d1d5db; margin-bottom:14px;">\u23F3 ${phase}</div>
+        <div style="background:rgba(255,255,255,0.1); border-radius:8px; height:8px; overflow:hidden; margin-bottom:6px;">
+          <div style="background:#dc2626; height:100%; width:${pct}%; border-radius:8px; transition:width 0.2s;"></div>
+        </div>
+        <div style="display:flex; justify-content:space-between; font-size:12px; color:#9ca3af;">
+          <span>${done} / ${total} entidades</span><span style="font-weight:700; color:#dc2626;">${pct}%</span>
+        </div>
+      </div>`;
+  }
+  function keyBadges(present, keys) {
+    return keys.filter((k) => present[k]).map((k) => `<span style="font-size:9px; background:rgba(220,38,38,0.25); color:#fca5a5; padding:1px 5px; border-radius:3px; margin:1px; display:inline-block;">${k}</span>`).join("");
+  }
+  function tableHtml(rows, keys) {
+    if (rows.length === 0) return '<div style="font-size:12px;color:#6b7280;padding:6px 0;">Nenhum item a limpar.</div>';
+    return `<div style="overflow-x:auto; margin-top:4px;">
+      <table style="border-collapse:collapse; width:100%; font-size:11px;">
+        <thead><tr>
+          <th style="text-align:left; padding:5px 8px; border-bottom:1px solid rgba(255,255,255,0.08); color:#9ca3af; font-weight:600;">Nome TB</th>
+          <th style="text-align:left; padding:5px 8px; border-bottom:1px solid rgba(255,255,255,0.08); color:#9ca3af; font-weight:600;">Chaves a remover</th>
+        </tr></thead>
+        <tbody>${rows.map((r) => `<tr>
+          <td style="padding:5px 8px; border-bottom:1px solid rgba(255,255,255,0.05); color:#d1d5db;" title="${r.tbId}">
+            ${r.name}<br><span style="color:#6b7280; font-family:monospace; font-size:9px;">${r.tbId.substring(0, 8)}\u2026</span>
+          </td>
+          <td style="padding:5px 8px; border-bottom:1px solid rgba(255,255,255,0.05);">${keyBadges(r.present, keys)}</td>
+        </tr>`).join("")}</tbody>
+      </table>
+    </div>`;
+  }
+  function previewHtml(deviceRows, assetRows) {
+    const devToClear = deviceRows.filter((r) => r.hasAny);
+    const assetToClear = assetRows.filter((r) => r.hasAny);
+    const badge = (txt, danger = false) => `<span style="font-size:11px; padding:3px 10px; border-radius:4px; background:${danger ? "rgba(220,38,38,0.2)" : "rgba(255,255,255,0.07)"}; color:${danger ? "#fca5a5" : "#9ca3af"};">${txt}</span>`;
+    return `
+      <div style="display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px;">
+        ${badge(`\u{1F9F9} ${devToClear.length} devices a limpar`, devToClear.length > 0)}
+        ${badge(`\u2713 ${deviceRows.length - devToClear.length} devices j\xE1 limpos`)}
+        ${badge(`\u{1F9F9} ${assetToClear.length} assets a limpar`, assetToClear.length > 0)}
+        ${badge(`\u2713 ${assetRows.length - assetToClear.length} assets j\xE1 limpos`)}
+      </div>
+      <div style="font-size:10px; font-weight:700; color:#9ca3af; text-transform:uppercase; letter-spacing:.5px; margin-bottom:4px;">
+        \u{1F4DF} Devices (${deviceRows.length})
+        <span style="font-size:9px; font-weight:400; text-transform:none; margin-left:6px;">chaves: ${GCDR_CLEAR_DEVICE_KEYS.join(", ")}</span>
+      </div>
+      ${tableHtml(devToClear, GCDR_CLEAR_DEVICE_KEYS)}
+      <div style="font-size:10px; font-weight:700; color:#9ca3af; text-transform:uppercase; letter-spacing:.5px; margin:14px 0 4px;">
+        \u{1F4C1} Assets (${assetRows.length})
+        <span style="font-size:9px; font-weight:400; text-transform:none; margin-left:6px;">chaves: ${GCDR_CLEAR_ASSET_KEYS.join(", ")}</span>
+      </div>
+      ${tableHtml(assetToClear, GCDR_CLEAR_ASSET_KEYS)}
+      ${devToClear.length + assetToClear.length === 0 ? '<div style="text-align:center; color:#6b7280; padding:16px 0; font-size:13px;">\u2705 Nenhum device ou asset possui essas chaves. Nada a limpar.</div>' : ""}`;
+  }
+  renderShell(progressHtml("Buscando devices e assets\u2026", 0, 0), "");
+  try {
+    const [devicesResp, assetsResp] = await Promise.all([
+      tbFetch(state6, `/api/customer/${customerId}/devices?pageSize=1000&page=0`),
+      tbFetch(state6, `/api/customer/${customerId}/assets?pageSize=1000&page=0`)
+    ]);
+    const tbDevices = devicesResp.data || [];
+    const tbAssets = assetsResp.data || [];
+    const total = tbDevices.length + tbAssets.length;
+    const deviceRows = [];
+    const assetRows = [];
+    async function processBatch(items, entityType, keysToCheck, targetRows, fetchAttrs) {
+      const chunks = [];
+      for (let i = 0; i < items.length; i += 10) chunks.push(items.slice(i, i + 10));
+      for (let ci = 0; ci < chunks.length; ci++) {
+        if (ci > 0) await sleep(800);
+        await Promise.all(chunks[ci].map(async (entity) => {
+          const tbId = entity.id?.id || "";
+          const name = entity.name || entity.label || tbId;
+          let present = {};
+          try {
+            const attrs = await fetchAttrs(tbId);
+            for (const k of keysToCheck) present[k] = attrs[k] != null && attrs[k] !== "";
+          } catch {
+          }
+          targetRows.push({ tbId, name, entityType, present, hasAny: keysToCheck.some((k) => present[k]) });
+        }));
+        const done = deviceRows.length + assetRows.length;
+        const bodyEl = overlay.querySelector("#gcdr-clear-body");
+        if (bodyEl) bodyEl.innerHTML = progressHtml(`Lendo SERVER_SCOPE (${entityType})\u2026`, done, total);
+      }
+    }
+    const fetchDeviceAttrs = async (id) => {
+      const data = await tbFetch(
+        state6,
+        `/api/plugins/telemetry/DEVICE/${id}/values/attributes/SERVER_SCOPE`
+      );
+      return Object.fromEntries(data.map((a) => [a.key, a.value]));
+    };
+    const fetchAssetAttrs = async (id) => {
+      const data = await tbFetch(
+        state6,
+        `/api/plugins/telemetry/ASSET/${id}/values/attributes/SERVER_SCOPE`
+      );
+      return Object.fromEntries(data.map((a) => [a.key, a.value]));
+    };
+    await processBatch(tbDevices, "DEVICE", GCDR_CLEAR_DEVICE_KEYS, deviceRows, fetchDeviceAttrs);
+    await processBatch(tbAssets, "ASSET", GCDR_CLEAR_ASSET_KEYS, assetRows, fetchAssetAttrs);
+    const devToClear = deviceRows.filter((r) => r.hasAny);
+    const assetToClear = assetRows.filter((r) => r.hasAny);
+    const totalToClear = devToClear.length + assetToClear.length;
+    renderShell(
+      previewHtml(deviceRows, assetRows),
+      btn("gcdr-clear-cancel", "Cancelar") + btn("gcdr-clear-apply", `\u{1F9F9} Limpar ${totalToClear} entidade${totalToClear !== 1 ? "s" : ""}`, true, totalToClear === 0)
+    );
+    overlay.querySelector("#gcdr-clear-cancel")?.addEventListener("click", close);
+    overlay.querySelector("#gcdr-clear-apply")?.addEventListener("click", async () => {
+      let done3 = 0;
+      overlay.querySelector("#gcdr-clear-footer").innerHTML = "";
+      overlay.querySelector("#gcdr-clear-body").innerHTML = progressHtml("Removendo atributos GCDR\u2026", 0, totalToClear);
+      async function execClear(rows, keys, entityType) {
+        const results = [];
+        const chunks = [];
+        for (let i = 0; i < rows.length; i += 10) chunks.push(rows.slice(i, i + 10));
+        for (let ci = 0; ci < chunks.length; ci++) {
+          if (ci > 0) await sleep(800);
+          await Promise.all(chunks[ci].map(async (row) => {
+            const keysToDelete = keys.filter((k) => row.present[k]);
+            try {
+              await tbDelete(state6, `/api/plugins/telemetry/${entityType}/${row.tbId}/values/attributes/SERVER_SCOPE?keys=${encodeURIComponent(keysToDelete.join(","))}`);
+              results.push({ name: row.name, ok: true, cleared: keysToDelete });
+            } catch (err2) {
+              results.push({ name: row.name, ok: false, error: err2.message });
+            }
+            done3++;
+            const progEl = overlay.querySelector("#gcdr-clear-body");
+            if (progEl) progEl.innerHTML = progressHtml("Removendo atributos GCDR\u2026", done3, totalToClear);
+          }));
+        }
+        return results;
+      }
+      const devResults = await execClear(devToClear, GCDR_CLEAR_DEVICE_KEYS, "DEVICE");
+      const assetResults = await execClear(assetToClear, GCDR_CLEAR_ASSET_KEYS, "ASSET");
+      const allResults = [...devResults, ...assetResults];
+      const ok = allResults.filter((r) => r.ok).length;
+      const err = allResults.filter((r) => !r.ok).length;
+      const resultHtml = `
+        <div style="display:flex; gap:8px; margin-bottom:14px;">
+          <span style="font-size:12px; padding:3px 10px; border-radius:4px; background:rgba(16,185,129,0.2); color:#6ee7b7;">\u2713 ${ok} limpos</span>
+          ${err > 0 ? `<span style="font-size:12px; padding:3px 10px; border-radius:4px; background:rgba(220,38,38,0.2); color:#fca5a5;">\u2717 ${err} erros</span>` : ""}
+        </div>
+        ${[{ title: "\u{1F4DF} Devices", results: devResults }, { title: "\u{1F4C1} Assets", results: assetResults }].filter((s) => s.results.length > 0).map((s) => `
+            <div style="font-size:10px; font-weight:700; color:#9ca3af; text-transform:uppercase; margin:10px 0 4px;">${s.title}</div>
+            <ul style="list-style:none; margin:0; padding:0;">
+              ${s.results.map((r) => `
+                <li style="display:flex; align-items:flex-start; gap:8px; padding:5px 0; border-bottom:1px solid rgba(255,255,255,0.05);">
+                  <span>${r.ok ? "\u2705" : "\u274C"}</span>
+                  <div>
+                    <div style="font-size:11px; color:#d1d5db;">${r.name}</div>
+                    <div style="font-size:10px; color:${r.ok ? "#6ee7b7" : "#fca5a5"};">
+                      ${r.ok ? `Removidas: ${r.cleared?.join(", ")}` : r.error}
+                    </div>
+                  </div>
+                </li>`).join("")}
+            </ul>`).join("")}`;
+      overlay.querySelector("#gcdr-clear-body").innerHTML = resultHtml;
+      overlay.querySelector("#gcdr-clear-footer").innerHTML = btn("gcdr-clear-done", "Fechar");
+      overlay.querySelector("#gcdr-clear-done")?.addEventListener("click", close);
+    });
+  } catch (err) {
+    overlay.querySelector("#gcdr-clear-body").innerHTML = `<div style="color:#fca5a5; font-size:13px; padding:8px 0;">\u274C ${err.message}</div>`;
+    overlay.querySelector("#gcdr-clear-footer").innerHTML = btn("gcdr-clear-err-close", "Fechar");
+    overlay.querySelector("#gcdr-clear-err-close")?.addEventListener("click", close);
+  }
+}
 function setupEventListeners3(container, state6, modalId, t, onClose) {
   const closeHandler = () => closeModal(container, onClose);
   const overlay = container.querySelector(".myio-upsell-modal-overlay");
@@ -86324,6 +86786,17 @@ function setupEventListeners3(container, state6, modalId, t, onClose) {
     if (e.key === "Escape") closeHandler();
   };
   document.addEventListener("keydown", escHandler);
+  const cfFilterPanelCloseHandler = (e) => {
+    if (!state6.checkFixFilterOpen) return;
+    const btn = document.getElementById(`${modalId}-cf-filter-btn`);
+    const panel = document.getElementById(`${modalId}-cf-filter-panel`);
+    if (btn && !btn.contains(e.target) && panel && !panel.contains(e.target)) {
+      state6.checkFixFilterOpen = false;
+      renderModal4(container, state6, modalId, t);
+      setupEventListeners3(container, state6, modalId, t, onClose);
+    }
+  };
+  document.addEventListener("click", cfFilterPanelCloseHandler);
   document.getElementById(`${modalId}-load-relations`)?.addEventListener("click", () => {
     void loadDeviceRelations(state6, container, modalId, t, onClose);
   });
@@ -86470,6 +86943,82 @@ function setupEventListeners3(container, state6, modalId, t, onClose) {
     renderModal4(container, state6, modalId, t);
     setupEventListeners3(container, state6, modalId, t, onClose);
   });
+  container.querySelectorAll("[data-cf-sort]").forEach((el2) => {
+    el2.addEventListener("click", () => {
+      const field = el2.dataset.cfSort;
+      if (state6.checkFixSort.field === field) {
+        state6.checkFixSort.order = state6.checkFixSort.order === "asc" ? "desc" : "asc";
+      } else {
+        state6.checkFixSort = { field, order: "asc" };
+      }
+      const listEl = document.getElementById(`${modalId}-device-list`);
+      const savedScroll = listEl ? listEl.scrollTop : 0;
+      renderModal4(container, state6, modalId, t);
+      setupEventListeners3(container, state6, modalId, t, onClose);
+      const elAfter = document.getElementById(`${modalId}-device-list`);
+      if (elAfter) elAfter.scrollTop = savedScroll;
+    });
+  });
+  document.getElementById(`${modalId}-cf-filter-btn`)?.addEventListener("click", (e) => {
+    e.stopPropagation();
+    state6.checkFixFilterOpen = !state6.checkFixFilterOpen;
+    renderModal4(container, state6, modalId, t);
+    setupEventListeners3(container, state6, modalId, t, onClose);
+  });
+  document.getElementById(`${modalId}-cf-flt-close`)?.addEventListener("click", () => {
+    state6.checkFixFilterOpen = false;
+    renderModal4(container, state6, modalId, t);
+    setupEventListeners3(container, state6, modalId, t, onClose);
+  });
+  document.getElementById(`${modalId}-cf-flt-clear`)?.addEventListener("click", () => {
+    state6.checkFixAdvancedFilter = { statuses: [], connStatuses: [], domains: [], missingIngestionId: false, missingCentralSlave: false };
+    renderModal4(container, state6, modalId, t);
+    setupEventListeners3(container, state6, modalId, t, onClose);
+  });
+  document.getElementById(`${modalId}-cf-flt-noing`)?.addEventListener("change", (e) => {
+    state6.checkFixAdvancedFilter.missingIngestionId = e.target.checked;
+    renderModal4(container, state6, modalId, t);
+    setupEventListeners3(container, state6, modalId, t, onClose);
+  });
+  document.getElementById(`${modalId}-cf-flt-nocentral`)?.addEventListener("change", (e) => {
+    state6.checkFixAdvancedFilter.missingCentralSlave = e.target.checked;
+    renderModal4(container, state6, modalId, t);
+    setupEventListeners3(container, state6, modalId, t, onClose);
+  });
+  const cfFilterPanel = document.getElementById(`${modalId}-cf-filter-panel`);
+  if (cfFilterPanel) {
+    cfFilterPanel.querySelectorAll("[data-cf-flt-status]").forEach((btn) => {
+      btn.addEventListener("click", () => {
+        const s = btn.dataset.cfFltStatus;
+        const idx = state6.checkFixAdvancedFilter.statuses.indexOf(s);
+        if (idx >= 0) state6.checkFixAdvancedFilter.statuses.splice(idx, 1);
+        else state6.checkFixAdvancedFilter.statuses.push(s);
+        renderModal4(container, state6, modalId, t);
+        setupEventListeners3(container, state6, modalId, t, onClose);
+      });
+    });
+    cfFilterPanel.querySelectorAll("[data-cf-flt-conn]").forEach((btn) => {
+      btn.addEventListener("click", () => {
+        const c = btn.dataset.cfFltConn;
+        const idx = state6.checkFixAdvancedFilter.connStatuses.indexOf(c);
+        if (idx >= 0) state6.checkFixAdvancedFilter.connStatuses.splice(idx, 1);
+        else state6.checkFixAdvancedFilter.connStatuses.push(c);
+        renderModal4(container, state6, modalId, t);
+        setupEventListeners3(container, state6, modalId, t, onClose);
+      });
+    });
+    cfFilterPanel.querySelectorAll("[data-cf-flt-domain]").forEach((btn) => {
+      btn.addEventListener("click", () => {
+        const d = btn.dataset.cfFltDomain;
+        const idx = state6.checkFixAdvancedFilter.domains.indexOf(d);
+        if (idx >= 0) state6.checkFixAdvancedFilter.domains.splice(idx, 1);
+        else state6.checkFixAdvancedFilter.domains.push(d);
+        renderModal4(container, state6, modalId, t);
+        setupEventListeners3(container, state6, modalId, t, onClose);
+      });
+    });
+  }
+  _setupCfStatusTooltip(container, modalId, getThemeColors5(state6.theme));
   document.getElementById(`${modalId}-mode-single`)?.addEventListener("click", () => {
     if (state6.deviceSelectionMode !== "single") {
       state6.deviceSelectionMode = "single";
@@ -86545,26 +87094,22 @@ function setupEventListeners3(container, state6, modalId, t, onClose) {
       if (!deviceId) return;
       const device = state6.devices.find((d) => d.id?.id === deviceId);
       if (!device) return;
-      setTimeout(() => {
-        const isChecked = input.checked;
-        if (isChecked) {
-          if (!state6.selectedDevices.some((d) => d.id?.id === deviceId)) {
-            state6.selectedDevices.push(device);
-          }
-        } else {
-          state6.selectedDevices = state6.selectedDevices.filter((d) => d.id?.id !== deviceId);
+      const isChecked = input.checked;
+      if (isChecked) {
+        if (!state6.selectedDevices.some((d) => d.id?.id === deviceId)) {
+          state6.selectedDevices.push(device);
         }
-        const listEl = document.getElementById(`${modalId}-device-list`);
-        const savedScroll = listEl ? listEl.scrollTop : 0;
-        renderModal4(container, state6, modalId, t);
-        setupEventListeners3(container, state6, modalId, t, onClose);
-        requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            const el2 = document.getElementById(`${modalId}-device-list`);
-            if (el2) el2.scrollTop = savedScroll;
-          });
-        });
-      }, 0);
+      } else {
+        state6.selectedDevices = state6.selectedDevices.filter((d) => d.id?.id !== deviceId);
+      }
+      const listEl = document.getElementById(`${modalId}-device-list`);
+      const savedScroll = listEl ? listEl.scrollTop : 0;
+      const containerScrollTop = container.scrollTop;
+      renderModal4(container, state6, modalId, t);
+      setupEventListeners3(container, state6, modalId, t, onClose);
+      const elAfter = document.getElementById(`${modalId}-device-list`);
+      if (elAfter) elAfter.scrollTop = savedScroll;
+      container.scrollTop = containerScrollTop;
     };
   });
   document.getElementById(`${modalId}-bulk-attr`)?.addEventListener("click", () => {
@@ -86683,6 +87228,13 @@ 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}-clear-gcdr-ids`)?.addEventListener("click", () => {
+    if (!state6.selectedCustomer) {
+      alert("Selecione um Customer primeiro no Step 1");
+      return;
+    }
+    void openClearGcdrIdsModal(state6);
+  });
   document.getElementById(`${modalId}-bulk-relation`)?.addEventListener("click", () => {
     if (!state6.selectedCustomer) {
       alert("Selecione um Customer primeiro no Step 1");
@@ -87187,7 +87739,9 @@ function filterDeviceListVisual(container, devices, search, filters, sort) {
       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);
-    item.style.display = matchesSearch ? "flex" : "none";
+    const el2 = item;
+    const isTableRow = el2.tagName === "TR";
+    el2.style.display = matchesSearch ? isTableRow ? "" : "flex" : "none";
   });
 }
 async function tbFetch(state6, path) {
@@ -88801,7 +89355,7 @@ var UserListTab = class {
     const now = (/* @__PURE__ */ new Date()).toISOString();
     try {
       const searchRes = await fetch(
-        `${base}/api/v1/users?search=${encodeURIComponent(user.email)}&customerId=${encodeURIComponent(this.config.customerId)}&limit=10`,
+        `${base}/users?search=${encodeURIComponent(user.email)}&customerId=${encodeURIComponent(this.config.customerId)}&limit=10`,
         { headers: this.gcdrHeaders() }
       );
       let gcdrUser = null;
@@ -88811,7 +89365,7 @@ var UserListTab = class {
         gcdrUser = items.find((u) => u.email?.toLowerCase() === user.email.toLowerCase()) ?? null;
       }
       if (!gcdrUser) {
-        const createRes = await fetch(`${base}/api/v1/users`, {
+        const createRes = await fetch(`${base}/users`, {
           method: "POST",
           headers: this.gcdrHeaders(),
           body: JSON.stringify({