myio-js-library 0.1.520 → 0.1.522

package/dist/index.cjs

@@ -569,6 +569,8 @@ __export(index_exports, {
   ANNOTATION_TYPE_LABELS: () => ANNOTATION_TYPE_LABELS,
   ANNOTATION_TYPE_LABELS_EN: () => ANNOTATION_TYPE_LABELS_EN,
   ANNOTATION_VIRTUAL_THRESHOLD: () => VIRTUAL_SCROLL_THRESHOLD,
+  ASSET_CODE_RE: () => ASSET_CODE_RE,
+  ASSET_TYPE_CONFIG: () => ASSET_TYPE_CONFIG,
   ActionButtonController: () => ActionButtonController,
   ActionButtonView: () => ActionButtonView,
   AlarmService: () => AlarmService,
@@ -585,6 +587,8 @@ __export(index_exports, {
   CONSUMPTION_CHART_COLORS: () => DEFAULT_COLORS,
   CONSUMPTION_CHART_DEFAULTS: () => DEFAULT_CONFIG,
   CONSUMPTION_THEME_COLORS: () => THEME_COLORS,
+  CUSTOMER_CODE_RE: () => CUSTOMER_CODE_RE,
+  CUSTOMER_NAME_STOPWORDS: () => CUSTOMER_NAME_STOPWORDS,
   CardGridPanel: () => CardGridPanel,
   CardGridTabsBuilder: () => CardGridTabsBuilder,
   ColumnSummaryTooltip: () => ColumnSummaryTooltip,
@@ -609,6 +613,7 @@ __export(index_exports, {
   DEFAULT_DEVICE_IMAGE: () => DEFAULT_DEVICE_IMAGE,
   DEFAULT_DEVICE_OPERATIONAL_CARD_FILTER_STATE: () => DEFAULT_DEVICE_OPERATIONAL_CARD_FILTER_STATE,
   DEFAULT_DEVICE_TYPE_PREFIX: () => DEFAULT_DEVICE_TYPE_PREFIX,
+  DEFAULT_DEVICE_TYPE_TOKEN: () => DEFAULT_DEVICE_TYPE_TOKEN,
   DEFAULT_ENERGY_GROUP_COLORS: () => DEFAULT_ENERGY_GROUP_COLORS,
   DEFAULT_EQUIPMENT_FILTER_STATE: () => DEFAULT_EQUIPMENT_FILTER_STATE,
   DEFAULT_EQUIPMENT_STATS: () => DEFAULT_EQUIPMENT_STATS,
@@ -649,6 +654,7 @@ __export(index_exports, {
   DEVICE_OPERATIONAL_CARD_GRID_STYLES: () => DEVICE_OPERATIONAL_CARD_GRID_STYLES,
   DEVICE_OPERATIONAL_CARD_STYLES: () => DEVICE_OPERATIONAL_CARD_STYLES,
   DEVICE_TYPES: () => DEVICE_TYPES2,
+  DEVICE_TYPE_CODE_TOKEN: () => DEVICE_TYPE_CODE_TOKEN,
   DEVICE_TYPE_CONFIG: () => DEVICE_TYPE_CONFIG,
   DEVICE_TYPE_DOMAIN: () => DEVICE_TYPE_DOMAIN,
   DEVICE_TYPE_PREFIX_MAP: () => DEVICE_TYPE_PREFIX_MAP,
@@ -812,13 +818,17 @@ __export(index_exports, {
   WATER_UNITS: () => WATER_UNITS,
   WELCOME_DEFAULT_PALETTE: () => DEFAULT_PALETTE,
   WaterSummaryTooltip: () => WaterSummaryTooltip,
+  addAlarmBadge: () => addAlarmBadge,
   addDetectionContext: () => addDetectionContext,
   addFreshdeskTicketNote: () => addTicketNote,
   addNamespace: () => addNamespace,
+  addTicketBadge: () => addTicketBadge,
   aggregateByDay: () => aggregateByDay,
   appendFreshdeskTicketToTB: () => appendFreshdeskTicketToTB,
+  applyCustomerCodeToAssetName: () => applyCustomerCodeToAssetName,
   applyDeviceGridFilters: () => applyFilters,
   archiveAlarmAnnotation: () => archiveAlarmAnnotation,
+  assetLocalToken: () => assetLocalToken,
   assignShoppingColors: () => assignShoppingColors,
   averageByDay: () => averageByDay,
   buildAmbienteGroupData: () => buildAmbienteGroupData,
@@ -850,7 +860,9 @@ __export(index_exports, {
   calculateShoppingDeviceCounts: () => calculateShoppingDeviceCounts,
   calculateShoppingDeviceStats: () => calculateShoppingDeviceStats,
   calculateStats: () => calculateStats,
+  canEditAlarmRules: () => canEditAlarmRules,
   canModifyAnnotation: () => canModifyAnnotation,
+  checkCustomerCodeAvailable: () => checkCustomerCodeAvailable,
   clampTemperature: () => clampTemperature,
   classify: () => classify,
   classifyEquipment: () => classifyEquipment,
@@ -932,12 +944,14 @@ __export(index_exports, {
   detectContext: () => detectContext,
   detectDeviceType: () => detectDeviceType,
   detectDomainAndContext: () => detectDomainAndContext,
+  detectHoldingUserAdmin: () => detectHoldingUserAdmin,
   detectSuperAdminHolding: () => detectSuperAdminHolding,
   detectSuperAdminMyio: () => detectSuperAdminMyio,
   determineInterval: () => determineInterval,
   deviceIconLabels: () => deviceIconLabels,
   deviceIcons: () => deviceIcons,
   deviceStatusIcons: () => deviceStatusIcons,
+  deviceTypeToken: () => deviceTypeToken,
   doSchedulesOverlap: () => doSchedulesOverlap,
   downloadAnnotationsTextFile: () => downloadTextFile,
   escapeAnnotationHtml: () => escapeHtml8,
@@ -987,6 +1001,9 @@ __export(index_exports, {
   formatWaterByGroup: () => formatWaterByGroup,
   formatWaterVolumeM3: () => formatWaterVolumeM3,
   formatarDuracao: () => formatarDuracao,
+  generateAssetCode: () => generateAssetCode,
+  generateCustomerCode: () => generateCustomerCode,
+  generateDeviceCode: () => generateDeviceCode,
   generateExportFilename: () => generateFilename,
   generateFilterModalStyles: () => generateFilterModalStyles,
   generateMercosulPlate: () => generateMercosulPlate,
@@ -999,6 +1016,7 @@ __export(index_exports, {
   getAlarmSeverityConfig: () => getSeverityConfig,
   getAlarmStateConfig: () => getStateConfig,
   getAnnotationPermissions: () => getAnnotationPermissions,
+  getAssetTypeConfig: () => getAssetTypeConfig,
   getAuthCacheStats: () => getAuthCacheStats,
   getAvailabilityColorFromThresholds: () => getAvailabilityColorFromThresholds,
   getAvailableContexts: () => getAvailableContexts,
@@ -1082,7 +1100,9 @@ __export(index_exports, {
   interpolateTemperature: () => interpolateTemperature,
   isAlarmActive: () => isAlarmActive,
   isAnnotationOverdue: () => isOverdue,
+  isAssetCode: () => isAssetCode,
   isConnectionStale: () => isConnectionStale,
+  isCustomerCode: () => isCustomerCode,
   isDeviceIconType: () => isDeviceIconType,
   isDeviceOffline: () => isDeviceOffline,
   isEndAfterStart: () => isEndAfterStart,
@@ -1146,9 +1166,12 @@ __export(index_exports, {
   parseInputDateToDate: () => parseInputDateToDate,
   parseLogAnnotations: () => parseLogAnnotations,
   periodKey: () => periodKey,
+  pickUniqueCustomerCode: () => pickUniqueCustomerCode,
   readFreshdeskTicketsFromTB: () => readFreshdeskTicketsFromTB,
   recalculateDeviceStatus: () => recalculateDeviceStatus,
   recomputeDeviceGridPercentages: () => recomputePercentages,
+  refreshAlarmBadges: () => refreshAlarmBadges,
+  refreshTicketBadges: () => refreshTicketBadges,
   removeAlarmsNotificationsPanelStyles: () => removeAlarmsNotificationsPanelStyles,
   removeBASDashboardStyles: () => removeBASDashboardStyles,
   removeDeviceOperationalCardGridStyles: () => removeDeviceOperationalCardGridStyles,
@@ -1190,6 +1213,7 @@ __export(index_exports, {
   schedShowNotificationModal: () => showNotificationModal,
   shouldFlashIcon: () => shouldFlashIcon,
   shouldVirtualizeAnnotationList: () => shouldVirtualize,
+  slugifyCustomerName: () => slugifyCustomerName,
   sortAnnotationGroups: () => sortGroups,
   sortDeviceGridDevices: () => sortDevices,
   strings: () => strings_exports,
@@ -1216,7 +1240,7 @@ module.exports = __toCommonJS(index_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.520",
+  version: "0.1.522",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -2511,7 +2535,10 @@ var DeviceIconType = {
   HIDROMETRO_AREA_COMUM: "HIDROMETRO_AREA_COMUM",
   HIDROMETRO_SHOPPING: "HIDROMETRO_SHOPPING",
   CAIXA_DAGUA: "CAIXA_DAGUA",
-  TERMOSTATO: "TERMOSTATO"
+  TERMOSTATO: "TERMOSTATO",
+  COMPRESSOR: "COMPRESSOR",
+  VENTILADOR: "VENTILADOR",
+  SOLENOIDE: "SOLENOIDE"
 };
 var deviceIcons = {
   ESCADA_ROLANTE: "https://dashboard.myio-bas.com/api/images/public/EJ997iB2HD1AYYUHwIloyQOOszeqb2jp",
@@ -2531,7 +2558,12 @@ var deviceIcons = {
   HIDROMETRO_AREA_COMUM: "https://dashboard.myio-bas.com/api/images/public/IbEhjsvixAxwKg1ntGGZc5xZwwvGKv2t",
   HIDROMETRO_SHOPPING: "https://dashboard.myio-bas.com/api/images/public/OIMmvN4ZTKYDvrpPGYY5agqMRoSaWNTI",
   CAIXA_DAGUA: "https://dashboard.myio-bas.com/api/images/public/3t6WVhMQJFsrKA8bSZmrngDsNPkZV7fq",
-  TERMOSTATO: "https://dashboard.myio-bas.com/api/images/public/rtCcq6kZZVCD7wgJywxEurRZwR8LA7Q7"
+  TERMOSTATO: "https://dashboard.myio-bas.com/api/images/public/rtCcq6kZZVCD7wgJywxEurRZwR8LA7Q7",
+  // COMPRESSOR shares FANCOIL art; VENTILADOR shares MOTOR/BOMBA art (single static icons, no on/off variation).
+  COMPRESSOR: "https://dashboard.myio-bas.com/api/images/public/4BWMuVIFHnsfqatiV86DmTrOB7IF0X8Y",
+  VENTILADOR: "https://dashboard.myio-bas.com/api/images/public/Rge8Q3t0CP5PW8XyTn9bBK9aVP6uzSTT",
+  // SOLENOIDE: single representative (on); dynamic on/off/offline lives in solenoid-control SOLENOID_IMAGES.
+  SOLENOIDE: "https://dashboard.myio-bas.com/api/images/public/Tnq47Vd1TxhhqhYoHvzS73WVh1X84fPa"
 };
 var deviceIconLabels = {
   ESCADA_ROLANTE: "Escada Rolante",
@@ -2551,7 +2583,10 @@ var deviceIconLabels = {
   HIDROMETRO_AREA_COMUM: "Hidr\xF4metro \xC1rea Comum",
   HIDROMETRO_SHOPPING: "Hidr\xF4metro Shopping",
   CAIXA_DAGUA: "Caixa d'\xC1gua",
-  TERMOSTATO: "Termostato"
+  TERMOSTATO: "Termostato",
+  COMPRESSOR: "Compressor",
+  VENTILADOR: "Ventilador",
+  SOLENOIDE: "Solenoide"
 };
 var DEFAULT_DEVICE_ICON = "https://dashboard.myio-bas.com/api/images/public/f9Ce4meybsdaAhAkUlAfy5ei3I4kcN4k";
 function getDeviceIcon(deviceType) {
@@ -2645,6 +2680,122 @@ var DEVICE_TYPE_PREFIX_MAP = {
 function getDeviceTypePrefix(deviceType) {
   return DEVICE_TYPE_PREFIX_MAP[deviceType || ""] || DEFAULT_DEVICE_TYPE_PREFIX;
 }
+var DEFAULT_DEVICE_TYPE_TOKEN = "DEV";
+var DEVICE_TYPE_CODE_TOKEN = {
+  "3F_MEDIDOR": "3F"
+};
+function deviceTypeToken(deviceType) {
+  const raw = String(deviceType || "").trim().toUpperCase();
+  if (!raw) return DEFAULT_DEVICE_TYPE_TOKEN;
+  if (DEVICE_TYPE_CODE_TOKEN[raw]) return DEVICE_TYPE_CODE_TOKEN[raw];
+  const sanitized = raw.replace(/[^A-Z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+  return sanitized || DEFAULT_DEVICE_TYPE_TOKEN;
+}
+function generateDeviceCode(deviceType) {
+  return `D-${deviceTypeToken(deviceType)}-${generateMercosulPlate()}-${generateMercosulPlate()}`;
+}
+
+// src/utils/customer.ts
+function generateCustomerCode() {
+  return `C-${generateMercosulPlate()}-${generateMercosulPlate()}`;
+}
+var CUSTOMER_CODE_RE = /^C-[ABCDEFGHJKLMNPQRSTUVWXYZ]{3}[2-9][ABCDEFGHJKLMNPQRSTUVWXYZ][2-9]{2}-[ABCDEFGHJKLMNPQRSTUVWXYZ]{3}[2-9][ABCDEFGHJKLMNPQRSTUVWXYZ][2-9]{2}$/;
+function isCustomerCode(code) {
+  return typeof code === "string" && CUSTOMER_CODE_RE.test(code);
+}
+var CUSTOMER_NAME_STOPWORDS = /* @__PURE__ */ new Set([
+  "de",
+  "da",
+  "do",
+  "dos",
+  "das",
+  "e",
+  "a",
+  "o",
+  "em",
+  "the",
+  "of",
+  "and",
+  "in"
+]);
+function slugifyCustomerName(name, stopwords = CUSTOMER_NAME_STOPWORDS) {
+  return (name || "").normalize("NFD").replace(/[̀-ͯ]/g, "").toUpperCase().split(/\s+/).filter((w) => w.length > 0 && !stopwords.has(w.toLowerCase())).map((w) => w.replace(/[^A-Z0-9]/g, "").slice(0, 5)).filter(Boolean).join("-");
+}
+function extractItems(json) {
+  const j = json;
+  if (!j || typeof j !== "object") return [];
+  const candidates = [
+    j.items,
+    j.data?.items,
+    j.data
+  ];
+  for (const c of candidates) {
+    if (Array.isArray(c)) return c;
+  }
+  return [];
+}
+async function checkCustomerCodeAvailable(code, cfg) {
+  const doFetch = cfg.fetch || fetch;
+  const base = cfg.baseUrl.replace(/\/+$/, "");
+  const url = `${base}/customers?search=${encodeURIComponent(code)}`;
+  const headers = { Accept: "application/json" };
+  if (cfg.token) headers.Authorization = `Bearer ${cfg.token}`;
+  const res = await doFetch(url, { headers, signal: cfg.signal });
+  if (!res.ok) {
+    throw new Error(`checkCustomerCodeAvailable: HTTP ${res.status}`);
+  }
+  const json = await res.json();
+  const items = extractItems(json);
+  return !items.some((it) => String(it.code) === code);
+}
+async function pickUniqueCustomerCode(cfg) {
+  const maxAttempts = cfg.maxAttempts ?? 256;
+  for (let i = 0; i < maxAttempts; i++) {
+    const code = generateCustomerCode();
+    if (await checkCustomerCodeAvailable(code, cfg)) return code;
+  }
+  throw new Error(
+    `pickUniqueCustomerCode: no available code after ${maxAttempts} attempts`
+  );
+}
+
+// src/utils/asset.ts
+function generateAssetCode() {
+  return `A-${generateMercosulPlate()}-${generateMercosulPlate()}`;
+}
+var ASSET_CODE_RE = /^A-[ABCDEFGHJKLMNPQRSTUVWXYZ]{3}[2-9][ABCDEFGHJKLMNPQRSTUVWXYZ][2-9]{2}-[ABCDEFGHJKLMNPQRSTUVWXYZ]{3}[2-9][ABCDEFGHJKLMNPQRSTUVWXYZ][2-9]{2}$/;
+function isAssetCode(code) {
+  return typeof code === "string" && ASSET_CODE_RE.test(code);
+}
+var ASSET_TYPE_CONFIG = {
+  LOCATION: { icon: "MapPin", color: "#3b82f6" },
+  BUILDING: { icon: "Building2", color: "#8b5cf6" },
+  FLOOR: { icon: "Layers", color: "#f59e0b" },
+  ROOM: { icon: "DoorOpen", color: "#10b981" },
+  EQUIPMENT: { icon: "Settings2", color: "#ef4444" },
+  OTHER: { icon: "Box", color: "#6b7280" }
+};
+function getAssetTypeConfig(type) {
+  const key = String(type || "").toUpperCase();
+  return ASSET_TYPE_CONFIG[key] ?? ASSET_TYPE_CONFIG.OTHER;
+}
+function applyCustomerCodeToAssetName(assetName, customerCode) {
+  const name = (assetName || "").trim();
+  const code = (customerCode || "").trim();
+  if (!code) return name;
+  if (name === code || name.startsWith(`${code} `)) return name;
+  return name ? `${code} ${name}` : code;
+}
+function assetLocalToken(assetName) {
+  const name = (assetName || "").trim();
+  const spaceIdx = name.indexOf(" ");
+  if (spaceIdx === -1) return name;
+  const head = name.slice(0, spaceIdx);
+  if (CUSTOMER_CODE_RE.test(head)) {
+    return name.slice(spaceIdx + 1).trim();
+  }
+  return name;
+}
 
 // src/utils/deviceItem.js
 var DomainType = {
@@ -4495,6 +4646,46 @@ async function detectSuperAdminHolding(customerId, jwtToken, tbBaseUrl) {
     return false;
   }
 }
+async function detectHoldingUserAdmin(jwtToken, tbBaseUrl) {
+  const jwt = jwtToken || localStorage.getItem("jwt_token");
+  if (!jwt) return false;
+  const base = tbBaseUrl || "";
+  const headers = {
+    "Content-Type": "application/json",
+    "X-Authorization": `Bearer ${jwt}`
+  };
+  try {
+    const userResp = await fetch(`${base}/api/auth/user`, { method: "GET", headers, credentials: "include" });
+    if (!userResp.ok) return false;
+    const user = await userResp.json();
+    const userId = user.id?.id || user.id;
+    if (!userId) return false;
+    const attrResp = await fetch(
+      `${base}/api/plugins/telemetry/USER/${userId}/values/attributes/SERVER_SCOPE`,
+      { method: "GET", headers, credentials: "include" }
+    );
+    if (!attrResp.ok) return false;
+    const attrs = await attrResp.json();
+    const truthy = (key) => {
+      const a = Array.isArray(attrs) ? attrs.find((x) => x.key === key) : null;
+      return a?.value === true || a?.value === "true";
+    };
+    const result = truthy("isHolding") && truthy("isUserAdmin");
+    console.log(`[SuperAdminUtils] detectHoldingUserAdmin: userId=${userId} -> ${result}`);
+    return result;
+  } catch (error) {
+    console.error("[SuperAdminUtils] detectHoldingUserAdmin error:", error);
+    return false;
+  }
+}
+async function canEditAlarmRules(jwtToken, tbBaseUrl) {
+  try {
+    if (await detectSuperAdminMyio(jwtToken, tbBaseUrl)) return true;
+    return await detectHoldingUserAdmin(jwtToken, tbBaseUrl);
+  } catch {
+    return false;
+  }
+}
 async function getAnnotationPermissions(customerId, jwtToken, tbBaseUrl) {
   const [currentUser, isSuperAdminMyio, isSuperAdminHolding] = await Promise.all([
     fetchCurrentUserInfo(jwtToken, tbBaseUrl),
@@ -21071,6 +21262,7 @@ var CardGridPanel = class {
       showTempRangeTooltip,
       enableActionSelector,
       actionSelectorOnCardClick,
+      onCardRendered,
       enableSelection,
       enableDragDrop,
       handleSelect
@@ -21142,6 +21334,13 @@ var CardGridPanel = class {
         }
         wrapper.appendChild(cardResult[0]);
         grid.appendChild(wrapper);
+        if (onCardRendered) {
+          try {
+            onCardRendered(item, cardResult[0]);
+          } catch (err) {
+            console.warn("[CardGridPanel] onCardRendered callback failed:", err);
+          }
+        }
       }
     });
   }
@@ -52834,7 +53033,7 @@ function formatAlarmRelativeTime(isoString) {
 // src/components/AlarmsNotificationsPanel/AlarmAnnotations.ts
 var _store = /* @__PURE__ */ new Map();
 async function _persistToDevice(tbConfig, alarmId) {
-  const { deviceId, tbBaseUrl, jwtToken, alarmType, alarmTitle } = tbConfig;
+  const { deviceId, tbBaseUrl, jwtToken, alarmType, alarmTitle: alarmTitle2 } = tbConfig;
   const base = tbBaseUrl.replace(/\/$/, "");
   const authHdr = { "X-Authorization": `Bearer ${jwtToken}` };
   let existing = {};
@@ -52856,7 +53055,7 @@ async function _persistToDevice(tbConfig, alarmId) {
   const alarmGroups = existing.alarmGroups ?? {};
   alarmGroups[alarmType] = {
     alarmType,
-    alarmTitle,
+    alarmTitle: alarmTitle2,
     lastUpdated: (/* @__PURE__ */ new Date()).toISOString(),
     annotations
   };
@@ -91040,6 +91239,178 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
   renderModal4(container, state6, modalId, t);
 }
 
+// src/components/card-badges/index.ts
+var ALARM_STYLES_ID = "myio-alarm-badge-styles";
+var TICKET_STYLES_ID = "myio-ticket-badge-styles";
+function injectAlarmBadgeStyles() {
+  if (document.getElementById(ALARM_STYLES_ID)) return;
+  const s = document.createElement("style");
+  s.id = ALARM_STYLES_ID;
+  s.textContent = `
+    .myio-alarm-badge {
+      position: absolute;
+      top: 6px;
+      left: 6px;
+      background: #dc2626;
+      color: #fff;
+      border-radius: 10px;
+      padding: 2px 5px;
+      font-size: 10px;
+      font-weight: 700;
+      display: flex;
+      align-items: center;
+      gap: 2px;
+      z-index: 10;
+      pointer-events: none;
+      line-height: 1.3;
+    }
+  `;
+  document.head.appendChild(s);
+}
+function injectTicketBadgeStyles() {
+  if (document.getElementById(TICKET_STYLES_ID)) return;
+  const s = document.createElement("style");
+  s.id = TICKET_STYLES_ID;
+  s.textContent = `
+    /* Mini clone of .tbx-btn-ticket-notif */
+    .myio-ticket-badge {
+      position: absolute;
+      bottom: 6px;
+      left: 6px;
+      width: 24px;
+      height: 24px;
+      background: rgba(8, 145, 178, 0.12);
+      color: #0891b2;
+      border: 1px solid rgba(8, 145, 178, 0.25);
+      border-radius: 6px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 10;
+      cursor: pointer;
+      transition: background 0.15s, border-color 0.15s;
+    }
+    .myio-ticket-badge:hover {
+      background: rgba(8, 145, 178, 0.22);
+      border-color: rgba(8, 145, 178, 0.45);
+    }
+    /* Count pill \u2014 clone of .tbx-ticket-badge */
+    .myio-ticket-badge-count {
+      position: absolute;
+      top: -5px;
+      right: -5px;
+      min-width: 14px;
+      height: 14px;
+      padding: 0 3px;
+      border-radius: 7px;
+      background: #0891b2;
+      color: #fff;
+      font-size: 9px;
+      font-weight: 700;
+      line-height: 14px;
+      text-align: center;
+      pointer-events: none;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+    }
+  `;
+  document.head.appendChild(s);
+}
+function defaultAlarmCount(gcdrDeviceId) {
+  const aso = window.AlarmServiceOrchestrator;
+  return aso?.getAlarmCountForDevice?.(gcdrDeviceId) ?? 0;
+}
+function alarmTitle(count) {
+  return `${count} alarme${count !== 1 ? "s" : ""} ativo${count !== 1 ? "s" : ""}`;
+}
+function ticketTitle(count) {
+  return count > 0 ? `${count} chamado${count !== 1 ? "s" : ""} aberto${count !== 1 ? "s" : ""}` : "Chamados";
+}
+function addAlarmBadge(cardElement, gcdrDeviceId, opts) {
+  if (!cardElement || !gcdrDeviceId) return;
+  if (cardElement.querySelector(`[data-alarm-device-id="${gcdrDeviceId}"]`)) return;
+  const count = (opts?.getCount ?? defaultAlarmCount)(gcdrDeviceId);
+  injectAlarmBadgeStyles();
+  if (cardElement.style) cardElement.style.position = "relative";
+  const badge = document.createElement("div");
+  badge.className = "myio-alarm-badge";
+  badge.setAttribute("data-alarm-device-id", gcdrDeviceId);
+  badge.style.display = count > 0 ? "" : "none";
+  badge.title = alarmTitle(count);
+  badge.innerHTML = `<svg viewBox="0 0 24 24" width="10" height="10" fill="currentColor" aria-hidden="true"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6V11c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg><span>${count > 99 ? "99+" : count}</span>`;
+  cardElement.appendChild(badge);
+}
+function refreshAlarmBadges(opts) {
+  const getCount = opts?.getCount ?? defaultAlarmCount;
+  document.querySelectorAll(".myio-alarm-badge[data-alarm-device-id]").forEach((badge) => {
+    const gcdrDeviceId = badge.getAttribute("data-alarm-device-id");
+    if (!gcdrDeviceId) return;
+    const count = getCount(gcdrDeviceId);
+    const span = badge.querySelector("span");
+    if (count > 0) {
+      badge.style.display = "";
+      badge.title = alarmTitle(count);
+      if (span) span.textContent = count > 99 ? "99+" : String(count);
+    } else {
+      badge.style.display = "none";
+    }
+  });
+}
+function addTicketBadge(cardElement, identifier, ticketsItemsRaw, opts) {
+  if (!cardElement || !identifier) return;
+  if (cardElement.querySelector(`[data-ticket-identifier="${identifier}"]`)) return;
+  const tso = window.TicketServiceOrchestrator;
+  let count = tso?.getTicketCountForDevice?.(identifier) ?? 0;
+  if (count === 0 && ticketsItemsRaw) {
+    try {
+      const parsed = typeof ticketsItemsRaw === "string" ? JSON.parse(ticketsItemsRaw) : ticketsItemsRaw;
+      const summaries = Array.isArray(parsed) ? parsed : parsed?.items ?? [];
+      count = summaries.filter(
+        (t) => [2, 3, 6].includes(t?.status)
+      ).length;
+    } catch {
+    }
+  }
+  injectTicketBadgeStyles();
+  if (cardElement.style) cardElement.style.position = "relative";
+  const gateOpen = opts?.gateOpen ?? window.MyIOUtils?.ticketsEnabled === true;
+  const badge = document.createElement("div");
+  badge.className = "myio-ticket-badge";
+  badge.setAttribute("data-ticket-identifier", identifier);
+  badge.style.display = count > 0 && gateOpen ? "" : "none";
+  badge.title = ticketTitle(count);
+  badge.innerHTML = '<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 18v-6a9 9 0 0 1 18 0v6"/><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3z"/><path d="M3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/></svg>' + (count > 0 ? `<span class="myio-ticket-badge-count">${count > 99 ? "99+" : count}</span>` : "");
+  cardElement.appendChild(badge);
+}
+function refreshTicketBadges(opts) {
+  const tso = window.TicketServiceOrchestrator;
+  if (!tso?.getTicketCountForDevice) return;
+  const gateOpen = opts?.gateOpen ?? window.MyIOUtils?.ticketsEnabled === true;
+  if (!gateOpen) {
+    document.querySelectorAll(".myio-ticket-badge").forEach((el2) => {
+      el2.style.display = "none";
+    });
+    return;
+  }
+  document.querySelectorAll(".myio-ticket-badge[data-ticket-identifier]").forEach((badge) => {
+    const identifier = badge.getAttribute("data-ticket-identifier");
+    if (!identifier) return;
+    const count = tso.getTicketCountForDevice(identifier);
+    if (count > 0) {
+      badge.style.display = "";
+      badge.title = ticketTitle(count);
+      let pill = badge.querySelector(".myio-ticket-badge-count");
+      if (!pill) {
+        pill = document.createElement("span");
+        pill.className = "myio-ticket-badge-count";
+        badge.appendChild(pill);
+      }
+      pill.textContent = count > 99 ? "99+" : String(count);
+    } else {
+      badge.style.display = "none";
+    }
+  });
+}
+
 // src/components/premium-modals/dialog/styles.ts
 var FONT_LINK_ID = "myio-dialog-font-nunito";
 var STYLE_ID3 = "myio-dialog-styles";
@@ -131397,6 +131768,7 @@ function injectOnOffDeviceModalStyles() {
       display: flex;
       flex-direction: row;
       width: 100%;
+      max-width: 100%;
       font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
       box-sizing: border-box;
       overflow: hidden;
@@ -131492,6 +131864,7 @@ function injectOnOffDeviceModalStyles() {
       padding: 12px 8px;
       overflow: hidden;
       box-sizing: border-box;
+      min-width: 0;
     }
 
     /* View container for chart/schedule toggle */
@@ -131866,10 +132239,12 @@ function injectOnOffDeviceModalStyles() {
     }
 
     .${ON_OFF_MODAL_CSS_PREFIX}__schedule-title {
-      font-size: 15px;
-      font-weight: 600;
+      font-size: 15px !important;
+      font-weight: 600 !important;
       color: var(--onoff-text-color, #1f2937);
-      margin: 0;
+      margin: 0 !important;
+      padding: 0 !important;
+      line-height: 1.3 !important;
     }
 
     .${ON_OFF_MODAL_CSS_PREFIX}__schedule-content {
@@ -132092,54 +132467,187 @@ function injectOnOffDeviceModalStyles() {
       color: var(--onoff-text-color, #f3f4f6);
     }
 
-    /* ===== Responsive ===== */
+    /* ===== Responsive: tablet / mobile \u2264768px ===== */
     @media (max-width: 768px) {
+      /* Ocultar solenoide e toolbar no modo agendamento */
+      .${ON_OFF_MODAL_CSS_PREFIX}[data-view="schedule"] .${ON_OFF_MODAL_CSS_PREFIX}__control-container {
+        display: none;
+      }
+
+      .${ON_OFF_MODAL_CSS_PREFIX}[data-view="schedule"] .${ON_OFF_MODAL_CSS_PREFIX}__toolbar {
+        display: none;
+      }
+
+      /* Root: layout em coluna, sem overflow */
       .${ON_OFF_MODAL_CSS_PREFIX} {
         flex-direction: column;
+        max-width: 100%;
+        overflow: hidden;
+        box-sizing: border-box;
       }
 
+      /* Left panel: row horizontal compacto */
       .${ON_OFF_MODAL_CSS_PREFIX}__left-panel {
         width: 100%;
         max-width: none;
+        min-width: 0;
         flex-direction: row;
+        align-items: center;
         border-right: none;
         border-bottom: 1px solid var(--onoff-border-color, #e5e7eb);
-        padding: 12px;
+        padding: 10px 12px;
+        gap: 10px;
+        box-sizing: border-box;
+        overflow: hidden;
       }
 
-      .${ON_OFF_MODAL_CSS_PREFIX}__control-container,
-      .${ON_OFF_MODAL_CSS_PREFIX}__schedule-btn-container {
+      /* Control container: expande, sem overflow */
+      .${ON_OFF_MODAL_CSS_PREFIX}__control-container {
         flex: 1;
+        min-width: 0;
+        overflow: hidden;
+      }
+
+      /* Bottom-buttons: separador vertical (border-left), coluna compacta */
+      .${ON_OFF_MODAL_CSS_PREFIX}__bottom-buttons {
+        flex-direction: column;
+        align-items: center;
+        border-top: none;
+        border-left: 1px solid var(--onoff-border-color, #e5e7eb);
+        padding-top: 0;
+        padding-left: 10px;
+        margin-top: 0;
+        gap: 6px;
+        flex-shrink: 0;
+      }
+
+      .${ON_OFF_MODAL_CSS_PREFIX}__schedule-btn-container {
+        flex: 0 0 auto;
       }
 
       .${ON_OFF_MODAL_CSS_PREFIX}__schedule-btn {
-        padding: 12px 16px;
+        padding: 8px 10px;
+        gap: 4px;
+        max-width: none;
       }
 
       .${ON_OFF_MODAL_CSS_PREFIX}__schedule-btn-icon {
-        font-size: 24px;
+        font-size: 20px;
+      }
+
+      .${ON_OFF_MODAL_CSS_PREFIX}__schedule-btn-label {
+        font-size: 11px;
       }
 
+      .${ON_OFF_MODAL_CSS_PREFIX}__refresh-btn {
+        padding: 5px 8px;
+        font-size: 11px;
+        margin-top: 0;
+      }
+
+      /* Right panel: full width, sem overflow */
+      .${ON_OFF_MODAL_CSS_PREFIX}__right-panel {
+        padding: 8px 6px;
+        overflow: hidden;
+        max-width: 100%;
+        min-width: 0;
+        box-sizing: border-box;
+      }
+
+      /* Toolbar: wrap, overflow hidden */
       .${ON_OFF_MODAL_CSS_PREFIX}__toolbar {
         flex-wrap: wrap;
+        gap: 4px;
+        padding: 6px 8px;
+        overflow: hidden;
+        box-sizing: border-box;
+      }
+
+      .${ON_OFF_MODAL_CSS_PREFIX}__toolbar-label {
+        font-size: 11px;
+        letter-spacing: 0;
+        flex-shrink: 0;
       }
 
+      /* min-width:0 \xE9 CR\xCDTICO para flex n\xE3o estourar */
       .${ON_OFF_MODAL_CSS_PREFIX}__date-input-wrapper {
+        flex: 1;
+        min-width: 0;
         max-width: none;
+        overflow: hidden;
       }
 
-      .${ON_OFF_MODAL_CSS_PREFIX}__refresh-btn {
-        padding: 5px 10px;
+      .${ON_OFF_MODAL_CSS_PREFIX}__date-input {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        font-size: 12px;
+      }
+
+      /* Export buttons: compactos mas vis\xEDveis */
+      .${ON_OFF_MODAL_CSS_PREFIX}__export-buttons {
+        flex-shrink: 0;
+        display: flex !important;
+        gap: 4px !important;
+        margin-left: 0 !important;
+      }
+
+      .${ON_OFF_MODAL_CSS_PREFIX}__export-btn {
+        padding: 4px 8px;
         font-size: 11px;
+        gap: 3px;
+        white-space: nowrap;
+        flex-shrink: 0;
       }
     }
 
-    .myio-onoff-modal__schedule-view {
-      max-height: 704px;
+    /* ===== Responsive: mobile pequeno \u2264480px ===== */
+    @media (max-width: 480px) {
+      /* PER\xCDODO label ocupa linha pr\xF3pria */
+      .${ON_OFF_MODAL_CSS_PREFIX}__toolbar-label {
+        width: 100%;
+        font-size: 10px;
+        margin-bottom: 0;
+      }
+
+      .${ON_OFF_MODAL_CSS_PREFIX}__date-input {
+        font-size: 11px;
+        padding: 5px 8px 5px 26px;
+      }
+
+      /* Export: sem \xEDcone SVG, s\xF3 texto */
+      .${ON_OFF_MODAL_CSS_PREFIX}__export-btn svg {
+        display: none;
+      }
+
+      .${ON_OFF_MODAL_CSS_PREFIX}__export-btn {
+        padding: 4px 10px;
+        min-width: 36px;
+      }
+
+      /* Schedule view: remove alturas fixas */
+      .${ON_OFF_MODAL_CSS_PREFIX}__schedule-view {
+        min-height: 0 !important;
+        max-height: none !important;
+      }
+
+      /* Schedule header e t\xEDtulo compactos */
+      .${ON_OFF_MODAL_CSS_PREFIX}__schedule-header {
+        padding: 6px 10px;
+        margin-bottom: 6px;
+      }
+
+      .${ON_OFF_MODAL_CSS_PREFIX}__schedule-title {
+        font-size: 13px !important;
+      }
     }
 
-    .myio-onoff-modal__schedule-view {
-      min-height: 435px;
+    /* Schedule view heights \u2014 apenas desktop (\u2265769px) */
+    @media (min-width: 769px) {
+      .${ON_OFF_MODAL_CSS_PREFIX}__schedule-view {
+        max-height: 704px;
+        min-height: 435px;
+      }
     }
   `;
   document.head.appendChild(style);
@@ -133459,6 +133967,7 @@ var OnOffDeviceModalView = class {
     injectOnOffDeviceModalStyles();
     this.root = document.createElement("div");
     this.root.className = this.getRootClassName();
+    this.root.dataset.view = this.state.currentView;
     this.render();
     this.container.appendChild(this.root);
     if (this.jwtToken) {
@@ -134173,6 +134682,7 @@ var OnOffDeviceModalView = class {
   toggleView() {
     const newView = this.state.currentView === "chart" ? "schedule" : "chart";
     this.state.currentView = newView;
+    this.root.dataset.view = newView;
     if (newView === "schedule") {
       if (this.chartView) {
         this.chartView.classList.add(`${ON_OFF_MODAL_CSS_PREFIX}__view-container--hidden`);
@@ -134495,6 +135005,29 @@ var OnOffDeviceModalController = class {
         background: #1f2937;
         color: #f3f4f6;
       }
+
+      /* ===== Mobile: remove min-height fixo e ajusta dimens\xF5es ===== */
+      @media (max-width: 768px) {
+        .${ON_OFF_MODAL_CSS_PREFIX}-content {
+          min-height: auto !important;
+          max-height: 92vh !important;
+          width: 98% !important;
+          border-radius: 8px !important;
+        }
+      }
+
+      @media (max-width: 480px) {
+        .${ON_OFF_MODAL_CSS_PREFIX}-overlay {
+          align-items: flex-end !important;
+          padding: 0 !important;
+        }
+        .${ON_OFF_MODAL_CSS_PREFIX}-content {
+          width: 100% !important;
+          max-height: 96dvh !important;
+          border-radius: 12px 12px 0 0 !important;
+          margin: 0 !important;
+        }
+      }
     `;
     document.head.appendChild(style);
   }
@@ -139716,6 +140249,9 @@ var STYLES3 = `
     margin-top: 8px; padding: 10px 12px;
     background: #f4fbf9; border: 1px solid #c3e6e2; border-radius: 8px;
     display: flex; flex-direction: column; gap: 10px;
+    /* O form \xE9 injetado dentro de .abm-rule-detail (flex-wrap row); sem isto
+       ele s\xF3 ocupava a largura do conte\xFAdo. For\xE7a ocupar a linha inteira. */
+    flex: 1 1 100%; width: 100%; box-sizing: border-box;
   }
   #${MODAL_ID3} .abm-ef-row {
     display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
@@ -146094,6 +146630,8 @@ var version = package_default.version || "0.0.0";
   ANNOTATION_TYPE_LABELS,
   ANNOTATION_TYPE_LABELS_EN,
   ANNOTATION_VIRTUAL_THRESHOLD,
+  ASSET_CODE_RE,
+  ASSET_TYPE_CONFIG,
   ActionButtonController,
   ActionButtonView,
   AlarmService,
@@ -146110,6 +146648,8 @@ var version = package_default.version || "0.0.0";
   CONSUMPTION_CHART_COLORS,
   CONSUMPTION_CHART_DEFAULTS,
   CONSUMPTION_THEME_COLORS,
+  CUSTOMER_CODE_RE,
+  CUSTOMER_NAME_STOPWORDS,
   CardGridPanel,
   CardGridTabsBuilder,
   ColumnSummaryTooltip,
@@ -146134,6 +146674,7 @@ var version = package_default.version || "0.0.0";
   DEFAULT_DEVICE_IMAGE,
   DEFAULT_DEVICE_OPERATIONAL_CARD_FILTER_STATE,
   DEFAULT_DEVICE_TYPE_PREFIX,
+  DEFAULT_DEVICE_TYPE_TOKEN,
   DEFAULT_ENERGY_GROUP_COLORS,
   DEFAULT_EQUIPMENT_FILTER_STATE,
   DEFAULT_EQUIPMENT_STATS,
@@ -146174,6 +146715,7 @@ var version = package_default.version || "0.0.0";
   DEVICE_OPERATIONAL_CARD_GRID_STYLES,
   DEVICE_OPERATIONAL_CARD_STYLES,
   DEVICE_TYPES,
+  DEVICE_TYPE_CODE_TOKEN,
   DEVICE_TYPE_CONFIG,
   DEVICE_TYPE_DOMAIN,
   DEVICE_TYPE_PREFIX_MAP,
@@ -146337,13 +146879,17 @@ var version = package_default.version || "0.0.0";
   WATER_UNITS,
   WELCOME_DEFAULT_PALETTE,
   WaterSummaryTooltip,
+  addAlarmBadge,
   addDetectionContext,
   addFreshdeskTicketNote,
   addNamespace,
+  addTicketBadge,
   aggregateByDay,
   appendFreshdeskTicketToTB,
+  applyCustomerCodeToAssetName,
   applyDeviceGridFilters,
   archiveAlarmAnnotation,
+  assetLocalToken,
   assignShoppingColors,
   averageByDay,
   buildAmbienteGroupData,
@@ -146375,7 +146921,9 @@ var version = package_default.version || "0.0.0";
   calculateShoppingDeviceCounts,
   calculateShoppingDeviceStats,
   calculateStats,
+  canEditAlarmRules,
   canModifyAnnotation,
+  checkCustomerCodeAvailable,
   clampTemperature,
   classify,
   classifyEquipment,
@@ -146457,12 +147005,14 @@ var version = package_default.version || "0.0.0";
   detectContext,
   detectDeviceType,
   detectDomainAndContext,
+  detectHoldingUserAdmin,
   detectSuperAdminHolding,
   detectSuperAdminMyio,
   determineInterval,
   deviceIconLabels,
   deviceIcons,
   deviceStatusIcons,
+  deviceTypeToken,
   doSchedulesOverlap,
   downloadAnnotationsTextFile,
   escapeAnnotationHtml,
@@ -146512,6 +147062,9 @@ var version = package_default.version || "0.0.0";
   formatWaterByGroup,
   formatWaterVolumeM3,
   formatarDuracao,
+  generateAssetCode,
+  generateCustomerCode,
+  generateDeviceCode,
   generateExportFilename,
   generateFilterModalStyles,
   generateMercosulPlate,
@@ -146524,6 +147077,7 @@ var version = package_default.version || "0.0.0";
   getAlarmSeverityConfig,
   getAlarmStateConfig,
   getAnnotationPermissions,
+  getAssetTypeConfig,
   getAuthCacheStats,
   getAvailabilityColorFromThresholds,
   getAvailableContexts,
@@ -146607,7 +147161,9 @@ var version = package_default.version || "0.0.0";
   interpolateTemperature,
   isAlarmActive,
   isAnnotationOverdue,
+  isAssetCode,
   isConnectionStale,
+  isCustomerCode,
   isDeviceIconType,
   isDeviceOffline,
   isEndAfterStart,
@@ -146671,9 +147227,12 @@ var version = package_default.version || "0.0.0";
   parseInputDateToDate,
   parseLogAnnotations,
   periodKey,
+  pickUniqueCustomerCode,
   readFreshdeskTicketsFromTB,
   recalculateDeviceStatus,
   recomputeDeviceGridPercentages,
+  refreshAlarmBadges,
+  refreshTicketBadges,
   removeAlarmsNotificationsPanelStyles,
   removeBASDashboardStyles,
   removeDeviceOperationalCardGridStyles,
@@ -146715,6 +147274,7 @@ var version = package_default.version || "0.0.0";
   schedShowNotificationModal,
   shouldFlashIcon,
   shouldVirtualizeAnnotationList,
+  slugifyCustomerName,
   sortAnnotationGroups,
   sortDeviceGridDevices,
   strings,