Skip to content
algotrace
Extension

Notebooks

A rich text editor for your DSA study notes — with slash commands, sticky notes, image uploads, and AI-powered write assistance.

Notebooks & Pages

Notebooks are organized like a file system. A Notebook is a container (e.g. "Graph Algorithms"), and each Notebook holds Pages — individual documents with titles and rich text content.

Creating a Notebook

1

Click "Notebooks" in the sidebar

2

Click "New Notebook"

Enter a name (e.g. "Two Pointers", "DP Patterns", "Interview Prep").
3

Your notebook appears in the list

Click it to open and add pages.

Creating a Page

1

Click "New Page" inside a notebook

2

A page opens with the title "Untitled"

Click the title to rename it immediately.

Plan Limits

  • ·Free — 3 notebooks · 5 pages per notebook
  • ·Pro — unlimited notebooks · unlimited pages
  • ·Max — unlimited notebooks · unlimited pages

New Notebook modal → name it

~10s · Click to play

New Page → rename from Untitled

~8s · Click to play

Rich Text Editor

The editor supports full Markdown-style shortcuts plus a slash command menu. You never need to leave the keyboard.

Type ## → auto-formats to heading

~8s · Click to play

Triple backtick → language picker → code block

~10s · Click to play

FormatShortcut / SyntaxNotes
Heading 1# + SpaceOr type /h1 in the slash menu
Heading 2## + Space
Heading 3### + Space
BoldCmd+B or **text**
ItalicCmd+I or *text*
Inline codeCmd+` or `code`
Code block``` + EnterOptionally add a language name: ```python
Bullet list- + SpaceTab to indent, Shift+Tab to dedent
Numbered list1. + Space
Task list- [ ] + SpaceClick checkboxes to toggle
Block quote> + Space
Horizontal rule--- + Enter
LinkCmd+KPaste URL, then Enter
Undo / RedoCmd+Z / Cmd+Shift+Z

Slash Commands

Type / anywhere in the editor to open the command palette. Start typing to filter.

CommandWhat it insertsPlan
/h1, /h2, /h3Heading blockFree+
/codeCode block with language pickerFree+
/quoteBlock quoteFree+
/bulletBullet listFree+
/taskTask checklist with checkboxesFree+
/imageOpens the image upload pickerFree+
/summarizeAI summarises this page into a card blockPro+
/improveAI suggests specific edits in a review panelPro+
/gapsAI identifies knowledge gaps in your notesPro+

Type / → palette opens → filter and select

~10s · Click to play

Plan
/summarize, /improve, and /gaps are AI commands that require Pro or Max. See the Notebook AI section for full details.

Sticky Notes

The right edge of every page has a collapsible Sticky Notes bar. Click the + button to add a sticky.

Good uses for stickies:

  • ·Reminders while writing ("revisit this complexity proof")
  • ·Flagging sections to expand later
  • ·Quick notes that don't belong in the main flow

Click + on sticky bar → sticky appears → type content

~8s · Click to play

Stickies auto-save on blur. Click the trash icon on a sticky to delete it.

Images & Embeds

Three ways to insert an image into a page:

  • ·Drag and drop — drag an image file directly onto the editor area.
  • ·Paste from clipboard — Cmd+V with an image in your clipboard.
  • ·/image slash command — opens a file picker.

Images are stored on Cloudflare R2 and served via CDN. Click a placed image to select it — a delete button appears. Images are included in PDF exports.

Note
Supported formats: PNG, JPG, JPEG, WEBP, GIF. Max file size: 10MB per image.

Sharing

Public Share Links

1

Click the "Share" button (top right of any page)

2

Toggle the Public Link switch ON

A shareable URL is generated and copied to your clipboard.
3

Send the link to anyone

Anyone with the link can view the page in read-only mode — no account required.
4

Revoke when done

Toggle the switch OFF (or click Revoke from the share list) — the link immediately stops working.

Share button → toggle ON → URL copied

~12s · Click to play