myio-js-library 0.1.508 → 0.1.510

package/dist/index.cjs

@@ -563,9 +563,12 @@ __export(index_exports, {
   ALARM_STATE_CONFIG: () => STATE_CONFIG,
   AMBIENTE_GROUP_CSS_PREFIX: () => AMBIENTE_GROUP_CSS_PREFIX,
   AMBIENTE_MODAL_CSS_PREFIX: () => AMBIENTE_MODAL_CSS_PREFIX,
+  ANNOTATION_CSV_COLUMNS: () => CSV_COLUMNS,
+  ANNOTATION_SORT_OPTIONS: () => SORT_OPTIONS,
   ANNOTATION_TYPE_COLORS: () => ANNOTATION_TYPE_COLORS,
   ANNOTATION_TYPE_LABELS: () => ANNOTATION_TYPE_LABELS,
   ANNOTATION_TYPE_LABELS_EN: () => ANNOTATION_TYPE_LABELS_EN,
+  ANNOTATION_VIRTUAL_THRESHOLD: () => VIRTUAL_SCROLL_THRESHOLD,
   ActionButtonController: () => ActionButtonController,
   ActionButtonView: () => ActionButtonView,
   AlarmService: () => AlarmService,
@@ -588,6 +591,7 @@ __export(index_exports, {
   ContractSummaryTooltip: () => ContractSummaryTooltip,
   CustomerCardV1: () => CustomerCardV1,
   CustomerCardV2: () => CustomerCardV2,
+  CustomerDeviceService: () => CustomerDeviceService,
   DAY_LABELS: () => DAY_LABELS,
   DAY_LABELS_FULL: () => DAY_LABELS_FULL,
   DECIMAL_OPTIONS: () => DECIMAL_OPTIONS,
@@ -595,6 +599,7 @@ __export(index_exports, {
   DEFAULT_ALARM_FILTERS: () => DEFAULT_ALARM_FILTERS,
   DEFAULT_ALARM_FILTER_TABS: () => DEFAULT_ALARM_FILTER_TABS,
   DEFAULT_ALARM_STATS: () => DEFAULT_ALARM_STATS,
+  DEFAULT_ANNOTATION_SORT: () => DEFAULT_SORT,
   DEFAULT_BAS_SETTINGS: () => DEFAULT_BAS_SETTINGS,
   DEFAULT_CLAMP_RANGE: () => DEFAULT_CLAMP_RANGE,
   DEFAULT_DASHBOARD_KPIS: () => DEFAULT_DASHBOARD_KPIS,
@@ -692,6 +697,7 @@ __export(index_exports, {
   HEADER_STYLE_DEFAULT: () => HEADER_STYLE_DEFAULT,
   HEADER_STYLE_PREMIUM_GREEN: () => HEADER_STYLE_PREMIUM_GREEN,
   HEADER_STYLE_SLIM: () => HEADER_STYLE_SLIM,
+  HeaderAnnotationsPanel: () => HeaderAnnotationsPanel,
   HeaderDevicesGridController: () => HeaderDevicesGridController,
   HeaderDevicesGridView: () => HeaderDevicesGridView,
   HeaderFilterModal: () => HeaderFilterModal,
@@ -790,6 +796,7 @@ __export(index_exports, {
   TempRangeTooltip: () => TempRangeTooltip,
   TempSensorSummaryTooltip: () => TempSensorSummaryTooltip,
   UsersSummaryTooltip: () => UsersSummaryTooltip,
+  VirtualList: () => VirtualList,
   WAITING_STATUSES: () => WAITING_STATUSES,
   WATER_DEVICE_CATEGORIES: () => WATER_DEVICE_CATEGORIES,
   WATER_SORT_OPTIONS: () => WATER_SORT_OPTIONS,
@@ -806,6 +813,9 @@ __export(index_exports, {
   assignShoppingColors: () => assignShoppingColors,
   averageByDay: () => averageByDay,
   buildAmbienteGroupData: () => buildAmbienteGroupData,
+  buildAnnotationServiceOrchestrator: () => buildAnnotationServiceOrchestrator,
+  buildAnnotationsCsv: () => buildAnnotationsCsv,
+  buildAnnotationsExportFilename: () => buildExportFilename,
   buildDeviceGridEntityObject: () => buildEntityObject,
   buildEquipmentCategoryDataForTooltip: () => buildEquipmentCategoryDataForTooltip,
   buildEquipmentCategorySummary: () => buildEquipmentCategorySummary,
@@ -840,6 +850,7 @@ __export(index_exports, {
   classifyWaterLabels: () => classifyWaterLabels,
   clearAllAuthCaches: () => clearAllAuthCaches,
   clearFreshdeskTicketsOnTB: () => clearFreshdeskTicketsOnTB,
+  closeAnnotationsExportModal: () => closeExportModal,
   connectionStatusIcons: () => connectionStatusIcons,
   createActionButton: () => createActionButton,
   createAlarmCardElement: () => createAlarmCardElement,
@@ -856,6 +867,7 @@ __export(index_exports, {
   createCustomerCardV2: () => createCustomerCardV2,
   createDateRangePicker: () => createDateRangePicker2,
   createDaysGrid: () => createDaysGrid,
+  createDefaultAnnotationFilter: () => createDefaultFilter,
   createDeviceGridBusyModal: () => createBusyModal,
   createDeviceGridState: () => createState,
   createDeviceGridV6: () => createDeviceGridV6,
@@ -904,6 +916,7 @@ __export(index_exports, {
   createToggleSwitch: () => createToggleSwitch,
   createWaterPanelComponent: () => createWaterPanelComponent,
   createWidgetController: () => createWidgetController,
+  csvEscapeAnnotation: () => csvEscape,
   decodePayload: () => decodePayload,
   decodePayloadBase64Xor: () => decodePayloadBase64Xor,
   deleteFreshdeskTicket: () => deleteTicket,
@@ -915,6 +928,10 @@ __export(index_exports, {
   determineInterval: () => determineInterval,
   deviceStatusIcons: () => deviceStatusIcons,
   doSchedulesOverlap: () => doSchedulesOverlap,
+  downloadAnnotationsTextFile: () => downloadTextFile,
+  escapeAnnotationHtml: () => escapeHtml6,
+  exportAnnotationsCsv: () => exportAnnotationsCsv,
+  exportAnnotationsPdf: () => exportAnnotationsPdf,
   exportGridCsv: () => exportGridCsv,
   exportGridPdf: () => exportGridPdf,
   exportGridXls: () => exportGridXls,
@@ -939,6 +956,7 @@ __export(index_exports, {
   formatAlarmRelativeTime: () => formatAlarmRelativeTime,
   formatAllInSameUnit: () => formatAllInSameUnit,
   formatAllInSameWaterUnit: () => formatAllInSameWaterUnit,
+  formatAnnotationRelativeTime: () => formatRelative,
   formatDashboardPercentage: () => formatPercentage4,
   formatDateForInput: () => formatDateForInput,
   formatDateToYMD: () => formatDateToYMD,
@@ -987,6 +1005,7 @@ __export(index_exports, {
   getFirstDayOfMonthFor: () => getFirstDayOfMonthFor,
   getGroupColor: () => getGroupColor,
   getHashColor: () => getHashColor,
+  getHeaderAnnotationsPanel: () => getHeaderAnnotationsPanel,
   getImageByConsumption: () => getImageByConsumption,
   getLastDayOfMonth: () => getLastDayOfMonth,
   getModalHeaderStyles: () => getModalHeaderStyles,
@@ -1010,6 +1029,7 @@ __export(index_exports, {
   groupByDay: () => groupByDay,
   handleDeviceType: () => handleDeviceType,
   hasSelectedDays: () => hasSelectedDays,
+  highlightAnnotationMatches: () => highlightMatches,
   initMyIOAuthContext: () => initMyIOAuthContext,
   initOnOffTimelineTooltips: () => initOnOffTimelineTooltips,
   injectActionButtonStyles: () => injectActionButtonStyles,
@@ -1023,6 +1043,7 @@ __export(index_exports, {
   injectDeviceOperationalCardGridStyles: () => injectDeviceOperationalCardGridStyles,
   injectDeviceOperationalCardStyles: () => injectDeviceOperationalCardStyles,
   injectFancoilRemoteStyles: () => injectFancoilRemoteStyles,
+  injectHeaderAnnotationsStyles: () => injectStylesOnce,
   injectHeaderDevicesGridStyles: () => injectHeaderDevicesGridStyles,
   injectHeaderShoppingStyles: () => injectHeaderShoppingStyles,
   injectMenuShoppingStyles: () => injectMenuShoppingStyles,
@@ -1041,6 +1062,7 @@ __export(index_exports, {
   injectSwitchControlStyles: () => injectSwitchControlStyles,
   interpolateTemperature: () => interpolateTemperature,
   isAlarmActive: () => isAlarmActive,
+  isAnnotationOverdue: () => isOverdue,
   isConnectionStale: () => isConnectionStale,
   isDeviceOffline: () => isDeviceOffline,
   isEndAfterStart: () => isEndAfterStart,
@@ -1063,6 +1085,7 @@ __export(index_exports, {
   mapDeviceStatusToCardStatus: () => mapDeviceStatusToCardStatus,
   mapDeviceToConnectionStatus: () => mapDeviceToConnectionStatus,
   myioExportData: () => myioExportData,
+  nfdNormalizeAnnotationSearch: () => nfdNormalize,
   normalizeConnectionStatus: () => normalizeConnectionStatus,
   normalizeRecipients: () => normalizeRecipients,
   numbers: () => numbers_exports,
@@ -1071,6 +1094,7 @@ __export(index_exports, {
   openAlarmDetailsModal: () => openAlarmDetailsModal,
   openAmbienteDetailModal: () => openAmbienteDetailModal,
   openAmbienteGroupModal: () => openAmbienteGroupModal,
+  openAnnotationsExportModal: () => openExportModal,
   openContractDevicesModal: () => openContractDevicesModal,
   openDashboardPopup: () => openDashboardPopup,
   openDashboardPopupAllReport: () => openDashboardPopupAllReport,
@@ -1097,6 +1121,7 @@ __export(index_exports, {
   openUserManagementModal: () => openUserManagementModal,
   openWelcomeModal: () => openWelcomeModal,
   parseInputDateToDate: () => parseInputDateToDate,
+  parseLogAnnotations: () => parseLogAnnotations,
   periodKey: () => periodKey,
   readFreshdeskTicketsFromTB: () => readFreshdeskTicketsFromTB,
   recalculateDeviceStatus: () => recalculateDeviceStatus,
@@ -1110,6 +1135,7 @@ __export(index_exports, {
   removeOperationalHeaderDevicesGridStyles: () => removeOperationalHeaderDevicesGridStyles,
   removeSchedulingSharedStyles: () => removeSchedulingSharedStyles,
   renderAlarmCard: () => renderAlarmCard,
+  renderAnnotationItemCard: () => renderAnnotationItemCard,
   renderCardAmbienteV6: () => renderCardAmbienteV6,
   renderCardComponent: () => renderCardComponent,
   renderCardComponentEnhanced: () => renderCardComponent2,
@@ -1140,6 +1166,8 @@ __export(index_exports, {
   schedShowConfirmModal: () => showConfirmModal,
   schedShowNotificationModal: () => showNotificationModal,
   shouldFlashIcon: () => shouldFlashIcon,
+  shouldVirtualizeAnnotationList: () => shouldVirtualize,
+  sortAnnotationGroups: () => sortGroups,
   sortDeviceGridDevices: () => sortDevices,
   strings: () => strings_exports,
   telemetryInfoFormatEnergy: () => formatEnergy2,
@@ -1151,6 +1179,7 @@ __export(index_exports, {
   toCSV: () => toCSV,
   toFixedSafe: () => toFixedSafe,
   toFreshdeskTicketSummary: () => toSummary,
+  truncateAnnotationText: () => truncate2,
   updateDeviceGridStats: () => updateStats,
   updateFreshdeskTicket: () => updateTicket,
   upsertAlarmAnnotation: () => upsertAlarmAnnotation,
@@ -1164,7 +1193,7 @@ module.exports = __toCommonJS(index_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.508",
+  version: "0.1.510",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -16574,16 +16603,18 @@ function hideWithAnimation3() {
 }
 function positionTooltip3(container, triggerElement) {
   const rect = triggerElement.getBoundingClientRect();
+  const margin = 12;
+  const vw = window.innerWidth;
+  const vh = window.innerHeight;
+  const cw = container.offsetWidth || 450;
+  const ch = container.offsetHeight || 420;
   let left = rect.left;
+  if (left + cw > vw - margin) left = vw - cw - margin;
+  if (left < margin) left = margin;
   let top = rect.bottom + 8;
-  const tooltipWidth = 380;
-  if (left + tooltipWidth > window.innerWidth - 20) {
-    left = window.innerWidth - tooltipWidth - 20;
-  }
-  if (left < 10) left = 10;
-  if (top + 400 > window.innerHeight) {
-    top = rect.top - 8 - 400;
-    if (top < 10) top = 10;
+  if (top + ch > vh - margin) {
+    const above = rect.top - 8 - ch;
+    top = above >= margin ? above : Math.max(margin, vh - ch - margin);
   }
   container.style.left = left + "px";
   container.style.top = top + "px";
@@ -49868,6 +49899,11 @@ var AnnotationsTab = class {
         return false;
       }
       this.onAnnotationChange?.(this.annotations);
+      window.dispatchEvent(
+        new CustomEvent("myio:annotation-changed", {
+          detail: { deviceId: this.deviceId, action: "save", timestamp: Date.now() }
+        })
+      );
       return true;
     } catch (error) {
       console.error("[AnnotationsTab] Error saving annotations:", error);
@@ -66462,7 +66498,7 @@ async function createInputDateRangePickerInsideDIV(params) {
     placeholder = "Clique para selecionar per\xEDodo",
     pickerOptions = {},
     classNames = {},
-    injectStyles: injectStyles15 = true,
+    injectStyles: injectStyles16 = true,
     showHelper = true
   } = params;
   validateId(containerId, "containerId");
@@ -66471,7 +66507,7 @@ async function createInputDateRangePickerInsideDIV(params) {
   if (!container) {
     throw new Error(`[createInputDateRangePickerInsideDIV] Container '#${containerId}' not found`);
   }
-  if (injectStyles15) {
+  if (injectStyles16) {
     injectPremiumStyles();
   }
   let inputEl = document.getElementById(inputId);
@@ -66670,7 +66706,7 @@ function openGoalsPanel(params) {
     modal.setAttribute("aria-labelledby", "goals-modal-title");
     modal.innerHTML = generateModalHTML();
     document.body.appendChild(modal);
-    injectStyles15();
+    injectStyles16();
     attachEventListeners();
     trapFocus(modal);
     renderTabContent();
@@ -67432,7 +67468,7 @@ function openGoalsPanel(params) {
       maximumFractionDigits: 2
     }).format(value);
   }
-  function injectStyles15() {
+  function injectStyles16() {
     const styleId = "myio-goals-panel-styles";
     if (document.getElementById(styleId)) return;
     const style = document.createElement("style");
@@ -80626,7 +80662,7 @@ function createConsumptionChartWidget(config) {
       </div>
     `;
   }
-  function injectStyles15() {
+  function injectStyles16() {
     if (styleElement) return;
     styleElement = document.createElement("style");
     styleElement.id = `${widgetId}-styles`;
@@ -81120,7 +81156,7 @@ function createConsumptionChartWidget(config) {
         console.error(`[ConsumptionWidget] Container #${config.containerId} not found`);
         return;
       }
-      injectStyles15();
+      injectStyles16();
       containerElement.innerHTML = renderHTML();
       setupListeners();
       setLoading(true);
@@ -120215,7 +120251,7 @@ var AlarmsNotificationsPanelView = class {
     const weightSum = colWeights.reduce((s, w) => s + w, 0);
     const colWidths = colWeights.map((w) => w / weightSum * TABLE_W);
     const colX = (ci) => MARGIN + colWidths.slice(0, ci).reduce((s, w) => s + w, 0);
-    const truncate2 = (s, max) => s.length > max ? s.slice(0, max - 1) + "\u2026" : s;
+    const truncate3 = (s, max) => s.length > max ? s.slice(0, max - 1) + "\u2026" : s;
     const drawHeader2 = (pageNo2) => {
       doc.setFillColor(62, 26, 125);
       doc.rect(0, 0, PW, HDR_H, "F");
@@ -120257,7 +120293,7 @@ var AlarmsNotificationsPanelView = class {
       cells.forEach((cell, ci) => {
         const x = colX(ci) + 1.5;
         const maxChars = Math.floor(colWidths[ci] / 1.8);
-        doc.text(truncate2(String(cell ?? ""), maxChars), x, y + ROW_H / 2 + 2.2);
+        doc.text(truncate3(String(cell ?? ""), maxChars), x, y + ROW_H / 2 + 2.2);
       });
       doc.setDrawColor(230, 228, 240);
       doc.setLineWidth(0.1);
@@ -141943,6 +141979,2543 @@ function _buildMap(tickets) {
   return map;
 }
 
+// src/services/annotations/CustomerDeviceService.ts
+var CustomerDeviceService = class {
+  customerId;
+  tbHost;
+  jwt;
+  pageSize;
+  concurrency;
+  chunkDelayMs;
+  maxRetries;
+  logger;
+  constructor(cfg) {
+    this.customerId = cfg.customerId;
+    this.tbHost = cfg.tbHost.replace(/\/+$/, "");
+    this.jwt = cfg.jwt;
+    this.pageSize = cfg.pageSize ?? 1e3;
+    this.concurrency = cfg.concurrency ?? 5;
+    this.chunkDelayMs = cfg.chunkDelayMs ?? 50;
+    this.maxRetries = cfg.maxRetries ?? 3;
+    const raw = cfg.logger ?? console;
+    const noop = () => {
+    };
+    const log = raw.log || noop;
+    this.logger = {
+      debug: raw.debug || log,
+      info: raw.info || log,
+      warn: raw.warn || log,
+      error: raw.error || log
+    };
+  }
+  get headers() {
+    return {
+      "Content-Type": "application/json",
+      "X-Authorization": `Bearer ${this.jwt}`
+    };
+  }
+  /**
+   * Fetches ALL devices of the customer using TB's paginated `deviceInfos`
+   * endpoint. Hard limit: 10 pages (i.e. 10× pageSize devices) — beyond that
+   * we log a warning and stop, to protect the dashboard from runaway fetches.
+   *
+   * AC-9
+   */
+  async fetchAllCustomerDevices() {
+    const HARD_PAGE_CAP = 10;
+    const out = [];
+    for (let page = 0; page < HARD_PAGE_CAP; page++) {
+      const url = `${this.tbHost}/api/customer/${encodeURIComponent(this.customerId)}/deviceInfos?pageSize=${this.pageSize}&page=${page}`;
+      const data = await this._requestJson(url);
+      const flat = (data?.data ?? []).map(this._flatten);
+      out.push(...flat);
+      if (!data?.hasNext) break;
+      if (page === HARD_PAGE_CAP - 1) {
+        this.logger.warn(
+          `[CustomerDeviceService] hit hard page cap of ${HARD_PAGE_CAP} for customer ${this.customerId}; some devices may be missing.`
+        );
+      }
+    }
+    this.logger.debug(
+      `[CustomerDeviceService] fetched ${out.length} devices for customer ${this.customerId}`
+    );
+    return out;
+  }
+  /**
+   * Fetches SERVER_SCOPE attributes for a batch of devices. Splits into chunks
+   * of `concurrency` (default 5), sequenced with a 50ms delay between chunks.
+   * Returns a Map<deviceId, Record<key, value>> of attribute values.
+   *
+   * Failures per device are logged and skipped — the rest still returns.
+   *
+   * AC-10
+   */
+  async fetchAttributesBatch(deviceIds, keys) {
+    const result = /* @__PURE__ */ new Map();
+    if (deviceIds.length === 0 || keys.length === 0) return result;
+    const keysParam = keys.map(encodeURIComponent).join(",");
+    for (let i = 0; i < deviceIds.length; i += this.concurrency) {
+      const slice = deviceIds.slice(i, i + this.concurrency);
+      const settled = await Promise.allSettled(
+        slice.map(
+          (deviceId) => this._fetchAttributesForDevice(deviceId, keysParam).then(
+            (attrs) => ({ deviceId, attrs })
+          )
+        )
+      );
+      for (const r of settled) {
+        if (r.status === "fulfilled") {
+          result.set(r.value.deviceId, r.value.attrs);
+        } else {
+          this.logger.warn(
+            "[CustomerDeviceService] attribute fetch failed for one device:",
+            r.reason
+          );
+        }
+      }
+      if (i + this.concurrency < deviceIds.length) {
+        await _sleep(this.chunkDelayMs);
+      }
+    }
+    return result;
+  }
+  // ── Internals ────────────────────────────────────────────────────────────
+  _flatten(d) {
+    const id = typeof d.id === "object" && d.id?.id ? d.id.id : String(d.id ?? "");
+    return {
+      id,
+      name: d.name ?? "",
+      label: d.label ?? d.name ?? "",
+      deviceType: d.type ?? d.deviceProfileName ?? ""
+    };
+  }
+  async _fetchAttributesForDevice(deviceId, keysParam) {
+    const url = `${this.tbHost}/api/plugins/telemetry/DEVICE/${encodeURIComponent(deviceId)}/values/attributes/SERVER_SCOPE?keys=${keysParam}`;
+    const list = await this._requestJson(url);
+    const flat = {};
+    for (const kv of list ?? []) {
+      if (kv && typeof kv.key === "string") flat[kv.key] = kv.value;
+    }
+    return flat;
+  }
+  async _requestJson(url) {
+    let attempt = 0;
+    while (true) {
+      try {
+        const res = await fetch(url, { method: "GET", headers: this.headers });
+        if (res.status === 429 || res.status >= 500) {
+          if (attempt < this.maxRetries) {
+            const backoffMs = Math.pow(2, attempt) * 1e3;
+            this.logger.warn(
+              `[CustomerDeviceService] ${res.status} on ${url} \u2014 retry ${attempt + 1}/${this.maxRetries} in ${backoffMs}ms`
+            );
+            attempt++;
+            await _sleep(backoffMs);
+            continue;
+          }
+        }
+        if (!res.ok) {
+          throw new Error(`HTTP ${res.status} on ${url}`);
+        }
+        return await res.json();
+      } catch (err) {
+        if (attempt < this.maxRetries && _isNetworkError(err)) {
+          const backoffMs = Math.pow(2, attempt) * 1e3;
+          this.logger.warn(
+            `[CustomerDeviceService] network error on ${url} \u2014 retry ${attempt + 1}/${this.maxRetries} in ${backoffMs}ms`
+          );
+          attempt++;
+          await _sleep(backoffMs);
+          continue;
+        }
+        throw err;
+      }
+    }
+  }
+};
+function _sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+function _isNetworkError(err) {
+  if (!err || typeof err !== "object") return false;
+  const name = err.name ?? "";
+  const message = String(err.message ?? "").toLowerCase();
+  return name === "TypeError" || message.includes("network") || message.includes("failed to fetch");
+}
+
+// src/services/annotations/parseLogAnnotations.ts
+function parseLogAnnotations(raw, ctx, logger = console) {
+  if (raw == null || raw === "") return [];
+  let value = raw;
+  if (typeof value === "string") {
+    try {
+      value = JSON.parse(value);
+    } catch (err) {
+      logger.warn(
+        `[parseLogAnnotations] JSON parse failed${ctx ? ` (${ctx})` : ""}:`,
+        err?.message ?? err
+      );
+      return [];
+    }
+  }
+  if (Array.isArray(value)) {
+    return _filterArray(value, ctx, logger);
+  }
+  if (value !== null && typeof value === "object") {
+    const obj = value;
+    if (Array.isArray(obj.annotations)) {
+      return _filterArray(obj.annotations, ctx, logger);
+    }
+  }
+  logger.warn(
+    `[parseLogAnnotations] Unknown shape${ctx ? ` (${ctx})` : ""}; expected array, object{annotations}, or JSON string. Got:`,
+    typeof value
+  );
+  return [];
+}
+function _filterArray(arr, ctx, logger) {
+  const kept = [];
+  let dropped = 0;
+  for (const item of arr) {
+    if (item !== null && typeof item === "object" && typeof item.id === "string" && typeof item.text === "string" && typeof item.type === "string" && typeof item.status === "string") {
+      kept.push(item);
+    } else {
+      dropped++;
+    }
+  }
+  if (dropped > 0) {
+    logger.warn(
+      `[parseLogAnnotations] dropped ${dropped} malformed entries${ctx ? ` (${ctx})` : ""}`
+    );
+  }
+  return kept;
+}
+
+// src/services/annotations/AnnotationServiceOrchestrator.ts
+var DOMAIN_ICONS2 = {
+  energy: "\u26A1",
+  water: "\u{1F4A7}",
+  temperature: "\u{1F321}\uFE0F",
+  unknown: "\xB7"
+};
+var DOMAIN_LABELS2 = {
+  energy: "Energia",
+  water: "\xC1gua",
+  temperature: "Temperatura",
+  unknown: "Indeterminado"
+};
+var BUCKET_NO_IDENTIFIER = "Sem Identificador";
+function _normalizeLogger(raw) {
+  const noop = () => {
+  };
+  const log = raw && raw.log || noop;
+  return {
+    debug: raw?.debug || log,
+    info: raw?.info || log,
+    warn: raw?.warn || log,
+    error: raw?.error || log
+  };
+}
+async function buildAnnotationServiceOrchestrator(params) {
+  const logger = _normalizeLogger(params.logger ?? console);
+  const cacheTtlMs = params.cacheTtlMs ?? 6e4;
+  const client = new CustomerDeviceService({
+    customerId: params.customerId,
+    tbHost: params.tbHost,
+    jwt: params.jwt,
+    logger
+  });
+  const state6 = {
+    devices: [],
+    byIdentifier: /* @__PURE__ */ new Map(),
+    byDeviceId: /* @__PURE__ */ new Map(),
+    byDomain: /* @__PURE__ */ new Map(),
+    fetchedAt: 0,
+    stale: false
+  };
+  async function _fetchAndIndex() {
+    const t0 = Date.now();
+    const flatDevices = await client.fetchAllCustomerDevices();
+    const deviceIds = flatDevices.map((d) => d.id);
+    const attrs = await client.fetchAttributesBatch(deviceIds, [
+      "log_annotations",
+      "identifier"
+    ]);
+    const annotated = flatDevices.map((d) => {
+      const a = attrs.get(d.id) ?? {};
+      const rawAnnotations = a["log_annotations"];
+      const identifierRaw = a["identifier"];
+      return {
+        deviceId: d.id,
+        name: d.name,
+        label: d.label,
+        identifier: typeof identifierRaw === "string" && identifierRaw.length > 0 ? identifierRaw : null,
+        domain: _classifyDomain(d.deviceType),
+        deviceType: d.deviceType,
+        annotations: parseLogAnnotations(rawAnnotations, d.id, logger)
+      };
+    });
+    state6.devices = annotated;
+    state6.byIdentifier = _indexByIdentifier(annotated);
+    state6.byDeviceId = _indexByDeviceId(annotated);
+    state6.byDomain = _indexByDomain(annotated);
+    state6.fetchedAt = Date.now();
+    state6.stale = false;
+    const durationMs = state6.fetchedAt - t0;
+    logger.debug(
+      `[AnnotationServiceOrchestrator] built \u2014 ${annotated.length} devices, ${_totalAnnotations(annotated)} annotations, ${durationMs}ms`
+    );
+  }
+  await _fetchAndIndex();
+  if (typeof window !== "undefined") {
+    window.addEventListener("myio:annotation-changed", (ev) => {
+      logger.debug(
+        "[AnnotationServiceOrchestrator] myio:annotation-changed received:",
+        ev.detail
+      );
+      state6.stale = true;
+      orchestrator.refresh().catch((err) => {
+        logger.warn("[AnnotationServiceOrchestrator] refresh after annotation-changed failed:", err);
+      });
+    });
+  }
+  const orchestrator = {
+    get devices() {
+      return state6.devices;
+    },
+    get byIdentifier() {
+      return state6.byIdentifier;
+    },
+    get byDeviceId() {
+      return state6.byDeviceId;
+    },
+    get byDomain() {
+      return state6.byDomain;
+    },
+    get fetchedAt() {
+      return state6.fetchedAt;
+    },
+    // Queries
+    getAll: () => state6.devices.slice(),
+    getByIdentifier: (identifier) => state6.byIdentifier.get(identifier)?.slice() ?? [],
+    getByDevice: (deviceId) => state6.byDeviceId.get(deviceId) ?? null,
+    getByDomain: (domain) => state6.byDomain.get(domain)?.slice() ?? [],
+    getGroups: (groupBy, filter) => _buildGroups(state6, groupBy, filter),
+    // Counts
+    getTotalCount: () => _countNonArchived(state6.devices),
+    getPendingCount: () => _countWhere(state6.devices, (a) => a.status !== "archived" && a.type === "pending"),
+    getOverdueCount: () => _countWhere(state6.devices, (a) => a.status !== "archived" && _isOverdue(a)),
+    // Lifecycle — AC-13
+    refresh: async () => {
+      await _fetchAndIndex();
+      if (typeof window !== "undefined") {
+        window.dispatchEvent(
+          new CustomEvent("myio:annotations-refreshed", {
+            detail: {
+              totalCount: _countNonArchived(state6.devices),
+              durationMs: 0
+              // already logged inside _fetchAndIndex
+            }
+          })
+        );
+      }
+    },
+    // AC-12 helper — TTL-based staleness
+    invalidate: () => {
+      state6.stale = true;
+      state6.fetchedAt = Math.min(state6.fetchedAt, Date.now() - cacheTtlMs - 1);
+    }
+  };
+  return orchestrator;
+}
+function _indexByIdentifier(devices) {
+  const map = /* @__PURE__ */ new Map();
+  for (const d of devices) {
+    const key = d.identifier;
+    const arr = map.get(key);
+    if (arr) arr.push(d);
+    else map.set(key, [d]);
+  }
+  return map;
+}
+function _indexByDeviceId(devices) {
+  const map = /* @__PURE__ */ new Map();
+  for (const d of devices) map.set(d.deviceId, d);
+  return map;
+}
+function _indexByDomain(devices) {
+  const map = /* @__PURE__ */ new Map();
+  for (const d of devices) {
+    const arr = map.get(d.domain);
+    if (arr) arr.push(d);
+    else map.set(d.domain, [d]);
+  }
+  return map;
+}
+function _classifyDomain(deviceType) {
+  const t = (deviceType || "").toUpperCase();
+  if (!t) return "unknown";
+  if (t.includes("HIDROMETRO") || t.includes("CAIXA_DAGUA") || t === "TANK") return "water";
+  if (t.includes("TERMOSTATO") || t.includes("TEMP")) return "temperature";
+  if (t.includes("3F_MEDIDOR") || t.includes("ENTRADA") || t.includes("RELOGIO") || t.includes("TRAFO") || t.includes("SUBESTACAO") || t.includes("MEDIDOR") || t.includes("CHILLER") || t.includes("FANCOIL") || t.includes("HVAC") || t.includes("AR_CONDICIONADO") || t.includes("BOMBA") || t.includes("ELEVADOR") || t.includes("ESCADA")) {
+    return "energy";
+  }
+  return "unknown";
+}
+function _buildGroups(state6, groupBy, filter) {
+  const filtered = state6.devices.map((d) => _applyFilterToDevice(d, filter)).filter(
+    (d) => d !== null
+  );
+  const buckets = /* @__PURE__ */ new Map();
+  for (const d of filtered) {
+    let key;
+    if (groupBy === "identifier") key = d.identifier ?? BUCKET_NO_IDENTIFIER;
+    else if (groupBy === "device") key = d.deviceId;
+    else key = d.domain;
+    const arr = buckets.get(key);
+    if (arr) arr.push(d);
+    else buckets.set(key, [d]);
+  }
+  const groups = [];
+  for (const [key, devs] of buckets) {
+    const annotations = devs.flatMap((d) => d.annotations);
+    groups.push({
+      key,
+      label: _labelForGroup(key, groupBy, devs[0]),
+      icon: _iconForGroup(key, groupBy),
+      devices: devs,
+      totalAnnotations: annotations.length,
+      maxImportance: annotations.reduce((acc, a) => Math.max(acc, a.importance || 0), 0),
+      mostRecentAt: _maxCreatedAt(annotations)
+    });
+  }
+  return groups;
+}
+function _applyFilterToDevice(device, filter) {
+  if (!filter) {
+    const visible2 = device.annotations.filter((a) => a.status !== "archived");
+    if (visible2.length === 0) return null;
+    return { ...device, annotations: visible2 };
+  }
+  const now = Date.now();
+  const sevenDaysMs = 7 * 24 * 60 * 60 * 1e3;
+  const visible = device.annotations.filter((a) => {
+    if (filter.statuses.size > 0) {
+      if (!filter.statuses.has(a.status)) return false;
+    } else if (a.status === "archived") {
+      return false;
+    }
+    if (filter.types.size > 0 && !filter.types.has(a.type)) return false;
+    if (filter.importance.size > 0 && !filter.importance.has(a.importance)) return false;
+    if (filter.actionableOnly) {
+      const isPending = a.type === "pending" && a.status !== "archived";
+      if (!isPending) return false;
+      const hasDue = !!a.dueDate;
+      if (hasDue) {
+        const dueMs = new Date(a.dueDate).getTime();
+        if (!(dueMs <= now + sevenDaysMs)) return false;
+      }
+    }
+    if (filter.searchTerm) {
+      const needle = _nfd(filter.searchTerm);
+      const haystack = _nfd(
+        [a.text, device.identifier ?? "", device.name, device.label].join(" ")
+      );
+      if (!haystack.includes(needle)) return false;
+    }
+    return true;
+  });
+  if (visible.length === 0) return null;
+  return { ...device, annotations: visible };
+}
+function _labelForGroup(key, groupBy, sample) {
+  if (groupBy === "identifier") return key;
+  if (groupBy === "device") return sample?.label || sample?.name || key;
+  return DOMAIN_LABELS2[key] ?? key;
+}
+function _iconForGroup(key, groupBy) {
+  if (groupBy === "domain") return DOMAIN_ICONS2[key];
+  return void 0;
+}
+function _maxCreatedAt(annotations) {
+  if (annotations.length === 0) return null;
+  let max = annotations[0].createdAt;
+  for (let i = 1; i < annotations.length; i++) {
+    if (annotations[i].createdAt > max) max = annotations[i].createdAt;
+  }
+  return max;
+}
+function _countNonArchived(devices) {
+  let n = 0;
+  for (const d of devices) {
+    for (const a of d.annotations) if (a.status !== "archived") n++;
+  }
+  return n;
+}
+function _countWhere(devices, predicate) {
+  let n = 0;
+  for (const d of devices) {
+    for (const a of d.annotations) if (predicate(a)) n++;
+  }
+  return n;
+}
+function _totalAnnotations(devices) {
+  let n = 0;
+  for (const d of devices) n += d.annotations.length;
+  return n;
+}
+function _isOverdue(a) {
+  if (!a.dueDate || a.type !== "pending") return false;
+  const due = new Date(a.dueDate).getTime();
+  if (isNaN(due)) return false;
+  return due < Date.now();
+}
+function _nfd(s) {
+  return s.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+}
+
+// src/components/header-annotations-panel/styles.ts
+var HEADER_ANNOTATIONS_STYLES_ID = "myio-annotations-panel-styles";
+var HEADER_ANNOTATIONS_STYLES = `
+/* Container \u2014 anchored under the HEADER button by default */
+.myio-annotations-panel {
+  position: fixed;
+  z-index: 99998;
+  width: min(720px, 90vw);
+  max-height: min(80vh, 720px);
+  background: #fff;
+  border: 1px solid #e2e8f0;
+  border-radius: 12px;
+  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18);
+  display: flex;
+  flex-direction: column;
+  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  color: #1e293b;
+  overflow: hidden;
+  animation: myio-anno-pop 0.16s ease-out;
+}
+@keyframes myio-anno-pop {
+  from { opacity: 0; transform: translateY(-6px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
+.myio-annotations-panel.maximized {
+  width: 90vw !important;
+  height: 90vh !important;
+  max-height: 90vh !important;
+  top: 5vh !important;
+  left: 5vw !important;
+}
+.myio-annotations-panel.is-dragging {
+  cursor: grabbing;
+  user-select: none;
+}
+.myio-annotations-panel.is-dragging * {
+  pointer-events: none;
+}
+.myio-annotations-panel-header[data-drag-handle] {
+  cursor: grab;
+}
+.myio-annotations-panel-header[data-drag-handle]:active {
+  cursor: grabbing;
+}
+.myio-annotations-panel-action.is-active {
+  background: rgba(108, 92, 231, 0.18);
+  color: #4c3aac;
+}
+
+/* Virtual list bookkeeping styles (RFC-0203 M6) */
+.myio-vlist-container { /* container is .myio-annotations-body in practice */ }
+.myio-vlist-viewport { will-change: transform; }
+
+/* Header */
+.myio-annotations-panel-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px;
+  border-bottom: 1px solid #e2e8f0;
+  background: linear-gradient(135deg, rgba(108, 92, 231, 0.05), rgba(108, 92, 231, 0.02));
+}
+.myio-annotations-panel-title {
+  flex: 1;
+  margin: 0;
+  font-size: 15px;
+  font-weight: 700;
+  color: #4c3aac;
+  letter-spacing: -0.01em;
+}
+.myio-annotations-panel-title .myio-annotations-icon {
+  margin-right: 6px;
+  font-size: 16px;
+}
+.myio-annotations-panel-meta {
+  font-size: 11px;
+  font-weight: 500;
+  color: #64748b;
+}
+.myio-annotations-panel-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.myio-annotations-panel-action {
+  width: 28px;
+  height: 28px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  background: transparent;
+  color: #64748b;
+  cursor: pointer;
+  font-size: 14px;
+  transition: background 0.15s, color 0.15s;
+}
+.myio-annotations-panel-action:hover {
+  background: rgba(108, 92, 231, 0.1);
+  color: #4c3aac;
+}
+.myio-annotations-panel-action:focus-visible {
+  outline: 2px solid #6c5ce7;
+  outline-offset: 2px;
+}
+
+/* Tabs */
+.myio-annotations-tabs {
+  display: flex;
+  gap: 0;
+  padding: 0 8px;
+  border-bottom: 1px solid #e2e8f0;
+  background: #fafbff;
+  flex-shrink: 0;
+}
+.myio-annotations-tab {
+  flex: 1;
+  padding: 10px 12px;
+  font: inherit;
+  font-size: 13px;
+  font-weight: 600;
+  color: #64748b;
+  background: transparent;
+  border: none;
+  border-bottom: 2px solid transparent;
+  cursor: pointer;
+  transition: color 0.15s, border-color 0.15s;
+  white-space: nowrap;
+}
+.myio-annotations-tab:hover {
+  color: #4c3aac;
+}
+.myio-annotations-tab[aria-selected="true"] {
+  color: #4c3aac;
+  border-bottom-color: #6c5ce7;
+}
+.myio-annotations-tab:focus-visible {
+  outline: 2px solid #6c5ce7;
+  outline-offset: -2px;
+  border-radius: 4px;
+}
+
+/* Toolbar (RFC-0203 M5) */
+.myio-annotations-toolbar {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 8px 12px 0 12px;
+  background: #fff;
+  border-bottom: 1px solid #f1f5f9;
+  flex-shrink: 0;
+}
+.myio-annotations-toolbar-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.myio-annotations-toolbar-meta {
+  font-size: 11px;
+  color: #64748b;
+  padding-bottom: 6px;
+}
+.myio-annotations-toolbar-count { font-weight: 600; }
+
+.myio-annotations-toolbar-search {
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 32px;
+  padding: 0 10px;
+  border: 1px solid #e2e8f0;
+  border-radius: 6px;
+  background: #fff;
+}
+.myio-annotations-toolbar-search:focus-within {
+  border-color: #6c5ce7;
+  box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.15);
+}
+.myio-annotations-toolbar-search input {
+  flex: 1;
+  border: none;
+  outline: none;
+  font: inherit;
+  font-size: 13px;
+  color: #1e293b;
+  background: transparent;
+}
+.myio-annotations-search-icon { font-size: 13px; color: #94a3b8; }
+
+.myio-annotations-toolbar-sort {
+  height: 32px;
+  padding: 0 8px;
+  border: 1px solid #e2e8f0;
+  border-radius: 6px;
+  background: #fff;
+  font: inherit;
+  font-size: 12px;
+  color: #1e293b;
+  cursor: pointer;
+}
+.myio-annotations-toolbar-sort:focus-visible {
+  border-color: #6c5ce7;
+  outline: 2px solid rgba(108, 92, 231, 0.3);
+  outline-offset: 1px;
+}
+
+.myio-annotations-toolbar-filter-btn {
+  height: 32px;
+  padding: 0 10px;
+  border: 1px solid #e2e8f0;
+  border-radius: 6px;
+  background: #fff;
+  font: inherit;
+  font-size: 12px;
+  font-weight: 600;
+  color: #4c3aac;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+.myio-annotations-toolbar-filter-btn:hover {
+  background: rgba(108, 92, 231, 0.06);
+  border-color: rgba(108, 92, 231, 0.35);
+}
+.myio-annotations-toolbar-filter-btn[aria-expanded="true"] {
+  background: rgba(108, 92, 231, 0.12);
+  border-color: #6c5ce7;
+}
+
+/* Filter dropdown panel */
+.myio-annotations-filters {
+  padding: 8px 0 12px 0;
+  border-top: 1px dashed #e2e8f0;
+  margin-top: 6px;
+}
+.myio-annotations-filter-section { margin-bottom: 8px; }
+.myio-annotations-filter-section-title {
+  font-size: 11px;
+  font-weight: 700;
+  color: #64748b;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  margin-bottom: 4px;
+}
+.myio-annotations-filter-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.myio-annotations-filter-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 10px;
+  border: 1px solid #e2e8f0;
+  border-radius: 999px;
+  background: #f8fafc;
+  font-size: 12px;
+  color: #334155;
+  cursor: pointer;
+  user-select: none;
+  transition: background 0.12s, border-color 0.12s;
+}
+.myio-annotations-filter-chip:hover {
+  border-color: rgba(108, 92, 231, 0.4);
+}
+.myio-annotations-filter-chip input {
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+}
+.myio-annotations-filter-chip.is-on {
+  background: rgba(108, 92, 231, 0.12);
+  border-color: #6c5ce7;
+  color: #4c3aac;
+  font-weight: 600;
+}
+.myio-annotations-filter-actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 6px;
+}
+
+/* Search highlight */
+.myio-annotations-item mark {
+  background: rgba(245, 158, 11, 0.35);
+  color: inherit;
+  padding: 0 1px;
+  border-radius: 2px;
+}
+
+/* Body */
+.myio-annotations-body {
+  flex: 1;
+  overflow: auto;
+  padding: 8px 12px 12px 12px;
+  background: #fff;
+}
+
+/* Group */
+.myio-annotations-group {
+  margin-top: 8px;
+  border: 1px solid #e2e8f0;
+  border-radius: 8px;
+  overflow: hidden;
+  background: #fff;
+}
+.myio-annotations-group-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  background: #f8fafc;
+  border-bottom: 1px solid #e2e8f0;
+  font-size: 12px;
+  font-weight: 700;
+  color: #334155;
+}
+.myio-annotations-group-icon { font-size: 14px; }
+.myio-annotations-group-label { flex: 1; }
+.myio-annotations-group-count {
+  font-size: 11px;
+  font-weight: 600;
+  color: #64748b;
+  padding: 2px 8px;
+  background: rgba(108, 92, 231, 0.1);
+  border-radius: 10px;
+}
+.myio-annotations-group--no-id .myio-annotations-group-header {
+  background: #fef3c7;
+  color: #92400e;
+  border-bottom-color: #fde68a;
+}
+
+/* Item */
+.myio-annotations-item {
+  display: grid;
+  grid-template-columns: 22px 1fr auto;
+  gap: 10px;
+  padding: 10px 12px;
+  border-bottom: 1px solid #f1f5f9;
+  cursor: pointer;
+  transition: background 0.12s;
+}
+.myio-annotations-item:last-child { border-bottom: none; }
+.myio-annotations-item:hover { background: rgba(108, 92, 231, 0.05); }
+.myio-annotations-item:focus-visible {
+  outline: 2px solid #6c5ce7;
+  outline-offset: -2px;
+}
+
+.myio-annotations-item-icon {
+  font-size: 16px;
+  line-height: 22px;
+  text-align: center;
+}
+.myio-annotations-item-body { min-width: 0; }
+.myio-annotations-item-text {
+  font-size: 13px;
+  font-weight: 500;
+  color: #1e293b;
+  margin: 0 0 4px 0;
+  line-height: 1.4;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.myio-annotations-item-meta {
+  font-size: 11px;
+  color: #64748b;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px 10px;
+}
+.myio-annotations-item-device {
+  font-weight: 600;
+  color: #4c3aac;
+}
+
+.myio-annotations-item-side {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 4px;
+}
+.myio-annotations-importance-badge {
+  display: inline-block;
+  min-width: 18px;
+  padding: 2px 6px;
+  border-radius: 10px;
+  font-size: 10px;
+  font-weight: 700;
+  color: #fff;
+  text-align: center;
+  line-height: 1.2;
+}
+.myio-annotations-importance-1 { background: #94a3b8; }
+.myio-annotations-importance-2 { background: #64748b; }
+.myio-annotations-importance-3 { background: #6c5ce7; }
+.myio-annotations-importance-4 { background: #f59e0b; }
+.myio-annotations-importance-5 { background: #dc2626; }
+
+.myio-annotations-overdue {
+  font-size: 10px;
+  font-weight: 700;
+  color: #dc2626;
+  text-transform: uppercase;
+}
+
+/* Empty state */
+.myio-annotations-empty {
+  padding: 32px 16px;
+  text-align: center;
+  color: #94a3b8;
+  font-size: 13px;
+}
+.myio-annotations-empty-icon {
+  font-size: 28px;
+  margin-bottom: 8px;
+  opacity: 0.5;
+}
+
+/* Loading state */
+.myio-annotations-loading {
+  padding: 24px;
+  text-align: center;
+  color: #64748b;
+  font-size: 13px;
+}
+
+/* Footer */
+.myio-annotations-panel-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 16px;
+  border-top: 1px solid #e2e8f0;
+  background: #fafbff;
+  font-size: 11px;
+  color: #64748b;
+  flex-shrink: 0;
+}
+.myio-annotations-panel-footer-meta {
+  flex: 1;
+  text-align: center;
+  font-size: 11px;
+  color: #94a3b8;
+}
+.myio-annotations-panel-footer-action {
+  font: inherit;
+  font-size: 12px;
+  font-weight: 600;
+  color: #4c3aac;
+  background: transparent;
+  border: 1px solid rgba(108, 92, 231, 0.3);
+  border-radius: 6px;
+  padding: 4px 10px;
+  cursor: pointer;
+  transition: background 0.15s, border-color 0.15s;
+}
+.myio-annotations-panel-footer-action:hover {
+  background: rgba(108, 92, 231, 0.08);
+  border-color: rgba(108, 92, 231, 0.5);
+}
+.myio-annotations-panel-footer-action:focus-visible {
+  outline: 2px solid #6c5ce7;
+  outline-offset: 1px;
+}
+`;
+function injectStylesOnce() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(HEADER_ANNOTATIONS_STYLES_ID)) return;
+  const style = document.createElement("style");
+  style.id = HEADER_ANNOTATIONS_STYLES_ID;
+  style.textContent = HEADER_ANNOTATIONS_STYLES;
+  document.head.appendChild(style);
+}
+
+// src/components/header-annotations-panel/searchSortFilter.ts
+function nfdNormalize(s) {
+  if (!s) return "";
+  return s.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+}
+function highlightMatches(escapedText, term) {
+  if (!term) return escapedText;
+  const needle = nfdNormalize(term);
+  if (!needle) return escapedText;
+  const lowered = nfdNormalize(escapedText);
+  let result = "";
+  let i = 0;
+  while (i < escapedText.length) {
+    const found = lowered.indexOf(needle, i);
+    if (found === -1) {
+      result += escapedText.slice(i);
+      break;
+    }
+    result += escapedText.slice(i, found);
+    result += "<mark>" + escapedText.slice(found, found + needle.length) + "</mark>";
+    i = found + needle.length;
+  }
+  return result;
+}
+var SORT_OPTIONS = [
+  { key: "alpha-asc", label: "Alfab\xE9tica (A \u2192 Z)" },
+  { key: "alpha-desc", label: "Alfab\xE9tica (Z \u2192 A)" },
+  { key: "count-desc", label: "Mais anota\xE7\xF5es" },
+  { key: "count-asc", label: "Menos anota\xE7\xF5es" },
+  { key: "importance-desc", label: "Maior import\xE2ncia" },
+  { key: "recent-desc", label: "Mais recente" }
+];
+var DEFAULT_SORT = "alpha-asc";
+function sortGroups(groups, key) {
+  const arr = groups.slice();
+  const cmp = _comparator(key);
+  arr.sort((a, b) => cmp(a, b));
+  return arr;
+}
+function _comparator(key) {
+  switch (key) {
+    case "alpha-asc":
+      return (a, b) => a.label.localeCompare(b.label, "pt-BR", { sensitivity: "base" });
+    case "alpha-desc":
+      return (a, b) => b.label.localeCompare(a.label, "pt-BR", { sensitivity: "base" });
+    case "count-desc":
+      return (a, b) => b.totalAnnotations - a.totalAnnotations || a.label.localeCompare(b.label, "pt-BR");
+    case "count-asc":
+      return (a, b) => a.totalAnnotations - b.totalAnnotations || a.label.localeCompare(b.label, "pt-BR");
+    case "importance-desc":
+      return (a, b) => b.maxImportance - a.maxImportance || b.totalAnnotations - a.totalAnnotations;
+    case "recent-desc":
+      return (a, b) => _compareIsoDesc(a.mostRecentAt, b.mostRecentAt);
+    default:
+      return () => 0;
+  }
+}
+function _compareIsoDesc(a, b) {
+  if (a === b) return 0;
+  if (!a) return 1;
+  if (!b) return -1;
+  return b.localeCompare(a);
+}
+function createDefaultFilter() {
+  return {
+    types: /* @__PURE__ */ new Set(),
+    statuses: /* @__PURE__ */ new Set(),
+    importance: /* @__PURE__ */ new Set(),
+    actionableOnly: false,
+    searchTerm: ""
+  };
+}
+var FILTER_TYPE_OPTIONS = [
+  { id: "observation", label: "Observa\xE7\xE3o", icon: "\u{1F4DD}" },
+  { id: "pending", label: "Pend\xEAncia", icon: "\u26A0\uFE0F" },
+  { id: "maintenance", label: "Manuten\xE7\xE3o", icon: "\u{1F527}" },
+  { id: "activity", label: "Atividade", icon: "\u2713" }
+];
+var FILTER_STATUS_OPTIONS = [
+  { id: "created", label: "Criada" },
+  { id: "modified", label: "Modificada" },
+  { id: "archived", label: "Arquivada" }
+  // AC-27: off by default; toggle exposes it
+];
+function countAnnotationsInGroups(groups) {
+  let n = 0;
+  for (const g of groups) n += g.totalAnnotations;
+  return n;
+}
+function toggleInSet(set, value) {
+  const next = new Set(set);
+  if (next.has(value)) next.delete(value);
+  else next.add(value);
+  return next;
+}
+function withSearchTerm(filter, term) {
+  return { ...filter, searchTerm: term };
+}
+
+// src/components/header-annotations-panel/AnnotationItemCard.ts
+var DOMAIN_ICONS3 = {
+  energy: "\u26A1",
+  water: "\u{1F4A7}",
+  temperature: "\u{1F321}\uFE0F",
+  unknown: "\xB7"
+};
+var TYPE_ICONS = {
+  observation: "\u{1F4DD}",
+  pending: "\u26A0\uFE0F",
+  maintenance: "\u{1F527}",
+  activity: "\u2713"
+};
+var ITEM_TEXT_MAX = 120;
+function escapeHtml6(input) {
+  if (input == null) return "";
+  return String(input).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function truncate2(input, max) {
+  const s = String(input ?? "");
+  if (s.length <= max) return s;
+  return s.slice(0, max - 1).trimEnd() + "\u2026";
+}
+function formatRelative(iso, now = Date.now()) {
+  if (!iso) return "";
+  const t = new Date(iso).getTime();
+  if (isNaN(t)) return "";
+  const diffMs = now - t;
+  const sec = Math.round(diffMs / 1e3);
+  if (sec < 60) return "agora h\xE1 pouco";
+  const min = Math.round(sec / 60);
+  if (min < 60) return `h\xE1 ${min} min`;
+  const hr = Math.round(min / 60);
+  if (hr < 24) return `h\xE1 ${hr} h`;
+  const day = Math.round(hr / 24);
+  if (day < 30) return `h\xE1 ${day} d`;
+  const mo = Math.round(day / 30);
+  if (mo < 12) return `h\xE1 ${mo} m\xEAs${mo > 1 ? "es" : ""}`;
+  const yr = Math.round(mo / 12);
+  return `h\xE1 ${yr} ano${yr > 1 ? "s" : ""}`;
+}
+function isOverdue(annotation, now = Date.now()) {
+  if (annotation.type !== "pending") return false;
+  if (!annotation.dueDate) return false;
+  const due = new Date(annotation.dueDate).getTime();
+  if (isNaN(due)) return false;
+  return due < now;
+}
+function renderAnnotationItemCard(device, annotation, searchTerm) {
+  const domainIcon = DOMAIN_ICONS3[device.domain] ?? DOMAIN_ICONS3.unknown;
+  const typeIcon = TYPE_ICONS[annotation.type] ?? "\xB7";
+  const importance = Math.max(1, Math.min(5, annotation.importance || 1));
+  const textEscaped = escapeHtml6(truncate2(annotation.text || "", ITEM_TEXT_MAX));
+  const deviceLabelEscaped = escapeHtml6(device.label || device.name || device.deviceId);
+  const author = escapeHtml6(annotation.createdBy?.name || "sem autor");
+  const when = escapeHtml6(formatRelative(annotation.createdAt));
+  const overdueTag = isOverdue(annotation) ? '<span class="myio-annotations-overdue">Vencida</span>' : "";
+  const text = searchTerm ? highlightMatches(textEscaped, searchTerm) : textEscaped;
+  const deviceLabel = searchTerm ? highlightMatches(deviceLabelEscaped, searchTerm) : deviceLabelEscaped;
+  const identifierEscaped = device.identifier ? escapeHtml6(device.identifier) : "";
+  const identifierHighlighted = searchTerm && identifierEscaped ? highlightMatches(identifierEscaped, searchTerm) : identifierEscaped;
+  const identifierTag = device.identifier ? `<span class="myio-annotations-item-device">${identifierHighlighted}</span>` : "";
+  return `
+<button
+  class="myio-annotations-item"
+  type="button"
+  data-device-id="${escapeHtml6(device.deviceId)}"
+  data-annotation-id="${escapeHtml6(annotation.id)}"
+  tabindex="0"
+  aria-label="${escapeHtml6(annotation.text)} \u2014 ${deviceLabel}"
+>
+  <span class="myio-annotations-item-icon" aria-hidden="true">${typeIcon}</span>
+  <div class="myio-annotations-item-body">
+    <p class="myio-annotations-item-text">${text}</p>
+    <div class="myio-annotations-item-meta">
+      <span aria-hidden="true">${domainIcon}</span>
+      ${identifierTag}
+      <span>${deviceLabel}</span>
+      <span>\xB7</span>
+      <span>${author}</span>
+      <span>\xB7</span>
+      <span>${when}</span>
+    </div>
+  </div>
+  <div class="myio-annotations-item-side">
+    <span class="myio-annotations-importance-badge myio-annotations-importance-${importance}" title="Import\xE2ncia ${importance}">${importance}</span>
+    ${overdueTag}
+  </div>
+</button>
+`.trim();
+}
+
+// src/components/header-annotations-panel/VirtualList.ts
+var VIRTUAL_SCROLL_THRESHOLD = 100;
+function shouldVirtualize(itemCount) {
+  return itemCount > VIRTUAL_SCROLL_THRESHOLD;
+}
+var VirtualList = class {
+  container;
+  rows;
+  overscan;
+  spacer;
+  viewport;
+  /** Cumulative pixel offset for each row (offsets[i] = top of row i). */
+  offsets;
+  /** Total content height. */
+  totalHeight;
+  _onScroll;
+  _rafScheduled = false;
+  _destroyed = false;
+  constructor(opts) {
+    this.container = opts.container;
+    this.rows = opts.rows;
+    this.overscan = opts.overscan ?? 6;
+    this.offsets = new Array(this.rows.length);
+    let acc = 0;
+    for (let i = 0; i < this.rows.length; i++) {
+      this.offsets[i] = acc;
+      acc += this.rows[i].height;
+    }
+    this.totalHeight = acc;
+    this.container.classList.add("myio-vlist-container");
+    this.container.style.position = "relative";
+    this.container.style.overflowY = "auto";
+    this.spacer = document.createElement("div");
+    this.spacer.className = "myio-vlist-spacer";
+    this.spacer.style.position = "relative";
+    this.spacer.style.width = "100%";
+    this.spacer.style.height = `${this.totalHeight}px`;
+    this.viewport = document.createElement("div");
+    this.viewport.className = "myio-vlist-viewport";
+    this.viewport.style.position = "absolute";
+    this.viewport.style.top = "0px";
+    this.viewport.style.left = "0";
+    this.viewport.style.right = "0";
+    this.spacer.appendChild(this.viewport);
+    this.container.innerHTML = "";
+    this.container.appendChild(this.spacer);
+    this._onScroll = () => this._scheduleRender();
+    this.container.addEventListener("scroll", this._onScroll, { passive: true });
+    this._renderVisible();
+  }
+  /** Re-render the visible window (e.g. after a DOM resize). Idempotent. */
+  refresh() {
+    if (this._destroyed) return;
+    this._renderVisible();
+  }
+  /** Remove the spacer/viewport and detach listeners. */
+  destroy() {
+    if (this._destroyed) return;
+    this._destroyed = true;
+    this.container.removeEventListener("scroll", this._onScroll);
+    this.container.classList.remove("myio-vlist-container");
+    this.container.innerHTML = "";
+  }
+  // ── Internals ───────────────────────────────────────────────────────────
+  _scheduleRender() {
+    if (this._rafScheduled) return;
+    this._rafScheduled = true;
+    requestAnimationFrame(() => {
+      this._rafScheduled = false;
+      this._renderVisible();
+    });
+  }
+  _renderVisible() {
+    if (this._destroyed) return;
+    const scrollTop = this.container.scrollTop;
+    const viewportH = this.container.clientHeight || 1;
+    const startIdx = Math.max(0, this._findRowAt(scrollTop) - this.overscan);
+    const endIdx = Math.min(
+      this.rows.length - 1,
+      this._findRowAt(scrollTop + viewportH) + this.overscan
+    );
+    const html = [];
+    for (let i = startIdx; i <= endIdx; i++) {
+      html.push(this.rows[i].render());
+    }
+    const topOffset = this.offsets[startIdx] ?? 0;
+    this.viewport.style.transform = `translateY(${topOffset}px)`;
+    this.viewport.innerHTML = html.join("");
+  }
+  /** Binary search for the row whose offset contains `y`. */
+  _findRowAt(y) {
+    if (this.rows.length === 0) return 0;
+    let lo = 0;
+    let hi = this.rows.length - 1;
+    while (lo < hi) {
+      const mid = lo + hi + 1 >> 1;
+      if (this.offsets[mid] <= y) lo = mid;
+      else hi = mid - 1;
+    }
+    return lo;
+  }
+};
+
+// src/components/header-annotations-panel/ExportModal.ts
+var MODAL_DOM_ID = "myio-annotations-export-modal";
+var STYLES_ID3 = "myio-annotations-export-modal-styles";
+var STYLES4 = `
+.${MODAL_DOM_ID}-backdrop {
+  position: fixed; inset: 0; z-index: 99999;
+  background: rgba(15, 23, 42, 0.55);
+  display: flex; align-items: center; justify-content: center;
+  animation: myio-anno-export-fade 0.12s ease-out;
+}
+@keyframes myio-anno-export-fade {
+  from { opacity: 0; } to { opacity: 1; }
+}
+.${MODAL_DOM_ID} {
+  width: min(420px, 92vw);
+  background: #fff;
+  border-radius: 12px;
+  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.3);
+  padding: 18px 20px;
+  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  color: #1e293b;
+}
+.${MODAL_DOM_ID} h3 {
+  margin: 0 0 12px 0;
+  font-size: 16px;
+  color: #4c3aac;
+}
+.${MODAL_DOM_ID} fieldset {
+  border: none;
+  margin: 0 0 12px 0;
+  padding: 0;
+}
+.${MODAL_DOM_ID} legend {
+  font-size: 12px;
+  font-weight: 700;
+  color: #64748b;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  margin-bottom: 4px;
+}
+.${MODAL_DOM_ID} label {
+  display: block;
+  font-size: 13px;
+  padding: 3px 0;
+  cursor: pointer;
+}
+.${MODAL_DOM_ID} input[type="radio"],
+.${MODAL_DOM_ID} input[type="checkbox"] {
+  margin-right: 6px;
+  accent-color: #6c5ce7;
+}
+.${MODAL_DOM_ID} input[disabled] + span { color: #94a3b8; }
+.${MODAL_DOM_ID}-actions {
+  display: flex; gap: 8px; justify-content: flex-end;
+  margin-top: 8px;
+}
+.${MODAL_DOM_ID}-actions button {
+  font: inherit; font-size: 13px; font-weight: 600;
+  padding: 6px 14px;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.${MODAL_DOM_ID}-cancel {
+  background: #fff;
+  border: 1px solid #cbd5e1;
+  color: #475569;
+}
+.${MODAL_DOM_ID}-confirm {
+  background: #6c5ce7;
+  border: 1px solid #6c5ce7;
+  color: #fff;
+}
+.${MODAL_DOM_ID}-confirm:disabled {
+  background: #cbd5e1; border-color: #cbd5e1; cursor: not-allowed;
+}
+`;
+function injectStyles15() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(STYLES_ID3)) return;
+  const el2 = document.createElement("style");
+  el2.id = STYLES_ID3;
+  el2.textContent = STYLES4;
+  document.head.appendChild(el2);
+}
+var _activeBackdrop = null;
+function openExportModal(options) {
+  injectStyles15();
+  closeExportModal();
+  const backdrop = document.createElement("div");
+  backdrop.className = `${MODAL_DOM_ID}-backdrop`;
+  backdrop.setAttribute("role", "presentation");
+  backdrop.innerHTML = `
+<div class="${MODAL_DOM_ID}" role="dialog" aria-modal="true" aria-labelledby="${MODAL_DOM_ID}-title">
+  <h3 id="${MODAL_DOM_ID}-title">Exportar anota\xE7\xF5es</h3>
+
+  <fieldset>
+    <legend>Formato</legend>
+    <label><input type="radio" name="fmt" value="pdf" checked /><span>PDF</span></label>
+    <label><input type="radio" name="fmt" value="csv" /><span>CSV</span></label>
+  </fieldset>
+
+  <fieldset data-fmt-pdf-only>
+    <legend>N\xEDveis (PDF apenas)</legend>
+    <label><input type="checkbox" name="lvl-summary" checked /><span>Sum\xE1rio (totais + KPIs)</span></label>
+    <label><input type="checkbox" name="lvl-consolidated" checked /><span>Consolidado (por device)</span></label>
+    <label><input type="checkbox" name="lvl-detailed" /><span>Detalhado (anota\xE7\xE3o por anota\xE7\xE3o)</span></label>
+  </fieldset>
+
+  <fieldset>
+    <legend>Escopo</legend>
+    <label><input type="radio" name="scope" value="current-tab" checked /><span>Aba atual</span></label>
+    <label><input type="radio" name="scope" value="all" /><span>Todas as anota\xE7\xF5es</span></label>
+    <label><input type="radio" name="scope" value="filtered" ${options.hasActiveFilter ? "" : "disabled"} /><span>Resultado filtrado / buscado</span></label>
+  </fieldset>
+
+  <div class="${MODAL_DOM_ID}-actions">
+    <button type="button" class="${MODAL_DOM_ID}-cancel">Cancelar</button>
+    <button type="button" class="${MODAL_DOM_ID}-confirm">Exportar</button>
+  </div>
+</div>
+`;
+  document.body.appendChild(backdrop);
+  _activeBackdrop = backdrop;
+  const modal = backdrop.querySelector(`.${MODAL_DOM_ID}`);
+  const fmtPdfOnly = modal.querySelector("[data-fmt-pdf-only]");
+  const confirmBtn = modal.querySelector(`.${MODAL_DOM_ID}-confirm`);
+  const cancelBtn = modal.querySelector(`.${MODAL_DOM_ID}-cancel`);
+  const fmtRadios = Array.from(modal.querySelectorAll('input[name="fmt"]'));
+  const updatePdfFieldset = () => {
+    const isPdf = fmtRadios.find((r) => r.checked)?.value === "pdf";
+    if (fmtPdfOnly) {
+      const inputs = Array.from(fmtPdfOnly.querySelectorAll("input"));
+      inputs.forEach((i) => {
+        i.disabled = !isPdf;
+      });
+      fmtPdfOnly.style.opacity = isPdf ? "1" : "0.5";
+    }
+    const enabled = !isPdf || modal.querySelector('input[name="lvl-summary"]')?.checked || modal.querySelector('input[name="lvl-consolidated"]')?.checked || modal.querySelector('input[name="lvl-detailed"]')?.checked;
+    confirmBtn.disabled = !enabled;
+  };
+  fmtRadios.forEach((r) => r.addEventListener("change", updatePdfFieldset));
+  modal.querySelectorAll('input[name^="lvl-"]').forEach((cb) => cb.addEventListener("change", updatePdfFieldset));
+  updatePdfFieldset();
+  const close = () => closeExportModal();
+  cancelBtn.addEventListener("click", close);
+  backdrop.addEventListener("click", (e) => {
+    if (e.target === backdrop) close();
+  });
+  const onEsc = (e) => {
+    if (e.key === "Escape") {
+      close();
+      window.removeEventListener("keydown", onEsc);
+    }
+  };
+  window.addEventListener("keydown", onEsc);
+  confirmBtn.addEventListener("click", () => {
+    const fmt2 = fmtRadios.find((r) => r.checked)?.value;
+    const scope = modal.querySelector('input[name="scope"]:checked')?.value ?? "current-tab";
+    const levels = [];
+    if (fmt2 === "pdf") {
+      if (modal.querySelector('input[name="lvl-summary"]')?.checked) levels.push("summary");
+      if (modal.querySelector('input[name="lvl-consolidated"]')?.checked) levels.push("consolidated");
+      if (modal.querySelector('input[name="lvl-detailed"]')?.checked) levels.push("detailed");
+    }
+    const opts = {
+      format: fmt2,
+      levels: fmt2 === "pdf" ? levels : void 0,
+      scope
+    };
+    try {
+      options.onExport(opts);
+    } catch (err) {
+      (options.logger ?? console).warn("[ExportModal] onExport threw:", err);
+    }
+    close();
+  });
+  setTimeout(() => {
+    const focusable = modal.querySelector('input[name="fmt"]:checked');
+    focusable?.focus();
+  }, 0);
+  return close;
+}
+function closeExportModal() {
+  if (_activeBackdrop && _activeBackdrop.parentNode) {
+    _activeBackdrop.parentNode.removeChild(_activeBackdrop);
+  }
+  _activeBackdrop = null;
+}
+
+// src/components/header-annotations-panel/ExportCSV.ts
+var CSV_COLUMNS = [
+  "identifier",
+  "device_name",
+  "device_label",
+  "domain",
+  "annotation_id",
+  "type",
+  "importance",
+  "status",
+  "text",
+  "created_at",
+  "created_by_email",
+  "due_date",
+  "acknowledged"
+];
+function csvEscape(value) {
+  if (value == null) return "";
+  const s = String(value);
+  if (s === "") return "";
+  const needsQuoting = /[",\n\r;]/.test(s);
+  if (!needsQuoting) return s;
+  return '"' + s.replace(/"/g, '""') + '"';
+}
+function buildRow2(device, ann) {
+  return {
+    identifier: device.identifier ?? "",
+    device_name: device.name ?? "",
+    device_label: device.label ?? "",
+    domain: device.domain ?? "",
+    annotation_id: ann.id ?? "",
+    type: ann.type ?? "",
+    importance: String(ann.importance ?? ""),
+    status: ann.status ?? "",
+    text: ann.text ?? "",
+    created_at: ann.createdAt ?? "",
+    created_by_email: ann.createdBy?.email ?? "",
+    due_date: ann.dueDate ?? "",
+    acknowledged: ann.acknowledged ? "true" : "false"
+  };
+}
+function buildAnnotationsCsv(devices, options = {}) {
+  const includeArchived = options.includeArchived ?? false;
+  const lines = [];
+  lines.push(CSV_COLUMNS.join(","));
+  for (const device of devices) {
+    for (const ann of device.annotations) {
+      if (!includeArchived && ann.status === "archived") continue;
+      const row = buildRow2(device, ann);
+      lines.push(CSV_COLUMNS.map((c) => csvEscape(row[c])).join(","));
+    }
+  }
+  return "\uFEFF" + lines.join("\r\n") + "\r\n";
+}
+function buildExportFilename(customerName, ext, now = /* @__PURE__ */ new Date()) {
+  const safeCustomer = (customerName || "customer").normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/[^a-zA-Z0-9_-]+/g, "_").replace(/_+/g, "_").replace(/^_|_$/g, "").toLowerCase() || "customer";
+  const yyyy = now.getFullYear();
+  const mm = String(now.getMonth() + 1).padStart(2, "0");
+  const dd = String(now.getDate()).padStart(2, "0");
+  const hh = String(now.getHours()).padStart(2, "0");
+  const mi = String(now.getMinutes()).padStart(2, "0");
+  return `anotacoes_${safeCustomer}_${yyyy}${mm}${dd}_${hh}${mi}.${ext}`;
+}
+function downloadTextFile(filename, content, mimeType) {
+  if (typeof document === "undefined" || typeof Blob === "undefined") return;
+  const blob = new Blob([content], { type: mimeType + ";charset=utf-8" });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = filename;
+  a.style.display = "none";
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+  setTimeout(() => URL.revokeObjectURL(url), 0);
+}
+function exportAnnotationsCsv(devices, options = {}) {
+  const filename = buildExportFilename(options.customerName, "csv");
+  const content = buildAnnotationsCsv(devices, { includeArchived: options.includeArchived });
+  downloadTextFile(filename, content, "text/csv");
+  return { filename, content };
+}
+
+// src/components/header-annotations-panel/ExportPDF.ts
+var import_jspdf4 = require("jspdf");
+var PAGE_W = 210;
+var PAGE_H = 297;
+var MARGIN_X = 14;
+var MARGIN_TOP = 14;
+var MARGIN_BOTTOM = 18;
+var LINE_H = 5;
+function exportAnnotationsPdf(devices, options) {
+  if (!options.levels || options.levels.length === 0) {
+    throw new Error("exportAnnotationsPdf: at least one level required");
+  }
+  const includeArchived = options.includeArchived ?? false;
+  const visibleDevices2 = _filterVisible(devices, includeArchived);
+  const filename = buildExportFilename(options.customerName, "pdf", options.now);
+  const doc = new import_jspdf4.jsPDF({ orientation: "portrait", unit: "mm", format: "a4" });
+  const cursor = { y: MARGIN_TOP };
+  _renderCover(doc, cursor, options, visibleDevices2);
+  if (options.levels.includes("summary")) {
+    _newPageIfNeeded(doc, cursor, 60);
+    _renderSummary(doc, cursor, visibleDevices2);
+  }
+  if (options.levels.includes("consolidated")) {
+    _newPage(doc, cursor);
+    _renderConsolidated(doc, cursor, visibleDevices2);
+  }
+  if (options.levels.includes("detailed")) {
+    _newPage(doc, cursor);
+    _renderDetailed(doc, cursor, visibleDevices2);
+  }
+  _renderFooterAllPages(doc, options.customerName);
+  doc.save(filename);
+  return filename;
+}
+function _renderCover(doc, cursor, options, devices) {
+  const total = _countAnnotations(devices);
+  const customer = options.customerName || "customer";
+  doc.setFontSize(20);
+  doc.setTextColor(76, 58, 172);
+  doc.text(options.title || "Anota\xE7\xF5es Operacionais", MARGIN_X, cursor.y + 8);
+  cursor.y += 16;
+  doc.setFontSize(11);
+  doc.setTextColor(80);
+  doc.text(`Cliente: ${customer}`, MARGIN_X, cursor.y);
+  cursor.y += LINE_H;
+  doc.text(
+    `Gerado em: ${(options.now ?? /* @__PURE__ */ new Date()).toLocaleString("pt-BR")}`,
+    MARGIN_X,
+    cursor.y
+  );
+  cursor.y += LINE_H;
+  doc.text(`Total de anota\xE7\xF5es: ${total} (em ${devices.length} devices)`, MARGIN_X, cursor.y);
+  cursor.y += LINE_H + 4;
+  doc.setDrawColor(108, 92, 231);
+  doc.setLineWidth(0.4);
+  doc.line(MARGIN_X, cursor.y, PAGE_W - MARGIN_X, cursor.y);
+  cursor.y += 6;
+}
+function _renderSummary(doc, cursor, devices) {
+  _sectionHeader(doc, cursor, "Sum\xE1rio");
+  const byType = _countByType(devices);
+  const byImportance = _countByImportance(devices);
+  const byDomain = _countByDomain(devices);
+  doc.setFontSize(11);
+  doc.setTextColor(40);
+  const lines = [
+    `Por tipo:`,
+    `  \u2022 Pend\xEAncia: ${byType.pending}`,
+    `  \u2022 Manuten\xE7\xE3o: ${byType.maintenance}`,
+    `  \u2022 Observa\xE7\xE3o: ${byType.observation}`,
+    `  \u2022 Atividade: ${byType.activity}`,
+    ``,
+    `Por import\xE2ncia:`,
+    `  \u2022 Cr\xEDtica (5): ${byImportance[5]}`,
+    `  \u2022 Alta (4): ${byImportance[4]}`,
+    `  \u2022 M\xE9dia (3): ${byImportance[3]}`,
+    `  \u2022 Baixa (2): ${byImportance[2]}`,
+    `  \u2022 Muito baixa (1): ${byImportance[1]}`,
+    ``,
+    `Por dom\xEDnio:`,
+    `  \u2022 Energia: ${byDomain.energy}`,
+    `  \u2022 \xC1gua: ${byDomain.water}`,
+    `  \u2022 Temperatura: ${byDomain.temperature}`,
+    `  \u2022 Indeterminado: ${byDomain.unknown}`
+  ];
+  for (const ln of lines) {
+    _newPageIfNeeded(doc, cursor, LINE_H);
+    doc.text(ln, MARGIN_X, cursor.y);
+    cursor.y += LINE_H;
+  }
+}
+function _renderConsolidated(doc, cursor, devices) {
+  _sectionHeader(doc, cursor, "Consolidado por device");
+  const sorted = devices.slice().filter((d) => d.annotations.length > 0).sort((a, b) => b.annotations.length - a.annotations.length);
+  doc.setFontSize(10);
+  doc.setTextColor(40);
+  for (const d of sorted) {
+    _newPageIfNeeded(doc, cursor, LINE_H * 2);
+    doc.setFont(void 0, "bold");
+    const ident = d.identifier ? `[${d.identifier}] ` : "";
+    doc.text(`${ident}${d.label || d.name} (${d.annotations.length})`, MARGIN_X, cursor.y);
+    cursor.y += LINE_H;
+    doc.setFont(void 0, "normal");
+    const last = d.annotations.reduce(
+      (acc, a) => !acc || a.createdAt > acc.createdAt ? a : acc,
+      null
+    );
+    if (last) {
+      const txt = `  \xDAltima: "${_truncate(last.text, 90)}" \u2014 ${last.createdBy?.name ?? ""} \u2014 ${_formatDate(last.createdAt)}`;
+      const wrapped = doc.splitTextToSize(txt, PAGE_W - MARGIN_X * 2);
+      for (const line of wrapped) {
+        _newPageIfNeeded(doc, cursor, LINE_H);
+        doc.text(line, MARGIN_X, cursor.y);
+        cursor.y += LINE_H;
+      }
+    }
+    cursor.y += 1;
+  }
+}
+function _renderDetailed(doc, cursor, devices) {
+  _sectionHeader(doc, cursor, "Detalhado por anota\xE7\xE3o");
+  doc.setFontSize(10);
+  doc.setTextColor(40);
+  for (const d of devices) {
+    if (d.annotations.length === 0) continue;
+    _newPageIfNeeded(doc, cursor, LINE_H * 2);
+    doc.setFont(void 0, "bold");
+    const ident = d.identifier ? `[${d.identifier}] ` : "";
+    doc.text(`${ident}${d.label || d.name}`, MARGIN_X, cursor.y);
+    cursor.y += LINE_H;
+    doc.setFont(void 0, "normal");
+    for (const a of d.annotations) {
+      const header = `  ${a.type.toUpperCase()} \xB7 Import\xE2ncia ${a.importance} \xB7 ${a.status}`;
+      _newPageIfNeeded(doc, cursor, LINE_H * 3);
+      doc.text(header, MARGIN_X, cursor.y);
+      cursor.y += LINE_H;
+      const wrapped = doc.splitTextToSize(`  "${a.text}"`, PAGE_W - MARGIN_X * 2);
+      for (const line of wrapped) {
+        _newPageIfNeeded(doc, cursor, LINE_H);
+        doc.text(line, MARGIN_X, cursor.y);
+        cursor.y += LINE_H;
+      }
+      const meta = `  por ${a.createdBy?.name ?? "\u2014"} (${a.createdBy?.email ?? "\u2014"}) em ${_formatDate(a.createdAt)}${a.dueDate ? " \xB7 vence " + _formatDate(a.dueDate) : ""}`;
+      const metaWrapped = doc.splitTextToSize(meta, PAGE_W - MARGIN_X * 2);
+      for (const line of metaWrapped) {
+        _newPageIfNeeded(doc, cursor, LINE_H);
+        doc.text(line, MARGIN_X, cursor.y);
+        cursor.y += LINE_H;
+      }
+      cursor.y += 2;
+    }
+    cursor.y += 2;
+  }
+}
+function _renderFooterAllPages(doc, customerName) {
+  const pageCount = doc.internal.getNumberOfPages();
+  for (let p = 1; p <= pageCount; p++) {
+    doc.setPage(p);
+    doc.setFontSize(8);
+    doc.setTextColor(120);
+    doc.text(
+      `MyIO \xB7 ${customerName || ""} \xB7 Documento confidencial \u2014 cont\xE9m dados operacionais.`,
+      MARGIN_X,
+      PAGE_H - 8
+    );
+    doc.text(`P\xE1gina ${p} / ${pageCount}`, PAGE_W - MARGIN_X - 25, PAGE_H - 8);
+  }
+}
+function _sectionHeader(doc, cursor, title) {
+  doc.setFontSize(14);
+  doc.setTextColor(76, 58, 172);
+  doc.text(title, MARGIN_X, cursor.y);
+  cursor.y += 7;
+  doc.setDrawColor(200);
+  doc.setLineWidth(0.2);
+  doc.line(MARGIN_X, cursor.y - 3, PAGE_W - MARGIN_X, cursor.y - 3);
+}
+function _newPage(doc, cursor) {
+  doc.addPage();
+  cursor.y = MARGIN_TOP;
+}
+function _newPageIfNeeded(doc, cursor, required) {
+  if (cursor.y + required > PAGE_H - MARGIN_BOTTOM) {
+    _newPage(doc, cursor);
+  }
+}
+function _filterVisible(devices, includeArchived) {
+  if (includeArchived) return devices;
+  return devices.map((d) => ({
+    ...d,
+    annotations: d.annotations.filter((a) => a.status !== "archived")
+  })).filter((d) => d.annotations.length > 0);
+}
+function _countAnnotations(devices) {
+  return devices.reduce((acc, d) => acc + d.annotations.length, 0);
+}
+function _countByType(devices) {
+  const acc = { observation: 0, pending: 0, maintenance: 0, activity: 0 };
+  for (const d of devices) {
+    for (const a of d.annotations) {
+      if (acc[a.type] !== void 0) acc[a.type]++;
+    }
+  }
+  return acc;
+}
+function _countByImportance(devices) {
+  const acc = { 1: 0, 2: 0, 3: 0, 4: 0, 5: 0 };
+  for (const d of devices) {
+    for (const a of d.annotations) {
+      const lv = a.importance;
+      if (acc[lv] !== void 0) acc[lv]++;
+    }
+  }
+  return acc;
+}
+function _countByDomain(devices) {
+  const acc = { energy: 0, water: 0, temperature: 0, unknown: 0 };
+  for (const d of devices) {
+    acc[d.domain] = (acc[d.domain] ?? 0) + d.annotations.length;
+  }
+  return acc;
+}
+function _truncate(s, max) {
+  const t = String(s ?? "");
+  return t.length > max ? t.slice(0, max - 1) + "\u2026" : t;
+}
+function _formatDate(iso) {
+  if (!iso) return "\u2014";
+  const d = new Date(iso);
+  if (isNaN(d.getTime())) return iso;
+  return d.toLocaleString("pt-BR");
+}
+
+// src/components/header-annotations-panel/HeaderAnnotationsPanel.ts
+var TABS = [
+  { id: "identifier", label: "Por Identificador" },
+  { id: "device", label: "Por Device" },
+  { id: "domain", label: "Por Dom\xEDnio" }
+];
+var TAB_STORAGE_KEY = "myio.annotations.activeTab";
+var SORT_STORAGE_KEY = "myio.annotations.sortBy";
+var SEARCH_DEBOUNCE_MS = 250;
+var PANEL_DOM_ID = "myio-annotations-panel";
+var HeaderAnnotationsPanel = class {
+  root = null;
+  anchorButton = null;
+  activeTab = "identifier";
+  sortBy = DEFAULT_SORT;
+  filter = createDefaultFilter();
+  isOpen = false;
+  // RFC-0203 M6 — Tooltip behaviors state
+  isPinned = false;
+  isMaximized = false;
+  isDragging = false;
+  dragOffset = { x: 0, y: 0 };
+  vlist = null;
+  opts;
+  // Bound listeners stored for removal
+  _onEscKey;
+  _onClickOutside;
+  _onAnnotationsRefreshed;
+  _onDragMove;
+  _onDragEnd;
+  _onFocusTrap;
+  // Debounce timer for search input
+  _searchDebounceTimer = null;
+  constructor(options = {}) {
+    this.opts = {
+      getOrchestrator: options.getOrchestrator ?? (() => (typeof window !== "undefined" ? window.AnnotationServiceOrchestrator : null) ?? null),
+      logger: options.logger ?? console
+    };
+    this.activeTab = this._loadActiveTab();
+    this.sortBy = this._loadSortBy();
+    this._onEscKey = (e) => {
+      if (e.key === "Escape" && this.isOpen) this.hide();
+    };
+    this._onClickOutside = (e) => {
+      if (!this.isOpen || !this.root) return;
+      if (this.isPinned) return;
+      const target = e.target;
+      if (!target) return;
+      if (this.root.contains(target)) return;
+      if (this.anchorButton && this.anchorButton.contains(target)) return;
+      this.hide();
+    };
+    this._onAnnotationsRefreshed = () => {
+      if (this.isOpen) this._render();
+    };
+    this._onDragMove = (e) => {
+      if (!this.isDragging || !this.root) return;
+      e.preventDefault();
+      const left = e.clientX - this.dragOffset.x;
+      const top = e.clientY - this.dragOffset.y;
+      const maxLeft = window.innerWidth - 80;
+      const maxTop = window.innerHeight - 40;
+      this.root.style.left = `${Math.max(0, Math.min(left, maxLeft))}px`;
+      this.root.style.top = `${Math.max(0, Math.min(top, maxTop))}px`;
+    };
+    this._onDragEnd = () => {
+      if (!this.isDragging) return;
+      this.isDragging = false;
+      if (this.root) this.root.classList.remove("is-dragging");
+      window.removeEventListener("mousemove", this._onDragMove);
+      window.removeEventListener("mouseup", this._onDragEnd);
+    };
+    this._onFocusTrap = (e) => {
+      if (!this.isMaximized || !this.root || e.key !== "Tab") return;
+      const focusables = Array.from(
+        this.root.querySelectorAll(
+          'button:not([disabled]), [tabindex="0"], input:not([disabled]), select:not([disabled])'
+        )
+      ).filter((el2) => el2.offsetParent !== null);
+      if (focusables.length === 0) return;
+      const first = focusables[0];
+      const last = focusables[focusables.length - 1];
+      const active = document.activeElement;
+      if (e.shiftKey && active === first) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && active === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+  }
+  // ── Lifecycle ──────────────────────────────────────────────────────────
+  /** Render + position + show. Idempotent. */
+  show(anchorButton) {
+    injectStylesOnce();
+    this.anchorButton = anchorButton;
+    if (!this.root) this.root = this._createRoot();
+    this._render();
+    this._position();
+    this.root.style.display = "";
+    this.root.setAttribute("aria-hidden", "false");
+    this.isOpen = true;
+    this._bindWindowListeners();
+    const firstTab = this.root.querySelector('.myio-annotations-tab[aria-selected="true"]');
+    if (firstTab) firstTab.focus();
+  }
+  /** Hide the panel without destroying it. */
+  hide() {
+    if (!this.root) return;
+    this.root.style.display = "none";
+    this.root.setAttribute("aria-hidden", "true");
+    this.isOpen = false;
+    this._unbindWindowListeners();
+    if (this.anchorButton) {
+      try {
+        this.anchorButton.focus();
+      } catch {
+      }
+    }
+  }
+  /** Toggle convenience. */
+  toggle(anchorButton) {
+    if (this.isOpen) this.hide();
+    else this.show(anchorButton);
+  }
+  /** Remove the panel DOM + listeners. After this, `show()` recreates. */
+  destroy() {
+    this._unbindWindowListeners();
+    if (this.vlist) {
+      this.vlist.destroy();
+      this.vlist = null;
+    }
+    if (this.root && this.root.parentNode) this.root.parentNode.removeChild(this.root);
+    this.root = null;
+    this.anchorButton = null;
+    this.isOpen = false;
+    this.isPinned = false;
+    this.isMaximized = false;
+    this.isDragging = false;
+  }
+  /** Test/inspection helper. */
+  getActiveTab() {
+    return this.activeTab;
+  }
+  /** Test helper — programmatic tab switch (also persists to sessionStorage). */
+  setActiveTab(tab) {
+    if (!TABS.some((t) => t.id === tab)) return;
+    this.activeTab = tab;
+    this._saveActiveTab(tab);
+    if (this.isOpen) this._render();
+  }
+  /** Test/inspection helper. */
+  getSortBy() {
+    return this.sortBy;
+  }
+  /** Test helper — programmatic sort change (persists). */
+  setSortBy(sort) {
+    if (!SORT_OPTIONS.some((o) => o.key === sort)) return;
+    this.sortBy = sort;
+    this._saveSortBy(sort);
+    if (this.isOpen) this._render();
+  }
+  /** Test/inspection helper. */
+  getFilter() {
+    return this.filter;
+  }
+  /** Test helper — programmatic filter merge. */
+  setFilter(patch) {
+    this.filter = { ...this.filter, ...patch };
+    if (this.isOpen) this._render();
+  }
+  // ── Internals ──────────────────────────────────────────────────────────
+  _loadActiveTab() {
+    try {
+      if (typeof sessionStorage === "undefined") return "identifier";
+      const stored = sessionStorage.getItem(TAB_STORAGE_KEY);
+      if (stored && TABS.some((t) => t.id === stored)) return stored;
+    } catch {
+    }
+    return "identifier";
+  }
+  _saveActiveTab(tab) {
+    try {
+      if (typeof sessionStorage !== "undefined") {
+        sessionStorage.setItem(TAB_STORAGE_KEY, tab);
+      }
+    } catch {
+    }
+  }
+  _loadSortBy() {
+    try {
+      if (typeof sessionStorage === "undefined") return DEFAULT_SORT;
+      const stored = sessionStorage.getItem(SORT_STORAGE_KEY);
+      if (stored && SORT_OPTIONS.some((o) => o.key === stored)) return stored;
+    } catch {
+    }
+    return DEFAULT_SORT;
+  }
+  _saveSortBy(sort) {
+    try {
+      if (typeof sessionStorage !== "undefined") {
+        sessionStorage.setItem(SORT_STORAGE_KEY, sort);
+      }
+    } catch {
+    }
+  }
+  _createRoot() {
+    const el2 = document.createElement("div");
+    el2.id = PANEL_DOM_ID;
+    el2.className = "myio-annotations-panel";
+    el2.setAttribute("role", "dialog");
+    el2.setAttribute("aria-modal", "false");
+    el2.setAttribute("aria-labelledby", PANEL_DOM_ID + "-title");
+    el2.setAttribute("aria-hidden", "true");
+    el2.style.display = "none";
+    document.body.appendChild(el2);
+    return el2;
+  }
+  _position() {
+    if (!this.root || !this.anchorButton) return;
+    const rect = this.anchorButton.getBoundingClientRect();
+    const panelWidth = Math.min(720, window.innerWidth * 0.9);
+    let left = rect.left;
+    if (left + panelWidth > window.innerWidth - 8) {
+      left = Math.max(8, window.innerWidth - panelWidth - 8);
+    }
+    const top = rect.bottom + 8;
+    this.root.style.left = `${left}px`;
+    this.root.style.top = `${top}px`;
+    this.root.style.width = `${panelWidth}px`;
+  }
+  _bindWindowListeners() {
+    if (typeof window === "undefined") return;
+    window.addEventListener("keydown", this._onEscKey);
+    setTimeout(() => {
+      window.addEventListener("mousedown", this._onClickOutside, true);
+    }, 0);
+    window.addEventListener("myio:annotations-refreshed", this._onAnnotationsRefreshed);
+    window.addEventListener("keydown", this._onFocusTrap);
+  }
+  _unbindWindowListeners() {
+    if (typeof window === "undefined") return;
+    window.removeEventListener("keydown", this._onEscKey);
+    window.removeEventListener("mousedown", this._onClickOutside, true);
+    window.removeEventListener("myio:annotations-refreshed", this._onAnnotationsRefreshed);
+    window.removeEventListener("keydown", this._onFocusTrap);
+    window.removeEventListener("mousemove", this._onDragMove);
+    window.removeEventListener("mouseup", this._onDragEnd);
+  }
+  _render() {
+    if (!this.root) return;
+    if (this.vlist) {
+      this.vlist.destroy();
+      this.vlist = null;
+    }
+    const orch = this.opts.getOrchestrator();
+    this.root.innerHTML = this._renderHTML(orch);
+    this._bindInteractiveElements();
+    this._maybeActivateVirtualScroll(orch);
+  }
+  /**
+   * AC-28 — Replace the body's flat innerHTML with a VirtualList when total
+   * item count exceeds the threshold (100). Below the threshold, the static
+   * render path stays as-is for simplicity.
+   */
+  _maybeActivateVirtualScroll(orch) {
+    if (!this.root) return;
+    const body = this.root.querySelector("#myio-anno-body");
+    if (!body) return;
+    if (!orch) return;
+    const rawGroups = orch.getGroups(this.activeTab, this.filter);
+    const groups = sortGroups(rawGroups, this.sortBy);
+    const totalItems = countAnnotationsInGroups(groups);
+    if (!shouldVirtualize(totalItems)) return;
+    const term = this.filter.searchTerm || "";
+    const rows = [];
+    for (const g of groups) {
+      const isNoIdentifier = this.activeTab === "identifier" && g.key === "Sem Identificador";
+      const groupClass = isNoIdentifier ? "myio-annotations-group myio-annotations-group--no-id" : "myio-annotations-group";
+      rows.push({
+        key: `g:${g.key}`,
+        height: 40,
+        // group header
+        render: () => `
+<header class="myio-annotations-group-header ${groupClass}">
+  ${g.icon ? `<span class="myio-annotations-group-icon" aria-hidden="true">${escapeHtml6(g.icon)}</span>` : ""}
+  <span class="myio-annotations-group-label">${escapeHtml6(g.label)}</span>
+  <span class="myio-annotations-group-count">${g.totalAnnotations}</span>
+</header>`
+      });
+      for (const d of g.devices) {
+        for (const a of d.annotations) {
+          rows.push({
+            key: `i:${d.deviceId}:${a.id}`,
+            height: 78,
+            // item card (text + meta + badges)
+            render: () => renderAnnotationItemCard(d, a, term)
+          });
+        }
+      }
+    }
+    this.vlist = new VirtualList({ container: body, rows });
+    body.addEventListener("click", this._onBodyClickDelegated);
+  }
+  /** Delegated click handler for items rendered by the VirtualList. */
+  _onBodyClickDelegated = (e) => {
+    const target = e.target;
+    if (!target) return;
+    const item = target.closest(".myio-annotations-item");
+    if (item) this._handleItemClick(item);
+  };
+  _renderHTML(orch) {
+    const totalAllUnfiltered = orch?.getTotalCount?.() ?? 0;
+    const pending = orch?.getPendingCount?.() ?? 0;
+    const overdue = orch?.getOverdueCount?.() ?? 0;
+    const tabsHtml = TABS.map(
+      (t) => `<button
+          class="myio-annotations-tab"
+          type="button"
+          role="tab"
+          id="myio-anno-tab-${t.id}"
+          data-tab="${t.id}"
+          aria-selected="${t.id === this.activeTab}"
+          aria-controls="myio-anno-body"
+          tabindex="${t.id === this.activeTab ? 0 : -1}"
+        >${t.label}</button>`
+    ).join("");
+    const rawGroups = orch ? orch.getGroups(this.activeTab, this.filter) : [];
+    const groups = sortGroups(rawGroups, this.sortBy);
+    const filteredCount = countAnnotationsInGroups(groups);
+    const bodyHtml = this._renderBody(groups);
+    return `
+<div class="myio-annotations-panel-header" data-region="header" data-drag-handle>
+  <h2 class="myio-annotations-panel-title" id="${PANEL_DOM_ID}-title">
+    <span class="myio-annotations-icon" aria-hidden="true">\u{1F4CB}</span>Anota\xE7\xF5es
+  </h2>
+  <span class="myio-annotations-panel-meta">${totalAllUnfiltered} ativas \xB7 ${pending} pendentes \xB7 ${overdue} vencidas</span>
+  <div class="myio-annotations-panel-actions">
+    <button
+      class="myio-annotations-panel-action ${this.isMaximized ? "is-active" : ""}"
+      type="button"
+      data-action="maximize"
+      title="${this.isMaximized ? "Restaurar" : "Maximizar"}"
+      aria-label="${this.isMaximized ? "Restaurar tamanho" : "Maximizar painel"}"
+      aria-pressed="${this.isMaximized}"
+    >${this.isMaximized ? "\u{1F5D7}" : "\u2922"}</button>
+    <button
+      class="myio-annotations-panel-action ${this.isPinned ? "is-active" : ""}"
+      type="button"
+      data-action="pin"
+      title="${this.isPinned ? "Desafixar" : "Afixar painel"}"
+      aria-label="${this.isPinned ? "Desafixar painel" : "Afixar painel"}"
+      aria-pressed="${this.isPinned}"
+    >\u{1F4CC}</button>
+    <button class="myio-annotations-panel-action" type="button" data-action="close" title="Fechar" aria-label="Fechar painel">\u2715</button>
+  </div>
+</div>
+<div class="myio-annotations-tabs" role="tablist" aria-label="Modo de agrupamento">${tabsHtml}</div>
+${this._renderToolbar(filteredCount, totalAllUnfiltered)}
+<div class="myio-annotations-body" id="myio-anno-body" role="tabpanel" aria-labelledby="myio-anno-tab-${this.activeTab}">${bodyHtml}</div>
+<div class="myio-annotations-panel-footer">
+  <button class="myio-annotations-panel-footer-action" type="button" data-action="export">\u{1F4E5} Exportar\u2026</button>
+  <span class="myio-annotations-panel-footer-meta">RFC-0203 \xB7 ${groups.length} grupos \xB7 ${filteredCount} anota\xE7\xF5es</span>
+  <button class="myio-annotations-panel-footer-action" type="button" data-action="refresh">Atualizar \u21BB</button>
+</div>
+`;
+  }
+  _renderToolbar(filteredCount, totalCount) {
+    const sortOptions = SORT_OPTIONS.map(
+      (o) => `<option value="${o.key}" ${o.key === this.sortBy ? "selected" : ""}>${escapeHtml6(o.label)}</option>`
+    ).join("");
+    const term = escapeHtml6(this.filter.searchTerm || "");
+    const filtersActiveCount = this._activeFilterCount();
+    const filterIndicator = filtersActiveCount > 0 ? `<span class="myio-annotations-group-count">${filtersActiveCount}</span>` : "";
+    const showingHtml = filteredCount === totalCount ? `${totalCount} anota\xE7\xF5es` : `${filteredCount} de ${totalCount} anota\xE7\xF5es`;
+    return `
+<div class="myio-annotations-toolbar" data-region="toolbar">
+  <div class="myio-annotations-toolbar-row">
+    <label class="myio-annotations-toolbar-search">
+      <span class="myio-annotations-search-icon" aria-hidden="true">\u{1F50D}</span>
+      <input
+        type="search"
+        data-input="search"
+        placeholder="Buscar identificador, device, texto\u2026"
+        aria-label="Buscar anota\xE7\xF5es"
+        value="${term}"
+      />
+    </label>
+    <select class="myio-annotations-toolbar-sort" data-input="sort" aria-label="Ordena\xE7\xE3o">
+      ${sortOptions}
+    </select>
+    <button
+      class="myio-annotations-toolbar-filter-btn"
+      type="button"
+      data-action="toggle-filters"
+      aria-expanded="false"
+      aria-controls="myio-anno-filters"
+    >\u2699 Filtros ${filterIndicator}</button>
+  </div>
+  <div class="myio-annotations-toolbar-row myio-annotations-toolbar-meta">
+    <span class="myio-annotations-toolbar-count">${showingHtml}</span>
+  </div>
+  <div id="myio-anno-filters" class="myio-annotations-filters" hidden>${this._renderFilters()}</div>
+</div>`;
+  }
+  _renderFilters() {
+    const typesHtml = FILTER_TYPE_OPTIONS.map(
+      (t) => `<label class="myio-annotations-filter-chip ${this.filter.types.has(t.id) ? "is-on" : ""}">
+          <input type="checkbox" data-filter="type" value="${t.id}" ${this.filter.types.has(t.id) ? "checked" : ""} />
+          <span>${t.icon} ${escapeHtml6(t.label)}</span>
+        </label>`
+    ).join("");
+    const statusHtml = FILTER_STATUS_OPTIONS.map(
+      (s) => `<label class="myio-annotations-filter-chip ${this.filter.statuses.has(s.id) ? "is-on" : ""}">
+          <input type="checkbox" data-filter="status" value="${s.id}" ${this.filter.statuses.has(s.id) ? "checked" : ""} />
+          <span>${escapeHtml6(s.label)}</span>
+        </label>`
+    ).join("");
+    const impHtml = [1, 2, 3, 4, 5].map(
+      (lv) => `<label class="myio-annotations-filter-chip ${this.filter.importance.has(lv) ? "is-on" : ""}">
+            <input type="checkbox" data-filter="importance" value="${lv}" ${this.filter.importance.has(lv) ? "checked" : ""} />
+            <span>${lv}</span>
+          </label>`
+    ).join("");
+    return `
+<div class="myio-annotations-filter-section">
+  <div class="myio-annotations-filter-section-title">Tipo</div>
+  <div class="myio-annotations-filter-chips">${typesHtml}</div>
+</div>
+<div class="myio-annotations-filter-section">
+  <div class="myio-annotations-filter-section-title">Status</div>
+  <div class="myio-annotations-filter-chips">${statusHtml}</div>
+</div>
+<div class="myio-annotations-filter-section">
+  <div class="myio-annotations-filter-section-title">Import\xE2ncia</div>
+  <div class="myio-annotations-filter-chips">${impHtml}</div>
+</div>
+<div class="myio-annotations-filter-section">
+  <label class="myio-annotations-filter-chip ${this.filter.actionableOnly ? "is-on" : ""}">
+    <input type="checkbox" data-filter="actionable" ${this.filter.actionableOnly ? "checked" : ""} />
+    <span>Acion\xE1veis apenas (pendentes n\xE3o-arquivadas, com vencimento \u2264 7 dias ou sem vencimento)</span>
+  </label>
+</div>
+<div class="myio-annotations-filter-actions">
+  <button type="button" class="myio-annotations-panel-footer-action" data-action="clear-filters">Limpar</button>
+</div>`;
+  }
+  _activeFilterCount() {
+    let n = 0;
+    n += this.filter.types.size;
+    n += this.filter.statuses.size;
+    n += this.filter.importance.size;
+    if (this.filter.actionableOnly) n += 1;
+    return n;
+  }
+  _renderBody(groups) {
+    if (!groups || groups.length === 0) {
+      const hasFilters = this.filter.searchTerm || this._activeFilterCount() > 0;
+      return `
+<div class="myio-annotations-empty">
+  <div class="myio-annotations-empty-icon" aria-hidden="true">\u{1F4CB}</div>
+  <div>${hasFilters ? "Nada encontrado para o filtro / busca atual." : "Nenhuma anota\xE7\xE3o ativa."}</div>
+</div>`;
+    }
+    return groups.map((g) => this._renderGroup(g)).join("\n");
+  }
+  _renderGroup(group) {
+    const isNoIdentifier = this.activeTab === "identifier" && group.key === "Sem Identificador";
+    const term = this.filter.searchTerm || "";
+    const items = group.devices.flatMap(
+      (d) => d.annotations.map((a) => renderAnnotationItemCard(d, a, term))
+    );
+    const groupClass = isNoIdentifier ? "myio-annotations-group myio-annotations-group--no-id" : "myio-annotations-group";
+    return `
+<section class="${groupClass}">
+  <header class="myio-annotations-group-header">
+    ${group.icon ? `<span class="myio-annotations-group-icon" aria-hidden="true">${escapeHtml6(group.icon)}</span>` : ""}
+    <span class="myio-annotations-group-label">${escapeHtml6(group.label)}</span>
+    <span class="myio-annotations-group-count">${group.totalAnnotations}</span>
+  </header>
+  ${items.join("\n")}
+</section>`;
+  }
+  _bindInteractiveElements() {
+    if (!this.root) return;
+    const tabBtns = Array.from(this.root.querySelectorAll(".myio-annotations-tab"));
+    tabBtns.forEach((btn) => {
+      btn.addEventListener("click", () => {
+        const tab = btn.getAttribute("data-tab");
+        if (tab) this.setActiveTab(tab);
+      });
+    });
+    const tablist = this.root.querySelector(".myio-annotations-tabs");
+    if (tablist) {
+      tablist.addEventListener("keydown", (e) => this._onTabKeydown(e, tabBtns));
+    }
+    const items = this.root.querySelectorAll(".myio-annotations-item");
+    items.forEach((it) => {
+      it.addEventListener("click", () => this._handleItemClick(it));
+    });
+    const closeBtn = this.root.querySelector('[data-action="close"]');
+    if (closeBtn) closeBtn.addEventListener("click", () => this.hide());
+    const pinBtn = this.root.querySelector('[data-action="pin"]');
+    if (pinBtn) {
+      pinBtn.addEventListener("click", () => {
+        this.isPinned = !this.isPinned;
+        if (this.isOpen) this._render();
+      });
+    }
+    const maxBtn = this.root.querySelector('[data-action="maximize"]');
+    if (maxBtn) {
+      maxBtn.addEventListener("click", () => {
+        this.isMaximized = !this.isMaximized;
+        if (this.root) {
+          if (this.isMaximized) {
+            this.root.classList.add("maximized");
+            this.root.style.width = "";
+          } else {
+            this.root.classList.remove("maximized");
+            this._position();
+          }
+        }
+        if (this.isOpen) this._render();
+      });
+    }
+    const dragHandle = this.root.querySelector("[data-drag-handle]");
+    if (dragHandle) {
+      dragHandle.addEventListener("mousedown", (e) => {
+        const target = e.target;
+        if (target.closest(".myio-annotations-panel-action")) return;
+        if (this.isMaximized) return;
+        if (!this.root) return;
+        const rect = this.root.getBoundingClientRect();
+        this.dragOffset = { x: e.clientX - rect.left, y: e.clientY - rect.top };
+        this.isDragging = true;
+        this.root.classList.add("is-dragging");
+        window.addEventListener("mousemove", this._onDragMove);
+        window.addEventListener("mouseup", this._onDragEnd);
+        e.preventDefault();
+      });
+    }
+    const refreshBtn = this.root.querySelector('[data-action="refresh"]');
+    if (refreshBtn) {
+      refreshBtn.addEventListener("click", () => {
+        const orch = this.opts.getOrchestrator();
+        if (orch && typeof orch.refresh === "function") {
+          orch.refresh().catch((err) => this.opts.logger.warn("[HeaderAnnotationsPanel] refresh failed:", err));
+        }
+      });
+    }
+    const exportBtn = this.root.querySelector('[data-action="export"]');
+    if (exportBtn) {
+      exportBtn.addEventListener("click", () => this._openExportFlow());
+    }
+    const searchInput = this.root.querySelector('[data-input="search"]');
+    if (searchInput) {
+      searchInput.addEventListener("input", () => {
+        if (this._searchDebounceTimer) clearTimeout(this._searchDebounceTimer);
+        this._searchDebounceTimer = setTimeout(() => {
+          this.filter = withSearchTerm(this.filter, searchInput.value);
+          if (this.isOpen) this._render();
+          requestAnimationFrame(() => {
+            const fresh = this.root?.querySelector('[data-input="search"]');
+            if (fresh) {
+              fresh.focus();
+              try {
+                fresh.setSelectionRange(fresh.value.length, fresh.value.length);
+              } catch {
+              }
+            }
+          });
+        }, SEARCH_DEBOUNCE_MS);
+      });
+    }
+    const sortSelect = this.root.querySelector('[data-input="sort"]');
+    if (sortSelect) {
+      sortSelect.addEventListener("change", () => {
+        this.setSortBy(sortSelect.value);
+      });
+    }
+    const filterToggle = this.root.querySelector(
+      '[data-action="toggle-filters"]'
+    );
+    const filterPanel = this.root.querySelector("#myio-anno-filters");
+    if (filterToggle && filterPanel) {
+      filterToggle.addEventListener("click", () => {
+        const isHidden = filterPanel.hasAttribute("hidden");
+        if (isHidden) {
+          filterPanel.removeAttribute("hidden");
+          filterToggle.setAttribute("aria-expanded", "true");
+        } else {
+          filterPanel.setAttribute("hidden", "");
+          filterToggle.setAttribute("aria-expanded", "false");
+        }
+      });
+    }
+    const filterInputs = this.root.querySelectorAll("[data-filter]");
+    filterInputs.forEach((cb) => {
+      cb.addEventListener("change", () => {
+        const kind = cb.getAttribute("data-filter");
+        if (kind === "type") {
+          const v = cb.value;
+          this.setFilter({ types: toggleInSet(this.filter.types, v) });
+          this._reopenFiltersAfterRender();
+        } else if (kind === "status") {
+          const v = cb.value;
+          this.setFilter({ statuses: toggleInSet(this.filter.statuses, v) });
+          this._reopenFiltersAfterRender();
+        } else if (kind === "importance") {
+          const v = Number(cb.value);
+          this.setFilter({ importance: toggleInSet(this.filter.importance, v) });
+          this._reopenFiltersAfterRender();
+        } else if (kind === "actionable") {
+          this.setFilter({ actionableOnly: cb.checked });
+          this._reopenFiltersAfterRender();
+        }
+      });
+    });
+    const clearBtn = this.root.querySelector('[data-action="clear-filters"]');
+    if (clearBtn) {
+      clearBtn.addEventListener("click", () => {
+        this.filter = createDefaultFilter();
+        if (this.isOpen) this._render();
+        this._reopenFiltersAfterRender();
+      });
+    }
+  }
+  /** After a re-render triggered by a filter checkbox, re-open the filter panel
+   * so the user keeps the context visible. */
+  _reopenFiltersAfterRender() {
+    requestAnimationFrame(() => {
+      const fp = this.root?.querySelector("#myio-anno-filters");
+      const toggle = this.root?.querySelector(
+        '[data-action="toggle-filters"]'
+      );
+      if (fp && toggle) {
+        fp.removeAttribute("hidden");
+        toggle.setAttribute("aria-expanded", "true");
+      }
+    });
+  }
+  _onTabKeydown(e, tabBtns) {
+    const currentIdx = tabBtns.findIndex(
+      (b) => b.getAttribute("aria-selected") === "true"
+    );
+    if (currentIdx < 0) return;
+    let nextIdx = currentIdx;
+    switch (e.key) {
+      case "ArrowRight":
+        nextIdx = (currentIdx + 1) % tabBtns.length;
+        break;
+      case "ArrowLeft":
+        nextIdx = (currentIdx - 1 + tabBtns.length) % tabBtns.length;
+        break;
+      case "Home":
+        nextIdx = 0;
+        break;
+      case "End":
+        nextIdx = tabBtns.length - 1;
+        break;
+      default:
+        return;
+    }
+    e.preventDefault();
+    const tabId = tabBtns[nextIdx].getAttribute("data-tab");
+    if (tabId) {
+      this.setActiveTab(tabId);
+      requestAnimationFrame(() => {
+        const sel = this.root?.querySelector(
+          '.myio-annotations-tab[aria-selected="true"]'
+        );
+        sel?.focus();
+      });
+    }
+  }
+  _handleItemClick(itemEl) {
+    const deviceId = itemEl.getAttribute("data-device-id") || "";
+    const annotationId = itemEl.getAttribute("data-annotation-id") || "";
+    if (typeof window !== "undefined") {
+      window.dispatchEvent(
+        new CustomEvent("myio:annotation-clicked", {
+          detail: { deviceId, annotationId, returnTo: "header-panel" }
+        })
+      );
+    }
+  }
+  /**
+   * RFC-0203 M7 — Opens the export modal and dispatches CSV/PDF generation.
+   */
+  _openExportFlow() {
+    const orch = this.opts.getOrchestrator();
+    if (!orch) {
+      this.opts.logger.warn("[HeaderAnnotationsPanel] export: no orchestrator");
+      return;
+    }
+    const hasActiveFilter = !!this.filter.searchTerm || this.filter.types.size > 0 || this.filter.statuses.size > 0 || this.filter.importance.size > 0 || this.filter.actionableOnly;
+    const customerName = typeof window !== "undefined" && window.MyIOOrchestrator?.customerName || "";
+    openExportModal({
+      hasActiveFilter,
+      logger: this.opts.logger,
+      onExport: (opts) => {
+        try {
+          const devices = this._devicesForScope(opts.scope, orch);
+          if (opts.format === "csv") {
+            exportAnnotationsCsv(devices, {
+              customerName,
+              includeArchived: this.filter.statuses.has("archived")
+            });
+            this.opts.logger.debug("[HeaderAnnotationsPanel] CSV exported");
+          } else if (opts.format === "pdf") {
+            const fallback = ["summary"];
+            const levels = opts.levels && opts.levels.length > 0 ? opts.levels : fallback;
+            exportAnnotationsPdf(devices, {
+              customerName,
+              levels,
+              includeArchived: this.filter.statuses.has("archived")
+            });
+            this.opts.logger.debug("[HeaderAnnotationsPanel] PDF exported (levels=" + levels.join(",") + ")");
+          }
+        } catch (err) {
+          this.opts.logger.warn("[HeaderAnnotationsPanel] export failed:", err);
+          if (typeof window !== "undefined") {
+            try {
+              alert("Falha ao exportar: " + err?.message);
+            } catch {
+            }
+          }
+        }
+      }
+    });
+  }
+  /**
+   * Resolves the device subset used by the export based on the chosen scope:
+   *   - 'current-tab': groups visible in the active tab (respecting filter)
+   *   - 'filtered'   : the same as current-tab when a filter is active
+   *   - 'all'        : every device known to the orchestrator (unfiltered)
+   */
+  _devicesForScope(scope, orch) {
+    if (scope === "all") return orch.getAll();
+    const groups = orch.getGroups(this.activeTab, this.filter);
+    const seen = /* @__PURE__ */ new Set();
+    const out = [];
+    for (const g of groups) {
+      for (const d of g.devices) {
+        if (!seen.has(d.deviceId)) {
+          seen.add(d.deviceId);
+          out.push(d);
+        }
+      }
+    }
+    return out;
+  }
+};
+var _singleton = null;
+function getHeaderAnnotationsPanel() {
+  if (!_singleton) _singleton = new HeaderAnnotationsPanel();
+  return _singleton;
+}
+
 // src/index.ts
 var version = package_default.version || "0.0.0";
 // Annotate the CommonJS export names for ESM import in node:
@@ -141954,9 +144527,12 @@ var version = package_default.version || "0.0.0";
   ALARM_STATE_CONFIG,
   AMBIENTE_GROUP_CSS_PREFIX,
   AMBIENTE_MODAL_CSS_PREFIX,
+  ANNOTATION_CSV_COLUMNS,
+  ANNOTATION_SORT_OPTIONS,
   ANNOTATION_TYPE_COLORS,
   ANNOTATION_TYPE_LABELS,
   ANNOTATION_TYPE_LABELS_EN,
+  ANNOTATION_VIRTUAL_THRESHOLD,
   ActionButtonController,
   ActionButtonView,
   AlarmService,
@@ -141979,6 +144555,7 @@ var version = package_default.version || "0.0.0";
   ContractSummaryTooltip,
   CustomerCardV1,
   CustomerCardV2,
+  CustomerDeviceService,
   DAY_LABELS,
   DAY_LABELS_FULL,
   DECIMAL_OPTIONS,
@@ -141986,6 +144563,7 @@ var version = package_default.version || "0.0.0";
   DEFAULT_ALARM_FILTERS,
   DEFAULT_ALARM_FILTER_TABS,
   DEFAULT_ALARM_STATS,
+  DEFAULT_ANNOTATION_SORT,
   DEFAULT_BAS_SETTINGS,
   DEFAULT_CLAMP_RANGE,
   DEFAULT_DASHBOARD_KPIS,
@@ -142083,6 +144661,7 @@ var version = package_default.version || "0.0.0";
   HEADER_STYLE_DEFAULT,
   HEADER_STYLE_PREMIUM_GREEN,
   HEADER_STYLE_SLIM,
+  HeaderAnnotationsPanel,
   HeaderDevicesGridController,
   HeaderDevicesGridView,
   HeaderFilterModal,
@@ -142181,6 +144760,7 @@ var version = package_default.version || "0.0.0";
   TempRangeTooltip,
   TempSensorSummaryTooltip,
   UsersSummaryTooltip,
+  VirtualList,
   WAITING_STATUSES,
   WATER_DEVICE_CATEGORIES,
   WATER_SORT_OPTIONS,
@@ -142197,6 +144777,9 @@ var version = package_default.version || "0.0.0";
   assignShoppingColors,
   averageByDay,
   buildAmbienteGroupData,
+  buildAnnotationServiceOrchestrator,
+  buildAnnotationsCsv,
+  buildAnnotationsExportFilename,
   buildDeviceGridEntityObject,
   buildEquipmentCategoryDataForTooltip,
   buildEquipmentCategorySummary,
@@ -142231,6 +144814,7 @@ var version = package_default.version || "0.0.0";
   classifyWaterLabels,
   clearAllAuthCaches,
   clearFreshdeskTicketsOnTB,
+  closeAnnotationsExportModal,
   connectionStatusIcons,
   createActionButton,
   createAlarmCardElement,
@@ -142247,6 +144831,7 @@ var version = package_default.version || "0.0.0";
   createCustomerCardV2,
   createDateRangePicker,
   createDaysGrid,
+  createDefaultAnnotationFilter,
   createDeviceGridBusyModal,
   createDeviceGridState,
   createDeviceGridV6,
@@ -142295,6 +144880,7 @@ var version = package_default.version || "0.0.0";
   createToggleSwitch,
   createWaterPanelComponent,
   createWidgetController,
+  csvEscapeAnnotation,
   decodePayload,
   decodePayloadBase64Xor,
   deleteFreshdeskTicket,
@@ -142306,6 +144892,10 @@ var version = package_default.version || "0.0.0";
   determineInterval,
   deviceStatusIcons,
   doSchedulesOverlap,
+  downloadAnnotationsTextFile,
+  escapeAnnotationHtml,
+  exportAnnotationsCsv,
+  exportAnnotationsPdf,
   exportGridCsv,
   exportGridPdf,
   exportGridXls,
@@ -142330,6 +144920,7 @@ var version = package_default.version || "0.0.0";
   formatAlarmRelativeTime,
   formatAllInSameUnit,
   formatAllInSameWaterUnit,
+  formatAnnotationRelativeTime,
   formatDashboardPercentage,
   formatDateForInput,
   formatDateToYMD,
@@ -142378,6 +144969,7 @@ var version = package_default.version || "0.0.0";
   getFirstDayOfMonthFor,
   getGroupColor,
   getHashColor,
+  getHeaderAnnotationsPanel,
   getImageByConsumption,
   getLastDayOfMonth,
   getModalHeaderStyles,
@@ -142401,6 +144993,7 @@ var version = package_default.version || "0.0.0";
   groupByDay,
   handleDeviceType,
   hasSelectedDays,
+  highlightAnnotationMatches,
   initMyIOAuthContext,
   initOnOffTimelineTooltips,
   injectActionButtonStyles,
@@ -142414,6 +145007,7 @@ var version = package_default.version || "0.0.0";
   injectDeviceOperationalCardGridStyles,
   injectDeviceOperationalCardStyles,
   injectFancoilRemoteStyles,
+  injectHeaderAnnotationsStyles,
   injectHeaderDevicesGridStyles,
   injectHeaderShoppingStyles,
   injectMenuShoppingStyles,
@@ -142432,6 +145026,7 @@ var version = package_default.version || "0.0.0";
   injectSwitchControlStyles,
   interpolateTemperature,
   isAlarmActive,
+  isAnnotationOverdue,
   isConnectionStale,
   isDeviceOffline,
   isEndAfterStart,
@@ -142454,6 +145049,7 @@ var version = package_default.version || "0.0.0";
   mapDeviceStatusToCardStatus,
   mapDeviceToConnectionStatus,
   myioExportData,
+  nfdNormalizeAnnotationSearch,
   normalizeConnectionStatus,
   normalizeRecipients,
   numbers,
@@ -142462,6 +145058,7 @@ var version = package_default.version || "0.0.0";
   openAlarmDetailsModal,
   openAmbienteDetailModal,
   openAmbienteGroupModal,
+  openAnnotationsExportModal,
   openContractDevicesModal,
   openDashboardPopup,
   openDashboardPopupAllReport,
@@ -142488,6 +145085,7 @@ var version = package_default.version || "0.0.0";
   openUserManagementModal,
   openWelcomeModal,
   parseInputDateToDate,
+  parseLogAnnotations,
   periodKey,
   readFreshdeskTicketsFromTB,
   recalculateDeviceStatus,
@@ -142501,6 +145099,7 @@ var version = package_default.version || "0.0.0";
   removeOperationalHeaderDevicesGridStyles,
   removeSchedulingSharedStyles,
   renderAlarmCard,
+  renderAnnotationItemCard,
   renderCardAmbienteV6,
   renderCardComponent,
   renderCardComponentEnhanced,
@@ -142531,6 +145130,8 @@ var version = package_default.version || "0.0.0";
   schedShowConfirmModal,
   schedShowNotificationModal,
   shouldFlashIcon,
+  shouldVirtualizeAnnotationList,
+  sortAnnotationGroups,
   sortDeviceGridDevices,
   strings,
   telemetryInfoFormatEnergy,
@@ -142542,6 +145143,7 @@ var version = package_default.version || "0.0.0";
   toCSV,
   toFixedSafe,
   toFreshdeskTicketSummary,
+  truncateAnnotationText,
   updateDeviceGridStats,
   updateFreshdeskTicket,
   upsertAlarmAnnotation,