@kaikybrofc/omnizap-system 2.3.0 → 2.3.1

package/README.md

@@ -51,31 +51,29 @@ Conteúdo incluído no snapshot:
 Atualização em cache: **30 minutos** por padrão (`README_SUMMARY_CACHE_SECONDS=1800`).
 
 <!-- README_SNAPSHOT:START -->
-
 ### Snapshot do Sistema
 
-> Atualizado em `2026-02-28T21:19:25.225Z` | cache `1800s`
+> Atualizado em `2026-02-28T21:56:21.021Z` | cache `1800s`
 
-| Métrica               |   Valor |
-| --------------------- | ------: |
-| Usuários (lid_map)    |   5.515 |
-| Grupos                |     116 |
-| Packs                 |     301 |
-| Stickers              |   7.169 |
-| Mensagens registradas | 444.374 |
+| Métrica | Valor |
+| --- | ---: |
+| Usuários (lid_map) | 5.515 |
+| Grupos | 116 |
+| Packs | 301 |
+| Stickers | 7.170 |
+| Mensagens registradas | 444.453 |
 
 #### Tipos de mensagem mais usados (amostra: 25.000)
-
-| Tipo        |  Total |
-| ----------- | -----: |
-| `texto`     | 16.084 |
-| `figurinha` |  4.777 |
-| `reacao`    |  1.546 |
-| `imagem`    |  1.339 |
-| `outros`    |    849 |
-| `video`     |    215 |
-| `audio`     |    184 |
-| `documento` |      6 |
+| Tipo | Total |
+| --- | ---: |
+| `texto` | 16.074 |
+| `figurinha` | 4.780 |
+| `reacao` | 1.546 |
+| `imagem` | 1.339 |
+| `outros` | 850 |
+| `video` | 215 |
+| `audio` | 190 |
+| `documento` | 6 |
 
 <details><summary>Comandos disponíveis (62)</summary>
 

package/app/modules/stickerPackModule/stickerDomainEventConsumerRuntime.js

@@ -19,6 +19,9 @@ const CONSUMER_ENABLED = parseEnvBool(process.env.STICKER_DOMAIN_EVENT_CONSUMER_
 const STARTUP_DELAY_MS = Math.max(1_000, Number(process.env.STICKER_DOMAIN_EVENT_CONSUMER_STARTUP_DELAY_MS) || 8_000);
 const POLLER_INTERVAL_MS = Math.max(1_000, Number(process.env.STICKER_DOMAIN_EVENT_CONSUMER_POLLER_INTERVAL_MS) || 2_000);
 const RETRY_DELAY_SECONDS = Math.max(5, Math.min(3600, Number(process.env.STICKER_DOMAIN_EVENT_CONSUMER_RETRY_DELAY_SECONDS) || 45));
+const CLASSIFICATION_COALESCE_WINDOW_SECONDS = Math.max(30, Math.min(3600, Number(process.env.STICKER_DOMAIN_EVENT_CLASSIFICATION_COALESCE_WINDOW_SECONDS) || 60));
+const CURATION_COALESCE_WINDOW_SECONDS = Math.max(30, Math.min(3600, Number(process.env.STICKER_DOMAIN_EVENT_CURATION_COALESCE_WINDOW_SECONDS) || 60));
+const REBUILD_COALESCE_WINDOW_SECONDS = Math.max(30, Math.min(3600, Number(process.env.STICKER_DOMAIN_EVENT_REBUILD_COALESCE_WINDOW_SECONDS) || 120));
 const CONSUMER_COHORT_KEY = String(process.env.STICKER_DOMAIN_EVENT_CONSUMER_COHORT_KEY || process.env.HOSTNAME || process.pid).trim() || 'consumer';
 
 let startupHandle = null;
@@ -47,6 +50,18 @@ const enqueueTaskSafely = async ({ taskType, payload, priority, idempotencyKey }
   });
 };
 
