Panels and the Inspector

Rivoli Diagrams keeps its supporting views in panels you show only when you need them. All of them live in the View menu and on the ribbon’s View tab.

Panel	Shortcut
Layers	:
Stencils	:
Outline	:
Navigator	⌥⌘N
Code Pane	:
AI Chat Panel	⌃⌘A

Layers

Layers separate a diagram into stacked planes: a background floor plan under an equipment layer, say, or annotations you hide before exporting. The panel lists layers top-first, matching what you see on the canvas.

• Add a layer with +; rename one by editing its name.
• Toggle visibility and lock per layer. Objects on a locked layer can still be selected, but they reject edits: moving, resizing, restyling, rotating and deleting all do nothing until the layer is unlocked.
• Set a layer’s opacity to fade it back as a reference.
• Reorder layers to change what draws above what.
• Assign selection moves the selected objects onto the active layer.

The active layer is shown at the right of the canvas bar; new objects are created on it.

Stencils

The stencil browser holds the built-in catalogue plus curated packs such as Network and BPMN, grouped by category. Click an item to stamp it onto the active canvas, or drag it to a specific spot. Each stamp is one undo step and lands on the active layer.

You can also build your own: select the objects you want to reuse and author them as a stencil from the panel. Your stencils appear alongside the built-in ones and persist between documents.

Outline

The Outline panel shows the diagram as a tree, following connectors from parent to child. Clicking a row selects that object on the canvas: the fastest way to navigate a large diagram.

The outline is also an editor. Drag rows to restructure the diagram:

• Drop onto a row to re-parent the dragged object beneath it.
• Drop near a row’s top or bottom edge to place it before or after that row among its siblings.
• ⇥ and ⇧⇥ indent and outdent the selected row.

Drops that would create a cycle (moving a node into its own subtree) are refused. Each completed drop is one undo step.

Navigator

A minimap of the whole active canvas with a rectangle marking the visible region. Click or drag inside it to recentre the view. Invaluable once a diagram is larger than the window.

Code Pane

The Code Pane shows the active canvas as Mermaid source, and it works in both directions:

• Canvas → code is live: the text updates as you edit the diagram.
• Code → canvas happens when you click Apply. Your edits are reconciled into the diagram, preserving the identity and position of objects that already exist rather than redrawing from scratch.

If the source cannot be parsed, the pane shows a warning and the canvas is left untouched: fix the text and apply again.

The canvas bar

Along the bottom of the canvas:

• Canvas tabs: one chip per canvas in the document. Click to switch, double-click to rename, right-click for Rename / Duplicate / Delete.
• +: add a new canvas to the document.
• Group breadcrumb: shown while you are scoped into a group; click a rung to step back to that level.
• Active layer: the layer new objects are created on.