UI Components

The UI catalog captures terminal components that are shared by command output, demo tapes, and future richer front ends. Each component is rendered from the same Go code used by the development catalog binary.

Catalog

Terminal command table component showing module IDs, types, scope, source, and summaries. — **Command table** dense module discovery rows with wrapping summaries

Terminal module card component showing metadata, tags, config requirements, steps, and next command. — **Module card** inspection panel for module metadata and contracts

Terminal log rail component showing staged run events and artifact output. — **Log rail** structured run events with elapsed time and labels

Terminal status panel component showing workspace, daemon, modules, session, and component readiness. — **Status panel** compact overview for workspace and component state

Terminal download progress component showing package transfer, verification, and install completion. — **Download progress** transfer lifecycle for module package installs

Terminal upload progress component showing artifact transfer start and completion. — **Upload progress** transfer lifecycle for artifact publication

Regenerating

The checked-in GIFs are refreshed through VHS and Bazel so the published page stays tied to the component renderer without making normal docs builds depend on host Chrome or tmux.

aspect run //docs/tools/demo:materialize_docs_demo_outputs
aspect hovel-check docs

For local terminal inspection without generating GIFs, run:

aspect run //docs/tools/demo:materialize_ui_component_demo_outputs