Pre-release · 0.1 coming soon

A Mac IDE built around
your work,
not your windows.

Every piece of work gets its own track, with its own worktree and agent. Nothing lands on main until you promote it.

On your phone? Side is a Mac app; we’ll email you the link.

Launch news and the occasional build note, never spam. See the privacy policy.

Bring your own agent:or use Heron, built in.

saveNote.tsNotesStore.ts

✕ 1Ln 8, Col 15TypeScript

1import type { Note } from "./types";

2import { db } from "./db";

4// A save wins only if nobody saved since this note was loaded.

5export async function saveNote(note: Note): Promise<Note> {

6 const current = await db.notes.get(note.id);

7 if (current && current.revision !== note.revision) {

8 throw new SaveConflict(note.id, current.revision);

9 }

10 const next = { ...note, revision: note.revision + 1 };

11 await db.notes.put(next);

12 return next;

13}

15export async function saveAll(notes: Note[]) {

16 for (const note of notes) await saveNote(note);

17}

19// Retry once with the stored revision, then give up loudly.

20export async function saveWithRetry(note: Note) {

21 try {

22 return await saveNote(note);

23 } catch (error) {

24 if (!(error instanceof SaveConflict)) throw error;

25 const stored = await db.notes.get(note.id);

26 return saveNote({ ...note, revision: stored?.revision ?? 0 });

27 }

28}

30export function isDirty(note: Note, stored?: Note) {

31 return !stored || stored.body !== note.body;

32}

34export function touch(note: Note): Note {

35 return { ...note, updatedAt: new Date().toISOString() };

36}

38export const SAVE_DEBOUNCE_MS = 400;

Start in the code: an editor drawn on the GPU, with the language server close at hand.

One stage owns the screen.

No permanent sidebars, no chat rail, no terminal drawer. Side shows the stage that fits what you’re doing, and the rest waits in the bar.

Tracks, the fifth stage, is one click on the track pill. Resume, park and archive work there.

4export function filterNotes(notes: Note[], query: string): Note[] {

5 const term = query.trim().toLowerCase();

6 if (!term) return notes;

7 return notes.filter((note) =>

8 note.title.toLowerCase().includes(term),

9 );

10}

12export function sortNotes(notes: Note[]): Note[] {

13 return [...notes].sort((a, b) =>

14 b.updatedAt.localeCompare(a.updatedAt),

15 );

16}

18// Keep pinned notes at the top of the list.

19export function groupNotes(notes: Note[]) {

20 const pinned = notes.filter((note) => note.pinned);

21 const remaining = notes.filter((note) => !note.pinned);

22 return { pinned, remaining };

23}

25export function visibleNotes(notes: Note[], query: string) {

26 const filtered = filterNotes(notes, query);

27 return sortNotes(filtered);

28}

30// Selection stays attached to the note, not its position.

31export function selectedNote(notes: Note[], id: string) {

32 return notes.find((note) => note.id === id);

33}

35export function noteCount(notes: Note[]) {

36 return notes.length;

37}

4export function filterNotes(notes: Note[], query: string): Note[] {

5 const term = query.trim().toLowerCase();

6 if (!term) return notes;

7 return notes.filter((note) =>

8 note.title.toLowerCase().includes(term),

9 );

10}

12export function sortNotes(notes: Note[]): Note[] {

13 return [...notes].sort((a, b) =>

14 b.updatedAt.localeCompare(a.updatedAt),

15 );

16}

18// Keep pinned notes at the top of the list.

19export function groupNotes(notes: Note[]) {

20 const pinned = notes.filter((note) => note.pinned);

21 const remaining = notes.filter((note) => !note.pinned);

22 return { pinned, remaining };

23}

25export function visibleNotes(notes: Note[], query: string) {

26 const filtered = filterNotes(notes, query);

27 return sortNotes(filtered);

28}

30// Selection stays attached to the note, not its position.

31export function selectedNote(notes: Note[], id: string) {

32 return notes.find((note) => note.id === id);

33}

35export function noteCount(notes: Note[]) {

36 return notes.length;

37}

