The Editor

Overview

When you open a note that's been transcribed, you land in the editor. The editor is split into two panes side by side: a markdown editor on the left where you type, and a live preview on the right that updates as you work. Changes are saved automatically — there's no save button to click.

At the top of the editor are two tabs:

• Review / Edit Markdown — the split-pane editor view
• Diagrams — the diagrams and figures extracted from your document

The markdown editor

The editor uses a professional code-editing interface with a dark theme and a monospace font, making it easy to read and write structured text. Standard markdown syntax applies: **bold**, *italic*, # Heading, and so on.

Auto-save: Your work is saved automatically as you type. After you pause for about one second, your changes are written. You don't need to do anything — just write.

Keyboard shortcuts: The editor supports standard shortcuts you may already know:

• Ctrl+Z (or Cmd+Z on Mac) — undo
• Ctrl+Y (or Cmd+Shift+Z) — redo
• Tab — indent the current line

The live preview

The right pane shows a rendered preview of your markdown. It refreshes automatically about a third of a second after you stop typing, so you can see formatted output without any manual action.

The preview supports several features beyond basic markdown:

Math formulas — Write LaTeX math and it renders automatically. Use $...$ for inline math (within a sentence) and $$...$$ for display math (centered on its own line). For example, $E = mc^2$ renders as a formatted equation.

Callout blocks — You can highlight important information using GitHub-style callout syntax:

> [!NOTE]
> Something worth knowing.

> [!TIP]
> A helpful suggestion.

> [!WARNING]
> Pay attention to this.

> [!IMPORTANT]
> Critical information.

> [!CAUTION]
> Proceed carefully.

These render as styled blocks in the preview. If you used Study Buddy mode during transcription, tutor tips and gap-filling notes will appear as [!TIP] and [!NOTE] callouts automatically.

Diagrams — If your document contained figures, they appear as clickable placeholders in the preview using the syntax {{diagram:name}}. Clicking one takes you to the Diagrams tab so you can review or work with that figure. You can also insert diagram references manually using that same syntax.

Figure blocks — Extended figure captions and groupings can be written using fenced code blocks with the figure language identifier.

Security

Content in the preview is sanitized. Raw HTML and scripts are not rendered, which keeps things safe when working with documents from various sources.

Diagrams tab

Switching to the Diagrams tab shows all the figures extracted from your source documents during transcription. See Diagrams for details on working with them.