myio-js-library 0.1.560 → 0.1.562

package/dist/index.cjs

@@ -454,6 +454,7 @@ __export(src_exports, {
   createFreshdeskTicket: () => createTicket,
   createGcdrAnnotationsAuthStrategy: () => createAuthStrategy,
   createGcdrAnnotationsClient: () => createGcdrAnnotationsClient,
+  createGcdrReportJobsApi: () => createGcdrReportJobsApi,
   createGoalsBarTooltip: () => createGoalsBarTooltip,
   createGoalsMoneyClient: () => createGoalsMoneyClient,
   createGranularitySelector: () => createGranularitySelector,
@@ -486,6 +487,7 @@ __export(src_exports, {
   createPdfButton: () => createPdfButton,
   createPremiumModalChrome: () => createPremiumModalChrome,
   createPresetupGateway: () => createPresetupGateway,
+  createProfileClassifier: () => createProfileClassifier,
   createRealTimeClock: () => createRealTimeClock,
   createReportMoneyColumn: () => createReportMoneyColumn,
   createScheduleCard: () => createScheduleCard,
@@ -499,6 +501,7 @@ __export(src_exports, {
   createSwitchControl: () => createSwitchControl,
   createTariffApiAdapter: () => createTariffApiAdapter,
   createTariffApiClient: () => createTariffApiClient,
+  createTbEnvelopeStore: () => createTbEnvelopeStore,
   createTelemetryGridComponent: () => createTelemetryGridComponent,
   createTelemetryGridShoppingComponent: () => createTelemetryGridShoppingComponent,
   createTelemetryInfoShoppingComponent: () => createTelemetryInfoShoppingComponent,
@@ -515,6 +518,8 @@ __export(src_exports, {
   decodePayload: () => decodePayload,
   decodePayloadBase64Xor: () => decodePayloadBase64Xor,
   deleteFreshdeskTicket: () => deleteTicket,
+  demandDevicesFromItems: () => demandDevicesFromItems,
+  demandReport: () => demand_exports,
   deriveCentralConnectivity: () => deriveCentralConnectivity,
   detectContext: () => detectContext,
   detectDeviceType: () => detectDeviceType,
@@ -769,6 +774,7 @@ __export(src_exports, {
   openDashboardPopupSettings: () => openDashboardPopupSettings,
   openDashboardPopupWaterTank: () => openDashboardPopupWaterTank,
   openDemandModal: () => openDemandModal,
+  openDemandPanelV2: () => openDemandPanelV2,
   openDeviceCategoryPanel: () => openDeviceCategoryPanel,
   openDeviceProfileModal: () => openDeviceProfileModal,
   openGCDRSyncModal: () => openGCDRSyncModal,
@@ -878,6 +884,7 @@ __export(src_exports, {
   summaryDeviceToTotalsRow: () => summaryDeviceToTotalsRow,
   summaryLastReadingTs: () => summaryLastReadingTs,
   summaryLookbackFromIso: () => summaryLookbackFromIso,
+  tbUserFromJwt: () => tbUserFromJwt,
   telemetryInfoFormatEnergy: () => formatEnergy2,
   telemetryInfoFormatPercentage: () => formatPercentage3,
   telemetryInfoFormatWater: () => formatWater2,
@@ -908,7 +915,7 @@ module.exports = __toCommonJS(src_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.560",
+  version: "0.1.562",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -29619,12 +29626,12 @@ async function openRealTimeTelemetryModal(params) {
     const startTs = new Date(startISO).getTime();
     const endTs = new Date(endISO).getTime();
     const isRaw = selectedAgg === "NONE";
-    const bucketCount = Math.ceil(Math.max(endTs - startTs, 0) / selectedIntervalMs) + 2;
+    const bucketCount2 = Math.ceil(Math.max(endTs - startTs, 0) / selectedIntervalMs) + 2;
     const url = buildTsUrl({
       keys: selectedChartKeys,
       startTs,
       endTs,
-      limit: isRaw ? selectedLimit : Math.min(bucketCount, 5e4),
+      limit: isRaw ? selectedLimit : Math.min(bucketCount2, 5e4),
       agg: selectedAgg,
       orderBy: "ASC",
       ...isRaw ? {} : { intervalType: "MILLISECONDS", interval: selectedIntervalMs }
@@ -31081,8 +31088,8 @@ function normalizeToSaoPauloISO(dateLike, endOfDay = false) {
   if (typeof dateLike === "string") {
     ymd = dateLike.split("T")[0];
   } else {
-    const SP_OFFSET_MS2 = 3 * 60 * 60 * 1e3;
-    const d = new Date(dateLike.getTime() - SP_OFFSET_MS2);
+    const SP_OFFSET_MS3 = 3 * 60 * 60 * 1e3;
+    const d = new Date(dateLike.getTime() - SP_OFFSET_MS3);
     const y = d.getUTCFullYear();
     const mo = String(d.getUTCMonth() + 1).padStart(2, "0");
     const da = String(d.getUTCDate()).padStart(2, "0");
@@ -31383,8 +31390,8 @@ var EnergyDataFetcher = class {
 // src/components/premium-modals/internal/engines/CsvExporter.ts
 var toCsv = (rows, locale = "pt-BR", sep = ";") => {
   const fmt2 = new Intl.NumberFormat(locale, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-  const esc8 = (v) => (typeof v === "number" ? fmt2.format(v) : String(v)).replace(/"/g, '""');
-  return rows.map((r) => r.map((c) => `"${esc8(c)}"`).join(sep)).join("\r\n");
+  const esc9 = (v) => (typeof v === "number" ? fmt2.format(v) : String(v)).replace(/"/g, '""');
+  return rows.map((r) => r.map((c) => `"${esc9(c)}"`).join(sep)).join("\r\n");
 };
 
 // src/components/premium-modals/energy/types.ts
@@ -35735,14 +35742,14 @@ var DeviceReportModal = class {
   // Header: "Relatório - <identifier> - <label>" + nome do device (sutil, com copiar).
   // O customer já aparece no footer premium. Texto escapado — o shell usa innerHTML no título.
   buildHeaderTitleHTML() {
-    const esc8 = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-    const base = esc8(
+    const esc9 = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+    const base = esc9(
       `Relat\xF3rio - ${this.params.identifier || "SEM IDENTIFICADOR"} - ${this.params.label || "SEM ETIQUETA"}`
     );
     const deviceName = String(this.params.deviceName || "").trim();
     const deviceHTML = deviceName ? `<span class="myio-dr-devname" style="margin-left:10px;font-size:0.72em;font-weight:400;opacity:.75;display:inline-flex;align-items:center;gap:4px;vertical-align:middle;">
-           ${esc8(deviceName)}
-           <button type="button" class="myio-dr-copy" data-copy="${esc8(deviceName)}" title="Copiar nome do dispositivo"
+           ${esc9(deviceName)}
+           <button type="button" class="myio-dr-copy" data-copy="${esc9(deviceName)}" title="Copiar nome do dispositivo"
              aria-label="Copiar nome do dispositivo"
              style="border:none;background:transparent;color:inherit;cursor:pointer;padding:0 2px;line-height:1;opacity:.9;display:inline-flex;">
              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
@@ -40701,21 +40708,21 @@ var WaterTankModalView = class {
     const unit = isPct ? "%" : "m.c.a";
     const dec = isPct ? 1 : 2;
     const fmtVal = (v) => `${v.toFixed(dec)}${isPct ? "" : " "}${unit}`;
-    const pad = (n) => String(n).padStart(2, "0");
+    const pad3 = (n) => String(n).padStart(2, "0");
     const fmtTs = (ts) => {
       const d = new Date(ts);
-      return `${pad(d.getDate())}/${pad(d.getMonth() + 1)} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+      return `${pad3(d.getDate())}/${pad3(d.getMonth() + 1)} ${pad3(d.getHours())}:${pad3(d.getMinutes())}`;
     };
-    const fmtDay = (ts) => {
+    const fmtDay2 = (ts) => {
       const d = new Date(ts);
-      return `${pad(d.getDate())}/${pad(d.getMonth() + 1)}`;
+      return `${pad3(d.getDate())}/${pad3(d.getMonth() + 1)}`;
     };
     const avg = points.reduce((s, p) => s + p.value, 0) / points.length;
     const peaks = [...points].sort((a, b) => b.value - a.value).slice(0, 3);
     const byDay = /* @__PURE__ */ new Map();
     for (const p of points) {
       const d = new Date(p.ts);
-      const key = `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+      const key = `${d.getFullYear()}-${pad3(d.getMonth() + 1)}-${pad3(d.getDate())}`;
       const e = byDay.get(key) || { ts: p.ts, sum: 0, count: 0 };
       e.sum += p.value;
       e.count++;
@@ -40743,7 +40750,7 @@ var WaterTankModalView = class {
       <div id="myio-water-tank-kpis" style="display: flex; gap: 12px; margin-top: 12px; flex-wrap: wrap;">
         ${kpiCard("M\xE9dia do per\xEDodo", `<div style="font-size: 22px; font-weight: 700; color: #2c3e50;">${fmtVal(avg)}</div>`)}
         ${kpiCard("Top 3 picos", peaks.map((p) => listRow(fmtTs(p.ts), fmtVal(p.value))).join(""))}
-        ${kpiCard("Top 3 dias mais baixos", lowestDays.map((d) => listRow(fmtDay(d.ts), fmtVal(d.avg))).join(""))}
+        ${kpiCard("Top 3 dias mais baixos", lowestDays.map((d) => listRow(fmtDay2(d.ts), fmtVal(d.avg))).join(""))}
       </div>`;
   }
   /**
@@ -68307,7 +68314,19 @@ var WelcomeModalView = class _WelcomeModalView {
       shoppingCardBg: themeConfig.shoppingCardBackgroundColor,
       shoppingCardBorder: themeConfig.shoppingCardBorderColor
     };
-    return { ...DEFAULT_PALETTE, ...configPalette, ...this.params.palette };
+    return { ...DEFAULT_PALETTE, ...configPalette, ...this.readDashboardBrand(), ...this.params.palette };
+  }
+  /**
+   * Paleta do tema do dashboard (createMyIOTheme publica --myio-brand-700/600 no :root).
+   * Quando presente, substitui o roxo padrão da modal; `params.palette` explícito ainda prevalece.
+   */
+  readDashboardBrand() {
+    if (typeof document === "undefined" || typeof getComputedStyle !== "function") return {};
+    const cs = getComputedStyle(document.documentElement);
+    const brand700 = cs.getPropertyValue("--myio-brand-700").trim();
+    if (!brand700) return {};
+    const brand600 = cs.getPropertyValue("--myio-brand-600").trim();
+    return { primary: brand700, secondary: brand600 || brand700 };
   }
   /**
    * Set theme mode and update UI
@@ -68684,9 +68703,9 @@ var WelcomeModalView = class _WelcomeModalView {
   background: linear-gradient(135deg, #0a0f1a 0%, #1a1f2e 50%, #0d1117 100%);
   border-radius: 14px;
   box-shadow:
-    0 0 0 1px rgba(122, 47, 247, 0.2),
+    0 0 0 1px color-mix(in srgb, var(--wm-primary) 20%, transparent),
     0 25px 80px rgba(0, 0, 0, 0.5),
-    0 0 60px rgba(122, 47, 247, 0.15);
+    0 0 60px color-mix(in srgb, var(--wm-primary) 15%, transparent);
   overflow: hidden;
   /* Ensure flex children can handle their own overflow */
   min-height: 0;
@@ -68703,7 +68722,7 @@ var WelcomeModalView = class _WelcomeModalView {
   padding: 16px 32px 8px 32px;
   background:
     linear-gradient(180deg,
-      rgba(122, 47, 247, 0.25) 0%,
+      color-mix(in srgb, var(--wm-primary) 25%, transparent) 0%,
       var(--wm-gradient-start) 20%,
       var(--wm-gradient-end) 80%,
       rgba(13, 17, 23, 0.95) 100%
@@ -68712,7 +68731,7 @@ var WelcomeModalView = class _WelcomeModalView {
   background-size: cover;
   background-position: center;
   min-height: 22vh;
-  border-bottom: 1px solid rgba(122, 47, 247, 0.2);
+  border-bottom: 1px solid color-mix(in srgb, var(--wm-primary) 20%, transparent);
 }
 
 /* Brand Logo - Large floating */
@@ -68906,15 +68925,15 @@ var WelcomeModalView = class _WelcomeModalView {
   cursor: pointer;
   transition: all 0.3s ease;
   box-shadow:
-    0 4px 20px rgba(122, 47, 247, 0.4),
-    0 0 0 0 rgba(122, 47, 247, 0);
+    0 4px 20px color-mix(in srgb, var(--wm-primary) 40%, transparent),
+    0 0 0 0 color-mix(in srgb, var(--wm-primary) 0%, transparent);
 }
 
 .myio-welcome-cta-btn:hover {
   transform: translateY(-3px);
   box-shadow:
-    0 8px 30px rgba(122, 47, 247, 0.5),
-    0 0 0 4px rgba(122, 47, 247, 0.2);
+    0 8px 30px color-mix(in srgb, var(--wm-primary) 50%, transparent),
+    0 0 0 4px color-mix(in srgb, var(--wm-primary) 20%, transparent);
 }
 
 .myio-welcome-cta-btn:active {
@@ -68972,7 +68991,7 @@ var WelcomeModalView = class _WelcomeModalView {
 .myio-welcome-search:focus-within {
   background: rgba(255,255,255,0.12);
   border-color: var(--wm-primary);
-  box-shadow: 0 0 0 2px rgba(122, 47, 247, 0.2);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--wm-primary) 20%, transparent);
 }
 
 .myio-welcome-search-icon {
@@ -69193,17 +69212,17 @@ var WelcomeModalView = class _WelcomeModalView {
 /* Hover effects only for clickable cards */
 .myio-welcome-card--clickable:hover {
   transform: scale(1.03);
-  border-color: rgba(122, 47, 247, 0.5);
+  border-color: color-mix(in srgb, var(--wm-primary) 50%, transparent);
   box-shadow:
     0 12px 40px rgba(0,0,0,0.4),
-    0 0 0 1px rgba(122, 47, 247, 0.4),
-    0 0 30px rgba(122, 47, 247, 0.15);
+    0 0 0 1px color-mix(in srgb, var(--wm-primary) 40%, transparent),
+    0 0 30px color-mix(in srgb, var(--wm-primary) 15%, transparent);
 }
 
 .myio-welcome-card--clickable:focus {
   outline: none;
   box-shadow:
-    0 0 0 3px rgba(122, 47, 247, 0.5),
+    0 0 0 3px color-mix(in srgb, var(--wm-primary) 50%, transparent),
     0 12px 40px rgba(0,0,0,0.4);
 }
 
@@ -69365,7 +69384,7 @@ var WelcomeModalView = class _WelcomeModalView {
 .myio-welcome-card-device-count.energy .count-spinner { border-top-color: #22c55e; }
 .myio-welcome-card-device-count.water .count-spinner { border-top-color: #3b82f6; }
 .myio-welcome-card-device-count.temperature .count-spinner { border-top-color: #f97316; }
-.myio-welcome-card-device-count.users .count-spinner { border-top-color: #a78bfa; }
+.myio-welcome-card-device-count.users .count-spinner { border-top-color: color-mix(in srgb, var(--wm-primary) 55%, white); }
 .myio-welcome-card-device-count.alarms .count-spinner { border-top-color: #ef4444; }
 .myio-welcome-card-device-count.annotations .count-spinner { border-top-color: #6c5ce7; }
 .myio-welcome-card-device-count.notifications .count-spinner { border-top-color: #f59e0b; }
@@ -69390,7 +69409,7 @@ var WelcomeModalView = class _WelcomeModalView {
   height: 100%;
   width: 0%;
   border-radius: inherit;
-  background: linear-gradient(90deg, #7c3aed, #22c55e);
+  background: linear-gradient(90deg, var(--wm-primary), #22c55e);
   background-size: 200% 100%;
   animation: welcome-progress-shimmer 1.6s ease infinite;
   transition: width 0.4s ease;
@@ -69424,7 +69443,7 @@ var WelcomeModalView = class _WelcomeModalView {
   height: 100%;
   width: 0%;
   border-radius: inherit;
-  background: linear-gradient(90deg, #7c3aed, #a78bfa, #22c55e);
+  background: linear-gradient(90deg, var(--wm-primary), color-mix(in srgb, var(--wm-primary) 55%, white), #22c55e);
   background-size: 200% 100%;
   animation: welcome-progress-shimmer 1.6s ease infinite;
   transition: width 0.4s ease;
@@ -69761,13 +69780,13 @@ var WelcomeModalView = class _WelcomeModalView {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
-  gap: 6px !important;
+  gap: 8px !important;
 }
 
 /* Extend device-count styles for meta types */
 .myio-welcome-card-device-count.users:hover {
-  background: rgba(124, 58, 237, 0.3);
-  border-color: rgba(124, 58, 237, 0.5);
+  background: color-mix(in srgb, var(--wm-primary) 30%, transparent);
+  border-color: color-mix(in srgb, var(--wm-primary) 50%, transparent);
 }
 
 .myio-welcome-card-device-count.alarms:hover {
@@ -69780,7 +69799,7 @@ var WelcomeModalView = class _WelcomeModalView {
   border-color: rgba(234, 179, 8, 0.5);
 }
 
-.myio-welcome-card-device-count.users .icon { color: #a78bfa; }
+.myio-welcome-card-device-count.users .icon { color: color-mix(in srgb, var(--wm-primary) 55%, white); }
 .myio-welcome-card-device-count.alarms .icon { color: #f87171; }
 .myio-welcome-card-device-count.notifications .icon { color: #fbbf24; }
 
@@ -69802,21 +69821,21 @@ var WelcomeModalView = class _WelcomeModalView {
 .myio-welcome-modal--light .myio-welcome-modal-container {
   background: linear-gradient(135deg, #f8f9fc 0%, #ffffff 50%, #f0f2f5 100%);
   box-shadow:
-    0 0 0 1px rgba(122, 47, 247, 0.15),
+    0 0 0 1px color-mix(in srgb, var(--wm-primary) 15%, transparent),
     0 25px 80px rgba(0, 0, 0, 0.2),
-    0 0 60px rgba(122, 47, 247, 0.1);
+    0 0 60px color-mix(in srgb, var(--wm-primary) 10%, transparent);
 }
 
 .myio-welcome-modal--light .myio-welcome-hero {
   background:
     linear-gradient(180deg,
-      rgba(122, 47, 247, 0.12) 0%,
+      color-mix(in srgb, var(--wm-primary) 12%, transparent) 0%,
       rgba(255, 255, 255, 0.7) 20%,
       rgba(255, 255, 255, 0.85) 80%,
       rgba(248, 249, 252, 0.95) 100%
     ),
     var(--wm-bg-image, none);
-  border-bottom: 1px solid rgba(122, 47, 247, 0.15);
+  border-bottom: 1px solid color-mix(in srgb, var(--wm-primary) 15%, transparent);
 }
 
 .myio-welcome-modal--light .myio-welcome-hero-title {
@@ -69906,11 +69925,11 @@ var WelcomeModalView = class _WelcomeModalView {
 }
 
 .myio-welcome-modal--light .myio-welcome-card:hover {
-  border-color: rgba(122, 47, 247, 0.4);
+  border-color: color-mix(in srgb, var(--wm-primary) 40%, transparent);
   box-shadow:
     0 12px 40px rgba(0, 0, 0, 0.12),
-    0 0 0 1px rgba(122, 47, 247, 0.3),
-    0 0 30px rgba(122, 47, 247, 0.1);
+    0 0 0 1px color-mix(in srgb, var(--wm-primary) 30%, transparent),
+    0 0 30px color-mix(in srgb, var(--wm-primary) 10%, transparent);
 }
 
 .myio-welcome-modal--light .myio-welcome-card::before {
@@ -69998,8 +70017,8 @@ var WelcomeModalView = class _WelcomeModalView {
 
 /* Light theme - meta counts use same device-count light styles */
 .myio-welcome-modal--light .myio-welcome-card-device-count.users:hover {
-  background: rgba(124, 58, 237, 0.15);
-  border-color: rgba(124, 58, 237, 0.4);
+  background: color-mix(in srgb, var(--wm-primary) 15%, transparent);
+  border-color: color-mix(in srgb, var(--wm-primary) 40%, transparent);
 }
 
 .myio-welcome-modal--light .myio-welcome-card-device-count.alarms:hover {
@@ -70193,13 +70212,13 @@ var WelcomeModalView = class _WelcomeModalView {
   buildCardHTML(card, index) {
     const bgImage = card.bgImageUrl ? `<div class="myio-welcome-card-bg" data-src="${card.bgImageUrl}"></div>` : "";
     const meta = card.metaCounts || {};
-    const renderMetaCount = (count) => count === null ? '<span class="count-spinner"></span>' : String(count ?? 0);
+    const renderMetaCount = (count) => count === null ? '<span class="count-spinner"></span>' : `<span class="count">${count ?? 0}</span>`;
     const thirdBadgeHTML = meta.annotationsLocked ? `<span class="myio-welcome-card-device-count annotations locked"
               data-tooltip-type="annotations-locked"
               data-card-index="${index}"
               title="Anota\xE7\xF5es \u2014 funcionalidade n\xE3o liberada ainda (em breve)"
               style="opacity:.6;cursor:not-allowed;">
-          <span class="icon">\u{1F4CB}</span> <span class="icon" style="font-size:.85em;">\u{1F512}</span>
+          <span class="icon">\u{1F4CB}</span> <span class="count">\u{1F512}</span>
         </span>` : "annotations" in meta ? `<span class="myio-welcome-card-device-count annotations"
               data-tooltip-type="annotations"
               data-card-index="${index}"
@@ -70487,47 +70506,107 @@ var WelcomeModalView = class _WelcomeModalView {
     );
   }
   static metaChip(text2) {
-    return `<span style="display:inline-block;padding:2px 8px;margin:0 4px 4px 0;border-radius:10px;background:#334155;font-weight:700">${_WelcomeModalView.escapeMetaHtml(text2)}</span>`;
-  }
+    return `<span class="myio-welcome-meta-tip__chip">${_WelcomeModalView.escapeMetaHtml(text2)}</span>`;
+  }
+  // Mesmo padrão visual do EnergySummaryTooltip (card branco, header em degradê da cor do tipo,
+  // banner de total, títulos de seção em caixa alta). Usuários segue a cor do tema do dashboard.
+  static META_TIP_CSS = `
+.myio-welcome-meta-tip {
+  position: fixed; z-index: 100000; width: 360px; max-width: calc(100vw - 16px);
+  background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15), 0 2px 10px rgba(0, 0, 0, 0.08);
+  font: 12px 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  color: #1e293b; overflow: hidden; display: none;
+}
+.myio-welcome-meta-tip__header {
+  display: flex; align-items: center; gap: 8px; padding: 10px 14px;
+  background: linear-gradient(90deg, var(--mt-bg1) 0%, var(--mt-bg2) 100%);
+  border-bottom: 1px solid var(--mt-border);
+}
+.myio-welcome-meta-tip__icon { font-size: 18px; }
+.myio-welcome-meta-tip__title { flex: 1; font-weight: 700; font-size: 14px; color: var(--mt-accent); }
+.myio-welcome-meta-tip__timestamp { font-size: 10px; color: #6b7280; }
+.myio-welcome-meta-tip__close {
+  width: 24px; height: 24px; border: none; border-radius: 4px; cursor: pointer;
+  background: rgba(255, 255, 255, 0.6); color: #64748b;
+  display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 1;
+}
+.myio-welcome-meta-tip__close:hover { background: rgba(255, 255, 255, 0.9); color: #1e293b; }
+.myio-welcome-meta-tip__body { padding: 14px; max-height: 60vh; overflow-y: auto; }
+.myio-welcome-meta-tip__total {
+  display: flex; align-items: center; justify-content: space-between; padding: 10px 12px;
+  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+  border: 1px solid #e2e8f0; border-radius: 8px; margin-bottom: 12px;
+}
+.myio-welcome-meta-tip__total-label { font-weight: 600; color: #475569; font-size: 12px; }
+.myio-welcome-meta-tip__total-value { font-weight: 700; font-size: 20px; color: #1e293b; }
+.myio-welcome-meta-tip__section-title {
+  font-weight: 700; font-size: 10px; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px;
+  margin: 12px 0 6px; padding-bottom: 4px; border-bottom: 1px solid #e2e8f0;
+}
+.myio-welcome-meta-tip__chips { display: flex; flex-wrap: wrap; gap: 6px; }
+.myio-welcome-meta-tip__chip {
+  display: inline-block; padding: 3px 10px; border-radius: 999px; font-weight: 700; font-size: 11px;
+  color: var(--mt-accent); background: var(--mt-bg1); border: 1px solid var(--mt-border);
+}
+.myio-welcome-meta-tip__row { padding: 7px 10px; border-radius: 6px; }
+.myio-welcome-meta-tip__row:nth-child(odd) { background: #f8fafc; }
+.myio-welcome-meta-tip__row-title { font-weight: 600; color: #1e293b; }
+.myio-welcome-meta-tip__row-sub { color: #64748b; font-size: 11px; margin-top: 1px; }
+.myio-welcome-meta-tip__empty { color: #64748b; padding: 6px 2px; }
+`;
   ensureMetaTip() {
     if (this.metaTipEl && document.body.contains(this.metaTipEl)) return this.metaTipEl;
+    if (!document.getElementById("myio-welcome-meta-tip-styles")) {
+      const style = document.createElement("style");
+      style.id = "myio-welcome-meta-tip-styles";
+      style.textContent = _WelcomeModalView.META_TIP_CSS;
+      document.head.appendChild(style);
+    }
     const tip = document.createElement("div");
     tip.className = "myio-welcome-meta-tip";
-    Object.assign(tip.style, {
-      position: "fixed",
-      zIndex: "100000",
-      minWidth: "260px",
-      maxWidth: "360px",
-      maxHeight: "60vh",
-      overflow: "auto",
-      background: "#1e293b",
-      color: "#e2e8f0",
-      border: "1px solid #334155",
-      borderRadius: "10px",
-      boxShadow: "0 12px 40px rgba(0,0,0,.45)",
-      padding: "12px 14px",
-      font: "12px 'Nunito', system-ui, -apple-system, sans-serif",
-      display: "none"
-    });
     tip.addEventListener("mouseenter", () => {
       if (this.metaTipHideTimer) clearTimeout(this.metaTipHideTimer);
     });
     tip.addEventListener("mouseleave", () => this.startMetaTipDelayedHide());
+    tip.addEventListener("click", (e) => {
+      if (e.target.closest(".myio-welcome-meta-tip__close")) this.hideMetaTip();
+    });
     document.body.appendChild(tip);
     this.metaTipEl = tip;
     return tip;
   }
+  /** Cores do tooltip por tipo de badge (usuários = cor do tema). */
+  metaTipAccent(type) {
+    if (type === "alarms") return { accent: "#b91c1c", bg1: "#fef2f2", bg2: "#fee2e2", border: "#fca5a5" };
+    if (type.startsWith("annotations")) return { accent: "#5b21b6", bg1: "#f5f3ff", bg2: "#ede9fe", border: "#c4b5fd" };
+    if (type === "notifications") return { accent: "#b45309", bg1: "#fffbeb", bg2: "#fef3c7", border: "#fcd34d" };
+    const p = this.palette.primary || "#7A2FF7";
+    return {
+      accent: p,
+      bg1: `color-mix(in srgb, ${p} 6%, white)`,
+      bg2: `color-mix(in srgb, ${p} 16%, white)`,
+      border: `color-mix(in srgb, ${p} 40%, white)`
+    };
+  }
   showMetaTip(anchorEl, type, card) {
     const tip = this.ensureMetaTip();
     if (this.metaTipHideTimer) clearTimeout(this.metaTipHideTimer);
+    const c = this.metaTipAccent(type);
+    tip.style.setProperty("--mt-accent", c.accent);
+    tip.style.setProperty("--mt-bg1", c.bg1);
+    tip.style.setProperty("--mt-bg2", c.bg2);
+    tip.style.setProperty("--mt-border", c.border);
     tip.innerHTML = this.buildMetaTipHtml(type, card);
     tip.style.display = "block";
     const r = anchorEl.getBoundingClientRect();
-    const tw = Math.min(360, window.innerWidth - 16);
+    const tw = tip.offsetWidth || Math.min(360, window.innerWidth - 16);
     let left = r.left;
     if (left + tw > window.innerWidth - 8) left = window.innerWidth - tw - 8;
     tip.style.left = Math.max(8, left) + "px";
-    tip.style.top = r.bottom + 8 + "px";
+    const th = tip.offsetHeight;
+    const below = r.bottom + 8;
+    tip.style.top = (below + th > window.innerHeight - 8 ? Math.max(8, r.top - th - 8) : below) + "px";
   }
   startMetaTipDelayedHide() {
     if (this.metaTipHideTimer) clearTimeout(this.metaTipHideTimer);
@@ -70541,60 +70620,92 @@ var WelcomeModalView = class _WelcomeModalView {
     if (this.metaTipEl) this.metaTipEl.style.display = "none";
   }
   buildMetaTipHtml(type, card) {
-    const esc8 = _WelcomeModalView.escapeMetaHtml;
+    const esc9 = _WelcomeModalView.escapeMetaHtml;
     const chip = _WelcomeModalView.metaChip;
     const meta = card.metaCounts || {};
     const details = card.metaDetails || {};
-    const loadingBody = '<div style="opacity:.7;padding:6px 0">Carregando\u2026</div>';
-    const header = (icon2, label, count) => `<div style="font-weight:800;font-size:13px;margin-bottom:8px">${icon2} ${label}${count === null || count === void 0 ? "" : ` (${count})`} \u2014 ${esc8(card.title)}</div>`;
-    const row = (titleHtml, subHtml) => `<div style="padding:6px 0;border-top:1px solid #334155">
-         <div style="font-weight:600">${titleHtml}</div>
-         ${subHtml ? `<div style="opacity:.7">${subHtml}</div>` : ""}
+    const now = /* @__PURE__ */ new Date();
+    const stamp = `${String(now.getDate()).padStart(2, "0")}/${String(now.getMonth() + 1).padStart(2, "0")} ${String(
+      now.getHours()
+    ).padStart(2, "0")}:${String(now.getMinutes()).padStart(2, "0")}`;
+    const frame = (icon2, label, body) => `<div class="myio-welcome-meta-tip__header">
+         <span class="myio-welcome-meta-tip__icon">${icon2}</span>
+         <span class="myio-welcome-meta-tip__title">${label} (${esc9(card.title)})</span>
+         <span class="myio-welcome-meta-tip__timestamp">${stamp}</span>
+         <button type="button" class="myio-welcome-meta-tip__close" title="Fechar">\u2715</button>
+       </div>
+       <div class="myio-welcome-meta-tip__body">${body}</div>`;
+    const total = (label, value) => `<div class="myio-welcome-meta-tip__total">
+         <span class="myio-welcome-meta-tip__total-label">${label}</span>
+         <span class="myio-welcome-meta-tip__total-value">${value}</span>
        </div>`;
+    const section = (title) => `<div class="myio-welcome-meta-tip__section-title">${title}</div>`;
+    const empty = (text2) => `<div class="myio-welcome-meta-tip__empty">${text2}</div>`;
+    const loadingBody = empty("Carregando\u2026");
+    const row = (titleHtml, subHtml) => `<div class="myio-welcome-meta-tip__row">
+         <div class="myio-welcome-meta-tip__row-title">${titleHtml}</div>
+         ${subHtml ? `<div class="myio-welcome-meta-tip__row-sub">${subHtml}</div>` : ""}
+       </div>`;
+    const more = (n) => n > 10 ? empty(`\u2026 e mais ${n - 10}`) : "";
     if (type === "alarms") {
-      if (meta.alarms === null) return header("\u{1F6A8}", "Alarmes") + loadingBody;
+      if (meta.alarms === null) return frame("\u{1F6A8}", "Alarmes", loadingBody);
       const alarms = details.alarms || [];
       const byState = {};
       for (const a of alarms) {
         const s = a.state || "OPEN";
         byState[s] = (byState[s] || 0) + 1;
       }
-      const chips = Object.entries(byState).map(([s, n]) => chip(`${s}: ${n}`)).join("") || '<span style="opacity:.7">Sem alarmes ativos</span>';
+      const chips = Object.entries(byState).map(([s, n]) => chip(`${s}: ${n}`)).join("");
       const rows = alarms.slice(0, 10).map(
         (a) => row(
-          esc8(a.deviceName ? `${a.deviceName} \u2014 ${a.title || "Alarme"}` : a.title || "Alarme"),
-          `${esc8(a.severity || "")} \xB7 ${esc8(a.state || "")}`
+          esc9(a.deviceName ? `${a.deviceName} \u2014 ${a.title || "Alarme"}` : a.title || "Alarme"),
+          [a.severity, a.state].filter(Boolean).map(esc9).join(" \xB7 ")
         )
       ).join("");
-      return `${header("\u{1F6A8}", "Alarmes", meta.alarms ?? alarms.length)}<div style="margin-bottom:6px">${chips}</div>${rows}`;
+      return frame(
+        "\u{1F6A8}",
+        "Alarmes",
+        total("Total de Alarmes", meta.alarms ?? alarms.length) + (chips ? section("Por estado") + `<div class="myio-welcome-meta-tip__chips">${chips}</div>` : "") + section("Mais recentes") + (rows || empty("Sem alarmes ativos")) + more(alarms.length)
+      );
     }
     if (type === "annotations-locked") {
-      return header("\u{1F4CB}", "Anota\xE7\xF5es") + '<div style="opacity:.85;padding:6px 0">\u{1F512} Funcionalidade n\xE3o liberada ainda \u2014 em breve.</div>';
+      return frame("\u{1F4CB}", "Anota\xE7\xF5es", empty("\u{1F512} Funcionalidade n\xE3o liberada ainda \u2014 em breve."));
     }
     if (type === "annotations") {
-      if (meta.annotations === null) return header("\u{1F4CB}", "Anota\xE7\xF5es") + loadingBody;
+      if (meta.annotations === null) return frame("\u{1F4CB}", "Anota\xE7\xF5es", loadingBody);
       const annotations = details.annotations || [];
       const byType = {};
       for (const a of annotations) {
         const t = a.type || "observation";
         byType[t] = (byType[t] || 0) + 1;
       }
-      const chips = Object.entries(byType).map(([t, n]) => chip(`${t}: ${n}`)).join("") || '<span style="opacity:.7">Sem anota\xE7\xF5es ativas</span>';
+      const chips = Object.entries(byType).map(([t, n]) => chip(`${t}: ${n}`)).join("");
       const rows = annotations.slice(0, 10).map((a) => {
         const when = a.createdAt ? new Date(a.createdAt).toLocaleDateString("pt-BR") : "";
         const text2 = a.text.length > 90 ? `${a.text.slice(0, 90)}\u2026` : a.text;
-        return row(esc8(a.deviceLabel || "Dispositivo"), `${esc8(text2)}${when ? ` \xB7 ${esc8(when)}` : ""}`);
+        return row(esc9(a.deviceLabel || "Dispositivo"), `${esc9(text2)}${when ? ` \xB7 ${esc9(when)}` : ""}`);
       }).join("");
-      return `${header("\u{1F4CB}", "Anota\xE7\xF5es", meta.annotations ?? annotations.length)}<div style="margin-bottom:6px">${chips}</div>${rows}`;
+      return frame(
+        "\u{1F4CB}",
+        "Anota\xE7\xF5es",
+        total("Total de Anota\xE7\xF5es", meta.annotations ?? annotations.length) + (chips ? section("Por tipo") + `<div class="myio-welcome-meta-tip__chips">${chips}</div>` : "") + section("Mais recentes") + (rows || empty("Sem anota\xE7\xF5es ativas")) + more(annotations.length)
+      );
     }
     if (type === "users") {
-      if (meta.users === null) return header("\u{1F465}", "Usu\xE1rios") + loadingBody;
+      if (meta.users === null) return frame("\u{1F465}", "Usu\xE1rios", loadingBody);
       const users = details.users || [];
-      const rows = users.slice(0, 10).map((u) => row(esc8(u.name), esc8(u.email || ""))).join("") || '<div style="opacity:.7;padding:6px 0">Sem usu\xE1rios</div>';
-      const more = users.length > 10 ? `<div style="opacity:.7;padding:6px 0 0">\u2026 e mais ${users.length - 10}</div>` : "";
-      return `${header("\u{1F465}", "Usu\xE1rios", meta.users ?? users.length)}${rows}${more}`;
+      const rows = users.slice(0, 10).map((u) => row(esc9(u.name), esc9(u.email || ""))).join("");
+      return frame(
+        "\u{1F465}",
+        "Usu\xE1rios",
+        total("Total de Usu\xE1rios", meta.users ?? users.length) + section("Usu\xE1rios") + (rows || empty("Sem usu\xE1rios")) + more(users.length)
+      );
     }
-    return header("\u{1F514}", "Notifica\xE7\xF5es", meta.notifications ?? 0) + '<div style="opacity:.7;padding:6px 0">Sem notifica\xE7\xF5es</div>';
+    return frame(
+      "\u{1F514}",
+      "Notifica\xE7\xF5es",
+      total("Total de Notifica\xE7\xF5es", meta.notifications ?? 0) + empty("Sem notifica\xE7\xF5es")
+    );
   }
   /**
    * Handle tooltip icon click - shows the appropriate tooltip
@@ -74968,16 +75079,16 @@ function buildTrendSvg(values, stroke, grid) {
   }
   const width = 320;
   const height = 80;
-  const pad = 6;
+  const pad3 = 6;
   const maxVal = Math.max(...values, 1);
   const points = values.map((v, i) => {
-    const x = pad + i / Math.max(1, values.length - 1) * (width - pad * 2);
-    const y = height - pad - v / maxVal * (height - pad * 2);
+    const x = pad3 + i / Math.max(1, values.length - 1) * (width - pad3 * 2);
+    const y = height - pad3 - v / maxVal * (height - pad3 * 2);
     return `${x},${y}`;
   });
   return `
     <svg width="${width}" height="${height}" viewBox="0 0 ${width} ${height}">
-      <line x1="0" y1="${height - pad}" x2="${width}" y2="${height - pad}" stroke="${grid}" stroke-width="1"/>
+      <line x1="0" y1="${height - pad3}" x2="${width}" y2="${height - pad3}" stroke="${grid}" stroke-width="1"/>
       <polyline fill="none" stroke="${stroke}" stroke-width="2.5" points="${points.join(" ")}" />
       ${points.map((p) => {
     const [x, y] = p.split(",");
@@ -79432,6 +79543,2482 @@ async function openDemandModal(params) {
   };
 }
 
+// src/components/premium-modals/dialog/styles.ts
+var FONT_LINK_ID = "myio-dialog-font-nunito";
+var STYLE_ID6 = "myio-dialog-styles";
+function injectDialogStyles() {
+  if (!document.getElementById(FONT_LINK_ID)) {
+    const link = document.createElement("link");
+    link.id = FONT_LINK_ID;
+    link.rel = "stylesheet";
+    link.href = "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";
+    document.head.appendChild(link);
+  }
+  if (document.getElementById(STYLE_ID6)) return;
+  const style = document.createElement("style");
+  style.id = STYLE_ID6;
+  style.textContent = `
+.myio-dialog-overlay {
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(17, 24, 39, 0.55);
+  font-family: 'Nunito', system-ui, sans-serif;
+}
+.myio-dialog {
+  background: #ffffff;
+  color: #1f2937;
+  border-radius: 12px;
+  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
+  max-width: 90vw;
+  max-height: 85vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.myio-dialog__accent {
+  height: 4px;
+  background: #7C3AED;
+}
+.myio-dialog__header {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 16px 20px 0 20px;
+}
+.myio-dialog__icon {
+  font-size: 20px;
+  line-height: 1.3;
+}
+.myio-dialog__title {
+  flex: 1;
+  margin: 0;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 1.35;
+}
+.myio-dialog__close {
+  border: none;
+  background: transparent;
+  color: #9ca3af;
+  font-size: 18px;
+  line-height: 1;
+  padding: 2px 6px;
+  margin: -2px -8px 0 0;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.myio-dialog__close:hover {
+  background: rgba(0, 0, 0, 0.06);
+  color: #4b5563;
+}
+.myio-dialog__message {
+  margin: 0;
+  padding: 10px 20px 4px 20px;
+  font-size: 13.5px;
+  line-height: 1.55;
+  color: #4b5563;
+  overflow-y: auto;
+}
+.myio-dialog__footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding: 16px 20px;
+}
+.myio-dialog__btn {
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 600;
+  padding: 8px 16px;
+  border-radius: 8px;
+  border: 1px solid transparent;
+  cursor: pointer;
+  transition: filter 0.15s ease, background 0.15s ease;
+}
+.myio-dialog__btn:hover {
+  filter: brightness(0.94);
+}
+.myio-dialog__btn:focus-visible {
+  outline: 2px solid #7C3AED;
+  outline-offset: 2px;
+}
+.myio-dialog__btn--primary {
+  background: #7C3AED;
+  color: #ffffff;
+}
+.myio-dialog__btn--secondary {
+  background: #ffffff;
+  color: #374151;
+  border-color: #d1d5db;
+}
+.myio-dialog__btn--danger {
+  background: #dc2626;
+  color: #ffffff;
+}
+.myio-dialog__btn--success {
+  background: #16a34a;
+  color: #ffffff;
+}
+
+/* Severity accents (message dialog) */
+.myio-dialog--success .myio-dialog__accent { background: #16a34a; }
+.myio-dialog--warning .myio-dialog__accent { background: #d97706; }
+.myio-dialog--error   .myio-dialog__accent { background: #dc2626; }
+
+/* \u2500\u2500 Dark theme \u2500\u2500 */
+.myio-dialog-overlay--dark .myio-dialog {
+  background: #1f2937;
+  color: #f3f4f6;
+}
+.myio-dialog-overlay--dark .myio-dialog__message {
+  color: #d1d5db;
+}
+.myio-dialog-overlay--dark .myio-dialog__close {
+  color: #9ca3af;
+}
+.myio-dialog-overlay--dark .myio-dialog__close:hover {
+  background: rgba(255, 255, 255, 0.08);
+  color: #e5e7eb;
+}
+.myio-dialog-overlay--dark .myio-dialog__btn--secondary {
+  background: #1f2937;
+  color: #e5e7eb;
+  border-color: #4b5563;
+}
+`;
+  document.head.appendChild(style);
+}
+
+// src/components/premium-modals/dialog/openDialog.ts
+var BASE_Z_INDEX = 10500;
+var openCount = 0;
+function escapeHtml7(value) {
+  return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function escapeMessage(value) {
+  return escapeHtml7(value).replace(/\n/g, "<br>");
+}
+function cssWidth(width) {
+  if (width == null) return "420px";
+  return typeof width === "number" ? `${width}px` : width;
+}
+var SEVERITY_META = {
+  info: { title: "Informa\xE7\xE3o", icon: "\u2139\uFE0F" },
+  success: { title: "Sucesso", icon: "\u2705" },
+  warning: { title: "Aten\xE7\xE3o", icon: "\u26A0\uFE0F" },
+  error: { title: "Erro", icon: "\u274C" }
+};
+function openDialog(params) {
+  if (!Array.isArray(params.buttons) || params.buttons.length === 0) {
+    throw new Error("[openConfirmDialog] params.buttons must contain at least one button");
+  }
+  injectDialogStyles();
+  const dismissible = params.dismissible ?? true;
+  const theme = params.theme ?? "light";
+  const idBase = `myio-dialog-${++openCount}`;
+  const overlay = document.createElement("div");
+  overlay.className = `myio-dialog-overlay${theme === "dark" ? " myio-dialog-overlay--dark" : ""}`;
+  overlay.style.zIndex = String(BASE_Z_INDEX + openCount);
+  const buttonsHtml = params.buttons.map((btn, i) => {
+    const variant = btn.variant ?? "secondary";
+    return `<button type="button" class="myio-dialog__btn myio-dialog__btn--${variant}" data-index="${i}">${escapeHtml7(btn.label)}</button>`;
+  }).join("");
+  overlay.innerHTML = `
+    <div class="myio-dialog${params.modifier ? ` ${params.modifier}` : ""}"
+         role="dialog" aria-modal="true"
+         aria-labelledby="${idBase}-title" aria-describedby="${idBase}-message"
+         style="width:${cssWidth(params.width)}">
+      <div class="myio-dialog__accent"></div>
+      <div class="myio-dialog__header">
+        ${params.icon ? `<span class="myio-dialog__icon" aria-hidden="true">${params.icon}</span>` : ""}
+        <h3 class="myio-dialog__title" id="${idBase}-title">${escapeHtml7(params.title)}</h3>
+        ${dismissible ? `<button type="button" class="myio-dialog__close" aria-label="Fechar">\u2715</button>` : ""}
+      </div>
+      <p class="myio-dialog__message" id="${idBase}-message">${escapeMessage(params.message)}</p>
+      <div class="myio-dialog__footer">${buttonsHtml}</div>
+    </div>
+  `;
+  const previousFocus = document.activeElement;
+  const target = params.container ?? document.body;
+  target.appendChild(overlay);
+  const root = overlay.querySelector(".myio-dialog");
+  const buttonEls = Array.from(root.querySelectorAll(".myio-dialog__btn"));
+  return new Promise((resolve) => {
+    let settled = false;
+    let autoCloseTimer;
+    const close = (result) => {
+      if (settled) return;
+      settled = true;
+      if (autoCloseTimer) clearTimeout(autoCloseTimer);
+      document.removeEventListener("keydown", onKeydown, true);
+      overlay.remove();
+      if (previousFocus && previousFocus.isConnected) previousFocus.focus();
+      resolve(result);
+    };
+    const onKeydown = (e) => {
+      if (!overlay.isConnected) return;
+      if (e.key === "Escape" && dismissible) {
+        e.stopPropagation();
+        close(null);
+        return;
+      }
+      if (e.key === "Tab") {
+        const focusables = Array.from(
+          root.querySelectorAll("button:not([disabled])")
+        );
+        if (focusables.length === 0) return;
+        const first = focusables[0];
+        const last = focusables[focusables.length - 1];
+        const active = document.activeElement;
+        if (!root.contains(active)) {
+          e.preventDefault();
+          first.focus();
+        } else if (e.shiftKey && active === first) {
+          e.preventDefault();
+          last.focus();
+        } else if (!e.shiftKey && active === last) {
+          e.preventDefault();
+          first.focus();
+        }
+      }
+    };
+    buttonEls.forEach((el2) => {
+      el2.addEventListener("click", () => {
+        const index = Number(el2.dataset.index);
+        close(params.buttons[index].value);
+      });
+    });
+    if (dismissible) {
+      overlay.querySelector(".myio-dialog__close")?.addEventListener("click", () => close(null));
+      overlay.addEventListener("click", (e) => {
+        if (e.target === overlay) close(null);
+      });
+    }
+    document.addEventListener("keydown", onKeydown, true);
+    const autoFocusIndex = params.buttons.findIndex((b) => b.autoFocus);
+    (buttonEls[autoFocusIndex >= 0 ? autoFocusIndex : buttonEls.length - 1] ?? buttonEls[0]).focus();
+    if (params.autoCloseMs && params.autoCloseMs > 0) {
+      autoCloseTimer = setTimeout(() => close(null), params.autoCloseMs);
+    }
+  });
+}
+function openConfirmDialog(params) {
+  return openDialog(params);
+}
+function openMessageDialog(params) {
+  const severity = params.severity ?? "info";
+  const meta = SEVERITY_META[severity];
+  return openDialog({
+    title: params.title ?? meta.title,
+    message: params.message,
+    buttons: [
+      { label: params.buttonLabel ?? "OK", variant: "primary", value: "ok", autoFocus: true }
+    ],
+    theme: params.theme,
+    container: params.container,
+    modifier: severity !== "info" ? `myio-dialog--${severity}` : void 0,
+    icon: meta.icon,
+    autoCloseMs: params.autoCloseMs
+  }).then(() => void 0);
+}
+
+// src/components/premium-modals/dialog/openGenericModal.ts
+var STYLE_ID7 = "myio-genmodal-styles";
+var FONT_LINK_ID2 = "myio-dialog-font-nunito";
+var BASE_Z_INDEX2 = 10600;
+var openCount2 = 0;
+function escapeHtml8(value) {
+  return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function cssSize(v, fallback) {
+  if (v == null) return fallback;
+  return typeof v === "number" ? `${v}px` : v;
+}
+function injectGenericModalStyles() {
+  if (!document.getElementById(FONT_LINK_ID2)) {
+    const link = document.createElement("link");
+    link.id = FONT_LINK_ID2;
+    link.rel = "stylesheet";
+    link.href = "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";
+    document.head.appendChild(link);
+  }
+  if (document.getElementById(STYLE_ID7)) return;
+  const style = document.createElement("style");
+  style.id = STYLE_ID7;
+  style.textContent = `
+.myio-genmodal-overlay {
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(17, 24, 39, 0.55);
+  font-family: 'Nunito', system-ui, sans-serif;
+}
+.myio-genmodal {
+  background: #ffffff;
+  color: #1f2937;
+  border-radius: 12px;
+  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
+  max-width: 90vw;
+  max-height: 90vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.myio-genmodal__accent { height: 4px; background: #7C3AED; flex-shrink: 0; }
+.myio-genmodal__header {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 16px 20px;
+  border-bottom: 1px solid #eef0f3;
+  flex-shrink: 0;
+}
+.myio-genmodal__icon { font-size: 22px; line-height: 1.3; }
+.myio-genmodal__title {
+  flex: 1;
+  margin: 0;
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 1.35;
+}
+.myio-genmodal__close {
+  border: none;
+  background: transparent;
+  color: #9ca3af;
+  font-size: 18px;
+  line-height: 1;
+  padding: 2px 6px;
+  margin: -2px -8px 0 0;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.myio-genmodal__close:hover { background: rgba(0, 0, 0, 0.06); color: #4b5563; }
+.myio-genmodal__body {
+  padding: 18px 20px;
+  font-size: 15px;
+  line-height: 1.6;
+  color: #374151;
+  overflow-y: auto;
+}
+/* Sensible defaults for arbitrary body HTML */
+.myio-genmodal__body img { max-width: 100%; height: auto; border-radius: 8px; }
+.myio-genmodal__body hr { border: none; border-top: 1px solid #e5e7eb; margin: 16px 0; }
+.myio-genmodal__body h1, .myio-genmodal__body h2, .myio-genmodal__body h3, .myio-genmodal__body h4 {
+  margin: 0 0 8px; line-height: 1.3; color: #1f2937;
+}
+.myio-genmodal__body p { margin: 0 0 10px; }
+.myio-genmodal__body ul, .myio-genmodal__body ol { margin: 0 0 10px; padding-left: 22px; }
+.myio-genmodal__body table { border-collapse: collapse; width: 100%; }
+.myio-genmodal__body th, .myio-genmodal__body td {
+  border: 1px solid #e5e7eb; padding: 6px 10px; text-align: left; font-size: 14px;
+}
+.myio-genmodal__body a { color: #7C3AED; }
+.myio-genmodal__footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding: 14px 20px;
+  border-top: 1px solid #eef0f3;
+  flex-shrink: 0;
+}
+.myio-genmodal__btn {
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 600;
+  padding: 8px 16px;
+  border-radius: 8px;
+  border: 1px solid transparent;
+  cursor: pointer;
+  transition: filter 0.15s ease, background 0.15s ease;
+}
+.myio-genmodal__btn:hover { filter: brightness(0.94); }
+.myio-genmodal__btn:focus-visible { outline: 2px solid #7C3AED; outline-offset: 2px; }
+.myio-genmodal__btn--primary { background: #7C3AED; color: #ffffff; }
+.myio-genmodal__btn--secondary { background: #ffffff; color: #374151; border-color: #d1d5db; }
+.myio-genmodal__btn--danger { background: #dc2626; color: #ffffff; }
+.myio-genmodal__btn--success { background: #16a34a; color: #ffffff; }
+
+/* \u2500\u2500 Dark theme \u2500\u2500 */
+.myio-genmodal-overlay--dark .myio-genmodal { background: #1f2937; color: #f3f4f6; }
+.myio-genmodal-overlay--dark .myio-genmodal__header,
+.myio-genmodal-overlay--dark .myio-genmodal__footer { border-color: #374151; }
+.myio-genmodal-overlay--dark .myio-genmodal__title { color: #f3f4f6; }
+.myio-genmodal-overlay--dark .myio-genmodal__body { color: #d1d5db; }
+.myio-genmodal-overlay--dark .myio-genmodal__body h1,
+.myio-genmodal-overlay--dark .myio-genmodal__body h2,
+.myio-genmodal-overlay--dark .myio-genmodal__body h3,
+.myio-genmodal-overlay--dark .myio-genmodal__body h4 { color: #f3f4f6; }
+.myio-genmodal-overlay--dark .myio-genmodal__body hr { border-color: #374151; }
+.myio-genmodal-overlay--dark .myio-genmodal__body th,
+.myio-genmodal-overlay--dark .myio-genmodal__body td { border-color: #374151; }
+.myio-genmodal-overlay--dark .myio-genmodal__close { color: #9ca3af; }
+.myio-genmodal-overlay--dark .myio-genmodal__close:hover { background: rgba(255,255,255,0.08); color: #e5e7eb; }
+.myio-genmodal-overlay--dark .myio-genmodal__btn--secondary { background: #1f2937; color: #e5e7eb; border-color: #4b5563; }
+`;
+  document.head.appendChild(style);
+}
+var FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function openGenericModal(params) {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    throw new Error("[openGenericModal] requires a browser environment");
+  }
+  if (typeof params.bodyHtml !== "string") {
+    throw new Error("[openGenericModal] params.bodyHtml must be a string");
+  }
+  injectGenericModalStyles();
+  const dismissible = params.dismissible ?? true;
+  const theme = params.theme ?? "light";
+  const buttons = params.buttons ?? [];
+  const idBase = `myio-genmodal-${++openCount2}`;
+  const overlay = document.createElement("div");
+  overlay.className = `myio-genmodal-overlay${theme === "dark" ? " myio-genmodal-overlay--dark" : ""}`;
+  overlay.style.zIndex = String(BASE_Z_INDEX2 + openCount2);
+  const buttonsHtml = buttons.map((btn, i) => {
+    const variant = btn.variant ?? "secondary";
+    return `<button type="button" class="myio-genmodal__btn myio-genmodal__btn--${variant}" data-index="${i}">${escapeHtml8(btn.label)}</button>`;
+  }).join("");
+  overlay.innerHTML = `
+    <div class="myio-genmodal${params.className ? ` ${escapeHtml8(params.className)}` : ""}"
+         role="dialog" aria-modal="true"
+         aria-labelledby="${idBase}-title"
+         style="width:${cssSize(params.width, "560px")}">
+      <div class="myio-genmodal__accent"></div>
+      <div class="myio-genmodal__header">
+        ${params.icon ? `<span class="myio-genmodal__icon" aria-hidden="true">${params.icon}</span>` : ""}
+        <h3 class="myio-genmodal__title" id="${idBase}-title">${escapeHtml8(params.title)}</h3>
+        ${dismissible ? `<button type="button" class="myio-genmodal__close" aria-label="Fechar">\u2715</button>` : ""}
+      </div>
+      <div class="myio-genmodal__body" id="${idBase}-body" style="max-height:${cssSize(params.bodyMaxHeight, "70vh")}"></div>
+      ${buttons.length ? `<div class="myio-genmodal__footer">${buttonsHtml}</div>` : ""}
+    </div>
+  `;
+  const root = overlay.querySelector(".myio-genmodal");
+  const bodyEl = root.querySelector(".myio-genmodal__body");
+  const titleEl = root.querySelector(".myio-genmodal__title");
+  bodyEl.innerHTML = params.bodyHtml;
+  const previousFocus = document.activeElement;
+  const target = params.container ?? document.body;
+  target.appendChild(overlay);
+  let closed = false;
+  const close = () => {
+    if (closed) return;
+    closed = true;
+    document.removeEventListener("keydown", onKeydown, true);
+    overlay.remove();
+    if (previousFocus && previousFocus.isConnected) previousFocus.focus();
+    if (params.onClose) params.onClose();
+  };
+  const onKeydown = (e) => {
+    if (!overlay.isConnected) return;
+    if (e.key === "Escape" && dismissible) {
+      e.stopPropagation();
+      close();
+      return;
+    }
+    if (e.key === "Tab") {
+      const focusables = Array.from(root.querySelectorAll(FOCUSABLE));
+      if (focusables.length === 0) {
+        e.preventDefault();
+        return;
+      }
+      const first = focusables[0];
+      const last = focusables[focusables.length - 1];
+      const active = document.activeElement;
+      if (!root.contains(active)) {
+        e.preventDefault();
+        first.focus();
+      } else if (e.shiftKey && active === first) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && active === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    }
+  };
+  root.querySelectorAll(".myio-genmodal__btn").forEach((el2) => {
+    el2.addEventListener("click", () => {
+      const btn = buttons[Number(el2.dataset.index)];
+      if (!btn) return;
+      if (params.onButton) params.onButton(btn.value);
+      if (btn.closeOnClick !== false) close();
+    });
+  });
+  if (dismissible) {
+    overlay.querySelector(".myio-genmodal__close")?.addEventListener("click", () => close());
+    overlay.addEventListener("click", (e) => {
+      if (e.target === overlay) close();
+    });
+  }
+  document.addEventListener("keydown", onKeydown, true);
+  const autoFocusIdx = buttons.findIndex((b) => b.autoFocus);
+  const footerEls = Array.from(root.querySelectorAll(".myio-genmodal__btn"));
+  const initialFocus = (autoFocusIdx >= 0 ? footerEls[autoFocusIdx] : void 0) ?? footerEls[footerEls.length - 1] ?? root.querySelector(`.myio-genmodal__body ${FOCUSABLE}`) ?? overlay.querySelector(".myio-genmodal__close") ?? root;
+  initialFocus.focus?.();
+  return {
+    close,
+    setBodyHtml: (html) => {
+      bodyEl.innerHTML = html;
+    },
+    setTitle: (title) => {
+      titleEl.textContent = title;
+    },
+    getBodyEl: () => bodyEl,
+    getRoot: () => root
+  };
+}
+
+// src/utils/reports/demand/index.ts
+var demand_exports = {};
+__export(demand_exports, {
+  BUCKET_STATS_LABEL: () => BUCKET_STATS_LABEL,
+  CATALOG_VERSION: () => CATALOG_VERSION,
+  DEFAULT_DEMAND_LABEL: () => DEFAULT_DEMAND_LABEL,
+  DEFAULT_RESOLUTION: () => DEFAULT_RESOLUTION,
+  DEMAND_LIMITS: () => DEMAND_LIMITS,
+  END_TOLERANCE_MS: () => END_TOLERANCE_MS,
+  ENVELOPE_SCHEMA_VERSION: () => ENVELOPE_SCHEMA_VERSION,
+  HASH_ALGORITHM: () => HASH_ALGORITHM,
+  JOB_KEY_PREFIX: () => JOB_KEY_PREFIX,
+  JOB_STATE_LABEL: () => JOB_STATE_LABEL,
+  MIN_PERIOD_START: () => MIN_PERIOD_START,
+  MIN_PERIOD_START_MS: () => MIN_PERIOD_START_MS,
+  RESOLUTIONS: () => RESOLUTIONS,
+  RESOLUTION_BY_ID: () => RESOLUTION_BY_ID,
+  SUBMIT_SCHEMA_VERSION: () => SUBMIT_SCHEMA_VERSION,
+  TELEMETRY_CATALOG: () => TELEMETRY_CATALOG,
+  TELEMETRY_GROUPS: () => TELEMETRY_GROUPS,
+  auditEvent: () => auditEvent,
+  bucketCount: () => bucketCount,
+  buildEnvelope: () => buildEnvelope,
+  buildRequest: () => buildRequest,
+  buildTaxonomyChips: () => buildTaxonomyChips,
+  canonicalJson: () => canonicalJson,
+  canonicalRequestJson: () => canonicalRequestJson,
+  canonicalizeRequest: () => canonicalizeRequest,
+  compareCodeUnits: () => compareCodeUnits,
+  deriveJobView: () => deriveJobView,
+  envelopeKey: () => envelopeKey,
+  failureText: () => failureText,
+  finestFittingResolution: () => finestFittingResolution,
+  formatLocalDateTime: () => formatLocalDateTime,
+  humanizeKey: () => humanizeKey,
+  isLocalMidnight: () => isLocalMidnight,
+  isUncertainStatus: () => isUncertainStatus,
+  localMidnightOf: () => localMidnightOf,
+  maxPeriodDays: () => maxPeriodDays,
+  mergeBatch: () => mergeBatch,
+  needsPolling: () => needsPolling,
+  parseEnvelope: () => parseEnvelope,
+  parseLocalDateTime: () => parseLocalDateTime,
+  periodErrors: () => periodErrors,
+  presetRange: () => presetRange,
+  reconciliationEvents: () => reconciliationEvents,
+  rejectionText: () => rejectionText,
+  requestHash: () => requestHash,
+  spEpoch: () => spEpoch,
+  spParts: () => spParts,
+  telemetriesInCatalogOrder: () => telemetriesInCatalogOrder,
+  toLocalDateTimeInput: () => toLocalDateTimeInput,
+  toSubmitCommand: () => toSubmitCommand,
+  toValidateCommand: () => toValidateCommand,
+  uuidv7: () => uuidv7,
+  webCryptoSha256: () => webCryptoSha256
+});
+
+// src/utils/reports/demand/types.ts
+var ENVELOPE_SCHEMA_VERSION = 2;
+
+// src/utils/reports/demand/catalog.ts
+var CATALOG_VERSION = 1;
+var TELEMETRY_GROUPS = [
+  {
+    id: "power",
+    label: "Pot\xEAncia",
+    icon: "\u2699\uFE0F",
+    items: [
+      { key: "consumption", label: "Pot\xEAncia Total", unit: "W" },
+      { key: "a", label: "Pot\xEAncia Fase A", unit: "W" },
+      { key: "b", label: "Pot\xEAncia Fase B", unit: "W" },
+      { key: "c", label: "Pot\xEAncia Fase C", unit: "W" }
+    ]
+  },
+  {
+    id: "voltage",
+    label: "Tens\xE3o",
+    icon: "\u26A1",
+    items: [
+      { key: "voltage_a", label: "Tens\xE3o Fase A", unit: "V" },
+      { key: "voltage_b", label: "Tens\xE3o Fase B", unit: "V" },
+      { key: "voltage_c", label: "Tens\xE3o Fase C", unit: "V" }
+    ]
+  },
+  {
+    id: "current",
+    label: "Corrente",
+    icon: "\u{1F50C}",
+    items: [
+      { key: "current_a", label: "Corrente Fase A", unit: "A" },
+      { key: "current_b", label: "Corrente Fase B", unit: "A" },
+      { key: "current_c", label: "Corrente Fase C", unit: "A" },
+      { key: "total_current", label: "Corrente Total", unit: "A" }
+    ]
+  },
+  {
+    id: "pf",
+    label: "Fator de pot\xEAncia",
+    icon: "\u{1F4D0}",
+    items: [
+      { key: "fp_a", label: "Fator de Pot\xEAncia A", unit: "fp" },
+      { key: "fp_b", label: "Fator de Pot\xEAncia B", unit: "fp" },
+      { key: "fp_c", label: "Fator de Pot\xEAncia C", unit: "fp" }
+    ]
+  }
+];
+var TELEMETRY_CATALOG = TELEMETRY_GROUPS.flatMap((g) => g.items);
+var RESOLUTIONS = [
+  { id: "1m", label: "1 min", ms: 6e4, maxDays: 1 },
+  { id: "5m", label: "5 min", ms: 3e5, maxDays: 7 },
+  { id: "15m", label: "15 min", ms: 9e5, maxDays: 31 },
+  { id: "1h", label: "1 hora", ms: 36e5, maxDays: 92 },
+  { id: "1d", label: "1 dia", ms: 864e5, maxDays: 92 }
+];
+var DEFAULT_RESOLUTION = "1h";
+var RESOLUTION_BY_ID = Object.fromEntries(
+  RESOLUTIONS.map((r) => [r.id, r])
+);
+var BUCKET_STATS_LABEL = "m\xE9dia, m\xE1ximo, m\xEDnimo e n\xBA de amostras";
+var DEFAULT_DEMAND_LABEL = "Pot\xEAncia m\xE9dia em 15 min (demanda estimada)";
+var DEMAND_LIMITS = { devices: 50, telemetries: 15, points: 2e6, activeJobsPerUser: 10 };
+function telemetriesInCatalogOrder(keys) {
+  const wanted = new Set(keys);
+  return TELEMETRY_CATALOG.filter((t) => wanted.has(t.key)).map((t) => ({ ...t }));
+}
+
+// src/utils/reports/demand/period.ts
+var SP_OFFSET_MS2 = -3 * 36e5;
+var DAY_MS = 864e5;
+var END_TOLERANCE_MS = 5 * 6e4;
+var MIN_PERIOD_START = "2019-03-01";
+var MIN_PERIOD_START_MS = Date.UTC(2019, 2, 1) - SP_OFFSET_MS2;
+function spParts(ms) {
+  const d = new Date(ms + SP_OFFSET_MS2);
+  return { y: d.getUTCFullYear(), m: d.getUTCMonth(), d: d.getUTCDate(), h: d.getUTCHours(), mi: d.getUTCMinutes() };
+}
+function spEpoch(y, m, d, h3 = 0, mi = 0) {
+  return Date.UTC(y, m, d, h3, mi) - SP_OFFSET_MS2;
+}
+function parseLocalDateTime(value) {
+  const m = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})$/.exec(value || "");
+  return m ? spEpoch(+m[1], +m[2] - 1, +m[3], +m[4], +m[5]) : NaN;
+}
+function toLocalDateTimeInput(ms) {
+  const p = spParts(ms);
+  const pad3 = (n) => String(n).padStart(2, "0");
+  return `${p.y}-${pad3(p.m + 1)}-${pad3(p.d)}T${pad3(p.h)}:${pad3(p.mi)}`;
+}
+function formatLocalDateTime(ms) {
+  const p = spParts(ms);
+  const pad3 = (n) => String(n).padStart(2, "0");
+  return `${pad3(p.d)}/${pad3(p.m + 1)}/${p.y} ${pad3(p.h)}:${pad3(p.mi)}`;
+}
+function presetRange(preset, now) {
+  const t = spParts(now);
+  switch (preset) {
+    case "today":
+      return { start: spEpoch(t.y, t.m, t.d), end: now };
+    case "yesterday":
+      return { start: spEpoch(t.y, t.m, t.d - 1), end: spEpoch(t.y, t.m, t.d) };
+    case "last7days":
+      return { start: spEpoch(t.y, t.m, t.d - 7), end: spEpoch(t.y, t.m, t.d) };
+    case "thisMonth":
+      return { start: spEpoch(t.y, t.m, 1), end: now };
+    case "lastMonth":
+      return { start: spEpoch(t.y, t.m - 1, 1), end: spEpoch(t.y, t.m, 1) };
+    default:
+      return null;
+  }
+}
+function isLocalMidnight(ms) {
+  const p = spParts(ms);
+  return p.h === 0 && p.mi === 0 && new Date(ms + SP_OFFSET_MS2).getUTCSeconds() === 0 && ms % 1e3 === 0;
+}
+function localMidnightOf(ms) {
+  const p = spParts(ms);
+  return spEpoch(p.y, p.m, p.d);
+}
+function bucketCount(start, end, resolution) {
+  if (!(end > start)) return 0;
+  if (resolution === "1d") return Math.ceil((localMidnightOf(end - 1) - localMidnightOf(start)) / DAY_MS) + 1;
+  return Math.ceil((end - start) / RESOLUTION_BY_ID[resolution].ms);
+}
+function finestFittingResolution(range) {
+  const len = range.end - range.start;
+  return RESOLUTIONS.find((r) => len <= r.maxDays * DAY_MS)?.id ?? null;
+}
+function maxPeriodDays(resolution) {
+  return RESOLUTION_BY_ID[resolution].maxDays;
+}
+function periodErrors(range, resolution, now) {
+  if (!Number.isFinite(range.start) || !Number.isFinite(range.end)) return ["Informe in\xEDcio e fim."];
+  if (range.end <= range.start) return ["O fim precisa ser depois do in\xEDcio."];
+  const errs = [];
+  if (range.start < MIN_PERIOD_START_MS) errs.push("Per\xEDodos antes de 01/03/2019 n\xE3o s\xE3o suportados.");
+  if (range.start > now) errs.push("O in\xEDcio est\xE1 no futuro.");
+  if (range.end > now + END_TOLERANCE_MS) errs.push("O fim n\xE3o pode estar no futuro.");
+  const maxDays = maxPeriodDays(resolution);
+  if (range.end - range.start > maxDays * DAY_MS) {
+    errs.push(`Com intervalos de ${RESOLUTION_BY_ID[resolution].label}, o per\xEDodo m\xE1ximo \xE9 ${maxDays} dia(s).`);
+  }
+  if (resolution === "1d" && !isLocalMidnight(range.start)) {
+    errs.push(`Com intervalos de 1 dia, o in\xEDcio precisa ser \xE0 meia-noite (ex.: ${formatLocalDateTime(localMidnightOf(range.start))}).`);
+  }
+  return errs;
+}
+
+// src/utils/reports/demand/hash.ts
+var HASH_ALGORITHM = "canonical-v2";
+function compareCodeUnits(a, b) {
+  if (a === b) return 0;
+  return a < b ? -1 : 1;
+}
+function isPlainObject(v) {
+  return typeof v === "object" && v !== null && !Array.isArray(v);
+}
+function serialize(value) {
+  if (value === null) return "null";
+  switch (typeof value) {
+    case "string":
+    case "number":
+    case "boolean":
+      return JSON.stringify(value);
+    case "bigint":
+      throw new TypeError("canonicalJson: bigint is not serialisable");
+    case "undefined":
+    case "function":
+    case "symbol":
+      return void 0;
+    default:
+      break;
+  }
+  const withToJson = value;
+  if (typeof withToJson.toJSON === "function") return serialize(withToJson.toJSON(""));
+  if (Array.isArray(value)) return "[" + value.map((item) => serialize(item) ?? "null").join(",") + "]";
+  if (isPlainObject(value)) {
+    const parts = [];
+    for (const key of Object.keys(value).sort(compareCodeUnits)) {
+      const s = serialize(value[key]);
+      if (s !== void 0) parts.push(JSON.stringify(key) + ":" + s);
+    }
+    return "{" + parts.join(",") + "}";
+  }
+  return JSON.stringify(value);
+}
+function canonicalJson(value) {
+  const out = serialize(value);
+  return out === void 0 ? "null" : out;
+}
+var toUtcIso = (value) => {
+  const d = new Date(value);
+  if (Number.isNaN(d.getTime())) throw new TypeError(`invalid datetime: ${String(value)}`);
+  return d.toISOString();
+};
+function canonicalizeRequest(request2) {
+  const devices = request2.devices.map((d) => {
+    const rest = { ...d };
+    delete rest.label;
+    delete rest.name;
+    return rest;
+  }).sort((a, b) => compareCodeUnits(String(a.gcdrDeviceId), String(b.gcdrDeviceId)));
+  const telemetries = request2.telemetries.map((t) => ({ ...t })).sort((a, b) => compareCodeUnits(a.key, b.key));
+  const period = { ...request2.period, start: toUtcIso(request2.period.start), end: toUtcIso(request2.period.end) };
+  const out = { ...request2, devices, period, telemetries };
+  delete out.estimate;
+  return out;
+}
+function canonicalRequestJson(request2) {
+  return canonicalJson(canonicalizeRequest(request2));
+}
+var webCryptoSha256 = async (bytes) => {
+  const subtle = globalThis.crypto?.subtle;
+  if (!subtle) throw new Error("crypto.subtle indispon\xEDvel (contexto n\xE3o seguro?)");
+  return new Uint8Array(await subtle.digest("SHA-256", bytes));
+};
+async function requestHash(request2, sha256 = webCryptoSha256) {
+  const digest = await sha256(new TextEncoder().encode(canonicalRequestJson(request2)));
+  return Array.from(digest, (b) => b.toString(16).padStart(2, "0")).join("");
+}
+
+// src/utils/reports/demand/envelope.ts
+var JOB_KEY_PREFIX = "demandReportJob_";
+var SUBMIT_SCHEMA_VERSION = 1;
+var envelopeKey = (jobId) => JOB_KEY_PREFIX + jobId;
+function uuidv7(ms, random = defaultRandom) {
+  const r = random(10);
+  const hex = (b) => Array.from(b, (x) => x.toString(16).padStart(2, "0")).join("");
+  const t = Math.floor(ms).toString(16).padStart(12, "0").slice(-12);
+  const rh = hex(r);
+  const variant = (r[2] & 63 | 128).toString(16);
+  return `${t.slice(0, 8)}-${t.slice(8, 12)}-7${rh.slice(0, 3)}-${variant}${rh.slice(6, 8)}-${rh.slice(8, 20)}`;
+}
+function defaultRandom(n) {
+  const out = new Uint8Array(n);
+  const c = globalThis.crypto;
+  if (c?.getRandomValues) return c.getRandomValues(out);
+  for (let i = 0; i < n; i++) out[i] = Math.floor(Math.random() * 256);
+  return out;
+}
+var clip = (v, max) => typeof v === "string" && v.length ? v.slice(0, max) : void 0;
+function requestDevice(d) {
+  const out = { gcdrDeviceId: String(d.gcdrDeviceId) };
+  const tb = clip(d.tbDeviceId, 64);
+  if (tb) out.tbDeviceId = tb;
+  out.ingestionId = d.ingestionId || null;
+  const label = clip(d.label, 200);
+  if (label) out.label = label;
+  const name = clip(d.name, 200);
+  if (name) out.name = name;
+  out.identifier = d.identifier ? d.identifier.slice(0, 100) : null;
+  const profile = clip(d.deviceProfile, 100);
+  if (profile) out.deviceProfile = profile;
+  const group = clip(d.group ?? void 0, 40);
+  if (group) out.group = group;
+  return out;
+}
+function buildRequest(input) {
+  const telemetries = telemetriesInCatalogOrder(input.telemetryKeys);
+  const devices = input.devices.filter((d) => !!d.gcdrDeviceId).map(requestDevice);
+  const buckets = bucketCount(input.range.start, input.range.end, input.resolution);
+  return {
+    devices,
+    period: {
+      start: new Date(input.range.start).toISOString(),
+      end: new Date(input.range.end).toISOString(),
+      timezone: "America/Sao_Paulo",
+      preset: input.preset
+    },
+    resolution: input.resolution,
+    telemetries,
+    estimate: { buckets, points: buckets * devices.length * telemetries.length }
+  };
+}
+async function buildEnvelope(input) {
+  const jobId = `drj_${(input.idGen ?? uuidv7)(input.now)}`;
+  const at = new Date(input.now).toISOString();
+  return {
+    schemaVersion: ENVELOPE_SCHEMA_VERSION,
+    type: "demand-report",
+    jobId,
+    catalogVersion: CATALOG_VERSION,
+    hashAlgorithm: HASH_ALGORITHM,
+    requestHash: await requestHash(input.request, input.sha256),
+    requestedAt: at,
+    requestedBy: { ...input.user },
+    customer: { ...input.customer },
+    request: input.request,
+    options: { ...input.options || {} },
+    audit: [{ op: "submit", outcome: "requested", at, by: input.user.tbUserId }]
+  };
+}
+function withOptions(cmd, o) {
+  if (!o) return cmd;
+  const out = cmd;
+  if (o.force !== void 0) out.force = o.force;
+  if (o.visibility !== void 0) out.visibility = o.visibility;
+  if (o.notify !== void 0) out.notify = o.notify;
+  return out;
+}
+function toSubmitCommand(e) {
+  return withOptions(
+    {
+      schemaVersion: SUBMIT_SCHEMA_VERSION,
+      type: e.type,
+      catalogVersion: e.catalogVersion,
+      jobId: e.jobId,
+      requestHash: e.requestHash,
+      requestedBy: { userId: e.requestedBy.tbUserId },
+      request: e.request
+    },
+    e.options
+  );
+}
+function toValidateCommand(request2, user, options) {
+  return withOptions(
+    {
+      schemaVersion: SUBMIT_SCHEMA_VERSION,
+      type: "demand-report",
+      catalogVersion: CATALOG_VERSION,
+      requestedBy: { userId: user.tbUserId },
+      request: request2
+    },
+    options
+  );
+}
+function parseEnvelope(raw) {
+  let v = raw;
+  if (typeof v === "string") {
+    try {
+      v = JSON.parse(v);
+    } catch {
+      return { ok: false, reason: "invalid-json" };
+    }
+  }
+  if (!v || typeof v !== "object") return { ok: false, reason: "not-an-object" };
+  const o = v;
+  if (o.schemaVersion !== ENVELOPE_SCHEMA_VERSION) return { ok: false, reason: "unknown-version", schemaVersion: o.schemaVersion };
+  if (o.type !== "demand-report" || typeof o.jobId !== "string" || !o.jobId.startsWith("drj_")) return { ok: false, reason: "bad-header" };
+  if (!o.request || !Array.isArray(o.request.devices) || !o.request.period?.start || !Array.isArray(o.request.telemetries)) {
+    return { ok: false, reason: "bad-request" };
+  }
+  if (!Array.isArray(o.audit) || typeof o.requestedAt !== "string" || !o.requestedBy) return { ok: false, reason: "bad-audit" };
+  return { ok: true, envelope: { ...o, options: o.options || {} } };
+}
+function auditEvent(op, outcome, by, now, extra = {}) {
+  return { op, outcome, at: new Date(now).toISOString(), by, ...extra };
+}
+
+// src/utils/reports/demand/jobs.ts
+var JOB_STATE_LABEL = {
+  loading: "Consultando\u2026",
+  sending: "Enviando\u2026",
+  send_uncertain: "Confirmando envio\u2026",
+  not_received: "N\xE3o enviado",
+  query_unavailable: "Status indispon\xEDvel",
+  rejected: "Recusado",
+  old_request: "Pedido antigo",
+  queued: "Na fila",
+  running: "Processando",
+  succeeded: "Conclu\xEDdo",
+  result_expired: "Expirado",
+  purged: "Conte\xFAdo removido",
+  failed: "Falhou",
+  cancelled: "Cancelado"
+};
+function lastSendEvent(e) {
+  for (let i = e.audit.length - 1; i >= 0; i--) {
+    const a = e.audit[i];
+    if ((a.op === "submit" || a.op === "resend") && a.outcome !== "requested") return a;
+  }
+  return void 0;
+}
+function deriveJobView(i) {
+  const age = i.now - Date.parse(i.envelope.requestedAt);
+  const inWindow = age < i.idempotencyWindowMs;
+  if (i.inflight) return { state: "sending", canResend: false };
+  const k = i.knowledge;
+  if (k && "found" in k && k.found) {
+    const job = k.job;
+    if (job.resultAvailability === "purged") return { state: "purged", job, canResend: false };
+    if (job.status === "expired" || job.resultAvailability === "expired") return { state: "result_expired", job, canResend: false };
+    return { state: job.status, job, canResend: false };
+  }
+  const last = lastSendEvent(i.envelope);
+  if (last && last.outcome === "rejected") {
+    return {
+      state: "rejected",
+      code: last.code,
+      reason: last.reason,
+      message: last.message,
+      canResend: last.code === "ACTIVE_JOBS_LIMIT" && inWindow
+    };
+  }
+  if (k && "queryError" in k) return { state: "query_unavailable", canResend: false };
+  if (!k) return { state: "loading", canResend: false };
+  if (!inWindow) return { state: "old_request", canResend: false };
+  if (age < i.graceMs) return { state: i.uncertain ? "send_uncertain" : "sending", canResend: i.uncertain };
+  return { state: "not_received", canResend: true };
+}
+function needsPolling(state6) {
+  return state6 === "queued" || state6 === "running" || state6 === "sending" || state6 === "send_uncertain" || state6 === "loading";
+}
+function mergeBatch(known, results) {
+  for (const r of results) {
+    const prev = known.get(r.jobId);
+    if (!r.found && prev && "found" in prev && prev.found) continue;
+    known.set(r.jobId, r.found ? { found: true, job: r.job } : { found: false });
+  }
+}
+function reconciliationEvents(e, job) {
+  const out = [];
+  if (!e.audit.some((a) => (a.op === "submit" || a.op === "resend" || a.op === "reused") && a.outcome === "accepted")) {
+    out.push({ op: "submit", outcome: "accepted", at: job.createdAt, by: e.requestedBy.tbUserId, source: "reconciled" });
+  }
+  if (job.status === "cancelled" && job.cancelledAt && !e.audit.some((a) => a.op === "cancel" && a.outcome === "accepted")) {
+    out.push({ op: "cancel", outcome: "accepted", at: job.cancelledAt, by: job.cancelledBy?.declared?.userId || "desconhecido", source: "reconciled" });
+  }
+  return out;
+}
+function isUncertainStatus(status) {
+  return status === 0 || status >= 500;
+}
+var REASON_TEXT = {
+  SHAPE: "O pedido tem um formato inv\xE1lido.",
+  REQUEST_HASH_MISMATCH: "O conte\xFAdo do pedido n\xE3o confere \u2014 contate o suporte.",
+  CATALOG_VERSION_UNSUPPORTED: "A lista de telemetrias mudou \u2014 atualize o painel.",
+  UNKNOWN_TELEMETRY: "H\xE1 uma telemetria que o servidor n\xE3o conhece.",
+  TELEMETRY_DUPLICATE: "H\xE1 telemetrias repetidas.",
+  PERIOD_TOO_LONG: "O per\xEDodo \xE9 longo demais para este intervalo.",
+  PERIOD_NOT_ALIGNED: "Com intervalos de 1 dia, o in\xEDcio precisa ser \xE0 meia-noite.",
+  PERIOD_INVALID: "O per\xEDodo \xE9 inv\xE1lido.",
+  DEVICE_NOT_IN_CUSTOMER: "Um dos medidores n\xE3o pertence a este cliente.",
+  DEVICE_NOT_ENERGY: "Um dos dispositivos n\xE3o \xE9 um medidor de energia.",
+  DEVICE_NO_SOURCE: "Um dos medidores n\xE3o tem fonte de dados para as telemetrias escolhidas.",
+  POINTS_LIMIT: "O relat\xF3rio ficaria grande demais \u2014 reduza medidores, telemetrias ou per\xEDodo.",
+  NO_DATA_IN_PERIOD: "N\xE3o h\xE1 dados no per\xEDodo escolhido.",
+  VISIBILITY_REQUIRES_VERIFIED_IDENTITY: "\u201CSomente eu\u201D ainda n\xE3o est\xE1 dispon\xEDvel."
+};
+function rejectionText(code, reason, message, details) {
+  switch (code) {
+    case "VALIDATION_FAILED":
+      return reason && REASON_TEXT[reason] || message || "O pedido n\xE3o passou na valida\xE7\xE3o.";
+    case "ACTIVE_JOBS_LIMIT": {
+      const d = details || {};
+      const who = {
+        user: "seus relat\xF3rios em andamento",
+        customer: "relat\xF3rios em andamento do cliente",
+        tenant: "relat\xF3rios em andamento da plataforma",
+        day: "relat\xF3rios gerados hoje"
+      };
+      return d.limit ? `Limite atingido: ${who[d.limit] || d.limit}${d.max ? ` (m\xE1x. ${d.max})` : ""}.` : "Limite de relat\xF3rios atingido.";
+    }
+    case "FORBIDDEN":
+      return "Sem permiss\xE3o para pedir relat\xF3rios.";
+    case "UNAUTHORIZED":
+      return /reports:write/.test(message || "") ? "A credencial do dashboard n\xE3o tem permiss\xE3o para pedir relat\xF3rios (escopo reports:write) \u2014 contate o suporte." : "Credencial do dashboard ausente ou inv\xE1lida para relat\xF3rios \u2014 contate o suporte.";
+    case "JOB_ID_CONFLICT":
+      return "Este pedido j\xE1 existe com outro conte\xFAdo \u2014 use \u201CDuplicar e editar\u201D.";
+    case "RATE_LIMITED":
+      return "Muitas requisi\xE7\xF5es \u2014 tente de novo em instantes.";
+    default:
+      return message || code || "Pedido recusado.";
+  }
+}
+function failureText(code) {
+  switch (code) {
+    case "SOURCE_UNAVAILABLE":
+      return "A fonte de dados ficou indispon\xEDvel durante a gera\xE7\xE3o.";
+    case "TIMEOUT":
+      return "A gera\xE7\xE3o demorou al\xE9m do limite.";
+    case "INTERRUPTED":
+    case "WORKER_LOST":
+      return "A gera\xE7\xE3o foi interrompida.";
+    case "STALE":
+      return "O pedido ficou tempo demais na fila.";
+    case "DEVICE_GONE":
+      return "Um dos medidores n\xE3o existe mais.";
+    case "RESULT_TOO_LARGE":
+    case "XLSX_ROW_LIMIT":
+      return "O resultado ficou grande demais \u2014 reduza o per\xEDodo ou os medidores.";
+    case "CONFIGURATION":
+      return "Falha de configura\xE7\xE3o no servidor \u2014 contate o suporte.";
+    default:
+      return "N\xE3o foi poss\xEDvel gerar o relat\xF3rio.";
+  }
+}
+
+// src/utils/reports/demand/taxonomy.ts
+function humanizeKey(key) {
+  const s = key.replace(/[_-]+/g, " ").trim();
+  return s ? s.charAt(0).toUpperCase() + s.slice(1) : key;
+}
+function buildTaxonomyChips(devices, classifier) {
+  const categoryOf = /* @__PURE__ */ new Map();
+  const counts = /* @__PURE__ */ new Map();
+  for (const d of devices) {
+    const key = classifier.classify(d);
+    categoryOf.set(d.tbDeviceId, key);
+    if (key) counts.set(key, (counts.get(key) || 0) + 1);
+  }
+  const chips = [...counts.entries()].map(([key, count]) => {
+    const info = classifier.describe(key);
+    return { key, count, label: info?.label || humanizeKey(key), icon: info?.icon, order: info?.order ?? 999 };
+  }).sort((a, b) => a.order - b.order || a.label.localeCompare(b.label, "pt-BR")).map(({ order: _order, ...chip }) => chip);
+  return { chips, categoryOf };
+}
+
+// src/components/demand-panel-v2/styles.ts
+var DP2_STYLE_ID = "myio-demand-panel-v2-styles";
+var DP2_CSS = `
+.dp2-root { --dp2-ac: var(--myio-brand-700, #3e1a7d); --dp2-ac-soft: color-mix(in srgb, var(--dp2-ac) 10%, transparent);
+  --dp2-ok: var(--myio-success, #16a34a); --dp2-warn: var(--myio-warning, #d97706); --dp2-err: var(--myio-danger, #dc2626); --dp2-info: var(--myio-info, #2563eb);
+  font-family: Nunito, var(--myio-font, system-ui, sans-serif); color: var(--myio-text, #1e293b); font-size: 13px;
+  height: 100%; display: flex; flex-direction: column; min-height: 0; }
+.dp2-root * { box-sizing: border-box; }
+.dp2-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--myio-border, #e2e8f0); margin: -4px 0 0; }
+.dp2-tab { border: none; background: none; font: inherit; font-weight: 700; color: var(--myio-text-muted, #64748b); padding: 9px 14px; cursor: pointer; border-bottom: 3px solid transparent; }
+.dp2-tab[aria-selected="true"] { color: var(--dp2-ac); border-bottom-color: var(--dp2-ac); }
+.dp2-count { display: inline-block; min-width: 18px; padding: 0 5px; margin-left: 4px; border-radius: 9px; background: var(--dp2-info); color: #fff; font-size: 11px; }
+.dp2-stepper { display: flex; gap: 6px; padding: 10px 0; }
+.dp2-stepper[hidden] { display: none; }
+.dp2-step { flex: 1; display: flex; align-items: center; gap: 8px; border: none; background: none; font: inherit; color: var(--myio-text-muted, #64748b); padding: 6px 8px; border-radius: 10px; text-align: left; cursor: default; }
+.dp2-step b { width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 2px solid var(--myio-border, #e2e8f0); font-size: 12px; flex-shrink: 0; }
+.dp2-step[data-state="current"] { color: var(--dp2-ac); font-weight: 800; background: var(--dp2-ac-soft); }
+.dp2-step[data-state="current"] b { border-color: var(--dp2-ac); background: var(--dp2-ac); color: #fff; }
+.dp2-step[data-state="done"] { color: var(--myio-text, #1e293b); cursor: pointer; }
+.dp2-step[data-state="done"] b { border-color: var(--dp2-ok); background: var(--dp2-ok); color: #fff; }
+.dp2-banner { margin: 0 0 10px; padding: 9px 12px; border-radius: 10px; background: color-mix(in srgb, var(--dp2-warn) 12%, transparent); border: 1px solid color-mix(in srgb, var(--dp2-warn) 40%, transparent); }
+.dp2-body { flex: 1; min-height: 0; overflow: auto; padding: 4px 2px 8px; }
+.dp2-nav { display: flex; align-items: center; gap: 10px; padding: 10px 0 0; border-top: 1px solid var(--myio-border, #e2e8f0); }
+.dp2-nav .hint { flex: 1; color: var(--myio-text-muted, #64748b); }
+.dp2-btn { border: 1px solid var(--myio-border, #e2e8f0); background: var(--myio-card, #fff); color: var(--myio-text, #1e293b); border-radius: 9px; padding: 8px 14px; font: inherit; font-weight: 700; cursor: pointer; }
+.dp2-btn:hover:not([disabled]) { border-color: var(--dp2-ac); }
+.dp2-btn[disabled] { opacity: .45; cursor: not-allowed; }
+.dp2-btn.primary { background: var(--dp2-ac); color: #fff; border-color: var(--dp2-ac); }
+.dp2-btn.sm { padding: 4px 9px; font-size: 12px; }
+.dp2-btn.link { border: none; background: none; color: var(--dp2-ac); padding: 4px 6px; }
+.dp2-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
+.dp2-s1 { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 14px; height: 100%; min-height: 380px; }
+.dp2-col { display: flex; flex-direction: column; min-height: 0; background: var(--myio-card, #fff); border: 1px solid var(--myio-border, #e2e8f0); border-radius: 12px; }
+.dp2-col-head { padding: 12px; border-bottom: 1px solid var(--myio-border, #e2e8f0); display: flex; flex-direction: column; gap: 8px; }
+.dp2-col-head h3 { margin: 0; font-size: 13px; display: flex; justify-content: space-between; align-items: center; }
+.dp2-search { width: 100%; border: 1px solid var(--myio-border, #e2e8f0); background: var(--myio-bg, #f8fafc); color: var(--myio-text, #1e293b); border-radius: 9px; padding: 9px 12px; font: inherit; font-size: 14px; }
+.dp2-search:focus { outline: 2px solid var(--dp2-ac); outline-offset: -1px; }
+.dp2-chips { display: flex; flex-wrap: wrap; gap: 6px; }
+.dp2-chip { display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--myio-border, #e2e8f0); background: var(--myio-card, #fff); color: var(--myio-text, #1e293b); border-radius: 999px; padding: 3px 10px; font: inherit; font-size: 12px; cursor: pointer; }
+.dp2-chip[aria-pressed="true"] { background: var(--dp2-ac-soft); border-color: var(--dp2-ac); color: var(--dp2-ac); font-weight: 700; }
+.dp2-chip[disabled] { opacity: .4; cursor: not-allowed; }
+.dp2-list { flex: 1; overflow: auto; padding: 6px; min-height: 0; }
+.dp2-item { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 7px 8px; border-radius: 9px; }
+.dp2-item:hover { background: var(--dp2-ac-soft); }
+.dp2-item.blocked { opacity: .6; }
+.dp2-ico { width: 32px; height: 32px; object-fit: contain; }
+.dp2-name { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.dp2-sub { color: var(--myio-text-muted, #64748b); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.dp2-tag { display: inline-block; border-radius: 999px; padding: 0 7px; font-size: 11px; background: var(--dp2-ac-soft); color: var(--dp2-ac); margin-right: 4px; }
+.dp2-tag.warn { background: color-mix(in srgb, var(--dp2-warn) 15%, transparent); color: var(--dp2-warn); }
+.dp2-tag.block { background: color-mix(in srgb, var(--dp2-err) 12%, transparent); color: var(--dp2-err); }
+.dp2-added { color: var(--dp2-ok); font-weight: 700; font-size: 12px; }
+.dp2-empty { color: var(--myio-text-muted, #64748b); text-align: center; padding: 30px 12px; }
+.dp2-mark { background: #fde68a; color: inherit; border-radius: 2px; }
+.dp2-card { background: var(--myio-card, #fff); border: 1px solid var(--myio-border, #e2e8f0); border-radius: 12px; padding: 14px 16px; margin-bottom: 14px; }
+.dp2-card h3 { margin: 0 0 10px; font-size: 14px; display: flex; justify-content: space-between; align-items: center; }
+.dp2-row { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; }
+.dp2-field { display: flex; flex-direction: column; gap: 4px; font-weight: 700; font-size: 12px; color: var(--myio-text-muted, #64748b); }
+.dp2-field input { border: 1px solid var(--myio-border, #e2e8f0); background: var(--myio-bg, #f8fafc); color: var(--myio-text, #1e293b); border-radius: 8px; padding: 7px 9px; font: inherit; }
+.dp2-info { color: var(--myio-text-muted, #64748b); }
+.dp2-err { color: var(--dp2-err); font-weight: 700; }
+.dp2-fix { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 8px; }
+.dp2-tgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; }
+.dp2-check { display: flex; align-items: center; gap: 8px; padding: 6px 4px; cursor: pointer; border-radius: 7px; }
+.dp2-check:hover { background: var(--dp2-ac-soft); }
+.dp2-check input { width: 16px; height: 16px; accent-color: var(--dp2-ac); }
+.dp2-check .u { margin-left: auto; color: var(--myio-text-muted, #64748b); font-size: 11px; }
+.dp2-sum { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 8px 14px; margin: 0; }
+.dp2-sum dt { color: var(--myio-text-muted, #64748b); font-weight: 700; }
+.dp2-sum dd { margin: 0; }
+.dp2-pills { display: flex; flex-wrap: wrap; gap: 5px; }
+.dp2-pill { border-radius: 999px; padding: 2px 9px; font-size: 12px; background: var(--dp2-ac-soft); color: var(--dp2-ac); }
+.dp2-size { display: inline-block; border-radius: 999px; padding: 2px 10px; font-weight: 800; color: #fff; background: var(--dp2-ok); }
+.dp2-size.medio { background: var(--dp2-warn); } .dp2-size.grande { background: var(--dp2-err); }
+.dp2-json { background: #0f172a; color: #e2e8f0; border-radius: 9px; padding: 10px 12px; font: 11.5px/1.45 ui-monospace, Consolas, monospace; max-height: 260px; overflow: auto; white-space: pre; margin: 8px 0 0; }
+.dp2-meter { height: 8px; background: var(--myio-border, #e2e8f0); border-radius: 4px; overflow: hidden; margin-top: 6px; }
+.dp2-meter span { display: block; height: 100%; background: var(--dp2-ok); }
+.dp2-details summary { cursor: pointer; color: var(--dp2-ac); font-weight: 700; }
+.dp2-job { background: var(--myio-card, #fff); border: 1px solid var(--myio-border, #e2e8f0); border-radius: 12px; padding: 12px 14px; margin-bottom: 10px; }
+.dp2-job.ghost { border-style: dashed; }
+.dp2-job-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
+.dp2-job-title { font-weight: 800; }
+.dp2-status { border-radius: 999px; padding: 2px 10px; font-size: 12px; font-weight: 800; color: #fff; background: #94a3b8; }
+.dp2-status.running, .dp2-status.sending, .dp2-status.send_uncertain { background: var(--dp2-info); }
+.dp2-status.succeeded { background: var(--dp2-ok); }
+.dp2-status.failed, .dp2-status.not_received, .dp2-status.rejected { background: var(--dp2-err); }
+.dp2-status.query_unavailable { background: var(--dp2-warn); }
+.dp2-status.queued { background: color-mix(in srgb, var(--dp2-info) 70%, #64748b); }
+.dp2-banner.info { background: color-mix(in srgb, var(--dp2-info) 10%, transparent); border-color: color-mix(in srgb, var(--dp2-info) 35%, transparent); }
+.dp2-bar { height: 6px; background: var(--myio-border, #e2e8f0); border-radius: 3px; overflow: hidden; margin-top: 8px; }
+.dp2-bar span { display: block; height: 100%; background: var(--dp2-info); transition: width .4s; }
+.dp2-job-actions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; align-items: center; }
+.dp2-skel { height: 74px; border-radius: 12px; margin-bottom: 10px; background: linear-gradient(90deg, var(--myio-border, #e2e8f0), var(--myio-card, #fff), var(--myio-border, #e2e8f0)); background-size: 200% 100%; animation: dp2sk 1.2s infinite; }
+@keyframes dp2sk { from { background-position: 200% 0; } to { background-position: -200% 0; } }
+.dp2-audit-warn { color: var(--dp2-warn); font-size: 12px; font-weight: 700; margin-top: 4px; }
+.dp2-root[data-narrow="true"] .dp2-s1 { grid-template-columns: 1fr; }
+.dp2-root[data-narrow="true"] .dp2-sum { grid-template-columns: 1fr; }
+`;
+function injectDemandPanelStyles(doc = document) {
+  if (doc.getElementById(DP2_STYLE_ID)) return;
+  const style = doc.createElement("style");
+  style.id = DP2_STYLE_ID;
+  style.textContent = DP2_CSS;
+  doc.head.appendChild(style);
+}
+
+// src/components/demand-panel-v2/openDemandPanelV2.ts
+var PRESETS = [
+  { id: "today", label: "Hoje" },
+  { id: "yesterday", label: "Ontem" },
+  { id: "last7days", label: "\xDAltimos 7 dias" },
+  { id: "thisMonth", label: "Este m\xEAs" },
+  { id: "lastMonth", label: "M\xEAs passado" },
+  { id: "custom", label: "Personalizado" }
+];
+var STEPS = ["Dispositivos", "Per\xEDodo", "Telemetrias", "Resumo"];
+var esc4 = (s) => String(s ?? "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+var norm = (s) => String(s ?? "").normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+var fmtN = (n) => n.toLocaleString("pt-BR");
+var pad = (n) => String(n).padStart(2, "0");
+var fmtDay = (ms) => {
+  const p = spParts(ms);
+  return `${pad(p.d)}/${pad(p.m + 1)}`;
+};
+var fmtDuration = (ms) => {
+  const h3 = ms / 36e5;
+  return h3 < 48 ? `${h3.toLocaleString("pt-BR", { maximumFractionDigits: 1 })} h` : `${(h3 / 24).toLocaleString("pt-BR", { maximumFractionDigits: 1 })} dias`;
+};
+var asPortError = (e) => {
+  const x = e;
+  return {
+    status: typeof x?.status === "number" ? x.status : 0,
+    code: x?.code || (x?.name === "AbortError" ? "ABORTED" : "ERROR"),
+    message: x?.message || String(e),
+    details: x?.details,
+    retryAfter: x?.retryAfter
+  };
+};
+function createProfileClassifier() {
+  const nodes = /* @__PURE__ */ new Map();
+  try {
+    flattenTree(liftProfileToTree()).forEach((n, i) => nodes.set(n.key, { label: n.label, icon: n.icon, order: i }));
+  } catch {
+  }
+  return {
+    classify(d) {
+      const item = { deviceProfile: d.deviceProfile, identifier: d.identifier };
+      const g = resolveGroup(item).group;
+      if (g === "ocultos") return null;
+      if (g === "entrada") return "entrada";
+      return resolveCategory(item).category || g;
+    },
+    describe: (key) => nodes.get(key)
+  };
+}
+function deviceIconUrl(profile) {
+  const url = getDeviceIcon(profile);
+  return typeof url === "string" && /^(https?:|data:)/.test(url) ? url : DEFAULT_DEVICE_ICON;
+}
+var DemandPanelV2 = class {
+  constructor(p) {
+    this.p = p;
+    this.now = p.now ?? (() => Date.now());
+    this.graceMs = p.graceMs ?? 12e4;
+    this.windowMs = p.idempotencyWindowMs ?? 7 * 24 * 36e5;
+    this.pageSize = p.pageSize ?? 20;
+    this.pollDelay = p.pollMinMs ?? 5e3;
+    this.deviceById = new Map(p.devices.map((d) => [d.tbDeviceId, d]));
+    p.devices.forEach((d) => this.labelCount.set(d.label, (this.labelCount.get(d.label) || 0) + 1));
+    const tax = buildTaxonomyChips(p.devices, p.classifier ?? createProfileClassifier());
+    this.chips = tax.chips;
+    this.categoryOf = tax.categoryOf;
+    const r = presetRange("last7days", this.now());
+    this.s.period = { preset: "last7days", start: r.start, end: r.end };
+    this.s.selected = (p.preselect ?? []).filter((id) => this.deviceById.has(id) && this.eligibility(this.deviceById.get(id)).ok);
+  }
+  modal;
+  footer = null;
+  root;
+  el;
+  abort = new AbortController();
+  destroyed = false;
+  pollTimer = null;
+  pollDelay;
+  paused = false;
+  resizeObs = null;
+  now;
+  graceMs;
+  windowMs;
+  pageSize;
+  deviceById;
+  labelCount = /* @__PURE__ */ new Map();
+  chips;
+  categoryOf;
+  s = {
+    tab: "new",
+    step: 1,
+    maxStep: 1,
+    search: "",
+    category: "all",
+    selected: [],
+    period: { preset: "last7days", start: 0, end: 0 },
+    // Resolução das linhas (GCDR): cada intervalo traz média, máximo, mínimo e nº de amostras
+    resolution: DEFAULT_RESOLUTION,
+    /** "Gerar novamente" quando existe um resultado idêntico reaproveitável (X-L2). */
+    force: false,
+    /** Validação no servidor (dry-run) do pedido do passo 4 — antes de gravar o envelope (L-10). */
+    validation: { state: "idle", result: null, error: "", seq: 0 },
+    config: null,
+    telemetries: /* @__PURE__ */ new Set(["consumption"]),
+    snapshot: null,
+    submitting: false,
+    envelopes: [],
+    unreadable: 0,
+    keys: [],
+    page: 1,
+    listState: "idle",
+    listError: "",
+    jobs: /* @__PURE__ */ new Map(),
+    active: [],
+    inflight: /* @__PURE__ */ new Set(),
+    uncertain: /* @__PURE__ */ new Set(),
+    auditPending: /* @__PURE__ */ new Set(),
+    openDetails: /* @__PURE__ */ new Set()
+  };
+  /* ------------------------------------------------------------------ lifecycle */
+  open() {
+    injectDemandPanelStyles();
+    this.modal = createModal({
+      title: "Relat\xF3rio de Demanda e Telemetrias",
+      icon: "\u26A1",
+      useStandardHeader: true,
+      showMaximize: true,
+      width: "1120px",
+      height: "88vh",
+      theme: this.p.themeMode === "dark" ? "dark" : "light",
+      closeOnBackdrop: false,
+      closeOnEscape: false
+    });
+    this.root = document.createElement("div");
+    this.root.className = "dp2-root";
+    this.root.innerHTML = `
+      <nav class="dp2-tabs" role="tablist" aria-label="Relat\xF3rio de demanda">
+        <button class="dp2-tab" role="tab" type="button" data-action="tab" data-tab="new">Novo relat\xF3rio</button>
+        <button class="dp2-tab" role="tab" type="button" data-action="tab" data-tab="jobs">Relat\xF3rios <span data-role="count"></span></button>
+      </nav>
+      <div class="dp2-stepper" data-region="stepper" aria-label="Etapas"></div>
+      <div data-region="banner"></div>
+      <div class="dp2-body" data-region="body" role="tabpanel"></div>
+      <div class="dp2-nav" data-region="nav"></div>
+      <div class="dp2-sr" aria-live="polite" data-region="live"></div>`;
+    const q = (sel) => this.root.querySelector(sel);
+    this.el = {
+      stepper: q('[data-region="stepper"]'),
+      banner: q('[data-region="banner"]'),
+      body: q('[data-region="body"]'),
+      nav: q('[data-region="nav"]'),
+      live: q('[data-region="live"]'),
+      count: q('[data-role="count"]')
+    };
+    this.modal.setContent(this.root);
+    this.applyTheme();
+    this.mountFooter();
+    this.root.addEventListener("click", this.onClick);
+    this.root.addEventListener("input", this.onInput);
+    this.root.addEventListener("change", this.onChange);
+    this.root.addEventListener("keydown", this.onKeydown);
+    document.addEventListener("keydown", this.onDocKeydown);
+    document.addEventListener("visibilitychange", this.onVisibility);
+    if (typeof ResizeObserver !== "undefined") {
+      this.resizeObs = new ResizeObserver(([e]) => {
+        this.root.dataset.narrow = String(e.contentRect.width < 760);
+      });
+      this.resizeObs.observe(this.root);
+    }
+    this.modal.on("close", () => this.teardown());
+    this.render();
+    void this.loadPage(false);
+    void this.loadConfig();
+    return { close: () => this.modal.close(), refresh: () => this.loadPage(true) };
+  }
+  teardown() {
+    if (this.destroyed) return;
+    this.destroyed = true;
+    this.abort.abort();
+    if (this.pollTimer) clearTimeout(this.pollTimer);
+    this.root.removeEventListener("click", this.onClick);
+    this.root.removeEventListener("input", this.onInput);
+    this.root.removeEventListener("change", this.onChange);
+    this.root.removeEventListener("keydown", this.onKeydown);
+    document.removeEventListener("keydown", this.onDocKeydown);
+    document.removeEventListener("visibilitychange", this.onVisibility);
+    this.resizeObs?.disconnect();
+    this.footer?.destroy();
+    this.footer = null;
+    this.p.onClose?.();
+  }
+  mountFooter() {
+    const lib = window.MyIOLibrary;
+    this.footer = createModalFooter({
+      customerName: this.p.customer.name,
+      // unknown version (tests / showcase without the UMD) → no npm version check
+      libVersion: lib?.version ? { current: lib.version } : false,
+      themeMode: this.p.themeMode === "dark" ? "dark" : "light"
+    });
+    const modalRoot = this.modal.element.closest(".myio-modal") || this.modal.element;
+    modalRoot.appendChild(this.footer.element);
+  }
+  applyTheme() {
+    const theme = this.p.theme ?? window.MyIOUtils?.theme;
+    if (!theme) return;
+    const vars = typeof theme.cssVars === "function" ? theme.cssVars() : theme;
+    const target = this.modal.element.closest(".myio-modal") || this.modal.element;
+    Object.entries(vars || {}).forEach(([k, v]) => {
+      if (k.startsWith("--") && typeof v === "string") target.style.setProperty(k, v);
+    });
+  }
+  /* ------------------------------------------------------------------ helpers */
+  announce(msg) {
+    this.el.live.textContent = msg;
+  }
+  toast(kind, msg) {
+    const t = MyIOToast;
+    (t[kind] || t.info).call(MyIOToast, msg);
+  }
+  async confirmDialog(title, message, confirmLabel, cancelLabel = "Cancelar") {
+    const v = await openConfirmDialog({
+      title,
+      message,
+      theme: this.p.themeMode === "dark" ? "dark" : "light",
+      buttons: [{ label: cancelLabel, value: "no" }, { label: confirmLabel, value: "yes", variant: "primary", autoFocus: true }]
+    });
+    return v === "yes";
+  }
+  eligibility(d) {
+    if (!d.gcdrDeviceId) return { ok: false, cls: "block", text: "\u26D4 sem v\xEDnculo GCDR", title: "O fluxo atual exige o v\xEDnculo com o GCDR" };
+    if (!d.ingestionId) return { ok: true, cls: "warn", text: "\u26A0 sem v\xEDnculo de dados", title: "Sem ingestionId \u2014 a valida\xE7\xE3o do passo 4 confirma se h\xE1 dados para as telemetrias escolhidas" };
+    return { ok: true };
+  }
+  selectedDevices() {
+    return this.s.selected.map((id) => this.deviceById.get(id)).filter(Boolean);
+  }
+  searchResults() {
+    const q = norm(this.s.search).trim();
+    return this.p.devices.filter((d) => {
+      const cat = this.categoryOf.get(d.tbDeviceId);
+      if (cat === null) return false;
+      if (this.s.category !== "all" && cat !== this.s.category) return false;
+      return !q || norm(`${d.label} ${d.name} ${d.identifier ?? ""} ${d.deviceProfile}`).includes(q);
+    });
+  }
+  estimatePoints() {
+    const buckets = bucketCount(this.s.period.start, this.s.period.end, this.s.resolution);
+    return { buckets, points: buckets * this.s.selected.length * this.s.telemetries.size };
+  }
+  resolutionLabel(resolution) {
+    return resolution ? `Intervalos de ${RESOLUTION_BY_ID[resolution]?.label ?? resolution}` : "\u2014";
+  }
+  demandLabel() {
+    const l = this.s.config?.demandLabel;
+    return typeof l === "string" && l ? l : DEFAULT_DEMAND_LABEL;
+  }
+  stepErrors(step) {
+    if (step === 1) return this.s.selected.length ? [] : ["Adicione ao menos 1 medidor."];
+    if (step === 2) return periodErrors(this.s.period, this.s.resolution, this.now());
+    if (step === 3) return this.s.telemetries.size ? [] : ["Escolha ao menos 1 telemetria."];
+    const errs = [];
+    [1, 2, 3].forEach((n) => {
+      if (this.stepErrors(n).length) errs.push(`Etapa ${n} incompleta.`);
+    });
+    const pts = this.s.snapshot?.request.estimate?.points;
+    if (pts != null && pts > DEMAND_LIMITS.points) {
+      errs.push(`O relat\xF3rio passa do tamanho m\xE1ximo (${fmtN(DEMAND_LIMITS.points)} pontos).`);
+    }
+    const v = this.s.validation;
+    if (v.state === "ok" && v.result && !v.result.ok) {
+      (v.result.errors || []).forEach((e) => errs.push(rejectionText(e.code || "VALIDATION_FAILED", e.reason, e.message, e.details)));
+    }
+    return errs;
+  }
+  view(e) {
+    return deriveJobView({
+      envelope: e,
+      knowledge: this.s.jobs.get(e.jobId),
+      now: this.now(),
+      inflight: this.s.inflight.has(e.jobId),
+      uncertain: this.s.uncertain.has(e.jobId),
+      graceMs: this.graceMs,
+      idempotencyWindowMs: this.windowMs
+    });
+  }
+  freezeSnapshot() {
+    const now = this.now();
+    if (this.s.period.preset !== "custom") {
+      const r = presetRange(this.s.period.preset, now);
+      this.s.period.start = r.start;
+      this.s.period.end = r.end;
+    }
+    this.s.snapshot = {
+      takenAt: now,
+      request: buildRequest({
+        devices: this.selectedDevices(),
+        range: this.s.period,
+        preset: this.s.period.preset,
+        resolution: this.s.resolution,
+        telemetryKeys: this.s.telemetries
+      })
+    };
+    void this.validateSnapshot();
+  }
+  /**
+   * Dry-run no GCDR (reserva nada): erros, avisos, cotas, estimativa e resultado reaproveitável
+   * aparecem ANTES de gravar o envelope (L-10, X-L1, X-L2). Resposta antiga nunca sobrescreve
+   * a validação de um snapshot mais novo.
+   */
+  async validateSnapshot() {
+    const snap = this.s.snapshot;
+    if (!snap) return;
+    const seq = ++this.s.validation.seq;
+    this.s.validation = { ...this.s.validation, state: "loading", result: null, error: "", seq };
+    this.render();
+    try {
+      const result = await this.p.api.validate(
+        toValidateCommand(snap.request, this.p.user, this.s.force ? { force: true } : void 0),
+        this.opts()
+      );
+      if (this.destroyed || seq !== this.s.validation.seq) return;
+      this.s.validation = { ...this.s.validation, state: "ok", result, error: "" };
+    } catch (err) {
+      if (this.destroyed || seq !== this.s.validation.seq) return;
+      const pe = asPortError(err);
+      if (pe.code === "ABORTED") return;
+      this.s.validation = {
+        ...this.s.validation,
+        state: "error",
+        result: null,
+        error: pe.status === 422 || pe.status === 401 || pe.status === 403 ? rejectionText(pe.code, pe.details?.reason, pe.message, pe.details) : pe.message
+      };
+    }
+    this.render();
+  }
+  /* ------------------------------------------------------------------ rendering */
+  render() {
+    if (this.destroyed) return;
+    this.root.querySelectorAll('[data-action="tab"]').forEach((b) => b.setAttribute("aria-selected", String(b.dataset.tab === this.s.tab)));
+    this.el.count.innerHTML = this.s.active.length ? `<span class="dp2-count">${this.s.active.length}</span>` : "";
+    this.el.stepper.hidden = this.s.tab !== "new";
+    this.renderBanner();
+    if (this.s.tab === "jobs") {
+      this.renderJobs();
+      return;
+    }
+    this.renderStepper();
+    [() => this.renderStep1(), () => this.renderStep2(), () => this.renderStep3(), () => this.renderStep4()][this.s.step - 1]();
+    this.renderNav();
+  }
+  renderBanner() {
+    if (this.s.tab !== "new") {
+      this.el.banner.innerHTML = "";
+      return;
+    }
+    const q = this.s.validation.result?.quotas;
+    const full = q ? ["user", "customer", "day"].filter((k) => q[k] && q[k].max > 0 && q[k].current >= q[k].max) : [];
+    if (full.length && q) {
+      const txt = { user: "seus relat\xF3rios em andamento", customer: "relat\xF3rios em andamento do cliente", day: "relat\xF3rios gerados hoje" };
+      this.el.banner.innerHTML = `<div class="dp2-banner">\u23F3 Limite atingido: ${full.map((k) => `${txt[k]} (${q[k].current}/${q[k].max})`).join(" \xB7 ")}.
+        <button class="dp2-btn link" type="button" data-action="tab" data-tab="jobs">Ver relat\xF3rios</button></div>`;
+      return;
+    }
+    if (!this.s.active.length) {
+      this.el.banner.innerHTML = "";
+      return;
+    }
+    this.el.banner.innerHTML = `<div class="dp2-banner info">\u23F3 ${this.s.active.length} relat\xF3rio(s) em andamento.
+      <button class="dp2-btn link" type="button" data-action="tab" data-tab="jobs">Ver relat\xF3rios</button></div>`;
+  }
+  renderStepper() {
+    this.el.stepper.innerHTML = STEPS.map((label, i) => {
+      const n = i + 1;
+      const st = n === this.s.step ? "current" : n <= this.s.maxStep && n < 4 && !this.stepErrors(n).length ? "done" : "todo";
+      return `<button class="dp2-step" type="button" data-action="goto" data-step="${n}" data-state="${st}" ${st === "current" ? 'aria-current="step"' : ""} ${st === "done" ? "" : 'tabindex="-1"'}>
+        <b>${st === "done" ? "\u2713" : n}</b><span>${label}</span></button>`;
+    }).join("");
+  }
+  highlight(text2) {
+    const q = norm(this.s.search).trim();
+    const i = q ? norm(text2).indexOf(q) : -1;
+    if (i < 0) return esc4(text2);
+    return esc4(text2.slice(0, i)) + `<mark class="dp2-mark">${esc4(text2.slice(i, i + q.length))}</mark>` + esc4(text2.slice(i + q.length));
+  }
+  deviceRow(d, mode) {
+    const picked = this.s.selected.includes(d.tbDeviceId);
+    const el2 = this.eligibility(d);
+    const cat = this.categoryOf.get(d.tbDeviceId);
+    const chip = this.chips.find((c) => c.key === cat);
+    const dup = (this.labelCount.get(d.label) || 0) > 1;
+    const action = mode === "result" ? picked ? '<span class="dp2-added">\u2713 Adicionado</span>' : `<button class="dp2-btn sm" type="button" data-action="add" data-id="${esc4(d.tbDeviceId)}" ${el2.ok ? "" : "disabled"} aria-label="Adicionar ${esc4(d.label)}">+ Adicionar</button>` : `<button class="dp2-btn sm" type="button" data-action="remove" data-id="${esc4(d.tbDeviceId)}" aria-label="Remover ${esc4(d.label)}">\u2715 Remover</button>`;
+    return `<div class="dp2-item ${el2.ok ? "" : "blocked"}">
+      <img class="dp2-ico" src="${esc4(deviceIconUrl(d.deviceProfile))}" alt="" loading="lazy">
+      <div style="min-width:0">
+        <div class="dp2-name">${mode === "result" ? this.highlight(d.label) : esc4(d.label)}${dup && d.identifier ? ` <small class="dp2-info">\xB7 ${esc4(d.identifier)}</small>` : ""}</div>
+        <div class="dp2-sub">${chip ? `<span class="dp2-tag">${esc4(chip.label)}</span>` : ""}${el2.text ? `<span class="dp2-tag ${el2.cls}" title="${esc4(el2.title)}">${el2.text}</span>` : ""}
+          ${mode === "result" ? this.highlight(d.name) : esc4(d.name)}${d.identifier ? " \xB7 " + esc4(d.identifier) : ""}</div>
+      </div>
+      <div>${action}</div>
+    </div>`;
+  }
+  renderStep1() {
+    const results = this.searchResults();
+    const visible = this.p.devices.filter((d) => this.categoryOf.get(d.tbDeviceId) !== null).length;
+    const addable = results.filter((d) => !this.s.selected.includes(d.tbDeviceId) && this.eligibility(d).ok).length;
+    const sel = this.selectedDevices();
+    const active = document.activeElement;
+    const hadFocus = active?.dataset?.role === "search";
+    const caret = hadFocus ? active.selectionStart : null;
+    const chips = [{ key: "all", label: "Todos", icon: void 0, count: visible }, ...this.chips];
+    this.el.body.innerHTML = `<div class="dp2-s1">
+      <section class="dp2-col" aria-label="Buscar medidores">
+        <div class="dp2-col-head">
+          <input class="dp2-search" data-role="search" type="search" placeholder="\u{1F50E} Buscar por nome, identificador ou tipo\u2026" value="${esc4(this.s.search)}" aria-label="Buscar medidores">
+          <div class="dp2-chips" role="group" aria-label="Filtrar por tipo">${chips.map((c) => `<button class="dp2-chip" type="button" data-action="category" data-key="${esc4(c.key)}" aria-pressed="${this.s.category === c.key}">${c.icon ? esc4(c.icon) + " " : ""}${esc4(c.label)} \xB7 ${c.count}</button>`).join("")}</div>
+          <h3><span>${fmtN(results.length)} resultado(s)</span>
+            <button class="dp2-btn link" type="button" data-action="add-all" ${addable ? "" : "disabled"}>+ Adicionar todos (${addable})</button></h3>
+        </div>
+        <div class="dp2-list" data-role="results">${results.length ? results.map((d) => this.deviceRow(d, "result")).join("") : `<div class="dp2-empty">${this.p.devices.length ? "Nenhum medidor encontrado para essa busca." : "Nenhum medidor de energia neste cliente."}</div>`}</div>
+      </section>
+      <section class="dp2-col" aria-label="Medidores selecionados">
+        <div class="dp2-col-head"><h3><span>Selecionados \xB7 ${sel.length} de ${DEMAND_LIMITS.devices}</span>
+          <button class="dp2-btn link" type="button" data-action="clear" ${sel.length ? "" : "disabled"}>Limpar lista</button></h3>
+          <div class="dp2-meter"><span style="width:${Math.min(100, sel.length / DEMAND_LIMITS.devices * 100)}%"></span></div></div>
+        <div class="dp2-list" data-role="selected">${sel.length ? sel.map((d) => this.deviceRow(d, "selected")).join("") : '<div class="dp2-empty">Nenhum medidor na lista.<br>Busque \xE0 esquerda e clique em <b>+ Adicionar</b>.</div>'}</div>
+      </section>
+    </div>`;
+    if (hadFocus) {
+      const s = this.el.body.querySelector('[data-role="search"]');
+      s.focus();
+      if (caret !== null) s.setSelectionRange(caret, caret);
+    }
+  }
+  renderStep2() {
+    const { start, end, preset } = this.s.period;
+    const r = RESOLUTION_BY_ID[this.s.resolution];
+    const maxDays = maxPeriodDays(this.s.resolution);
+    const errs = this.stepErrors(2);
+    const valid = Number.isFinite(start) && Number.isFinite(end) && end > start;
+    const tooLong = valid && end - start > maxDays * 864e5;
+    const fit = tooLong ? finestFittingResolution(this.s.period) : null;
+    const misaligned = valid && this.s.resolution === "1d" && !isLocalMidnight(start);
+    const presetTooLong = (id) => {
+      const x = presetRange(id, this.now());
+      return !!x && x.end - x.start > maxDays * 864e5;
+    };
+    const otherErrs = errs.filter((e) => !/período máximo|meia-noite/.test(e));
+    this.el.body.innerHTML = `
+      <div class="dp2-card"><h3 tabindex="-1" data-role="step-title">Per\xEDodo</h3>
+        <div class="dp2-chips" style="margin-bottom:12px">${PRESETS.map((p) => {
+      const off = p.id !== "custom" && presetTooLong(p.id);
+      return `<button class="dp2-chip" type="button" data-action="preset" data-preset="${p.id}" aria-pressed="${preset === p.id}" ${off ? `disabled title="at\xE9 ${maxDays} dia(s) com intervalos de ${esc4(r.label)}"` : ""}>${p.label}</button>`;
+    }).join("")}</div>
+        <div class="dp2-row">
+          <label class="dp2-field">In\xEDcio<input type="datetime-local" data-role="start" min="${MIN_PERIOD_START}T00:00" value="${Number.isFinite(start) ? toLocalDateTimeInput(start) : ""}"></label>
+          <label class="dp2-field">Fim (exclusivo)<input type="datetime-local" data-role="end" value="${Number.isFinite(end) ? toLocalDateTimeInput(end) : ""}"></label>
+          <div class="dp2-info">${valid ? `Dura\xE7\xE3o: <b>${fmtDuration(end - start)}</b> \xB7 hor\xE1rio de Bras\xEDlia` : ""}</div>
+        </div></div>
+      <div class="dp2-card"><h3>Resolu\xE7\xE3o</h3>
+        <div class="dp2-chips" role="group" aria-label="Resolu\xE7\xE3o">${RESOLUTIONS.map((x) => `<button class="dp2-chip" type="button" data-action="resolution" data-res="${x.id}" aria-pressed="${this.s.resolution === x.id}">${x.label} <small>(at\xE9 ${x.maxDays} d)</small></button>`).join("")}</div>
+        <p class="dp2-info" style="margin:10px 0 0">Cada linha do relat\xF3rio \xE9 um intervalo com <b>${esc4(BUCKET_STATS_LABEL)}</b> de cada telemetria. Os intervalos contam a partir do in\xEDcio do per\xEDodo${this.s.resolution === "1d" ? " (com 1 dia, cada linha \xE9 um dia do calend\xE1rio)" : ""}.
+          ${this.s.telemetries.has("consumption") ? `Com <b>Pot\xEAncia Total</b>, o arquivo traz tamb\xE9m a <b>${esc4(this.demandLabel())}</b>, em janelas de 15 min alinhadas ao rel\xF3gio.` : ""}</p>
+        ${valid && !tooLong ? `<p class="dp2-info" style="margin:6px 0 0">${fmtN(bucketCount(start, end, this.s.resolution))} intervalo(s) por medidor.</p>` : ""}
+        ${tooLong ? `<div class="dp2-fix"><span class="dp2-err">O per\xEDodo \xE9 longo demais para intervalos de ${esc4(r.label)} (m\xE1ximo ${maxDays} dia(s)).</span>
+          ${fit ? `<button class="dp2-btn sm primary" type="button" data-action="resolution" data-res="${fit}">Usar ${esc4(RESOLUTION_BY_ID[fit].label)}</button>` : ""}
+          <button class="dp2-btn sm" type="button" data-action="shorten">Encurtar para os \xFAltimos ${maxDays} dia(s)</button></div>` : ""}
+        ${misaligned ? `<div class="dp2-fix"><span class="dp2-err">Com intervalos de 1 dia, o in\xEDcio precisa ser \xE0 meia-noite.</span>
+          <button class="dp2-btn sm primary" type="button" data-action="snap-midnight">Come\xE7ar em ${esc4(formatLocalDateTime(localMidnightOf(start)))}</button></div>` : ""}
+      </div>
+      ${otherErrs.length ? `<p class="dp2-err">${otherErrs.map(esc4).join("<br>")}</p>` : ""}`;
+  }
+  renderStep3() {
+    this.el.body.innerHTML = `<div class="dp2-tgrid">${TELEMETRY_GROUPS.map((g) => {
+      const all = g.items.every((t) => this.s.telemetries.has(t.key));
+      return `<div class="dp2-card"><h3><span>${g.icon} ${esc4(g.label)}</span>
+        <button class="dp2-btn link" type="button" data-action="group-all" data-gid="${g.id}">${all ? "Desmarcar" : "Marcar"} todos</button></h3>
+        ${g.items.map((t) => `<label class="dp2-check"><input type="checkbox" data-role="tel" data-key="${t.key}" ${this.s.telemetries.has(t.key) ? "checked" : ""}>
+          ${esc4(t.label)}<span class="u">${this.p.supportMode ? esc4(t.key) + " \xB7 " : ""}${esc4(t.unit)}</span></label>`).join("")}
+      </div>`;
+    }).join("")}</div>
+    <p class="dp2-info">${this.s.telemetries.size} de ${TELEMETRY_CATALOG.length} telemetrias. Mesmo cat\xE1logo da modal "Telemetrias Instant\xE2neas e Pico de Demanda".</p>`;
+  }
+  renderStep4() {
+    const snap = this.s.snapshot;
+    const req = snap.request;
+    const v = this.s.validation;
+    const vr = v.result;
+    const est = vr?.estimate || req.estimate || { buckets: 0, points: 0 };
+    const errs = this.stepErrors(4);
+    const pts = est.points;
+    const [cls, txt] = pts < 5e4 ? ["pequeno", "pequeno"] : pts < 5e5 ? ["medio", "m\xE9dio"] : ["grande", "grande"];
+    const start = Date.parse(req.period.start);
+    const end = Date.parse(req.period.end);
+    const labelOf = (d) => `${d.label || d.identifier || d.gcdrDeviceId}${d.label && (this.labelCount.get(d.label) || 0) > 1 && d.identifier ? " \xB7 " + d.identifier : ""}`;
+    let validation = "";
+    if (v.state === "loading") validation = '<div class="dp2-info">\u23F3 Validando o pedido no servidor\u2026</div>';
+    else if (v.state === "error") {
+      validation = `<div class="dp2-err">N\xE3o foi poss\xEDvel validar agora: ${esc4(v.error)}
+        <button class="dp2-btn link" type="button" data-action="revalidate">Tentar de novo</button></div>`;
+    } else if (vr) {
+      const warns = (vr.warnings || []).map((w) => `<li>${esc4(w.message || w.code || "aviso")}</li>`).join("");
+      const reuse = vr.reusable ? `<div class="dp2-banner info" style="margin-top:8px">\u267B J\xE1 existe um relat\xF3rio id\xEAntico${vr.reusable.generatedAt ? ` gerado em ${esc4(formatLocalDateTime(Date.parse(vr.reusable.generatedAt)))}` : ""}${vr.reusable.generatedBy?.userId ? ` por ${esc4(vr.reusable.generatedBy.userId)}` : ""}. Confirmar reaproveita o arquivo (sem custo de cota).
+            <label class="dp2-check" style="margin-top:6px"><input type="checkbox" data-role="force" ${this.s.force ? "checked" : ""}> Gerar novamente mesmo assim</label></div>` : "";
+      validation = `${vr.ok ? '<div class="dp2-info">\u2713 Pedido validado no servidor.</div>' : ""}
+        ${warns ? `<ul class="dp2-info" style="margin:6px 0 0;padding-left:18px">${warns}</ul>` : ""}${reuse}`;
+    }
+    this.el.body.innerHTML = `
+      <div class="dp2-card"><h3 tabindex="-1" data-role="step-title">Resumo do pedido</h3>
+        <dl class="dp2-sum">
+          <dt>Solicitante</dt><dd>${esc4(this.p.user.name)}</dd>
+          <dt>Medidores (${req.devices.length})</dt><dd><div class="dp2-pills">${req.devices.map((d) => `<span class="dp2-pill">${esc4(labelOf(d))}</span>`).join("")}</div></dd>
+          <dt>Per\xEDodo</dt><dd>${formatLocalDateTime(start)} \u2192 ${formatLocalDateTime(end)} <span class="dp2-info">(${fmtDuration(end - start)}, hor\xE1rio de Bras\xEDlia${req.period.preset === "today" || req.period.preset === "thisMonth" ? `, calculado \xE0s ${formatLocalDateTime(snap.takenAt).slice(11)}` : ""})</span></dd>
+          <dt>Resolu\xE7\xE3o</dt><dd>${esc4(this.resolutionLabel(req.resolution))} <span class="dp2-info">(${esc4(BUCKET_STATS_LABEL)})</span></dd>
+          <dt>Telemetrias (${req.telemetries.length})</dt><dd><div class="dp2-pills">${req.telemetries.map((t) => `<span class="dp2-pill">${esc4(t.label)} \xB7 ${esc4(t.unit)}</span>`).join("")}</div>
+            ${req.telemetries.some((t) => t.key === "consumption") ? `<div class="dp2-info" style="margin-top:4px">Inclui a ${esc4(this.demandLabel())}.</div>` : ""}</dd>
+          <dt>Tamanho</dt><dd><span class="dp2-size ${cls}">${txt}</span> <span class="dp2-info">\u2248 ${fmtN(pts)} pontos</span>
+            <details class="dp2-details"><summary>Detalhes</summary><span class="dp2-info">${fmtN(est.buckets)} intervalos \xD7 ${req.devices.length} medidores \xD7 ${req.telemetries.length} telemetrias \xB7 limite ${fmtN(DEMAND_LIMITS.points)}</span></details></dd>
+          <dt>Entrega</dt><dd>Arquivos XLSX, CSV e JSON <span class="dp2-info">(dispon\xEDveis por 3 dias; o resumo fica por 1 ano)</span></dd>
+        </dl>
+        <div style="margin-top:12px">${validation}</div>
+        <p class="dp2-info" style="margin:12px 0 0">Seu pedido fica registrado (quem, quando, o qu\xEA) e \xE9 processado em segundo plano. <b>Voc\xEA pode fechar este painel</b> e acompanhar em Relat\xF3rios.</p>
+      </div>
+      ${this.p.supportMode ? `<div class="dp2-card"><h3>Pedido que ser\xE1 registrado (suporte)</h3><pre class="dp2-json">${esc4(JSON.stringify(req, null, 2))}</pre></div>` : ""}
+      ${errs.length ? `<p class="dp2-err">${errs.map(esc4).join("<br>")}</p>` : ""}`;
+  }
+  renderNav() {
+    const errs = this.stepErrors(this.s.step);
+    const hints = ["", `${this.s.selected.length} medidor(es) na lista`, "Escolha o per\xEDodo e a resolu\xE7\xE3o", `${this.s.telemetries.size} telemetria(s)`, "Revise e confirme"];
+    this.el.nav.innerHTML = `
+      <button class="dp2-btn" type="button" data-action="back" ${this.s.step === 1 ? "disabled" : ""}>\u2190 Voltar</button>
+      <span class="hint">${esc4(hints[this.s.step])}</span>
+      ${this.s.step === 4 ? `<button class="dp2-btn primary" type="button" data-action="confirm" ${errs.length || this.s.submitting || this.s.validation.state !== "ok" ? "disabled" : ""}>${this.s.submitting ? "Enviando\u2026" : "\u2713 Confirmar e enviar"}</button>` : `<button class="dp2-btn primary" type="button" data-action="next" ${errs.length ? "disabled" : ""}>Pr\xF3ximo \u2192</button>`}`;
+  }
+  jobTitle(e) {
+    const r = e.request;
+    return `${r.devices.length} medidor(es) \xB7 ${fmtDay(Date.parse(r.period.start))}\u2013${fmtDay(Date.parse(r.period.end) - 1)} \xB7 ${this.resolutionLabel(r.resolution)}`;
+  }
+  renderJobs() {
+    const s = this.s;
+    this.el.nav.innerHTML = `<span class="hint">${s.envelopes.length} de ${s.keys.length} pedido(s) registrados${s.unreadable ? ` \xB7 ${s.unreadable} ileg\xEDvel(is)` : ""}</span>
+      ${s.envelopes.length + s.unreadable < s.keys.length ? '<button class="dp2-btn" type="button" data-action="more">Carregar mais</button>' : ""}
+      <button class="dp2-btn" type="button" data-action="reload">\u27F3 Atualizar</button>
+      <button class="dp2-btn primary" type="button" data-action="tab" data-tab="new">+ Novo relat\xF3rio</button>`;
+    if (s.listState === "loading" && !s.envelopes.length) {
+      this.el.body.innerHTML = '<div class="dp2-skel"></div><div class="dp2-skel"></div><div class="dp2-skel"></div>';
+      return;
+    }
+    if (s.listState === "error") {
+      this.el.body.innerHTML = `<div class="dp2-empty">N\xE3o foi poss\xEDvel carregar os relat\xF3rios (${esc4(s.listError)}).<br><button class="dp2-btn" type="button" data-action="reload">Tentar de novo</button></div>`;
+      return;
+    }
+    const orphans = this.p.supportMode ? s.active.filter((j) => !s.keys.includes(envelopeKey(j.jobId))) : [];
+    if (!s.envelopes.length && !orphans.length) {
+      this.el.body.innerHTML = '<div class="dp2-empty">Nenhum relat\xF3rio ainda. Crie um em <b>Novo relat\xF3rio</b>.</div>';
+      return;
+    }
+    const when = (iso) => iso ? formatLocalDateTime(Date.parse(iso)) : "";
+    const cards = s.envelopes.map((e) => {
+      const v = this.view(e);
+      const st = v.state;
+      const j = v.job;
+      const progress = Math.max(0, Math.min(100, Math.round(j?.progress ?? 0)));
+      const busy = s.inflight.has(e.jobId) ? "disabled" : "";
+      const note = (cls, text2) => `<div class="${cls}" style="margin-top:6px">${text2}</div>`;
+      const queue = st === "queued" && j?.queue?.position ? ` (N\xBA ${j.queue.position})` : "";
+      const peak = j?.totals?.largestDevicePeak;
+      const peakTxt = peak && (peak.kw != null || peak.w != null) ? `Maior pico individual: <b>${esc4(fmtN(Number(peak.kw ?? peak.w / 1e3)))} kW</b>${peak.label ? ` \xB7 ${esc4(peak.label)}` : ""}${peak.at ? ` \xB7 ${esc4(when(peak.at))}` : ""}` : "";
+      return `<article class="dp2-job" aria-label="${esc4(this.jobTitle(e))}">
+        <div class="dp2-job-top">
+          <span class="dp2-job-title">${esc4(this.jobTitle(e))}</span>
+          <span class="dp2-status ${st}">${JOB_STATE_LABEL[st]}${queue}${st === "running" ? ` ${progress}%` : ""}</span>
+          <span style="flex:1"></span>
+          <span class="dp2-info">${esc4(e.requestedBy.name)} \xB7 ${when(e.requestedAt)}</span>
+        </div>
+        ${st === "queued" || st === "running" ? `<div class="dp2-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${progress}"><span style="width:${progress}%"></span></div>` : ""}
+        ${st === "queued" && j?.queue?.estimatedStartAt ? note("dp2-info", `In\xEDcio estimado: ${esc4(when(j.queue.estimatedStartAt))}`) : ""}
+        ${st === "failed" ? note("dp2-err", `${esc4(failureText(j?.error?.code))}${this.p.supportMode && j?.error ? ` <small>(${esc4(j.error.code)}: ${esc4(j.error.message)})</small>` : ""}`) : ""}
+        ${st === "rejected" ? note("dp2-err", `${esc4(rejectionText(v.code, v.reason, v.message))}${this.p.supportMode ? ` <small>(${esc4(v.code)}${v.reason ? " \xB7 " + esc4(v.reason) : ""})</small>` : ""}`) : ""}
+        ${st === "not_received" ? note("dp2-err", "O pedido est\xE1 registrado, mas o processamento n\xE3o o recebeu. Reenviar \xE9 seguro: n\xE3o gera relat\xF3rio duplicado.") : ""}
+        ${st === "query_unavailable" ? note("dp2-info", "N\xE3o foi poss\xEDvel consultar o andamento agora \u2014 tentaremos de novo.") : ""}
+        ${st === "old_request" ? note("dp2-info", 'Pedido antigo, sem registro de processamento. Use "Duplicar e editar".') : ""}
+        ${st === "result_expired" ? note("dp2-info", "O relat\xF3rio foi conclu\xEDdo, mas os arquivos j\xE1 expiraram (ficam 3 dias).") : ""}
+        ${st === "purged" ? note("dp2-info", "O conte\xFAdo deste relat\xF3rio foi removido.") : ""}
+        ${st === "succeeded" && j?.reused ? note("dp2-info", `\u267B Resultado reaproveitado${j.generatedAt ? ` \u2014 gerado em ${esc4(when(j.generatedAt))}` : ""}${j.generatedBy?.userId ? ` por ${esc4(j.generatedBy.userId)}` : ""}.`) : ""}
+        ${st === "succeeded" && peakTxt ? note("dp2-info", peakTxt) : ""}
+        ${st === "succeeded" && j?.expiresAt ? note("dp2-info", `Arquivos dispon\xEDveis at\xE9 ${esc4(when(j.expiresAt))}.`) : ""}
+        ${s.auditPending.has(e.jobId) ? '<div class="dp2-audit-warn">\u26A0 A a\xE7\xE3o foi aceita, mas o registro de auditoria falhou \u2014 ser\xE1 reconciliado.</div>' : ""}
+        <div class="dp2-job-actions">
+          ${st === "succeeded" ? `<button class="dp2-btn sm primary" type="button" data-action="download" data-kind="xlsx" data-job="${esc4(e.jobId)}">\u2B07 XLSX</button>
+            <button class="dp2-btn sm" type="button" data-action="download" data-kind="csv" data-job="${esc4(e.jobId)}">CSV</button>
+            <button class="dp2-btn sm" type="button" data-action="download" data-kind="json" data-job="${esc4(e.jobId)}">JSON</button>` : ""}
+          ${st === "queued" || st === "running" ? `<button class="dp2-btn sm" type="button" data-action="cancel" data-job="${esc4(e.jobId)}" ${busy}>\u2715 Cancelar</button>` : ""}
+          ${v.canResend ? `<button class="dp2-btn sm primary" type="button" data-action="resend" data-job="${esc4(e.jobId)}" ${busy}>\u21BB Reenviar</button>` : ""}
+          ${["failed", "cancelled", "succeeded", "result_expired", "purged", "old_request", "rejected"].includes(st) ? `<button class="dp2-btn sm" type="button" data-action="clone" data-job="${esc4(e.jobId)}">\u29C9 Duplicar e editar</button>` : ""}
+          ${this.p.supportMode ? `<button class="dp2-btn link" type="button" data-action="details" data-job="${esc4(e.jobId)}">${s.openDetails.has(e.jobId) ? "Ocultar" : "Detalhes /"} auditoria</button>` : ""}
+        </div>
+        ${this.p.supportMode && s.openDetails.has(e.jobId) ? `<pre class="dp2-json">${esc4(JSON.stringify(e, null, 2))}</pre>` : ""}
+      </article>`;
+    }).join("");
+    const orphanCards = orphans.map((j) => `<article class="dp2-job ghost"><div class="dp2-job-top">
+        <span class="dp2-job-title">Job sem registro no ThingsBoard (O-6)</span><span class="dp2-status ${j.status}">${esc4(JOB_STATE_LABEL[j.status] ?? j.status)}</span>
+        <span style="flex:1"></span><span class="dp2-info">${esc4(j.requestedBy?.userId ?? "")} \xB7 ${when(j.createdAt)}</span></div>
+        <div class="dp2-info" style="margin-top:4px"><code>${esc4(j.jobId)}</code></div></article>`).join("");
+    this.el.body.innerHTML = cards + orphanCards;
+  }
+  /* ------------------------------------------------------------------ data flows */
+  opts() {
+    return { signal: this.abort.signal };
+  }
+  async loadConfig() {
+    try {
+      this.s.config = await this.p.api.config(this.opts());
+      if (!this.destroyed) this.render();
+    } catch {
+    }
+  }
+  async refreshActive() {
+    try {
+      this.s.active = await this.p.api.active(this.opts());
+    } catch {
+    }
+  }
+  async queryJobs(ids) {
+    if (!ids.length) return;
+    try {
+      mergeBatch(this.s.jobs, await this.p.api.batchGet(ids, this.opts()));
+    } catch (err) {
+      const code = asPortError(err).code;
+      ids.forEach((id) => this.s.jobs.set(id, { queryError: code }));
+    }
+  }
+  async loadPage(reset) {
+    if (this.destroyed) return;
+    this.s.listState = "loading";
+    if (reset) {
+      this.s.page = 1;
+      this.render();
+    }
+    try {
+      this.s.keys = (await this.p.store.keys(this.opts())).filter((k) => k.startsWith(JOB_KEY_PREFIX)).sort().reverse();
+      const keys = this.s.keys.slice(0, this.s.page * this.pageSize);
+      const rows = keys.length ? await this.p.store.get(keys, this.opts()) : [];
+      const parsed = rows.map((r) => parseEnvelope(r.value));
+      this.s.envelopes = parsed.filter((x) => x.ok).map((x) => x.envelope);
+      this.s.unreadable = parsed.length - this.s.envelopes.length;
+      this.s.listState = "ok";
+    } catch (err) {
+      if (this.destroyed) return;
+      this.s.listState = "error";
+      this.s.listError = asPortError(err).message;
+      this.render();
+      return;
+    }
+    if (this.destroyed) return;
+    await Promise.all([this.queryJobs(this.s.envelopes.map((e) => e.jobId)), this.refreshActive()]);
+    if (this.destroyed) return;
+    await this.reconcile();
+    this.render();
+    this.schedulePoll(true);
+  }
+  async reconcile() {
+    for (const e of this.s.envelopes) {
+      const k = this.s.jobs.get(e.jobId);
+      if (!k || !("found" in k) || !k.found) continue;
+      for (const ev of reconciliationEvents(e, k.job)) {
+        if (!await this.appendAudit(e, ev)) break;
+      }
+    }
+  }
+  async appendAudit(e, ev) {
+    try {
+      Object.assign(e, await this.p.store.appendAudit(envelopeKey(e.jobId), ev, this.opts()));
+      this.s.auditPending.delete(e.jobId);
+      return true;
+    } catch {
+      this.s.auditPending.add(e.jobId);
+      return false;
+    }
+  }
+  /** Uncertain TB write: read back, reuse when it matches; never overwrite appended audit. */
+  async putEnvelope(env) {
+    const key = envelopeKey(env.jobId);
+    try {
+      await this.p.store.put(key, env, this.opts());
+      return;
+    } catch (err) {
+      if (asPortError(err).code === "ABORTED") throw err;
+    }
+    const [found] = await this.p.store.get([key], this.opts());
+    const parsed = found ? parseEnvelope(found.value) : null;
+    if (parsed && parsed.ok && parsed.envelope.requestHash === env.requestHash) return;
+    if (found) throw new Error("chave existente com outro conte\xFAdo");
+    await this.p.store.put(key, env, this.opts());
+  }
+  /** One automatic retry on an uncertain outcome (no response / 5xx) and one on RATE_LIMITED, same jobId. */
+  async send(env) {
+    const cmd = toSubmitCommand(env);
+    let last = { status: 0, code: "ERROR", message: "" };
+    for (let attempt = 0; attempt < 2; attempt++) {
+      try {
+        return { outcome: "accepted", job: await this.p.api.submit(cmd, this.opts()) };
+      } catch (e) {
+        last = asPortError(e);
+        if (last.code === "ABORTED") return { outcome: "uncertain", err: last };
+        if (last.code === "RATE_LIMITED" && attempt === 0) {
+          await new Promise((r) => setTimeout(r, Math.min(10, last.retryAfter ?? 2) * 1e3));
+          continue;
+        }
+        if (!isUncertainStatus(last.status)) return { outcome: "rejected", err: last };
+      }
+    }
+    return { outcome: "uncertain", err: last };
+  }
+  async applySend(e, op, res) {
+    const by = this.p.user.tbUserId;
+    if (res.outcome === "accepted") {
+      this.s.uncertain.delete(e.jobId);
+      this.s.jobs.set(e.jobId, { found: true, job: res.job });
+      this.render();
+      const reused = !!res.job.reused;
+      const ok = await this.appendAudit(e, reused ? auditEvent("reused", "accepted", by, this.now(), { executionId: res.job.executionId || void 0 }) : auditEvent(op, "accepted", by, this.now()));
+      return ok ? reused ? "reused" : "ok" : "audit_failed";
+    }
+    if (res.outcome === "rejected") {
+      this.s.uncertain.delete(e.jobId);
+      this.s.jobs.set(e.jobId, { found: false });
+      const reason = res.err.details?.reason;
+      await this.appendAudit(e, auditEvent(op, "rejected", by, this.now(), { code: res.err.code, reason, httpStatus: res.err.status, message: res.err.message }));
+      return "rejected";
+    }
+    this.s.uncertain.add(e.jobId);
+    this.s.jobs.set(e.jobId, { found: false });
+    return "uncertain";
+  }
+  rejectionOf(res) {
+    if (res.outcome === "accepted") return "";
+    return rejectionText(res.err.code, res.err.details?.reason, res.err.message, res.err.details);
+  }
+  async confirm() {
+    if (this.stepErrors(4).length || this.s.submitting || !this.s.snapshot || this.s.validation.state !== "ok") return;
+    this.s.submitting = true;
+    this.render();
+    let env;
+    try {
+      env = await buildEnvelope({
+        request: this.s.snapshot.request,
+        now: this.now(),
+        user: this.p.user,
+        customer: this.p.customer,
+        options: this.s.force ? { force: true } : {},
+        idGen: this.p.idGen,
+        sha256: this.p.sha256
+      });
+      await this.putEnvelope(env);
+    } catch (err) {
+      this.s.submitting = false;
+      if (!this.destroyed) {
+        this.toast("error", `N\xE3o foi poss\xEDvel registrar o pedido: ${asPortError(err).message}. Nada foi enviado.`);
+        this.render();
+      }
+      return;
+    }
+    this.s.inflight.add(env.jobId);
+    this.s.envelopes.unshift(env);
+    this.s.keys.unshift(envelopeKey(env.jobId));
+    this.resetWizard();
+    this.s.tab = "jobs";
+    this.render();
+    const res = await this.send(env);
+    this.s.inflight.delete(env.jobId);
+    if (this.destroyed) return;
+    const outcome = await this.applySend(env, "submit", res);
+    this.s.submitting = false;
+    await this.refreshActive();
+    const msg = {
+      ok: ["success", "Pedido enviado. Acompanhe em Relat\xF3rios."],
+      reused: ["success", "Relat\xF3rio id\xEAntico reaproveitado \u2014 j\xE1 pode baixar."],
+      audit_failed: ["warning", "Pedido enviado. O registro de auditoria falhou e ser\xE1 reconciliado."],
+      rejected: ["error", `Pedido recusado: ${this.rejectionOf(res)}`],
+      uncertain: ["info", "Pedido registrado; confirmando o recebimento\u2026"]
+    }[outcome];
+    this.toast(msg[0], msg[1]);
+    this.announce("Pedido registrado.");
+    this.render();
+    this.schedulePoll(true);
+  }
+  /** Resend = replay of the stored jobId/body/options, after re-validating (L-19). */
+  async resend(jobId) {
+    const e = this.s.envelopes.find((x) => x.jobId === jobId);
+    if (!e) return;
+    this.s.inflight.add(jobId);
+    this.render();
+    try {
+      const v = await this.p.api.validate(toValidateCommand(e.request, this.p.user, e.options), this.opts());
+      if (!v.ok) {
+        this.s.inflight.delete(jobId);
+        const first = v.errors?.[0];
+        this.toast("error", `N\xE3o reenviado: ${rejectionText(first?.code || "VALIDATION_FAILED", first?.reason, first?.message, first?.details)}`);
+        this.render();
+        return;
+      }
+    } catch {
+    }
+    const res = await this.send(e);
+    this.s.inflight.delete(jobId);
+    if (this.destroyed) return;
+    const outcome = await this.applySend(e, "resend", res);
+    await this.refreshActive();
+    if (outcome === "ok" || outcome === "reused") this.toast("success", "Reenviado.");
+    else if (outcome === "audit_failed") this.toast("warning", "Reenviado. O registro de auditoria falhou e ser\xE1 reconciliado.");
+    else if (outcome === "rejected") this.toast("error", `Recusado: ${this.rejectionOf(res)}`);
+    else this.toast("info", "Ainda sem confirma\xE7\xE3o \u2014 tentaremos de novo.");
+    this.render();
+    this.schedulePoll(true);
+  }
+  async cancelJob(jobId) {
+    const e = this.s.envelopes.find((x) => x.jobId === jobId);
+    if (!e) return;
+    if (!await this.confirmDialog("Cancelar relat\xF3rio?", `${this.jobTitle(e)}
+O cancelamento fica registrado na auditoria.`, "Sim, cancelar", "Manter")) return;
+    let job;
+    try {
+      job = await this.p.api.cancel(jobId, { tbUserId: this.p.user.tbUserId }, this.opts());
+    } catch (err) {
+      const pe = asPortError(err);
+      if (this.destroyed) return;
+      if (pe.code === "ALREADY_FINISHED") {
+        this.toast("info", pe.details?.reused ? "Resultado reaproveitado \u2014 n\xE3o pode ser cancelado." : "O relat\xF3rio j\xE1 terminou.");
+      } else {
+        if (pe.status !== 0) await this.appendAudit(e, auditEvent("cancel", "rejected", this.p.user.tbUserId, this.now(), { code: pe.code, httpStatus: pe.status }));
+        this.toast("error", `N\xE3o foi poss\xEDvel cancelar: ${pe.message}`);
+      }
+      await this.queryJobs([jobId]);
+      this.render();
+      return;
+    }
+    this.s.jobs.set(jobId, { found: true, job });
+    await this.refreshActive();
+    this.render();
+    const ok = await this.appendAudit(e, auditEvent("cancel", "accepted", this.p.user.tbUserId, this.now()));
+    this.toast(ok ? "success" : "warning", ok ? "Relat\xF3rio cancelado." : "Relat\xF3rio cancelado. O registro de auditoria falhou e ser\xE1 reconciliado.");
+    this.announce("Relat\xF3rio cancelado.");
+    this.render();
+  }
+  /** Presigned URL (5 min) per file; the browser downloads directly from storage. */
+  async download(jobId, kind) {
+    try {
+      const desc = await this.p.api.download(jobId, this.opts());
+      const file = (desc.files || []).find((f) => f.kind === kind);
+      if (!file?.url) {
+        this.toast("error", `Arquivo ${kind.toUpperCase()} indispon\xEDvel.`);
+        return;
+      }
+      const a = document.createElement("a");
+      a.href = file.url;
+      a.rel = "noopener";
+      a.download = file.filename || "";
+      document.body.appendChild(a);
+      a.click();
+      a.remove();
+    } catch (err) {
+      const pe = asPortError(err);
+      const msg = {
+        RESULT_NOT_READY: "O arquivo ainda n\xE3o est\xE1 pronto.",
+        RESULT_UNAVAILABLE: "Este relat\xF3rio n\xE3o tem arquivo dispon\xEDvel.",
+        RESULT_EXPIRED: "Os arquivos expiraram (ficam 3 dias).",
+        RESULT_PURGED: "O conte\xFAdo deste relat\xF3rio foi removido."
+      };
+      this.toast(pe.code === "RESULT_NOT_READY" ? "info" : "error", msg[pe.code] || pe.message);
+      await this.queryJobs([jobId]);
+      this.render();
+    }
+  }
+  /* ------------------------------------------------------------------ polling */
+  pollIds() {
+    return this.s.envelopes.filter((e) => needsPolling(this.view(e).state)).map((e) => e.jobId);
+  }
+  schedulePoll(reset) {
+    if (this.destroyed) return;
+    if (reset) this.pollDelay = this.p.pollMinMs ?? 5e3;
+    if (this.pollTimer) clearTimeout(this.pollTimer);
+    this.pollTimer = null;
+    if (!this.pollIds().length && !this.s.active.length) return;
+    const graceEnds = this.s.envelopes.filter((e) => {
+      const st = this.view(e).state;
+      return (st === "sending" || st === "send_uncertain") && !this.s.inflight.has(e.jobId);
+    }).map((e) => Date.parse(e.requestedAt) + this.graceMs - this.now() + 100).filter((ms) => ms > 0);
+    this.pollTimer = setTimeout(() => void this.pollTick(), Math.min(this.pollDelay, ...graceEnds));
+  }
+  async pollTick() {
+    this.pollTimer = null;
+    if (this.destroyed) return;
+    if (typeof document !== "undefined" && document.hidden) {
+      this.paused = true;
+      return;
+    }
+    await Promise.all([this.queryJobs(this.pollIds()), this.refreshActive()]);
+    if (this.destroyed) return;
+    await this.reconcile();
+    this.render();
+    this.pollDelay = Math.min(this.pollDelay * 1.5, this.p.pollMaxMs ?? 3e4);
+    this.schedulePoll(false);
+  }
+  onVisibility = () => {
+    if (!document.hidden && this.paused) {
+      this.paused = false;
+      void this.pollTick();
+    }
+  };
+  /* ------------------------------------------------------------------ wizard actions */
+  async addDevices(ids) {
+    const fresh = ids.filter((id) => !this.s.selected.includes(id) && this.deviceById.has(id) && this.eligibility(this.deviceById.get(id)).ok);
+    const room = DEMAND_LIMITS.devices - this.s.selected.length;
+    if (fresh.length > room) {
+      if (room <= 0) {
+        this.toast("warning", `A lista j\xE1 tem ${DEMAND_LIMITS.devices} medidores.`);
+        return;
+      }
+      if (!await this.confirmDialog("Limite de medidores", `Cabem ${room} de ${fresh.length}. Adicionar os ${room} primeiros?`, `Adicionar ${room}`)) return;
+    }
+    const added = fresh.slice(0, Math.max(0, room));
+    this.s.selected.push(...added);
+    if (added.length) {
+      const first = this.deviceById.get(added[0]);
+      this.announce(`${added.length === 1 ? first.label + " adicionado" : added.length + " medidores adicionados"} \xB7 ${this.s.selected.length} de ${DEMAND_LIMITS.devices}`);
+    }
+  }
+  resetWizard() {
+    const r = presetRange("last7days", this.now());
+    Object.assign(this.s, {
+      step: 1,
+      maxStep: 1,
+      search: "",
+      category: "all",
+      selected: [],
+      snapshot: null,
+      resolution: DEFAULT_RESOLUTION,
+      force: false,
+      validation: { state: "idle", result: null, error: "", seq: this.s.validation.seq + 1 },
+      period: { preset: "last7days", start: r.start, end: r.end },
+      telemetries: /* @__PURE__ */ new Set(["consumption"])
+    });
+  }
+  /** A duplicate is a NEW request: relative presets are recomputed (O-12 open). */
+  cloneJob(e) {
+    const req = e.request;
+    this.resetWizard();
+    this.s.selected = req.devices.map((d) => d.tbDeviceId || "").filter((id) => !!id && this.deviceById.has(id) && this.eligibility(this.deviceById.get(id)).ok);
+    this.s.resolution = req.resolution ?? DEFAULT_RESOLUTION;
+    const preset = req.period.preset && req.period.preset !== "custom" ? req.period.preset : null;
+    this.s.period = preset ? { preset, ...presetRange(preset, this.now()) } : { preset: "custom", start: Date.parse(req.period.start), end: Date.parse(req.period.end) };
+    this.s.telemetries = new Set(req.telemetries.map((t) => t.key));
+    this.s.tab = "new";
+    this.s.step = 4;
+    this.s.maxStep = 4;
+    this.freezeSnapshot();
+  }
+  focusStepTitle() {
+    this.el.body.querySelector('[data-role="step-title"]')?.focus();
+  }
+  isDirty() {
+    return this.s.tab === "new" && (this.s.selected.length > 0 || this.s.step > 1);
+  }
+  /* ------------------------------------------------------------------ events */
+  onClick = async (ev) => {
+    const t = ev.target.closest("[data-action]");
+    if (!t || !this.root.contains(t)) return;
+    const a = t.dataset.action;
+    const job = t.dataset.job || "";
+    switch (a) {
+      case "tab":
+        this.s.tab = t.dataset.tab;
+        if (this.s.tab === "jobs") {
+          void this.loadPage(true);
+          return;
+        }
+        break;
+      case "goto":
+        if (t.dataset.state === "done") {
+          this.s.step = Number(t.dataset.step);
+          this.render();
+          this.focusStepTitle();
+        }
+        return;
+      case "next":
+        if (!this.stepErrors(this.s.step).length) {
+          this.s.step++;
+          this.s.maxStep = Math.max(this.s.maxStep, this.s.step);
+          if (this.s.step === 4) this.freezeSnapshot();
+          this.render();
+          this.focusStepTitle();
+        }
+        return;
+      case "back":
+        this.s.step = Math.max(1, this.s.step - 1);
+        this.render();
+        this.focusStepTitle();
+        return;
+      case "add":
+      case "remove": {
+        const sel = `[data-role="${a === "add" ? "results" : "selected"}"] [data-action="${a}"]`;
+        const idx = Array.from(this.el.body.querySelectorAll(sel)).indexOf(t);
+        if (a === "add") await this.addDevices([t.dataset.id]);
+        else {
+          const d = this.deviceById.get(t.dataset.id);
+          this.s.selected = this.s.selected.filter((id) => id !== t.dataset.id);
+          if (d) this.announce(`${d.label} removido \xB7 ${this.s.selected.length} de ${DEMAND_LIMITS.devices}`);
+        }
+        this.render();
+        const next = Array.from(this.el.body.querySelectorAll(sel));
+        (next[idx] || next[idx - 1] || this.el.body.querySelector('[data-role="search"]'))?.focus();
+        return;
+      }
+      case "add-all":
+        await this.addDevices(this.searchResults().map((d) => d.tbDeviceId));
+        break;
+      case "clear":
+        this.s.selected = [];
+        break;
+      case "category":
+        this.s.category = t.dataset.key || "all";
+        break;
+      case "preset": {
+        this.s.period.preset = t.dataset.preset;
+        const r = presetRange(this.s.period.preset, this.now());
+        if (r) Object.assign(this.s.period, r);
+        break;
+      }
+      case "resolution":
+        this.s.resolution = t.dataset.res;
+        break;
+      case "snap-midnight":
+        this.s.period = { preset: "custom", start: localMidnightOf(this.s.period.start), end: this.s.period.end };
+        break;
+      case "revalidate":
+        void this.validateSnapshot();
+        return;
+      case "shorten": {
+        const maxDays = maxPeriodDays(this.s.resolution);
+        this.s.period = { preset: "custom", start: this.s.period.end - maxDays * 864e5, end: this.s.period.end };
+        break;
+      }
+      case "group-all": {
+        const g = TELEMETRY_GROUPS.find((x) => x.id === t.dataset.gid);
+        if (g) {
+          const all = g.items.every((x) => this.s.telemetries.has(x.key));
+          g.items.forEach((x) => all ? this.s.telemetries.delete(x.key) : this.s.telemetries.add(x.key));
+        }
+        break;
+      }
+      case "confirm":
+        void this.confirm();
+        return;
+      case "reload":
+        void this.loadPage(true);
+        return;
+      case "more":
+        this.s.page++;
+        void this.loadPage(false);
+        return;
+      case "details":
+        if (this.s.openDetails.has(job)) this.s.openDetails.delete(job);
+        else this.s.openDetails.add(job);
+        break;
+      case "resend":
+        void this.resend(job);
+        return;
+      case "cancel":
+        void this.cancelJob(job);
+        return;
+      case "clone": {
+        const e = this.s.envelopes.find((x) => x.jobId === job);
+        if (e) this.cloneJob(e);
+        break;
+      }
+      case "download":
+        void this.download(job, t.dataset.kind || "xlsx");
+        return;
+      default:
+        return;
+    }
+    this.render();
+  };
+  onInput = (ev) => {
+    const t = ev.target;
+    if (t.dataset.role === "search") {
+      this.s.search = t.value;
+      this.renderStep1();
+      this.renderNav();
+    }
+  };
+  onChange = (ev) => {
+    const t = ev.target;
+    if (t.dataset.role === "tel") {
+      if (t.checked) this.s.telemetries.add(t.dataset.key);
+      else this.s.telemetries.delete(t.dataset.key);
+      this.render();
+    }
+    if (t.dataset.role === "force") {
+      this.s.force = t.checked;
+      void this.validateSnapshot();
+      return;
+    }
+    if (t.dataset.role === "start" || t.dataset.role === "end") {
+      this.s.period.preset = "custom";
+      this.s.period[t.dataset.role] = parseLocalDateTime(t.value);
+      this.render();
+    }
+  };
+  onKeydown = async (ev) => {
+    const t = ev.target;
+    if (ev.key === "Enter" && t.dataset.role === "search") {
+      ev.preventDefault();
+      const candidates = this.searchResults().filter((d) => !this.s.selected.includes(d.tbDeviceId) && this.eligibility(d).ok);
+      if (candidates.length === 1) {
+        await this.addDevices([candidates[0].tbDeviceId]);
+        this.renderStep1();
+        this.renderNav();
+      } else this.el.body.querySelector('[data-role="results"] [data-action="add"]:not([disabled])')?.focus();
+    }
+    if ((ev.key === "ArrowRight" || ev.key === "ArrowLeft") && t.getAttribute("role") === "tab") {
+      const tabs = Array.from(this.root.querySelectorAll('[role="tab"]'));
+      tabs[(tabs.indexOf(t) + (ev.key === "ArrowRight" ? 1 : tabs.length - 1)) % tabs.length].focus();
+    }
+  };
+  /** Esc closes; with a filled wizard it asks first. */
+  onDocKeydown = async (ev) => {
+    if (ev.key !== "Escape" || this.destroyed) return;
+    if (document.querySelector(".myio-dialog-backdrop, .myio-dialog")) return;
+    if (this.isDirty() && !await this.confirmDialog("Fechar o relat\xF3rio?", "O pedido em montagem ser\xE1 descartado.", "Fechar", "Continuar")) return;
+    this.modal.close();
+  };
+};
+function openDemandPanelV2(params) {
+  return new DemandPanelV2(params).open();
+}
+
+// src/components/demand-panel-v2/adapters.ts
+function portError(status, code, message, extra = {}) {
+  return Object.assign(new Error(message), { status, code, ...extra });
+}
+async function request(url, init) {
+  let res;
+  try {
+    res = await fetch(url, init);
+  } catch (e) {
+    if (e?.name === "AbortError") throw portError(0, "ABORTED", "requisi\xE7\xE3o cancelada");
+    throw portError(0, "NETWORK", e?.message || "falha de rede");
+  }
+  const text2 = await res.text();
+  let body = null;
+  try {
+    body = text2 ? JSON.parse(text2) : null;
+  } catch {
+    body = text2;
+  }
+  if (!res.ok) {
+    const err = body || {};
+    const ra = Number(res.headers?.get?.("Retry-After"));
+    throw portError(res.status, err.error?.code || `HTTP_${res.status}`, err.error?.message || err.message || `HTTP ${res.status}`, {
+      details: err.error?.details,
+      retryAfter: Number.isFinite(ra) && ra > 0 ? ra : void 0
+    });
+  }
+  return body;
+}
+function unwrap(body) {
+  const b = body;
+  return b && typeof b === "object" && "data" in b ? b.data : body;
+}
+function createTbEnvelopeStore(opts) {
+  const base = `${(opts.tbBaseUrl || "").replace(/\/+$/, "")}/api/plugins/telemetry/CUSTOMER/${encodeURIComponent(opts.customerId)}`;
+  const token = () => opts.getToken ? opts.getToken() : typeof localStorage !== "undefined" && localStorage.getItem("jwt_token") || "";
+  const headers = () => ({ "Content-Type": "application/json", "X-Authorization": `Bearer ${token()}` });
+  const store = {
+    async keys(o) {
+      const keys = await request(`${base}/keys/attributes/SERVER_SCOPE`, { headers: headers(), signal: o?.signal });
+      return Array.isArray(keys) ? keys : [];
+    },
+    async get(keys, o) {
+      const out = [];
+      for (let i = 0; i < keys.length; i += 50) {
+        const chunk = keys.slice(i, i + 50).map(encodeURIComponent).join(",");
+        const rows = await request(`${base}/values/attributes/SERVER_SCOPE?keys=${chunk}`, { headers: headers(), signal: o?.signal });
+        (rows || []).forEach((r) => out.push({ key: r.key, value: r.value, lastUpdateTs: r.lastUpdateTs }));
+      }
+      return out;
+    },
+    async put(key, envelope, o) {
+      await request(`${base}/attributes/SERVER_SCOPE`, { method: "POST", headers: headers(), body: JSON.stringify({ [key]: envelope }), signal: o?.signal });
+    },
+    /** Read-modify-write of ONE key — best effort, ThingsBoard has no compare-and-set. */
+    async appendAudit(key, event, o) {
+      const [row] = await store.get([key], o);
+      const parsed = row ? parseEnvelope(row.value) : null;
+      if (!parsed || !parsed.ok) throw portError(404, "ENVELOPE_NOT_FOUND", "registro do pedido n\xE3o encontrado");
+      const env = { ...parsed.envelope, audit: [...parsed.envelope.audit, event] };
+      await store.put(key, env, o);
+      return env;
+    }
+  };
+  return store;
+}
+function projectJob(raw) {
+  const p = raw.progress;
+  const percent = typeof p === "number" ? p : p && typeof p.percent === "number" ? p.percent : null;
+  return {
+    ...raw,
+    progress: percent,
+    phase: (p && typeof p === "object" ? p.phase : null) ?? null,
+    createdAt: String(raw.createdAt || "")
+  };
+}
+function createGcdrReportJobsApi(opts) {
+  const root = `${(opts.baseUrl || "").replace(/\/+$/, "").replace(/\/api\/v1$/, "")}/api/v1/customers/${encodeURIComponent(opts.gcdrCustomerId)}/report-jobs`;
+  const auth = () => Object.fromEntries(Object.entries(opts.getHeaders() || {}).filter(([, v]) => typeof v === "string" && v.trim() !== ""));
+  const h3 = (json = false) => ({ Accept: "application/json", ...json ? { "Content-Type": "application/json" } : {}, ...auth() });
+  const post = (url, body, signal) => request(url, { method: "POST", headers: h3(true), body: JSON.stringify(body), signal });
+  return {
+    submit: async (cmd, o) => projectJob(unwrap(await post(root, cmd, o?.signal))),
+    validate: async (cmd, o) => unwrap(await post(`${root}/validate`, cmd, o?.signal)),
+    config: async (o) => unwrap(await request(`${root}/config`, { headers: h3(), signal: o?.signal })),
+    batchGet: async (jobIds, o) => {
+      const data = unwrap(await post(`${root}/batch-get`, { jobIds }, o?.signal));
+      const out = (data?.items || []).map((j) => ({ jobId: j.jobId, found: true, job: projectJob(j) }));
+      (data?.notFound || []).forEach((jobId) => out.push({ jobId, found: false }));
+      return out;
+    },
+    active: async (o) => {
+      const data = unwrap(
+        await request(`${root}?type=demand-report&status=queued,running&limit=50`, { headers: h3(), signal: o?.signal })
+      );
+      return (data?.items || []).map(projectJob);
+    },
+    cancel: async (jobId, declared, o) => projectJob(unwrap(await post(`${root}/${encodeURIComponent(jobId)}/cancel`, declared ? { cancelledBy: { userId: declared.tbUserId } } : {}, o?.signal))),
+    download: async (jobId, o) => {
+      const q = o?.expiresInSeconds ? `?expiresInSeconds=${Math.min(3600, Math.max(1, Math.floor(o.expiresInSeconds)))}` : "";
+      return unwrap(await request(`${root}/${encodeURIComponent(jobId)}/result${q}`, { headers: h3(), signal: o?.signal }));
+    },
+    summary: async (jobId, o) => unwrap(await request(`${root}/${encodeURIComponent(jobId)}/summary`, { headers: h3(), signal: o?.signal }))
+  };
+}
+function demandDevicesFromItems(items) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const it of items || []) {
+    const tbId = it?.tbId || null;
+    if (!tbId || seen.has(tbId)) continue;
+    seen.add(tbId);
+    out.push({
+      tbDeviceId: tbId,
+      gcdrDeviceId: it.gcdrDeviceId || null,
+      ingestionId: it.ingestionId || null,
+      label: it.label || it.entityLabel || it.identifier || tbId,
+      name: it.entityName || it.name || it.label || "",
+      identifier: it.identifier || null,
+      deviceProfile: it.deviceProfile || ""
+    });
+  }
+  return out;
+}
+function tbUserFromJwt(token) {
+  try {
+    const claims = JSON.parse(atob(String(token).split(".")[1]));
+    if (!claims.userId) return null;
+    const name = [claims.firstName, claims.lastName].filter(Boolean).join(" ") || claims.sub || claims.userId;
+    return { tbUserId: claims.userId, name, email: claims.sub };
+  } catch {
+    return null;
+  }
+}
+
 // src/utils/goalsCoverage.ts
 var MONTHS_PT = ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"];
 function formatCoverageRefPtBR(ref) {
@@ -79479,7 +82066,7 @@ function buildYearOptions() {
   for (let y = now + 2; y >= now - 2; y--) out.push(y);
   return out;
 }
-function esc4(s) {
+function esc5(s) {
   return String(s == null ? "" : s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function openGoalsPanel(params) {
@@ -79557,7 +82144,7 @@ function openGoalsPanel(params) {
     if (!/\/api\/v1$/.test(b)) b += "/api/v1";
     return b;
   }
-  async function request(method, path, opts) {
+  async function request2(method, path, opts) {
     const o = opts || {};
     let url = apiBase() + path;
     if (o.query) {
@@ -79598,25 +82185,25 @@ function openGoalsPanel(params) {
   }
   const targetQuery = () => ({ domain: state6.domain, year: state6.year });
   const svc = {
-    getTree: (granularity, fetchHistory) => request("GET", `/customers/${customerId}/goals`, {
+    getTree: (granularity, fetchHistory) => request2("GET", `/customers/${customerId}/goals`, {
       query: { domain: state6.domain, year: state6.year, granularity, fetchHistory }
     }),
-    replace: (body) => request("PUT", `/customers/${customerId}/goals`, { query: targetQuery(), body }),
-    merge: (body) => request("PATCH", `/customers/${customerId}/goals`, { query: targetQuery(), body }),
+    replace: (body) => request2("PUT", `/customers/${customerId}/goals`, { query: targetQuery(), body }),
+    merge: (body) => request2("PATCH", `/customers/${customerId}/goals`, { query: targetQuery(), body }),
     // Scoped bucket DELETE (RFC-0046 §3.6): body { bucket: { level, ref }, expectedVersion? }.
     // Used for cells the operator CLEARED — never a whole-year delete from this panel.
-    removeBucket: (body) => request("DELETE", `/customers/${customerId}/goals`, { query: targetQuery(), body }),
-    importCsv: (body, dryRun) => request("POST", `/customers/${customerId}/goals/import`, {
+    removeBucket: (body) => request2("DELETE", `/customers/${customerId}/goals`, { query: targetQuery(), body }),
+    importCsv: (body, dryRun) => request2("POST", `/customers/${customerId}/goals/import`, {
       query: { domain: state6.domain, year: state6.year, dryRun: !!dryRun },
       body
     }),
     // RFC-0052: margem da meta (goalMarginPct) por customer × domínio × ano.
     // Mesmo stream de versão dos buckets — 409 VERSION_CONFLICT no lock otimista.
-    setMargin: (pct, version2) => request("PUT", `/customers/${customerId}/goals/margin`, {
+    setMargin: (pct, version2) => request2("PUT", `/customers/${customerId}/goals/margin`, {
       query: targetQuery(),
       body: version2 ? { goalMarginPct: pct, version: version2 } : { goalMarginPct: pct }
     }),
-    clearMargin: (version2) => request("DELETE", `/customers/${customerId}/goals/margin`, {
+    clearMargin: (version2) => request2("DELETE", `/customers/${customerId}/goals/margin`, {
       query: targetQuery(),
       body: version2 ? { version: version2 } : void 0
     })
@@ -80275,13 +82862,13 @@ function openGoalsPanel(params) {
     const g = state6.goals || {};
     const parts = [];
     if (hasCoverageGaps(g.coverageGaps)) {
-      parts.push(`<p style="margin:0 0 8px;">${esc4(buildCoverageWarningTextPtBR(g.coverageGaps, "GERAL"))}</p>`);
+      parts.push(`<p style="margin:0 0 8px;">${esc5(buildCoverageWarningTextPtBR(g.coverageGaps, "GERAL"))}</p>`);
     }
     (Array.isArray(g.devices) ? g.devices : []).forEach((d) => {
       if (!hasCoverageGaps(d && d.coverageGaps)) return;
       const label = d.label || d.code || "medidor";
       parts.push(
-        `<p style="margin:0 0 8px;">${esc4(buildCoverageWarningTextPtBR(d.coverageGaps, `do medidor ${label}`))}</p>`
+        `<p style="margin:0 0 8px;">${esc5(buildCoverageWarningTextPtBR(d.coverageGaps, `do medidor ${label}`))}</p>`
       );
     });
     return `<div style="font-size:12px;line-height:1.55;color:#334155;">${parts.join("")}</div>`;
@@ -80321,7 +82908,7 @@ function openGoalsPanel(params) {
       html += `<div class="myio-goals-alert myio-goals-alert-amber">${icon2("alert")} ${i18n2.versionConflict}</div>`;
     }
     if (state6.saveError && !state6.conflict) {
-      html += `<div class="myio-goals-alert myio-goals-alert-red">${icon2("alert")} ${esc4(state6.saveError)}</div>`;
+      html += `<div class="myio-goals-alert myio-goals-alert-red">${icon2("alert")} ${esc5(state6.saveError)}</div>`;
     }
     if (state6.saved && !state6.saveError) {
       html += `<div class="myio-goals-alert myio-goals-alert-green">${icon2("check")} ${i18n2.saveSuccess}</div>`;
@@ -80336,7 +82923,7 @@ function openGoalsPanel(params) {
       return `
         <div class="myio-goals-center myio-goals-center-col">
           ${icon2("alert-lg")}
-          <p>${esc4(state6.error)}</p>
+          <p>${esc5(state6.error)}</p>
           <button class="myio-goals-btn myio-goals-btn-outline" data-action="retry">${i18n2.retry}</button>
         </div>`;
     }
@@ -80426,7 +83013,7 @@ function openGoalsPanel(params) {
       const cellLabel = state6.level === "month" ? i18n2.months[key] : state6.level === "day" ? i18n2.dayCell.replace("{day}", Number(key)) : `${key}:00`;
       const canDrill = state6.level !== "hour";
       const labelEl = canDrill ? `<button class="myio-goals-cell-drill" data-action="${state6.level === "month" ? "open-month" : "open-day"}" data-key="${key}" title="${i18n2.drill.openTitle}">${cellLabel} ${icon2("chevron-sm")}</button>` : `<span class="myio-goals-cell-label">${cellLabel}</span>`;
-      const val = state6.draft[key] !== void 0 ? esc4(state6.draft[key]) : "";
+      const val = state6.draft[key] !== void 0 ? esc5(state6.draft[key]) : "";
       const minAttr = cfg.allowsNegative ? "" : 'min="0"';
       return `
           <div class="myio-goals-cell">
@@ -80494,7 +83081,7 @@ function openGoalsPanel(params) {
       const actor = ev.actor ? `${String(ev.actor).slice(0, 8)}\u2026` : i18n2.history.system;
       const extra = ev.bucketCount - (ev.details ? ev.details.length : 0);
       const chips = (ev.details || []).slice(0, DETAIL_PREVIEW).map(
-        (d) => `<span class="myio-goals-tl-chip"><span class="myio-goals-tl-ref">${esc4(formatRef(d.ref))}</span>${d.value === null ? "\u2014" : fmt2(d.value)}</span>`
+        (d) => `<span class="myio-goals-tl-chip"><span class="myio-goals-tl-ref">${esc5(formatRef(d.ref))}</span>${d.value === null ? "\u2014" : fmt2(d.value)}</span>`
       ).join("");
       const more = extra > 0 ? `<span class="myio-goals-tl-more">${i18n2.history.moreDetails.replace("{n}", extra)}</span>` : "";
       return `
@@ -80504,7 +83091,7 @@ function openGoalsPanel(params) {
                     <span class="myio-goals-tl-title">${i18n2.history.source[ev.source] || i18n2.history.source.EDIT}</span>
                     <span class="myio-goals-tl-ver">v${ev.version}</span>
                   </div>
-                  <p class="myio-goals-tl-meta" title="${esc4(new Date(ev.changedAt).toLocaleString(locale))}">${esc4(actor)} \xB7 ${esc4(timeAgo(ev.changedAt))}</p>
+                  <p class="myio-goals-tl-meta" title="${esc5(new Date(ev.changedAt).toLocaleString(locale))}">${esc5(actor)} \xB7 ${esc5(timeAgo(ev.changedAt))}</p>
                   <p class="myio-goals-tl-records">${i18n2.history.records.replace("{n}", ev.bucketCount)} \xB7 ${i18n2.levels[ev.actionLevel] || ev.actionLevel}</p>
                   ${chips || more ? `<div class="myio-goals-tl-chips">${chips}${more}</div>` : ""}
                 </li>`;
@@ -80551,7 +83138,7 @@ ${state6.year}-03-15T08,15`;
     let html = `
       <div class="myio-goals-import-hint">
         <p>${i18n2.import.formatHint}</p>
-        <code>${esc4(sample)}</code>
+        <code>${esc5(sample)}</code>
       </div>`;
     if (!applied) {
       html += `
@@ -80565,16 +83152,16 @@ ${state6.year}-03-15T08,15`;
               <input type="file" id="myio-goals-csv-file" accept=".csv,.txt,text/csv,text/plain" style="display:none" />
             </div>
           </div>
-          <textarea id="myio-goals-csv-textarea" rows="8" spellcheck="false" placeholder="${esc4(`bucket,value
+          <textarea id="myio-goals-csv-textarea" rows="8" spellcheck="false" placeholder="${esc5(`bucket,value
 ${state6.year},100000
 ${state6.year}-03,9000
 ${state6.year}-03-15,310
-${state6.year}-03-15T08,15`)}">${esc4(state6.csv)}</textarea>
+${state6.year}-03-15T08,15`)}">${esc5(state6.csv)}</textarea>
           <p class="myio-goals-microhint">${i18n2.import.unitNote.replace("{unit}", unitLabel2())}</p>
         </div>`;
     }
     if (state6.saveError && state6.conflictVersion === null) {
-      html += `<div class="myio-goals-alert myio-goals-alert-red">${icon2("alert")} ${esc4(state6.saveError)}</div>`;
+      html += `<div class="myio-goals-alert myio-goals-alert-red">${icon2("alert")} ${esc5(state6.saveError)}</div>`;
     }
     if (state6.conflictVersion !== null) {
       html += `<div class="myio-goals-alert myio-goals-alert-amber">${icon2("alert")} ${i18n2.import.conflict}</div>`;
@@ -80603,7 +83190,7 @@ ${state6.year}-03-15T08,15`)}">${esc4(state6.csv)}</textarea>
         <div class="myio-goals-import-diags">
           <p class="myio-goals-import-diags-title">${i18n2.import.diagnosticsTitle}</p>
           <ul>${result.diagnostics.map(
-        (d) => `<li>${icon2("alert-sm")} <span><span class="myio-goals-diag-line">${i18n2.import.line.replace("{line}", d.line)}</span>${d.bucket ? ` <span class="myio-goals-diag-bucket">[${esc4(d.bucket)}]</span>` : ""} ${esc4(d.reason)}</span></li>`
+        (d) => `<li>${icon2("alert-sm")} <span><span class="myio-goals-diag-line">${i18n2.import.line.replace("{line}", d.line)}</span>${d.bucket ? ` <span class="myio-goals-diag-bucket">[${esc5(d.bucket)}]</span>` : ""} ${esc5(d.reason)}</span></li>`
       ).join("")}</ul>
         </div>`;
     }
@@ -80611,7 +83198,7 @@ ${state6.year}-03-15T08,15`)}">${esc4(state6.csv)}</textarea>
       html += `
         <div class="myio-goals-import-log">
           <p class="myio-goals-import-log-title">${i18n2.import.logTitle}</p>
-          <ul>${result.log.map((line) => `<li>${esc4(line)}</li>`).join("")}</ul>
+          <ul>${result.log.map((line) => `<li>${esc5(line)}</li>`).join("")}</ul>
         </div>`;
     }
     html += `</div>`;
@@ -87649,7 +90236,7 @@ function injectCSS10() {
   document.head.appendChild(style);
   _cssInjected2 = true;
 }
-function esc5(value) {
+function esc6(value) {
   return String(value == null ? "" : value).replace(
     /[&<>"]/g,
     (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]
@@ -87699,7 +90286,7 @@ function buildPieSvg(visible, total) {
     const val = Number(v.d.value) || 0;
     return `<svg class="myio-col-summary__pie" viewBox="0 0 220 220">
       <circle class="myio-col-summary__slice" data-idx="${v.idx}" cx="110" cy="110" r="100"
-        fill="${sliceColor(v.idx)}"><title>${esc5(v.d.name)} \u2014 ${esc5(fmt2(val))} (${fmtPct2(
+        fill="${sliceColor(v.idx)}"><title>${esc6(v.d.name)} \u2014 ${esc6(fmt2(val))} (${fmtPct2(
       val,
       total,
       pd
@@ -87714,7 +90301,7 @@ function buildPieSvg(visible, total) {
     const a1 = acc / total * 360;
     return `<path class="myio-col-summary__slice" data-idx="${v.idx}"
         d="${arcPath(110, 110, 100, a0, a1)}" fill="${sliceColor(v.idx)}"
-        ><title>${esc5(v.d.name)} \u2014 ${esc5(fmt2(val))} (${fmtPct2(val, total, pd)})</title></path>`;
+        ><title>${esc6(v.d.name)} \u2014 ${esc6(fmt2(val))} (${fmtPct2(val, total, pd)})</title></path>`;
   }).join("");
   return `<svg class="myio-col-summary__pie" viewBox="0 0 220 220">${paths}</svg>`;
 }
@@ -87728,8 +90315,8 @@ function buildLegend(total) {
     return `<div class="myio-col-summary__legend-row${isExcl ? " is-excluded" : ""}" data-idx="${idx}"
           title="Clique para ${isExcl ? "incluir" : "remover"} da pizza">
         <span class="myio-col-summary__legend-dot" style="background:${sliceColor(idx)};"></span>
-        <span class="myio-col-summary__legend-name">${esc5(d.name)}</span>
-        <span class="myio-col-summary__legend-val">${esc5(fmt2(val))}</span>
+        <span class="myio-col-summary__legend-name">${esc6(d.name)}</span>
+        <span class="myio-col-summary__legend-val">${esc6(fmt2(val))}</span>
         <span class="myio-col-summary__legend-pct">${pct}</span>
       </div>`;
   }).join("");
@@ -87750,25 +90337,25 @@ function buildAverageInner() {
   const dash = "\u2014";
   const periodRow = data.periodLabel ? `<div class="myio-col-summary__kpi">
          <span class="myio-col-summary__kpi-label">Per\xEDodo</span>
-         <span class="myio-col-summary__kpi-value">${esc5(data.periodLabel)}</span>
+         <span class="myio-col-summary__kpi-value">${esc6(data.periodLabel)}</span>
        </div>` : "";
   const note = "M\xE9dia, m\xEDnima e m\xE1xima consideram apenas dispositivos online (com leitura).";
   const kpis = `<div class="myio-col-summary__kpis">
       ${periodRow}
       <div class="myio-col-summary__kpi">
         <span class="myio-col-summary__kpi-label">Dispositivos
-          <span class="myio-col-summary__info" title="${esc5(note)}" aria-label="${esc5(note)}"
+          <span class="myio-col-summary__info" title="${esc6(note)}" aria-label="${esc6(note)}"
             style="display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;margin-left:4px;border-radius:50%;background:#3e1a7d;color:#fff;font-size:9px;font-weight:700;font-style:italic;font-family:Georgia,serif;cursor:help;vertical-align:middle;">i</span>
         </span>
         <span class="myio-col-summary__kpi-value">${online.length} online \xB7 ${offline.length} offline</span>
       </div>
       <div class="myio-col-summary__kpi">
-        <span class="myio-col-summary__kpi-label">${esc5(measure)} m\xE9dia</span>
-        <span class="myio-col-summary__kpi-value myio-col-summary__kpi-value--accent">${avg === null ? dash : esc5(fmt2(avg))}</span>
+        <span class="myio-col-summary__kpi-label">${esc6(measure)} m\xE9dia</span>
+        <span class="myio-col-summary__kpi-value myio-col-summary__kpi-value--accent">${avg === null ? dash : esc6(fmt2(avg))}</span>
       </div>
       <div class="myio-col-summary__kpi">
         <span class="myio-col-summary__kpi-label">M\xEDnima \xB7 M\xE1xima</span>
-        <span class="myio-col-summary__kpi-value">${minV ? esc5(fmt2(Number(minV.d.value))) : dash} \xB7 ${maxV ? esc5(fmt2(Number(maxV.d.value))) : dash}</span>
+        <span class="myio-col-summary__kpi-value">${minV ? esc6(fmt2(Number(minV.d.value))) : dash} \xB7 ${maxV ? esc6(fmt2(Number(maxV.d.value))) : dash}</span>
       </div>
     </div>`;
   if (!data.devices.length) {
@@ -87777,12 +90364,12 @@ function buildAverageInner() {
   const near3 = avg === null ? [] : online.slice().sort((a, b) => Math.abs(Number(a.d.value) - avg) - Math.abs(Number(b.d.value) - avg)).slice(0, 3);
   const row = (v) => `
     <div class="myio-col-summary__row">
-      <span class="myio-col-summary__name" title="${esc5(v.d.name)}">${esc5(v.d.name)}</span>
-      <span class="myio-col-summary__val">${esc5(fmt2(Number(v.d.value) || 0))}</span>
+      <span class="myio-col-summary__name" title="${esc6(v.d.name)}">${esc6(v.d.name)}</span>
+      <span class="myio-col-summary__val">${esc6(fmt2(Number(v.d.value) || 0))}</span>
     </div>`;
   const offRow = (v) => `
     <div class="myio-col-summary__row">
-      <span class="myio-col-summary__name" title="${esc5(v.d.name)}">${esc5(v.d.name)}</span>
+      <span class="myio-col-summary__name" title="${esc6(v.d.name)}">${esc6(v.d.name)}</span>
       <span class="myio-col-summary__val" style="color:#94a3b8;">sem leitura</span>
     </div>`;
   const group = (label, list, r = row) => list.length ? `<div class="myio-col-summary__group">
@@ -87799,8 +90386,8 @@ function buildAverageInner() {
       </div>
     </div>
     <div class="myio-col-summary__footer">
-      <span class="myio-col-summary__footer-label">${esc5(measure)} m\xE9dia \xB7 ${online.length} online</span>
-      <span class="myio-col-summary__footer-value">${avg === null ? dash : esc5(fmt2(avg))}</span>
+      <span class="myio-col-summary__footer-label">${esc6(measure)} m\xE9dia \xB7 ${online.length} online</span>
+      <span class="myio-col-summary__footer-value">${avg === null ? dash : esc6(fmt2(avg))}</span>
     </div>`;
 }
 function buildInner() {
@@ -87813,7 +90400,7 @@ function buildInner() {
   const avg = count ? total / count : 0;
   const periodRow = data.periodLabel ? `<div class="myio-col-summary__kpi">
          <span class="myio-col-summary__kpi-label">Per\xEDodo</span>
-         <span class="myio-col-summary__kpi-value">${esc5(data.periodLabel)}</span>
+         <span class="myio-col-summary__kpi-value">${esc6(data.periodLabel)}</span>
        </div>` : "";
   const kpis = `<div class="myio-col-summary__kpis">
       ${periodRow}
@@ -87823,13 +90410,13 @@ function buildInner() {
       </div>
       <div class="myio-col-summary__kpi">
         <span class="myio-col-summary__kpi-label">Consumo m\xE9dio</span>
-        <span class="myio-col-summary__kpi-value myio-col-summary__kpi-value--accent">${esc5(
+        <span class="myio-col-summary__kpi-value myio-col-summary__kpi-value--accent">${esc6(
     fmt2(avg)
   )}</span>
       </div>
       <div class="myio-col-summary__kpi">
         <span class="myio-col-summary__kpi-label">Consumo total</span>
-        <span class="myio-col-summary__kpi-value">${esc5(fmt2(total))}</span>
+        <span class="myio-col-summary__kpi-value">${esc6(fmt2(total))}</span>
       </div>
     </div>`;
   if (!data.devices.length) {
@@ -87843,8 +90430,8 @@ function buildInner() {
   ).slice(0, 3);
   const row = (v) => `
     <div class="myio-col-summary__row">
-      <span class="myio-col-summary__name" title="${esc5(v.d.name)}">${esc5(v.d.name)}</span>
-      <span class="myio-col-summary__val">${esc5(fmt2(Number(v.d.value) || 0))}</span>
+      <span class="myio-col-summary__name" title="${esc6(v.d.name)}">${esc6(v.d.name)}</span>
+      <span class="myio-col-summary__val">${esc6(fmt2(Number(v.d.value) || 0))}</span>
       <span class="myio-col-summary__pct">${fmtPct2(Number(v.d.value) || 0, total, pd)}</span>
     </div>`;
   const group = (label, list) => list.length ? `<div class="myio-col-summary__group">
@@ -87867,7 +90454,7 @@ function buildInner() {
     </div>
     <div class="myio-col-summary__footer">
       <span class="myio-col-summary__footer-label">Consumo Total \xB7 ${count} dispositivos</span>
-      <span class="myio-col-summary__footer-value">${esc5(fmt2(total))}</span>
+      <span class="myio-col-summary__footer-value">${esc6(fmt2(total))}</span>
     </div>`;
 }
 function setHighlight(idx) {
@@ -95455,12 +98042,12 @@ function createConsumptionChartWidget(config2) {
 }
 
 // src/components/tooltips/goals-bar-tooltip/createGoalsBarTooltip.ts
-var STYLE_ID6 = "myio-goals-bar-tooltip-styles";
+var STYLE_ID8 = "myio-goals-bar-tooltip-styles";
 var DEFAULT_ACCENT = "#6c5ce7";
 function injectStyles12(doc) {
-  if (doc.getElementById(STYLE_ID6)) return;
+  if (doc.getElementById(STYLE_ID8)) return;
   const s = doc.createElement("style");
-  s.id = STYLE_ID6;
+  s.id = STYLE_ID8;
   s.textContent = `
 .myio-gbt {
   position: fixed;
@@ -95647,7 +98234,7 @@ function injectStyles12(doc) {
 `;
   (doc.head || doc.documentElement).appendChild(s);
 }
-function esc6(v) {
+function esc7(v) {
   return String(v ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function fmtPct3(pct) {
@@ -95668,8 +98255,8 @@ function renderDeltaChip(delta) {
   const tone = delta.tone === "good" ? "good" : delta.tone === "bad" ? "bad" : "neutral";
   const arrow = delta.arrow === "up" ? "\u2191" : delta.arrow === "down" ? "\u2193" : "\u2248";
   const pctTxt = fmtPct3(Math.abs(Number(delta.pct)));
-  const txt = delta.text ? ` ${esc6(delta.text)}` : "";
-  return `<span class="myio-gbt__chip myio-gbt__chip--${tone}">${arrow} ${esc6(pctTxt)}${txt}</span>`;
+  const txt = delta.text ? ` ${esc7(delta.text)}` : "";
+  return `<span class="myio-gbt__chip myio-gbt__chip--${tone}">${arrow} ${esc7(pctTxt)}${txt}</span>`;
 }
 function renderRow(row, level) {
   const hasChildren = Array.isArray(row.children) && row.children.length > 0;
@@ -95677,12 +98264,12 @@ function renderRow(row, level) {
   const id = `gbtr-${++_rowSeq}`;
   const pct = row.pct;
   const caret = hasChildren ? `<button class="myio-gbt__caret${open ? " is-open" : ""}" data-caret="${id}" title="Expandir/recolher">\u25B8</button>` : `<span class="myio-gbt__caret-spacer"></span>`;
-  const swatch = row.color ? `<span class="myio-gbt__swatch" style="background:${esc6(row.color)}"></span>` : "";
-  const icon2 = row.icon ? `<span class="myio-gbt__icon">${esc6(row.icon)}</span>` : "";
+  const swatch = row.color ? `<span class="myio-gbt__swatch" style="background:${esc7(row.color)}"></span>` : "";
+  const icon2 = row.icon ? `<span class="myio-gbt__icon">${esc7(row.icon)}</span>` : "";
   const chipHtml = row.delta ? renderDeltaChip(row.delta) : "";
-  const pctHtml = !row.delta && pct != null && isFinite(pct) ? `<span class="myio-gbt__pct">${esc6(fmtPct3(pct))}</span>` : "";
+  const pctHtml = !row.delta && pct != null && isFinite(pct) ? `<span class="myio-gbt__pct">${esc7(fmtPct3(pct))}</span>` : "";
   const rowClass = level > 0 ? "myio-gbt__row myio-gbt__row--child" : "myio-gbt__row";
-  let html = `<div class="${rowClass}">` + caret + swatch + icon2 + `<span class="myio-gbt__label">${esc6(row.label)}</span><span class="myio-gbt__value">${esc6(row.valueText)}</span>` + chipHtml + pctHtml + `</div>`;
+  let html = `<div class="${rowClass}">` + caret + swatch + icon2 + `<span class="myio-gbt__label">${esc7(row.label)}</span><span class="myio-gbt__value">${esc7(row.valueText)}</span>` + chipHtml + pctHtml + `</div>`;
   if (hasChildren) {
     const childHtml = row.children.map((c) => renderRow(c, level + 1)).join("");
     html += `<div class="myio-gbt__children${open ? " is-open" : ""}" data-children="${id}">${childHtml}</div>`;
@@ -95718,15 +98305,15 @@ function createGoalsBarTooltip(opts) {
     const rect = el2.getBoundingClientRect();
     const w = rect.width || 280;
     const h3 = rect.height || 200;
-    const pad = 12;
+    const pad3 = 12;
     const gap = 16;
     let left = clientX + gap;
     let top = clientY + gap;
-    if (left + w > window.innerWidth - pad) left = clientX - w - gap;
-    if (left < pad) left = Math.max(pad, (window.innerWidth - w) / 2);
-    if (top + h3 > window.innerHeight - pad) top = clientY - h3 - gap;
-    if (top < pad) top = pad;
-    if (top + h3 > window.innerHeight - pad) top = Math.max(pad, window.innerHeight - h3 - pad);
+    if (left + w > window.innerWidth - pad3) left = clientX - w - gap;
+    if (left < pad3) left = Math.max(pad3, (window.innerWidth - w) / 2);
+    if (top + h3 > window.innerHeight - pad3) top = clientY - h3 - gap;
+    if (top < pad3) top = pad3;
+    if (top + h3 > window.innerHeight - pad3) top = Math.max(pad3, window.innerHeight - h3 - pad3);
     el2.style.left = `${Math.round(left)}px`;
     el2.style.top = `${Math.round(top)}px`;
   }
@@ -95765,8 +98352,8 @@ function createGoalsBarTooltip(opts) {
       <div class="myio-gbt__card">
         <div class="myio-gbt__header">
           <div class="myio-gbt__title-wrap">
-            <div class="myio-gbt__title">${esc6(data.title)}</div>
-            ${data.subtitle ? `<div class="myio-gbt__subtitle">${esc6(data.subtitle)}</div>` : ""}
+            <div class="myio-gbt__title">${esc7(data.title)}</div>
+            ${data.subtitle ? `<div class="myio-gbt__subtitle">${esc7(data.subtitle)}</div>` : ""}
           </div>
           <button class="myio-gbt__btn myio-gbt__btn--pin${pinned ? " is-pinned" : ""}" data-action="pin" title="${pinned ? "Desafixar" : "Fixar na tela"}">\u{1F4CC}</button>
           <button class="myio-gbt__btn myio-gbt__btn--close" data-action="close" title="Fechar">\u2715</button>
@@ -96569,11 +99156,11 @@ function _rerenderFromCache() {
   const { labels, totals, goalLine, prevTotals, domain } = _lastRender;
   _renderChart(canvas, labels, totals, goalLine, domain, prevTotals);
 }
-var STYLE_ID7 = "myio-goals-modal-v2-styles";
+var STYLE_ID9 = "myio-goals-modal-v2-styles";
 function _injectStyles(topDoc) {
-  if (topDoc.getElementById(STYLE_ID7)) return;
+  if (topDoc.getElementById(STYLE_ID9)) return;
   const s = topDoc.createElement("style");
-  s.id = STYLE_ID7;
+  s.id = STYLE_ID9;
   s.textContent = `
     .gm-overlay{position:fixed;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease;font-family:'Nunito', system-ui, sans-serif;}
     .gm-overlay.show{opacity:1;}
@@ -96775,19 +99362,19 @@ function _updateCoverageHint(topDoc) {
   const deviceCount = data.granularity === "DEVICE" ? data.devices?.length ?? 0 : 0;
   hint.textContent = `\u26A0 Meta incompleta para este dom\xEDnio/ano` + (deviceCount > 0 ? ` \xB7 Por medidor (${deviceCount})` : "") + ` \u2014 passe o mouse para detalhes`;
   tabs.insertAdjacentElement("afterend", hint);
-  const esc8 = (s) => String(s ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  const esc9 = (s) => String(s ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   try {
     _coverageDetach = InfoTooltip.attach(hint, () => {
       const d = _getGoalsData(_currentDomain);
       const parts = [];
       if (hasCoverageGaps(d?.coverageGaps)) {
-        parts.push(`<p style="margin:0 0 8px;">${esc8(buildCoverageWarningTextPtBR(d?.coverageGaps, "GERAL"))}</p>`);
+        parts.push(`<p style="margin:0 0 8px;">${esc9(buildCoverageWarningTextPtBR(d?.coverageGaps, "GERAL"))}</p>`);
       }
       (d?.devices || []).forEach((dev) => {
         if (!hasCoverageGaps(dev?.coverageGaps)) return;
         const label = dev.label || dev.code || "medidor";
         parts.push(
-          `<p style="margin:0 0 8px;">${esc8(buildCoverageWarningTextPtBR(dev.coverageGaps, `do medidor ${label}`))}</p>`
+          `<p style="margin:0 0 8px;">${esc9(buildCoverageWarningTextPtBR(dev.coverageGaps, `do medidor ${label}`))}</p>`
         );
       });
       return {
@@ -96980,8 +99567,8 @@ var CSV_SEPARATORS = {
   "default": ";"
 };
 function formatDateForFilename(date) {
-  const pad = (n) => n.toString().padStart(2, "0");
-  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}-${pad(date.getHours())}-${pad(date.getMinutes())}-${pad(date.getSeconds())}`;
+  const pad3 = (n) => n.toString().padStart(2, "0");
+  return `${date.getFullYear()}-${pad3(date.getMonth() + 1)}-${pad3(date.getDate())}-${pad3(date.getHours())}-${pad3(date.getMinutes())}-${pad3(date.getSeconds())}`;
 }
 function sanitizeFilename(str) {
   return str.replace(/[<>:"/\\|?*]/g, "").replace(/\s+/g, "_").substring(0, 50);
@@ -99424,7 +102011,7 @@ function createMyIOTheme(settings, mode) {
 // src/components/settings-hub/openSettingsHubModal.ts
 var ROUTE_DELAY_MS = 250;
 var MODAL_ID = "myio-conf-picker";
-var STYLE_ID8 = "myio-conf-picker-styles";
+var STYLE_ID10 = "myio-conf-picker-styles";
 var HUB_OPTIONS = [
   {
     action: "temperature",
@@ -99615,7 +102202,7 @@ var HUB_CSS = `
     color: var(--myio-brand-700, #7B2FF7);
   }
 `;
-function escapeHtml7(value) {
+function escapeHtml9(value) {
   return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function resolveTopDocument() {
@@ -99635,9 +102222,9 @@ function resolveHubThemeVars(explicit) {
 function openSettingsHubModal(options) {
   const { customerName = "", isSuperAdmin: isSuperAdmin2 = false, handlers } = options;
   const doc = options.targetDocument || resolveTopDocument();
-  if (!doc.getElementById(STYLE_ID8)) {
+  if (!doc.getElementById(STYLE_ID10)) {
     const style = doc.createElement("style");
-    style.id = STYLE_ID8;
+    style.id = STYLE_ID10;
     style.textContent = HUB_CSS;
     doc.head.appendChild(style);
   }
@@ -99662,7 +102249,7 @@ function openSettingsHubModal(options) {
     <div class="myio-conf-picker__overlay"></div>
     <div class="myio-conf-picker__content">
       <div class="myio-conf-picker__header">
-        <h3>\u2699\uFE0F Configura\xE7\xF5es${customerName ? ` \u2014 ${escapeHtml7(customerName)}` : ""}</h3>
+        <h3>\u2699\uFE0F Configura\xE7\xF5es${customerName ? ` \u2014 ${escapeHtml9(customerName)}` : ""}</h3>
         <button class="myio-conf-picker__close" aria-label="Fechar">&times;</button>
       </div>
       <div class="myio-conf-picker__body">${cardsHtml}
@@ -100857,7 +103444,7 @@ function createTariffApiAdapter(client, opts) {
 
 // src/components/pricing-panel/openPricingPanel.ts
 var MODAL_ID2 = "myio-pricing-panel";
-function escapeHtml8(value) {
+function escapeHtml10(value) {
   return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function resolveTopDocument2() {
@@ -101012,7 +103599,7 @@ function openPricingPanel(params) {
   }
   const initDomain = params.domain || "energy";
   const initCategory = params.category || "lojas";
-  const customerOptions = customers.map((c) => `<option value="${escapeHtml8(resolveCustomerId(c))}">${escapeHtml8(c.title)}</option>`).join("");
+  const customerOptions = customers.map((c) => `<option value="${escapeHtml10(resolveCustomerId(c))}">${escapeHtml10(c.title)}</option>`).join("");
   modal.innerHTML = `
     <div class="myio-pricing__overlay"></div>
     <div class="myio-pricing__content">
@@ -101227,9 +103814,9 @@ function openPricingPanel(params) {
   const pushAudit = (rec) => {
     if (rec) auditLog = [rec, ...auditLog];
   };
-  const badge = (domain, category) => `<span class="myio-pricing__badge${domain === "water" ? " myio-pricing__badge--water" : ""}">${escapeHtml8(
+  const badge = (domain, category) => `<span class="myio-pricing__badge${domain === "water" ? " myio-pricing__badge--water" : ""}">${escapeHtml10(
     DOMAIN_LABEL[domain]
-  )} \xB7 ${escapeHtml8(CATEGORY_LABEL[category])}</span>`;
+  )} \xB7 ${escapeHtml10(CATEGORY_LABEL[category])}</span>`;
   const renderList2 = () => {
     const customerId = customerSel.value;
     const rows = entries.filter((e) => e.customerId === customerId).sort((a, b) => {
@@ -101242,15 +103829,15 @@ function openPricingPanel(params) {
       const boundsKey = b ? `${b.start}__${b.end}` : "";
       return `
         <li class="myio-pricing__item">
-          <span class="myio-pricing__item-period">${badge(e.domain, e.category)} ${escapeHtml8(
+          <span class="myio-pricing__item-period">${badge(e.domain, e.category)} ${escapeHtml10(
         formatPeriodLabel(e)
       )}</span>
-          <span class="myio-pricing__item-price">${escapeHtml8(formatBRL2(e.pricePerKwh))} ${escapeHtml8(
+          <span class="myio-pricing__item-price">${escapeHtml10(formatBRL2(e.pricePerKwh))} ${escapeHtml10(
         unitLabel(e.domain)
       )}</span>
-          <button class="myio-pricing__remove" data-remove="${escapeHtml8(e.domain)}|${escapeHtml8(
+          <button class="myio-pricing__remove" data-remove="${escapeHtml10(e.domain)}|${escapeHtml10(
         e.category
-      )}|${escapeHtml8(boundsKey)}" aria-label="Remover" type="button">\u2715</button>
+      )}|${escapeHtml10(boundsKey)}" aria-label="Remover" type="button">\u2715</button>
         </li>`;
     }).join("");
     emptyEl.style.display = rows.length ? "none" : "";
@@ -101349,8 +103936,8 @@ function openPricingPanel(params) {
     kpiEl.innerHTML = cards.map(
       (c) => `
         <div class="myio-pricing__kpi">
-          <div class="myio-pricing__kpi-value">${escapeHtml8(c.value)}</div>
-          <div class="myio-pricing__kpi-label">${escapeHtml8(c.label)}</div>
+          <div class="myio-pricing__kpi-value">${escapeHtml10(c.value)}</div>
+          <div class="myio-pricing__kpi-label">${escapeHtml10(c.label)}</div>
         </div>`
     ).join("");
     renderReport();
@@ -101369,11 +103956,11 @@ function openPricingPanel(params) {
     reportBody.innerHTML = rows.length ? rows.map(
       (e) => `
         <tr>
-          <td>${escapeHtml8(customerTitle(e.customerId))}</td>
-          <td>${escapeHtml8(DOMAIN_LABEL[e.domain])}</td>
-          <td>${escapeHtml8(CATEGORY_LABEL[e.category])}</td>
-          <td>${escapeHtml8(formatPeriodLabel(e))}</td>
-          <td>${escapeHtml8(formatBRL2(e.pricePerKwh))} ${escapeHtml8(unitLabel(e.domain))}</td>
+          <td>${escapeHtml10(customerTitle(e.customerId))}</td>
+          <td>${escapeHtml10(DOMAIN_LABEL[e.domain])}</td>
+          <td>${escapeHtml10(CATEGORY_LABEL[e.category])}</td>
+          <td>${escapeHtml10(formatPeriodLabel(e))}</td>
+          <td>${escapeHtml10(formatBRL2(e.pricePerKwh))} ${escapeHtml10(unitLabel(e.domain))}</td>
         </tr>`
     ).join("") : `<tr><td colspan="5" style="text-align:center;color:var(--myio-text-muted,#6b7280);padding:24px;">Nenhum pre\xE7o para o filtro selecionado.</td></tr>`;
   }
@@ -101383,15 +103970,15 @@ function openPricingPanel(params) {
       return `
         <li class="myio-pricing__history-item">
           <div class="myio-pricing__history-head">
-            <span class="myio-pricing__action myio-pricing__action--${escapeHtml8(rec.action)}">${escapeHtml8(
+            <span class="myio-pricing__action myio-pricing__action--${escapeHtml10(rec.action)}">${escapeHtml10(
         rec.action
       )}</span>
             ${badge(rec.domain, rec.category)}
-            <span>${escapeHtml8(rec.periodLabel)}${escapeHtml8(priceInfo)}</span>
+            <span>${escapeHtml10(rec.periodLabel)}${escapeHtml10(priceInfo)}</span>
           </div>
-          <div class="myio-pricing__history-meta">${escapeHtml8(customerTitle(rec.customerId))} \xB7 ${escapeHtml8(
+          <div class="myio-pricing__history-meta">${escapeHtml10(customerTitle(rec.customerId))} \xB7 ${escapeHtml10(
         rec.by || "\u2014"
-      )} \xB7 ${escapeHtml8(fmtTimestamp(rec.at))}</div>
+      )} \xB7 ${escapeHtml10(fmtTimestamp(rec.at))}</div>
         </li>`;
     }).join("");
     historyEmpty.style.display = auditLog.length ? "none" : "";
@@ -102090,11 +104677,11 @@ function deviceCategoryToPanelTerm(cat) {
 function panelTermToDeviceCategory(term) {
   return term == null ? null : panelCategoryToWire(term);
 }
-function esc7(s) {
+function esc8(s) {
   return String(s ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function categoryOptionsHTML(selected) {
-  const opt = (value, label, isSel) => `<option value="${value}"${isSel ? " selected" : ""}>${esc7(label)}</option>`;
+  const opt = (value, label, isSel) => `<option value="${value}"${isSel ? " selected" : ""}>${esc8(label)}</option>`;
   return opt("", NONE_LABEL, selected == null) + opt("COMMON_AREA", deviceCategoryLabel("COMMON_AREA"), selected === "COMMON_AREA") + opt("SPECIFIC", deviceCategoryLabel("SPECIFIC"), selected === "SPECIFIC");
 }
 function openDeviceCategoryPanel(params) {
@@ -102131,8 +104718,8 @@ function openDeviceCategoryPanel(params) {
         <select class="myio-devcat__filter" data-devcat-filter="1" aria-label="Filtrar por categoria">
           <option value="all">Todas as categorias</option>
           <option value="uncategorized">Sem categoria</option>
-          <option value="COMMON_AREA">${esc7(deviceCategoryLabel("COMMON_AREA"))}</option>
-          <option value="SPECIFIC">${esc7(deviceCategoryLabel("SPECIFIC"))}</option>
+          <option value="COMMON_AREA">${esc8(deviceCategoryLabel("COMMON_AREA"))}</option>
+          <option value="SPECIFIC">${esc8(deviceCategoryLabel("SPECIFIC"))}</option>
         </select>
         <label class="myio-devcat__filter" style="display:flex;align-items:center;gap:6px;cursor:pointer;">
           <input type="checkbox" data-devcat-selectall="1" /> Selecionar vis\xEDveis
@@ -102141,9 +104728,9 @@ function openDeviceCategoryPanel(params) {
       <div class="myio-devcat__bulkbar" data-devcat-bulkbar="1">
         <span data-devcat-bulkcount="1">0 selecionados</span>
         <select data-devcat-bulkcat="1" aria-label="Categoria para os selecionados">
-          <option value="">${esc7(NONE_LABEL)}</option>
-          <option value="COMMON_AREA">${esc7(deviceCategoryLabel("COMMON_AREA"))}</option>
-          <option value="SPECIFIC">${esc7(deviceCategoryLabel("SPECIFIC"))}</option>
+          <option value="">${esc8(NONE_LABEL)}</option>
+          <option value="COMMON_AREA">${esc8(deviceCategoryLabel("COMMON_AREA"))}</option>
+          <option value="SPECIFIC">${esc8(deviceCategoryLabel("SPECIFIC"))}</option>
         </select>
         <button type="button" class="myio-devcat__bulk-apply" data-devcat-bulkapply="1">Aplicar a selecionados</button>
       </div>
@@ -102173,16 +104760,16 @@ function openDeviceCategoryPanel(params) {
     return rows.filter((r) => matchesFilter(r) && matchesSearch(r));
   }
   function rowHTML(r) {
-    const name = esc7(r.label || r.code || r.deviceId);
-    const code = r.code ? `<span class="myio-devcat__row-code">${esc7(r.code)}</span>` : "";
+    const name = esc8(r.label || r.code || r.deviceId);
+    const code = r.code ? `<span class="myio-devcat__row-code">${esc8(r.code)}</span>` : "";
     const checked = selected.has(r.deviceId) ? " checked" : "";
     const focused = r.deviceId === params.focusDeviceId ? ' data-focused="1"' : "";
     const catAttr = r.tariffCategory == null ? "null" : r.tariffCategory;
-    return `<div class="myio-devcat__row" data-devcat-row="${esc7(r.deviceId)}" data-cat="${catAttr}"${focused}><input type="checkbox" class="myio-devcat__row-check" data-devcat-rowcheck="${esc7(
+    return `<div class="myio-devcat__row" data-devcat-row="${esc8(r.deviceId)}" data-cat="${catAttr}"${focused}><input type="checkbox" class="myio-devcat__row-check" data-devcat-rowcheck="${esc8(
       r.deviceId
-    )}"${checked} aria-label="Selecionar ${name}" /><div class="myio-devcat__row-main"><span class="myio-devcat__row-label" title="${name}">${name}</span>` + code + `</div><select class="myio-devcat__row-select" data-devcat-rowselect="${esc7(
+    )}"${checked} aria-label="Selecionar ${name}" /><div class="myio-devcat__row-main"><span class="myio-devcat__row-label" title="${name}">${name}</span>` + code + `</div><select class="myio-devcat__row-select" data-devcat-rowselect="${esc8(
       r.deviceId
-    )}" aria-label="Categoria de ${name}">${categoryOptionsHTML(r.tariffCategory)}</select><div class="myio-devcat__row-conflict" data-devcat-conflict="${esc7(r.deviceId)}"></div></div>`;
+    )}" aria-label="Categoria de ${name}">${categoryOptionsHTML(r.tariffCategory)}</select><div class="myio-devcat__row-conflict" data-devcat-conflict="${esc8(r.deviceId)}"></div></div>`;
   }
   function render3() {
     const vis = visibleRows();
@@ -102342,7 +104929,7 @@ function openDeviceCategoryPanel(params) {
       rows = await port.listDevices({ customerId, domain: params.domain });
     } catch (err) {
       rows = [];
-      body.innerHTML = `<div class="myio-devcat__empty">N\xE3o foi poss\xEDvel carregar os dispositivos: ${esc7(
+      body.innerHTML = `<div class="myio-devcat__empty">N\xE3o foi poss\xEDvel carregar os dispositivos: ${esc8(
         err?.message || "erro"
       )}</div>`;
       countEl.textContent = "";
@@ -109726,536 +112313,6 @@ function refreshIncidentBadges(opts) {
   });
 }
 
-// src/components/premium-modals/dialog/styles.ts
-var FONT_LINK_ID = "myio-dialog-font-nunito";
-var STYLE_ID9 = "myio-dialog-styles";
-function injectDialogStyles() {
-  if (!document.getElementById(FONT_LINK_ID)) {
-    const link = document.createElement("link");
-    link.id = FONT_LINK_ID;
-    link.rel = "stylesheet";
-    link.href = "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";
-    document.head.appendChild(link);
-  }
-  if (document.getElementById(STYLE_ID9)) return;
-  const style = document.createElement("style");
-  style.id = STYLE_ID9;
-  style.textContent = `
-.myio-dialog-overlay {
-  position: fixed;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(17, 24, 39, 0.55);
-  font-family: 'Nunito', system-ui, sans-serif;
-}
-.myio-dialog {
-  background: #ffffff;
-  color: #1f2937;
-  border-radius: 12px;
-  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
-  max-width: 90vw;
-  max-height: 85vh;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.myio-dialog__accent {
-  height: 4px;
-  background: #7C3AED;
-}
-.myio-dialog__header {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-  padding: 16px 20px 0 20px;
-}
-.myio-dialog__icon {
-  font-size: 20px;
-  line-height: 1.3;
-}
-.myio-dialog__title {
-  flex: 1;
-  margin: 0;
-  font-size: 16px;
-  font-weight: 700;
-  line-height: 1.35;
-}
-.myio-dialog__close {
-  border: none;
-  background: transparent;
-  color: #9ca3af;
-  font-size: 18px;
-  line-height: 1;
-  padding: 2px 6px;
-  margin: -2px -8px 0 0;
-  border-radius: 6px;
-  cursor: pointer;
-}
-.myio-dialog__close:hover {
-  background: rgba(0, 0, 0, 0.06);
-  color: #4b5563;
-}
-.myio-dialog__message {
-  margin: 0;
-  padding: 10px 20px 4px 20px;
-  font-size: 13.5px;
-  line-height: 1.55;
-  color: #4b5563;
-  overflow-y: auto;
-}
-.myio-dialog__footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-  padding: 16px 20px;
-}
-.myio-dialog__btn {
-  font-family: inherit;
-  font-size: 13px;
-  font-weight: 600;
-  padding: 8px 16px;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  cursor: pointer;
-  transition: filter 0.15s ease, background 0.15s ease;
-}
-.myio-dialog__btn:hover {
-  filter: brightness(0.94);
-}
-.myio-dialog__btn:focus-visible {
-  outline: 2px solid #7C3AED;
-  outline-offset: 2px;
-}
-.myio-dialog__btn--primary {
-  background: #7C3AED;
-  color: #ffffff;
-}
-.myio-dialog__btn--secondary {
-  background: #ffffff;
-  color: #374151;
-  border-color: #d1d5db;
-}
-.myio-dialog__btn--danger {
-  background: #dc2626;
-  color: #ffffff;
-}
-.myio-dialog__btn--success {
-  background: #16a34a;
-  color: #ffffff;
-}
-
-/* Severity accents (message dialog) */
-.myio-dialog--success .myio-dialog__accent { background: #16a34a; }
-.myio-dialog--warning .myio-dialog__accent { background: #d97706; }
-.myio-dialog--error   .myio-dialog__accent { background: #dc2626; }
-
-/* \u2500\u2500 Dark theme \u2500\u2500 */
-.myio-dialog-overlay--dark .myio-dialog {
-  background: #1f2937;
-  color: #f3f4f6;
-}
-.myio-dialog-overlay--dark .myio-dialog__message {
-  color: #d1d5db;
-}
-.myio-dialog-overlay--dark .myio-dialog__close {
-  color: #9ca3af;
-}
-.myio-dialog-overlay--dark .myio-dialog__close:hover {
-  background: rgba(255, 255, 255, 0.08);
-  color: #e5e7eb;
-}
-.myio-dialog-overlay--dark .myio-dialog__btn--secondary {
-  background: #1f2937;
-  color: #e5e7eb;
-  border-color: #4b5563;
-}
-`;
-  document.head.appendChild(style);
-}
-
-// src/components/premium-modals/dialog/openDialog.ts
-var BASE_Z_INDEX = 10500;
-var openCount = 0;
-function escapeHtml9(value) {
-  return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-}
-function escapeMessage(value) {
-  return escapeHtml9(value).replace(/\n/g, "<br>");
-}
-function cssWidth(width) {
-  if (width == null) return "420px";
-  return typeof width === "number" ? `${width}px` : width;
-}
-var SEVERITY_META = {
-  info: { title: "Informa\xE7\xE3o", icon: "\u2139\uFE0F" },
-  success: { title: "Sucesso", icon: "\u2705" },
-  warning: { title: "Aten\xE7\xE3o", icon: "\u26A0\uFE0F" },
-  error: { title: "Erro", icon: "\u274C" }
-};
-function openDialog(params) {
-  if (!Array.isArray(params.buttons) || params.buttons.length === 0) {
-    throw new Error("[openConfirmDialog] params.buttons must contain at least one button");
-  }
-  injectDialogStyles();
-  const dismissible = params.dismissible ?? true;
-  const theme = params.theme ?? "light";
-  const idBase = `myio-dialog-${++openCount}`;
-  const overlay = document.createElement("div");
-  overlay.className = `myio-dialog-overlay${theme === "dark" ? " myio-dialog-overlay--dark" : ""}`;
-  overlay.style.zIndex = String(BASE_Z_INDEX + openCount);
-  const buttonsHtml = params.buttons.map((btn, i) => {
-    const variant = btn.variant ?? "secondary";
-    return `<button type="button" class="myio-dialog__btn myio-dialog__btn--${variant}" data-index="${i}">${escapeHtml9(btn.label)}</button>`;
-  }).join("");
-  overlay.innerHTML = `
-    <div class="myio-dialog${params.modifier ? ` ${params.modifier}` : ""}"
-         role="dialog" aria-modal="true"
-         aria-labelledby="${idBase}-title" aria-describedby="${idBase}-message"
-         style="width:${cssWidth(params.width)}">
-      <div class="myio-dialog__accent"></div>
-      <div class="myio-dialog__header">
-        ${params.icon ? `<span class="myio-dialog__icon" aria-hidden="true">${params.icon}</span>` : ""}
-        <h3 class="myio-dialog__title" id="${idBase}-title">${escapeHtml9(params.title)}</h3>
-        ${dismissible ? `<button type="button" class="myio-dialog__close" aria-label="Fechar">\u2715</button>` : ""}
-      </div>
-      <p class="myio-dialog__message" id="${idBase}-message">${escapeMessage(params.message)}</p>
-      <div class="myio-dialog__footer">${buttonsHtml}</div>
-    </div>
-  `;
-  const previousFocus = document.activeElement;
-  const target = params.container ?? document.body;
-  target.appendChild(overlay);
-  const root = overlay.querySelector(".myio-dialog");
-  const buttonEls = Array.from(root.querySelectorAll(".myio-dialog__btn"));
-  return new Promise((resolve) => {
-    let settled = false;
-    let autoCloseTimer;
-    const close = (result) => {
-      if (settled) return;
-      settled = true;
-      if (autoCloseTimer) clearTimeout(autoCloseTimer);
-      document.removeEventListener("keydown", onKeydown, true);
-      overlay.remove();
-      if (previousFocus && previousFocus.isConnected) previousFocus.focus();
-      resolve(result);
-    };
-    const onKeydown = (e) => {
-      if (!overlay.isConnected) return;
-      if (e.key === "Escape" && dismissible) {
-        e.stopPropagation();
-        close(null);
-        return;
-      }
-      if (e.key === "Tab") {
-        const focusables = Array.from(
-          root.querySelectorAll("button:not([disabled])")
-        );
-        if (focusables.length === 0) return;
-        const first = focusables[0];
-        const last = focusables[focusables.length - 1];
-        const active = document.activeElement;
-        if (!root.contains(active)) {
-          e.preventDefault();
-          first.focus();
-        } else if (e.shiftKey && active === first) {
-          e.preventDefault();
-          last.focus();
-        } else if (!e.shiftKey && active === last) {
-          e.preventDefault();
-          first.focus();
-        }
-      }
-    };
-    buttonEls.forEach((el2) => {
-      el2.addEventListener("click", () => {
-        const index = Number(el2.dataset.index);
-        close(params.buttons[index].value);
-      });
-    });
-    if (dismissible) {
-      overlay.querySelector(".myio-dialog__close")?.addEventListener("click", () => close(null));
-      overlay.addEventListener("click", (e) => {
-        if (e.target === overlay) close(null);
-      });
-    }
-    document.addEventListener("keydown", onKeydown, true);
-    const autoFocusIndex = params.buttons.findIndex((b) => b.autoFocus);
-    (buttonEls[autoFocusIndex >= 0 ? autoFocusIndex : buttonEls.length - 1] ?? buttonEls[0]).focus();
-    if (params.autoCloseMs && params.autoCloseMs > 0) {
-      autoCloseTimer = setTimeout(() => close(null), params.autoCloseMs);
-    }
-  });
-}
-function openConfirmDialog(params) {
-  return openDialog(params);
-}
-function openMessageDialog(params) {
-  const severity = params.severity ?? "info";
-  const meta = SEVERITY_META[severity];
-  return openDialog({
-    title: params.title ?? meta.title,
-    message: params.message,
-    buttons: [
-      { label: params.buttonLabel ?? "OK", variant: "primary", value: "ok", autoFocus: true }
-    ],
-    theme: params.theme,
-    container: params.container,
-    modifier: severity !== "info" ? `myio-dialog--${severity}` : void 0,
-    icon: meta.icon,
-    autoCloseMs: params.autoCloseMs
-  }).then(() => void 0);
-}
-
-// src/components/premium-modals/dialog/openGenericModal.ts
-var STYLE_ID10 = "myio-genmodal-styles";
-var FONT_LINK_ID2 = "myio-dialog-font-nunito";
-var BASE_Z_INDEX2 = 10600;
-var openCount2 = 0;
-function escapeHtml10(value) {
-  return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-}
-function cssSize(v, fallback) {
-  if (v == null) return fallback;
-  return typeof v === "number" ? `${v}px` : v;
-}
-function injectGenericModalStyles() {
-  if (!document.getElementById(FONT_LINK_ID2)) {
-    const link = document.createElement("link");
-    link.id = FONT_LINK_ID2;
-    link.rel = "stylesheet";
-    link.href = "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";
-    document.head.appendChild(link);
-  }
-  if (document.getElementById(STYLE_ID10)) return;
-  const style = document.createElement("style");
-  style.id = STYLE_ID10;
-  style.textContent = `
-.myio-genmodal-overlay {
-  position: fixed;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(17, 24, 39, 0.55);
-  font-family: 'Nunito', system-ui, sans-serif;
-}
-.myio-genmodal {
-  background: #ffffff;
-  color: #1f2937;
-  border-radius: 12px;
-  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
-  max-width: 90vw;
-  max-height: 90vh;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.myio-genmodal__accent { height: 4px; background: #7C3AED; flex-shrink: 0; }
-.myio-genmodal__header {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-  padding: 16px 20px;
-  border-bottom: 1px solid #eef0f3;
-  flex-shrink: 0;
-}
-.myio-genmodal__icon { font-size: 22px; line-height: 1.3; }
-.myio-genmodal__title {
-  flex: 1;
-  margin: 0;
-  font-size: 18px;
-  font-weight: 700;
-  line-height: 1.35;
-}
-.myio-genmodal__close {
-  border: none;
-  background: transparent;
-  color: #9ca3af;
-  font-size: 18px;
-  line-height: 1;
-  padding: 2px 6px;
-  margin: -2px -8px 0 0;
-  border-radius: 6px;
-  cursor: pointer;
-}
-.myio-genmodal__close:hover { background: rgba(0, 0, 0, 0.06); color: #4b5563; }
-.myio-genmodal__body {
-  padding: 18px 20px;
-  font-size: 15px;
-  line-height: 1.6;
-  color: #374151;
-  overflow-y: auto;
-}
-/* Sensible defaults for arbitrary body HTML */
-.myio-genmodal__body img { max-width: 100%; height: auto; border-radius: 8px; }
-.myio-genmodal__body hr { border: none; border-top: 1px solid #e5e7eb; margin: 16px 0; }
-.myio-genmodal__body h1, .myio-genmodal__body h2, .myio-genmodal__body h3, .myio-genmodal__body h4 {
-  margin: 0 0 8px; line-height: 1.3; color: #1f2937;
-}
-.myio-genmodal__body p { margin: 0 0 10px; }
-.myio-genmodal__body ul, .myio-genmodal__body ol { margin: 0 0 10px; padding-left: 22px; }
-.myio-genmodal__body table { border-collapse: collapse; width: 100%; }
-.myio-genmodal__body th, .myio-genmodal__body td {
-  border: 1px solid #e5e7eb; padding: 6px 10px; text-align: left; font-size: 14px;
-}
-.myio-genmodal__body a { color: #7C3AED; }
-.myio-genmodal__footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-  padding: 14px 20px;
-  border-top: 1px solid #eef0f3;
-  flex-shrink: 0;
-}
-.myio-genmodal__btn {
-  font-family: inherit;
-  font-size: 13px;
-  font-weight: 600;
-  padding: 8px 16px;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  cursor: pointer;
-  transition: filter 0.15s ease, background 0.15s ease;
-}
-.myio-genmodal__btn:hover { filter: brightness(0.94); }
-.myio-genmodal__btn:focus-visible { outline: 2px solid #7C3AED; outline-offset: 2px; }
-.myio-genmodal__btn--primary { background: #7C3AED; color: #ffffff; }
-.myio-genmodal__btn--secondary { background: #ffffff; color: #374151; border-color: #d1d5db; }
-.myio-genmodal__btn--danger { background: #dc2626; color: #ffffff; }
-.myio-genmodal__btn--success { background: #16a34a; color: #ffffff; }
-
-/* \u2500\u2500 Dark theme \u2500\u2500 */
-.myio-genmodal-overlay--dark .myio-genmodal { background: #1f2937; color: #f3f4f6; }
-.myio-genmodal-overlay--dark .myio-genmodal__header,
-.myio-genmodal-overlay--dark .myio-genmodal__footer { border-color: #374151; }
-.myio-genmodal-overlay--dark .myio-genmodal__title { color: #f3f4f6; }
-.myio-genmodal-overlay--dark .myio-genmodal__body { color: #d1d5db; }
-.myio-genmodal-overlay--dark .myio-genmodal__body h1,
-.myio-genmodal-overlay--dark .myio-genmodal__body h2,
-.myio-genmodal-overlay--dark .myio-genmodal__body h3,
-.myio-genmodal-overlay--dark .myio-genmodal__body h4 { color: #f3f4f6; }
-.myio-genmodal-overlay--dark .myio-genmodal__body hr { border-color: #374151; }
-.myio-genmodal-overlay--dark .myio-genmodal__body th,
-.myio-genmodal-overlay--dark .myio-genmodal__body td { border-color: #374151; }
-.myio-genmodal-overlay--dark .myio-genmodal__close { color: #9ca3af; }
-.myio-genmodal-overlay--dark .myio-genmodal__close:hover { background: rgba(255,255,255,0.08); color: #e5e7eb; }
-.myio-genmodal-overlay--dark .myio-genmodal__btn--secondary { background: #1f2937; color: #e5e7eb; border-color: #4b5563; }
-`;
-  document.head.appendChild(style);
-}
-var FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function openGenericModal(params) {
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    throw new Error("[openGenericModal] requires a browser environment");
-  }
-  if (typeof params.bodyHtml !== "string") {
-    throw new Error("[openGenericModal] params.bodyHtml must be a string");
-  }
-  injectGenericModalStyles();
-  const dismissible = params.dismissible ?? true;
-  const theme = params.theme ?? "light";
-  const buttons = params.buttons ?? [];
-  const idBase = `myio-genmodal-${++openCount2}`;
-  const overlay = document.createElement("div");
-  overlay.className = `myio-genmodal-overlay${theme === "dark" ? " myio-genmodal-overlay--dark" : ""}`;
-  overlay.style.zIndex = String(BASE_Z_INDEX2 + openCount2);
-  const buttonsHtml = buttons.map((btn, i) => {
-    const variant = btn.variant ?? "secondary";
-    return `<button type="button" class="myio-genmodal__btn myio-genmodal__btn--${variant}" data-index="${i}">${escapeHtml10(btn.label)}</button>`;
-  }).join("");
-  overlay.innerHTML = `
-    <div class="myio-genmodal${params.className ? ` ${escapeHtml10(params.className)}` : ""}"
-         role="dialog" aria-modal="true"
-         aria-labelledby="${idBase}-title"
-         style="width:${cssSize(params.width, "560px")}">
-      <div class="myio-genmodal__accent"></div>
-      <div class="myio-genmodal__header">
-        ${params.icon ? `<span class="myio-genmodal__icon" aria-hidden="true">${params.icon}</span>` : ""}
-        <h3 class="myio-genmodal__title" id="${idBase}-title">${escapeHtml10(params.title)}</h3>
-        ${dismissible ? `<button type="button" class="myio-genmodal__close" aria-label="Fechar">\u2715</button>` : ""}
-      </div>
-      <div class="myio-genmodal__body" id="${idBase}-body" style="max-height:${cssSize(params.bodyMaxHeight, "70vh")}"></div>
-      ${buttons.length ? `<div class="myio-genmodal__footer">${buttonsHtml}</div>` : ""}
-    </div>
-  `;
-  const root = overlay.querySelector(".myio-genmodal");
-  const bodyEl = root.querySelector(".myio-genmodal__body");
-  const titleEl = root.querySelector(".myio-genmodal__title");
-  bodyEl.innerHTML = params.bodyHtml;
-  const previousFocus = document.activeElement;
-  const target = params.container ?? document.body;
-  target.appendChild(overlay);
-  let closed = false;
-  const close = () => {
-    if (closed) return;
-    closed = true;
-    document.removeEventListener("keydown", onKeydown, true);
-    overlay.remove();
-    if (previousFocus && previousFocus.isConnected) previousFocus.focus();
-    if (params.onClose) params.onClose();
-  };
-  const onKeydown = (e) => {
-    if (!overlay.isConnected) return;
-    if (e.key === "Escape" && dismissible) {
-      e.stopPropagation();
-      close();
-      return;
-    }
-    if (e.key === "Tab") {
-      const focusables = Array.from(root.querySelectorAll(FOCUSABLE));
-      if (focusables.length === 0) {
-        e.preventDefault();
-        return;
-      }
-      const first = focusables[0];
-      const last = focusables[focusables.length - 1];
-      const active = document.activeElement;
-      if (!root.contains(active)) {
-        e.preventDefault();
-        first.focus();
-      } else if (e.shiftKey && active === first) {
-        e.preventDefault();
-        last.focus();
-      } else if (!e.shiftKey && active === last) {
-        e.preventDefault();
-        first.focus();
-      }
-    }
-  };
-  root.querySelectorAll(".myio-genmodal__btn").forEach((el2) => {
-    el2.addEventListener("click", () => {
-      const btn = buttons[Number(el2.dataset.index)];
-      if (!btn) return;
-      if (params.onButton) params.onButton(btn.value);
-      if (btn.closeOnClick !== false) close();
-    });
-  });
-  if (dismissible) {
-    overlay.querySelector(".myio-genmodal__close")?.addEventListener("click", () => close());
-    overlay.addEventListener("click", (e) => {
-      if (e.target === overlay) close();
-    });
-  }
-  document.addEventListener("keydown", onKeydown, true);
-  const autoFocusIdx = buttons.findIndex((b) => b.autoFocus);
-  const footerEls = Array.from(root.querySelectorAll(".myio-genmodal__btn"));
-  const initialFocus = (autoFocusIdx >= 0 ? footerEls[autoFocusIdx] : void 0) ?? footerEls[footerEls.length - 1] ?? root.querySelector(`.myio-genmodal__body ${FOCUSABLE}`) ?? overlay.querySelector(".myio-genmodal__close") ?? root;
-  initialFocus.focus?.();
-  return {
-    close,
-    setBodyHtml: (html) => {
-      bodyEl.innerHTML = html;
-    },
-    setTitle: (title) => {
-      titleEl.textContent = title;
-    },
-    getBodyEl: () => bodyEl,
-    getRoot: () => root
-  };
-}
-
 // src/components/myio-gcdr-login/dom.ts
 function h2(doc, tag, attrs = {}, ...children) {
   const el2 = doc.createElement(tag);
@@ -131497,7 +133554,7 @@ var HeaderShoppingView = class {
       tip.id = "tbx-global-tooltip";
       document.body.appendChild(tip);
     }
-    const pad = 10;
+    const pad3 = 10;
     const position = (ev) => {
       if (!tip) return;
       tip.textContent = text2;
@@ -131505,8 +133562,8 @@ var HeaderShoppingView = class {
       let y = ev.clientY - 36;
       const vw = window.innerWidth;
       const rect = tip.getBoundingClientRect();
-      if (x + rect.width + pad > vw) x = vw - rect.width - pad;
-      if (y < pad) y = ev.clientY + 18;
+      if (x + rect.width + pad3 > vw) x = vw - rect.width - pad3;
+      if (y < pad3) y = ev.clientY + 18;
       tip.style.left = x + "px";
       tip.style.top = y + "px";
     };
@@ -144651,10 +146708,10 @@ var AlarmsNotificationsPanelView = class {
     const renderListPanel = (group, items, sel) => {
       if (items.length === 0) return '<div class="afm-empty">Nenhum item encontrado</div>';
       return items.map((item) => {
-        const esc8 = this.esc(item);
+        const esc9 = this.esc(item);
         return `<label class="afm-check-item">
-          <input type="checkbox" class="afm-checkbox" data-group="${group}" data-value="${esc8}"${sel.has(item) ? " checked" : ""}>
-          <span class="afm-check-label">${esc8}</span>
+          <input type="checkbox" class="afm-checkbox" data-group="${group}" data-value="${esc9}"${sel.has(item) ? " checked" : ""}>
+          <span class="afm-check-label">${esc9}</span>
         </label>`;
       }).join("");
     };
@@ -157532,7 +159589,7 @@ function exportTimelineToPDF(data, labels = {}, locale = "pt-BR", opts = {}) {
   const docTitle = buildActivationReportTitle(deviceName, opts.customerName);
   const issuedAt = formatIssuedAt(/* @__PURE__ */ new Date(), locale);
   const utilization = data.totalHours > 0 ? (data.totalOnMinutes / (data.totalHours * 60) * 100).toFixed(1) : "0.0";
-  const esc8 = (s) => String(s).replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
+  const esc9 = (s) => String(s).replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
   const htmlContent = `
     <!DOCTYPE html>
     <html lang="pt-BR">
@@ -157584,14 +159641,14 @@ function exportTimelineToPDF(data, labels = {}, locale = "pt-BR", opts = {}) {
           <div class="brand">MyIO BAS</div>
           <h1>Relat\xF3rio de Acionamentos</h1>
           <div class="meta">
-            <div><b>Dispositivo:</b> ${esc8(deviceName)}</div>
+            <div><b>Dispositivo:</b> ${esc9(deviceName)}</div>
             <div><b>Per\xEDodo:</b> ${periodStart} \u2014 ${periodEnd}</div>
           </div>
         </div>
         ${customerName ? `
         <div class="customer-badge">
           <div class="label">Cliente</div>
-          <div class="value">${esc8(customerName)}</div>
+          <div class="value">${esc9(customerName)}</div>
         </div>` : ""}
       </div>
 
@@ -157602,7 +159659,7 @@ function exportTimelineToPDF(data, labels = {}, locale = "pt-BR", opts = {}) {
         </div>
         <div class="summary-card accent-green">
           <div class="summary-value">${formatDurationMinutes(data.totalOnMinutes)}</div>
-          <div class="summary-label">Tempo ${esc8(labelOn)}</div>
+          <div class="summary-label">Tempo ${esc9(labelOn)}</div>
         </div>
         <div class="summary-card accent-amber">
           <div class="summary-value">${utilization}%</div>
@@ -157630,7 +159687,7 @@ function exportTimelineToPDF(data, labels = {}, locale = "pt-BR", opts = {}) {
             <tr>
               <td>${formatDateForExport(seg.startTime, locale)}</td>
               <td>${formatDateForExport(seg.endTime, locale)}</td>
-              <td><span class="pill ${seg.state === "on" ? "pill-on" : "pill-off"}">${seg.state === "on" ? esc8(labelOn) : esc8(labelOff)}</span></td>
+              <td><span class="pill ${seg.state === "on" ? "pill-on" : "pill-off"}">${seg.state === "on" ? esc9(labelOn) : esc9(labelOff)}</span></td>
               <td>${formatDurationMinutes(seg.durationMinutes)}</td>
               <td>${seg.source === "manual" ? "Manual" : seg.source === "schedule" ? "Agendamento" : seg.source === "automation" ? "Automa\xE7\xE3o" : "Desconhecido"}</td>
             </tr>
@@ -157639,7 +159696,7 @@ function exportTimelineToPDF(data, labels = {}, locale = "pt-BR", opts = {}) {
       </table>
 
       <div class="footer">
-        <span class="issued">Emitido em ${issuedAt}</span>${customerName ? ` &middot; ${esc8(customerName)}` : ""} &middot; <span class="brand">MyIO BAS</span>
+        <span class="issued">Emitido em ${issuedAt}</span>${customerName ? ` &middot; ${esc9(customerName)}` : ""} &middot; <span class="brand">MyIO BAS</span>
       </div>
     </body>
     </html>
@@ -165667,9 +167724,9 @@ async function drawTag(doc, x, y, w, h3, device, gateway, allDevices) {
   doc.setDrawColor(235);
   doc.setLineWidth(0.15);
   doc.rect(x, frameY, w, frameH);
-  const pad = Math.max(2, h3 * 0.05);
-  const innerX = x + pad;
-  const innerW = w - pad * 2;
+  const pad3 = Math.max(2, h3 * 0.05);
+  const innerX = x + pad3;
+  const innerW = w - pad3 * 2;
   const titleAreaH = h3 * 0.15;
   const qrAreaTop = y + titleAreaH;
   const qrAreaH = h3 - titleAreaH - 12;
@@ -172708,6 +174765,7 @@ var version = package_default.version || "0.0.0";
   createFreshdeskTicket,
   createGcdrAnnotationsAuthStrategy,
   createGcdrAnnotationsClient,
+  createGcdrReportJobsApi,
   createGoalsBarTooltip,
   createGoalsMoneyClient,
   createGranularitySelector,
@@ -172740,6 +174798,7 @@ var version = package_default.version || "0.0.0";
   createPdfButton,
   createPremiumModalChrome,
   createPresetupGateway,
+  createProfileClassifier,
   createRealTimeClock,
   createReportMoneyColumn,
   createScheduleCard,
@@ -172753,6 +174812,7 @@ var version = package_default.version || "0.0.0";
   createSwitchControl,
   createTariffApiAdapter,
   createTariffApiClient,
+  createTbEnvelopeStore,
   createTelemetryGridComponent,
   createTelemetryGridShoppingComponent,
   createTelemetryInfoShoppingComponent,
@@ -172769,6 +174829,8 @@ var version = package_default.version || "0.0.0";
   decodePayload,
   decodePayloadBase64Xor,
   deleteFreshdeskTicket,
+  demandDevicesFromItems,
+  demandReport,
   deriveCentralConnectivity,
   detectContext,
   detectDeviceType,
@@ -173023,6 +175085,7 @@ var version = package_default.version || "0.0.0";
   openDashboardPopupSettings,
   openDashboardPopupWaterTank,
   openDemandModal,
+  openDemandPanelV2,
   openDeviceCategoryPanel,
   openDeviceProfileModal,
   openGCDRSyncModal,
@@ -173132,6 +175195,7 @@ var version = package_default.version || "0.0.0";
   summaryDeviceToTotalsRow,
   summaryLastReadingTs,
   summaryLookbackFromIso,
+  tbUserFromJwt,
   telemetryInfoFormatEnergy,
   telemetryInfoFormatPercentage,
   telemetryInfoFormatWater,