+const toUnixSeconds = (value) => {
+  if (!value) return Math.floor(Date.now() / 1000);
+  const numeric = Date.parse(value);
+  if (!Number.isFinite(numeric)) return Math.floor(Date.now() / 1000);
+  return Math.floor(numeric / 1000);
+};
+
+const toWindowBucket = (value, windowSeconds) => {
+  const safeWindow = Math.max(1, Math.floor(windowSeconds || 1));
+  return Math.floor(toUnixSeconds(value) / safeWindow);
+};
+
 const handleDomainEvent = async (event) => {
   const eventType = String(event?.event_type || '')
     .trim()
@@ -55,16 +70,18 @@ const handleDomainEvent = async (event) => {
   const payload = event?.payload && typeof event.payload === 'object' ? event.payload : {};
 
   if (eventType === STICKER_DOMAIN_EVENTS.STICKER_ASSET_CREATED) {
+    const coalesceBucket = toWindowBucket(event?.created_at, CLASSIFICATION_COALESCE_WINDOW_SECONDS);
     await enqueueTaskSafely({
       taskType: 'classification_cycle',
-      payload: { reason: 'domain_event', event_type: eventType, aggregate_id: aggregateId },
+      payload: { reason: 'domain_event', event_type: eventType, aggregate_id: aggregateId, coalesced: true },
       priority: 80,
-      idempotencyKey: `evt:${event.id}:classification_cycle`,
+      idempotencyKey: `evt:${eventType}:${coalesceBucket}:classification_cycle`,
     });
     return;
   }
 
   if (eventType === STICKER_DOMAIN_EVENTS.STICKER_CLASSIFIED) {
+    const coalesceBucket = toWindowBucket(event?.created_at, CURATION_COALESCE_WINDOW_SECONDS);
     const assetId = String(payload?.asset_id || aggregateId || '').trim();
     const relatedPackIds = assetId ? await listPackIdsByStickerId(assetId).catch(() => []) : [];
     if (relatedPackIds.length) {
@@ -77,23 +94,28 @@ const handleDomainEvent = async (event) => {
         event_type: eventType,
         aggregate_id: aggregateId,
         related_pack_ids: relatedPackIds,
+        coalesced: true,
       },
       priority: 65,
-      idempotencyKey: `evt:${event.id}:curation_cycle`,
+      idempotencyKey: `evt:${eventType}:${coalesceBucket}:curation_cycle`,
     });
     return;
   }
 
   if (eventType === STICKER_DOMAIN_EVENTS.PACK_UPDATED) {
+    const coalesceBucket = toWindowBucket(event?.created_at, REBUILD_COALESCE_WINDOW_SECONDS);
     const packId = String(payload?.pack_id || aggregateId || '').trim();
     if (packId) {
       enqueuePackScoreSnapshotRefresh([packId]);
     }
+    const rebuildIdempotency = packId
+      ? `evt:${eventType}:${packId}:${coalesceBucket}:rebuild_cycle`
+      : `evt:${eventType}:${coalesceBucket}:rebuild_cycle`;
     await enqueueTaskSafely({
       taskType: 'rebuild_cycle',
-      payload: { reason: 'domain_event', event_type: eventType, aggregate_id: aggregateId, pack_id: packId || null },
+      payload: { reason: 'domain_event', event_type: eventType, aggregate_id: aggregateId, pack_id: packId || null, coalesced: true },
       priority: 60,
-      idempotencyKey: `evt:${event.id}:rebuild_cycle`,
+      idempotencyKey: rebuildIdempotency,
     });
     return;
   }

package/database/index.js

@@ -104,6 +104,7 @@ export const TABLES = {
   SEMANTIC_THEME_SUGGESTION_CACHE: 'semantic_theme_suggestion_cache',
   STICKER_PACK_ENGAGEMENT: 'sticker_pack_engagement',
   STICKER_PACK_INTERACTION_EVENT: 'sticker_pack_interaction_event',
+  WEB_VISIT_EVENT: 'web_visit_event',
   STICKER_PACK_SCORE_SNAPSHOT: 'sticker_pack_score_snapshot',
   STICKER_ASSET_REPROCESS_QUEUE: 'sticker_asset_reprocess_queue',
   STICKER_WORKER_TASK_QUEUE: 'sticker_worker_task_queue',

package/database/migrations/20260228_0027_web_visit_event.sql

@@ -0,0 +1,15 @@
+CREATE TABLE IF NOT EXISTS web_visit_event (
+  id BIGINT UNSIGNED PRIMARY KEY AUTO_INCREMENT,
+  visitor_key VARCHAR(80) NOT NULL,
+  session_key VARCHAR(80) NOT NULL,
+  page_path VARCHAR(255) NOT NULL,
+  referrer VARCHAR(1024) NULL,
+  user_agent VARCHAR(512) NULL,
+  source VARCHAR(32) NOT NULL DEFAULT 'web',
+  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+  INDEX idx_web_visit_created_at (created_at),
+  INDEX idx_web_visit_page_created (page_path, created_at),
+  INDEX idx_web_visit_visitor_created (visitor_key, created_at),
+  INDEX idx_web_visit_session_created (session_key, created_at),
+  INDEX idx_web_visit_source_created (source, created_at)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaikybrofc/omnizap-system",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "Sistema profissional de automação WhatsApp com tecnologia Baileys",
   "main": "index.js",
   "publishConfig": {

package/public/index.html

@@ -184,6 +184,32 @@
         cursor: pointer;
       }
 
+      .nav-toggle.nav-toggle-user {
+        padding: 0;
+        border-color: #3f5f8f;
+        background: linear-gradient(120deg, #132544d6, #10203ad6);
+        box-shadow: 0 0 0 2px #1a2e4b;
+        overflow: hidden;
+      }
+
+      .nav-toggle.nav-toggle-login {
+        width: auto;
+        min-width: 92px;
+        padding: 0 14px;
+        border-color: #38598b;
+        background: linear-gradient(120deg, #132544d6, #10203ad6);
+        box-shadow: 0 0 0 2px #1a2e4b;
+        font-size: 14px;
+        font-weight: 700;
+      }
+
+      .nav-toggle-photo {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        display: block;
+      }
+
       .btn {
         text-decoration: none;
         color: var(--text);
@@ -672,26 +698,25 @@
         background: #101a2f;
       }
 
-      .nav-user-chip {
-        display: inline-flex;
-        align-items: center;
-        gap: 8px;
-        padding: 6px 10px 6px 6px;
-        max-width: 270px;
+      .btn.nav-user-chip {
+        width: 40px;
+        height: 40px;
+        padding: 0;
+        border-radius: 999px;
         border-color: #3f5f8f;
         background: linear-gradient(120deg, #132544d6, #10203ad6);
+        box-shadow: 0 0 0 2px #1a2e4b;
+        justify-content: center;
+        overflow: hidden;
       }
 
       .nav-user-avatar-bubble {
         display: inline-flex;
-        width: 30px;
-        height: 30px;
+        width: 100%;
+        height: 100%;
         border-radius: 999px;
-        border: 1px solid #4a6fa4;
+        border: 0;
         background: #132340;
-        box-shadow:
-          0 0 0 2px #1a2e4b,
-          0 0 16px #6aaaf236;
         overflow: hidden;
         flex: 0 0 auto;
       }
@@ -703,32 +728,6 @@
         display: block;
       }
 
-      .nav-user-name-bubble {
-        display: inline-flex;
-        align-items: center;
-        gap: 6px;
-        min-width: 0;
-        padding: 4px 8px;
-        border-radius: 999px;
-        border: 1px solid #34547f;
-        background: #12213ac9;
-      }
-
-      .nav-user-icon {
-        font-size: 12px;
-        color: #9bc6f5;
-        flex: 0 0 auto;
-      }
-
-      .nav-user-name {
-        font-size: 12px;
-        font-weight: 700;
-        color: #dbe8fb;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-
       .wpp-float {
         position: fixed;
         right: 16px;
@@ -805,6 +804,10 @@
         .btn {
           width: 100%;
         }
+
+        .btn.nav-mobile-hidden {
+          display: none;
+        }
         .proof-grid {
           grid-template-columns: 1fr;
         }
@@ -817,9 +820,6 @@
         <path d="M3 4.5A2.5 2.5 0 0 1 5.5 2h8A2.5 2.5 0 0 1 16 4.5V8a1 1 0 1 1-2 0V4.5a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5V16a1 1 0 1 1 2 0v3.5a2.5 2.5 0 0 1-2.5 2.5h-8A2.5 2.5 0 0 1 3 19.5z" />
         <path d="M19.293 8.293a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414-1.414L20.586 13H9a1 1 0 1 1 0-2h11.586l-1.293-1.293a1 1 0 0 1 0-1.414z" />
       </symbol>
-      <symbol id="icon-user" viewBox="0 0 24 24">
-        <path d="M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zM4 20a8 8 0 1 1 16 0z" />
-      </symbol>
       <symbol id="icon-sparkles" viewBox="0 0 24 24">
         <path d="m11.35 2.23 1.3.01 1.58 4.23 4.24 1.59v1.29l-4.24 1.59-1.58 4.23h-1.3l-1.58-4.23-4.24-1.59V8.06l4.24-1.59zM18.17 10l.83 2.03L21 12.86l-2 .83-.83 2.03-.83-2.03-2-.83 2-.83zM5 13.2l1.02 2.43 2.42 1.03-2.42 1.03L5 20.12l-1.02-2.43-2.42-1.03 2.42-1.03z" />
       </symbol>
@@ -875,11 +875,6 @@
                 ><svg viewBox="0 0 24 24"><use href="#icon-sparkles"></use></svg></span
               >Ver Recursos</a
             >
-            <a id="hero-login-cta" class="btn" href="/login/"
-              ><span class="icon" aria-hidden="true"
-                ><svg viewBox="0 0 24 24"><use href="#icon-user"></use></svg></span
-              >Entrar</a
-            >
           </div>
 
           <div class="proof-grid" aria-label="Prova social">
@@ -1114,11 +1109,6 @@
               ><svg viewBox="0 0 24 24"><use href="#icon-whatsapp"></use></svg></span
             >Adicionar Bot Agora</a
           >
-          <a id="final-login-cta" class="btn" href="/login/"
-            ><span class="icon" aria-hidden="true"
-              ><svg viewBox="0 0 24 24"><use href="#icon-user"></use></svg></span
-            >Entrar</a
-          >
         </div>
       </section>
     </main>
@@ -1142,6 +1132,6 @@
         ><svg viewBox="0 0 24 24"><use href="#icon-whatsapp"></use></svg></span
     ></a>
 
-    <script type="module" src="/js/apps/homeApp.js?v=20260228-home-bootstrap-v4"></script>
+    <script type="module" src="/js/apps/homeApp.js?v=20260228-home-bootstrap-v10"></script>
   </body>
 </html>

package/public/js/apps/homeApp.js

@@ -137,7 +137,21 @@ const initNavToggle = () => {
     toggle.setAttribute('aria-expanded', 'false');
   };
 
-  const onClick = () => {
+  const onClick = (event) => {
+    if (toggle.classList.contains('nav-toggle-login')) {
+      if (event) event.preventDefault();
+      closeMenu();
+      const loginUrl = String(toggle.dataset.loginUrl || '/login/').trim() || '/login/';
+      window.location.assign(loginUrl);
+      return;
+    }
+    if (toggle.classList.contains('nav-toggle-user')) {
+      if (event) event.preventDefault();
+      closeMenu();
+      const profileUrl = String(toggle.dataset.profileUrl || '/user/').trim() || '/user/';
+      window.location.assign(profileUrl);
+      return;
+    }
     const isOpen = nav.classList.toggle('open');
     toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
   };
@@ -163,16 +177,138 @@ const initNavToggle = () => {
 
 const initAuthSession = () => {
   const authLink = document.getElementById('nav-auth-link');
-  const heroLoginCta = document.getElementById('hero-login-cta');
-  const finalLoginCta = document.getElementById('final-login-cta');
+  const schedulerLink = document.getElementById('nav-scheduler-link');
+  const navToggle = document.getElementById('nav-toggle');
   if (!authLink) return null;
 
+  const mobileQuery = typeof window.matchMedia === 'function' ? window.matchMedia('(max-width: 920px)') : null;
+  let currentSessionData = null;
+  let isAuthenticated = false;
+  const isMobileViewport = () => {
+    const byMedia = Boolean(mobileQuery?.matches);
+    const viewportWidth = Math.max(Number(window.innerWidth || 0), Number(document.documentElement?.clientWidth || 0));
+    return byMedia || (viewportWidth > 0 && viewportWidth <= 920);
+  };
+  const schedulerDefaultHref = String(schedulerLink?.getAttribute('href') || '#beneficios').trim() || '#beneficios';
+  const schedulerDefaultLabel = String(schedulerLink?.textContent || 'Benefícios').trim() || 'Benefícios';
+  const navToggleDefaultLabel = String(navToggle?.textContent || '☰').trim() || '☰';
+
   const clearChildren = (node) => {
     while (node.firstChild) node.removeChild(node.firstChild);
   };
 
+  const setSchedulerDefaultState = () => {
+    if (!schedulerLink) return;
+    schedulerLink.classList.remove('nav-user-chip');
+    schedulerLink.href = schedulerDefaultHref;
+    schedulerLink.removeAttribute('title');
+    schedulerLink.removeAttribute('aria-label');
+    clearChildren(schedulerLink);
+    schedulerLink.append(document.createTextNode(schedulerDefaultLabel));
+  };
+
+  const setToggleDefaultState = () => {
+    if (!navToggle) return;
+    navToggle.classList.remove('nav-toggle-user', 'nav-toggle-login');
+    delete navToggle.dataset.profileUrl;
+    delete navToggle.dataset.loginUrl;
+    navToggle.setAttribute('aria-label', 'Abrir menu');
+    navToggle.setAttribute('aria-controls', 'main-nav');
+    navToggle.setAttribute('aria-expanded', 'false');
+    clearChildren(navToggle);
+    navToggle.append(document.createTextNode(navToggleDefaultLabel));
+  };
+
+  const setToggleLoginState = () => {
+    if (!navToggle) return;
+    navToggle.classList.remove('nav-toggle-user');
+    navToggle.classList.add('nav-toggle-login');
+    delete navToggle.dataset.profileUrl;
+    navToggle.dataset.loginUrl = '/login/';
+    navToggle.setAttribute('aria-label', 'Entrar');
+    navToggle.removeAttribute('aria-controls');
+    navToggle.removeAttribute('aria-expanded');
+    clearChildren(navToggle);
+    navToggle.append(document.createTextNode('Entrar'));
+  };
+
+  const setSchedulerAsUserBubble = (sessionData) => {
+    if (!schedulerLink) return;
+
+    const profile = sessionData?.user || {};
+    const resolvedName = String(profile?.name || profile?.email || 'Conta Google').trim() || 'Conta Google';
+    const resolvedPhoto = String(profile?.picture || '').trim() || FALLBACK_THUMB_URL;
+
+    schedulerLink.classList.add('nav-user-chip');
+    schedulerLink.href = '/user/';
+    schedulerLink.title = `${resolvedName} (sessão ativa)`;
+    schedulerLink.setAttribute('aria-label', `Sessão ativa de ${resolvedName}`);
+    clearChildren(schedulerLink);
+
+    const avatarBubble = document.createElement('span');
+    avatarBubble.className = 'nav-user-avatar-bubble';
+
+    const photo = document.createElement('img');
+    photo.className = 'nav-user-photo';
+    photo.src = resolvedPhoto;
+    photo.alt = `Foto de ${resolvedName}`;
+    photo.loading = 'lazy';
+    photo.decoding = 'async';
+    photo.width = 34;
+    photo.height = 34;
+    photo.onerror = () => {
+      photo.src = FALLBACK_THUMB_URL;
+    };
+    avatarBubble.appendChild(photo);
+    schedulerLink.append(avatarBubble);
+  };
+
+  const setToggleAsUserBubble = (sessionData) => {
+    if (!navToggle) return;
+
+    const profile = sessionData?.user || {};
+    const resolvedName = String(profile?.name || profile?.email || 'Conta Google').trim() || 'Conta Google';
+    const resolvedPhoto = String(profile?.picture || '').trim() || FALLBACK_THUMB_URL;
+
+    navToggle.classList.remove('nav-toggle-login');
+    navToggle.classList.add('nav-toggle-user');
+    navToggle.dataset.profileUrl = '/user/';
+    delete navToggle.dataset.loginUrl;
+    navToggle.setAttribute('aria-label', `Abrir perfil de ${resolvedName}`);
+    navToggle.removeAttribute('aria-controls');
+    navToggle.removeAttribute('aria-expanded');
+    clearChildren(navToggle);
+
+    const photo = document.createElement('img');
+    photo.className = 'nav-toggle-photo';
+    photo.src = resolvedPhoto;
+    photo.alt = `Foto de ${resolvedName}`;
+    photo.loading = 'lazy';
+    photo.decoding = 'async';
+    photo.width = 40;
+    photo.height = 40;
+    photo.onerror = () => {
+      photo.src = FALLBACK_THUMB_URL;
+    };
+    navToggle.append(photo);
+  };
+
+  const applyLoggedOutLayout = () => {
+    setSchedulerDefaultState();
+    if (isMobileViewport()) {
+      authLink.classList.add('nav-mobile-hidden');
+      setToggleLoginState();
+      return;
+    }
+    authLink.classList.remove('nav-mobile-hidden');
+    setToggleDefaultState();
+  };
+
   const setLoginState = () => {
+    currentSessionData = null;
+    isAuthenticated = false;
     authLink.classList.remove('nav-user-chip');
+    authLink.classList.remove('nav-mobile-hidden');
     authLink.href = '/login/';
     authLink.removeAttribute('title');
     authLink.removeAttribute('aria-label');
@@ -181,18 +317,13 @@ const initAuthSession = () => {
     const icon = createIcon('icon-login');
 
     authLink.append(icon, document.createTextNode('Entrar'));
-
-    if (heroLoginCta) {
-      heroLoginCta.hidden = false;
-      heroLoginCta.removeAttribute('aria-hidden');
-    }
-    if (finalLoginCta) {
-      finalLoginCta.hidden = false;
-      finalLoginCta.removeAttribute('aria-hidden');
-    }
+    applyLoggedOutLayout();
   };
 
-  const setLoggedState = (sessionData) => {
+  const applyLoggedLayout = () => {
+    if (!currentSessionData) return;
+
+    const sessionData = currentSessionData;
     const profile = sessionData?.user || {};
     const resolvedName = String(profile?.name || profile?.email || 'Conta Google').trim() || 'Conta Google';
     const resolvedPhoto = String(profile?.picture || '').trim() || FALLBACK_THUMB_URL;
@@ -218,30 +349,42 @@ const initAuthSession = () => {
       photo.src = FALLBACK_THUMB_URL;
     };
     avatarBubble.appendChild(photo);
+    authLink.append(avatarBubble);
 
-    const nameBubble = document.createElement('span');
-    nameBubble.className = 'nav-user-name-bubble';
-
-    const icon = createIcon('icon-user', 'icon nav-user-icon');
+    if (isMobileViewport()) {
+      setSchedulerAsUserBubble(sessionData);
+      setToggleAsUserBubble(sessionData);
+      authLink.classList.add('nav-mobile-hidden');
+      return;
+    }
 
-    const name = document.createElement('span');
-    name.className = 'nav-user-name';
-    name.textContent = resolvedName;
+    authLink.classList.remove('nav-mobile-hidden');
+    setSchedulerDefaultState();
+    setToggleDefaultState();
+  };
 
-    nameBubble.append(icon, name);
-    authLink.append(avatarBubble, nameBubble);
+  const setLoggedState = (sessionData) => {
+    currentSessionData = sessionData || null;
+    isAuthenticated = true;
+    applyLoggedLayout();
+  };
 
-    if (heroLoginCta) {
-      heroLoginCta.hidden = true;
-      heroLoginCta.setAttribute('aria-hidden', 'true');
-    }
-    if (finalLoginCta) {
-      finalLoginCta.hidden = true;
-      finalLoginCta.setAttribute('aria-hidden', 'true');
+  const onViewportChange = () => {
+    if (isAuthenticated) {
+      applyLoggedLayout();
+      return;
     }
+    applyLoggedOutLayout();
   };
 
-  return runAfterLoadIdle(
+  if (mobileQuery && typeof mobileQuery.addEventListener === 'function') {
+    mobileQuery.addEventListener('change', onViewportChange);
+  } else if (mobileQuery && typeof mobileQuery.addListener === 'function') {
+    mobileQuery.addListener(onViewportChange);
+  }
+  window.addEventListener('resize', onViewportChange);
+
+  const stopBootstrap = runAfterLoadIdle(
     () => {
       fetchHomeBootstrapPayload()
         .then((bootstrapData) => {
@@ -258,6 +401,16 @@ const initAuthSession = () => {
     },
     { delayMs: 520, timeoutMs: 1200 },
   );
+
+  return () => {
+    stopBootstrap();
+    window.removeEventListener('resize', onViewportChange);
+    if (mobileQuery && typeof mobileQuery.removeEventListener === 'function') {
+      mobileQuery.removeEventListener('change', onViewportChange);
+    } else if (mobileQuery && typeof mobileQuery.removeListener === 'function') {
+      mobileQuery.removeListener(onViewportChange);
+    }
+  };
 };
 
 const initAddBotCtas = () => {
@@ -286,7 +439,7 @@ const initAddBotCtas = () => {
     () => {
       fetchHomeBootstrapPayload()
         .then((bootstrapData) => {
-          const url = String(bootstrapData?.support?.url || '').trim();
+          const url = String(bootstrapData?.bot_contact?.urls?.menu || '').trim();
           const applied = applyLink(url);
           if (!applied && floatButton) {
             floatButton.hidden = true;

package/public/js/apps/stickersApp.js

@@ -1729,7 +1729,6 @@ function PackPage({ pack, relatedPacks, onBack, onOpenRelated, onLike, onDislike
   const packLockedByNsfw = isPackMarkedNsfw(pack) && !hasNsfwAccess;
   const cover = packLockedByNsfw ? NSFW_STICKER_PLACEHOLDER_URL : pack?.cover_url || items?.[0]?.asset_url || DEFAULT_STICKER_PLACEHOLDER_URL;
   const whatsappUrl = String(pack?.whatsapp?.url || '').trim();
-  const packApiPath = `/api/sticker-packs/${encodeURIComponent(String(pack?.pack_key || '').trim())}`;
   const engagement = getPackEngagement(pack);
   const hasReactionRequest = Boolean(reactionLoading);
   const [previewIndex, setPreviewIndex] = useState(-1);
@@ -1779,23 +1778,6 @@ function PackPage({ pack, relatedPacks, onBack, onOpenRelated, onLike, onDislike
           </div>
 
           ${pack?.description ? html`<p className="text-sm leading-6 text-slate-300">${pack.description}</p>` : null}
-
-          <section className="rounded-xl border border-cyan-500/25 bg-cyan-500/5 p-3">
-            <p className="text-[11px] uppercase tracking-wide text-cyan-200">Use este pack no seu bot</p>
-            <p className="mt-1 text-sm text-slate-200">Este pack faz parte do módulo de stickers da plataforma OmniZap. Você pode consumir por API e conectar ao seu fluxo de automação WhatsApp.</p>
-            <pre className="mt-2 overflow-auto rounded-lg border border-slate-800 bg-slate-950/60 p-2 text-[11px] text-slate-300">
-GET ${packApiPath}
-POST ${packApiPath}/open
-POST ${packApiPath}/like
-            </pre
-            >
-            <div className="mt-2 flex flex-wrap gap-2">
-              <a href="/api-docs/" className="inline-flex h-8 items-center rounded-lg border border-cyan-500/35 bg-cyan-500/10 px-3 text-[11px] font-semibold text-cyan-100 hover:bg-cyan-500/20"> Ver API e exemplos </a>
-              <a href="/" className="inline-flex h-8 items-center rounded-lg border border-slate-700 bg-slate-900/70 px-3 text-[11px] text-slate-200 hover:bg-slate-800"> Plataforma OmniZap </a>
-              <a href="/stickers/" className="inline-flex h-8 items-center rounded-lg border border-slate-700 bg-slate-900/70 px-3 text-[11px] text-slate-200 hover:bg-slate-800"> Voltar ao catálogo </a>
-            </div>
-          </section>
-
           ${tags.length
             ? html`
                 <div className="space-y-1">
@@ -3765,16 +3747,6 @@ function StickersApp() {
             : currentPackKey
               ? html` ${packLoading ? html`<${PackPageSkeleton} />` : html`<${PackPage} pack=${currentPack} relatedPacks=${relatedPacks} onBack=${goCatalog} onOpenRelated=${openPack} onLike=${handleLike} onDislike=${handleDislike} onTagClick=${openCatalogTagFilter} reactionLoading=${reactionLoading} reactionNotice=${reactionNotice} hasNsfwAccess=${hasNsfwAccess} onRequireLogin=${requestNsfwUnlock} />`} `
               : html`
-                  <section className="rounded-2xl border border-slate-800 bg-slate-900/80 p-3 sm:p-4">
-                    <p className="text-[11px] uppercase tracking-wide text-slate-400">Módulo de stickers da plataforma OmniZap</p>
-                    <h1 className="mt-1 text-lg sm:text-xl font-extrabold tracking-tight text-slate-100">Catálogo de stickers integrável via API</h1>
-                    <p className="mt-1 text-sm text-slate-300">Os stickers são uma feature do OmniZap para bots e automação WhatsApp. Explore packs públicos e integre no seu sistema com endpoints documentados.</p>
-                    <div className="mt-2 flex flex-wrap gap-2">
-                      <a href="/api-docs/" className="inline-flex h-8 items-center rounded-lg border border-cyan-500/35 bg-cyan-500/10 px-3 text-[11px] font-semibold text-cyan-100 hover:bg-cyan-500/20"> Área de Desenvolvedor </a>
-                      <a href="/" className="inline-flex h-8 items-center rounded-lg border border-slate-700 bg-slate-900/70 px-3 text-[11px] text-slate-200 hover:bg-slate-800"> Página principal OmniZap </a>
-                    </div>
-                  </section>
-
                   <div className="lg:grid lg:grid-cols-[220px_minmax(0,1fr)] lg:gap-4">
                     <aside className="hidden lg:block">
                       <div className="sticky top-[72px] space-y-2.5 rounded-2xl border border-slate-800 bg-slate-900/80 p-2.5">