@relay-federation/bridge 0.3.14 → 0.3.16

package/cli.js

@@ -744,13 +744,10 @@ async function cmdStart () {
     }
   })
 
-  // Auto-detect incoming payments: request txs announced via INV
+  // Track txids announced via BSV P2P inv (lightweight, no full tx fetch)
   bsvNode.on('tx:inv', ({ txids }) => {
     for (const txid of txids) {
-      if (txRelay.seen.has(txid)) continue
-      bsvNode.getTx(txid, 10000).then(({ txid: id, rawHex }) => {
-        txRelay.broadcastTx(id, rawHex)
-      }).catch(() => {}) // ignore fetch failures
+      txRelay.trackTxid(txid)
     }
   })
 
@@ -894,6 +891,7 @@ async function cmdStart () {
     peerHealth,
     bsvNodeClient: bsvNode,
     store,
+    addressWatcher: watcher,
     performOutboundHandshake,
     registeredPubkeys,
     gossipManager

package/dashboard/index.html

@@ -951,6 +951,7 @@
     <button onclick="setTab('inscriptions')">Inscriptions</button>
     <button onclick="setTab('tokens')">Tokens</button>
     <button onclick="setTab('apps')">Apps</button>
+    <button onclick="setTab('x402')">x402</button>
   </div>
   <div class="header-right">
     <div class="header-stats">
@@ -1100,9 +1101,11 @@ let activeTab = 'overview';
 let savedExplorerInput = '';
 let savedExplorerResult = '';
 let appsData = null;
+let x402Data = null;
 let latestPrice = null;
 let mempoolHistory = [];
 let peerCountHistory = [];
+let rssHistory = [];
 
 function openCardOverlay(type) {
   const b = bridgeData.get(selectedBridge);
@@ -1196,7 +1199,8 @@ function renderCardExpanded(type, b, op) {
       html += '<div class="panel-row"><span class="label">Mesh Bridges</span><span class="value">' + b.peers.connected + ' connected</span></div>';
       html += '<div style="font-size:11px;color:var(--text-dim);margin:16px 0 12px;text-transform:uppercase;letter-spacing:1px">Transactions</div>';
       html += '<div class="panel-row"><span class="label">Mempool</span><span class="value">' + b.txs.mempool + ' txs</span></div>';
-      html += '<div class="panel-row"><span class="label">Seen</span><span class="value">' + b.txs.seen + ' txs</span></div>';
+      html += '<div class="panel-row"><span class="label">Network Seen</span><span class="value">' + (b.txs.known || 0).toLocaleString() + ' txids</span></div>';
+      html += '<div class="panel-row"><span class="label">Relayed</span><span class="value">' + b.txs.seen + ' txs</span></div>';
       // Mempool sparkline (last 20 polls)
       if (mempoolHistory.length > 1) {
         html += '<div style="margin-top:12px"><div style="font-size:11px;color:var(--text-dim);margin-bottom:6px">Mempool History (last ' + mempoolHistory.length + ' polls)</div>';
@@ -1280,6 +1284,40 @@ function renderCardExpanded(type, b, op) {
       html += '<p style="margin-bottom:8px">More BSV bonded + longer held unspent = higher BND score. Minimum: 0.01 BSV.</p>';
       html += '</div></div>';
       break;
+    case 'system':
+      if (!b.system) return '';
+      var sysMem = b.system;
+      var sysMemPct = Math.round(sysMem.usedMemMB / sysMem.totalMemMB * 100);
+      var sysMemClr = sysMemPct > 85 ? 'var(--accent-red)' : sysMemPct > 70 ? 'var(--accent-yellow)' : 'var(--accent-green)';
+      html += '<h2>System</h2>';
+      // RAM hero
+      html += '<div style="text-align:center;padding:20px 0 16px">';
+      html += '<div style="font-size:32px;font-weight:700;color:' + sysMemClr + ';letter-spacing:-1px">' + sysMemPct + '%</div>';
+      html += '<div style="font-size:14px;color:var(--text-muted);margin-top:4px">RAM Usage</div>';
+      html += '</div>';
+      // RAM bar
+      html += '<div style="margin:0 0 20px"><div style="height:8px;background:var(--border);border-radius:4px;overflow:hidden"><div style="height:100%;width:' + sysMemPct + '%;background:' + sysMemClr + ';border-radius:4px;transition:width 0.5s"></div></div>';
+      html += '<div style="display:flex;justify-content:space-between;font-size:11px;margin-top:4px;color:var(--text-dim)"><span>Used: ' + sysMem.usedMemMB + ' MB</span><span>Free: ' + sysMem.freeMemMB + ' MB</span><span>Total: ' + sysMem.totalMemMB + ' MB</span></div></div>';
+      // Process
+      html += '<div style="font-size:11px;color:var(--text-dim);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px">Process</div>';
+      html += '<div class="panel-row"><span class="label">RSS</span><span class="value">' + sysMem.processRssMB + ' MB</span></div>';
+      html += '<div class="panel-row"><span class="label">Node.js</span><span class="value">' + sysMem.nodeVersion + '</span></div>';
+      // CPU
+      html += '<div style="font-size:11px;color:var(--text-dim);margin:16px 0 12px;text-transform:uppercase;letter-spacing:1px">CPU</div>';
+      html += '<div class="panel-row"><span class="label">Cores</span><span class="value">' + sysMem.cpuCount + '</span></div>';
+      html += '<div class="panel-row"><span class="label">Load (1m)</span><span class="value">' + sysMem.loadAvg[0] + '</span></div>';
+      html += '<div class="panel-row"><span class="label">Load (5m)</span><span class="value">' + sysMem.loadAvg[1] + '</span></div>';
+      html += '<div class="panel-row"><span class="label">Load (15m)</span><span class="value">' + sysMem.loadAvg[2] + '</span></div>';
+      // OS
+      html += '<div style="font-size:11px;color:var(--text-dim);margin:16px 0 12px;text-transform:uppercase;letter-spacing:1px">Host</div>';
+      html += '<div class="panel-row"><span class="label">Platform</span><span class="value">' + sysMem.platform + ' / ' + sysMem.arch + '</span></div>';
+      html += '<div class="panel-row"><span class="label">OS Uptime</span><span class="value">' + fmtUptime(sysMem.osUptime) + '</span></div>';
+      // RSS sparkline
+      if (rssHistory && rssHistory.length > 1) {
+        html += '<div style="font-size:11px;color:var(--text-dim);margin:16px 0 12px;text-transform:uppercase;letter-spacing:1px">Process RSS (last ' + rssHistory.length + ' polls)</div>';
+        html += renderSparkline(rssHistory, 'rgba(210,153,34,0.7)');
+      }
+      break;
     default: return '';
   }
   return html;
@@ -1311,6 +1349,7 @@ function renderSparkline(data, color) {
   return svg + '</svg>';
 }
 function scoreColor(v) { return v >= 0.7 ? 'green' : v >= 0.4 ? 'yellow' : 'red'; }
+function fmtAge(ts) { var s = Math.floor((Date.now() - ts) / 1000); if (s < 60) return s + 's ago'; if (s < 3600) return Math.floor(s / 60) + 'm ago'; if (s < 86400) return Math.floor(s / 3600) + 'h ago'; return Math.floor(s / 86400) + 'd ago'; }
 function fmtSats(n) { return n === null || n === undefined ? '-' : n.toLocaleString(); }
 function fmtHeight(n) { return n > 0 ? n.toLocaleString() : '-'; }
 function isOperator(url) { return !!operatorTokens[url]; }
@@ -1390,7 +1429,11 @@ async function discoverBridges() {
 }
 
 // ── Poll ───────────────────────────────────────────
+let polling = false;
 async function pollAll() {
+  if (polling) return;
+  polling = true;
+  try {
   if (!discoveryDone) await discoverBridges();
   const results = await Promise.all(BRIDGES.map(fetchBridge));
   const mempools = await Promise.all(BRIDGES.map(fetchMempool));
@@ -1405,12 +1448,14 @@ async function pollAll() {
   const sel = bridgeData.get(selectedBridge);
   if (sel && sel.txs) { mempoolHistory.push(sel.txs.mempool); if (mempoolHistory.length > 20) mempoolHistory.shift(); }
   if (sel && sel.peers) { peerCountHistory.push(sel.peers.connected); if (peerCountHistory.length > 20) peerCountHistory.shift(); }
+  if (sel && sel.system) { rssHistory.push(sel.system.processRssMB); if (rssHistory.length > 20) rssHistory.shift(); }
   // Fetch price from self (same-origin, always works)
   fetch('/price', { signal: AbortSignal.timeout(5000) })
     .then(r => r.ok ? r.json() : null).then(d => { if (d) { latestPrice = d; const el = document.querySelector('.stats-hero .stat-card:last-child .stat-value'); if (el) el.textContent = '$' + d.usd.toFixed(2); } }).catch(() => {});
   renderHeader();
   renderBridgeRail();
   renderActiveTab(true);
+  } finally { polling = false; }
 }
 
 // ── Header stats ───────────────────────────────────
@@ -1464,17 +1509,18 @@ function setTab(tab) {
   if (activeTab === 'overview' && tab !== 'overview') destroyMeshMap3D();
   activeTab = tab;
   const buttons = document.querySelectorAll('#headerTabs button');
-  const tabs = ['overview', 'mempool', 'explorer', 'inscriptions', 'tokens', 'apps'];
+  const tabs = ['overview', 'mempool', 'explorer', 'inscriptions', 'tokens', 'apps', 'x402'];
   buttons.forEach((btn, i) => btn.classList.toggle('active', tabs[i] === tab));
   renderActiveTab();
   if (tab === 'apps') setTimeout(fetchAppsData, 50);
   if (tab === 'tokens') setTimeout(fetchTokens, 50);
+  if (tab === 'x402') setTimeout(fetchX402Data, 50);
 }
 
 function renderActiveTab(fromPoll) {
   const el = document.getElementById('tabContent');
   // Skip apps/explorer re-render during poll (preserves state)
-  if (fromPoll && (activeTab === 'apps' || activeTab === 'explorer' || activeTab === 'inscriptions' || activeTab === 'tokens')) return;
+  if (fromPoll && (activeTab === 'apps' || activeTab === 'explorer' || activeTab === 'inscriptions' || activeTab === 'tokens' || activeTab === 'x402')) return;
   // On poll, if overview tab has active 3D scene, just update data — don't rebuild DOM
   if (fromPoll && activeTab === 'overview' && mesh3d) {
     updateMeshMap3D();
@@ -1490,6 +1536,7 @@ function renderActiveTab(fromPoll) {
     case 'inscriptions': html = renderInscriptionsTab(); break;
     case 'tokens': html = renderTokensTab(); break;
     case 'apps': html = renderAppsTab(); break;
+    case 'x402': html = renderX402Tab(); break;
     default: html = renderOverviewTab();
   }
   // Only update DOM if content actually changed (prevents flash)
@@ -1637,6 +1684,18 @@ function renderOverviewTab() {
   }
   html += '</div>';
 
+  // System card
+  if (b.system) {
+    var memPct = Math.round(b.system.usedMemMB / b.system.totalMemMB * 100);
+    var memColor = memPct > 85 ? 'red' : memPct > 70 ? 'yellow' : 'green';
+    html += '<div class="detail-card glass" onclick="openCardOverlay(\'system\')"><h3>System <span style="font-size:9px;color:var(--text-dim);font-weight:400;text-transform:none;letter-spacing:0">— click to expand</span></h3>';
+    html += '<div class="panel-row"><span class="label">RAM</span><span class="value ' + memColor + '">' + b.system.usedMemMB + ' / ' + b.system.totalMemMB + ' MB (' + memPct + '%)</span></div>';
+    html += '<div class="panel-row"><span class="label">Process RSS</span><span class="value">' + b.system.processRssMB + ' MB</span></div>';
+    html += '<div class="panel-row"><span class="label">CPU Load</span><span class="value">' + b.system.loadAvg[0] + ' / ' + b.system.loadAvg[1] + ' / ' + b.system.loadAvg[2] + '</span></div>';
+    html += '<div class="panel-row"><span class="label">OS Uptime</span><span class="value">' + fmtUptime(b.system.osUptime) + '</span></div>';
+    html += '</div>';
+  }
+
   html += '</div>'; // cards-grid
 
   return html;
@@ -1649,6 +1708,14 @@ function renderMempoolTab() {
 
   let html = '<div class="tab-title">Mempool <span class="count">' + (b._mempool ? b._mempool.count : 0) + ' transactions</span></div>';
 
+  const known = b.txs ? b.txs.known || 0 : 0;
+  if (known > 0) {
+    html += '<div class="glass" style="padding:16px;margin-bottom:12px;display:flex;gap:24px;align-items:center">';
+    html += '<div><span class="label">Network Txids Seen</span><div style="font-size:1.5em;font-weight:700;color:var(--accent)">' + known.toLocaleString() + '</div></div>';
+    html += '<div style="color:var(--text-dim);font-size:0.85em">Transactions observed via P2P (10 min window)</div>';
+    html += '</div>';
+  }
+
   if (!b._mempool || b._mempool.txs.length === 0) {
     html += '<div class="glass" style="padding:40px;text-align:center"><div style="color:var(--text-dim)">No transactions in mempool</div></div>';
     return html;
@@ -2519,8 +2586,8 @@ function showAuthModal(bridgeUrl) {
   openModal('<h2>Operator Login</h2><div style="margin-bottom:12px;font-size:13px;color:var(--text-secondary)">' + bName + ' &mdash; ' + bIp + '</div><div class="form-group"><label>statusSecret (from bridge config.json)</label><input type="password" id="authInput" value="' + existing + '" placeholder="64-char hex token"></div><div class="modal-actions"><button class="btn" onclick="closeModal()">Cancel</button><button class="btn primary" onclick="saveAuth(\'' + bridgeUrl + '\')">Login</button></div>');
   setTimeout(() => document.getElementById('authInput').focus(), 100);
 }
-function saveAuth(bridgeUrl) { const t = document.getElementById('authInput').value.trim(); if (!t) delete operatorTokens[bridgeUrl]; else operatorTokens[bridgeUrl] = t; localStorage.setItem('relay_operator_tokens', JSON.stringify(operatorTokens)); closeModal(); pollAll(); }
-function logoutOperator(bridgeUrl) { delete operatorTokens[bridgeUrl]; localStorage.setItem('relay_operator_tokens', JSON.stringify(operatorTokens)); pollAll(); }
+async function saveAuth(bridgeUrl) { const t = document.getElementById('authInput').value.trim(); if (!t) delete operatorTokens[bridgeUrl]; else operatorTokens[bridgeUrl] = t; localStorage.setItem('relay_operator_tokens', JSON.stringify(operatorTokens)); closeModal(); destroyMeshMap3D(); const bridge = BRIDGES.find(b => b.url === bridgeUrl); if (bridge) { const data = await fetchBridge(bridge); bridgeData.set(data._name, data); } renderActiveTab(false); }
+async function logoutOperator(bridgeUrl) { delete operatorTokens[bridgeUrl]; localStorage.setItem('relay_operator_tokens', JSON.stringify(operatorTokens)); destroyMeshMap3D(); const bridge = BRIDGES.find(b => b.url === bridgeUrl); if (bridge) { const data = await fetchBridge(bridge); bridgeData.set(data._name, data); } renderActiveTab(false); }
 
 function showRegisterModal(bridgeUrl) {
   openModal('<h2>Register Bridge</h2><div class="warning">This will broadcast a stake bond + registration transaction to the BSV network. Ensure your bridge wallet is funded.</div><div class="modal-actions"><button class="btn" onclick="closeModal()">Cancel</button><button class="btn primary" id="regBtn" onclick="doRegister(\'' + bridgeUrl + '\')">Register</button></div><div id="jobLog" class="job-log" style="display:none"></div>');
@@ -2968,6 +3035,175 @@ async function fetchAppsData() {
   }
 }
 
+// ── x402 tab ──────────────────────────────────────
+function renderX402Tab() {
+  let html = '<div style="margin-bottom:10px"><span style="font-size:15px;font-weight:600;color:var(--text-primary)">x402 Payment Gate</span>';
+  html += '<span style="font-size:11px;color:var(--text-muted);margin-left:10px">Free reads, paid writes</span></div>';
+
+  if (!x402Data) {
+    html += '<div class="glass" style="padding:20px;color:var(--text-muted)">Loading...</div>';
+    return html;
+  }
+
+  // Status row
+  var statusClr = x402Data.enabled ? 'var(--accent-green)' : 'var(--text-dim)';
+  var statusTxt = x402Data.enabled ? 'ENABLED' : 'DISABLED';
+  html += '<div class="glass" style="padding:10px 16px;margin-bottom:8px;display:flex;align-items:center;gap:10px">';
+  html += '<div style="width:8px;height:8px;border-radius:50%;background:' + statusClr + '"></div>';
+  html += '<span style="font-size:13px;font-weight:600;color:' + statusClr + '">' + statusTxt + '</span>';
+  if (x402Data.payTo) {
+    html += '<span style="margin-left:auto;font-family:monospace;font-size:11px;color:var(--text-muted)">' + escapeHtml(x402Data.payTo) + '</span>';
+  }
+  html += '</div>';
+
+  // Revenue card
+  if (x402Data.revenue) {
+    var rev = x402Data.revenue;
+    html += '<div class="glass" style="padding:12px 16px;margin-bottom:8px">';
+    html += '<div style="font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px">Revenue</div>';
+    html += '<div style="display:flex;align-items:baseline;gap:16px;margin-bottom:8px">';
+    html += '<div><span style="font-size:22px;font-weight:700;color:var(--accent-green)">' + Number(rev.totalSatsEarned).toLocaleString() + '</span><span style="font-size:11px;color:var(--text-muted);margin-left:6px">total sats</span></div>';
+    html += '<div style="font-size:12px;color:var(--text-dim)">' + Number(rev.todaySats).toLocaleString() + ' today</div>';
+    html += '<div style="font-size:12px;color:var(--text-dim)">' + Number(rev.weekSats).toLocaleString() + ' this week</div>';
+    html += '</div>';
+    html += '<div class="panel-row"><span class="label">Receipts</span><span class="value">' + rev.totalReceipts + '</span></div>';
+    html += '<div class="panel-row"><span class="label">Pending</span><span class="value">' + rev.pendingClaims + '</span></div>';
+    html += '</div>';
+  }
+
+  // Pricing table
+  if (x402Data.endpoints && x402Data.endpoints.length > 0) {
+    html += '<div class="glass" style="padding:16px;margin-bottom:12px">';
+    html += '<div style="font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px">Pricing</div>';
+    for (var i = 0; i < x402Data.endpoints.length; i++) {
+      var ep = x402Data.endpoints[i];
+      html += '<div class="panel-row"><span class="label" style="font-family:monospace;font-size:11px">' + escapeHtml(ep.method) + ' ' + escapeHtml(ep.path) + '</span><span class="value" style="color:var(--accent-green)">' + ep.satoshis.toLocaleString() + ' sats</span></div>';
+    }
+    html += '</div>';
+  }
+
+  // Recent receipts (operator only)
+  if (x402Data.recentReceipts && x402Data.recentReceipts.length > 0) {
+    html += '<div class="glass" style="padding:16px;margin-bottom:12px">';
+    html += '<div style="font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px">Recent Receipts</div>';
+    for (var j = 0; j < x402Data.recentReceipts.length; j++) {
+      var rx = x402Data.recentReceipts[j];
+      var age = rx.createdAt ? fmtAge(rx.createdAt) : '?';
+      html += '<div style="display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);font-size:11px">';
+      html += '<span style="font-family:monospace;color:var(--text-muted)">' + escapeHtml(rx.txid.slice(0, 12)) + '...</span>';
+      html += '<span style="color:var(--text-dim)">' + escapeHtml(rx.endpoint) + '</span>';
+      html += '<span style="color:var(--accent-green)">' + Number(rx.satoshisPaid).toLocaleString() + ' sats</span>';
+      html += '<span style="color:var(--text-dim)">' + age + '</span>';
+      html += '</div>';
+    }
+    html += '</div>';
+  }
+
+  // Settings panel (operator only)
+  var b = bridgeData.get(selectedBridge);
+  if (b && isOperator(b._url)) {
+    html += '<div class="glass" style="padding:12px 16px;margin-bottom:8px">';
+    html += '<div style="font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px">Settings</div>';
+
+    // Enable/disable checkbox
+    html += '<div style="display:flex;align-items:center;gap:8px;margin-bottom:8px">';
+    html += '<input type="checkbox" id="x402Enabled"' + (x402Data.enabled ? ' checked' : '') + ' style="cursor:pointer">';
+    html += '<label for="x402Enabled" class="label" style="cursor:pointer">Enable Payment Gate</label>';
+    html += '</div>';
+
+    // PayTo address
+    html += '<div style="margin-bottom:8px">';
+    html += '<div class="label" style="margin-bottom:4px">Pay To Address</div>';
+    html += '<input type="text" id="x402PayTo" value="' + escapeHtml(x402Data.payTo || '') + '" placeholder="1YourBSVAddress..." style="width:100%;padding:6px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:monospace;font-size:11px;box-sizing:border-box">';
+    html += '</div>';
+
+    // Endpoint pricing
+    html += '<div class="label" style="margin-bottom:8px">Endpoint Pricing (satoshis)</div>';
+    var epList = x402Data.endpoints || [];
+    html += '<div id="x402Endpoints">';
+    for (var k = 0; k < epList.length; k++) {
+      html += '<div style="display:flex;gap:8px;margin-bottom:6px;align-items:center">';
+      html += '<input type="text" value="' + escapeHtml(epList[k].method + ':' + epList[k].path) + '" class="x402-ep-key" style="flex:2;padding:4px 6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:monospace;font-size:11px">';
+      html += '<input type="number" value="' + epList[k].satoshis + '" class="x402-ep-val" style="flex:1;padding:4px 6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:monospace;font-size:11px">';
+      html += '<button onclick="removeX402Endpoint(this)" style="background:none;border:none;color:var(--accent-red);cursor:pointer;font-size:14px">×</button>';
+      html += '</div>';
+    }
+    html += '</div>';
+    html += '<button class="btn" style="font-size:11px;padding:4px 12px;margin-bottom:12px" onclick="addX402Endpoint()">+ Add Endpoint</button>';
+
+    // Save button
+    html += '<div style="margin-top:8px;text-align:right">';
+    html += '<button class="btn primary" style="font-size:12px;padding:6px 20px" onclick="saveX402Settings()">Save Settings</button>';
+    html += '</div>';
+    html += '</div>';
+  }
+
+  // Discovery endpoint hint
+  html += '<div class="glass" style="padding:12px;font-size:11px;color:var(--text-dim)">';
+  html += 'Discovery: <span style="font-family:monospace;color:var(--text-muted)">GET /.well-known/x402</span>';
+  html += '</div>';
+
+  return html;
+}
+
+async function fetchX402Data() {
+  var b = bridgeData.get(selectedBridge);
+  if (!b) return;
+  try {
+    var r = await fetch(b._url + '/x402' + getAuthParam(b._url), { signal: AbortSignal.timeout(10000) });
+    if (!r.ok) { x402Data = { enabled: false, endpoints: [] }; if (activeTab === 'x402') { var el = document.getElementById('tabContent'); if (el) el.innerHTML = renderX402Tab(); } return; }
+    x402Data = await r.json();
+    if (activeTab === 'x402') {
+      var el = document.getElementById('tabContent');
+      if (el) el.innerHTML = renderX402Tab();
+    }
+  } catch (e) {
+    x402Data = { enabled: false, endpoints: [] };
+    if (activeTab === 'x402') {
+      var el = document.getElementById('tabContent');
+      if (el) el.innerHTML = '<div class="glass" style="padding:20px;color:var(--accent-red)">' + escapeHtml(e.message) + '</div>';
+    }
+  }
+}
+
+
+function addX402Endpoint() {
+  var container = document.getElementById('x402Endpoints');
+  if (!container) return;
+  var div = document.createElement('div');
+  div.style.cssText = 'display:flex;gap:8px;margin-bottom:6px;align-items:center';
+  div.innerHTML = '<input type="text" value="POST:/api/broadcast" class="x402-ep-key" style="flex:2;padding:4px 6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:monospace;font-size:11px">' +
+    '<input type="number" value="1000" class="x402-ep-val" style="flex:1;padding:4px 6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:monospace;font-size:11px">' +
+    '<button onclick="removeX402Endpoint(this)" style="background:none;border:none;color:var(--accent-red);cursor:pointer;font-size:14px">\u00d7</button>';
+  container.appendChild(div);
+}
+
+function removeX402Endpoint(btn) { btn.parentElement.remove(); }
+
+async function saveX402Settings() {
+  var b = bridgeData.get(selectedBridge);
+  if (!b) return;
+  var enabled = document.getElementById('x402Enabled')?.checked || false;
+  var payTo = document.getElementById('x402PayTo').value.trim();
+  var keys = document.querySelectorAll('.x402-ep-key');
+  var vals = document.querySelectorAll('.x402-ep-val');
+  var endpoints = {};
+  for (var i = 0; i < keys.length; i++) {
+    var k = keys[i].value.trim();
+    var v = parseInt(vals[i].value, 10);
+    if (k && !isNaN(v)) endpoints[k] = v;
+  }
+  try {
+    var r = await fetch(b._url + '/x402' + getAuthParam(b._url), {
+      method: 'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ enabled: enabled, payTo: payTo, endpoints: endpoints })
+    });
+    if (r.ok) { fetchX402Data(); }
+    else { var err = await r.json().catch(function() { return {}; }); alert(err.error || 'Save failed'); }
+  } catch (e) { alert(e.message); }
+}
+
 // ── Log viewer ─────────────────────────────────────
 function openLogViewer(bridgeUrl) {
   document.getElementById('logViewerBody').innerHTML = '';