<!-- Web Agent Bridge Configuration -->
<script>
window.AIBridgeConfig = {
  licenseKey: "WAB-XXXXX-XXXXX-XXXXX-XXXXX",
  agentPermissions: {
    readContent: true,
    click: true,
    fillForms: true,
    scroll: true
  }
};
</script>
<script src="https://yourserver.com/script/ai-agent-bridge.js"></script>

window.AIBridgeConfig = {
  // License key from your dashboard
  licenseKey: "WAB-XXXXX-XXXXX-XXXXX-XXXXX",

  // Subscription tier (verified server-side)
  subscriptionTier: "free",

  // What AI agents are allowed to do
  agentPermissions: {
    readContent: true,       // Read page text
    click: true,              // Click elements
    fillForms: false,         // Fill and submit forms
    scroll: true,             // Scroll the page
    navigate: false,           // Navigate between pages
    apiAccess: false,          // Call internal APIs (Pro+)
    automatedLogin: false,     // Automated login (Starter+)
    extractData: false         // Extract structured data (Pro+)
  },

  // Access restrictions
  restrictions: {
    allowedSelectors: [],                        // Empty = allow all
    blockedSelectors: [".private", "[data-private]"],
    requireLoginForActions: ["apiAccess"],
    rateLimit: { maxCallsPerMinute: 60 }
  },

  // Activity logging
  logging: {
    enabled: false,
    level: "basic"   // "basic" or "detailed"
  }
};

const allActions = window.AICommands.getActions();
const navActions = window.AICommands.getActions("navigation");

// Returns: [{ name, description, trigger, category, requiresAuth, params, fields }]

const result = await window.AICommands.execute("signup");
// → { success: true, action: "click", selector: "#signup-button" }

const formResult = await window.AICommands.execute("fill_contact_form", {
  name: "Alice",
  email: "alice@example.com"
});
// → { success: true, results: [...] }

const content = window.AICommands.readContent("h1.title");
// → { success: true, text: "Welcome!", html: "Welcome!", attributes: {...} }

const info = window.AICommands.getPageInfo();
// → { title, url, domain, lang, bridgeVersion, tier, permissions, actionsCount, rateLimitRemaining }

await window.AICommands.waitForElement(".results-loaded", 15000);
// Resolves when the element appears, rejects on timeout

window.AICommands.registerAction({
  name: "addToCart",
  description: "Add the current product to cart",
  trigger: "click",
  selector: "#add-to-cart-btn",
  category: "e-commerce",
  metadata: { requiresProduct: true }
});

const bridge = window.AICommands;

bridge.events.on('ready', (data) => {
  console.log('Bridge ready', data.version);
});

bridge.events.on('action:before', ({ action, params }) => {
  console.log(`Executing: ${action}`);
});

bridge.events.on('action:after', ({ action, result }) => {
  console.log(`Result: ${result.success}`);
});

bridge.events.on('error', (err) => {
  console.error('Bridge error', err);
});

// Check if the site supports WAB
if (window.AICommands) {
  const info = window.AICommands.getPageInfo();
  console.log(`WAB v${info.bridgeVersion} detected`);
  console.log(`${info.actionsCount} actions available`);
  console.log(`Tier: ${info.tier}`);
} else {
  console.log('No WAB support — fall back to DOM parsing');
}

async function agentWorkflow() {
  const bridge = window.AICommands;

  // 1. Authenticate (if needed)
  bridge.authenticate("agent-key-123", {
    name: "MyAssistant",
    version: "2.0"
  });

  // 2. Discover available actions
  const actions = bridge.getActions();

  // 3. Find the action we need
  const loginAction = actions.find(a => a.name.includes('login'));

  // 4. Execute it
  if (loginAction) {
    const result = await bridge.execute(loginAction.name, {
      email: "user@example.com",
      password: "secure-password"
    });
    console.log(result);
  }

  // 5. Wait for navigation
  await bridge.waitForNavigation();

  // 6. Refresh actions for new page
  bridge.refresh();
}

window.AIBridgeConfig = {
  licenseKey: "WAB-SHOP-XXXXX-XXXXX",
  agentPermissions: {
    readContent: true,
    click: true,
    fillForms: true,
    scroll: true
  },
  restrictions: {
    blockedSelectors: ["#checkout-payment", ".credit-card-form"],
    rateLimit: { maxCallsPerMinute: 30 }
  }
};

// After the bridge loads, add custom actions
document.addEventListener('wab:ready', () => {
  window.AICommands.registerAction({
    name: "searchProducts",
    description: "Search for products by keyword",
    trigger: "fill_and_submit",
    fields: [{ name: "query", selector: "#search-input", type: "text" }],
    submitSelector: "#search-btn",
    category: "search"
  });
});

window.AIBridgeConfig = {
  licenseKey: "WAB-SAAS-XXXXX-XXXXX",
  subscriptionTier: "pro",
  agentPermissions: {
    readContent: true,
    click: true,
    fillForms: true,
    apiAccess: true,
    extractData: true
  }
};

document.addEventListener('wab:ready', () => {
  // Custom API action
  window.AICommands.registerAction({
    name: "getAnalytics",
    description: "Fetch analytics data for the current period",
    trigger: "api",
    endpoint: "/api/analytics/current",
    method: "GET",
    requiresAuth: true,
    category: "data"
  });

  // Custom handler action
  window.AICommands.registerAction({
    name: "exportReport",
    description: "Generate and download a PDF report",
    trigger: "click",
    category: "export",
    handler: async () => {
      const res = await fetch('/api/report/generate');
      const blob = await res.blob();
      // trigger download...
      return { success: true, message: "Report downloaded" };
    }
  });
});