npm - @kaikybrofc/omnizap-system - Versions diffs - 2.1.8 - Mend

@kaikybrofc/omnizap-system 2.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (166) hide show

package/.env.example +534 -0
package/LICENSE +21 -0
package/README.md +431 -0
package/RELEASE-v2.1.2.md +83 -0
package/app/config/adminIdentity.js +87 -0
package/app/config/baileysConfig.js +693 -0
package/app/config/groupUtils.js +388 -0
package/app/connection/socketController.js +992 -0
package/app/controllers/messageController.js +354 -0
package/app/modules/adminModule/groupCommandHandlers.js +1294 -0
package/app/modules/adminModule/groupEventHandlers.js +355 -0
package/app/modules/aiModule/catCommand.js +1006 -0
package/app/modules/broadcastModule/noticeCommand.js +416 -0
package/app/modules/gameModule/diceCommand.js +67 -0
package/app/modules/menuModule/common.js +311 -0
package/app/modules/menuModule/menus.js +59 -0
package/app/modules/playModule/playCommand.js +1615 -0
package/app/modules/quoteModule/quoteCommand.js +851 -0
package/app/modules/rpgPokemonModule/rpgBattleCanvasRenderer.js +786 -0
package/app/modules/rpgPokemonModule/rpgBattleService.js +2082 -0
package/app/modules/rpgPokemonModule/rpgBattleService.test.js +760 -0
package/app/modules/rpgPokemonModule/rpgEvolutionUtils.js +22 -0
package/app/modules/rpgPokemonModule/rpgPokemonCommand.js +172 -0
package/app/modules/rpgPokemonModule/rpgPokemonDomain.js +192 -0
package/app/modules/rpgPokemonModule/rpgPokemonDomain.test.js +93 -0
package/app/modules/rpgPokemonModule/rpgPokemonEvolution.test.js +46 -0
package/app/modules/rpgPokemonModule/rpgPokemonMessages.js +746 -0
package/app/modules/rpgPokemonModule/rpgPokemonRepository.js +1859 -0
package/app/modules/rpgPokemonModule/rpgPokemonService.js +6738 -0
package/app/modules/rpgPokemonModule/rpgProfileCanvasRenderer.js +354 -0
package/app/modules/statsModule/globalRankingCommand.js +65 -0
package/app/modules/statsModule/noMessageCommand.js +288 -0
package/app/modules/statsModule/rankingCommand.js +60 -0
package/app/modules/statsModule/rankingCommon.js +889 -0
package/app/modules/stickerModule/addStickerMetadata.js +239 -0
package/app/modules/stickerModule/convertToWebp.js +390 -0
package/app/modules/stickerModule/stickerCommand.js +454 -0
package/app/modules/stickerModule/stickerConvertCommand.js +156 -0
package/app/modules/stickerModule/stickerTextCommand.js +657 -0
package/app/modules/stickerPackModule/autoPackCollectorRuntime.js +20 -0
package/app/modules/stickerPackModule/autoPackCollectorService.js +284 -0
package/app/modules/stickerPackModule/semanticReclassificationEngine.js +466 -0
package/app/modules/stickerPackModule/semanticReclassificationEngine.test.js +88 -0
package/app/modules/stickerPackModule/semanticThemeClusterService.js +571 -0
package/app/modules/stickerPackModule/stickerAssetClassificationRepository.js +449 -0
package/app/modules/stickerPackModule/stickerAssetRepository.js +400 -0
package/app/modules/stickerPackModule/stickerAssetReprocessQueueRepository.js +180 -0
package/app/modules/stickerPackModule/stickerAutoPackByTagsRuntime.js +4078 -0
package/app/modules/stickerPackModule/stickerClassificationBackgroundRuntime.js +598 -0
package/app/modules/stickerPackModule/stickerClassificationService.js +588 -0
package/app/modules/stickerPackModule/stickerMarketplaceDriftService.js +102 -0
package/app/modules/stickerPackModule/stickerPackCatalogHttp.js +7506 -0
package/app/modules/stickerPackModule/stickerPackCommandHandlers.js +1095 -0
package/app/modules/stickerPackModule/stickerPackEngagementRepository.js +108 -0
package/app/modules/stickerPackModule/stickerPackErrors.js +30 -0
package/app/modules/stickerPackModule/stickerPackInteractionEventRepository.js +110 -0
package/app/modules/stickerPackModule/stickerPackItemRepository.js +440 -0
package/app/modules/stickerPackModule/stickerPackMarketplaceService.js +337 -0
package/app/modules/stickerPackModule/stickerPackMessageService.js +296 -0
package/app/modules/stickerPackModule/stickerPackRepository.js +442 -0
package/app/modules/stickerPackModule/stickerPackService.js +788 -0
package/app/modules/stickerPackModule/stickerPackServiceRuntime.js +51 -0
package/app/modules/stickerPackModule/stickerPackUtils.js +97 -0
package/app/modules/stickerPackModule/stickerStorageService.js +507 -0
package/app/modules/stickerPackModule/stickerWorkerPipelineRuntime.js +233 -0
package/app/modules/stickerPackModule/stickerWorkerTaskQueueRepository.js +205 -0
package/app/modules/systemMetricsModule/pingCommand.js +421 -0
package/app/modules/tiktokModule/tiktokCommand.js +798 -0
package/app/modules/userModule/userCommand.js +1217 -0
package/app/modules/waifuPicsModule/waifuPicsCommand.js +177 -0
package/app/observability/metrics.js +734 -0
package/app/services/captchaService.js +492 -0
package/app/services/dbWriteQueue.js +572 -0
package/app/services/groupMetadataService.js +279 -0
package/app/services/lidMapService.js +663 -0
package/app/services/messagePersistenceService.js +56 -0
package/app/services/newsBroadcastService.js +351 -0
package/app/services/pokeApiService.js +398 -0
package/app/services/queueUtils.js +57 -0
package/app/services/socketState.js +7 -0
package/app/store/aiPromptStore.js +38 -0
package/app/store/groupConfigStore.js +58 -0
package/app/store/premiumUserStore.js +36 -0
package/app/utils/antiLink/antiLinkModule.js +804 -0
package/app/utils/http/getImageBufferModule.js +18 -0
package/app/utils/json/jsonSanitizer.js +113 -0
package/app/utils/json/jsonSanitizer.test.js +40 -0
package/app/utils/logger/loggerModule.js +262 -0
package/app/utils/systemMetrics/systemMetricsModule.js +91 -0
package/database/index.js +2052 -0
package/database/init.js +516 -0
package/database/migrations/20260203_0001_sticker_packs.sql +54 -0
package/database/migrations/20260210_0003_rpg_pokemon.sql +58 -0
package/database/migrations/20260210_0004_rpg_shiny_biome.sql +9 -0
package/database/migrations/20260210_0005_rpg_missions.sql +14 -0
package/database/migrations/20260210_0006_rpg_world_pokedex_traits.sql +27 -0
package/database/migrations/20260210_0007_rpg_raid_pvp.sql +56 -0
package/database/migrations/20260210_0008_rpg_social_system.sql +195 -0
package/database/migrations/20260211_0009_rpg_social_xp.sql +36 -0
package/database/migrations/20260222_0010_remove_message_xp.sql +2 -0
package/database/migrations/20260226_0011_sticker_asset_classification.sql +17 -0
package/database/migrations/20260226_0012_sticker_pack_engagement.sql +16 -0
package/database/migrations/20260226_0013_sticker_marketplace_intelligence.sql +19 -0
package/database/migrations/20260226_0014_sticker_pack_publish_flow.sql +30 -0
package/database/migrations/20260226_0014_sticker_worker_queues.sql +42 -0
package/database/migrations/20260226_0015_sticker_auto_pack_curation_integrity.sql +18 -0
package/database/migrations/20260226_0016_sticker_web_google_auth_persistence.sql +34 -0
package/database/migrations/20260226_0017_sticker_web_admin_ban.sql +22 -0
package/database/migrations/20260226_0018_sticker_web_admin_moderator.sql +18 -0
package/database/migrations/20260227_0019_sticker_classification_v2_signals.sql +12 -0
package/database/migrations/20260227_0020_semantic_theme_clusters.sql +35 -0
package/docker-compose.yml +103 -0
package/ecosystem.prod.config.cjs +35 -0
package/eslint.config.js +61 -0
package/index.js +437 -0
package/ml/clip_classifier/Dockerfile +16 -0
package/ml/clip_classifier/README.md +120 -0
package/ml/clip_classifier/adaptive_scoring.py +40 -0
package/ml/clip_classifier/classifier.py +654 -0
package/ml/clip_classifier/embedding_store.py +481 -0
package/ml/clip_classifier/env_loader.py +15 -0
package/ml/clip_classifier/llm_label_expander.py +144 -0
package/ml/clip_classifier/main.py +213 -0
package/ml/clip_classifier/requirements.txt +10 -0
package/ml/clip_classifier/similarity_engine.py +74 -0
package/observability/alert-rules.yml +60 -0
package/observability/grafana/dashboards/omnizap-mysql.json +136 -0
package/observability/grafana/dashboards/omnizap-overview.json +170 -0
package/observability/grafana/provisioning/dashboards/dashboards.yml +11 -0
package/observability/grafana/provisioning/datasources/datasources.yml +15 -0
package/observability/loki-config.yml +38 -0
package/observability/mysql-exporter.cnf +5 -0
package/observability/mysql-setup.sql +46 -0
package/observability/prometheus.yml +32 -0
package/observability/promtail-config.yml +84 -0
package/package.json +109 -0
package/public/api-docs/index.html +144 -0
package/public/css/github-project-panel.css +297 -0
package/public/css/stickers-admin.css +1272 -0
package/public/css/styles.css +671 -0
package/public/index.html +1311 -0
package/public/js/apps/apiDocsApp.js +310 -0
package/public/js/apps/createPackApp.js +2069 -0
package/public/js/apps/homeApp.js +396 -0
package/public/js/apps/stickersAdminApp.js +1744 -0
package/public/js/apps/stickersApp.js +4830 -0
package/public/js/catalog.js +1019 -0
package/public/js/github-panel/components/CommitList.js +34 -0
package/public/js/github-panel/components/ErrorState.js +16 -0
package/public/js/github-panel/components/GithubProjectPanel.js +106 -0
package/public/js/github-panel/components/ReleaseList.js +38 -0
package/public/js/github-panel/components/SkeletonPanel.js +22 -0
package/public/js/github-panel/components/StatCard.js +15 -0
package/public/js/github-panel/index.js +15 -0
package/public/js/github-panel/useGithubRepoData.js +154 -0
package/public/js/github-panel/vendor/react.js +11 -0
package/public/js/runtime/react-runtime.js +19 -0
package/public/licenca/index.html +106 -0
package/public/stickers/admin/index.html +23 -0
package/public/stickers/create/index.html +47 -0
package/public/stickers/index.html +48 -0
package/public/termos-de-uso/index.html +125 -0
package/scripts/cache-bust.mjs +107 -0
package/scripts/deploy.sh +458 -0
package/scripts/github-deploy-notify.mjs +174 -0
package/scripts/release.sh +129 -0

