Skip to content

VM Layer Map

This page is the fast tour of how the Notes Workspace scenario composes VMx primitives into the flagship app shape.

Examples VM Layer Map

HTML · SVG · PNG

Canonical Hierarchy

The language-neutral VM hierarchy diagram lives in the examples tree: examples/assets/notes-showcase-vm-hierarchy.svg. Use that diagram for node names and host-agnostic structure; use the local map above for the VMx primitive-to-scenario routing.

Layer Walk

  • WorkspaceVM is the composition root. In the current flagship apps it wraps an AggregateVM6 over the six primary children.
  • NotebooksRootVM and NotebookVM project the notebook tree through flat ComponentVM-based adapters that preserve TreeStructureChangedMessage behavior.
  • NotesViewVM owns selection, filtering, and paging over notes.
  • NoteFormVM owns edit/revert, validation, tag suggestions, and edit-versus-preview mode.
  • NotificationsVM, StatusBarVM, and capability actions wire the supporting surfaces around the editor core.

Where To Verify