ink

Define a catalog with defineCatalog using the ink schema and standard component definitions, create a registry with defineRegistry, then pass the spec to the Renderer component inside JSONUIProvider. The spec uses a flat element map with a root key.

Use { "$bindState": "/path" } on the natural value prop of form components like TextInput or Select. Components do not use a statePath prop; two-way binding is handled through the $bindState expression resolved at render time.

It includes layout components (Box, Text, Spacer), content components (Heading, Table, Card, Markdown, Sparkline, BarChart), and interactive components (TextInput, Select, MultiSelect, ConfirmInput, Tabs) with keyboard navigation.

Yes, useUIStream progressively renders specs from JSONL patch streams returned by an API endpoint. It returns the current spec, a send function, and an isStreaming flag for loading states.

Yes, create a StateStore with createStateStore and pass it to StateProvider or JSONProvider via the store prop. When a store is provided, initialState and onStateChange are ignored, and store updates trigger re-renders.

Box defaults to flexDirection row, so main structures usually need flexDirection column explicitly. Also note Newline must be inside a column-direction Box, and terminal width is typically 80-120 columns.