web-agent-bridge 2.0.0 → 2.2.0

package/public/index.html

@@ -25,6 +25,7 @@
         <li><a href="#integrations">Integrations</a></li>
         <li><a href="#how-it-works">How It Works</a></li>
         <li><a href="#pricing">Pricing</a></li>
+        <li><a href="#v2-features">v2.0</a></li>
         <li><a href="/docs">Docs</a></li>
       </ul>
       <div class="navbar-actions">
@@ -146,6 +147,101 @@
     </div>
   </section>
 
+  <!-- ═══════════ V2 FEATURES ═══════════ -->
+  <section class="section" id="v2-features" style="background: var(--bg-secondary);">
+    <div class="container">
+      <div class="section-header">
+        <span class="label">v2.0 — Digital Fortress</span>
+        <h2>Internet Sovereignty Features</h2>
+        <p>WAB v2.0 goes beyond bridging — it protects users with negotiation, verification, and decentralized trust.</p>
+      </div>
+
+      <div class="grid-3">
+        <div class="card fade-in" style="border-left: 3px solid #f59e0b;">
+          <div class="card-icon orange">💰</div>
+          <h3>Real-time Negotiation Engine</h3>
+          <p>AI agents negotiate prices directly with WAB-enabled sites. Site owners define negotiation rules (bulk discounts, loyalty rewards, time-based offers). Agents submit counter-offers in multi-round sessions — no middleman, no hidden fees.</p>
+          <ul style="margin-top:12px;font-size:0.85rem;color:var(--text-secondary);list-style:disc;padding-left:20px;">
+            <li>8 condition types (bulk, loyalty, time, first-buy...)</li>
+            <li>4 discount types (percentage, fixed, free shipping, bundle)</li>
+            <li>Multi-round negotiation with counter-offers</li>
+            <li>Savings tracking per agent</li>
+          </ul>
+        </div>
+        <div class="card fade-in fade-in-delay-1" style="border-left: 3px solid #ef4444;">
+          <div class="card-icon pink">🛡️</div>
+          <h3>Anti-Hallucination Shield</h3>
+          <p>Cross-verification engine that catches AI lies before they reach users. Compares DOM values against vision screenshots, validates prices against market benchmarks, and checks temporal consistency across sessions.</p>
+          <ul style="margin-top:12px;font-size:0.85rem;color:var(--text-secondary);list-style:disc;padding-left:20px;">
+            <li>DOM vs Vision verification</li>
+            <li>Market benchmark price validation</li>
+            <li>Temporal consistency checks</li>
+            <li>Text similarity scoring (Levenshtein)</li>
+          </ul>
+        </div>
+        <div class="card fade-in fade-in-delay-2" style="border-left: 3px solid #10b981;">
+          <div class="card-icon green">⭐</div>
+          <h3>Decentralized Reputation</h3>
+          <p>Agents and sites build trust through cryptographic attestations. Every interaction gets scored — purchase success, data accuracy, delivery fulfillment. Scores are aggregated into transparent reputation profiles visible to all agents.</p>
+          <ul style="margin-top:12px;font-size:0.85rem;color:var(--text-secondary);list-style:disc;padding-left:20px;">
+            <li>Trust attestations from agent network</li>
+            <li>Weighted scoring by interaction type</li>
+            <li>Trust levels: emerging → verified → exemplary</li>
+            <li>Global leaderboard</li>
+          </ul>
+        </div>
+        <div class="card fade-in" style="border-left: 3px solid #3b82f6;">
+          <div class="card-icon blue">🏰</div>
+          <h3>Sovereign Dashboard</h3>
+          <p>A real-time command center showing your digital fortress status — protected sites, fairness radar, privacy shield, negotiation logs, and verification checks all in one beautiful dark-mode dashboard.</p>
+          <ul style="margin-top:12px;font-size:0.85rem;color:var(--text-secondary);list-style:disc;padding-left:20px;">
+            <li>Live fairness radar with safety scoring</li>
+            <li>Privacy shield metrics</li>
+            <li>AI model switcher (Llama, GPT-4, Claude...)</li>
+            <li>Protected sites table with trust levels</li>
+          </ul>
+        </div>
+        <div class="card fade-in fade-in-delay-1" style="border-left: 3px solid #8b5cf6;">
+          <div class="card-icon purple">📦</div>
+          <h3>Community Agent Hub</h3>
+          <p>Pre-built YAML agent templates for common use cases — hotel booking, grocery comparison, artisan marketplace, flight deals. Run any template with a single CLI command: <code>npx wab-agent run template.yaml</code>.</p>
+          <ul style="margin-top:12px;font-size:0.85rem;color:var(--text-secondary);list-style:disc;padding-left:20px;">
+            <li>11 production-ready templates</li>
+            <li>CLI runner with variable substitution</li>
+            <li>Fairness rules built into every template</li>
+            <li>Supports negotiation + verification</li>
+          </ul>
+        </div>
+        <div class="card fade-in fade-in-delay-2" style="border-left: 3px solid #0ea5e9;">
+          <div class="card-icon cyan">🌐</div>
+          <h3>Cross-Site Agent Orchestration</h3>
+          <p>One agent manages multiple WAB-enabled sites simultaneously. Compare prices across stores, aggregate product data, run parallel actions — all from a single <code>WABMultiAgent</code> instance in the SDK.</p>
+          <ul style="margin-top:12px;font-size:0.85rem;color:var(--text-secondary);list-style:disc;padding-left:20px;">
+            <li>Parallel multi-site browser sessions</li>
+            <li>comparePrices() with cheapest-deal finder</li>
+            <li>Schema.org + WAB action price extraction</li>
+            <li>Cross-site screenshots for vision verification</li>
+          </ul>
+        </div>
+        <div class="card fade-in" style="border-left: 3px solid #06b6d4;">
+          <div class="card-icon cyan">🔄</div>
+          <h3>AI Brain Swapping</h3>
+          <p>WAB is the bridge — the AI model is your choice. Switch between Llama 3, GPT-4, Claude, Gemini, Mistral, or run fully local with Ollama. Your data, your model, your sovereignty.</p>
+          <ul style="margin-top:12px;font-size:0.85rem;color:var(--text-secondary);list-style:disc;padding-left:20px;">
+            <li>6 supported AI engines</li>
+            <li>Local-first with Ollama support</li>
+            <li>Hot-swap without reconfiguration</li>
+            <li>Your data never leaves your machine</li>
+          </ul>
+        </div>
+      </div>
+
+      <div style="text-align:center; margin-top:32px;">
+        <a href="/sovereign" class="btn btn-primary btn-lg">Open Sovereign Dashboard</a>
+      </div>
+    </div>
+  </section>
+
   <!-- ═══════════ HOW IT WORKS ═══════════ -->
   <section class="section" id="how-it-works" style="background: var(--bg-secondary);">
     <div class="container">
