01 Why a canvas

Chat windows forget. Files hide the big picture. Agents act where you can't see them. V01 lays your whole project out in space — every plan, prompt and change in one place you can point at.

02 The canvas

Everything your agent does,
visible on one surface.

Four core capabilities on one infinite surface. Draw boundaries, plan in phases, map the architecture, and review every change.

Context Lines

/01

Draw regions to define exactly what the AI can see. Everything outside stays isolated — context transfers only when you say so.

Plan Mode

/02

An AI Project Director builds a phased Master Plan — Goal → Discovery → Blueprint — before a single line is written.

Workspace Atlas

/03

Your project rendered as a living map. Zoom out for architecture, zoom in for detail.

Search & Review

/04

Every modification is a reviewable diff. Terminal commands need explicit approval — no silent installs, no surprises.

03 Plan Mode

Architect before you code.
Phased Master Plans.

The AI Director studies your goal, asks the questions a senior engineer would ask, and lays a visual Master Plan on your canvas — phased objectives, scoped subagents and reviewable gates.

Goal discovery & readinessInterrogates edge cases and checks confidence before touching files.
Spatial master cardsMeasurable objectives, progress meters and phase checklists.
Subagent orchestrationArchitecture, Explorer and Verifier agents scheduled in parallel.

V01 Plan Mode — Master Plan card with execution progress, objectives and multi-agent coordination on the infinite canvas

04 Meeting Mode

Speak. Capture.
Execute.

Talk through a standup or a design review. V01 transcribes it, pulls out the real decisions, and turns each one into a ready-to-run session card — no more lost meeting notes.

05 Workspace Intelligence

A workspace that
remembers everything.

V01 keeps a living graph of your project — concepts, decisions, plans and sessions — updated as you work. So the AI always starts from what your workspace already knows.

01Two-graph architectureStructural facts below, explainable meaning above.

02Project DNAA living summary of what you're building and how.

03Semantic searchGraph, lexical and vector signals in one ranked answer.

04Private by designPer-folder switches keep secrets out of prompts.

06 How it works

From idea to shipped,
in one surface.

Five phases, zero context switching — and autonomous execution that stays strictly under your control.

01
Plan

Describe the goal in plain English. The AI Director scopes the workspace, asks sharp clarifying questions, and drafts a phased Master Plan with dependencies.

Autonomous scopingTask graph
02
Organize

Draw Context Lines across the canvas. Group files, terminals and memory so the AI works only inside the context you choose.

Context LinesVisual regions
03
Execute

Agents write code, run sandboxed commands and test suites — live progress across parallel, isolated worktrees.

Parallel worktreesSandboxed CLI
04
Review

Every change lands as an interactive diff. Approve, reject or ask for line-level revisions — a human stays in the loop.

Interactive diffsLine approvals
05
Iterate

Branch good sessions into new cards, keep architectural memory across tasks, and approve commands on the go from the Companion app.

Session branchingCompanion sync

07 Companion app

Your workspace,
in your pocket.

Watch sessions run, approve terminal commands, check progress and move around your canvas — all from your phone.

01Live monitoringWatch AI sessions execute in real time.

02Terminal approvalsApprove or reject commands from anywhere.

03Workspace overviewNavigate your canvas and history.

04Remote controlStart sessions and steer execution.

08 Try it

Play with the real thing.

A faithful replica of the V01 desktop app, running in your browser. Click files, switch tabs, and send a prompt.

v01 — Website

—

☐

✕

Website

.vercel

assets

control-center

.gitignore

auth.html

contact.html

favicon.ico

index.html

README.md

script.js

styles.css

V01.md

New visuals added to your webpage

37.7k •••

what are the new visuals to my webpage after these edits

11:12 PM

Here's a tour of every new visual effect now living in your webpage, grouped by where it shows up and what triggers it.

1. Hero Section — Scroll-Bound Image Sequence

• A pinned hero canvas plays through your assets/ezgif-4f9629b629188a20-jpg/ frames (001 → 211) as you scroll.
• The frame index is driven by scroll progress, so the animation feels "scrubbed" by the user — like the Apple product pages or Linear's homepage.
• The canvas is wrapped in a sticky container so the sequence stays in view while the rest of the page scrolls past.
• An iridescent shimmer overlay sweeps across the hero visual on a slow loop.

2. Page-Wide Background — Interactive Aurora Shader

• A full-viewport WebGL <canvas> sits behind everything, rendering an animated aurora using simplex noise.
• The aurora reacts to the mouse: moving the cursor shifts the noise field, so the colors and flow follow your pointer.
• Soft radial "glow" gradients layer on top for an extra bloom feel.
• It auto-pauses when the tab is hidden to save battery.

3. Typography — Kinetic Variable-Font Headings

• Headlines use a variable font whose weight shifts with scroll velocity — fast scroll = bolder, slow scroll = lighter.
• A subtle shimmer animation runs across the text on scroll.

4. Cards / Bento Grid — Physics Spring Hover

• Cards in your bento grid now have a spring-physics tilt on hover: they lift, rotate slightly in 3D, and snap back with damping.
• A chromatic-aberration ghost (red/cyan offset) appears on hover, giving a glitchy, premium feel.

5. SVG Icons / Dividers — Path Morphing

• Any SVG paths inside observed sections morph between two shapes when they scroll into view.

6. Scroll Progress Indicator

