VeltMonaco

Comments and co-editing, built for Monaco

Add comments and co-editing to Monaco, the editor behind VS Code, for your users and your AI agents. Threads stay pinned to the line as the buffer changes, and every agent edit lands as a suggestion your users approve, so a review on a function stays on that function as the file grows.

Free tier. No credit card. First comment in 5 minutes.

MObrief-q3.md / Monaco
live
BIUH1H2</>

The Q3 campaign centers on the migration storyHope: moving from async reviews to live collaborationEthan. Pricing: three usage tiers from $0, no per-seat cost.

Open
MayaMaya14m

Let's lead with this. Strongest angle we have, @Ethan can you tighten the wording?

live cursors + a comment anchored to the selection · Yjs merges every keystroke

The problem

Build this into Monaco yourself, and you rebuild it on every release.

Your users expect to comment and co-edit in Monaco, and your AI agents need that same buffer with a human approving before they touch user work. Comments that survive Monaco's model changes are a multi-quarter build, and the moment anchoring breaks, feedback lands on the wrong line. Co-editing is the harder half: rolled by hand it means overwrites, lost work, and merge conflicts, the "my changes disappeared" bug reports, plus a websocket fleet and offline merge to keep alive. And the harder question is your agents: a useful agent needs to change the work, but an agent with write access to user content is what your buyers' security review blocks, so without a consent step you choose between an agent that is useful and an agent that is safe. Every quarter spent on this is a quarter not spent on your own product.

Velt is the review and collaboration layer built for Monaco: your users and your AI agents work the same buffer, with comment threads anchored to the line, and every agent suggestion is a change a human approves before it lands.

Features

Everything your team and your agents need on Monaco

01agents
Review Agent2m

Clause 7 omits a liability cap. Suggested fix attached.

1 Reply
// agents.tsx
// An agent posts a suggestion as a first-class user.
await velt.comments().add({ author: agent, suggestion });
// On approve, the change fires through your webhook.

Agents as first-class users

Your AI agent comments and suggests on the buffer as a first-class user; a human approves or rejects, and on approve the change fires through your webhook with a permanent record.

02comments
Assigned toKim
Rogers2m

@Maya pulled into the thread

2 Replies
// comments.tsx
import { VeltComments } from "@veltdev/react";

<VeltComments textMode />

Comments

Threaded comments inline on lines and selections, in the editor and the diff view, with replies, @mentions, reactions, and attachments.

03co-editing
TiptapLexicalCodeMirrorBlockNoteReact Flow

plus the core library for your own editor, whiteboard, or grid

// co-editing.tsx
import { useVeltCrdtExtension } from "@veltdev/tiptap-crdt-react";

const extension = useVeltCrdtExtension({ editorId });

Co-editing

Conflict-free co-editing on the model.

04presence
On this document6 here
5 people · 1 agentmaxUsers collapses the rest
Mayaediting slide 4
Devviewing
Sarahviewing
Review Agentreviewing clause 7
Chrisidle 5m
Youediting
// presence.tsx
import { VeltPresence, VeltCursor } from "@veltdev/react";

<VeltPresence />
<VeltCursor />

Presence and cursors

Live named cursors and selections in the buffer.

05suggestions
Brand Agentnow

Suggested a tighter figure on the rate line.

12.010.5
1 Reply
// suggestions.tsx
// Propose changes reviewed like a diff.
<VeltComments suggestionMode />

Suggestions

Propose changes as accept-or-reject suggestions, reviewed like a diff.

06notifications
NotificationsFor You
For YouDocumentAll
Now

Maya mentioned you on Q3 forecastmention

“@you can you review before Friday?”

2m

Sarah replied on the Q3 threadreply

forecast.xlsx · cell B12

9m

Ethan requested your sign-offsign-off

contract.pdf · due today

1h
// notifications.tsx
import { VeltNotificationsTool } from "@veltdev/react";

<VeltNotificationsTool />

Notifications

In-app, email, and Slack alerts on every comment and @mention.

07recording
Recorder Notesanchored
forecast.xlsx · pinned to C18
0:42

voice note · pinned to this cell

“The variance comes from the vendor rate change, see row 18.”

on the worklands on the cell, the field, the frame: not a separate library
// recording.tsx
import { VeltRecorderControlPanel } from "@veltdev/react";

<VeltRecorderControlPanel />

Recording

Pin a quick voice, screen, or video clip in context on the buffer.

08version-history
Version checkpointsnamed snapshots
Live draftediting now · 3 collaboratorscurrent
Before pricing rewritesaved 09:14
Outline approvedsaved Mon 16:40
broadcastRestore via API reaches every connected client
// version-history.tsx
await velt.versions().save({ name: "Draft v3" });
await velt.versions().restore({ id });

Version history

Named checkpoints on the file, saved and restored by API.

09audit-trail
Activity logauto-captured
comment.addedSales deck · slide 4recorded
edit.mergedcontract.md · clause 7recorded
recording.sharedwalkthrough · 1:24recorded
approval.changedfiling-q3 · approvedrecorded
// audit-trail.tsx
const log = await velt.activities().get({ documentId });

Audit trail

Every review on the file, exportable.

10single-editor
TiptapLexicalCodeMirrorBlockNoteReact Flow

plus the core library for your own editor, whiteboard, or grid

// single-editor.tsx
<VeltProvider singleEditorMode>
  {/* one editor instance */}
</VeltProvider>

Single editor mode

Run Velt review on a single editor instance without multiplayer.

Agent

a code-review agent flags a bug or style issue on the exact line and proposes the fix as a suggestion; your user approves or rejects it like a pull request, and on approve the change fires through your webhook with a permanent record of who allowed what.

Setup

Production-ready in minutes

01INSTALL
terminal
npm install @veltdev/react @veltdev/monaco-crdt-react
02PROVIDER
App.tsx
import { VeltProvider } from "@veltdev/react";

<VeltProvider apiKey={API_KEY}>
  <App />
</VeltProvider>
03MOUNT
Monaco.tsx
// Mount Velt on Monaco
<VeltComments />
// + the CRDT adapter for co-editing

Why Velt

The consent step Liveblocks does not have

Liveblocks syncs people and agents into your app's state; Velt adds the step Liveblocks does not, every agent change on Monaco is a suggestion your user approves or rejects, on the record.

Enterprise

Enterprise-grade security and data control

The controls your buyers' security reviews ask for, in writing.

Adding Velt to Monaco does not move that surface's content off your stack. Per-feature data providers keep comment content, attachments, and user PII on your own infrastructure; Velt stores only minimal identifiers.

FAQ

Frequently asked questions

Comments only, or co-editing too?

Both. Velt adds threaded comments and conflict-free co-editing on the same Monaco instance.

Do comments hold in large files?

Yes. Robust anchoring binds each thread to its line, so comments hold as the buffer grows and lines shift above them.

Does the diff editor work?

Yes. Velt anchors comments to lines and selections in both the standard and diff editor views.

Can an agent leave a review comment on a generated function, for a human to approve?

Yes. An agent posts a suggestion on the exact line as a first-class user, and a human approves or rejects it like a pull request.

Do I need a backend?

No. Velt runs without you standing up a websocket fleet or merge backend.

How is Velt priced?

On usage, not seats or integrations: you pay for documents with review activity in a month, with a free tier for development and early production.

Comments and co-editing, built for Monaco

Free tier. No credit card.

First comment in 5 minutes.