Layout
Toggle the table of contents with ⌘ ;.
The reading column is sized for comfortable line length by default. Use the Full width button next to the table-of-contents toggle (in the page header, or in the editor toolbar) to let the page run the whole pane; the choice is remembered in your browser and applies to every doc you open.
Reading a page
Every page renders with:- An eyebrow line above the title showing the folder it lives in.
- A Last modified date and Previous / Next links at the bottom for linear reading.
- Live diagrams — Mermaid, D2, draw.io, and Excalidraw content render as interactive canvases. See Diagrams.
- A Metadata & tags panel that links the doc to Salesforce components.
/docs?repo=…&path=…&tab=…), so you can share a link to any page and the recipient lands in exactly the right place.
Moving between pages reuses the current file listing, including after a pause
to read. The listing refreshes in the background. Hovering over a page
prepares its content, including the Welcome page; recently opened pages can
display their saved preview while the live editor connects. Editing becomes
available once the shared document has finished syncing. Recently opened
pages reuse their live connection, and reconnect when needed as you reopen them.
When the Live file list is open, the Welcome page prepares in the background
so it is ready sooner when you select it. Opening a Live page also prepares the
next Markdown page in reading order, making Next navigation quicker.
The space selector is available when the page opens, alongside the file tree.
Use it to switch repositories. The next
repository opens as your selection is saved, and recently visited repositories
reuse their file listing. If saving the selection fails, the viewer returns to
the last saved repository and shows an error. Live pages and drafts
keep separate content. Creating, renaming, or deleting pages refreshes the
listing automatically.
Repositories in the same space can show their file list while their drafts
finish loading. The draft picker shows progress and offers a refresh if that
request fails.
Images and screenshots
Images, captured screenshots, and captured clips appear in a slim abstract frame with rounded corners and a soft shadow. Each image starts with a varied background that stays the same when you reopen the page. Captions sit below the frame. To choose a background in a document you can edit, hover over the image and select Background. Choose Sequoia or Ventura, or use Shuffle background for a different choice. The selected background saves with the image. On touch screens, the Background button stays visible. This framing is for viewing: original image files and downloaded screenshots keep their existing content. Image editing tools remain available, and printing omits the decorative background, padding, and shadow. Double-click an ordinary image to open a larger preview with zoom controls. Images from private repositories use the same access as the page. To change an image in a document you can edit, select it and choose Edit image. Hover over the image for zoom controls, or open Editing tools to crop and annotate. Captured screenshots already have these controls. Your adjustments save with the document and remain when you reopen it; the original image stays available for reframing. Readers without edit rights see the saved result.Editing in place
If you have edit rights, a doc page is the editor — open it and you’re already editing, with no Edit button and no mode switch. Readers see the read-only view instead.How saving works
Changes save to the server as you type and are committed to git automatically shortly after you finish. The status glyph in the toolbar tells you exactly where you stand:
To land a commit immediately, click Commit now (the double-tick button). It confirms with “Committed to git.” — or tells you there was nothing to commit.
The toolbar
The right side of the toolbar holds, in order: collaborator avatars, the save status, a branch dropdown, Commit now, Ask the agent, and a ⋯ More document actions menu containing:- Edit as Markdown — a switch that swaps the page for a raw Markdown editor (⌘ ’). Others’ changes stream in until you start typing; everything merges back when you switch views.
- History (⌘ ⇧ ;) — every editing session and external change on this branch. Restoring creates a new commit; nothing is ever overwritten.
- Merge into <default branch> — shown when you’re editing on another branch.
- Copy page and Open in … actions.
Keyboard shortcuts
Creating pages
Click Add new at the bottom of the sidebar (its split menu also offers New folder and New section):1
Pick a starting point
The New document dialog opens on a template gallery: a Plain file, documentation templates (Getting Started Guide, How-To Guide, Runbook, Troubleshooting Guide, FAQ, and more), Salesforce architecture starters, and Your templates — the ones saved in Settings → Templates. A Diagram tab creates a standalone canvas instead.
2
Name it and link components
Give the page a name, optionally seed a diagram, and optionally link the Salesforce components it documents — linking powers coverage and keeps the doc fresh later.
3
Optionally, let AI draft it
With a template chosen and at least one component linked, tick Draft this page with AI — the linked components are written into the template, grounded in their real Salesforce metadata. Otherwise the page starts as an empty template.
4
Create
The new page opens straight into the editor.
Organizing the tree
Right-click any row — or use its ⋯ menu — for New page, New folder, Rename, Move, Change icon, Move to tab, Move to section, and Delete. Each operation commits directly to the default branch, so history stays clean and reviewable.- Folders need at least one page (git can’t store an empty folder), so creating one flows straight into creating its first page.
- Sections are collapsible group headers in the sidebar; a new section is saved once it holds its first page.
- Tabs partition the docs tree at the top level — for example Product, Admin, and API. They’re configured in your repository’s
livingcontext.json, and you can move files between tabs from the row menu. - Drag folders and pages to reorder them. The new order persists for everyone, because it is written back to
livingcontext.json.
Diagram and spec files
Two file kinds open with their own editor instead of the markdown surface:- Standalone diagrams (draw.io
.drawio.svgfiles, plus legacy.excalidrawfiles) open as a full canvas with a floating Save button that commits straight to the branch. - OpenAPI specs (
openapi/**) open as YAML source with a Save button, and a View rendered path back to the API reference. Very large generated specs decline to open inline and point you at the explorer instead.
Linking docs to Salesforce
The Metadata & tags panel on every page lets you tag the doc with the Salesforce components it describes — objects, flows, Apex classes, and so on. LivingContext suggests tags with AI, and you can accept or adjust them. These tags matter beyond navigation:- They power the Coverage dashboard, which measures how much of your org is documented.
- They let agents know which docs to update automatically when the underlying metadata changes.