Add EIP-712 test suite, remote metadata service, verification badges, and popup wallet mode

- Add RemoteMetadataService for fetching metadata from KaiSign API with
  retry on 429 rate limiting, verification data attachment, and EIP-712
  cache isolation to prevent calldata fixture cache pollution
- Add verification badges to test output ([Verified]/[Unverified]/[Mismatch])
  matching the popup's on-chain attestation display logic
- Add EIP-712 CoW Protocol Order test suite (5 tests: sell, buy, partial
  fill, unknown type, Gnosis Chain) with --remote flag support
- Add wallet mode toggle to popup UI with MetaMask Enhancer mode
- Clean up manifest.json: remove unused script references
- Update CoW GPv2 Order fixture to match production API format

71/71 tests passing locally, 71/71 with --remote

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: muhammadaus

manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "KaiSign",
   "version": "1.3.0",
-  "description": "Transaction analysis and clear signing for Ethereum wallets - Direct Ledger support",
+  "description": "Transaction analysis and clear signing for Ethereum wallets",
   "icons": {
     "16": "icons/icon-16.png",
     "32": "icons/icon-32.png",
@@ -52,10 +52,6 @@
     {
       "matches": ["<all_urls>"],
       "js": [
-        "rpc-provider.js",
-        "ledger-connection-service.js",
-        "eip1193-provider.js",
-        "kaisign-provider.js",
         "name-resolution-service.js",
         "subgraph-metadata.js",
         "onchain-verifier.js",
@@ -74,10 +70,6 @@
   "web_accessible_resources": [
     {
       "resources": [
-        "rpc-provider.js",
-        "ledger-connection-service.js",
-        "eip1193-provider.js",
-        "kaisign-provider.js",
         "name-resolution-service.js",
         "subgraph-metadata.js",
         "onchain-verifier.js",

popup.css

@@ -194,6 +194,96 @@ body.theme-dark::after {
   height: 16px;
 }
 
+/* Mode Toggle Section */
+.mode-toggle-section {
+  padding: 12px 16px;
+  background: var(--surface);
+  border-bottom: 1px solid var(--border);
+  flex-shrink: 0;
+  z-index: 1;
+}
+
+.mode-toggle-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.mode-label {
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.mode-status {
+  font-size: 11px;
+  color: var(--accent);
+  font-weight: 500;
+}
+
+.mode-buttons {
+  display: flex;
+  gap: 8px;
+}
+
+.mode-btn {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 8px 12px;
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  color: var(--text-muted);
+  font-size: 11px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.mode-btn:hover {
+  background: var(--surface-strong);
+  color: var(--text);
+  border-color: var(--accent);
+}
+
+.mode-btn.active {
+  background: linear-gradient(135deg, var(--accent), var(--accent-cool));
+  color: white;
+  border-color: transparent;
+  box-shadow: 0 4px 12px rgba(15, 159, 154, 0.3);
+}
+
+.mode-btn svg {
+  flex-shrink: 0;
+}
+
+.btn-small {
+  padding: 4px 10px;
+  background: var(--accent);
+  color: white;
+  border: none;
+  border-radius: 4px;
+  font-size: 10px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.btn-small:hover {
+  background: var(--accent-strong);
+}
+
+.btn-small:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
 /* Search */
 .search-wrapper {
   position: relative;

popup.html

@@ -30,6 +30,23 @@
     </div>
   </header>
 
+  <!-- Wallet Mode Toggle -->
+  <div class="mode-toggle-section" id="modeSection">
+    <div class="mode-toggle-header">
+      <span class="mode-label">Wallet Mode</span>
+      <span class="mode-status" id="modeStatus">Loading...</span>
+    </div>
+    <div class="mode-buttons">
+      <button class="mode-btn active" id="modeEnhancer" title="Intercept MetaMask transactions">
+        <svg viewBox="0 0 16 16" fill="currentColor" width="14" height="14">
+          <path d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 13A6 6 0 1 1 8 2a6 6 0 0 1 0 12z"/>
+          <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
+        </svg>
+        MetaMask Enhancer
+      </button>
+    </div>
+  </div>
+
   <!-- Search -->
   <div class="search-wrapper">
     <svg viewBox="0 0 16 16" fill="currentColor">

popup.js

@@ -6,6 +6,7 @@ let transactions = [];
 let currentSearch = '';
 let importData = null;
 let activeDetailTx = null;
+let currentMode = 'enhancer';
 
 // DOM Elements
 const elements = {
@@ -36,16 +37,99 @@ const elements = {
   closeDetailModalBtn: document.getElementById('closeDetailModalBtn'),
   copyRawBtn: document.getElementById('copyRawBtn'),
   copyJsonBtn: document.getElementById('copyJsonBtn'),
-  toast: document.getElementById('toast')
+  toast: document.getElementById('toast'),
+  // Mode toggle elements
+  modeSection: document.getElementById('modeSection'),
+  modeStatus: document.getElementById('modeStatus'),
+  modeEnhancer: document.getElementById('modeEnhancer')
 };
 
 // Initialize
 document.addEventListener('DOMContentLoaded', init);
 
 async function init() {
   await loadTheme();
+  await loadMode();
   await loadData();
   setupEventListeners();
+  setupModeListeners();
+}
+
+// Load wallet mode from storage
+async function loadMode() {
+  try {
+    const result = await chrome.storage.local.get(['kaisign_mode']);
+    currentMode = result.kaisign_mode || 'enhancer';
+    updateModeUI();
+  } catch (error) {
+    console.error('[KaiSign] Failed to load mode:', error);
+    currentMode = 'enhancer';
+    updateModeUI();
+  }
+}
+
+// Update mode UI based on current mode
+function updateModeUI() {
+  // Update button states
+  if (elements.modeEnhancer) {
+    elements.modeEnhancer.classList.toggle('active', currentMode === 'enhancer');
+  }
+
+  // Update status text
+  if (elements.modeStatus) {
+    elements.modeStatus.textContent = 'MetaMask Enhancer';
+    elements.modeStatus.style.color = 'var(--accent)';
+  }
+}
+
+// Set wallet mode
+async function setMode(mode) {
+  try {
+    await chrome.storage.local.set({ kaisign_mode: mode });
+    currentMode = mode;
+    updateModeUI();
+
+    // Get RPC settings to sync along with mode
+    const settings = await chrome.storage.local.get(['settings']);
+    const rpcEndpoints = settings.settings?.rpcEndpoints || {};
+
+    // Sync to localStorage in the active tab so content scripts can read it
+    // (Content scripts in MAIN world can't access chrome.storage)
+    chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
+      if (tabs[0]) {
+        chrome.scripting.executeScript({
+          target: { tabId: tabs[0].id },
+          func: (m, rpc) => {
+            localStorage.setItem('kaisign_mode', m);
+            localStorage.setItem('kaisign_rpc_endpoints', JSON.stringify(rpc));
+            // Notify RPC provider to reload
+            if (window.KaiSignRPC && window.KaiSignRPC.reloadEndpoints) {
+              window.KaiSignRPC.reloadEndpoints();
+            }
+          },
+          args: [mode, rpcEndpoints],
+          world: 'MAIN'
+        }).catch(() => {});
+
+        chrome.tabs.sendMessage(tabs[0].id, {
+          type: 'KAISIGN_MODE_CHANGED',
+          mode: mode
+        }).catch(() => {});
+      }
+    });
+
+    showToast('MetaMask Enhancer mode active. Refresh page to apply.', 'success');
+  } catch (error) {
+    console.error('[KaiSign] Failed to set mode:', error);
+    showToast('Failed to switch mode', 'error');
+  }
+}
+
+// Setup mode toggle listeners
+function setupModeListeners() {
+  if (elements.modeEnhancer) {
+    elements.modeEnhancer.addEventListener('click', () => setMode('enhancer'));
+  }
 }
 
 async function loadTheme() {

tests/fixtures/metadata/eip712/cow-gpv2-order.json

@@ -1,4 +1,5 @@
 {
+  "$schema": "../../erc7730-v1.schema.json",
   "context": {
     "eip712": {
       "domain": {
@@ -7,6 +8,12 @@
         "chainId": 1,
         "verifyingContract": "0x9008D19f58AAbD9eD0D60971565AA8510560ab41"
       },
+      "deployments": [
+        { "chainId": 1, "verifyingContract": "0x9008D19f58AAbD9eD0D60971565AA8510560ab41" },
+        { "chainId": 100, "verifyingContract": "0x9008D19f58AAbD9eD0D60971565AA8510560ab41" },
+        { "chainId": 42161, "verifyingContract": "0x9008D19f58AAbD9eD0D60971565AA8510560ab41" },
+        { "chainId": 8453, "verifyingContract": "0x9008D19f58AAbD9eD0D60971565AA8510560ab41" }
+      ],
       "primaryType": "Order",
       "types": {
         "EIP712Domain": [
@@ -29,28 +36,31 @@
           { "name": "sellTokenBalance", "type": "string" },
           { "name": "buyTokenBalance", "type": "string" }
         ]
-      },
-      "name": "CoW Protocol Order",
-      "description": "CoW Protocol (Gnosis Protocol v2) swap order"
+      }
+    }
+  },
+  "metadata": {
+    "owner": "CoW Protocol",
+    "info": {
+      "url": "https://cow.fi",
+      "legalName": "CoW Protocol"
     }
   },
   "display": {
     "formats": {
       "Order": {
         "intent": "Sign CoW Protocol order",
+        "interpolatedIntent": "Swap {sellAmount} {sellToken} for {buyAmount} {buyToken}",
         "fields": [
-          { "path": "sellToken", "label": "Sell Token", "format": "address" },
-          { "path": "buyToken", "label": "Buy Token", "format": "address" },
+          { "path": "sellToken", "label": "Sell Token", "format": "addressName" },
+          { "path": "buyToken", "label": "Buy Token", "format": "addressName" },
           { "path": "sellAmount", "label": "Sell Amount", "format": "amount", "params": { "tokenPath": "$.sellToken" } },
-          { "path": "buyAmount", "label": "Min Buy Amount", "format": "amount", "params": { "tokenPath": "$.buyToken" } },
-          { "path": "receiver", "label": "Receiver", "format": "address" },
+          { "path": "buyAmount", "label": "Min Receive", "format": "amount", "params": { "tokenPath": "$.buyToken" } },
+          { "path": "receiver", "label": "Receiver", "format": "addressName" },
           { "path": "validTo", "label": "Valid Until", "format": "timestamp" },
-          { "path": "feeAmount", "label": "Fee Amount", "format": "amount", "params": { "tokenPath": "$.sellToken" } },
+          { "path": "feeAmount", "label": "Fee", "format": "amount", "params": { "tokenPath": "$.sellToken" } },
           { "path": "kind", "label": "Order Type", "format": "string" },
-          { "path": "partiallyFillable", "label": "Partial Fill", "format": "boolean" },
-          { "path": "sellTokenBalance", "label": "Sell Token Source", "format": "string" },
-          { "path": "buyTokenBalance", "label": "Buy Token Dest", "format": "string" },
-          { "path": "appData", "label": "App Data", "format": "hex" }
+          { "path": "partiallyFillable", "label": "Partial Fill", "format": "boolean" }
         ]
       }
     }