Work in tracks,
not tabs.

Each track has its own git worktree, so agents work in parallel without sharing a checkout, and switching tracks never stashes anything.

Stack related changes: schema, then API, then UI. Review and promote each layer on its own. Pull a parent’s changes in one action.

Durable: Resume with your intent, decisions, commands and checkpoints intact.
Attention: See what needs you, what failed and what’s ready to review.
Git underneath: Ordinary branches, commits and pull requests.

Tracks3 active · 1 parked · 3 archived

New TrackSearch tracksShow Archived

NEEDS YOU

Update the onboarding copy

Needs youside/onboarding· 12 min. ago · 2 ahead

⋯Respond

Search notes by title

Activeside/search-notes· active now · 1 subtrack, 1 working

⋯WatchOpen

Fix the save-conflict race

Activeside/save-race· 1 hr. ago · 1 ahead, 1 uncommitted

⋯WatchOpen

Export notes as Markdown

Parkedside/export-md· 3 days ago

⋯WatchResume

Tracks3 active · 1 parked · 3 archived

New TrackSearch tracksShow Archived

NEEDS YOU

Update the onboarding copy

Needs youside/onboarding· 12 min. ago · 2 ahead

⋯Respond

Search notes by title

Activeside/search-notes· active now · 1 subtrack, 1 working

⋯WatchOpen

Fix the save-conflict race

Activeside/save-race· 1 hr. ago · 1 ahead, 1 uncommitted

⋯WatchOpen

Export notes as Markdown

Parkedside/export-md· 3 days ago

⋯WatchResume

Every track has a way back to `main`.

Tracks branch from main, or from each other when one piece of work depends on another. Each is reviewed and promoted on its own, one layer at a time, so main only ever moves forward.

Agents propose. You promote.

Each agent turn ends in a checkpoint: the diff, the reasoning, the commands it ran and whether the tests passed. Review it, undo it, or promote it toward main.

Visible: Inspect every command, tool call and instruction file.
Reversible: Undo checkpoints. Promote only when you’re ready.
Publishable: Push and open a pull request from Review.

Search notes by titleside/search-notes → main · 1 checkpoint ahead

Publish…

claude-sonnet-5, about checkpoint 1 · 2 min. agoShow more

Normalizes the query once and filters by title, so an empty search keeps every note and the list keeps its order. Tests for case and empty input are in the subtrack.

Unverified

main1Now

1 · Filter notes by title

claude-sonnet-5 · 2 min. ago · +24 −1 · 2 files · 1 command · verified

All changesCopy SHAUndo…

+6−1

11import type { Note } from "./types";

3// Titles only; an empty query keeps every note.

34export function filterNotes(notes: Note[], query: string): Note[] {

4 return notes.filter((n) => n.title.includes(query));

5 const term = query.trim().toLowerCase();

6 if (!term) return notes;

7 return notes.filter((note) =>

8 note.title.toLowerCase().includes(term),

9 );

510}

611

