From b1a4703d6057bb7f88179827a81bc51d8d50be1b Mon Sep 17 00:00:00 2001
From: Leo McArdle <leo@mozilla.com>
Date: Thu, 15 Jan 2026 11:08:03 +0000
Subject: [PATCH 1/3] feat(baseline): add link to developer-signals repo

---
 components/baseline-indicator/server.css |  5 ++++-
 components/baseline-indicator/server.js  | 28 ++++++++++++++++++++++++
 l10n/en-US.ftl                           |  1 +
 3 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/components/baseline-indicator/server.css b/components/baseline-indicator/server.css
index b92475065..c82f7dcb9 100644
--- a/components/baseline-indicator/server.css
+++ b/components/baseline-indicator/server.css
@@ -213,6 +213,10 @@
     padding-right: 1rem;
     padding-bottom: 1.5rem;
 
+    a {
+      font-weight: 500;
+    }
+
     p {
       margin-top: 0;
       margin-bottom: 1rem;
@@ -231,7 +235,6 @@
 
       li {
         margin: 0;
-        font-weight: 500;
         list-style: none;
 
         a.learn-more {
diff --git a/components/baseline-indicator/server.js b/components/baseline-indicator/server.js
index 9d9c8897d..738b57451 100644
--- a/components/baseline-indicator/server.js
+++ b/components/baseline-indicator/server.js
@@ -47,6 +47,18 @@ const LOCALIZED_BCD_IDS = {
 const SURVEY_URL =
   "https://survey.alchemer.com/s3/7634825/MDN-baseline-feedback";
 
+/** @type {Record<string, { url: string, votes: number }>} */
+let signalsData = {};
+
+try {
+  const signalsRes = await fetch(
+    "https://web-platform-dx.github.io/developer-signals/web-features-signals.json",
+  );
+  signalsData = await signalsRes.json();
+} catch {
+  // noop
+}
+
 export class BaselineIndicator extends ServerComponent {
   static inlineScript = inlineScript;
 
@@ -80,6 +92,8 @@ export class BaselineIndicator extends ServerComponent {
 
     const feedbackLink = `${SURVEY_URL}?page=${encodeURIComponent(context.url)}&level=${level}`;
 
+    const signalsLink = signalsData[status.feature.id]?.url;
+
     const isBrowserSupported =
       /** @param {import("./types.js").BrowserGroup} browser */ (browser) => {
         return browser.ids.map((id) => status.support?.[id]).every(Boolean);
@@ -183,6 +197,20 @@ export class BaselineIndicator extends ServerComponent {
         <span class="icon icon-chevron"></span>
       </summary>
       <div class="extra">
+        ${signalsLink
+          ? html`<p>
+              ${context.l10n.raw({
+                id: "baseline-signals",
+                elements: {
+                  link: {
+                    tag: "a",
+                    href: signalsLink,
+                    target: "_blank",
+                  },
+                },
+              })}
+            </p>`
+          : nothing}
         ${level === "high" && low_date
           ? html`<p>
               ${context.l10n.raw({
diff --git a/l10n/en-US.ftl b/l10n/en-US.ftl
index dad8a2089..e9380f142 100644
--- a/l10n/en-US.ftl
+++ b/l10n/en-US.ftl
@@ -11,6 +11,7 @@ baseline-not-extra = This feature is not Baseline because it does not work in so
 baseline-supported-in = Supported in { $browsers }
 baseline-unsupported-in = Not widely supported in { $browsers }
 baseline-supported-and-unsupported-in = Supported in { $supported }, but not widely supported in { $unsupported }
+baseline-signals = Want more support for this feature? <a data-l10n-name="link">Tell us why!</a>
 
 homepage-hero-title = Resources for Developers,<br> by Developers
 homepage-hero-description = Documenting <a data-l10n-name="css">CSS</a>, <a data-l10n-name="html">HTML</a>, and <a data-l10n-name="js">JavaScript</a>, since 2005.

From 31a374ac8517d420b2bae9e9fe3c901af13d5a36 Mon Sep 17 00:00:00 2001
From: Leo McArdle <leo@mozilla.com>
Date: Thu, 18 Sep 2025 17:37:32 +0100
Subject: [PATCH 2/3] feat(baseline): open banners with signals link by default

---
 components/baseline-indicator/hook.js   | 9 ++++++---
 components/baseline-indicator/server.js | 4 ++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/components/baseline-indicator/hook.js b/components/baseline-indicator/hook.js
index 80e336cad..42a71e595 100644
--- a/components/baseline-indicator/hook.js
+++ b/components/baseline-indicator/hook.js
@@ -1,10 +1,13 @@
 try {
   const indicator = document.querySelector(".baseline-indicator");
   if (indicator instanceof HTMLDetailsElement) {
-    indicator.addEventListener("toggle", () => {
+    const { openByDefault } = indicator.dataset;
+    if (openByDefault === undefined) {
+      indicator.addEventListener("toggle", () => {
+        saveState(indicator.open);
+      });
       saveState(indicator.open);
-    });
-    saveState(indicator.open);
+    }
   }
 
   /**
diff --git a/components/baseline-indicator/server.js b/components/baseline-indicator/server.js
index 738b57451..cab884348 100644
--- a/components/baseline-indicator/server.js
+++ b/components/baseline-indicator/server.js
@@ -142,9 +142,13 @@ export class BaselineIndicator extends ServerComponent {
         }
       };
 
+    const openByDefault = Boolean(signalsLink);
+
     return html`<details
       class="baseline-indicator ${level}"
       data-glean-toggle-open="baseline_toggle_open"
+      ?open=${openByDefault}
+      ?data-open-by-default=${openByDefault}
     >
       <summary>
         <span

From 992061521f5b85c7c8b04b16eb1273218f36f993 Mon Sep 17 00:00:00 2001
From: Leo McArdle <leo@mozilla.com>
Date: Thu, 15 Jan 2026 12:27:20 +0000
Subject: [PATCH 3/3] add glean ping to link

---
 components/baseline-indicator/server.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/baseline-indicator/server.js b/components/baseline-indicator/server.js
index cab884348..6df002683 100644
--- a/components/baseline-indicator/server.js
+++ b/components/baseline-indicator/server.js
@@ -210,6 +210,7 @@ export class BaselineIndicator extends ServerComponent {
                     tag: "a",
                     href: signalsLink,
                     target: "_blank",
+                    "data-glean-id": "baseline_link_signals",
                   },
                 },
               })}