<TUI>

<TUI> is the terminal counterpart to <UI>: it declares the React entry an OpenTUI-capable client should render for terminal monitoring. It renders nothing in the workflow graph; clients read the declaration from workflow metadata and pick the terminal host.

import { TUI, Workflow } from "smthrs";

export default smithers(() => (
  <Workflow name="terminal-view">
    <TUI entry="./tui/terminal-view.tsx" title="Terminal View" />
    {/* normal workflow nodes */}
  </Workflow>
));

Props

<TUI> accepts the same view fields as <UI>: entry, source, exportName, title, props, and literal children. Prefer entry for a real terminal app, so the OpenTUI host loads the full React component tree.

Start

Articles

Learn

Capabilities

Build Workflows

Run and Operate

Workflow Pack

Components

Integrations

Agent Support

Examples

Contributing

Props

​Props

Props