fix(landing): coordinate campaign and pricing help

Generated-By: looper 0.11.8 (runner=fixer, agent=codex)

Author: Siri-Ray

apps/landing-page/app/_components/go-banner.astro

@@ -156,7 +156,11 @@ const apiOrigin =
     try {
       if (window.localStorage.getItem(dismissKey) === '1') return;
     } catch (error) {}
+    const announceOwnershipChange = () => {
+      window.dispatchEvent(new Event('go-banner:state-change'));
+    };
     document.documentElement.classList.add('go-banner-pending');
+    announceOwnershipChange();
 
     const track = (name, extra) => {
       try {
@@ -172,10 +176,12 @@ const apiOrigin =
     const hide = () => {
       banner.setAttribute('hidden', '');
       document.documentElement.classList.remove('go-banner-active', 'go-banner-pending');
+      announceOwnershipChange();
     };
     const show = () => {
       banner.removeAttribute('hidden');
       document.documentElement.classList.add('go-banner-active');
+      announceOwnershipChange();
       track('surface_view');
     };
 
@@ -191,6 +197,7 @@ const apiOrigin =
     const apiOrigin = (banner.getAttribute('data-api-origin') || '').replace(/\/$/, '');
     if (!apiOrigin) {
       document.documentElement.classList.remove('go-banner-pending');
+      announceOwnershipChange();
       return;
     }
     fetch(apiOrigin + '/api/auth/get-session', {
@@ -222,6 +229,7 @@ const apiOrigin =
       .catch(() => {
         // A failed entitlement probe cannot safely classify a signed-in visitor.
       })
-      .finally(() => document.documentElement.classList.remove('go-banner-pending'));
+      .finally(() => document.documentElement.classList.remove('go-banner-pending'))
+      .then(announceOwnershipChange);
   })();
 </script>

apps/landing-page/app/_components/pricing-individual-plans.astro

@@ -516,7 +516,12 @@ const otherModels = 'Gemini-3.1-Pro, Grok-4.5, GPT-5.4, GPT-5.6-Terra, Qwen3.7-M
                     <th class="model-group-cell" rowspan={models.length} scope="rowgroup">
                       <span class="model-group-title">
                         <span>{categoryCopy[category].title}</span>
-                        {category === 'popular' && <button type="button" class="model-group-help" aria-label={P.aboutPopularAllowance}>?</button>}
+                        {category === 'popular' && (
+                          <details class="model-group-help">
+                            <summary aria-label={P.aboutPopularAllowance}>?</summary>
+                            <span class="model-group-help-copy">{P.usageAllowanceNote}</span>
+                          </details>
+                        )}
                       </span>
                       <small>{categoryCopy[category].count}</small>
                     </th>
@@ -1457,23 +1462,57 @@ const otherModels = 'Gemini-3.1-Pro, Grok-4.5, GPT-5.4, GPT-5.6-Terra, Qwen3.7-M
   }
 
   .model-group-help {
-    display: flex;
+    position: relative;
     flex: 0 0 17px;
+    width: 17px;
+    height: 17px;
+    align-items: center;
+    margin-top: 2px;
+  }
+
+  .model-group-help summary {
+    display: flex;
     align-items: center;
     justify-content: center;
     width: 17px;
     height: 17px;
-    margin-top: 2px;
     padding: 0;
     color: #555a52;
     font-size: 10px;
     line-height: 1;
+    list-style: none;
     cursor: help;
     background: transparent;
     border: 1px solid #777c74;
     border-radius: 50%;
   }
 
+  .model-group-help summary::-webkit-details-marker { display: none; }
+  .model-group-help summary::marker { content: ''; }
+  .model-group-help summary:focus-visible {
+    outline: 2px solid #1f7e16;
+    outline-offset: 2px;
+  }
+
+  .model-group-help-copy {
+    position: absolute;
+    z-index: 4;
+    top: 25px;
+    left: 0;
+    display: block;
+    width: 280px;
+    padding: 10px 12px;
+    color: #30342e;
+    font-size: 11px;
+    font-weight: 500;
+    line-height: 1.5;
+    text-align: left;
+    background: #fff;
+    border: 1px solid rgba(65, 72, 61, 0.16);
+    border-radius: 10px;
+    box-shadow: 0 10px 30px rgba(28, 35, 24, 0.12);
+  }
+
   .model-name-cell {
     color: #30342e !important;
     font-size: 15px;

apps/landing-page/app/pages/index.astro

@@ -371,7 +371,10 @@ const cobeEnhancerUrl = `/enhancers/cobe.js?v=${
         const updateCampaignVisibility = () => {
           const now = Date.now();
           const active = now >= startAt && now < endAt;
-          const visible = active && !dismissed;
+          const goOwns =
+            document.documentElement.classList.contains('go-banner-active') ||
+            document.documentElement.classList.contains('go-banner-pending');
+          const visible = active && !dismissed && !goOwns;
           if (banner) banner.hidden = !visible;
           document.documentElement.classList.toggle('home-campaign-banner-active', visible);
           if (!active || !countdown) return active;
@@ -387,9 +390,13 @@ const cobeEnhancerUrl = `/enhancers/cobe.js?v=${
           }
           return active;
         };
+        window.addEventListener('go-banner:state-change', updateCampaignVisibility);
         updateCampaignVisibility();
         const campaignTimer = window.setInterval(updateCampaignVisibility, 1000);
-        window.addEventListener('pagehide', () => window.clearInterval(campaignTimer), { once: true });
+        window.addEventListener('pagehide', () => {
+          window.clearInterval(campaignTimer);
+          window.removeEventListener('go-banner:state-change', updateCampaignVisibility);
+        }, { once: true });
         campaignLink?.addEventListener('click', (event) => {
           const eligible = Date.now() >= startAt && Date.now() < endAt;
           const attribution = eligible

apps/landing-page/tests/go-banner.test.ts

@@ -82,6 +82,19 @@ test('Go banner suppresses DeepSeek while audience classification is pending', (
   );
 });
 
+test('DeepSeek visibility and impressions follow Go banner ownership changes', () => {
+  assert.match(
+    home,
+    /const goOwns =\s*document\.documentElement\.classList\.contains\('go-banner-active'\) \|\|\s*document\.documentElement\.classList\.contains\('go-banner-pending'\);/,
+  );
+  assert.match(home, /const visible = active && !dismissed && !goOwns;/);
+  assert.match(
+    home,
+    /window\.addEventListener\('go-banner:state-change', updateCampaignVisibility\);/,
+  );
+  assert.match(banner, /new Event\('go-banner:state-change'\)/);
+});
+
 test('Go banner uses the confirmed short copy and links to localized Pricing', () => {
   for (const locale of Object.keys(expectedGoBannerDetails) as Array<
     keyof typeof expectedGoBannerDetails

apps/landing-page/tests/pricing-contract.test.ts

@@ -221,6 +221,19 @@ describe("pricing contract", () => {
     assert.doesNotMatch(individualPlans, />UP TO \{imageResolution\}<\/em>/);
   });
 
+  it("reveals the localized popular-model allowance from the comparison help control", async () => {
+    const individualPlans = await readFile(PRICING_INDIVIDUAL_PATH, "utf8");
+
+    assert.match(
+      individualPlans,
+      /<details class="model-group-help">\s*<summary aria-label=\{P\.aboutPopularAllowance\}>\?<\/summary>\s*<span class="model-group-help-copy">\{P\.usageAllowanceNote\}<\/span>\s*<\/details>/s,
+    );
+    assert.doesNotMatch(
+      individualPlans,
+      /<button[^>]*class="model-group-help"/,
+    );
+  });
+
   it("keeps the Max wordmark readable on its dark card", async () => {
     const [individualPlans, logo] = await Promise.all([
       readFile(PRICING_INDIVIDUAL_PATH, "utf8"),