Skip to main content

Module render

Module render 

Source
Expand description

Frame composition.

Left column: the instance canvas. Right column: the stream, then the input box. One status line along the bottom; modals on top of everything. Narrower than TWO_COLUMN_WIDTH the two columns stack: the canvas on top, the stream and the input box under it.

Modules§

cards
The instance canvas pane.
chat
The chat input box at the foot of the stream.
overlay
Modal chrome: a centred, cleared box with a title, scrollable body and a hint line.
rail
The one-line instance summary a card’s header row renders.
status_bar
Bottom status line: what is running, what is waiting on you, which model (if any) is behind the LLM paths, and the toggles. Every segment is clickable.
stream
The stream: activity and conversation in one pane, newest at the bottom.

Constants§

MIN_HEIGHT
MIN_WIDTH
Minimum terminal size the dashboard renders at. Below TWO_COLUMN_WIDTH it renders stacked, which is what a phone gets (the browser demo sizes its terminal to a readable font rather than to 80 columns of 6px text).
TWO_COLUMN_WIDTH
From this width the canvas and the stream sit side by side.

Functions§

centered
Centre a modal rect of the given percentage inside area.
centered_capped
Centre a box sized by percentage but capped at what its content needs.
draw
pane_block
A pane frame: rounded, accent-coloured while focused.
tone_style
Resolve a semantic tone against the palette.