Package Exports
- @quanta-intellect/vessel-browser
- @quanta-intellect/vessel-browser/out/main/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@quanta-intellect/vessel-browser) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Vessel: Your Agent's Browser
Open-source browser runtime for persistent web agents on Linux.
Vessel gives external agent harnesses a real browser with durable state, MCP control, and a human-visible supervisory UI. It is built for long-running workflows where the agent drives and the human audits, intervenes, and redirects when needed.
- Built for agent harnesses such as Hermes Agent, OpenClaw, and other MCP clients
- Keeps browser state alive with named sessions, bookmarks, checkpoints, and structured page visibility
- Keeps humans in the loop with approvals, runtime controls, and a visible browser instead of a headless black box
Vessel is in active development and currently makes no security assurances. Use and deploy it with care.
https://github.com/user-attachments/assets/0a72b48a-873a-4eb0-b8f2-23e34d8472c4
Quick Start
Fastest Install Today
The preferred MVP install path is the Linux AppImage from GitHub Releases:
- Download the latest
Vessel-<version>-x64.AppImage - Mark it executable:
chmod +x Vessel-*.AppImage - Launch it:
./Vessel-*.AppImage - Open Settings (
Ctrl+,) and confirm the MCP endpoint shown there
Install via npm
npm install -g @quanta-intellect/vessel-browser
vessel-browserOr run it directly without installing:
npx @quanta-intellect/vessel-browserSource Install
curl -fsSL https://raw.githubusercontent.com/unmodeled-tyler/quanta-vessel-browser/main/scripts/install.sh | bashDevelopment From Source
npm install
npm run devWhy Vessel?
Most browser automation stacks are either headless, stateless, or designed around a human as the primary operator. Vessel is built around the opposite model: the browser is the agent's operating surface, and the human stays in the loop through a visible interface with clear supervisory controls.
Vessel is built for persistent web agents that need a real browser, durable state, and a human-visible interface. The agent is the primary operator. The human follows along in the live browser UI, audits what the agent is doing, and steers when needed.
Today, Vessel provides the browser shell, page visibility, and supervisory surfaces needed to support that model. The long-term goal is not "a browser with AI features," but a browser runtime for autonomous agents with a clear supervisory experience for humans.
Features
- Agent-first browser model — Vessel is designed around an agent driving the browser while a human watches, intervenes, and redirects
- Human-visible browser UI — pages render like a normal browser so agent activity stays legible instead of disappearing into a headless run
- Command Bar (
Ctrl+L) — a secondary operator surface for harness-driven workflows and future runtime commands - Supervisor Sidebar (
Ctrl+Shift+L) — live supervision across four tabs: Supervisor, Bookmarks, Checkpoints, and Chat - Chat Assistant — built-in conversational AI in the sidebar Chat tab; supports Anthropic, OpenAI, Ollama, Mistral, xAI, Google Gemini, OpenRouter, and any OpenAI-compatible endpoint; reads the current page automatically; has full access to the same browser tools as external agents; multi-turn session history; configure provider, model, and API key in Settings
- Dev Tools Panel (
F12) — inspect console output, network requests, and MCP/agent activity in a resizable panel at the bottom of the window; export logs by category and date range as JSON - Bookmarks for Agents — save pages into folders, attach one-line folder summaries, and search bookmarks over MCP instead of dumping the entire library
- Named Session Persistence — save cookies, localStorage, and current tab layout under a reusable name, then reload it after a restart
- Structured Page Visibility Context — extraction can report in-viewport elements, obscured controls, active overlays, and dormant consent/modal UI
- Popup Recovery Tools — agents can explicitly dismiss common popups, newsletter gates, and consent walls instead of brute-forcing generic clicks
- Per-Tab Ad Blocking Controls — tabs default to ad blocking on, but agents can selectively disable and re-enable blocking when a page misbehaves
- Obsidian Memory Hooks — optional vault path for agent-written markdown notes, page captures, and research breadcrumbs
- Runtime Health Checks — startup warnings for MCP port conflicts, unreadable settings, and user-data write failures
- Reader Mode — extract article content into a clean, distraction-free view; toggle on and off from the address bar
- Focus Mode (
Ctrl+Shift+F) — hide all chrome, content fills the screen - Resizable Panels — drag the sidebar edge to resize; width persists across sessions
- Minimal Dark Theme — warm dark grays, restrained accent color, and no pure black/white
Positioning
Most browsers treat automation as secondary and assume a human is the primary actor. Vessel is the opposite: it is the browser for the agent, with a visible interface that keeps the human in the loop.
That means the product should optimize for:
- persistent browser state across tasks and sessions
- clear visibility into what the agent is doing right now
- lightweight human intervention instead of constant manual driving
- a browser runtime that can serve long-lived agent systems such as Hermes Agent or OpenClaw-style harnesses
Stack
| Layer | Technology |
|---|---|
| Engine | Chromium (Electron 40) |
| UI Framework | SolidJS |
| Language | TypeScript |
| Build | electron-vite + Vite |
| AI Control | External agent harnesses (Hermes Agent, OpenClaw, MCP clients) + built-in chat (Anthropic, OpenAI, Ollama, and any OAI-compatible endpoint) |
| Content Extraction | @mozilla/readability |
Architecture
Main Process Renderer (SolidJS)
├── TabManager (WebContentsView[]) ├── TabBar, AddressBar
├── AgentRuntime (session + supervision) ├── CommandBar (secondary surface)
├── MCP server for external agents ├── AI Sidebar (Supervisor/Bookmarks/Checkpoints/Chat)
├── AI providers (Anthropic + OAI-compat) ├── DevTools Panel (Console/Network/Activity)
├── Supervision, bookmarks, checkpoints └── Signal stores (tabs, ai, ui)
└── IPC Handlers ◄──contextBridge──► Preload APIEach browser tab is a separate WebContentsView managed by the main process. The browser chrome (SolidJS) runs in its own view layered on top. All communication between renderer and main goes through typed IPC channels via contextBridge.
Getting Started
The installer:
- clones or updates Vessel into
~/.local/share/vessel-browser - installs dependencies and builds the app
- creates a
vessel-browserlauncher in~/.local/bin - creates a
vessel-browser-launchhelper in~/.local/bin - creates a
vessel-browser-updatehelper in~/.local/bin - creates a
vessel-browser-statushelper in~/.local/bin - creates a desktop entry for Linux app launchers
- writes
~/.config/vessel/vessel-settings.jsonwith MCP port3100 - writes
~/.config/vessel/mcp-http-snippet.json - prints the exact HTTP MCP snippet to paste into your harness config
The packaged AppImage path:
- does not require a local Node/Electron toolchain
- uses the packaged Vessel app icon and metadata
- is the recommended path for early adopters who just want to run Vessel
After install:
vessel-browser# Install dependencies
npm install
# If Electron download fails, use a mirror:
ELECTRON_MIRROR="https://npmmirror.com/mirrors/electron/" npm install
# Development (with HMR)
npm run dev
# Production build
npm run build
# Smoke-test the MVP release path
npm run smoke:test
# Package an unpacked Linux app
npm run dist:dir
# Package a Linux AppImage
npm run distNotes:
npm run devstill launches the stock Electron binary, so Linux may continue showing the default Electron gear icon in development- packaged builds created with
npm run dist/npm run dist:diruse the Vessel app icon - the tracked smoke test runs typecheck, build, and the Electron navigation regression harness
- for headless CI, run the smoke test under
xvfb-run -a npm run smoke:test
Setting up Vessel for Hermes Agent or OpenClaw
Vessel is designed to act as the browser runtime that your external agent harness drives.
- Launch Vessel
- Open Settings (
Ctrl+,) to confirm MCP status, copy the endpoint, or change the MCP port - Optional: set an Obsidian vault path or session preferences
- Start Hermes Agent or OpenClaw and configure it to connect to Vessel's MCP endpoint at
http://127.0.0.1:<mcpPort>/mcp - Use the Supervisor panel in Vessel's sidebar to pause the agent, change approval mode, review pending approvals, checkpoint, or restore the browser session while the harness runs
- Use the Bookmarks panel to organize saved pages into folders and expose those bookmarks back to the agent over MCP
Notes:
- Vessel exposes browser control to external agents through its local MCP server
- The default MCP port is
3100 - Hermes Agent and OpenClaw should treat Vessel as the persistent, human-visible browser rather than launching their own separate browser session
- Vessel supports a built-in Chat tab with configurable AI provider; open Settings (
Ctrl+,) and enable Chat Assistant to set a provider and model - Approval policy is controlled live from the sidebar Supervisor panel rather than a separate global settings screen
- Settings now show MCP runtime status, active endpoint, startup warnings, and allow changing the MCP port with an immediate server restart
- Agents can selectively disable ad blocking for a problematic tab, reload, retry the flow, and turn blocking back on later
- Agents can persist authenticated state with named sessions, for example
github-logged-in, and reload that state in later runs - The intended control plane is an external harness driving Vessel through MCP
- If you set an Obsidian vault path in Settings, harnesses can write markdown notes directly into that vault via Vessel memory MCP tools
Initial memory tools:
vessel_memory_note_createvessel_memory_appendvessel_memory_listvessel_memory_searchvessel_memory_page_capturevessel_memory_link_bookmark
Bookmark and folder tools exposed today include:
vessel_bookmark_listvessel_bookmark_searchvessel_bookmark_openvessel_bookmark_savevessel_bookmark_removevessel_create_foldervessel_folder_renamevessel_folder_remove
Page interaction and recovery tools exposed today include:
vessel_extract_contentvessel_read_pagevessel_scrollvessel_dismiss_popupvessel_set_ad_blockingvessel_wait_for
Named session tools exposed today include:
vessel_save_sessionvessel_load_sessionvessel_list_sessionsvessel_delete_session
Session files are sensitive because they may contain login cookies and tokens. Vessel stores them under the app user-data directory with restrictive file permissions.
Notable extraction modes include:
visible_only— only currently visible, in-viewport, unobstructed interactive elements plus active overlaysresults_only— likely primary search/result links onlyfull/summary/interactives_only/forms_only/text_only
The extraction output can distinguish:
- active blocking overlays
- dormant consent/modal UI present in the DOM but not active for the current session or region
Generic HTTP MCP config:
{
"mcpServers": {
"vessel": {
"type": "http",
"url": "http://127.0.0.1:3100/mcp"
}
}
}Hermes Agent config.yaml MCP config:
mcp_servers:
vessel:
url: "http://127.0.0.1:3100/mcp"
timeout: 180
connect_timeout: 30Configuration
The installer writes both snippets to:
~/.config/vessel/mcp-http-snippet.json~/.config/vessel/mcp-hermes-snippet.yaml
It also installs a helper command:
vessel-browser-mcpHelper examples:
# Generic JSON snippet
vessel-browser-mcp
# Hermes-ready YAML snippet
vessel-browser-mcp --format hermes
# Raw MCP endpoint URL
vessel-browser-mcp --format urlSource install update helpers:
# Check whether a source-install update is available
vessel-browser-update --check
# Fetch, rebuild, and update the local source install
vessel-browser-updateStatus helper:
# Human-readable local install + MCP status
vessel-browser-status
# Machine-readable status for harnesses
vessel-browser-status --jsonSmart launch helper:
# Launch Vessel using the best available local install
vessel-browser-launch
# Show the chosen launch path without starting anything
vessel-browser-launch --dry-runvessel-browser-launch prefers a healthy source install and falls back to the newest local AppImage when the source install is likely blocked by Electron sandbox permissions.
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
Ctrl+L |
AI Command Bar |
Ctrl+Shift+L |
Toggle AI Sidebar |
Ctrl+Shift+F |
Toggle Focus Mode |
F12 |
Toggle Dev Tools Panel |
Ctrl+T |
New Tab |
Ctrl+W |
Close Tab |
Ctrl+, |
Settings |
Project Structure
src/
├── main/ # Electron main process
│ ├── ai/ # Agent tools, query flow, and AI provider implementations
│ ├── tabs/ # Tab + TabManager (WebContentsView)
│ ├── agent/ # Agent runtime, checkpoints, supervision
│ ├── content/ # Readability extraction, reader mode
│ ├── config/ # Settings persistence
│ ├── ipc/ # IPC handler registry
│ ├── mcp/ # MCP server for external agent control
│ ├── devtools/ # CDP session management for Dev Tools panel
│ ├── window.ts # Window layout manager
│ └── index.ts # App entry point
├── preload/ # contextBridge scripts
│ ├── index.ts # Chrome UI preload
│ └── content-script.ts # Web page preload (readability)
├── renderer/ # SolidJS browser UI
│ └── src/
│ ├── components/
│ │ ├── chrome/ # TitleBar, TabBar, AddressBar
│ │ ├── ai/ # CommandBar, Sidebar (Supervisor/Bookmarks/Checkpoints/Chat)
│ │ ├── devtools/ # DevTools panel (Console, Network, Activity)
│ │ └── shared/ # Settings panel
│ ├── stores/ # SolidJS signal stores
│ ├── styles/ # Theme, global CSS
│ └── lib/ # Keybindings
└── shared/ # Types + IPC channel constantsDesign Principles
- Agent first — the browser is the agent's operating surface, not just a human tool with automation bolted on
- Human visible — the UI should make agent behavior easy to follow, audit, and steer
- Persistent by default — browser state should survive long-running workflows and repeated sessions
- Content first — chrome is 110px, everything else is your page
- Easy on the eyes — warm dark grays, muted text, no visual noise
- Linux-native — frameless window, system font fallbacks, XDG conventions
License
MIT
Developed by Tyler Williams in Portland, Oregon (2026)