Container view — Architecture
architecture-overview · hero
Component view — Browser Agent Bridge
architecture-overview › browser-agent-bridge-view
Component view — Client Agent Manager
architecture-overview › client-agent-manager-view
Syncing browser tools to node MCP
sync-tools
Calling a forwarded tool from an agent
invoke-tool
BrowserAgentSync → void
CallToolRequest → CallToolResult
ClientToolInvocation → unknown
packages/devframe/src/in-page-channel/diagnostics.ts packages/devframe/src/in-page-channel/internal.ts packages/devframe/src/in-page-channel/page-script.ts and 2 more
packages/devframe/src/client/browser-agent-rpc.ts packages/devframe/src/client/browser-agent.ts packages/devframe/src/client/rpc.ts
packages/devframe/src/client/browser-agent.ts
packages/devframe/src/client/browser-agent-rpc.ts
packages/devframe/src/node/rpc/agent-sync-client-tools.ts packages/devframe/src/node/rpc/index.ts
packages/devframe/src/node/client-agent.ts packages/devframe/src/node/diagnostics.ts packages/devframe/src/node/host-functions.ts
packages/devframe/src/node/client-agent.ts
packages/devframe/src/node/rpc/agent-sync-client-tools.ts
packages/agentic/src/connect/index.ts
packages/agentic/src/connect/index.ts
packages/devframe/src/in-page-channel/diagnostics.ts packages/devframe/src/in-page-channel/internal.ts packages/devframe/src/in-page-channel/page-script.ts and 2 more
packages/devframe/src/client/browser-agent-rpc.ts packages/devframe/src/client/browser-agent.ts packages/devframe/src/client/rpc.ts
packages/devframe/src/client/browser-agent.ts
packages/devframe/src/client/browser-agent-rpc.ts
packages/devframe/src/node/rpc/agent-sync-client-tools.ts packages/devframe/src/node/rpc/index.ts
packages/devframe/src/node/client-agent.ts packages/devframe/src/node/diagnostics.ts packages/devframe/src/node/host-functions.ts
packages/devframe/src/node/client-agent.ts
packages/devframe/src/node/rpc/agent-sync-client-tools.ts
packages/agentic/src/connect/index.ts
packages/devframe/src/in-page-channel/diagnostics.ts packages/devframe/src/in-page-channel/internal.ts packages/devframe/src/in-page-channel/page-script.ts and 2 more
packages/devframe/src/client/browser-agent-rpc.ts packages/devframe/src/client/browser-agent.ts packages/devframe/src/client/rpc.ts
packages/devframe/src/client/browser-agent.ts
packages/devframe/src/client/browser-agent-rpc.ts
packages/devframe/src/node/rpc/agent-sync-client-tools.ts packages/devframe/src/node/rpc/index.ts
packages/devframe/src/node/client-agent.ts packages/devframe/src/node/diagnostics.ts packages/devframe/src/node/host-functions.ts
packages/devframe/src/node/client-agent.ts
packages/devframe/src/node/rpc/agent-sync-client-tools.ts
packages/agentic/src/connect/index.ts
packages/agentic/src/connect/index.ts
packages/devframe/src/in-page-channel/diagnostics.ts packages/devframe/src/in-page-channel/internal.ts packages/devframe/src/in-page-channel/page-script.ts and 2 more
packages/devframe/src/client/browser-agent-rpc.ts packages/devframe/src/client/browser-agent.ts packages/devframe/src/client/rpc.ts
packages/devframe/src/node/rpc/agent-sync-client-tools.ts packages/devframe/src/node/rpc/index.ts
packages/devframe/src/node/client-agent.ts packages/devframe/src/node/diagnostics.ts packages/devframe/src/node/host-functions.ts
packages/agentic/src/connect/index.ts
packages/devframe/src/in-page-channel/diagnostics.ts packages/devframe/src/in-page-channel/internal.ts packages/devframe/src/in-page-channel/page-script.ts and 2 more
packages/devframe/src/client/browser-agent-rpc.ts packages/devframe/src/client/browser-agent.ts packages/devframe/src/client/rpc.ts
packages/devframe/src/node/client-agent.ts packages/devframe/src/node/diagnostics.ts packages/devframe/src/node/host-functions.ts
packages/agentic/src/connect/index.ts
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
/
What could this change break?
What should I review most carefully?
Drag to select a region · Space to pan
↵
feat(agent): list connected browser tabs and route client tool calls per tab
devframes/devframe #413
· 5 diagrams
Start the walkthrough
W
Toggle architecture
Toggle data flow
Fit the whole strip
1
Copy share link
Switch to light
How to move around
Ask about this canvas
/
◈ Rendered by
PR Lens
· crafted with ❤️ by the
Coldtea
team
100%
Container view — Architecture
Architecture
Component view — Browser Agent Bridge
Architecture
Component view — Client Agent Manager
Architecture
Syncing browser tools to node MCP
Data flow
Calling a forwarded tool from an agent
Data flow
Looking around
Resume walkthrough
↵
This diagram has a walkthrough
scroll to move through it
swipe to move through it
