MetalUI / Soft Hardware

React · SwiftUI · agent guides

Region

A drawn rectangle with a name that carries a rule: Well(region) with a head (Label name, Label rule, Label count) that lights as a drop target, dims, hides in the past and renames in place; a pinned lens is Surface(lens) with Row(list) rows.

Use it for

  • Arrangement that means something: Done ticks what lands, To do and Doing make tasks or reopen them, This week, friday or tomorrow date what lands, any other name tags what lands.
  • Kanban (three adjacent regions), a pipeline (N in a row), an inbox (a pinned lens that makes tasks).
  • A pinned lens: a live query kept on the canvas as a frosted plate of rows (lens).

Don't use it for

  • Grouping chrome, cards in a settings page or a list. It is a canvas object.
  • A container that owns its blocks: blocks sit in it by position only, and dragging them out undoes the rule unless the rule says otherwise.

Read the Region agent guide · Copy registry source

Explore the documentation · Agent index · Source on GitHub