The editor

The kitengi editor at app.kitengi.dev is made up of four areas: the canvas, the sidebar, the right panel, and the console.

Canvas

The canvas is the main editing area where nodes and threads are displayed. It supports panning and zooming:

• Pan — click and drag on an empty area of the canvas, or use two-finger scroll.
• Zoom — pinch to zoom, or use Ctrl/⌘ + scroll wheel. The zoom controls in the bottom-left also work.
• Fit to view — press F or click the fit button in the zoom controls to fit all nodes on screen.
• Select nodes — click a node to select it. Hold Shift and click to add to the selection. Click and drag on the canvas to rubber-band select multiple nodes.

Sidebar

The sidebar on the left lists all your programs. Click a program name to open it. Programs are stored locally in your browser.

• New program — creates a new empty program.
• Search — filter the list by name.
• Delete — hover a program name and click the delete icon to remove it.

Right panel

When a node is selected the right panel shows its properties:

• ID — the node's unique identifier within its scope. Lowercase letters, numbers, and hyphens only.
• Title — an optional display name shown on the canvas instead of the ID.
• Value — for value and constant nodes, the stored value or key.
• Description — free-text notes shown in the node tooltip.
• Kind — read-only; the node's built-in type.

When nothing is selected the right panel shows the program name and type.

Console

The console at the bottom of the screen shows output from print nodes while a program is running. It also shows any runtime errors. Click Clear to reset it.

Toolbar

The toolbar at the top of the canvas contains:

• Run — starts the program. A running program can be stopped with the Stop button.
• Auto-layout — automatically arranges nodes using an ELK-based layout algorithm.
• Copy source — copies the .kti text of the current program to the clipboard.
• Load from text — pastes or types a .kti program to load it onto the canvas.

Keyboard shortcuts

Key	Action
Double-click canvas	Add a new node
Backspace / Delete	Delete selected nodes or threads
F	Fit all nodes to view
R	Run the program
⌘Z / Ctrl+Z	Undo
⌘⇧Z / Ctrl+Y	Redo