From b91d42bac567ca391f4d6492100bf195958503f6 Mon Sep 17 00:00:00 2001
From: Charly Gomez <charly.gomez1310@gmail.com>
Date: Thu, 11 Jun 2026 11:39:27 +0200
Subject: [PATCH] feat(develop-docs): Link spec status badge to lifecycle page

Add an info icon next to the page-level Status badge in SpecMeta that
links to the spec-lifecycle page. Readers seeing "Status: draft" now
have a clear affordance to learn what that status means and whether
it's safe to build against.

Kept to the page-level badge only; per-section badges reuse the same
vocabulary and stay clean.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/specMeta.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/specMeta.tsx b/src/components/specMeta.tsx
index 6b1c1fe979485a..e042efcd7a78cb 100644
--- a/src/components/specMeta.tsx
+++ b/src/components/specMeta.tsx
@@ -1,3 +1,5 @@
+import {InfoCircledIcon} from '@radix-ui/react-icons';
+
 import {SPEC_STATUS_BADGE, type SpecStatus} from './specConstants';
 
 type SpecMetaProps = {
@@ -18,6 +20,14 @@ export function SpecMeta({version, status}: SpecMetaProps) {
           >
             {status}
           </span>
+          <a
+            href="/sdk/getting-started/standards/spec-lifecycle"
+            className="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"
+            aria-label="Learn about spec statuses"
+            title="Learn about spec statuses"
+          >
+            <InfoCircledIcon className="inline-block" />
+          </a>
         </div>
         <div className="flex items-center gap-2">
           <span className="text-gray-500">Version</span>