browsaBrowser Side-Panel AI

browsa / browser side-panel AI

Stay on the page.Ask beside it.

Bring the page into a conversation with your own AI — no copy-paste, no leaving what you’re reading.

Chrome / Edge · Source install available
Free extension. Bring your own model or agent.

MIT open source ↗ Your choice of model Local settings

Illustrative interface · Switch scenes to see how browsa works with the page.

demo

Stay on the page. Ask beside it.

The full workflow in 68 seconds: attach a document → math & diagram rendering → clickable timestamps → session management and Agent handoff.

English captions; understandable with the sound off. Math and diagrams come from real model replies; demo data, playback edited. YouTube.

how it works

Three steps to talk to a webpage

No window-switching, no copy-pasting. browsa sits quietly beside the page you're reading — like a margin note.

01

Open the side panel Ctrl+Shift+H

Press the shortcut or click the toolbar icon on any page. The browsa panel appears on the right.

02

Attach the page 📎

Click 📎 and the page content flows into the conversation — articles, subtitles, PDFs. Selected text can be asked about directly.

03

Stream replies any backend

Replies stream in word by word, with Markdown, math and charts. Any OpenAI-compatible API — or the Hermes / opencode / OpenSquilla / agent-bridge agents. Seven UI languages included.

Installed? Quick start walks you through the first question; the full guide covers reading, video, rendering, sessions, backends and settings.

features

More than a chat box

browsa puts "reading" and "asking" in the same place: long articles, videos, PDFs — the AI is right there.

attach

Attach the page

Bring the current page into the conversation with one click — modes pick themselves:

  • Auto cascade: Readability body → DOM tree → full text
  • 📷 Screenshot mode, for multimodal models
  • PDF parsed locally: tables / headings / layout rebuilt
  • GitHub file pages pull raw source directly
select

Selection Q&A

Select any text on any page and ask directly:

  • Floating toolbar: Ask · Explain · Translate · Summarize
  • Explain / Translate stream inline, without interrupting your reading
  • Ask / Summarize ride into the panel — no 📎 needed
render

Rich rendering

Replies are more than plain text — formulas and diagrams render in your browser:

  • Markdown GFM + 40+ language syntax highlighting
  • LaTeX math (KaTeX, Web Worker accelerated)
  • Mermaid flowcharts (one-click horizontal/vertical switch, re-layout on panel resize, keyboard/two-finger zoom), ECharts, Markmap mind maps
  • Broken Mermaid? One-click AI fix and re-render
video

Video notes

Structured subtitles from YouTube and Bilibili:

  • Clickable [mm:ss] timestamps that seek the video
  • Subtitle drawer: live highlight · click to seek · note a line
  • No subtitles? ASR transcription / A/V deep-read
  • Xiaoyuzhou podcasts: one-click transcription with timestamps
  • Long transcripts auto-compressed into points, timestamps preserved
provider

Any backend

No vendor lock-in — connect your own models:

  • Hermes Agent: tool execution, approval for risky actions, progress display
  • OpenCode Agent: direct CLI line — full tool & approval flow
  • OpenSquilla Agent: gateway WebSocket — server-side session memory
  • Agent Bridge: bridges Codex / Claude Code / Gemini CLI / pi / dsh / ZCode — one card, several agents
  • Agent sessions live agent-side — auto-named, easy to resume
  • Any OpenAI-compatible API: OpenAI, Ollama, LiteLLM…
  • Multiple models per card — switch right in the sidebar
  • Per-model thinking level, request fields auto-adapt
  • Ping to verify connectivity and capabilities
privacy

Privacy first

No browsa account. Your choice of model service:

  • API keys are stored locally and used to authenticate with your configured provider
  • Locally masked before sending: URL tokens / passwords / signatures
  • PDFs parsed on-device — content never leaves the machine
  • Office documents convert to Markdown on-device
  • Content goes only to the backend you configure
input

Fast input

Say more without typing more:

  • Quick actions: Summarize / Key Points / Explain / Outline
  • Slash commands + ↑/↓ input history; drafts survive closing the panel
  • Keep typing while a reply streams — messages queue and send in order
  • Pasted code becomes a highlighted block; everything else stays byte-for-byte
session

Sessions

Long conversations stay organized:

  • Save / restore / export Markdown, with Agent thread IDs
  • Pin sessions — searchable by title and full text
  • Switch sessions mid-reply — it finishes in the background
  • Full-text in-conversation search (Ctrl+F)
  • "Detail-thread" any text without polluting the main chat; paste images too; the selection stays highlighted and the card folds; reopening the panel restores it folded without losing anything

supported sites

It reads your webpages

For these sites browsa reads the structured data the page already loaded — subtitles, comments, article source, quotes — instead of guessing.

YouTubesubtitles/chapters Bilibilisubtitles/chapters/ASR/stats Xiaohongshunotes/photos/comments Juejinarticle source/images Zhihuarticles/answers/images X / Twitterposts/photos/replies GitHubrepo metadata/README Redditposts/comments/photos Xueqiuquotes/posts/images Xiaoyuzhoupodcasts/ASR Dedaoarticles GeekTimearticles

Observes, never hijacks: it just watches the requests the browser itself makes. Every other webpage works too, just not as deeply.

your keys, your agent

Your keys. Your models. Your agent.

browsa sells no subscription, asks for no account, takes no markup. It simply moves your own model endpoints into the side panel — cloud, local, or self-hosted.

  • ›No account, no telemetry. Install and go — nothing ever flows through us.
  • ›API keys stay local, sent only to the endpoints you configure.
  • ›Ollama / LM Studio local models — fully offline works too.
  • ›Real agents: tool execution, live progress, approval before risky actions — with an optional chime when one arrives (toggle in Settings).

Not sure which to choose? Read the model and agent setup guide →

install

Start with your next read.

Choose one installation method, then connect your model or agent. The browsa extension is free.

Alternative · Manual updates

Load from GitHub

Download and unzip a release. Enable Developer mode in your browser’s extension manager, choose Load unpacked, and select the folder containing manifest.json.

Download a release ↗

Installed? Make the connection.

Configure a model API or local agent in Settings and Ping to verify. Open an article, attach it with 📎, and ask your first question.

Follow the setup guide →