@co-browse/react

Wrap your React app in one component and give users an AI panel that can find, summarize, click, type, navigate, and answer questions across the whole app — agentic browsing, driven by an LLM.

npm install @co-browse/react

import { CoBrowseProvider } from "@co-browse/react";

<CoBrowseProvider config={{ endpoint: "/api/cobrowse/chat" }}>
  <App />
</CoBrowseProvider>;

The panel renders inside a Shadow DOM (no style collisions), runs an autonomous agent loop with guardrails (visible action log, stop button, confirmation before destructive actions), and supports multi-turn memory, dock/overlay layouts, light/dark themes, custom tools, and a router adapter.

Point endpoint at a running @co-browse/proxy (or any compatible SSE endpoint) so provider keys stay off the client.

Full configuration, theming, guardrails, custom tools, and navigation docs: https://github.com/originalkamaal/co-browser-ai#readme

License

MIT © Kamaal Khan