Binding into UI - UI Renderes

UI Agent core works with abstract representation of the Data UI Block. They can be rendered using pluggable GUI component system renderers, and integrated into the GUI of the Controlling assistant.

Renderer can be Server-Side, so rendering into final component system markup happens in UI Agent backend, and its output is eg. html then, which can be directly used in the frontend. Server side renderes can be developed as a separate python modules, and plugged into UI Agent backend, see development guide.

Second possibility is Client-Side rendering, where output from UI Agent backend is JSON conforming defined JSON Schema, and rendering itself happens on client side. How are these definitions delivered into frontend depends on the Controlling assistant architecture/framework.

We provide renderers for several UI component systems:

• Server-Side
  • JSON - implemented in the UI Agent Core, is used to send UI definitions conforming defined JSON Schema into Client-Side renderers.
  • RHDS - Red Hat Design System Web Components
• Client-Side
  • PatternFly NPM - PatternFly React components