JSPM

  • Created
  • Published
  • Downloads 922
  • Score
    100M100P100Q127067F
  • License MIT

AI-native web browser for Linux — persistent browser runtime for autonomous agents with human supervision

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-logo-cropped

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.

Quick Start

Fastest Install Today

The preferred MVP install path is the Linux AppImage from GitHub Releases:

  1. Download the latest Vessel-<version>-x64.AppImage
  2. Mark it executable: chmod +x Vessel-*.AppImage
  3. Launch it: ./Vessel-*.AppImage
  4. Open Settings (Ctrl+,) and confirm the MCP endpoint shown there

Install via npm

npm install -g @quanta-intellect/vessel-browser
vessel-browser

Or run it directly without installing:

npx @quanta-intellect/vessel-browser

Source Install

curl -fsSL https://raw.githubusercontent.com/unmodeled-tyler/quanta-vessel-browser/main/scripts/install.sh | bash

Development From Source

npm install
npm run dev

Why 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_2026-03-16_144201_7545 vessel_2026-03-17_145154_5389 vessel_2026-03-16_171108_8677

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 API

Each 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-browser launcher in ~/.local/bin
  • creates a vessel-browser-launch helper in ~/.local/bin
  • creates a vessel-browser-update helper in ~/.local/bin
  • creates a vessel-browser-status helper in ~/.local/bin
  • creates a desktop entry for Linux app launchers
  • writes ~/.config/vessel/vessel-settings.json with MCP port 3100
  • 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 dist

Notes:

  • npm run dev still 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:dir use 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.

  1. Launch Vessel
  2. Open Settings (Ctrl+,) to confirm MCP status, copy the endpoint, or change the MCP port
  3. Optional: set an Obsidian vault path or session preferences
  4. Start Hermes Agent or OpenClaw and configure it to connect to Vessel's MCP endpoint at http://127.0.0.1:<mcpPort>/mcp
  5. 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
  6. 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_create
  • vessel_memory_append
  • vessel_memory_list
  • vessel_memory_search
  • vessel_memory_page_capture
  • vessel_memory_link_bookmark

Bookmark and folder tools exposed today include:

  • vessel_bookmark_list
  • vessel_bookmark_search
  • vessel_bookmark_open
  • vessel_bookmark_save
  • vessel_bookmark_remove
  • vessel_create_folder
  • vessel_folder_rename
  • vessel_folder_remove

Page interaction and recovery tools exposed today include:

  • vessel_extract_content
  • vessel_read_page
  • vessel_scroll
  • vessel_dismiss_popup
  • vessel_set_ad_blocking
  • vessel_wait_for

Named session tools exposed today include:

  • vessel_save_session
  • vessel_load_session
  • vessel_list_sessions
  • vessel_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 overlays
  • results_only — likely primary search/result links only
  • full / 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: 30

Configuration

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-mcp

Helper examples:

# Generic JSON snippet
vessel-browser-mcp

# Hermes-ready YAML snippet
vessel-browser-mcp --format hermes

# Raw MCP endpoint URL
vessel-browser-mcp --format url

Source 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-update

Status helper:

# Human-readable local install + MCP status
vessel-browser-status

# Machine-readable status for harnesses
vessel-browser-status --json

Smart 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-run

vessel-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 constants

Design 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)