@@ -454,6 +550,7 @@ console.<span class="fn">log</span>(actions);
             <li><a href="#integrations">Agent Integrations</a></li>
             <li><a href="#pricing">Pricing</a></li>
             <li><a href="/docs">Documentation</a></li>
+            <li><a href="/sovereign">Sovereign Dashboard</a></li>
             <li data-wab-auth="signed-in" style="display:none"><a href="/dashboard">Dashboard</a></li>
           </ul>
         </div>

package/public/script/wab.min.js

@@ -26,7 +26,7 @@
 (function(global) {
   'use strict';
 
-  var VERSION = '2.0.0';
+  var VERSION = '2.2.0';
 
   // ── WAB Instance ──────────────────────────────────────────────────
   function WABInstance(config) {
@@ -72,8 +72,17 @@
       transport: ['javascript', 'http'],
       ready: true,
       discover: function() { return self.discover(); },
-      execute: function(name, params) { return self.execute(name, params); }
+      execute: function(name, params) { return self.execute(name, params); },
+      negotiate: function(agentId, proposal) { return self.negotiate(agentId, proposal); },
+      getReputation: function(siteId) { return self.getReputation(siteId); },
+      verifyPrice: function(productId, domPrice, visionPrice) { return self.verifyPrice(productId, domPrice, visionPrice); }
     };
+
+    // Also expose on window.AICommands for broad compatibility
+    global.AICommands = global.AICommands || {};
+    global.AICommands.negotiate = function(agentId, proposal) { return self.negotiate(agentId, proposal); };
+    global.AICommands.getReputation = function(siteId) { return self.getReputation(siteId); };
+    global.AICommands.verifyPrice = function(productId, domP, visP) { return self.verifyPrice(productId, domP, visP); };
   };
 
   // Cross-frame communication for embedded demos
@@ -97,6 +106,12 @@
           e.source.postMessage({ source: 'wab-store', type: 'execute-response', action: e.data.action, detail: result }, '*');
         });
       }
