The code
behind the page.
Browse your project, open a file and review what changed, next to the pages it affects and the conversations about them.
See what changed
before anyone asks.
Compare the working tree with what’s staged, with HEAD or with any commit, and step through a file’s history.
- Stage preciselyStage or unstage whole files, hunks or single lines.
- Resolve conflictsBoth sides and the base, side by side.
- Read it your waySplit or unified diffs, with word highlights.
app/home.tsx
Working tree compared with HEAD
Change it here,
without the risk.
Edit a file in place. A save only lands on the version you opened; if something else changed it, your draft waits for you.
- Safe savesRevision checks on every write, no silent overwrites.
- File actionsNew files, renames and deletes, previewed first.
- RecoverableDeleted and moved originals can be restored.
app/home.tsx
export function Home() {
return (
<section class="hero">
<h1 class="mb-10">A little less.</h1>
<Collection items={items} />
</section>
)
}Talk about the lines
that matter.
Select lines and start a thread. Comments follow the code as it changes, and show the original lines when they can’t.
- Ctrl/⌘+Alt+MComment on the selected lines from the keyboard.
- One sidebarCode and page comments share the same threads.
- Stored in BeadsSaved to your Beads workspace with your Git identity.
app/home.tsx
Lines 4–5
Find anything
in the project.
Jump to a file by name, or search contents with literal or regular-expression queries.
Open a file
Ctrl/⌘+P jumps to any file by name.
Search contents
Literal or RE2 queries with include and exclude paths.
Replace with preview
See every replacement in your draft before saving.
Give your next change
a little Bud.
Add Bud to Vite, pick a few pages and start the conversation. Free, and one npm install away.