myio-js-library 0.1.539 → 0.1.540

package/dist/index.cjs

@@ -155,6 +155,7 @@ __export(src_exports, {
   DeviceOperationalCardGridController: () => DeviceOperationalCardGridController,
   DeviceOperationalCardGridView: () => DeviceOperationalCardGridView,
   DeviceOperationalCardView: () => DeviceOperationalCardView,
+  DeviceProfileTab: () => DeviceProfileTab,
   DeviceStatusType: () => DeviceStatusType,
   DomainType: () => DomainType,
   ENERGY_SORT_OPTIONS: () => ENERGY_SORT_OPTIONS,
@@ -890,7 +891,7 @@ module.exports = __toCommonJS(src_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.539",
+  version: "0.1.540",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -60308,6 +60309,517 @@ var ExclusionGroupsTab = class {
   }
 };
 
+// src/components/premium-modals/settings/device-profile/DeviceProfileTab.ts
+var TB_NULL_CUSTOMER_ID = "13814000-1dd2-11b2-8080-808080808080";
+var STYLES_ID3 = "dpt-styles";
+var EDITABLE_ATTRS = [
+  { key: "deviceProfile", label: "Device Profile" },
+  { key: "identifier", label: "Identifier" },
+  { key: "gcdrDeviceId", label: "GCDR Device ID" },
+  { key: "gcdrCustomerId", label: "GCDR Customer ID" },
+  { key: "gcdrAssetId", label: "GCDR Asset ID" }
+];
+var READONLY_ATTRS = [
+  { key: "deviceType", label: "Device Type" },
+  { key: "slaveId", label: "Slave ID" },
+  { key: "centralId", label: "Central ID" },
+  { key: "centralName", label: "Central" }
+];
+var DeviceProfileTab = class {
+  config;
+  entity = null;
+  attributes = [];
+  ownerName = null;
+  deviceProfileOptions = null;
+  customerOptions = null;
+  constructor(config2) {
+    this.config = config2;
+  }
+  async init() {
+    this.config.container.innerHTML = this.getLoadingHTML();
+    this.injectStyles();
+    await this.loadAll();
+    this.renderAndAttach();
+  }
+  destroy() {
+  }
+  // --------------------------------------------------------------------------
+  // Private — data
+  // --------------------------------------------------------------------------
+  headers(extra) {
+    return { "X-Authorization": `Bearer ${this.config.jwtToken}`, ...extra || {} };
+  }
+  async loadAll() {
+    const [entity, attributes] = await Promise.all([this.fetchEntity(), this.fetchAttributes()]);
+    this.entity = entity;
+    this.attributes = attributes;
+    const customerId = entity?.customerId?.id;
+    this.ownerName = customerId && customerId !== TB_NULL_CUSTOMER_ID ? await this.fetchCustomerName(customerId) : null;
+  }
+  async fetchEntity() {
+    try {
+      const { tbBaseUrl, deviceId } = this.config;
+      const res = await fetch(`${tbBaseUrl}/api/device/${deviceId}`, { headers: this.headers() });
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      return await res.json();
+    } catch (e) {
+      console.warn("[DeviceProfileTab] Failed to fetch device entity:", e);
+      return null;
+    }
+  }
+  async fetchAttributes() {
+    try {
+      const { tbBaseUrl, deviceId } = this.config;
+      const res = await fetch(
+        `${tbBaseUrl}/api/plugins/telemetry/DEVICE/${deviceId}/values/attributes/SERVER_SCOPE`,
+        { headers: this.headers() }
+      );
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      const raw = await res.json();
+      return Array.isArray(raw) ? raw : [];
+    } catch (e) {
+      console.warn("[DeviceProfileTab] Failed to fetch device attributes:", e);
+      return [];
+    }
+  }
+  async fetchCustomerName(customerId) {
+    try {
+      const res = await fetch(`${this.config.tbBaseUrl}/api/customer/${customerId}`, {
+        headers: this.headers()
+      });
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      const c = await res.json();
+      return c?.title || c?.name || null;
+    } catch (e) {
+      console.warn("[DeviceProfileTab] Failed to fetch customer name:", e);
+      return null;
+    }
+  }
+  async fetchDeviceProfileOptions() {
+    if (this.deviceProfileOptions) return this.deviceProfileOptions;
+    try {
+      const res = await fetch(`${this.config.tbBaseUrl}/api/deviceProfile/names?activeOnly=true`, {
+        headers: this.headers()
+      });
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      const raw = await res.json();
+      this.deviceProfileOptions = raw.map((p) => ({ id: p.id.id, name: p.name }));
+    } catch (e) {
+      console.warn("[DeviceProfileTab] Failed to fetch device profiles:", e);
+      this.deviceProfileOptions = [];
+    }
+    return this.deviceProfileOptions;
+  }
+  async fetchCustomerOptions() {
+    if (this.customerOptions) return this.customerOptions;
+    try {
+      const res = await fetch(
+        `${this.config.tbBaseUrl}/api/customers?pageSize=200&page=0&sortProperty=title&sortOrder=ASC`,
+        { headers: this.headers() }
+      );
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      const json = await res.json();
+      const data = json?.data || [];
+      this.customerOptions = data.map((c) => ({ id: c.id.id, title: c.title }));
+    } catch (e) {
+      console.warn("[DeviceProfileTab] Failed to fetch customers:", e);
+      this.customerOptions = [];
+    }
+    return this.customerOptions;
+  }
+  attrValue(key) {
+    return this.attributes.find((a) => a.key === key)?.value;
+  }
+  // --------------------------------------------------------------------------
+  // Private — writes (one call per field, mirroring openUpsellModal.ts 1:1)
+  // --------------------------------------------------------------------------
+  /** `POST .../attributes/SERVER_SCOPE` — same call as the bulk "Forçar Atributo" tool. */
+  async saveAttribute(key, value) {
+    const { tbBaseUrl, deviceId } = this.config;
+    const res = await fetch(`${tbBaseUrl}/api/plugins/telemetry/DEVICE/${deviceId}/attributes/SERVER_SCOPE`, {
+      method: "POST",
+      headers: this.headers({ "Content-Type": "application/json" }),
+      body: JSON.stringify({ [key]: value })
+    });
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    const idx = this.attributes.findIndex((a) => a.key === key);
+    if (idx >= 0) this.attributes[idx] = { key, value };
+    else this.attributes.push({ key, value });
+  }
+  /** Fetch → patch one field → `POST /api/device` (same pattern as saveEntityLabel/changeDeviceProfile). */
+  async saveEntityField(patch) {
+    const { tbBaseUrl, deviceId } = this.config;
+    const getRes = await fetch(`${tbBaseUrl}/api/device/${deviceId}`, { headers: this.headers() });
+    if (!getRes.ok) throw new Error(`HTTP ${getRes.status}`);
+    const device = await getRes.json();
+    const postRes = await fetch(`${tbBaseUrl}/api/device`, {
+      method: "POST",
+      headers: this.headers({ "Content-Type": "application/json" }),
+      body: JSON.stringify({ ...device, ...patch })
+    });
+    if (!postRes.ok) throw new Error(`HTTP ${postRes.status}`);
+    this.entity = { ...this.entity, ...patch };
+  }
+  /** `POST /api/owner/CUSTOMER/{id}/DEVICE/{id}` with CE fallback — same as changeDeviceOwner(). */
+  async saveOwner(newCustomerId) {
+    const { tbBaseUrl, deviceId } = this.config;
+    const peRes = await fetch(`${tbBaseUrl}/api/owner/CUSTOMER/${newCustomerId}/DEVICE/${deviceId}`, {
+      method: "POST",
+      headers: this.headers({ "Content-Type": "application/json" }),
+      body: JSON.stringify([])
+    });
+    if (!peRes.ok) {
+      if (peRes.status !== 404) throw new Error(`HTTP ${peRes.status}`);
+      const ceRes = await fetch(`${tbBaseUrl}/api/customer/${newCustomerId}/device/${deviceId}`, {
+        method: "POST",
+        headers: this.headers({ "Content-Type": "application/json" }),
+        body: JSON.stringify({})
+      });
+      if (!ceRes.ok) throw new Error(`HTTP ${ceRes.status}`);
+    }
+    this.entity = { ...this.entity, customerId: { id: newCustomerId, entityType: "CUSTOMER" } };
+    this.ownerName = await this.fetchCustomerName(newCustomerId);
+  }
+  /**
+   * Single-device "Sync Ingestion ID" — identical match algorithm to the bulk
+   * tool (customer's `ingestionId` attr → this device's centralId+slaveId →
+   * paged ingestion-API device list → match by gateway hardwareUuid+slaveId),
+   * scoped to one device. Reuses the same ingestion-API app credentials
+   * already shipped in openUpsellModal.ts (not a new secret).
+   */
+  async syncIngestionId() {
+    const INGESTION_AUTH_URL2 = "https://api.data.apps.myio-bas.com/api/v1/auth";
+    const INGESTION_API_BASE2 = "https://api.data.apps.myio-bas.com/api/v1";
+    const INGESTION_CLIENT_ID2 = "myioadmi_mekj7xw7_sccibe";
+    const INGESTION_CLIENT_SECRET2 = "KmXhNZu0uydeWZ8scAi43h7P2pntGoWkdzNVMSjbVj3slEsZ5hGVXyayshgJAoqA";
+    const centralId = this.attrValue("centralId");
+    const slaveId = this.attrValue("slaveId");
+    if (!centralId || slaveId === void 0 || slaveId === null || slaveId === "") {
+      return { ok: false, message: "Device sem centralId/slaveId \u2014 n\xE3o \xE9 poss\xEDvel localizar na Ingestion API." };
+    }
+    const customerId = this.entity?.customerId?.id;
+    if (!customerId || customerId === TB_NULL_CUSTOMER_ID) {
+      return { ok: false, message: "Device sem Owner (customer) \u2014 n\xE3o \xE9 poss\xEDvel resolver o customer da Ingestion API." };
+    }
+    const customerAttrs = await this.fetchCustomerAttrs(customerId);
+    const ingestionCustomerId = customerAttrs.find((a) => a.key === "ingestionId")?.value;
+    if (!ingestionCustomerId) {
+      return { ok: false, message: "Customer n\xE3o tem atributo ingestionId configurado no ThingsBoard." };
+    }
+    const authRes = await fetch(INGESTION_AUTH_URL2, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ client_id: INGESTION_CLIENT_ID2, client_secret: INGESTION_CLIENT_SECRET2 })
+    });
+    if (!authRes.ok) throw new Error(`Ingestion auth HTTP ${authRes.status}`);
+    const authJson = await authRes.json();
+    const token = authJson?.access_token;
+    if (!token) throw new Error("Ingestion auth: access_token ausente na resposta.");
+    const slaveIdNum = typeof slaveId === "string" ? parseInt(slaveId, 10) : slaveId;
+    let page = 1;
+    let match = null;
+    for (; page <= 50 && !match; page++) {
+      const res = await fetch(
+        `${INGESTION_API_BASE2}/management/devices?page=${page}&limit=100&customerId=${encodeURIComponent(
+          ingestionCustomerId
+        )}&includeInactive=false&sortBy=name&sortOrder=asc`,
+        { headers: { Authorization: `Bearer ${token}` } }
+      );
+      if (!res.ok) throw new Error(`Ingestion devices HTTP ${res.status}`);
+      const json = await res.json();
+      const list = json?.data || [];
+      for (const d of list) {
+        const gwId = d.gateway?.hardwareUuid || d.gatewayId || d.gateway?.id;
+        if (gwId === centralId && d.slaveId === slaveIdNum) {
+          match = { id: d.id };
+          break;
+        }
+      }
+      const totalPages = json?.pagination?.pages || 1;
+      if (page >= totalPages) break;
+    }
+    if (!match) {
+      return { ok: false, message: `Nenhum device na Ingestion API com centralId=${centralId} e slaveId=${slaveIdNum}.` };
+    }
+    await this.saveAttribute("ingestionId", match.id);
+    return { ok: true, message: `ingestionId atualizado: ${match.id}` };
+  }
+  async fetchCustomerAttrs(customerId) {
+    const res = await fetch(
+      `${this.config.tbBaseUrl}/api/plugins/telemetry/CUSTOMER/${customerId}/values/attributes/SERVER_SCOPE`,
+      { headers: this.headers() }
+    );
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    const raw = await res.json();
+    return Array.isArray(raw) ? raw : [];
+  }
+  // --------------------------------------------------------------------------
+  // Private — render
+  // --------------------------------------------------------------------------
+  esc(s) {
+    return s.replace(
+      /[&<>"']/g,
+      (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]
+    );
+  }
+  displayText(value) {
+    if (value === void 0 || value === null || value === "") return "\u2014";
+    if (typeof value === "object") {
+      try {
+        return JSON.stringify(value);
+      } catch {
+        return String(value);
+      }
+    }
+    return String(value);
+  }
+  formatDate(ts) {
+    if (!ts) return "\u2014";
+    try {
+      return new Date(ts).toLocaleString("pt-BR");
+    } catch {
+      return String(ts);
+    }
+  }
+  getLoadingHTML() {
+    return `
+      <div style="padding: 20px; text-align: center; color: #6c757d;">
+        <div class="loading-spinner"></div>
+        <p>Carregando perfil do dispositivo...</p>
+      </div>`;
+  }
+  /** One editable/read-only key-value row. `kind` picks the edit widget. */
+  renderRow(field, label, value, kind) {
+    const text2 = this.esc(this.displayText(value));
+    if (kind === "readonly") {
+      return `
+        <div class="dpt-row" data-field="${this.esc(field)}">
+          <span class="dpt-label">${this.esc(label)}</span>
+          <span class="dpt-value">${text2}</span>
+        </div>`;
+    }
+    const syncBtn = kind === "ingestion" ? `<button type="button" class="dpt-icon-btn" data-action="sync-ingestion" title="Buscar ingestionId na Ingestion API">\u{1F504}</button>` : "";
+    return `
+      <div class="dpt-row dpt-row--editable" data-field="${this.esc(field)}" data-kind="${kind}">
+        <span class="dpt-label">${this.esc(label)}</span>
+        <span class="dpt-value-wrap">
+          <span class="dpt-value" data-view>${text2}</span>
+          ${syncBtn}
+          <button type="button" class="dpt-icon-btn" data-action="edit" title="Editar">\u270F\uFE0F</button>
+        </span>
+      </div>`;
+  }
+  renderTab() {
+    const e = this.entity;
+    const ownerId = e?.customerId?.id;
+    const ownerDisplay = ownerId && ownerId !== TB_NULL_CUSTOMER_ID ? this.ownerName || ownerId : "\u2014 (sem customer)";
+    const highlightedRows = [
+      this.renderRow("type", "Type (TB)", e?.type, "entity-profile"),
+      this.renderRow("label", "Label", e?.label, "entity-label"),
+      this.renderRow("owner", "Owner", ownerDisplay, "owner")
+    ].join("");
+    const editableAttrRows = EDITABLE_ATTRS.map(
+      ({ key, label }) => key === "ingestionId" ? "" : this.renderRow(key, label, this.attrValue(key), "attr-text")
+    ).join("");
+    const ingestionRow = this.renderRow("ingestionId", "Ingestion ID", this.attrValue("ingestionId"), "ingestion");
+    const readonlyRows = READONLY_ATTRS.map(
+      ({ key, label }) => this.renderRow(key, label, this.attrValue(key), "readonly")
+    ).join("");
+    const highlightedKeys = /* @__PURE__ */ new Set([...EDITABLE_ATTRS.map((a) => a.key), ...READONLY_ATTRS.map((a) => a.key)]);
+    const otherAttrs = this.attributes.filter((a) => !highlightedKeys.has(a.key)).sort((a, b) => a.key.localeCompare(b.key));
+    const otherRows = otherAttrs.length ? otherAttrs.map((a) => this.renderRow(a.key, a.key, a.value, "readonly")).join("") : `<div class="dpt-empty">Nenhum outro atributo SERVER_SCOPE.</div>`;
+    return `
+      <div class="dpt-tab">
+        <div class="dpt-notice">\u{1F512} Aba vis\xEDvel apenas para administradores MyIO \u2014 altera dados direto no ThingsBoard.</div>
+
+        <div class="dpt-section">
+          <div class="dpt-section-title">Identifica\xE7\xE3o (ThingsBoard)</div>
+          <div class="dpt-card">
+            ${highlightedRows}
+            <div class="dpt-row"><span class="dpt-label">Nome</span><span class="dpt-value">${this.esc(this.displayText(e?.name))}</span></div>
+            <div class="dpt-row"><span class="dpt-label">Device Profile (TB)</span><span class="dpt-value">${this.esc(this.displayText(e?.deviceProfileName))}</span></div>
+            <div class="dpt-row"><span class="dpt-label">ID</span><span class="dpt-value dpt-mono">${this.esc(this.displayText(e?.id?.id || this.config.deviceId))}</span></div>
+            <div class="dpt-row"><span class="dpt-label">Criado em</span><span class="dpt-value">${this.formatDate(e?.createdTime)}</span></div>
+          </div>
+        </div>
+
+        <div class="dpt-section">
+          <div class="dpt-section-title">Classifica\xE7\xE3o (atributos da aplica\xE7\xE3o)</div>
+          <div class="dpt-card">
+            ${editableAttrRows}
+            ${ingestionRow}
+            ${readonlyRows}
+          </div>
+        </div>
+
+        <div class="dpt-section">
+          <div class="dpt-section-title">Todos os atributos SERVER_SCOPE (${this.attributes.length})</div>
+          <div class="dpt-card dpt-card--scroll">
+            ${otherRows}
+          </div>
+        </div>
+      </div>`;
+  }
+  renderAndAttach() {
+    this.config.container.innerHTML = this.renderTab();
+    this.attachListeners();
+  }
+  // --------------------------------------------------------------------------
+  // Private — interaction
+  // --------------------------------------------------------------------------
+  attachListeners() {
+    const root = this.config.container;
+    root.addEventListener("click", (ev) => this.onClick(ev));
+  }
+  async onClick(ev) {
+    const target = ev.target;
+    const btn = target.closest("button[data-action]");
+    if (!btn) return;
+    const row = btn.closest(".dpt-row");
+    if (!row) return;
+    const field = row.dataset.field || "";
+    const kind = row.dataset.kind || "";
+    const action = btn.dataset.action;
+    if (action === "sync-ingestion") {
+      await this.handleSyncIngestion(row, btn);
+      return;
+    }
+    if (action === "edit") {
+      await this.beginEdit(row, field, kind);
+      return;
+    }
+    if (action === "save") {
+      await this.commitEdit(row, field, kind);
+      return;
+    }
+    if (action === "cancel") {
+      this.renderAndAttach();
+    }
+  }
+  async handleSyncIngestion(row, btn) {
+    btn.disabled = true;
+    const original = btn.textContent;
+    btn.textContent = "\u23F3";
+    try {
+      const result = await this.syncIngestionId();
+      if (result.ok) {
+        this.renderAndAttach();
+      } else {
+        alert(result.message);
+      }
+    } catch (e) {
+      alert("Erro ao sincronizar ingestionId: " + (e instanceof Error ? e.message : String(e)));
+    } finally {
+      btn.disabled = false;
+      btn.textContent = original;
+    }
+  }
+  async beginEdit(row, field, kind) {
+    const wrap = row.querySelector(".dpt-value-wrap");
+    if (!wrap) return;
+    if (kind === "entity-profile") {
+      const options = await this.fetchDeviceProfileOptions();
+      const currentId = this.entity?.deviceProfileId?.id || "";
+      wrap.innerHTML = this.editorHtml(
+        `<select class="dpt-input" data-edit>
+          ${options.map((o) => `<option value="${this.esc(o.id)}" ${o.id === currentId ? "selected" : ""}>${this.esc(o.name)}</option>`).join("")}
+        </select>`
+      );
+    } else if (kind === "owner") {
+      const options = await this.fetchCustomerOptions();
+      const currentId = this.entity?.customerId?.id || "";
+      wrap.innerHTML = this.editorHtml(
+        `<select class="dpt-input" data-edit>
+          <option value="">\u2014 selecione \u2014</option>
+          ${options.map((o) => `<option value="${this.esc(o.id)}" ${o.id === currentId ? "selected" : ""}>${this.esc(o.title)}</option>`).join("")}
+        </select>`
+      );
+    } else {
+      const currentValue = kind === "entity-label" ? this.entity?.label || "" : this.attrValue(field) || "";
+      wrap.innerHTML = this.editorHtml(
+        `<input class="dpt-input" data-edit type="text" value="${this.esc(String(currentValue))}" />`
+      );
+      const input = wrap.querySelector("input[data-edit]");
+      input?.focus();
+      input?.select();
+    }
+  }
+  editorHtml(inputHtml) {
+    return `
+      ${inputHtml}
+      <button type="button" class="dpt-icon-btn" data-action="save" title="Salvar">\u2714\uFE0F</button>
+      <button type="button" class="dpt-icon-btn" data-action="cancel" title="Cancelar">\u2716\uFE0F</button>
+    `;
+  }
+  async commitEdit(row, field, kind) {
+    const editEl = row.querySelector("[data-edit]");
+    if (!editEl) return;
+    const value = editEl.value.trim();
+    const saveBtn = row.querySelector('button[data-action="save"]');
+    if (saveBtn) saveBtn.disabled = true;
+    try {
+      if (kind === "entity-label") {
+        await this.saveEntityField({ label: value });
+      } else if (kind === "entity-profile") {
+        if (!value) throw new Error("Selecione um Device Profile.");
+        await this.saveEntityField({ deviceProfileId: { id: value, entityType: "DEVICE_PROFILE" } });
+      } else if (kind === "owner") {
+        if (!value) throw new Error("Selecione um Owner.");
+        await this.saveOwner(value);
+      } else {
+        await this.saveAttribute(field, value);
+      }
+      this.renderAndAttach();
+    } catch (e) {
+      alert("Erro ao salvar: " + (e instanceof Error ? e.message : String(e)));
+    } finally {
+      if (saveBtn) saveBtn.disabled = false;
+    }
+  }
+  injectStyles() {
+    if (document.getElementById(STYLES_ID3)) return;
+    const style = document.createElement("style");
+    style.id = STYLES_ID3;
+    style.textContent = `
+      .dpt-tab { padding: 4px 2px 20px; }
+      .dpt-notice {
+        background: #fef3c7; border: 1px solid #f59e0b; color: #92400e;
+        border-radius: 8px; padding: 8px 12px; font-size: 12px; margin-bottom: 16px;
+      }
+      .dpt-section { margin-bottom: 20px; }
+      .dpt-section-title {
+        font-size: 12px; font-weight: 700; text-transform: uppercase;
+        letter-spacing: 0.6px; color: #6b7280; margin-bottom: 8px;
+      }
+      .dpt-card {
+        background: #fff; border: 1px solid #e5e7eb; border-radius: 10px;
+        padding: 4px 16px;
+      }
+      .dpt-card--scroll { max-height: 280px; overflow-y: auto; }
+      .dpt-row {
+        display: flex; align-items: center; justify-content: space-between;
+        gap: 12px; padding: 9px 0; border-bottom: 1px solid #f1f5f9;
+      }
+      .dpt-row:last-child { border-bottom: none; }
+      .dpt-label { font-size: 12px; color: #6b7280; font-weight: 600; white-space: nowrap; }
+      .dpt-value { font-size: 13px; color: #111827; text-align: right; word-break: break-word; }
+      .dpt-value-wrap { display: flex; align-items: center; gap: 6px; }
+      .dpt-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
+      .dpt-empty { padding: 16px 0; text-align: center; color: #9ca3af; font-size: 13px; }
+      .dpt-icon-btn {
+        border: none; background: transparent; cursor: pointer; font-size: 13px;
+        padding: 2px 4px; border-radius: 6px; line-height: 1;
+      }
+      .dpt-icon-btn:hover { background: #f3f4f6; }
+      .dpt-input {
+        font-size: 12px; padding: 4px 6px; border: 1px solid #d1d5db; border-radius: 6px;
+        max-width: 220px;
+      }
+    `;
+    document.head.appendChild(style);
+  }
+};
+
 // src/services/freshdesk/FreshdeskClient.ts
 var FreshdeskClient_exports = {};
 __export(FreshdeskClient_exports, {
@@ -61891,6 +62403,7 @@ var SettingsModalView = class _SettingsModalView {
   chamadosTabHandle = null;
   // Exclusão de Grupos tab
   exclusionGroupsTab = null;
+  deviceProfileTab = null;
   currentTab = "general";
   currentUser = null;
   permissions = null;
@@ -61969,6 +62482,7 @@ var SettingsModalView = class _SettingsModalView {
     this.initAlarmsTab();
     this.initChamadosTab();
     this.initExclusionGroupsTab();
+    this.initDeviceProfileTab();
     if (this.config.isGateway && this.isSuperAdmin()) {
       this.bindIncidentsTabEvents();
       this.initIncidentsDateRange();
@@ -62184,6 +62698,44 @@ var SettingsModalView = class _SettingsModalView {
       container.innerHTML = '<p style="color:#dc3545;padding:20px;text-align:center;">Erro ao carregar configura\xE7\xF5es de exclus\xE3o</p>';
     }
   }
+  // Perfil de Dispositivo: ThingsBoard identity + SERVER_SCOPE attribute dump,
+  // with inline edit/force for the fields support needs to fix — MyIO admins
+  // only (writes ThingsBoard entity/attributes/owner directly).
+  async initDeviceProfileTab() {
+    if (!this.isSuperAdmin()) {
+      this.modal.querySelector('[data-tab="device-profile"]')?.remove();
+      return;
+    }
+    const container = this.modal.querySelector("#device-profile-tab-content");
+    if (!container) return;
+    const { deviceId, jwtToken, tbBaseUrl } = this.config;
+    if (!deviceId || !jwtToken) {
+      container.innerHTML = `
+        <div style="display:flex;flex-direction:column;align-items:center;justify-content:center;
+                    min-height:320px;padding:40px 24px;text-align:center;">
+          <div style="font-size:15px;font-weight:600;color:#374151;margin-bottom:8px;">
+            Perfil de dispositivo n\xE3o dispon\xEDvel
+          </div>
+          <div style="font-size:13px;color:#9ca3af;max-width:320px;line-height:1.6;">
+            deviceId ou jwtToken n\xE3o dispon\xEDveis para carregar os atributos.
+          </div>
+        </div>`;
+      return;
+    }
+    try {
+      this.deviceProfileTab = new DeviceProfileTab({
+        container,
+        deviceId,
+        jwtToken,
+        tbBaseUrl: tbBaseUrl ?? window.location.origin
+      });
+      await this.deviceProfileTab.init();
+      console.log("[SettingsModalView] DeviceProfileTab initialized");
+    } catch (error) {
+      console.error("[SettingsModalView] Failed to initialize DeviceProfileTab:", error);
+      container.innerHTML = '<p style="color:#dc3545;padding:20px;text-align:center;">Erro ao carregar perfil do dispositivo</p>';
+    }
+  }
   // RFC-0104 / RFC-0180 / RFC-0198: Switch between tabs
   switchTab(tab) {
     this.currentTab = tab;
@@ -62196,11 +62748,13 @@ var SettingsModalView = class _SettingsModalView {
     const alarmsContent = this.modal.querySelector("#alarms-tab-content");
     const chamadosContent = this.modal.querySelector("#chamados-tab-content");
     const exclusionGroupsContent = this.modal.querySelector("#exclusion-groups-tab-content");
+    const deviceProfileContent = this.modal.querySelector("#device-profile-tab-content");
     const incidentsContent = this.modal.querySelector("#incidents-tab-content");
     if (generalContent) generalContent.style.display = tab === "general" ? "block" : "none";
     if (annotationsContent) annotationsContent.style.display = tab === "annotations" ? "block" : "none";
     if (alarmsContent) alarmsContent.style.display = tab === "alarms" ? "block" : "none";
     if (chamadosContent) chamadosContent.style.display = tab === "chamados" ? "block" : "none";
+    if (deviceProfileContent) deviceProfileContent.style.display = tab === "device-profile" ? "block" : "none";
     if (exclusionGroupsContent) exclusionGroupsContent.style.display = tab === "exclusion-groups" ? "block" : "none";
     if (incidentsContent) incidentsContent.style.display = tab === "incidents" ? "block" : "none";
     const saveBtn = this.modal.querySelector(".btn-save");
@@ -62227,6 +62781,10 @@ var SettingsModalView = class _SettingsModalView {
       this.exclusionGroupsTab.destroy();
       this.exclusionGroupsTab = null;
     }
+    if (this.deviceProfileTab) {
+      this.deviceProfileTab.destroy();
+      this.deviceProfileTab = null;
+    }
     if (this.incidentsDateRangeController) {
       this.incidentsDateRangeController.destroy();
       this.incidentsDateRangeController = null;
@@ -62397,6 +62955,15 @@ var SettingsModalView = class _SettingsModalView {
               Excluir Grupos
               <span class="modal-tab-badge modal-tab-badge--exclusion" id="tab-badge-exclusion-groups" style="display:none"></span>
             </button>
+            <!-- Perfil de Dispositivo Tab \u2014 MyIO admins only (edits ThingsBoard directly) -->
+            ${this.isSuperAdmin() ? `<button type="button" class="modal-tab" data-tab="device-profile">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <rect x="3" y="3" width="18" height="18" rx="2"></rect>
+                <line x1="3" y1="9" x2="21" y2="9"></line>
+                <line x1="9" y1="21" x2="9" y2="9"></line>
+              </svg>
+              Perfil de Dispositivo
+            </button>` : ""}
             <!-- RFC-0232: Incidentes (interpola\xE7\xE3o) \u2014 central + admin MyIO only -->
             ${this.config.isGateway && this.isSuperAdmin() ? `<button type="button" class="modal-tab" data-tab="incidents">
                 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -62444,6 +63011,13 @@ var SettingsModalView = class _SettingsModalView {
                 <p>Carregando configura\xE7\xF5es de exclus\xE3o...</p>
               </div>
             </div>
+            <!-- Perfil de Dispositivo Tab Content -->
+            <div id="device-profile-tab-content" class="tab-content" style="display: none;">
+              <div style="padding: 20px; text-align: center; color: #6c757d;">
+                <div class="loading-spinner"></div>
+                <p>Carregando perfil do dispositivo...</p>
+              </div>
+            </div>
             <!-- RFC-0232: Incidentes (interpola\xE7\xE3o) Tab Content \u2014 central + admin MyIO only.
                  Rendered synchronously (data comes pre-fetched via config.interpolatedSlots,
                  same as getGatewayInfoHTML() \u2014 no async loading state needed here). -->
@@ -162494,7 +163068,7 @@ var VirtualList = class {
 
 // src/components/header-annotations-panel/ExportModal.ts
 var MODAL_DOM_ID = "myio-annotations-export-modal";
-var STYLES_ID3 = "myio-annotations-export-modal-styles";
+var STYLES_ID4 = "myio-annotations-export-modal-styles";
 var STYLES4 = `
 .${MODAL_DOM_ID}-backdrop {
   position: fixed; inset: 0; z-index: 99999;
@@ -162571,9 +163145,9 @@ var STYLES4 = `
 `;
 function injectStyles22() {
   if (typeof document === "undefined") return;
-  if (document.getElementById(STYLES_ID3)) return;
+  if (document.getElementById(STYLES_ID4)) return;
   const el2 = document.createElement("style");
-  el2.id = STYLES_ID3;
+  el2.id = STYLES_ID4;
   el2.textContent = STYLES4;
   document.head.appendChild(el2);
 }
@@ -165806,6 +166380,7 @@ var version = package_default.version || "0.0.0";
   DeviceOperationalCardGridController,
   DeviceOperationalCardGridView,
   DeviceOperationalCardView,
+  DeviceProfileTab,
   DeviceStatusType,
   DomainType,
   ENERGY_SORT_OPTIONS,