712export function sortNotes(notes: Note[]): Note[] {

1import type { Note } from "./types";

3export function filterNotes(notes: Note[], query: string): Note[] {

4 return notes.filter((n) => n.title.includes(query));

5}

7export function sortNotes(notes: Note[]): Note[] {

1import type { Note } from "./types";

3// Titles only; an empty query keeps every note.

4export function filterNotes(notes: Note[], query: string): Note[] {

5 const term = query.trim().toLowerCase();

6 if (!term) return notes;

7 return notes.filter((note) =>

8 note.title.toLowerCase().includes(term),

9 );

10}

12export function sortNotes(notes: Note[]): Note[] {

Promote to main… is always yours to press.

claude-sonnet-5, about checkpoint 1 · 2 min. agoShow more

Normalizes the query once and filters by title, so an empty search keeps every note and the list keeps its order. Tests for case and empty input are in the subtrack.

Unverified

main1Now

1 · Filter notes by title

claude-sonnet-5 · 2 min. ago · +24 −1 · 2 files · 1 command · verified

All changesCopy SHAUndo…

+6−1

11import type { Note } from "./types";

3// Titles only; an empty query keeps every note.

34export function filterNotes(notes: Note[], query: string): Note[] {

4 return notes.filter((n) => n.title.includes(query));

5 const term = query.trim().toLowerCase();

6 if (!term) return notes;

7 return notes.filter((note) =>

8 note.title.toLowerCase().includes(term),

9 );

510}

611

712export function sortNotes(notes: Note[]): Note[] {

1import type { Note } from "./types";

3export function filterNotes(notes: Note[], query: string): Note[] {

4 return notes.filter((n) => n.title.includes(query));

5}

7export function sortNotes(notes: Note[]): Note[] {

1import type { Note } from "./types";

3// Titles only; an empty query keeps every note.

4export function filterNotes(notes: Note[], query: string): Note[] {

5 const term = query.trim().toLowerCase();

6 if (!term) return notes;

7 return notes.filter((note) =>

8 note.title.toLowerCase().includes(term),

9 );

10}

12export function sortNotes(notes: Note[]): Note[] {

Promote to main… is always yours to press.

Use the agent you already pay for.

Run an outside agent in a track on your own account, through the Agent Client Protocol. Or use Heron, Side’s own, with Anthropic, OpenAI or Gemini models, or local ones through Ollama and LM Studio. Same worktrees, checkpoints and review.

Heron built in
Claude Code
Codexexperimental
Gemini CLIexperimental
Piexperimental
OpenCodeexperimental

Outside agents run on your own subscription or API key, through their own CLI.

Many agents, one track model.

Agents can hand work to each other across providers. Each handoff gets its own track, worktree and review.

Where does the notes list get filtered?

Nowhere yet. NotesList renders whatever visibleNotes returns, and that only sorts.

Search the notes list by title, ignoring case.

Done, in filterNotes.ts. Want tests for case and empty input?

Yes. Give them to Codex.

Handing them to a subtrack on Codex, so they get their own worktree and review.

Hand work to a subtrackCreate subtrack “Write the search tests” on CodexRan

✓ Checkpoint (3f9a2c1): Filter notes by title

Ask about this project…

Where does the notes list get filtered?

Nowhere yet. NotesList renders whatever visibleNotes returns, and that only sorts.

Search the notes list by title, ignoring case.

Done, in filterNotes.ts. Want tests for case and empty input?

Yes. Give them to Codex.

Handing them to a subtrack on Codex, so they get their own worktree and review.

Hand work to a subtrackCreate subtrack “Write the search tests” on CodexRan

✓ Checkpoint (3f9a2c1): Filter notes by title

Ask about this project…

A Mac app, not a web page in a window.

Alloy
Side’s own text engine, drawn with Metal.
Language servers
Completion, hover, signature help, references, rename, quick fixes and formatting.
Debugger
Breakpoints, stepping and variables over DAP. Reads launch.json.
Keyboard first
Every stage, palette and list, with the keymap you already use.

filterNotes.tsNotesList.tsx

Ln 5, Col 22TypeScript

1import type { Note } from "./types";

3// Titles only; an empty query keeps every note.

4export function filterNotes(notes: Note[], query: string): Note[] {

5 const term = query

6 if (!term) return notes;

7 return notes.filter((note) =>

8 note.title.toLowerCase().includes(term),

9 );

10}

12export function sortNotes(notes: Note[]): Note[] {

13 return [...notes].sort((a, b) =>

14 b.updatedAt.localeCompare(a.updatedAt),

15 );

16}

filterNotes.tsNotesList.tsx

Ln 5, Col 22TypeScript

1import type { Note } from "./types";

3// Titles only; an empty query keeps every note.

4export function filterNotes(notes: Note[], query: string): Note[] {

5 const term = query

6 if (!term) return notes;

7 return notes.filter((note) =>

8 note.title.toLowerCase().includes(term),

9 );

10}

12export function sortNotes(notes: Note[]): Note[] {

13 return [...notes].sort((a, b) =>

14 b.updatedAt.localeCompare(a.updatedAt),

15 );

16}

Your colours, in every stage.

Light or dark, or follow the system. Pick an editor theme for each appearance, or import one from VS Code. It colours your code, diffs and terminal.

Appearance

Editor theme in light appearance

filterNotes.tsNotesList.tsx

Ln 6, Col 26TypeScript

1import type { Note } from "./types";

3// Titles only; an empty query keeps every note.

4export function filterNotes(notes: Note[], query: string): Note[] {

5 const term = query.trim().toLowerCase();

6 if (!term) return notes;

7 return notes.filter((note) =>

8 note.title.toLowerCase().includes(term),

9 );

10}

12export function sortNotes(notes: Note[]): Note[] {

13 return [...notes].sort((a, b) =>

14 b.updatedAt.localeCompare(a.updatedAt),

15 );

16}

18// Keep pinned notes at the top of the list.

19export function groupNotes(notes: Note[]) {

20 const pinned = notes.filter((note) => note.pinned);

21 const remaining = notes.filter((note) => !note.pinned);

22 return { pinned, remaining };

23}

25export function visibleNotes(notes: Note[], query: string) {

26 const filtered = filterNotes(notes, query);

27 return sortNotes(filtered);

28}

30// Selection stays attached to the note, not its position.

31export function selectedNote(notes: Note[], id: string) {

32 return notes.find((note) => note.id === id);

33}

35export function noteCount(notes: Note[]) {

36 return notes.length;

37}

filterNotes.tsNotesList.tsx

Ln 6, Col 26TypeScript

1import type { Note } from "./types";

3// Titles only; an empty query keeps every note.

4export function filterNotes(notes: Note[], query: string): Note[] {

5 const term = query.trim().toLowerCase();

6 if (!term) return notes;

7 return notes.filter((note) =>

8 note.title.toLowerCase().includes(term),

9 );

10}

12export function sortNotes(notes: Note[]): Note[] {

13 return [...notes].sort((a, b) =>

14 b.updatedAt.localeCompare(a.updatedAt),

15 );

16}

18// Keep pinned notes at the top of the list.

19export function groupNotes(notes: Note[]) {

20 const pinned = notes.filter((note) => note.pinned);

21 const remaining = notes.filter((note) => !note.pinned);

22 return { pinned, remaining };

23}

25export function visibleNotes(notes: Note[], query: string) {

26 const filtered = filterNotes(notes, query);

27 return sortNotes(filtered);

28}

30// Selection stays attached to the note, not its position.

31export function selectedNote(notes: Note[], id: string) {

32 return notes.find((note) => note.id === id);

33}

35export function noteCount(notes: Note[]) {

36 return notes.length;

37}

The engines are open source.

Heron powers Think. Alloy powers Make. Both are open source under Apache-2.0. Use them in your apps, read the code, or contribute.

Alloy

Apache-2.0

A GPU text engine for macOS, written in Swift.

github.com/gazishahi/alloy

Heron

Apache-2.0

A Swift agent harness with tools, approvals and your choice of provider.

github.com/gazishahi/heron

Where Side is.

Side runs on macOS 15 or later. Version 0.1 will be the first public build, and it’s still moving quickly: file formats may change before 1.0, and Side migrates them forward when they do.

We'll email you when 0.1 is ready.

Be the first to try it.

On your phone? Side is a Mac app; we’ll email you the link.

Launch news and the occasional build note, never spam. See the privacy policy.

A Mac IDE built around your work, not your windows.

One track, from the code to review

One stage owns the screen.

Work in tracks, not tabs.

NEEDS YOU

NEEDS YOU

Every track has a way back to main.

Agents propose. You promote.

Use the agent you already pay for.

Many agents, one track model.

A Mac app, not a web page in a window.

Alloy

Language servers

Debugger

Keyboard first

Your colours, in every stage.

The engines are open source.

Alloy

Heron

Where Side is.

Be the first to try it.

A Mac IDE built around
your work,
not your windows.

Work in tracks,
not tabs.

Every track has a way back to `main`.