WebAiBridge

WebAiBridge lets you send code context from VS Code into the AI chat sites you already use, without copying and pasting. It is a pair of extensions: one for VS Code and one for Chrome.

Early preview. WebAiBridge is under active development and is not yet ready for everyday use. Expect rough edges, and expect it to break when an AI site changes its page layout. Feedback and bug reports are welcome.

Source: GitHub | GitLab Downloads: Releases

What It Does

Right-click a file or selection in VS Code to add it to your context
Type @ in the chat box to pull in context from VS Code, such as the open file, your selection, problems, the file tree, the git diff or terminal output
Count tokens against per-model limits before you send
Split large content into parts that fit

Everything stays on your machine. The two extensions talk over a local WebSocket on localhost, so no cloud service is involved.

How It Works

┌─────────────┐     WebSocket      ┌─────────────────┐
│   VS Code   │◄──────────────────►│ Chrome Extension│
│  Extension  │   localhost:64923  │  (content.js)   │
└─────────────┘                    └────────┬────────┘
       │                                    │
       │ Reads files, selections,           │ Injects into
       │ problems, git diff, etc.           │ AI chat input
       │                                    │
       ▼                                    ▼
┌─────────────┐                    ┌─────────────────┐
│  Your Code  │                    │   AI Chat Site  │
│  Workspace  │                    │ (ChatGPT, etc.) │
└─────────────┘                    └─────────────────┘

The VS Code extension runs the local WebSocket server. The Chrome extension connects to it and adds itself to the supported chat sites.

Target Sites

WebAiBridge is built to work with these sites. Each one has its own page layout, so support can break whenever a site changes.

ChatGPT
Claude
Gemini and Google AI Studio
Microsoft 365 Copilot

Trying It

Download the latest .vsix file and the Chrome extension zip from the Releases page.

VS Code extension

code --install-extension webaibridge-<version>.vsix

Chrome extension

Unzip the Chrome extension download
Go to chrome://extensions and turn on "Developer mode"
Click "Load unpacked" and select the unzipped folder

You can also build both from source. See the repository for instructions.

Usage

@ Mentions

Type @ in a supported chat input (the trigger character can be changed in the popup):

Trigger	Description
`@focused-file`	Currently open file
`@selection`	Selected text
`@visible-editors`	All visible editors
`@open-tabs`	All open files
`@problems`	Errors and warnings
`@file-tree`	Workspace structure
`@git-diff`	Uncommitted changes
`@terminal`	Recent terminal output

Per-Message Limits

Set a token limit in the popup, and choose what happens when it's exceeded: warn before inserting, chunk into parts, or truncate to fit. Token counts are estimates, not exact.

Multiple VS Code Windows

If several VS Code windows are open, use the instance picker in the popup to choose which one to pull from.

License

BSD-2-Clause