Toolbar

The toolbar appears at the top of the screen and is divided into two groups. The left group contains node operations, history, and other utilities; the right group contains panel toggle buttons.

The leftmost "Back to document list" button returns to the list immediately even when a Google Drive document has unsaved changes. A spinner appears over that document thumbnail while saving, and the thumbnail is refreshed after save completion.

Tool Selection Group

Switches the active working mode. The active tool is highlighted.

Button	Action
Select	Select, move, and resize nodes. Drag the background with nothing selected to pan the canvas.
Draw Text Box	Drag on the canvas to create a new text node. Text input mode starts immediately after creation.
Draw Rectangle	Drag on the canvas to create a new rectangle node.
Draw Table	Drag on the canvas to create a new table node.
Connection Tool	Draw a connection line between two nodes. Click the starting node, then click the ending node to confirm.

Tool Lock

Double-clicking the Text, Rect, Table, or Connection tool locks it. While locked, the same tool remains active after creating a node, so you can create multiple nodes of the same type in succession. Double-click again or select another tool to unlock.

Action Group

Button	Action
Delete	Deletes all selected nodes. The button is disabled when nothing is selected.
Auto Grouping	Toggles auto-grouping on/off. When on, overlapping nodes are automatically treated as a group.

History Group

Button	Action
Undo	Undoes the previous action. Disabled when there is nothing to undo.
Redo	Redoes the last undone action. Disabled when there is no undo history.

Utility Group

Button	Action
Fit View	Automatically adjusts zoom and scroll position so all nodes fit in the viewport.
New Document	Clears the current document and starts a new one. A confirmation dialog appears before proceeding.
Export	Opens the export panel to save the canvas as SVG, PNG, or PDF. Click again to close.
Settings	Opens the settings panel to change the UI theme (light/dark) and display language. Click again to close.

Panel Group

The buttons at the right end of the toolbar switch between panels. Exactly one panel is always shown, and the active button is highlighted. The default is the Properties panel.

Button	Action
Properties	Shows properties (font, color, size, etc.) of the selected node. The panel is hidden when nothing is selected.
Layers	Displays all nodes in layer order. You can reorder layers and toggle visibility.
Document Settings	Configures canvas size, units, and orientation. Also lets you resize the canvas to fit the content.
Grid & Snap	Configures grid visibility and spacing, and snapping (snap-to-grid and snap-to-node).
Icon Library	Search GCP, AWS, and Twemoji icons and drag them onto the canvas.

Many actions are also available via keyboard shortcuts. See the Keyboard Shortcuts page for details.