DocsReact UIui-themeAgentUIProvider
Package: @hexos/react-ui

Theme and display configuration provider for Hexos UI components.

Wraps the application to provide centralized theming and display configuration via React Context. Supports partial theme overrides that merge with defaults, and display configuration for white-labeling tool visibility and streaming indicators.

All child Hexos UI components access theme and display settings via useAgentUITheme and useDisplayConfig hooks.

Example

<AgentUIProvider
  theme={{
    colors: {
      userBubble: '#8b5cf6',
      primary: '#8b5cf6',
    },
  }}
  displayConfig={{
    toolDisplayMode: 'hidden',
  }}
>
  <ChatWindow />
</AgentUIProvider>
function AgentUIProvider(props: AgentUIProviderProps): React.ReactElement

Parameters

props