package/public/index.html ADDED Viewed

@@ -0,0 +1,1311 @@
+<!doctype html>
+<html lang="pt-BR">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>OmniZap System | Plataforma Open Source de Automação WhatsApp</title>
+  <meta name="description" content="OmniZap System: infraestrutura open source para bots e automação WhatsApp em escala, com API, observabilidade, gestão de grupos e arquitetura pronta para produção." />
+  <meta name="keywords" content="omnizap, automação whatsapp, api whatsapp, bot whatsapp open source, infraestrutura bot, saas whatsapp, observabilidade, gestão de grupos" />
+  <meta name="author" content="OmniZap System" />
+  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
+  <meta name="theme-color" content="#0b1020" />
+  <link rel="canonical" href="https://omnizap.shop/" />
+  <link rel="icon" type="image/jpeg" href="https://iili.io/FC3FABe.jpg" />
+  <link rel="apple-touch-icon" href="https://iili.io/FC3FABe.jpg" />
+  <link rel="sitemap" type="application/xml" href="https://omnizap.shop/sitemap.xml" />
+  <link rel="me" href="https://github.com/Kaikygr/omnizap-system" />
+  <link rel="me" href="https://wa.me/?text=iniciar" />
+  <meta property="og:type" content="website" />
+  <meta property="og:locale" content="pt_BR" />
+  <meta property="og:site_name" content="OmniZap System" />
+  <meta property="og:title" content="OmniZap System | Plataforma Open Source de Automação WhatsApp" />
+  <meta property="og:description" content="Infraestrutura técnica para bots WhatsApp com API, observabilidade e arquitetura modular pronta para produção." />
+  <meta property="og:url" content="https://omnizap.shop/" />
+  <meta property="og:image" content="https://iili.io/fSNGag2.png" />
+  <meta property="og:image:alt" content="Banner OmniZap System com identidade visual tecnológica" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="OmniZap System" />
+  <meta name="twitter:description" content="Plataforma open source de automação WhatsApp com API, telemetria e stack de produção." />
+  <meta name="twitter:image" content="https://iili.io/fSNGag2.png" />
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" rel="stylesheet" />
+  <link href="/css/github-project-panel.css?v=20260226c" rel="stylesheet" />
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    "name": "OmniZap System",
+    "applicationCategory": "BusinessApplication",
+    "operatingSystem": "Linux, Windows, macOS",
+    "url": "https://omnizap.shop/",
+    "description": "Plataforma open source de automação WhatsApp com API, observabilidade, gestão de grupos e arquitetura modular para produção.",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "USD"
+    }
+  }
+  </script>
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "Organization",
+    "name": "OmniZap System",
+    "url": "https://omnizap.shop/",
+    "logo": "https://iili.io/FC3FABe.jpg",
+    "sameAs": [
+      "https://github.com/Kaikygr/omnizap-system",
+      "https://wa.me/?text=iniciar"
+    ]
+  }
+  </script>
+  <style>
+    :root {
+      --bg: #0b1020;
+      --bg-2: #121a2f;
+      --card: #141e36cc;
+      --line: #2a3b60;
+      --text: #e6edf7;
+      --muted: #9fb0cc;
+      --primary: #22c55e;
+      --primary-2: #38bdf8;
+      --warn: #f59e0b;
+      --radius: 16px;
+    }
+    * { box-sizing: border-box; }
+    html, body { margin: 0; padding: 0; }
+    body {
+      font-family: "Manrope", system-ui, -apple-system, sans-serif;
+      color: var(--text);
+      background:
+        radial-gradient(58rem 24rem at -8% -12%, #22c55e26, transparent 60%),
+        radial-gradient(58rem 24rem at 112% -10%, #38bdf822, transparent 58%),
+        linear-gradient(165deg, var(--bg), var(--bg-2));
+      min-height: 100vh;
+    }
+    .container { width: min(1150px, 92vw); margin: 0 auto; }
+    .top {
+      position: sticky;
+      top: 0;
+      z-index: 10;
+      backdrop-filter: blur(10px);
+      background: #0c1221cc;
+      border-bottom: 1px solid #223250;
+    }
+    .top-inner {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 16px;
+      padding: 14px 0;
+    }
+    .top-head {
+      display: contents;
+    }
+    .brand {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      font-family: "Sora", sans-serif;
+      font-weight: 700;
+      letter-spacing: .2px;
+    }
+    .brand-logo {
+      width: 30px;
+      height: 30px;
+      border-radius: 50%;
+      object-fit: cover;
+      border: 1px solid #2f4368;
+      box-shadow: 0 2px 10px #00000033;
+      flex: 0 0 auto;
+    }
+    .nav { display: flex; gap: 10px; flex-wrap: wrap; }
+    .nav-toggle {
+      display: none;
+      width: 42px;
+      height: 42px;
+      border-radius: 10px;
+      border: 1px solid var(--line);
+      background: #111a2d;
+      color: var(--text);
+      align-items: center;
+      justify-content: center;
+      font-size: 21px;
+      line-height: 1;
+      cursor: pointer;
+    }
+    .btn {
+      text-decoration: none;
+      color: var(--text);
+      border: 1px solid var(--line);
+      background: #111a2d;
+      padding: 10px 14px;
+      border-radius: 12px;
+      font-weight: 600;
+      transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
+    }
+    .icon-inline {
+      margin-right: 8px;
+      color: #8ec5ff;
+      font-size: .95em;
+      text-shadow: 0 0 18px #69aef35c;
+    }
+    .btn .icon-inline {
+      margin-right: 6px;
+      color: inherit;
+    }
+    .btn:hover { transform: translateY(-1px); border-color: #3f567f; }
+    .btn.primary {
+      color: #042511;
+      border-color: transparent;
+      background: linear-gradient(90deg, var(--primary), #16a34a);
+      box-shadow: 0 8px 22px #22c55e33;
+    }
+    @media (max-width: 860px) {
+      .top-inner {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 12px;
+      }
+      .top-head {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 10px;
+      }
+      .brand {
+        text-align: left;
+        font-size: 22px;
+        line-height: 1.1;
+      }
+      .nav-toggle {
+        display: inline-flex;
+        flex: 0 0 auto;
+      }
+      .nav {
+        display: none;
+        width: 100%;
+        grid-template-columns: 1fr;
+        gap: 8px;
+      }
+      .nav.open {
+        display: grid;
+      }
+      .btn {
+        width: 100%;
+        text-align: center;
+        padding: 10px 10px;
+        border-radius: 10px;
+      }
+    }
+    @media (max-width: 420px) {
+      .top-inner {
+        padding: 12px 0;
+      }
+      .brand {
+        font-size: 19px;
+      }
+      .btn {
+        font-size: 15px;
+        padding: 9px 8px;
+      }
+    }
+    .hero {
+      margin: 38px 0 14px;
+      position: relative;
+      overflow: hidden;
+      isolation: isolate;
+      border: 1px solid #334869;
+      border-radius: 24px;
+      background: linear-gradient(150deg, #0f1a31ee, #101d35f0);
+      box-shadow: 0 18px 48px #040c1f7a, inset 0 1px 0 #b7d3ff14;
+      padding: clamp(16px, 3vw, 34px);
+      animation: rise .5s ease-out;
+    }
+    .hero::before {
+      content: "";
+      position: absolute;
+      inset: -30% auto auto -25%;
+      width: 430px;
+      height: 430px;
+      border-radius: 50%;
+      background: radial-gradient(circle, #30d27d3a 0%, #30d27d00 72%);
+      pointer-events: none;
+      z-index: -1;
+    }
+    .hero::after {
+      content: "";
+      position: absolute;
+      inset: auto -18% -28% auto;
+      width: 420px;
+      height: 420px;
+      border-radius: 50%;
+      background: radial-gradient(circle, #45b8ff30 0%, #45b8ff00 68%);
+      pointer-events: none;
+      z-index: -1;
+    }
+    .hero-banner {
+      display: block;
+      width: 100%;
+      max-height: 238px;
+      object-fit: cover;
+      border-radius: 16px;
+      border: 1px solid #3a5279;
+      margin-bottom: 15px;
+      box-shadow: 0 12px 30px #00000052;
+      filter: saturate(1.06) contrast(1.03);
+      transition: transform 200ms cubic-bezier(.4, 0, .2, 1), box-shadow 200ms cubic-bezier(.4, 0, .2, 1), border-color 200ms cubic-bezier(.4, 0, .2, 1);
+    }
+    .hero-banner:hover {
+      transform: translateY(-2px);
+      border-color: #5876a7;
+      box-shadow: 0 16px 34px #00000066;
+    }
+    .eyebrow {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      border: 1px solid #3d5a85;
+      border-radius: 999px;
+      padding: 7px 13px;
+      color: #c2d5f4;
+      font-size: 12px;
+      font-weight: 700;
+      letter-spacing: .35px;
+      text-transform: uppercase;
+      background: #14233f8c;
+      backdrop-filter: blur(7px);
+    }
+    .hero h1 {
+      font-family: "Sora", sans-serif;
+      margin: 11px 0 9px;
+      font-size: clamp(28px, 4.2vw, 46px);
+      line-height: 1.04;
+      letter-spacing: -0.02em;
+      max-width: 900px;
+      font-weight: 700;
+      background: linear-gradient(90deg, #eef5ff 0%, #8ed4ff 43%, #67e0b0 100%);
+      -webkit-background-clip: text;
+      background-clip: text;
+      color: transparent;
+    }
+    .lead {
+      margin: 0;
+      max-width: 720px;
+      color: #bfd0e8;
+      font-size: clamp(15px, 1.8vw, 18px);
+      line-height: 1.6;
+      font-weight: 500;
+    }
+    .hero-cta {
+      display: flex;
+      gap: 11px;
+      flex-wrap: wrap;
+      margin-top: 18px;
+    }
+    .hero-cta .btn {
+      border-radius: 14px;
+      transition: transform 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out, filter 200ms ease-in-out;
+    }
+    .hero-cta .btn:hover,
+    .hero-cta .btn:focus-visible {
+      transform: translateY(-2px) scale(1.03);
+      box-shadow: 0 12px 24px #060d1f5c;
+      border-color: #49628c;
+    }
+    .hero-cta .btn.primary:hover,
+    .hero-cta .btn.primary:focus-visible {
+      box-shadow: 0 14px 30px #2bcf763d;
+      filter: saturate(1.06);
+    }
+    .hero-stats {
+      margin-top: 24px;
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
+      gap: 12px;
+    }
+    .hero-proof {
+      margin-top: 18px;
+      display: grid;
+      gap: 12px;
+      grid-template-columns: repeat(auto-fit, minmax(172px, 1fr));
+    }
+    .proof-card {
+      border: 1px solid #38527b80;
+      border-radius: 18px;
+      padding: 12px;
+      background: linear-gradient(150deg, #12203a7d, #0d182e8a);
+      backdrop-filter: blur(9px);
+      min-height: 116px;
+      transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out, border-color 200ms ease-in-out;
+    }
+    .proof-card:hover {
+      transform: translateY(-2px);
+      border-color: #5678adad;
+      box-shadow: 0 14px 26px #03091552;
+    }
+    .proof-value {
+      display: block;
+      font-family: "Sora", sans-serif;
+      font-size: clamp(22px, 2.4vw, 26px);
+      line-height: 1.08;
+      color: #edf6ff;
+      letter-spacing: -0.02em;
+    }
+    .proof-label {
+      display: block;
+      margin-top: 4px;
+      color: #a7bbd9;
+      font-size: 12px;
+      font-weight: 600;
+      letter-spacing: 0.01em;
+      text-transform: uppercase;
+    }
+    #proof-system {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      margin-top: 8px;
+      border: 1px solid #4f6d98;
+      border-radius: 999px;
+      background: #12233fba;
+      padding: 6px 10px;
+      min-height: 34px;
+      font-size: 14px;
+      line-height: 1;
+      color: #ffefcf;
+      text-transform: capitalize;
+    }
+    #proof-system::before {
+      content: "";
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: #f59e0b;
+      box-shadow: 0 0 0 0 #f59e0b4d;
+      animation: pulse-status 1.8s infinite;
+      flex: 0 0 auto;
+    }
+    .proof-card[data-status="online"] {
+      border-color: #23895796;
+      box-shadow: inset 0 0 0 1px #2389573b;
+    }
+    .proof-card[data-status="degraded"],
+    .proof-card[data-status="connecting"] {
+      border-color: #9f742f99;
+      box-shadow: inset 0 0 0 1px #9f742f3a;
+    }
+    .proof-card[data-status="offline"] {
+      border-color: #943535a3;
+      box-shadow: inset 0 0 0 1px #94353540;
+    }
+    .proof-card[data-status="online"] #proof-system {
+      border-color: #2b9761;
+      background: #0f2a208c;
+      color: #ddffe9;
+    }
+    .proof-card[data-status="online"] #proof-system::before {
+      background: #22c55e;
+      box-shadow: 0 0 0 0 #22c55e5c;
+    }
+    .proof-card[data-status="degraded"] #proof-system,
+    .proof-card[data-status="connecting"] #proof-system {
+      border-color: #a87b35;
+      background: #35261096;
+      color: #ffefcf;
+    }
+    .proof-card[data-status="degraded"] #proof-system::before,
+    .proof-card[data-status="connecting"] #proof-system::before {
+      background: #f59e0b;
+      box-shadow: 0 0 0 0 #f59e0b5e;
+    }
+    .proof-card[data-status="offline"] #proof-system {
+      border-color: #a63c3c;
+      background: #34161699;
+      color: #ffdede;
+    }
+    .proof-card[data-status="offline"] #proof-system::before {
+      background: #ef4444;
+      box-shadow: 0 0 0 0 #ef44446b;
+    }
+    .market-preview {
+      margin: 20px 0 10px;
+      border: 1px solid #334b7391;
+      border-radius: 20px;
+      background: linear-gradient(150deg, #0f1a328f, #0e1a308f);
+      backdrop-filter: blur(8px);
+      padding: clamp(14px, 2vw, 18px);
+      box-shadow: 0 16px 34px #02081659;
+    }
+    .market-preview-head {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 10px;
+      margin-bottom: 14px;
+      flex-wrap: wrap;
+    }
+    .market-preview-title {
+      margin: 0;
+      font-family: "Sora", sans-serif;
+      font-size: 19px;
+    }
+    .market-preview-status {
+      color: #9db3d3;
+      font-size: 13px;
+      font-weight: 600;
+    }
+    .market-preview-grid {
+      display: grid;
+      gap: 14px;
+      grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
+    }
+    .market-pack {
+      position: relative;
+      display: block;
+      aspect-ratio: 1 / 1;
+      border: 1px solid #3b5683a3;
+      border-radius: 18px;
+      overflow: hidden;
+      background: #0b1427;
+      text-decoration: none;
+      color: inherit;
+      box-shadow: 0 10px 24px #0208174a;
+      transition: transform 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
+    }
+    .market-pack::after {
+      content: "";
+      position: absolute;
+      inset: 0;
+      background: linear-gradient(180deg, #08112400 30%, #091527d4 92%);
+      opacity: 0.7;
+      pointer-events: none;
+      transition: opacity 200ms ease-in-out;
+    }
+    .market-pack:hover {
+      transform: translateY(-2px) scale(1.01);
+      border-color: #6388c0;
+      box-shadow: 0 16px 30px #02081763;
+    }
+    .market-pack:hover::after { opacity: 0.92; }
+    .market-pack-thumb {
+      position: absolute;
+      inset: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      background: radial-gradient(circle at 20% 20%, #426aa633, #0a1222);
+      transition: transform 200ms ease-in-out;
+    }
+    .market-pack:hover .market-pack-thumb { transform: scale(1.06); }
+    .market-pack-body {
+      position: absolute;
+      left: 10px;
+      right: 10px;
+      bottom: 10px;
+      border: 1px solid #4a668f8a;
+      border-radius: 12px;
+      background: #0d1a30b8;
+      backdrop-filter: blur(9px);
+      padding: 9px 10px;
+      transform: translateY(4px);
+      transition: transform 200ms ease-in-out, border-color 200ms ease-in-out;
+      z-index: 3;
+    }
+    .market-pack:hover .market-pack-body {
+      transform: translateY(0);
+      border-color: #6388c0;
+    }
+    .market-pack-name {
+      margin: 0;
+      font-size: 13px;
+      font-weight: 700;
+      color: #e8f2ff;
+      line-height: 1.25;
+      min-height: 30px;
+      text-shadow: 0 2px 12px #04080f73;
+    }
+    .market-pack-meta {
+      margin-top: 4px;
+      color: #b2c5e2;
+      font-size: 12px;
+    }
+    .market-pack-tag {
+      position: absolute;
+      left: 10px;
+      top: 10px;
+      z-index: 4;
+      border: 1px solid #2aa16e99;
+      border-radius: 999px;
+      background: #103425bd;
+      color: #ccffdf;
+      font-size: 10px;
+      line-height: 1;
+      font-weight: 800;
+      letter-spacing: 0.06em;
+      padding: 6px 8px;
+      text-transform: uppercase;
+      backdrop-filter: blur(6px);
+    }
+    .market-pack.is-loading {
+      pointer-events: none;
+    }
+    .market-pack-skeleton-thumb {
+      position: absolute;
+      inset: 0;
+      width: 100%;
+      height: 100%;
+      background: linear-gradient(90deg, #27416780, #3d629380, #27416780);
+      background-size: 200% 100%;
+      animation: skeleton-shimmer 1.1s linear infinite;
+    }
+    .market-pack-skeleton-body {
+      position: absolute;
+      left: 10px;
+      right: 10px;
+      bottom: 10px;
+      border: 1px solid #415f8c8c;
+      border-radius: 12px;
+      background: #101d34bf;
+      backdrop-filter: blur(8px);
+      padding: 9px 10px;
+      display: grid;
+      gap: 6px;
+      z-index: 3;
+    }
+    .market-pack-skeleton-line {
+      height: 9px;
+      border-radius: 999px;
+      background: linear-gradient(90deg, #3859877a, #5c86be7a, #3859877a);
+      background-size: 220% 100%;
+      animation: skeleton-shimmer 1.1s linear infinite;
+    }
+    .market-pack-skeleton-line.short {
+      width: 66%;
+    }
+    .reveal {
+      opacity: 0;
+      transform: translateY(12px);
+      transition: opacity .48s ease, transform .48s ease;
+    }
+    .reveal.in-view {
+      opacity: 1;
+      transform: translateY(0);
+    }
+    .chip {
+      border: 1px solid #3a557d;
+      border-radius: 16px;
+      padding: 11px 13px;
+      background: linear-gradient(145deg, #11203a8a, #0e1a3185);
+      backdrop-filter: blur(7px);
+      color: #c9daf2;
+      font-size: 14px;
+      transition: transform 200ms cubic-bezier(.4, 0, .2, 1), box-shadow 200ms cubic-bezier(.4, 0, .2, 1), border-color 200ms cubic-bezier(.4, 0, .2, 1);
+    }
+    .chip:hover {
+      transform: translateY(-2px);
+      border-color: #5d81ba;
+      box-shadow: 0 12px 22px #040a183f;
+    }
+    .section-title {
+      margin: 34px 0 12px;
+      font-family: "Sora", sans-serif;
+      font-size: 24px;
+      letter-spacing: -0.01em;
+    }
+    .grid {
+      display: grid;
+      gap: 12px;
+      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
+    }
+    .card {
+      border: 1px solid #36517a8f;
+      border-radius: 16px;
+      background: linear-gradient(150deg, #12213a8f, #101b308f);
+      backdrop-filter: blur(7px);
+      padding: 16px;
+      animation: rise .55s ease-out;
+      transition: transform 200ms cubic-bezier(.4, 0, .2, 1), box-shadow 200ms cubic-bezier(.4, 0, .2, 1), border-color 200ms cubic-bezier(.4, 0, .2, 1), background 200ms cubic-bezier(.4, 0, .2, 1);
+    }
+    .card:hover {
+      transform: translateY(-2px);
+      border-color: #5c81bb;
+      background: linear-gradient(150deg, #14264196, #11203a96);
+      box-shadow: 0 14px 28px #02081657;
+    }
+    .card h3 { margin: 0 0 8px; font-size: 18px; color: #eaf4ff; }
+    .card p { margin: 0; color: #b2c4df; line-height: 1.56; }
+    .card h3 .icon-inline { color: #8dd6ff; }
+    .api {
+      margin-top: 14px;
+      border: 1px solid #2c4067;
+      border-radius: 14px;
+      overflow: hidden;
+      background: #0c1529;
+    }
+    .api-head {
+      padding: 10px 14px;
+      border-bottom: 1px solid #26395d;
+      color: #b8c8e2;
+      font-size: 13px;
+      font-weight: 700;
+      text-transform: uppercase;
+      letter-spacing: .35px;
+    }
+    pre {
+      margin: 0;
+      padding: 14px;
+      overflow: auto;
+      color: #d3f7e0;
+      font-size: 13px;
+      line-height: 1.55;
+      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+    }
+    .final-cta {
+      margin: 26px 0;
+      padding: 24px;
+      border-radius: 18px;
+      border: 1px solid #476ca3;
+      background: linear-gradient(135deg, #132244, #12305a);
+      box-shadow: 0 16px 30px #03081757, inset 0 1px 0 #98c7ff22;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 14px;
+      flex-wrap: wrap;
+    }
+    .rank-panel {
+      margin-top: 16px;
+      border: 1px solid #3d5b8980;
+      border-radius: 18px;
+      background: linear-gradient(160deg, #101b32e9, #12213fe6);
+      box-shadow: 0 15px 28px #03091652;
+      padding: 16px;
+    }
+    .github-spotlight {
+      margin-top: 10px;
+      border-color: #4a6ea8;
+      box-shadow: 0 18px 34px #04102366;
+    }
+    .rank-title {
+      margin: 0 0 10px;
+      font-family: "Sora", sans-serif;
+      font-size: 22px;
+    }
+    .rank-meta {
+      margin: 0 0 10px;
+      color: #9fb0cc;
+      font-size: 14px;
+    }
+    .rank-list {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+      display: grid;
+      gap: 8px;
+    }
+    .rank-item {
+      border: 1px solid #3a57829e;
+      border-radius: 12px;
+      padding: 10px 12px;
+      background: #0f1a31cc;
+      display: flex;
+      justify-content: space-between;
+      gap: 8px;
+      align-items: center;
+      min-width: 0;
+      transition: transform 200ms cubic-bezier(.4, 0, .2, 1), border-color 200ms cubic-bezier(.4, 0, .2, 1), background 200ms cubic-bezier(.4, 0, .2, 1);
+    }
+    .rank-item:hover {
+      transform: translateY(-1px);
+      border-color: #6289c2;
+      background: #12203bcc;
+    }
+    .rank-item:nth-child(1),
+    .rank-item:nth-child(2),
+    .rank-item:nth-child(3) {
+      border-color: #4f73aa;
+      background: linear-gradient(120deg, #132644b8, #11223db8);
+    }
+    .rank-item:nth-child(1) {
+      box-shadow: inset 0 0 0 1px #7da7eb3d;
+    }
+    .rank-item:nth-child(2) {
+      box-shadow: inset 0 0 0 1px #6b94d83d;
+    }
+    .rank-item:nth-child(3) {
+      box-shadow: inset 0 0 0 1px #5a84c83d;
+    }
+    .rank-user {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      flex: 1 1 auto;
+      min-width: 0;
+      max-width: 100%;
+    }
+    .rank-avatar {
+      width: 34px;
+      height: 34px;
+      border-radius: 50%;
+      object-fit: cover;
+      border: 1px solid #40649a;
+      background: #14243f;
+      box-shadow: 0 0 0 2px #1b304f, 0 0 18px #5aa3ff35;
+      flex: 0 0 auto;
+    }
+    .rank-name {
+      color: #dce7f9;
+      font-weight: 700;
+      font-size: 14px;
+      max-width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      overflow-wrap: anywhere;
+    }
+    .rank-value {
+      color: #9fb0cc;
+      font-size: 13px;
+      text-align: right;
+      white-space: nowrap;
+      min-width: 0;
+      flex: 0 0 auto;
+    }
+    .final-cta p { margin: 0; color: #c2d0e5; }
+    .final-cta .btn.primary {
+      padding: 12px 18px;
+      font-size: 15px;
+      box-shadow: 0 12px 24px #22c55e3d;
+    }
+    footer {
+      border-top: 1px solid #243452;
+      padding: 24px 0 30px;
+      color: #8fa6c7;
+      font-size: 14px;
+    }
+    .foot-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+      gap: 14px;
+    }
+    .foot-col h4 {
+      margin: 0 0 8px;
+      color: #d3dff2;
+      font-size: 14px;
+      font-weight: 700;
+    }
+    .foot-col a {
+      display: block;
+      color: #93abcb;
+      text-decoration: none;
+      margin: 4px 0;
+    }
+    .foot-col a:hover { color: #d3e3fb; }
+    .wpp-float {
+      position: fixed;
+      right: 18px;
+      bottom: 18px;
+      width: 58px;
+      height: 58px;
+      border-radius: 999px;
+      border: 1px solid #2fb86f;
+      background: linear-gradient(135deg, #25d366, #1ea952);
+      color: #052111;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0 10px 25px #25d3664d;
+      text-decoration: none;
+      z-index: 30;
+      font-size: 27px;
+      line-height: 1;
+      transition: transform .2s ease, box-shadow .2s ease;
+    }
+    .wpp-float i {
+      font-size: 30px;
+    }
+    .wpp-float:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 14px 30px #25d36666;
+    }
+    @media (max-width: 520px) {
+      .rank-item {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 6px;
+      }
+      .rank-user {
+        max-width: 100%;
+      }
+      .rank-name {
+        white-space: normal;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+      }
+      .rank-value {
+        white-space: normal;
+        text-align: left;
+        padding-left: 44px;
+      }
+      .hero-banner {
+        max-height: 140px;
+      }
+      .wpp-float {
+        width: 54px;
+        height: 54px;
+        right: 14px;
+        bottom: 14px;
+        font-size: 25px;
+      }
+      .wpp-float i {
+        font-size: 27px;
+      }
+    }
+    @keyframes pulse-status {
+      0% {
+        transform: scale(1);
+        opacity: 1;
+      }
+      50% {
+        transform: scale(1.18);
+        opacity: 0.72;
+      }
+      100% {
+        transform: scale(1);
+        opacity: 1;
+      }
+    }
+    @keyframes skeleton-shimmer {
+      0% {
+        background-position: 100% 0;
+      }
+      100% {
+        background-position: -100% 0;
+      }
+    }
+    @keyframes rise {
+      from { opacity: 0; transform: translateY(6px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+    @media (prefers-reduced-motion: reduce) {
+      * {
+        animation-duration: 0.01ms !important;
+        animation-iteration-count: 1 !important;
+        transition-duration: 0.01ms !important;
+        scroll-behavior: auto !important;
+      }
+    }
+  </style>
+</head>
+<body>
+  <header class="top">
+    <div class="container top-inner">
+      <div class="top-head">
+        <div class="brand">
+          <img
+            class="brand-logo"
+            src="https://iili.io/FC3FABe.jpg"
+            alt="OmniZap"
+            loading="lazy"
+            decoding="async"
+          />
+          <span>OmniZap System</span>
+        </div>
+        <button
+          id="nav-toggle"
+          class="nav-toggle"
+          type="button"
+          aria-expanded="false"
+          aria-controls="main-nav"
+          aria-label="Abrir menu"
+        >☰</button>
+      </div>
+      <nav id="main-nav" class="nav">
+        <a class="btn" href="/api-docs/"><i class="fa-solid fa-code icon-inline" aria-hidden="true"></i>API</a>
+        <a class="btn" href="https://github.com/Kaikygr/omnizap-system" target="_blank" rel="noreferrer noopener"><i class="fa-brands fa-github icon-inline" aria-hidden="true"></i>GitHub</a>
+      </nav>
+    </div>
+  </header>
+  <main class="container">
+    <section class="hero">
+      <img class="hero-banner" src="https://iili.io/fSNGag2.png" alt="Banner OmniZap System" loading="lazy" decoding="async" />
+      <span class="eyebrow">Plataforma Open Source de Automação WhatsApp</span>
+      <h1>Infraestrutura completa para bots, automação e gestão de WhatsApp em escala.</h1>
+      <p class="lead">Foco em API, observabilidade, gestão de grupos, mídia, comandos automatizados e arquitetura pronta para produção.</p>
+      <div class="hero-cta">
+        <a class="btn primary" href="https://github.com/Kaikygr/omnizap-system" target="_blank" rel="noreferrer noopener"><i class="fa-brands fa-github icon-inline" aria-hidden="true"></i>Ver no GitHub</a>
+        <a class="btn" href="/api-docs/"><i class="fa-solid fa-book icon-inline" aria-hidden="true"></i>Documentação da API</a>
+        <a class="btn" href="#infra-arquitetura"><i class="fa-solid fa-diagram-project icon-inline" aria-hidden="true"></i>Ver Arquitetura</a>
+      </div>
+      <section class="hero-proof">
+        <article class="proof-card">
+          <span id="proof-packs" class="proof-value">--</span>
+          <span class="proof-label">packs no módulo stickers</span>
+        </article>
+        <article class="proof-card">
+          <span id="proof-stickers" class="proof-value">--</span>
+          <span class="proof-label">stickers indexados</span>
+        </article>
+        <article class="proof-card">
+          <span id="proof-downloads" class="proof-value">--</span>
+          <span class="proof-label">aberturas do catálogo</span>
+        </article>
+        <article class="proof-card">
+          <span id="proof-users" class="proof-value">--</span>
+          <span class="proof-label">usuários monitorados</span>
+        </article>
+        <article class="proof-card">
+          <span id="proof-groups" class="proof-value">--</span>
+          <span class="proof-label">grupos monitorados</span>
+        </article>
+        <article class="proof-card">
+          <span id="proof-system" class="proof-value">--</span>
+          <span class="proof-label">status do sistema</span>
+        </article>
+      </section>
+    </section>
+    <h2 class="section-title"><i class="fa-solid fa-circle-info icon-inline" aria-hidden="true"></i>Sobre o Sistema</h2>
+    <section class="grid">
+      <article class="card">
+        <h3><i class="fa-solid fa-circle-info icon-inline" aria-hidden="true"></i>Visão Geral</h3>
+        <p>O OmniZap é uma plataforma open source para operação de bots e automações WhatsApp com base técnica orientada a produção.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-users-gear icon-inline" aria-hidden="true"></i>Para Quem É</h3>
+        <p>Projetado para devs, equipes de produto, empresas e operadores SaaS que precisam de automação confiável em alto volume.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-microchip icon-inline" aria-hidden="true"></i>Diferencial Técnico</h3>
+        <p>Camadas de observabilidade, fila de escrita, reconciliação LID/JID e serviços modulares para reduzir risco operacional.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-cubes-stacked icon-inline" aria-hidden="true"></i>Estrutura Modular</h3>
+        <p>Domínios de comando isolados por módulos, facilitando manutenção, evolução incremental e integração com novos recursos.</p>
+      </article>
+    </section>
+    <h2 id="infra-arquitetura" class="section-title"><i class="fa-solid fa-sitemap icon-inline" aria-hidden="true"></i>Infraestrutura e Arquitetura</h2>
+    <section class="grid">
+      <article class="card">
+        <h3><i class="fa-solid fa-server icon-inline" aria-hidden="true"></i>Camada de Execução</h3>
+        <p>Node.js com Baileys para conexão com WhatsApp, controle de sessão, recuperação e reconexão resiliente.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-database icon-inline" aria-hidden="true"></i>Persistência</h3>
+        <p>MySQL com schema evolutivo, fila de escrita e proteção de consistência para chats, mensagens e metadados.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-layer-group icon-inline" aria-hidden="true"></i>Módulos de Domínio</h3>
+        <p>Administração de grupos, mídia, IA, stickers, ranking e utilitários operam como blocos independentes.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-shield-halved icon-inline" aria-hidden="true"></i>Operação em Produção</h3>
+        <p>Logs estruturados, limites de retry e fluxo de monitoramento para suportar crescimento com previsibilidade.</p>
+      </article>
+    </section>
+    <h2 class="section-title"><i class="fa-solid fa-plug-circle-bolt icon-inline" aria-hidden="true"></i>API e Integrações</h2>
+    <section class="grid">
+      <article class="card">
+        <h3><i class="fa-solid fa-code-branch icon-inline" aria-hidden="true"></i>Endpoints Públicos</h3>
+        <p>APIs HTTP para catálogo, ranking, status do sistema e dados de descoberta consumíveis por frontends e integrações.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-link icon-inline" aria-hidden="true"></i>Integração com Serviços</h3>
+        <p>Fluxos preparados para conectar monitoramento, pipelines de conteúdo, serviços de IA e rotinas externas.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-key icon-inline" aria-hidden="true"></i>Governança de Acesso</h3>
+        <p>Rotas técnicas e documentação organizada para facilitar controle de consumo e expansão por ambiente.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-gear icon-inline" aria-hidden="true"></i>Pronto para SaaS</h3>
+        <p>Base adequada para produtos multi-módulo com evolução incremental sem reescrever o núcleo do sistema.</p>
+      </article>
+    </section>
+    <h2 class="section-title"><i class="fa-solid fa-gauge-high icon-inline" aria-hidden="true"></i>Status e Telemetria do Sistema</h2>
+    <section class="hero-stats">
+      <div class="chip" id="metric-host-cpu">CPU host: carregando...</div>
+      <div class="chip" id="metric-host-memory">RAM host: carregando...</div>
+      <div class="chip" id="metric-process-uptime">Uptime processo: carregando...</div>
+      <div class="chip" id="metric-observability">Observabilidade: carregando...</div>
+    </section>
+    <section class="rank-panel">
+      <h2 class="rank-title"><i class="fa-solid fa-ranking-star icon-inline" aria-hidden="true"></i>Painel de atividade recente</h2>
+      <p class="rank-meta" id="rank-summary">Carregando ranking global...</p>
+      <ul class="rank-list" id="rank-list">
+        <li class="rank-item"><span class="rank-name">Carregando...</span><span class="rank-value">--</span></li>
+      </ul>
+    </section>
+    <h2 class="section-title"><i class="fa-solid fa-laptop-code icon-inline" aria-hidden="true"></i>Stack Tecnológica</h2>
+    <section class="grid">
+      <article class="card">
+        <h3><i class="fa-brands fa-node-js icon-inline" aria-hidden="true"></i>Node.js + Baileys</h3>
+        <p>Runtime principal de mensageria, orquestração de eventos e automações operacionais de WhatsApp.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-database icon-inline" aria-hidden="true"></i>MySQL + Migrations</h3>
+        <p>Persistência transacional com versionamento de schema para manter evolução segura do sistema.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-chart-column icon-inline" aria-hidden="true"></i>Observabilidade</h3>
+        <p>Métricas e endpoints operacionais compatíveis com Prometheus, Grafana e monitoramento de latência.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-layer-group icon-inline" aria-hidden="true"></i>Frontend Web</h3>
+        <p>Painéis web para catálogo, documentação e administração, consumindo os mesmos serviços de API.</p>
+      </article>
+    </section>
+    <h2 class="section-title"><i class="fa-brands fa-github icon-inline" aria-hidden="true"></i>Projeto Open Source no GitHub</h2>
+    <section class="rank-panel github-spotlight">
+      <p class="rank-meta">Indicadores públicos do repositório: stars, forks, issues, releases e evolução contínua do projeto.</p>
+      <div
+        id="github-project-panel-root"
+        data-owner="kaikybrofc"
+        data-repo="omnizap-system"
+        data-endpoint="/api/sticker-packs/project-summary"
+      ></div>
+    </section>
+    <h2 class="section-title"><i class="fa-solid fa-code icon-inline" aria-hidden="true"></i>Bloco Técnico</h2>
+    <section class="api">
+      <div class="api-head"><i class="fa-solid fa-flask-vial icon-inline" aria-hidden="true"></i>Referência rápida de integração</div>
+      <pre><code># Autenticação (exemplo via header)
+Authorization: Bearer &lt;token-de-acesso&gt;
+# Health check da API
+GET /api/sticker-packs?limit=1
+# Endpoints úteis
+GET /api/sticker-packs?visibility=public&limit=24&offset=0
+GET /api/sticker-packs/global-ranking-summary
+GET /api/sticker-packs/system-summary
+GET /api/sticker-packs/orphan-stickers?limit=120&offset=0
+GET /api/sticker-packs/:packKey
+GET /data/stickers/:owner/:file.webp
+# Consumo via curl
+curl -sS https://omnizap.shop/api/sticker-packs/system-summary | jq</code></pre>
+    </section>
+    <h2 class="section-title"><i class="fa-solid fa-icons icon-inline" aria-hidden="true"></i>Módulo de Catálogo e Stickers</h2>
+    <section class="market-preview">
+      <div class="market-preview-head">
+        <h2 class="market-preview-title"><i class="fa-solid fa-fire icon-inline" aria-hidden="true"></i>Packs em destaque do módulo stickers</h2>
+        <span id="hero-preview-status" class="market-preview-status">Carregando dados do módulo...</span>
+      </div>
+      <div id="hero-pack-preview" class="market-preview-grid"></div>
+    </section>
+    <section class="grid">
+      <article class="card">
+        <h3><i class="fa-solid fa-puzzle-piece icon-inline" aria-hidden="true"></i>Módulo Secundário</h3>
+        <p>O catálogo de stickers é um recurso da plataforma, integrado ao núcleo de API e operação do OmniZap.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-globe icon-inline" aria-hidden="true"></i>Packs Públicos</h3>
+        <p>Listagem com busca e ordenação para navegar por coleções compartilhadas e abrir detalhes de cada pack.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-share-nodes icon-inline" aria-hidden="true"></i>Compartilhamento Direto</h3>
+        <p>Cada pack possui link dedicado para distribuição rápida no WhatsApp e integração com fluxos de comunidade.</p>
+      </article>
+      <article class="card">
+        <h3><i class="fa-solid fa-box-open icon-inline" aria-hidden="true"></i>Curadoria Operacional</h3>
+        <p>Área para organizar figurinhas sem pack, manter qualidade do acervo e apoiar fluxos de conteúdo do bot.</p>
+      </article>
+    </section>
+    <section class="final-cta">
+      <p><strong>Pronto para produção.</strong><br />Acesse o repositório, consulte a API e implemente o OmniZap na sua stack de automação.</p>
+      <a class="btn primary" href="https://github.com/Kaikygr/omnizap-system" target="_blank" rel="noreferrer noopener"><i class="fa-brands fa-github icon-inline" aria-hidden="true"></i>Iniciar no GitHub</a>
+    </section>
+  </main>
+  <footer>
+    <div class="container foot-grid">
+      <div class="foot-col">
+        <h4><i class="fa-solid fa-cube icon-inline" aria-hidden="true"></i>Produto</h4>
+        <a href="/"><i class="fa-solid fa-house icon-inline" aria-hidden="true"></i>Home</a>
+        <a href="/stickers/"><i class="fa-solid fa-icons icon-inline" aria-hidden="true"></i>Stickers</a>
+        <a href="/stickers/create/"><i class="fa-solid fa-plus icon-inline" aria-hidden="true"></i>Criar Pack</a>
+        <a href="/api-docs/"><i class="fa-solid fa-book icon-inline" aria-hidden="true"></i>API Docs</a>
+        <a href="/termos-de-uso/"><i class="fa-solid fa-file-contract icon-inline" aria-hidden="true"></i>Termos de Uso</a>
+        <a href="/licenca/"><i class="fa-solid fa-scale-balanced icon-inline" aria-hidden="true"></i>Licença</a>
+      </div>
+      <div class="foot-col">
+        <h4><i class="fa-solid fa-diagram-project icon-inline" aria-hidden="true"></i>Projeto</h4>
+        <a href="https://github.com/Kaikygr/omnizap-system" target="_blank" rel="noreferrer noopener"><i class="fa-brands fa-github icon-inline" aria-hidden="true"></i>GitHub</a>
+        <a href="/api/sticker-packs?limit=1"><i class="fa-solid fa-heart-pulse icon-inline" aria-hidden="true"></i>Health API</a>
+      </div>
+      <div class="foot-col">
+        <h4><i class="fa-solid fa-server icon-inline" aria-hidden="true"></i>Stack</h4>
+        <a href="#"><i class="fa-brands fa-node-js icon-inline" aria-hidden="true"></i>Node.js</a>
+        <a href="#"><i class="fa-solid fa-database icon-inline" aria-hidden="true"></i>MySQL</a>
+        <a href="#"><i class="fa-solid fa-chart-column icon-inline" aria-hidden="true"></i>Prometheus/Grafana</a>
+      </div>
+      <div class="foot-col">
+        <h4><i class="fa-solid fa-robot icon-inline" aria-hidden="true"></i>OmniZap</h4>
+        <div>OmniZap System - 2026</div>
+      </div>
+    </div>
+  </footer>
+  <a
+    id="wpp-float"
+    class="wpp-float"
+    href="#"
+    target="_blank"
+    rel="noreferrer noopener"
+    aria-label="Falar com o bot no WhatsApp"
+    title="Falar com o bot"
+    hidden
+  ><i class="fa-brands fa-whatsapp" aria-hidden="true"></i></a>
+  <div id="home-react-root" hidden></div>
+  <script type="module" src="/js/apps/homeApp.js?v=20260227c"></script>
+  <script type="module" src="/js/github-panel/index.js?v=20260226a"></script>
+</body>
+</html>