+      // Negotiation protocol via postMessage
+      if (e.data.source === 'wab-agent' && e.data.type === 'negotiate') {
+        self.negotiate(e.data.agentId, e.data.proposal).then(function(result) {
+          e.source.postMessage({ source: 'wab-store', type: 'negotiate-response', detail: result }, '*');
+        });
+      }
     });
 
     // Notify parent that store is ready
@@ -200,6 +215,147 @@
     return this._auditLog.slice();
   };
 
+  // ── Negotiation Support ─────────────────────────────────────────
+  // Sites can define negotiation rules; agents can open sessions and propose
+
+  WABInstance.prototype.setNegotiationRules = function(rules) {
+    this._negotiationRules = rules || {};
+    // Expose in protocol
+    if (global.__wab_protocol) {
+      global.__wab_protocol.negotiation = { available: true, rules: Object.keys(rules) };
+    }
+    return this;
+  };
+
+  WABInstance.prototype.negotiate = function(agentId, proposal) {
+    var self = this;
+    // Support in-browser negotiation rules (no server needed)
+    if (this._negotiationRules && !this.serverUrl) {
+      return this._handleLocalNegotiation(agentId, proposal);
+    }
+    if (!this.serverUrl) {
+      return Promise.resolve({ error: 'Negotiation requires a server URL or local rules' });
+    }
+    return fetch(this.serverUrl + '/api/sovereign/negotiation/sessions', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        siteId: self.name,
+        agentId: agentId,
+        itemId: proposal.itemId || null,
+        itemName: proposal.itemName || 'item',
+        originalPrice: proposal.originalPrice || 0
+      })
+    }).then(function(r) { return r.json(); })
+    .then(function(session) {
+      if (!session.sessionId) return session;
+      return fetch(self.serverUrl + '/api/sovereign/negotiation/sessions/' + session.sessionId + '/propose', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          strategy: proposal.strategy || 'instant_payment',
+          proposedDiscount: proposal.proposedDiscount || 5,
+          arguments: proposal.arguments || []
+        })
+      }).then(function(r) { return r.json(); });
+    });
+  };
+
+  // Local in-browser negotiation (no server required)
+  WABInstance.prototype._handleLocalNegotiation = function(agentId, proposal) {
+    var rules = this._negotiationRules;
+    var strategy = proposal.strategy || 'custom';
+    var rule = rules[strategy];
+    if (!rule) {
+      return Promise.resolve({
+        status: 'rejected',
+        reason: 'no_applicable_rule',
+        message: 'No rule matches strategy: ' + strategy
+      });
+    }
+    var requested = proposal.proposedDiscount || 0;
+    var maxAllowed = rule.maxDiscount || 20;
+    var offered = rule.discount || 0;
+    var actual = Math.min(requested, maxAllowed, offered);
+    var originalPrice = proposal.originalPrice || 0;
+    var finalPrice = Math.round(originalPrice * (1 - actual / 100) * 100) / 100;
+
+    if (requested <= offered) {
+      this._emit('negotiation', { status: 'accepted', agentId: agentId, discount: actual, finalPrice: finalPrice });
+      return Promise.resolve({
+        status: 'agreed',
+        discount: actual,
+        originalPrice: originalPrice,
+        finalPrice: finalPrice,
+        message: 'Deal accepted! ' + actual + '% off. Price: $' + finalPrice
+      });
+    }
+    // Counter-offer
+    this._emit('negotiation', { status: 'counter', agentId: agentId, counterDiscount: offered });
+    return Promise.resolve({
+      status: 'counter_offer',
+      counterDiscount: offered,
+      counterPrice: Math.round(originalPrice * (1 - offered / 100) * 100) / 100,
+      message: 'We can offer ' + offered + '% off for ' + strategy.replace(/_/g, ' ')
+    });
+  };
+
+  // ── Reputation Support ────────────────────────────────────────────
+
+  WABInstance.prototype.submitAttestation = function(agentId, targetSiteId, interactionType, outcome, extras) {
+    if (!this.serverUrl) {
+      return Promise.resolve({ error: 'Reputation requires a server URL' });
+    }
+    var body = {
+      siteId: targetSiteId,
+      agentId: agentId,
+      interactionType: interactionType || 'purchase',
+      outcome: outcome || 'success'
+    };
+    if (extras) {
+      if (extras.priceAccuracy != null) body.priceAccuracy = extras.priceAccuracy;
+      if (extras.responseTimeMs != null) body.responseTimeMs = extras.responseTimeMs;
+      if (extras.dataIntegrity != null) body.dataIntegrity = extras.dataIntegrity;
+      if (extras.visionVerified != null) body.visionVerified = extras.visionVerified;
+      if (extras.details) body.details = extras.details;
+    }
+    return fetch(this.serverUrl + '/api/sovereign/reputation/attestations', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body)
+    }).then(function(r) { return r.json(); });
+  };
+
+  WABInstance.prototype.getReputation = function(siteId) {
+    if (!this.serverUrl) {
+      return Promise.resolve({ error: 'Reputation requires a server URL' });
+    }
+    return fetch(this.serverUrl + '/api/sovereign/reputation/sites/' + encodeURIComponent(siteId))
+      .then(function(r) { return r.json(); });
+  };
+
+  // ── Verification Support ──────────────────────────────────────────
+
+  WABInstance.prototype.verifyPrice = function(opts) {
+    if (!this.serverUrl) {
+      return Promise.resolve({ error: 'Verification requires a server URL' });
+    }
+    var body = {
+      siteId: opts.siteId || this.name,
+      agentId: opts.agentId || null,
+      url: opts.url || null,
+      domValue: opts.domValue || opts.domPrice,
+      visionValue: opts.visionValue || opts.visionPrice,
+      category: opts.category || null,
+      itemName: opts.itemName || null
+    };
+    return fetch(this.serverUrl + '/api/sovereign/verify/price', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body)
+    }).then(function(r) { return r.json(); });
+  };
+
   // ── Static API ────────────────────────────────────────────────────
 
   var WAB = {
@@ -226,6 +382,21 @@
       return Promise.resolve({ error: 'WAB not initialized. Call WAB.init() first.' });
     },
 
+    negotiate: function(agentId, proposal) {
+      if (WAB._instance) return WAB._instance.negotiate(agentId, proposal);
+      return Promise.resolve({ error: 'WAB not initialized' });
+    },
+
+    getReputation: function(siteId) {
+      if (WAB._instance) return WAB._instance.getReputation(siteId);
+      return Promise.resolve({ error: 'WAB not initialized' });
+    },
+
+    verifyPrice: function(opts) {
+      if (WAB._instance) return WAB._instance.verifyPrice(opts);
+      return Promise.resolve({ error: 'WAB not initialized' });
+    },
+
     _instance: null
   };