io.Assist React is out

io.Intelligence
, ,
1

When we introduced AI Web, io.Assist and AI Server few months ago, the first io.Assist delivery was for Angular. We’ve now released @interopio/io-assist-react to bring the ready-made io.Assist experience to React applications and developers. It is built on AI Web and intended for teams that want to add a complete assistant UI without building everything from scratch.

What does it provide?

io.Assist React gives applications the ready-made UI for working with agents, conversations, and the wider io.Intelligence stack, including:

  • Agent conversations and streaming responses.
  • Thread history and management.
  • Prompt libraries and favorite prompts.
  • Tool calls and tool traces.
  • Working Context.
  • MCP tools.
  • MCP Apps.
  • Sampling and elicitation, with built-in confirmation UI or custom handlers.

Read about the Integration Model.

Setup and Config

The static configuration accepts an io.Connect Browser or Desktop factory. This lets the host application provide the platform initialization that matches its environment while keeping the rest of the assistant integration consistent. See the configuration section in the docs here: Configuration | io.Intelligence Framework

The io.Assist React examples include patterns for:

  • Minimal integration.
  • Login-aware dynamic configuration.
  • Prompt libraries.
  • Working Context.
  • MCP Apps and multiple MCP servers.
  • Custom sampling and elicitation handlers.
  • Selecting a default agent.

Start from an official template

The new io.Intelligence AI Dev Kit includes two React io.Assist starting points:

  • io-assist-react-packaged for an application that consumes the published package.
  • io-assist-react-editable for a source-owned application that can change io.Assist internals.

The packaged option is the normal starting point when the out-of-the-box UI and configuration is sufficient. The editable option is a one-way fork: the source becomes yours to change and maintain.

You can ask a coding agent that has the skill loaded to use the templates in plain text like:

Create a packaged React io.Assist application in ./assistant-app using the official io.Intelligence template. Do not start it until I provide the Agent Protocol backend URL.

Learn more

1 Like