Dialogs

Dialogs are modal boxes drawn over the page for confirmations, results, and loading states. Each dialog has a title, a message, and one or more buttons.

Kinds

Kind	Example
Loading	“Saving”, “Connecting to server…”, “Please wait…”
Success	“Save successful”, “Login Success”, “Import successful”
Error	“Save failed”, “Server request failed”
Confirmation	“Unsaved Changes”, “Delete Column”, discard/delete prompts
Choice	Login success with Menu/Exit buttons

Success and error dialogs are styled with the theme’s success or error color for their border and title.

Using a dialog

• Move between buttons with Tab/Shift+Tab (and the arrow keys where the page supports them).
• Choose a button with Enter.
• Dismiss a non-loading dialog with Esc where the page allows it.

Loading dialogs are shown while an asynchronous request runs and are replaced or hidden when the result arrives.

Common dialogs

• Unsaved Changes — asks whether to discard changes before closing a buffer.
• Row changed on the server — the row was modified elsewhere while you were editing.
• Computed values changed — related data changed during save, and computed fields were refreshed for review.
• Row ID already occupied — offers to create the data as a new row.

Continue

• The interface — how dialogs fit into the screen.