diff --git a/docs/proposals/015-2025-benchmark-gap-and-mcp.md b/docs/proposals/015-2025-benchmark-gap-and-mcp.md
new file mode 100644
index 0000000..0c80082
--- /dev/null
+++ b/docs/proposals/015-2025-benchmark-gap-and-mcp.md
@@ -0,0 +1,63 @@
+# Strategic Update Proposal: 2025 Benchmark-to-Production Gap and MCP Integration
+
+**Date:** June 2026 **Status:** Proposed Update to BiModal Design v3.0
+Methodology **Author:** Strategic Research and Innovation Lead
+
+## 1. Landscape Monitoring & Benchmark Synthesis
+
+Recent intelligence and the 2025 AI Agent Index highlight two critical trends in
+the agentic ecosystem that require updates to the BiModal Design framework:
+
+1. **The Benchmark-to-Production Gap:** While public benchmarks like SWE-bench
+   and WebArena measure agent capabilities on specific task distributions, they
+   do not predict production performance. A verified 20-40 percentage point
+   performance drop is routinely observed when agents move from structured
+   public benchmarks to real-world, production environments. This discrepancy
+   underscores the need for robust, defensive UI design and the "Defense in
+   Depth" strategy.
+2. **MCP as the Standard Integration Layer:** 20 of the top 30 AI agents
+   released or updated in 2024-2025 explicitly support the Model Context
+   Protocol (MCP) for tool integration. Enterprise agents lead this adoption,
+   with 12 out of 13 integrating MCP.
+
+## 2. Gap Analysis
+
+Comparing the current repository documentation against these findings reveals
+the following gaps:
+
+- **Addressing the Production Gap:** While our framework references WebArena, it
+  doesn't explicitly highlight the massive 20-40% performance drop observed in
+  production environments. This gap necessitates stronger emphasis on Layer 2
+  (Semantic Structure) stability to counteract DOM drift and improve agent
+  reliability in the wild.
+- **Unified AOM and MCP Standards:** We have proposed integrating the
+  Accessibility Object Model (AOM) for Web Components via `ElementInternals` (to
+  improve Layer 2) and MCP discovery (Layer 5), but we haven't documented a
+  unified pattern where both are used cohesively to create a robust,
+  "production-ready" agent interface.
+
+## 3. Proposed Architectural Refinements & Content Updates
+
+To maintain BiModal Design as the definitive standard, we propose the following
+specific updates:
+
+**1. Update Whitepaper Content:** Modify `docs/whitepaper.md` to integrate the
+2025 findings.
+
+- Explicitly state the 20-40 percentage point drop observed from public
+  benchmarks to real task distribution.
+- Note that 20/30 of the leading 2025 agents support MCP, reinforcing its
+  importance as the primary Layer 5 protocol.
+
+**2. New Implementation Pattern for Web Components:** Propose a unified code
+pattern that integrates Layer 2 (`ElementInternals` for native AOM semantics)
+and Layer 5 (native MCP discovery via `<link>`) to create highly resilient
+custom elements that do not rely on custom attributes.
+
+**3. New Example:** Create `examples/production-ready-mcp-component.html` to
+demonstrate this unified, standards-based Web Component pattern.
+
+_These updates adhere strictly to the framework's core ethos: utilizing
+established web standards to ensure graceful degradation and robust agent
+interactions, addressing the reality of production failure modes without custom
+attributes._
diff --git a/docs/whitepaper.md b/docs/whitepaper.md
index eb37124..0aefb74 100644
--- a/docs/whitepaper.md
+++ b/docs/whitepaper.md
@@ -316,7 +316,10 @@ semantic information from the AOM. To solve this, developers must use the
 component can natively expose its role, `aria-*` states, and accessible name
 directly to the AOM, ensuring that even deeply nested components remain
 transparent and accessible to Level 2 and Level 3 agents without relying on
-brittle light-DOM workarounds.
+brittle light-DOM workarounds. Combining `ElementInternals` with native Model
+Context Protocol (MCP) discovery (e.g., via `<link>` tags) creates
+production-ready custom elements that address both Layer 2 and Layer 5 needs
+robustly.
 
 ### **3.4 Layer 3 — Structured Data**
 
@@ -561,6 +564,10 @@ organic search.
   30-50%
 - **Operational efficiency**: API and protocol layers enable automation that
   GUI-only interfaces cannot support
+- **Production Resilience vs. Benchmarks**: A verified 20-40 percentage point
+  performance drop is routinely observed when moving from structured benchmarks
+  (e.g., WebArena) to production tasks. BiModal Design's defense-in-depth
+  strategy mitigates DOM selector drift and structural failures.
 
 #### **4. The Rendering Divide Persists**
 
