Basic Memory notes can carry small, safe components written as Comark block
directives (::bm-bars{...} … ::). Basic Memory Cloud draws them in Notes, the
Wiki, and shared pages. Everywhere else (a local editor, GitHub, an agent's raw
read) the same Markdown still reads as an ordinary list, table, or paragraph, so
a component never hides content.
Use a component when its shape says more than a sentence or a list would. Keep prose primary: one figure per idea, at most two per section, with a sentence between them that says what the figure shows.
The full vocabulary, every prop, and every data grammar are in references/components.md. Read it before using a component you have not used before.
Pick a component
Most notes need only these. The reference has the rest (39 in total).
| You want to show | Use |
|---|---|
| One or a few headline numbers | bm-stat |
| A comparison of a few values | bm-bars |
| A short ranked list | bm-rank |
| A small data table | bm-table |
| Progress toward a whole | bm-meter |
| A trend without axes | bm-spark |
| Steps that drop off | bm-funnel |
| A task list | bm-check |
| Work in lanes (now, next, later) | bm-kanban |
| Events in order | bm-timeline |
| A framed claim or summary | bm-frame |
A short path (a → b → c) |
bm-flow |
| A real graph, sequence, or state machine | a fenced ```mermaid block (not a component) |
If nothing fits, write prose or a plain Markdown table. Never invent a
component: an unknown name such as ::bm-pie is not drawn and shows as raw text.
Write a component
Every component opens with ::bm-name{attributes} on its own line and closes
with :: on its own line.
The queue rewrite more than doubled steady-state throughput.
::bm-bars{title="Throughput" caption="Before and after the queue rewrite"}
- Before: 42/s
- **After: 96/s**
::
Rules that matter:
- Data goes in the body as Markdown, not in an attribute:
- label: valuerows, a table for grids. Bold marks the current or chosen row, italic recedes,— noteadds a side note. - Attribute values are double-quoted and cannot contain
". There is no escape. Inside aquery, quote phrases with single quotes:query="search 'queue rewrite'". - Task state stays in Markdown. Use
- [ ]and- [x]insidebm-checkandbm-kanban; people can tick boxes from the rendered note. - Never put HTML, scripts, styles, or classes in a note, and never wrap a component in a code fence (a fenced block stays literal code).
- Use only registered props. An unknown attribute produces
prop-unknownin a warning frame with the original source and registered props; it is never silently dropped.
A checklist and a board:
::bm-check{title="Launch"}
- [x] Freeze the schema
- [ ] Write the migration note — due Friday
::
::bm-kanban{title="Roadmap"}
### Now
- **Billing page**
- [ ] Usage emails
### Next
- *Partner portal*
::
Live views over the knowledge base
A component with a query attribute shows current data from the project it
lives in. Prefer a live view to a hand-copied number when the note describes its
own knowledge base, because copied counts go stale.
::bm-stat{label="Open decisions" query="notes | where type == decision and status == open | count"}
::
::bm-bars{title="Open decisions by owner" query="notes | where type == decision and status != done | group owner | sort count desc"}
::
::bm-table{title="Due soon" query="notes | where tags contains infra and due < 2026-10-15 | fields title, owner, due | sort due"}
::
::bm-timeline{title="Recent edits" query="activity 7d"}
::
::bm-rank{title="Related notes" query="search 'checksum conflict' | limit 5"}
::
A pipeline reads left to right: a source (notes, search 'phrase',
activity 7d|30d), then optional stages in order: where, group, count or
sum field, fields, sort, limit (1–50). The reference lists every
operator and which components accept which shapes.
Shapes that work:
- Charts, ranks, and bars need a number per row: add
group field,count, orsum field, or use asearchsource. - Sparks, KPIs, and plots need several rows (
group,daily, orsearch), not a singlecount. bm-tabletakesfields;bm-timelinetakesactivitywithoutdaily;bm-activitytakesactivity 30d | daily.
Semantics to state honestly in the surrounding prose:
notesviews are exact counts over indexed frontmatter. Search views are ranked and bounded; call them matches, never "all".!=keeps notes that lack the field.groupputs notes without the field in anonegroup.- Frontmatter numbers are stored as text; comparisons and sums treat decimal text as numbers and ignore everything else.
Check the rendered result before you quote it
In Basic Memory Cloud, read_note(view="text") returns the note as a reader
sees it: every component as plain Markdown, with live queries run now. Read it
back after writing a live view and confirm the view has rows before you state a
number in prose. A query over a field no note has renders an empty view.
Elsewhere, only the browser runs the query, so run the equivalent read yourself
(for example search_notes with metadata filters; see the
memory-metadata-search skill).
A live chart's body is its snapshot: the rows readers see when live data cannot load. A new live view can leave the body empty; people fill it with Freeze snapshot in the editor. If you add snapshot rows yourself, label them as a snapshot in prose and keep them in the chart's row grammar.
Edit a note that already has components
- Change one component with
edit_note(find_replaceon its directive line or rows). Do not rewrite the whole note to change one value. - The rich editor normalizes formatting when a person edits the note: attribute order changes and YAML blocks come back as JSON. Values survive; do not fight the formatting.
- Keep the closing
::lines. A block with a body but no close producesdirective-unclosed; the opener and YAML props appear in a warning while following Markdown stays visible. Add the close at the intended boundary in source; the editor never guesses it. Standalone leaves with no body remain valid, though new components should use explicit closes.
When a component shows an error
A broken component renders a coded problem and a fix inside its own frame; the
rest of the note still renders. In Basic Memory Cloud, write_note and
edit_note list these problems under Component problems in their result
(they never block the write), so fix them right away with edit_note. comark(7) in the manual
(memory://man/comark(7)) is a quick reference to the syntax and codes. The
codes you will meet most:
| Code | Meaning | Fix |
|---|---|---|
prop-unknown |
A prop the component does not accept | Remove it or use a registered prop from the warning or reference |
directive-unclosed |
A block with a body is missing its close | Add :: at the intended boundary in Markdown source |
query-measure |
The chart has no number per row | Add group, count, or sum, or use search |
query-series |
A trend from one value | Use group, daily, or search with limit ≥ 2 |
query-escaped-quote |
\" inside a query |
Use single quotes inside the query |
query-field / query-operator |
Bad field name or operator | Fields are [A-Za-z0-9_-] with dotted paths; ops are == != < <= > >= contains |
query-stage-order |
Stages out of order | where, group, count/sum, fields, sort, limit |
chart-body-empty |
No rows in the body | Add - label: value rows |
chart-body-number |
A row without a number | Every row needs a numeric value |
Unknown props preserve the original directive and data through nearby rich
edits. Closed malformed components can use a reviewed agent replacement and
undo; missing-close repairs require source editing. Canonical validation and
strict export reject malformed source until repaired. Never author internal
recovery nodes such as bm-problem. Check component names and props against the
reference.
Checklist
- Does a figure beat a sentence here? If not, write the sentence.
- Is the component name and every prop in the reference?
- Is data in the body as Markdown rows or a table, with no
"inside values? - For a live view: does the pipeline give the shape this component needs, and did you check the numbers with a read of your own?
- Is there prose around the figure saying what it shows and whether a count is exact or a ranking?