web-agent-bridge 3.3.0 → 3.8.1

package/sdk/index.js

@@ -1,636 +1,649 @@
-/**
- * WAB Agent SDK
- *
- * Helpers for building AI agents that interact with Web Agent Bridge.
- * Works with Puppeteer, Playwright, or any browser automation tool.
- *
- * Usage:
- *   const { WABAgent } = require('./sdk');
- *   const agent = new WABAgent(page);
- *   await agent.waitForBridge();
- *   const actions = await agent.getActions();
- *   await agent.execute('signup', { email: 'test@example.com' });
- */
-
-class WABAgent {
-  /**
-   * @param {object} page — A Puppeteer or Playwright page object
-   * @param {object} [options]
-   * @param {number} [options.timeout=10000] — Default timeout in ms
-   * @param {boolean} [options.useBiDi=false] — Use BiDi interface instead of AICommands
-   */
-  constructor(page, options = {}) {
-    this.page = page;
-    this.timeout = options.timeout || 10000;
-    this.useBiDi = options.useBiDi || false;
-    this._biDiId = 0;
-  }
-
-  /**
-   * Wait for the WAB bridge to be ready on the page.
-   * @returns {Promise<boolean>}
-   */
-  async waitForBridge() {
-    const iface = this.useBiDi ? '__wab_bidi' : 'AICommands';
-    await this.page.waitForFunction(
-      (name) => typeof window[name] !== 'undefined',
-      { timeout: this.timeout },
-      iface
-    );
-    return true;
-  }
-
-  /**
-   * Check if the bridge is loaded on the current page.
-   * @returns {Promise<boolean>}
-   */
-  async hasBridge() {
-    const iface = this.useBiDi ? '__wab_bidi' : 'AICommands';
-    return this.page.evaluate((name) => typeof window[name] !== 'undefined', iface);
-  }
-
-  /**
-   * Get all available actions.
-   * @param {string} [category] — Optional category filter
-   * @returns {Promise<Array>}
-   */
-  async getActions(category) {
-    if (this.useBiDi) {
-      const result = await this._bidiSend('wab.getActions', category ? { category } : {});
-      return result.result || [];
-    }
-    return this.page.evaluate((cat) => window.AICommands.getActions(cat), category);
-  }
-
-  /**
-   * Get a single action by name.
-   * @param {string} name
-   * @returns {Promise<object|null>}
-   */
-  async getAction(name) {
-    return this.page.evaluate((n) => window.AICommands.getAction(n), name);
-  }
-
-  /**
-   * Execute an action by name.
-   * @param {string} name — Action name
-   * @param {object} [params] — Action parameters
-   * @returns {Promise<object>}
-   */
-  async execute(name, params) {
-    if (this.useBiDi) {
-      const result = await this._bidiSend('wab.executeAction', { name, data: params || {} });
-      return result.result || result;
-    }
-    return this.page.evaluate(
-      (n, p) => window.AICommands.execute(n, p),
-      name, params
-    );
-  }
-
-  /**
-   * Read text content of an element.
-   * @param {string} selector — CSS selector
-   * @returns {Promise<object>}
-   */
-  async readContent(selector) {
-    if (this.useBiDi) {
-      const result = await this._bidiSend('wab.readContent', { selector });
-      return result.result || result;
-    }
-    return this.page.evaluate((sel) => window.AICommands.readContent(sel), selector);
-  }
-
-  /**
-   * Get page info and bridge metadata.
-   * @returns {Promise<object>}
-   */
-  async getPageInfo() {
-    if (this.useBiDi) {
-      const result = await this._bidiSend('wab.getPageInfo');
-      return result.result || result;
-    }
-    return this.page.evaluate(() => window.AICommands.getPageInfo());
-  }
-
-  /**
-   * Authenticate an agent with the bridge.
-   * @param {string} apiKey
-   * @param {object} [meta] — Agent metadata
-   * @returns {Promise<object>}
-   */
-  async authenticate(apiKey, meta) {
-    return this.page.evaluate(
-      (key, m) => window.AICommands.authenticate(key, m),
-      apiKey, meta
-    );
-  }
-
-  /**
-   * Navigate to a URL and wait for the bridge.
-   * @param {string} url
-   * @returns {Promise<void>}
-   */
-  async navigateAndWait(url) {
-    await this.page.goto(url, { waitUntil: 'networkidle2' });
-    await this.waitForBridge();
-  }
-
-  /**
-   * Execute multiple actions in sequence.
-   * @param {Array<{name: string, params?: object}>} steps
-   * @returns {Promise<Array>}
-   */
-  async executeSteps(steps) {
-    const results = [];
-    for (const step of steps) {
-      results.push(await this.execute(step.name, step.params));
-    }
-    return results;
-  }
-
-  /**
-   * Get BiDi context (only available when useBiDi is true).
-   * @returns {Promise<object>}
-   */
-  async getBiDiContext() {
-    return this.page.evaluate(() => window.__wab_bidi.getContext());
-  }
-
-  /**
-   * Check if the page has granted consent for agent interactions.
-   * @returns {Promise<boolean>}
-   */
-  async hasConsent() {
-    return this.page.evaluate(() => {
-      if (typeof window.WABConsent !== 'undefined') return window.WABConsent.hasConsent();
-      // If no consent script, treat as allowed
-      return true;
-    });
-  }
-
-  /**
-   * Wait until consent is granted (blocks until user clicks Allow).
-   * @param {number} [pollMs=500]
-   * @returns {Promise<boolean>}
-   */
-  async waitForConsent(pollMs = 500) {
-    return this.page.waitForFunction(
-      () => {
-        if (typeof window.WABConsent === 'undefined') return true;
-        return window.WABConsent.hasConsent();
-      },
-      { timeout: this.timeout, polling: pollMs }
-    ).then(() => true);
-  }
-
-  /**
-   * Discover the page and return the list of actions.
-   * Combines bridge discovery with runtime getActions().
-   * @returns {Promise<object>}
-   */
-  async discover() {
-    return this.page.evaluate(() => {
-      if (window.WAB && typeof window.WAB.discover === 'function') return window.WAB.discover();
-      if (window.AICommands && typeof window.AICommands.getActions === 'function') {
-        return { actions: window.AICommands.getActions(), meta: window.AICommands.getPageInfo ? window.AICommands.getPageInfo() : {} };
-      }
-      return { actions: [] };
-    });
-  }
-
-  /**
-   * Run a sequence of actions, stopping on the first failure.
-   * @param {Array<{name: string, params?: object}>} steps
-   * @param {{ stopOnError?: boolean }} [options]
-   * @returns {Promise<Array<{ name: string, ok: boolean, result?: any, error?: string }>>}
-   */
-  async runPipeline(steps, options = {}) {
-    const stopOnError = options.stopOnError !== false;
-    const results = [];
-    for (const step of steps) {
-      try {
-        const res = await this.execute(step.name, step.params);
-        results.push({ name: step.name, ok: true, result: res });
-      } catch (err) {
-        results.push({ name: step.name, ok: false, error: err.message || String(err) });
-        if (stopOnError) break;
-      }
-    }
-    return results;
-  }
-
-  /**
-   * Execute multiple actions in parallel.
-   * @param {Array<{name: string, params?: object}>} actions
-   * @returns {Promise<Array<{ name: string, status: string, value?: any, reason?: string }>>}
-   */
-  async executeParallel(actions) {
-    const promises = actions.map((a) =>
-      this.execute(a.name, a.params)
-        .then((value) => ({ name: a.name, status: 'fulfilled', value }))
-        .catch((err) => ({ name: a.name, status: 'rejected', reason: err.message || String(err) }))
-    );
-    return Promise.all(promises);
-  }
-
-  /**
-   * Take a screenshot and return as base64 (useful for vision agents).
-   * @param {{ fullPage?: boolean }} [opts]
-   * @returns {Promise<string>}
-   */
-  async screenshot(opts = {}) {
-    const buf = await this.page.screenshot({
-      encoding: 'base64',
-      fullPage: opts.fullPage || false
-    });
-    return buf;
-  }
-
-  /** @private */
-  async _bidiSend(method, params = {}) {
-    const cmd = { id: ++this._biDiId, method, params };
-    return this.page.evaluate((c) => window.__wab_bidi.send(c), cmd);
-  }
-}
-
-/**
- * WABUniversalAgent — Works on ANY page, no bridge script needed.
- * Uses server-side extraction, analysis, and comparison APIs.
- */
-class WABUniversalAgent {
-  /**
-   * @param {string} [serverUrl='http://localhost:3000'] — WAB server URL
-   */
-  constructor(serverUrl = 'http://localhost:3000') {
-    this.serverUrl = serverUrl.replace(/\/$/, '');
-  }
-
-  /** @private */
-  async _post(path, body) {
-    const res = await fetch(`${this.serverUrl}${path}`, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify(body),
-    });
-    if (!res.ok) throw new Error(`WAB API error ${res.status}: ${await res.text()}`);
-    return res.json();
-  }
-
-  /** @private */
-  async _get(path) {
-    const res = await fetch(`${this.serverUrl}${path}`);
-    if (!res.ok) throw new Error(`WAB API error ${res.status}: ${await res.text()}`);
-    return res.json();
-  }
-
-  /**
-   * Extract products, prices, and metadata from any URL.
-   * @param {string} url
-   * @returns {Promise<object>}
-   */
-  async extract(url) {
-    return this._post('/api/universal/extract', { url });
-  }
-
-  /**
-   * Full analysis: extract + fairness + fraud detection + dark patterns.
-   * @param {string} url
-   * @returns {Promise<object>}
-   */
-  async analyze(url) {
-    return this._post('/api/universal/analyze', { url });
-  }
-
-  /**
-   * Compare prices across multiple sources.
-   * @param {string} query — Product or service to search for
-   * @param {string} [category='product'] — 'product', 'hotel', 'flight'
-   * @returns {Promise<object>}
-   */
-  async compare(query, category = 'product') {
-    return this._post('/api/universal/compare', { query, category });
-  }
-
-  /**
-   * Find and rank the best deals with fairness scoring.
-   * @param {string} query
-   * @param {string} [category='product']
-   * @param {string} [lang='en']
-   * @returns {Promise<object>}
-   */
-  async deals(query, category = 'product', lang = 'en') {
-    return this._post('/api/universal/deals', { query, category, lang });
-  }
-
-  /**
-   * Get fairness score for a domain.
-   * @param {string} domain
-   * @returns {Promise<object>}
-   */
-  async fairness(domain) {
-    return this._post('/api/universal/fairness', { domain });
-  }
-
-  /**
-   * Detect dark patterns on a URL.
-   * @param {string} url
-   * @returns {Promise<object>}
-   */
-  async darkPatterns(url) {
-    return this._post('/api/universal/dark-patterns', { url });
-  }
-
-  /**
-   * Get price history for a domain.
-   * @param {string} domain
-   * @returns {Promise<object>}
-   */
-  async priceHistory(domain) {
-    return this._get(`/api/universal/history?domain=${encodeURIComponent(domain)}`);
-  }
-
-  /**
-   * Get top fairness-scored sites.
-   * @param {number} [limit=20]
-   * @returns {Promise<object>}
-   */
-  async topFair(limit = 20) {
-    return this._get(`/api/universal/top-fair?limit=${limit}`);
-  }
-
-  /**
-   * Get all known competing sources.
-   * @returns {Promise<object>}
-   */
-  async sources() {
-    return this._get('/api/universal/sources');
-  }
-}
-
-const { WABMultiAgent } = require('./multi-agent');
-const { WABAgentMesh } = require('./agent-mesh');
-
-// ─── WAB Agent OS Client ────────────────────────────────────────────────────
-
-/**
- * WABAgentOS — Client for the Agent OS runtime.
- * Provides access to protocol, tasks, execution, registry, observability, and LLM.
- */
-class WABAgentOS {
-  /**
-   * @param {object} options
-   * @param {string} options.serverUrl — WAB server base URL
-   * @param {string} [options.agentId] — Pre-registered agent ID
-   * @param {string} [options.apiKey] — Pre-registered API key
-   * @param {string} [options.sessionToken] — Active session token
-   */
-  constructor(options = {}) {
-    this.serverUrl = (options.serverUrl || 'http://localhost:3000').replace(/\/$/, '');
-    this.agentId = options.agentId || null;
-    this.apiKey = options.apiKey || null;
-    this.sessionToken = options.sessionToken || null;
-    this._base = `${this.serverUrl}/api/os`;
-  }
-
-  // ─── Agent Identity ───────────────────────────────────────────────────
-
-  async register(name, type, capabilities = []) {
-    const res = await this._post('/agents/register', { name, type, capabilities });
-    this.agentId = res.agentId;
-    this.apiKey = res.apiKey;
-    return res;
-  }
-
-  async authenticate(apiKey) {
-    const res = await this._post('/agents/authenticate', { apiKey: apiKey || this.apiKey });
-    if (res.sessionToken) this.sessionToken = res.sessionToken;
-    return res;
-  }
-
-  async negotiateCapabilities(capabilities, siteId) {
-    return this._post(`/agents/${this.agentId}/capabilities`, { capabilities, siteId });
-  }
-
-  // ─── Protocol ─────────────────────────────────────────────────────────
-
-  async getProtocol() {
-    return this._get('/protocol');
-  }
-
-  async sendMessage(command, payload = {}) {
-    return this._post('/protocol/message', { command, payload, agentId: this.agentId });
-  }
-
-  // ─── Tasks ────────────────────────────────────────────────────────────
-
-  async submitTask(task) {
-    return this._post('/tasks', task);
-  }
-
-  async getTask(taskId) {
-    return this._get(`/tasks/${taskId}`);
-  }
-
-  async listTasks(state, limit) {
-    const params = [];
-    if (state) params.push(`state=${state}`);
-    if (limit) params.push(`limit=${limit}`);
-    return this._get(`/tasks${params.length ? '?' + params.join('&') : ''}`);
-  }
-
-  async cancelTask(taskId) {
-    return this._delete(`/tasks/${taskId}`);
-  }
-
-  async pauseTask(taskId) {
-    return this._post(`/tasks/${taskId}/pause`);
-  }
-
-  async resumeTask(taskId) {
-    return this._post(`/tasks/${taskId}/resume`);
-  }
-
-  // ─── Execution ────────────────────────────────────────────────────────
-
-  async execute(command) {
-    return this._post('/execute', command);
-  }
-
-  async executeSemantic(domain, action, params = {}) {
-    return this._post('/execute/semantic', { domain, action, params, agentId: this.agentId });
-  }
-
-  async executePipeline(steps) {
-    return this._post('/execute/pipeline', { steps });
-  }
-
-  async resolveAction(domain, action, siteDomain) {
-    const params = `domain=${domain}&action=${action}${siteDomain ? `&siteDomain=${siteDomain}` : ''}`;
-    return this._get(`/execute/resolve?${params}`);
-  }
-
-  // ─── Registry ─────────────────────────────────────────────────────────
-
-  async searchCommands(query = {}) {
-    const params = Object.entries(query).map(([k, v]) => `${k}=${encodeURIComponent(v)}`).join('&');
-    return this._get(`/registry/commands${params ? '?' + params : ''}`);
-  }
-
-  async registerCommand(siteId, command) {
-    return this._post('/registry/commands', { siteId, ...command });
-  }
-
-  async searchSites(query = {}) {
-    const params = Object.entries(query).map(([k, v]) => `${k}=${encodeURIComponent(v)}`).join('&');
-    return this._get(`/registry/sites${params ? '?' + params : ''}`);
-  }
-
-  async registerSite(domain, info) {
-    return this._post('/registry/sites', { domain, ...info });
-  }
-
-  async searchTemplates(query = {}) {
-    const params = Object.entries(query).map(([k, v]) => `${k}=${encodeURIComponent(v)}`).join('&');
-    return this._get(`/registry/templates${params ? '?' + params : ''}`);
-  }
-
-  async getTemplate(templateId) {
-    return this._get(`/registry/templates/${templateId}`);
-  }
-
-  // ─── LLM ──────────────────────────────────────────────────────────────
-
-  async complete(prompt, options = {}) {
-    return this._post('/llm/complete', { prompt, options });
-  }
-
-  async embed(text, options = {}) {
-    return this._post('/llm/embed', { text, options });
-  }
-
-  async listModels() {
-    return this._get('/llm/models');
-  }
-
-  // ─── Observability ────────────────────────────────────────────────────
-
-  async getMetrics() {
-    return this._get('/observability/metrics');
-  }
-
-  async getTraces(query = {}) {
-    const params = Object.entries(query).map(([k, v]) => `${k}=${encodeURIComponent(v)}`).join('&');
-    return this._get(`/observability/traces${params ? '?' + params : ''}`);
-  }
-
-  async getTrace(traceId) {
-    return this._get(`/observability/traces/${traceId}`);
-  }
-
-  async getLogs(query = {}) {
-    const params = Object.entries(query).map(([k, v]) => `${k}=${encodeURIComponent(v)}`).join('&');
-    return this._get(`/observability/logs${params ? '?' + params : ''}`);
-  }
-
-  async getHealth() {
-    return this._get('/observability/health');
-  }
-
-  // ─── Events (SSE) ────────────────────────────────────────────────────
-
-  subscribe(filter, onEvent) {
-    if (typeof EventSource === 'undefined') {
-      throw new Error('EventSource not available. Use a polyfill for Node.js.');
-    }
-    const url = `${this._base}/events${filter ? '?filter=' + encodeURIComponent(filter) : ''}`;
-    const es = new EventSource(url);
-    es.onmessage = (e) => {
-      try { onEvent(JSON.parse(e.data)); } catch { onEvent(e.data); }
-    };
-    return es; // Call es.close() to unsubscribe
-  }
-
-  // ─── Policies ─────────────────────────────────────────────────────────
-
-  async createPolicy(policy) {
-    return this._post('/policies', policy);
-  }
-
-  async evaluatePolicy(entityId, action, context = {}) {
-    return this._post('/policies/evaluate', { entityId, action, context });
-  }
-
-  // ─── Deploy ───────────────────────────────────────────────────────────
-
-  async deploy(config = {}) {
-    return this._post('/deployments', { agentId: this.agentId, config });
-  }
-
-  async listDeployments(query = {}) {
-    const params = Object.entries(query).map(([k, v]) => `${k}=${encodeURIComponent(v)}`).join('&');
-    return this._get(`/deployments${params ? '?' + params : ''}`);
-  }
-
-  // ─── HTTP Helpers ─────────────────────────────────────────────────────
-
-  async _get(path) {
-    const url = `${this._base}${path}`;
-    const headers = this._headers();
-    const res = await fetch(url, { headers });
-    if (!res.ok) {
-      const body = await res.json().catch(() => ({ error: res.statusText }));
-      throw new Error(body.error || `HTTP ${res.status}`);
-    }
-    return res.json();
-  }
-
-  async _post(path, body) {
-    const url = `${this._base}${path}`;
-    const headers = { ...this._headers(), 'Content-Type': 'application/json' };
-    const res = await fetch(url, { method: 'POST', headers, body: JSON.stringify(body) });
-    if (!res.ok) {
-      const data = await res.json().catch(() => ({ error: res.statusText }));
-      throw new Error(data.error || `HTTP ${res.status}`);
-    }
-    return res.json();
-  }
-
-  async _delete(path) {
-    const url = `${this._base}${path}`;
-    const headers = this._headers();
-    const res = await fetch(url, { method: 'DELETE', headers });
-    if (!res.ok) {
-      const data = await res.json().catch(() => ({ error: res.statusText }));
-      throw new Error(data.error || `HTTP ${res.status}`);
-    }
-    return res.json();
-  }
-
-  _headers() {
-    const h = {};
-    if (this.sessionToken) h['Authorization'] = `Bearer ${this.sessionToken}`;
-    else if (this.apiKey) h['X-WAB-Key'] = this.apiKey;
-    if (this.agentId) h['X-WAB-Agent'] = this.agentId;
-    return h;
-  }
-}
-
-// Re-export WABToolkit from langchain package for convenience
-let WABToolkit;
-try { WABToolkit = require('../packages/langchain').WABToolkit; } catch {
-  try { WABToolkit = require('web-agent-bridge-langchain').WABToolkit; } catch {}
-}
-
-// SPEC §8.10–§8.13 client helper
-const { SafetyShieldClient } = require('./safety-shield');
-
-module.exports = {
-  WABAgent,
-  WABUniversalAgent,
-  WABMultiAgent,
-  WABAgentMesh,
-  WABAgentOS,
-  WABToolkit,
-  SafetyShieldClient,
-};
+/**
+ * WAB Agent SDK
+ *
+ * Helpers for building AI agents that interact with Web Agent Bridge.
+ * Works with Puppeteer, Playwright, or any browser automation tool.
+ *
+ * Usage:
+ *   const { WABAgent } = require('./sdk');
+ *   const agent = new WABAgent(page);
+ *   await agent.waitForBridge();
+ *   const actions = await agent.getActions();
+ *   await agent.execute('signup', { email: 'test@example.com' });
+ */
+
+class WABAgent {
+  /**
+   * @param {object} page — A Puppeteer or Playwright page object
+   * @param {object} [options]
+   * @param {number} [options.timeout=10000] — Default timeout in ms
+   * @param {boolean} [options.useBiDi=false] — Use BiDi interface instead of AICommands
+   */
+  constructor(page, options = {}) {
+    this.page = page;
+    this.timeout = options.timeout || 10000;
+    this.useBiDi = options.useBiDi || false;
+    this._biDiId = 0;
+  }
+
+  /**
+   * Wait for the WAB bridge to be ready on the page.
+   * @returns {Promise<boolean>}
+   */
+  async waitForBridge() {
+    const iface = this.useBiDi ? '__wab_bidi' : 'AICommands';
+    await this.page.waitForFunction(
+      (name) => typeof window[name] !== 'undefined',
+      { timeout: this.timeout },
+      iface
+    );
+    return true;
+  }
+
+  /**
+   * Check if the bridge is loaded on the current page.
+   * @returns {Promise<boolean>}
+   */
+  async hasBridge() {
+    const iface = this.useBiDi ? '__wab_bidi' : 'AICommands';
+    return this.page.evaluate((name) => typeof window[name] !== 'undefined', iface);
+  }
+
+  /**
+   * Get all available actions.
+   * @param {string} [category] — Optional category filter
+   * @returns {Promise<Array>}
+   */
+  async getActions(category) {
+    if (this.useBiDi) {
+      const result = await this._bidiSend('wab.getActions', category ? { category } : {});
+      return result.result || [];
+    }
+    return this.page.evaluate((cat) => window.AICommands.getActions(cat), category);
+  }
+
+  /**
+   * Get a single action by name.
+   * @param {string} name
+   * @returns {Promise<object|null>}
+   */
+  async getAction(name) {
+    return this.page.evaluate((n) => window.AICommands.getAction(n), name);
+  }
+
+  /**
+   * Execute an action by name.
+   * @param {string} name — Action name
+   * @param {object} [params] — Action parameters
+   * @returns {Promise<object>}
+   */
+  async execute(name, params) {
+    if (this.useBiDi) {
+      const result = await this._bidiSend('wab.executeAction', { name, data: params || {} });
+      return result.result || result;
+    }
+    return this.page.evaluate(
+      (n, p) => window.AICommands.execute(n, p),
+      name, params
+    );
+  }
+
+  /**
+   * Read text content of an element.
+   * @param {string} selector — CSS selector
+   * @returns {Promise<object>}
+   */
+  async readContent(selector) {
+    if (this.useBiDi) {
+      const result = await this._bidiSend('wab.readContent', { selector });
+      return result.result || result;
+    }
+    return this.page.evaluate((sel) => window.AICommands.readContent(sel), selector);
+  }
+
+  /**
+   * Get page info and bridge metadata.
+   * @returns {Promise<object>}
+   */
+  async getPageInfo() {
+    if (this.useBiDi) {
+      const result = await this._bidiSend('wab.getPageInfo');
+      return result.result || result;
+    }
+    return this.page.evaluate(() => window.AICommands.getPageInfo());
+  }
+
+  /**
+   * Authenticate an agent with the bridge.
+   * @param {string} apiKey
+   * @param {object} [meta] — Agent metadata
+   * @returns {Promise<object>}
+   */
+  async authenticate(apiKey, meta) {
+    return this.page.evaluate(
+      (key, m) => window.AICommands.authenticate(key, m),
+      apiKey, meta
+    );
+  }
+
+  /**
+   * Navigate to a URL and wait for the bridge.
+   * @param {string} url
+   * @returns {Promise<void>}
+   */
+  async navigateAndWait(url) {
+    await this.page.goto(url, { waitUntil: 'networkidle2' });
+    await this.waitForBridge();
+  }
+
+  /**
+   * Execute multiple actions in sequence.
+   * @param {Array<{name: string, params?: object}>} steps
+   * @returns {Promise<Array>}
+   */
+  async executeSteps(steps) {
+    const results = [];
+    for (const step of steps) {
+      results.push(await this.execute(step.name, step.params));
+    }
+    return results;
+  }
+
+  /**
+   * Get BiDi context (only available when useBiDi is true).
+   * @returns {Promise<object>}
+   */
+  async getBiDiContext() {
+    return this.page.evaluate(() => window.__wab_bidi.getContext());
+  }
+
+  /**
+   * Check if the page has granted consent for agent interactions.
+   * @returns {Promise<boolean>}
+   */
+  async hasConsent() {
+    return this.page.evaluate(() => {
+      if (typeof window.WABConsent !== 'undefined') return window.WABConsent.hasConsent();
+      // If no consent script, treat as allowed
+      return true;
+    });
+  }
+
+  /**
+   * Wait until consent is granted (blocks until user clicks Allow).
+   * @param {number} [pollMs=500]
+   * @returns {Promise<boolean>}
+   */
+  async waitForConsent(pollMs = 500) {
+    return this.page.waitForFunction(
+      () => {
+        if (typeof window.WABConsent === 'undefined') return true;
+        return window.WABConsent.hasConsent();
+      },
+      { timeout: this.timeout, polling: pollMs }
+    ).then(() => true);
+  }
+
+  /**
+   * Discover the page and return the list of actions.
+   * Combines bridge discovery with runtime getActions().
+   * @returns {Promise<object>}
+   */
+  async discover() {
+    return this.page.evaluate(() => {
+      if (window.WAB && typeof window.WAB.discover === 'function') return window.WAB.discover();
+      if (window.AICommands && typeof window.AICommands.getActions === 'function') {
+        return { actions: window.AICommands.getActions(), meta: window.AICommands.getPageInfo ? window.AICommands.getPageInfo() : {} };
+      }
+      return { actions: [] };
+    });
+  }
+
+  /**
+   * Run a sequence of actions, stopping on the first failure.
+   * @param {Array<{name: string, params?: object}>} steps
+   * @param {{ stopOnError?: boolean }} [options]
+   * @returns {Promise<Array<{ name: string, ok: boolean, result?: any, error?: string }>>}
+   */
+  async runPipeline(steps, options = {}) {
+    const stopOnError = options.stopOnError !== false;
+    const results = [];
+    for (const step of steps) {
+      try {
+        const res = await this.execute(step.name, step.params);
+        results.push({ name: step.name, ok: true, result: res });
+      } catch (err) {
+        results.push({ name: step.name, ok: false, error: err.message || String(err) });
+        if (stopOnError) break;
+      }
+    }
+    return results;
+  }
+
+  /**
+   * Execute multiple actions in parallel.
+   * @param {Array<{name: string, params?: object}>} actions
+   * @returns {Promise<Array<{ name: string, status: string, value?: any, reason?: string }>>}
+   */
+  async executeParallel(actions) {
+    const promises = actions.map((a) =>
+      this.execute(a.name, a.params)
+        .then((value) => ({ name: a.name, status: 'fulfilled', value }))
+        .catch((err) => ({ name: a.name, status: 'rejected', reason: err.message || String(err) }))
+    );
+    return Promise.all(promises);
+  }
+
+  /**
+   * Take a screenshot and return as base64 (useful for vision agents).
+   * @param {{ fullPage?: boolean }} [opts]
+   * @returns {Promise<string>}
+   */
+  async screenshot(opts = {}) {
+    const buf = await this.page.screenshot({
+      encoding: 'base64',
+      fullPage: opts.fullPage || false
+    });
+    return buf;
+  }
+
+  /** @private */
+  async _bidiSend(method, params = {}) {
+    const cmd = { id: ++this._biDiId, method, params };
+    return this.page.evaluate((c) => window.__wab_bidi.send(c), cmd);
+  }
+}
+
+/**
+ * WABUniversalAgent — Works on ANY page, no bridge script needed.
+ * Uses server-side extraction, analysis, and comparison APIs.
+ */
+class WABUniversalAgent {
+  /**
+   * @param {string} [serverUrl='http://localhost:3000'] — WAB server URL
+   */
+  constructor(serverUrl = 'http://localhost:3000') {
+    this.serverUrl = serverUrl.replace(/\/$/, '');
+  }
+
+  /** @private */
+  async _post(path, body) {
+    const res = await fetch(`${this.serverUrl}${path}`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body),
+    });
+    if (!res.ok) throw new Error(`WAB API error ${res.status}: ${await res.text()}`);
+    return res.json();
+  }
+
+  /** @private */
+  async _get(path) {
+    const res = await fetch(`${this.serverUrl}${path}`);
+    if (!res.ok) throw new Error(`WAB API error ${res.status}: ${await res.text()}`);
+    return res.json();
+  }
+
+  /**
+   * Extract products, prices, and metadata from any URL.
+   * @param {string} url
+   * @returns {Promise<object>}
+   */
+  async extract(url) {
+    return this._post('/api/universal/extract', { url });
+  }
+
+  /**
+   * Full analysis: extract + fairness + fraud detection + dark patterns.
+   * @param {string} url
+   * @returns {Promise<object>}
+   */
+  async analyze(url) {
+    return this._post('/api/universal/analyze', { url });
+  }
+
+  /**
+   * Compare prices across multiple sources.
+   * @param {string} query — Product or service to search for
+   * @param {string} [category='product'] — 'product', 'hotel', 'flight'
+   * @returns {Promise<object>}
+   */
+  async compare(query, category = 'product') {
+    return this._post('/api/universal/compare', { query, category });
+  }
+
+  /**
+   * Find and rank the best deals with fairness scoring.
+   * @param {string} query
+   * @param {string} [category='product']
+   * @param {string} [lang='en']
+   * @returns {Promise<object>}
+   */
+  async deals(query, category = 'product', lang = 'en') {
+    return this._post('/api/universal/deals', { query, category, lang });
+  }
+
+  /**
+   * Get fairness score for a domain.
+   * @param {string} domain
+   * @returns {Promise<object>}
+   */
+  async fairness(domain) {
+    return this._post('/api/universal/fairness', { domain });
+  }
+
+  /**
+   * Detect dark patterns on a URL.
+   * @param {string} url
+   * @returns {Promise<object>}
+   */
+  async darkPatterns(url) {
+    return this._post('/api/universal/dark-patterns', { url });
+  }
+
+  /**
+   * Get price history for a domain.
+   * @param {string} domain
+   * @returns {Promise<object>}
+   */
+  async priceHistory(domain) {
+    return this._get(`/api/universal/history?domain=${encodeURIComponent(domain)}`);
+  }
+
+  /**
+   * Get top fairness-scored sites.
+   * @param {number} [limit=20]
+   * @returns {Promise<object>}
+   */
+  async topFair(limit = 20) {
+    return this._get(`/api/universal/top-fair?limit=${limit}`);
+  }
+
+  /**
+   * Get all known competing sources.
+   * @returns {Promise<object>}
+   */
+  async sources() {
+    return this._get('/api/universal/sources');
+  }
+}
+
+const { WABMultiAgent } = require('./multi-agent');
+const { WABAgentMesh } = require('./agent-mesh');
+
+// ─── WAB Agent OS Client ────────────────────────────────────────────────────
+
+/**
+ * WABAgentOS — Client for the Agent OS runtime.
+ * Provides access to protocol, tasks, execution, registry, observability, and LLM.
+ */
+class WABAgentOS {
+  /**
+   * @param {object} options
+   * @param {string} options.serverUrl — WAB server base URL
+   * @param {string} [options.agentId] — Pre-registered agent ID
+   * @param {string} [options.apiKey] — Pre-registered API key
+   * @param {string} [options.sessionToken] — Active session token
+   */
+  constructor(options = {}) {
+    this.serverUrl = (options.serverUrl || 'http://localhost:3000').replace(/\/$/, '');
+    this.agentId = options.agentId || null;
+    this.apiKey = options.apiKey || null;
+    this.sessionToken = options.sessionToken || null;
+    this._base = `${this.serverUrl}/api/os`;
+  }
+
+  // ─── Agent Identity ───────────────────────────────────────────────────
+
+  async register(name, type, capabilities = []) {
+    const res = await this._post('/agents/register', { name, type, capabilities });
+    this.agentId = res.agentId;
+    this.apiKey = res.apiKey;
+    return res;
+  }
+
+  async authenticate(apiKey) {
+    const res = await this._post('/agents/authenticate', { apiKey: apiKey || this.apiKey });
+    if (res.sessionToken) this.sessionToken = res.sessionToken;
+    return res;
+  }
+
+  async negotiateCapabilities(capabilities, siteId) {
+    return this._post(`/agents/${this.agentId}/capabilities`, { capabilities, siteId });
+  }
+
+  // ─── Protocol ─────────────────────────────────────────────────────────
+
+  async getProtocol() {
+    return this._get('/protocol');
+  }
+
+  async sendMessage(command, payload = {}) {
+    return this._post('/protocol/message', { command, payload, agentId: this.agentId });
+  }
+
+  // ─── Tasks ────────────────────────────────────────────────────────────
+
+  async submitTask(task) {
+    return this._post('/tasks', task);
+  }
+
+  async getTask(taskId) {
+    return this._get(`/tasks/${taskId}`);
+  }
+
+  async listTasks(state, limit) {
+    const params = [];
+    if (state) params.push(`state=${state}`);
+    if (limit) params.push(`limit=${limit}`);
+    return this._get(`/tasks${params.length ? '?' + params.join('&') : ''}`);
+  }
+
+  async cancelTask(taskId) {
+    return this._delete(`/tasks/${taskId}`);
+  }
+
+  async pauseTask(taskId) {
+    return this._post(`/tasks/${taskId}/pause`);
+  }
+
+  async resumeTask(taskId) {
+    return this._post(`/tasks/${taskId}/resume`);
+  }
+
+  // ─── Execution ────────────────────────────────────────────────────────
+
+  async execute(command) {
+    return this._post('/execute', command);
+  }
+
+  async executeSemantic(domain, action, params = {}) {
+    return this._post('/execute/semantic', { domain, action, params, agentId: this.agentId });
+  }
+
+  async executePipeline(steps) {
+    return this._post('/execute/pipeline', { steps });
+  }
+
+  async resolveAction(domain, action, siteDomain) {
+    const params = `domain=${domain}&action=${action}${siteDomain ? `&siteDomain=${siteDomain}` : ''}`;
+    return this._get(`/execute/resolve?${params}`);
+  }
+
+  // ─── Registry ─────────────────────────────────────────────────────────
+
+  async searchCommands(query = {}) {
+    const params = Object.entries(query).map(([k, v]) => `${k}=${encodeURIComponent(v)}`).join('&');
+    return this._get(`/registry/commands${params ? '?' + params : ''}`);
+  }
+
+  async registerCommand(siteId, command) {
+    return this._post('/registry/commands', { siteId, ...command });
+  }
+
+  async searchSites(query = {}) {
+    const params = Object.entries(query).map(([k, v]) => `${k}=${encodeURIComponent(v)}`).join('&');
+    return this._get(`/registry/sites${params ? '?' + params : ''}`);
+  }
+
+  async registerSite(domain, info) {
+    return this._post('/registry/sites', { domain, ...info });
+  }
+
+  async searchTemplates(query = {}) {
+    const params = Object.entries(query).map(([k, v]) => `${k}=${encodeURIComponent(v)}`).join('&');
+    return this._get(`/registry/templates${params ? '?' + params : ''}`);
+  }
+
+  async getTemplate(templateId) {
+    return this._get(`/registry/templates/${templateId}`);
+  }
+
+  // ─── LLM ──────────────────────────────────────────────────────────────
+
+  async complete(prompt, options = {}) {
+    return this._post('/llm/complete', { prompt, options });
+  }
+
+  async embed(text, options = {}) {
+    return this._post('/llm/embed', { text, options });
+  }
+
+  async listModels() {
+    return this._get('/llm/models');
+  }
+
+  // ─── Observability ────────────────────────────────────────────────────
+
+  async getMetrics() {
+    return this._get('/observability/metrics');
+  }
+
+  async getTraces(query = {}) {
+    const params = Object.entries(query).map(([k, v]) => `${k}=${encodeURIComponent(v)}`).join('&');
+    return this._get(`/observability/traces${params ? '?' + params : ''}`);
+  }
+
+  async getTrace(traceId) {
+    return this._get(`/observability/traces/${traceId}`);
+  }
+
+  async getLogs(query = {}) {
+    const params = Object.entries(query).map(([k, v]) => `${k}=${encodeURIComponent(v)}`).join('&');
+    return this._get(`/observability/logs${params ? '?' + params : ''}`);
+  }
+
+  async getHealth() {
+    return this._get('/observability/health');
+  }
+
+  // ─── Events (SSE) ────────────────────────────────────────────────────
+
+  subscribe(filter, onEvent) {
+    if (typeof EventSource === 'undefined') {
+      throw new Error('EventSource not available. Use a polyfill for Node.js.');
+    }
+    const url = `${this._base}/events${filter ? '?filter=' + encodeURIComponent(filter) : ''}`;
+    const es = new EventSource(url);
+    es.onmessage = (e) => {
+      try { onEvent(JSON.parse(e.data)); } catch { onEvent(e.data); }
+    };
+    return es; // Call es.close() to unsubscribe
+  }
+
+  // ─── Policies ─────────────────────────────────────────────────────────
+
+  async createPolicy(policy) {
+    return this._post('/policies', policy);
+  }
+
+  async evaluatePolicy(entityId, action, context = {}) {
+    return this._post('/policies/evaluate', { entityId, action, context });
+  }
+
+  // ─── Deploy ───────────────────────────────────────────────────────────
+
+  async deploy(config = {}) {
+    return this._post('/deployments', { agentId: this.agentId, config });
+  }
+
+  async listDeployments(query = {}) {
+    const params = Object.entries(query).map(([k, v]) => `${k}=${encodeURIComponent(v)}`).join('&');
+    return this._get(`/deployments${params ? '?' + params : ''}`);
+  }
+
+  // ─── HTTP Helpers ─────────────────────────────────────────────────────
+
+  async _get(path) {
+    const url = `${this._base}${path}`;
+    const headers = this._headers();
+    const res = await fetch(url, { headers });
+    if (!res.ok) {
+      const body = await res.json().catch(() => ({ error: res.statusText }));
+      throw new Error(body.error || `HTTP ${res.status}`);
+    }
+    return res.json();
+  }
+
+  async _post(path, body) {
+    const url = `${this._base}${path}`;
+    const headers = { ...this._headers(), 'Content-Type': 'application/json' };
+    const res = await fetch(url, { method: 'POST', headers, body: JSON.stringify(body) });
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({ error: res.statusText }));
+      throw new Error(data.error || `HTTP ${res.status}`);
+    }
+    return res.json();
+  }
+
+  async _delete(path) {
+    const url = `${this._base}${path}`;
+    const headers = this._headers();
+    const res = await fetch(url, { method: 'DELETE', headers });
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({ error: res.statusText }));
+      throw new Error(data.error || `HTTP ${res.status}`);
+    }
+    return res.json();
+  }
+
+  _headers() {
+    const h = {};
+    if (this.sessionToken) h['Authorization'] = `Bearer ${this.sessionToken}`;
+    else if (this.apiKey) h['X-WAB-Key'] = this.apiKey;
+    if (this.agentId) h['X-WAB-Agent'] = this.agentId;
+    return h;
+  }
+}
+
+// Re-export WABToolkit from langchain package for convenience
+let WABToolkit;
+try { WABToolkit = require('../packages/langchain').WABToolkit; } catch {
+  try { WABToolkit = require('web-agent-bridge-langchain').WABToolkit; } catch {}
+}
+
+// SPEC §8.10–§8.13 client helper
+const { SafetyShieldClient } = require('./safety-shield');
+// Phase 19 — Safe Mode trust gate
+const { WABSafeMode, WABSafeModeError, POLICIES: WAB_SAFE_POLICIES } = require('./safe-mode');
+// Phase 20 — Agent Governance Layer (permissions + approval + audit + kill-switch)
+const { WABGovernance, WABGovernanceError } = require('./governance');
+// Zero-Config Adoption — Auto-Discovery fallback for sites without /.well-known/wab.json
+const autoDiscovery = require('./auto-discovery');
+
+module.exports = {
+  WABAgent,
+  WABUniversalAgent,
+  WABMultiAgent,
+  WABAgentMesh,
+  WABAgentOS,
+  WABToolkit,
+  SafetyShieldClient,
+  WABSafeMode,
+  WABSafeModeError,
+  WAB_SAFE_POLICIES,
+  WABGovernance,
+  WABGovernanceError,
+  autoDiscovery,
+  discover: autoDiscovery.discover,
+};