myio-js-library 0.1.468 → 0.1.470

package/dist/index.cjs

@@ -1139,7 +1139,7 @@ module.exports = __toCommonJS(index_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.468",
+  version: "0.1.470",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -3256,7 +3256,19 @@ function createDefaultActionHandlers(config, entityObject, item) {
   const MyIOAuth = MyIOUtils?.MyIOAuth;
   const CLIENT_ID = MyIOUtils?.CLIENT_ID;
   const CLIENT_SECRET = MyIOUtils?.CLIENT_SECRET;
-  const getDataApiHost = MyIOUtils?.getDataApiHost || (() => "https://api.data.apps.myio-bas.com");
+  const getDataApiHost = () => {
+    const host = MyIOUtils?.getDataApiHost?.() || MyIOUtils?.DATA_API_HOST || "";
+    if (!host) {
+      const msg = "DATA_API_HOST n\xE3o configurado. Verifique as configura\xE7\xF5es do widget.";
+      LogHelper2.warn(`[${config.widgetName}]`, msg);
+      if (MyIOLibrary2?.MyIOToast?.error) {
+        MyIOLibrary2.MyIOToast.error(msg);
+      } else {
+        window.alert(msg);
+      }
+    }
+    return host;
+  };
   return {
     handleActionDashboard: async () => {
       LogHelper2.log(`[${config.widgetName}] Opening dashboard for:`, entityObject.entityId);
@@ -3306,6 +3318,8 @@ function createDefaultActionHandlers(config, entityObject, item) {
           window.alert("Autentica\xE7\xE3o n\xE3o dispon\xEDvel. Recarregue a p\xE1gina.");
           return;
         }
+        const dataApiBaseUrl = getDataApiHost();
+        if (!dataApiBaseUrl) return;
         const ingestionToken2 = await MyIOAuth.getToken();
         await MyIOLibrary2?.openDashboardPopupReport?.({
           ingestionId: item.ingestionId,
@@ -3313,7 +3327,7 @@ function createDefaultActionHandlers(config, entityObject, item) {
           label: item.label,
           domain: config.domain,
           api: {
-            dataApiBaseUrl: getDataApiHost(),
+            dataApiBaseUrl,
             clientId: CLIENT_ID,
             clientSecret: CLIENT_SECRET,
             ingestionToken: ingestionToken2
@@ -3936,7 +3950,7 @@ function buildMyioIngestionAuth(config) {
   if (!dataApiHost || !clientId || !clientSecret) {
     throw new Error("dataApiHost, clientId, and clientSecret are required");
   }
-  const authUrl = new URL(`${dataApiHost}/api/v1/auth`);
+  const authUrl = new URL(`${dataApiHost}/auth`);
   const cacheKey = generateCacheKey(config);
   if (!globalCache.has(cacheKey)) {
     globalCache.set(cacheKey, {
@@ -5638,6 +5652,12 @@ var MyIOSelectionStoreClass = class _MyIOSelectionStoreClass {
       ingestionId: entity.ingestionId || entityId,
       // ⭐ ADD: Store ingestionId for API calls
       customerName: entity.customerName || entity.ownerName || entity.centralName || "",
+      // RFC-0157: Operational metrics for comparison modal
+      domain: entity.domain || null,
+      availability: entity.availability ?? null,
+      mtbf: entity.mtbf ?? null,
+      mttr: entity.mttr ?? null,
+      equipmentType: entity.equipmentType || null,
       // Optional metadata passthrough (used by alarm comparisons)
       meta: entity.meta || entity.alarmMeta || null,
       alarm: entity.alarm || null
@@ -23649,7 +23669,11 @@ function createDateRangePicker($2, input, opts) {
     ranges = {
       "Hoje": [moment().startOf("day"), moment().endOf("day")],
       "\xDAltimos 7 dias": [moment().subtract(6, "days").startOf("day"), moment().endOf("day")],
+      "\xDAltimos 15 dias": [moment().subtract(14, "days").startOf("day"), moment().endOf("day")],
       "\xDAltimos 30 dias": [moment().subtract(29, "days").startOf("day"), moment().endOf("day")],
+      "\xDAltimos 60 dias": [moment().subtract(59, "days").startOf("day"), moment().endOf("day")],
+      "\xDAltimos 90 dias": [moment().subtract(89, "days").startOf("day"), moment().endOf("day")],
+      "M\xEAs Atual": [moment().startOf("month"), moment().endOf("day")],
       "M\xEAs Anterior": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")]
     };
   }
@@ -26321,7 +26345,28 @@ async function openRealTimeTelemetryModal(params) {
     gearBtn.addEventListener("click", openIntervalConfigModal);
   }
   if (customerId) await loadCheckDeviceInterval();
+  const useCheckDeviceOnOpen = !!centralId && !sessionStorage.getItem("rtt_check_device_disabled");
+  if (useCheckDeviceOnOpen) {
+    startCountdown(checkDeviceWaitMs);
+    try {
+      await fetch(
+        `https://${centralId}.y.myio.com.br/api/check_device/${deviceCheckName}`,
+        { signal: AbortSignal.timeout(1e4) }
+      );
+      centralStatus = "ok";
+      checkDeviceHistory.push({ ts: Date.now(), status: "ok" });
+    } catch (e) {
+      console.warn("[RTT] check_device (open) error:", e?.message ?? e);
+      centralStatus = "offline";
+      checkDeviceHistory.push({ ts: Date.now(), status: "offline" });
+    }
+    if (checkDeviceHistory.length > MAX_CHECK_DEVICE_HISTORY) checkDeviceHistory.shift();
+    updateStatusBadges();
+    await new Promise((r) => setTimeout(r, checkDeviceWaitMs));
+    clearCountdown();
+  }
   await refreshData();
+  isFirstTick = false;
   scheduleCheckDeviceTick();
   return {
     destroy: closeModal2
@@ -53727,16 +53772,41 @@ var ALARMS_NOTIFICATIONS_PANEL_STYLES = `
   background: rgba(139, 92, 246, 0.2);
 }
 
+/* \u2500\u2500 alarm-text-btn: base style (mirrors ALARM widget .alarm-text-btn) \u2500\u2500 */
+.myio-alarms-panel .alarm-text-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 4px 10px;
+  border: 1px solid var(--alarms-primary);
+  border-radius: 6px;
+  background: var(--alarms-primary-light);
+  color: var(--alarms-primary);
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 1;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  cursor: pointer;
+  white-space: nowrap;
+  transition: background 0.15s, color 0.15s;
+}
+
+.myio-alarms-panel .alarm-text-btn svg {
+  fill: currentColor;
+  flex-shrink: 0;
+}
+
+.myio-alarms-panel .alarm-text-btn:hover {
+  background: var(--alarms-primary);
+  color: #fff;
+}
+
 /* Bundle map button \u2014 logo ap\xF3s as tabs, margem fixa \xE0 esquerda */
 .myio-alarms-tabs .alarms-tab-map-btn {
   margin-left: 16px;
   flex-shrink: 0;
   align-self: center;
-  padding: 4px 8px;
-  font-size: 10px;
-  font-weight: 600;
-  letter-spacing: 0.04em;
-  white-space: nowrap;
 }
 
 /* Alarm count badge \u2014 hidden (kept for JS compatibility) */
@@ -58147,17 +58217,11 @@ var ALARMS_NOTIFICATIONS_PANEL_STYLES = `
   border-radius: var(--alarms-radius-lg);
 }
 
-/* History button \u2014 same base as alarms-tab-map-btn */
+/* History button \u2014 modifier only (base comes from .alarm-text-btn) */
 .myio-alarms-tabs .alarms-tab-history-btn {
   margin-left: 8px;
   flex-shrink: 0;
   align-self: center;
-  padding: 4px 8px;
-  font-size: 10px;
-  font-weight: 600;
-  letter-spacing: 0.04em;
-  white-space: nowrap;
-  transition: background 0.15s, color 0.15s, border-color 0.15s;
 }
 
 .myio-alarms-tabs .alarms-tab-history-btn.is-active {
@@ -88722,7 +88786,9 @@ var PoliciesTab = class {
       <div class="gm-accordion-panel" style="display:${this.expandedId === p.id ? "" : "none"}">
         <div class="gm-panel-section">
           <div class="gm-panel-section-header"><span class="gm-panel-section-title">\u2705 Permitidas</span></div>
-          ${p.allow?.length ? p.allow.map((a) => `<code style="display:block;font-size:11px;color:var(--um-badge-user-text);padding:2px 0;">${this.esc(a)}</code>`).join("") : '<span class="gm-empty-inline">Nenhuma.</span>'}
+          ${p.allow?.length ? p.allow.map(
+      (a) => `<code style="display:block;font-size:11px;color:var(--um-badge-user-text);padding:2px 0;">${this.esc(a)}</code>`
+    ).join("") : '<span class="gm-empty-inline">Nenhuma.</span>'}
         </div>
         ${p.deny?.length ? `<div class="gm-panel-section">
           <div class="gm-panel-section-header"><span class="gm-panel-section-title">\u{1F6AB} Negadas</span></div>
@@ -88753,11 +88819,13 @@ var PoliciesTab = class {
   showPolicyForm(existing) {
     const isEdit = existing !== null;
     const overlay = document.createElement("div");
-    overlay.style.cssText = "position:fixed;inset:0;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;z-index:100001;";
+    overlay.className = "um-backdrop";
+    overlay.setAttribute("data-theme", this.config.theme || "light");
     const modal = document.createElement("div");
-    modal.style.cssText = "background:var(--um-modal-bg,#131929);border:1px solid var(--um-border,#2a3352);border-radius:12px;padding:24px;width:min(520px,92vw);max-height:80vh;overflow-y:auto;box-shadow:0 24px 64px rgba(0,0,0,0.5);";
+    modal.className = "um-modal";
+    modal.style.cssText = "padding: 24px; width: min(520px, 92vw); max-height: 80vh; height: auto; aspect-ratio: unset; overflow-y: auto; display: block;";
     modal.innerHTML = `
-      <h4 style="margin:0 0 16px;font-size:15px;font-weight:600;color:var(--um-text-primary,#e2e8f0);">${isEdit ? "Editar" : "Nova"} Pol\xEDtica</h4>
+      <h4 style="margin:0 0 16px;font-size:15px;font-weight:600;color:var(--um-text-primary); font-family: inherit;">${isEdit ? "Editar" : "Nova"} Pol\xEDtica</h4>
       <div class="um-form" style="max-width:100%;">
         <div class="um-form-group">
           <label class="um-label">Nome <span class="um-req">*</span></label>
@@ -88814,7 +88882,11 @@ var PoliciesTab = class {
       try {
         const body = { name, description: description || void 0, riskLevel, allow, deny };
         const url = isEdit ? `${this.gcdrBase()}/policies/${existing.id}` : `${this.gcdrBase()}/policies`;
-        const res = await fetch(url, { method: isEdit ? "PUT" : "POST", headers: this.gcdrHeaders(), body: JSON.stringify(body) });
+        const res = await fetch(url, {
+          method: isEdit ? "PUT" : "POST",
+          headers: this.gcdrHeaders(),
+          body: JSON.stringify(body)
+        });
         if (!res.ok) throw new Error(`HTTP ${res.status}`);
         this.callbacks.showToast(isEdit ? "Pol\xEDtica atualizada!" : "Pol\xEDtica criada!", "success");
         close();
@@ -88830,7 +88902,10 @@ var PoliciesTab = class {
   async deletePolicy(p) {
     if (!confirm(`Excluir a pol\xEDtica "${p.displayName}"? Esta a\xE7\xE3o n\xE3o pode ser desfeita.`)) return;
     try {
-      const res = await fetch(`${this.gcdrBase()}/policies/${p.id}`, { method: "DELETE", headers: this.gcdrHeaders() });
+      const res = await fetch(`${this.gcdrBase()}/policies/${p.id}`, {
+        method: "DELETE",
+        headers: this.gcdrHeaders()
+      });
       if (!res.ok) throw new Error(`HTTP ${res.status}`);
       this.callbacks.showToast("Pol\xEDtica exclu\xEDda.", "success");
       await this.loadPolicies();
@@ -88984,7 +89059,8 @@ var RolesTab = class {
     const policyMap = new Map(this.policies.map((p) => [p.id, p]));
     const items = r.policyIds.map((pid) => {
       const p = policyMap.get(pid);
-      if (!p) return `<div style="font-size:12px;color:var(--um-text-faint);padding:3px 0;">ID: ${this.esc(pid)}</div>`;
+      if (!p)
+        return `<div style="font-size:12px;color:var(--um-text-faint);padding:3px 0;">ID: ${this.esc(pid)}</div>`;
       const allowStr = p.allow?.join(", ") || "\u2014";
       return `<div style="padding:6px 0;border-bottom:1px solid var(--um-border-sub);">
         <div style="font-size:12px;font-weight:600;color:var(--um-text-secondary);">${this.esc(p.displayName)}</div>
@@ -89000,9 +89076,11 @@ var RolesTab = class {
   showRoleForm(existing) {
     const isEdit = existing !== null;
     const overlay = document.createElement("div");
-    overlay.style.cssText = "position:fixed;inset:0;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;z-index:100001;";
+    overlay.className = "um-backdrop";
+    overlay.setAttribute("data-theme", this.config.theme || "light");
     const modal = document.createElement("div");
-    modal.style.cssText = "background:var(--um-modal-bg,#131929);border:1px solid var(--um-border,#2a3352);border-radius:12px;padding:24px;width:min(520px,92vw);max-height:80vh;overflow-y:auto;box-shadow:0 24px 64px rgba(0,0,0,0.5);";
+    modal.className = "um-modal";
+    modal.style.cssText = "padding: 24px; width: min(520px, 92vw); max-height: 80vh; height: auto; aspect-ratio: unset; overflow-y: auto; display: block;";
     const policiesCheckboxes = this.policies.map((p) => {
       const checked = existing?.policyIds?.includes(p.id) ? " checked" : "";
       return `<label style="display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;color:var(--um-text-secondary);cursor:pointer;">
@@ -89011,7 +89089,7 @@ var RolesTab = class {
       </label>`;
     }).join("");
     modal.innerHTML = `
-      <h4 style="margin:0 0 16px;font-size:15px;font-weight:600;color:var(--um-text-primary,#e2e8f0);">${isEdit ? "Editar" : "Nova"} Fun\xE7\xE3o</h4>
+      <h4 style="margin:0 0 16px;font-size:15px;font-weight:600;color:var(--um-text-primary); font-family: inherit;">${isEdit ? "Editar" : "Nova"} Fun\xE7\xE3o</h4>
       <div class="um-form" style="max-width:100%;">
         <div class="um-form-group">
           <label class="um-label">Nome <span class="um-req">*</span></label>
@@ -89050,14 +89128,20 @@ var RolesTab = class {
       }
       errEl.textContent = "";
       const description = modal.querySelector("[name=description]").value.trim();
-      const policyIds = Array.from(modal.querySelectorAll(".um-role-policy-chk:checked")).map((c) => c.value);
+      const policyIds = Array.from(
+        modal.querySelectorAll(".um-role-policy-chk:checked")
+      ).map((c) => c.value);
       const btn = modal.querySelector(".role-save");
       btn.disabled = true;
       btn.textContent = "...";
       try {
         const body = { name, description: description || void 0, policyIds };
         const url = isEdit ? `${this.gcdrBase()}/roles/${existing.id}` : `${this.gcdrBase()}/roles`;
-        const res = await fetch(url, { method: isEdit ? "PUT" : "POST", headers: this.gcdrHeaders(), body: JSON.stringify(body) });
+        const res = await fetch(url, {
+          method: isEdit ? "PUT" : "POST",
+          headers: this.gcdrHeaders(),
+          body: JSON.stringify(body)
+        });
         if (!res.ok) throw new Error(`HTTP ${res.status}`);
         this.callbacks.showToast(isEdit ? "Fun\xE7\xE3o atualizada!" : "Fun\xE7\xE3o criada!", "success");
         close();
@@ -89073,7 +89157,10 @@ var RolesTab = class {
   async deleteRole(r) {
     if (!confirm(`Excluir a fun\xE7\xE3o "${r.displayName}"? Esta a\xE7\xE3o n\xE3o pode ser desfeita.`)) return;
     try {
-      const res = await fetch(`${this.gcdrBase()}/roles/${r.id}`, { method: "DELETE", headers: this.gcdrHeaders() });
+      const res = await fetch(`${this.gcdrBase()}/roles/${r.id}`, {
+        method: "DELETE",
+        headers: this.gcdrHeaders()
+      });
       if (!res.ok) throw new Error(`HTTP ${res.status}`);
       this.callbacks.showToast("Fun\xE7\xE3o exclu\xEDda.", "success");
       await this.loadAll();
@@ -101943,7 +102030,17 @@ function createHeaderShoppingComponent(params) {
     const lib = getLib();
     if (!lib?.buildMyioIngestionAuth) return;
     const utils = getUtils();
-    const dataApiHost = config.dataApiHost || utils?.DATA_API_HOST || "https://api.data.apps.myio-bas.com";
+    const dataApiHost = config.dataApiHost || utils?.DATA_API_HOST;
+    if (!dataApiHost) {
+      const msg = "DATA_API_HOST n\xE3o configurado. Verifique as configura\xE7\xF5es do widget.";
+      LogHelper3.warn("[HeaderShopping] initAuth:", msg);
+      if (lib?.MyIOToast?.error) {
+        lib?.MyIOToast.error(msg);
+      } else {
+        window.alert(msg);
+      }
+      return;
+    }
     const clientId = params.credentials?.clientId || "";
     const clientSecret = params.credentials?.clientSecret || "";
     if (!clientId || !clientSecret) {
@@ -108290,6 +108387,75 @@ var OPERATIONAL_HEADER_DEVICES_GRID_STYLES = `
     font-size: 18px;
   }
 
+  /* ========== Hover Expand Effect ========== */
+  .ohg-header-v2 .ohg-col,
+  .ohg-header-v2 .ohg-sub-col {
+    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
+                box-shadow 0.22s ease,
+                background 0.18s ease;
+    position: relative;
+    z-index: 1;
+    cursor: default;
+  }
+
+  .ohg-header-v2 .ohg-col .ohg-col-title,
+  .ohg-header-v2 .ohg-col .ohg-col-value,
+  .ohg-header-v2 .ohg-sub-col .ohg-sub-label,
+  .ohg-header-v2 .ohg-sub-col .ohg-sub-value {
+    transition: font-size 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
+  }
+
+  .ohg-header-v2 .ohg-col:hover {
+    transform: scale(1.18);
+    z-index: 20;
+    border-radius: 6px;
+    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(139, 92, 246, 0.35);
+    background: rgba(255, 255, 255, 0.07) !important;
+  }
+
+  .ohg-header-v2 .ohg-col:hover .ohg-col-title {
+    font-size: 10px;
+  }
+
+  .ohg-header-v2 .ohg-col:hover .ohg-col-value {
+    font-size: 22px;
+  }
+
+  .ohg-header-v2 .ohg-col-total:hover .ohg-col-value {
+    font-size: 28px;
+  }
+
+  .ohg-header-v2 .ohg-col-availability:hover .ohg-col-value {
+    font-size: 28px;
+  }
+
+  .ohg-header-v2 .ohg-sub-col:hover {
+    transform: scale(1.22);
+    z-index: 20;
+    border-radius: 5px;
+    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.1);
+    background: rgba(255, 255, 255, 0.08) !important;
+  }
+
+  .ohg-header-v2 .ohg-sub-col:hover .ohg-sub-label {
+    font-size: 9px;
+  }
+
+  .ohg-header-v2 .ohg-sub-col:hover .ohg-sub-value {
+    font-size: 20px;
+  }
+
+  /* Light mode hover adjustments */
+  .ohg-header-v2.ohg-header--light .ohg-col:hover {
+    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(139, 92, 246, 0.4);
+    background: rgba(0, 0, 0, 0.04) !important;
+  }
+
+  .ohg-header-v2.ohg-header--light .ohg-sub-col:hover {
+    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(139, 92, 246, 0.3);
+    background: rgba(0, 0, 0, 0.04) !important;
+  }
+
   /* Actions Column */
   .ohg-header-v2 .ohg-col-actions {
     display: flex;