State
the interaction machines. The ui-gallery page State, painted with no terminal and no window at each of the documented profiles:
bash
ui-gallery --render --page state --profile full|enhanced|baseline sparkles:ui the interaction machines tokyo-night
Welcome ▕ State · the interaction machines █
Primitives ▕ █
Layout ▕ █
Tracks ▕ Every machine below is a plain value. Nothing here registers a callback █
Text ▕ or mutates a shared flag, which is why a scripted event list replayed █
Themes ▕ through the headless host reproduces exactly what your keystrokes █
Slots ▕ produce. █
Decoration ▕ █
Effects ▕ ┌─────────────────────────────────────────────────────────────────────┐ █
Grid ▕ │ HoverState — topmost wins │ █
Components ▕ │ one two three │ █
Tree ▕ │ hot nothing │ █
Property tree ▕ │ Move the pointer over a tile. │ ░
Table ▕ └─────────────────────────────────────────────────────────────────────┘ ░
Scrolling ▕ ░
▸ State ▕ ┌─────────────────────────────────────────────────────────────────────┐ ░
Split ▕ │ PressState — arm, then activate on the same target │ ░
Dock ▕ │ armed — │ ░
Terminal ▕ │ activated — │ ░
▕ │ Press one tile and release over another: nothing fires. │ ░
▕ └─────────────────────────────────────────────────────────────────────┘ ░
▕ ░
▕ ┌─────────────────────────────────────────────────────────────────────┐ ░
▕ │ FocusState — deterministic traversal │ ░
▕ │ focused nothing │ ░
▕ │ order one → two → three → (wrap) │ ░
▕ │ Press f to advance, F to go back. │ ░
▕ └─────────────────────────────────────────────────────────────────────┘ ░
▕ ░
▕
pages a anchor selection e extend selection f focus next F focus prev ? keys q quit sparkles:ui the interaction machines tokyo-night
Welcome ▕ State · the interaction machines █
Primitives ▕ █
Layout ▕ █
Tracks ▕ Every machine below is a plain value. Nothing here registers a callback █
Text ▕ or mutates a shared flag, which is why a scripted event list replayed █
Themes ▕ through the headless host reproduces exactly what your keystrokes █
Slots ▕ produce. █
Decoration ▕ █
Effects ▕ ┌─────────────────────────────────────────────────────────────────────┐ █
Grid ▕ │ HoverState — topmost wins │ █
Components ▕ │ one two three │ █
Tree ▕ │ hot nothing │ █
Property tree ▕ │ Move the pointer over a tile. │ ░
Table ▕ └─────────────────────────────────────────────────────────────────────┘ ░
Scrolling ▕ ░
▸ State ▕ ┌─────────────────────────────────────────────────────────────────────┐ ░
Split ▕ │ PressState — arm, then activate on the same target │ ░
Dock ▕ │ armed — │ ░
Terminal ▕ │ activated — │ ░
▕ │ Press one tile and release over another: nothing fires. │ ░
▕ └─────────────────────────────────────────────────────────────────────┘ ░
▕ ░
▕ ┌─────────────────────────────────────────────────────────────────────┐ ░
▕ │ FocusState — deterministic traversal │ ░
▕ │ focused nothing │ ░
▕ │ order one → two → three → (wrap) │ ░
▕ │ Press f to advance, F to go back. │ ░
▕ └─────────────────────────────────────────────────────────────────────┘ ░
▕ ░
▕
pages a anchor selection e extend selection f focus next F focus prev ? keys q quit sparkles:ui the interaction machines tokyo-night
Welcome | State * the interaction machines #
Primitives | #
Layout | #
Tracks | Every machine below is a plain value. Nothing here registers a callback #
Text | or mutates a shared flag, which is why a scripted event list replayed #
Themes | through the headless host reproduces exactly what your keystrokes #
Slots | produce. #
Decoration | #
Effects | +---------------------------------------------------------------------+ #
Grid | | HoverState - topmost wins | #
Components | | one two three | #
Tree | | hot nothing | #
Property tree | | Move the pointer over a tile. | |
Table | +---------------------------------------------------------------------+ |
Scrolling | |
> State | +---------------------------------------------------------------------+ |
Split | | PressState - arm, then activate on the same target | |
Dock | | armed - | |
Terminal | | activated - | |
| | Press one tile and release over another: nothing fires. | |
| +---------------------------------------------------------------------+ |
| |
| +---------------------------------------------------------------------+ |
| | FocusState - deterministic traversal | |
| | focused nothing | |
| | order one > two > three > (wrap) | |
| | Press f to advance, F to go back. | |
| +---------------------------------------------------------------------+ |
| |
|
pages a anchor selection e extend selection f focus next F focus prev ? keys q quit What each profile gives up
The frame's degradation report: one line per substitution, and the capability the target lacked. full is empty when the page asks for nothing a terminal cannot do.
text
alpha-flattened ×6 (alpha)text
color-folded ×83 (colorDepth)
alpha-flattened ×6 (alpha)text
color-dropped ×83 (colorDepth)
ascii-border ×4 (unicode)
ascii-scrollbar ×1 (unicode)
ascii-glyph ×8 (unicode)
alpha-flattened ×6 (alpha)These are the files dub test :ui-gallery compares every render against, so a change to this page that is not re-blessed fails CI.