Documentation / openclaw
Integration GuideBrowser

OpenClaw (Browser)

Secure autonomous browsing agents and prevent session leakage with browser-level firewalling.

CDP-Level Protection

SupraWall sits at the Chrome DevTools Protocol (CDP) level. We intercept click and type events before they reach the browser's execution engine.

1. Installation

bash
npm install @suprawall/claw

2. Secure Initialization

Wrap your Playwright or Puppeteer browser instance to enable real-time DOM action auditing.

typescript
import { protectBrowser } from "@suprawall/claw";
import { chromium } from "playwright";

const browser = await chromium.launch();
const page = await browser.newPage();

// Attach the SupraWall Firewall
const securedPage = await protectBrowser(page, {
    apiKey: process.env.SUPRAWALL_API_KEY,
    rules: [
        { domain: "github.com", mode: "READ_ONLY" },
        { domain: "stripe.com", mode: "APPROVE_ACTIONS" }
    ]
});

// Dangerous actions are now policy-checked
await securedPage.click('button:has-text("Delete")'); // Blocks if policy is DENY

Key Security Features

DOM Shield

Monitors and blocks dangerous DOM actions based on context.

Session Guard

Prevents exfiltration of cookies and local storage data.

Action Kill-Switch

Immediate blocking of sensitive clicks (e.g., Delete, Buy).

Visual Audit

Interactive logs showing exactly where the agent clicked and why.