• A thin progress bar at the top of the page fills as you scroll down.

7. Performance / Lazy Rendering

• The aurora shader and hero sequence only render frames when they're actually in the viewport.

8. Reduced-Motion Fallbacks

• Every effect above is wrapped in a prefers-reduced-motion block for accessibility.

Files responsible

• script.js — all the JS classes (CanvasSequencePlayer, aurora shader, spring physics).
• visually-bonkers.css — all the styling (canvas positioning, chromatic aberration).
• visually-bonkers-init.html — the HTML snippet for WebGL background.

11:16 PM

✓ TASKS 2/2

✓ Understand request

✓ Respond safely

✓ Understand request

✓ Respond safely

3 files changed +631 -0

1 checkpoint restore to any point

GLM 5.2

🛡️ Ask First

Terminal 1

+

✕

◫ Core Systems 1

Experience Layer & Autonomous Engine Model

1. Experience layer: Electron window, React UI, Tailwind layout, Monaco, xterm, and future AI side-panels.

2. Local API layer: Fastify HTTP and WebSocket server for task state, history, execution control, and realtime updates.

3. Orchestration layer: Turns transcripts or typed prompts into tasks, optimized prompts, execution plans, and checkpointed work.

◫ WI Region 1

...ther Chat Sections in This WI Region

A You

tell me the conversations of other two chat sections in this region

igate the region's knowledge records to find the other chat sections. Let me in context to identify what other sections exist in this WI region.

A You

go on

Fetched down one pinned knowledge record: legacy-region-125 (WI is now in context).

◫ Frontend 2

What are the Concepts

A You

what is the Terminal & Process Integration

⬡ v01

▾ Execution details • 3 reads

I am reading the terminal integration libs to understand the child architecture of terminal and process management in v01 before providing a comprehensive explanation.

Full Frontend Architecture of v01

11 msgs (32 context items) • 14:12 PM • claude-3-5-sonnet

1. UI Frontend stores own state: workspace, plan, working, search, git, planBridge.

2. planBridge is the gatekeeper between meeting derived intent and the plan graph... nothing mutates the plan without going through it.

3. planAction decides what runs next: requirement review or execute where it runs. Both are pure libraries called by the viewer.

4. DiffViewer is the diff panel's heart, fed by git-diffCache.

5. Audio/speech hooks are the only pair touching state; everything downstream consumes frame/pragments from the event log store.

This separation — UX/view for truth, libs for logic, components for projection — is what keeps the frontend coherent as features (meetings, plans, git, search) are added independently.

◫ Context Lines 2

Full Review of v01 Context Lines System

Complexity, and range: 15,000 - 45,000 tokens (Context Lines). 11 msgs (32 context items)...

Compared to industry leaders: v01 has more sophisticated context management than Claude Code (progressive compaction, per-session-type budget, explicit dedup, sensitive file blocking) but less mature tooling. It's most similar to Aider but adds graph intelligence and progressive compaction. It lacks Cursor's embedding-based semantic retrieval.

Cost impact: The system is designed to REDUCE cost. The overhead (heuristic analysis, repo scanning, WI indexing) is CPU/storage bound and order of magnitude cheaper than the token savings. The autoDowngradeBoard ensures AI never costs more than it saves.

STICKY NOTE

Untitled note

complete the context lines

How the IDE handles AI terminal c...

environment probe results are stored as JSON files in the session cache to avoid redundant computations.

Summary of Data Flow

Terminal output is parsed via xterm buffer. System telemetry streams through socket bridges into local SQLite persistent stores.

09 Why V01

Built for how developers
actually think.

Visual thinking

Arrange sessions spatially. Draw context boundaries. See your project as a map of connected work, not a list of files.

Autonomy, with a leash

The AI plans, writes code, runs commands and self-corrects. You approve each step. Full autonomy, full control.

Exactly enough context

Context Lines, token-aware scanning and spatial isolation give the AI the right context — and nothing more.

The AI workspace that thinks in space.

Everything your agent does,visible on one surface.

Context Lines

Plan Mode

Workspace Atlas

Search & Review

Architect before you code.Phased Master Plans.

Speak. Capture.Execute.

A workspace thatremembers everything.

From idea to shipped,in one surface.

Plan

Organize

Execute

Review

Iterate

Your workspace,in your pocket.

Play with the real thing.

1. Hero Section — Scroll-Bound Image Sequence

2. Page-Wide Background — Interactive Aurora Shader

3. Typography — Kinetic Variable-Font Headings

4. Cards / Bento Grid — Physics Spring Hover

5. SVG Icons / Dividers — Path Morphing

6. Scroll Progress Indicator

7. Performance / Lazy Rendering

8. Reduced-Motion Fallbacks

Files responsible

Experience Layer & Autonomous Engine Model

...ther Chat Sections in This WI Region

What are the Concepts

Full Frontend Architecture of v01

Full Review of v01 Context Lines System

Untitled note

How the IDE handles AI terminal c...

Summary of Data Flow

Built for how developersactually think.

Visual thinking

Autonomy, with a leash

Exactly enough context

Start thinking in space.

Everything your agent does,
visible on one surface.

Architect before you code.
Phased Master Plans.

Speak. Capture.
Execute.

A workspace that
remembers everything.

From idea to shipped,
in one surface.

Your workspace,
in your pocket.

Built for how developers
actually think.