diff --git a/examples/production-ready-mcp-component.html b/examples/production-ready-mcp-component.html
new file mode 100644
index 0000000..4afbf32
--- /dev/null
+++ b/examples/production-ready-mcp-component.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>BiModal Design - Production-Ready MCP Component Example</title>
+
+    <!-- Layer 5: Native MCP Discovery -->
+    <link rel="alternate" type="application/mcp+json" href="https://api.example.com/mcp-catalog" />
+
+    <!-- Layer 3: Structured Data -->
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "WebPage",
+        "name": "Production-Ready MCP Component",
+        "description": "Example of a robust Web Component integrating ElementInternals and MCP discovery."
+      }
+    </script>
+
+    <style>
+      body {
+        font-family: system-ui, -apple-system, sans-serif;
+        line-height: 1.5;
+        max-width: 800px;
+        margin: 0 auto;
+        padding: 2rem;
+      }
+      agent-action-button {
+        display: inline-block;
+        padding: 10px 20px;
+        background-color: #0056b3;
+        color: white;
+        border-radius: 4px;
+        cursor: pointer;
+      }
+      agent-action-button:hover {
+        background-color: #004494;
+      }
+      agent-action-button[aria-disabled="true"] {
+        background-color: #cccccc;
+        cursor: not-allowed;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Layer 1: Content in initial HTML (FR-1) -->
+    <!-- Layer 2: Semantic structure with ARIA and native HTML -->
+    <main aria-labelledby="main-title">
+      <h1 id="main-title">Robust Agent Interactions</h1>
+      <p>
+        This page demonstrates a production-ready Web Component that mitigates
+        the 20-40% benchmark-to-production gap by leveraging <code>ElementInternals</code>
+        for robust Accessibility Object Model (AOM) integration (Layer 2) and an
+        HTML <code>&lt;link&gt;</code> tag for Model Context Protocol (MCP) discovery (Layer 5).
+      </p>
+
+      <section aria-labelledby="action-section">
+        <h2 id="action-section">Automated Tasks</h2>
+
+        <!-- The Custom Web Component -->
+        <agent-action-button id="process-data-btn">
+          Process Enterprise Data
+        </agent-action-button>
+
+        <p id="status-message" aria-live="polite"></p>
+      </section>
+    </main>
+
+    <script>
+      /**
+       * Layer 2: Native AOM Integration for Custom Elements
+       * Using ElementInternals avoids brittle light DOM attributes and
+       * ensures Level 2/3 agents can query the Accessibility Tree directly.
+       */
+      class AgentActionButton extends HTMLElement {
+        constructor() {
+          super();
+          // Attach internals to natively expose semantics to AOM
+          this._internals = this.attachInternals();
+          this._internals.role = 'button';
+          this._internals.ariaLabel = 'Process Enterprise Data via MCP';
+          this._internals.ariaDisabled = 'false';
+
+          this.addEventListener('click', this.handleClick.bind(this));
+          this.addEventListener('keydown', (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+              e.preventDefault();
+              this.handleClick();
+            }
+          });
+        }
+
+        connectedCallback() {
+          // Ensure element can receive focus
+          if (!this.hasAttribute('tabindex')) {
+            this.setAttribute('tabindex', '0');
+          }
+        }
+
+        handleClick() {
+          if (this._internals.ariaDisabled === 'true') return;
+
+          this._internals.ariaDisabled = 'true';
+          this._internals.ariaBusy = 'true';
+          document.getElementById('status-message').textContent = 'Processing...';
+
+          // Simulate an async operation (e.g., interacting with an MCP server)
+          setTimeout(() => {
+            this._internals.ariaDisabled = 'false';
+            this._internals.ariaBusy = 'false';
+            document.getElementById('status-message').textContent = 'Processing Complete.';
+          }, 2000);
+        }
+      }
+
+      customElements.define('agent-action-button', AgentActionButton);
+    </script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 6591b86..205df74 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,10 @@
       "version": "3.0.0",
       "hasInstallScript": true,
       "license": "Apache-2.0",
+      "dependencies": {
+        "js-yaml": "^5.1.0",
+        "undici": "^8.5.0"
+      },
       "bin": {
         "bimodal-design": "tools/bimodal-design-cli.js",
         "bmd": "tools/bimodal-design-cli.js",
@@ -2542,6 +2546,12 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
     "node_modules/babel-jest": {
       "version": "30.4.1",
       "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-30.4.1.tgz",
@@ -4602,6 +4612,28 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/js-yaml": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-5.1.0.tgz",
+      "integrity": "sha512-s8VA5jkR8f22S3NAXmhKPFqGUduqZGlsufabVOgN14iTdw/RXcym7bKkbwjxLK9Yw2lEvvmJjFp119+KPeo8Kg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/puzrin"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/nodeca"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.mjs"
+      }
+    },
     "node_modules/jsdom": {
       "version": "29.1.1",
       "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-29.1.1.tgz",
@@ -4653,6 +4685,16 @@
         "node": "20 || >=22"
       }
     },
+    "node_modules/jsdom/node_modules/undici": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.28.0.tgz",
+      "integrity": "sha512-cRZYrTDwWznlnRiPjggAGxZXanty6M8RV1ff8Wm4LWXBp7/IG8v5DnOm74DtUBp9OONpK75YlPnIjQqX0dBDtA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.1"
+      }
+    },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
@@ -5844,13 +5886,12 @@
       }
     },
     "node_modules/undici": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-7.26.0.tgz",
-      "integrity": "sha512-3O9Tf67pGhgOv9jM35AbhkXAKi13f3oy3aE4CSgr+TckGeY+/iu97ZXN+J7DpHPzLbVApFd1IFhcnBjREYXYcg==",
-      "dev": true,
+      "version": "8.5.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-8.5.0.tgz",
+      "integrity": "sha512-xamtWoB1EshgjpmlXd7GGm2VfdDtw1+rD8uhry8pSNW3If6S8E0m2T2+orSKeZXEn/aPJMviCpDBA65WJt8zhg==",
       "license": "MIT",
       "engines": {
-        "node": ">=20.18.1"
+        "node": ">=22.19.0"
       }
     },
     "node_modules/undici-types": {
diff --git a/package.json b/package.json
index d98e568..a307a30 100644
--- a/package.json
+++ b/package.json
@@ -80,5 +80,9 @@
   },
   "optionalDependencies": {
     "puppeteer": "25.1.0"
+  },
+  "dependencies": {
+    "js-yaml": "^5.1.0",
+    "undici": "^8.5.0"
   }
 }