Skip to content

The NVIDIA AIQToolkit UI streamlines interacting with AIQToolkit workflows in an easy-to-use web application.

License

Notifications You must be signed in to change notification settings

NVIDIA/NeMo-Agent-Toolkit-UI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AIQ Toolkit - UI

License AIQ Toolkit

This is the official frontend user interface component for AIQ Toolkit, an open-source library for building AI agents and workflows.

This project builds upon the work of:

Features

  • 🎨 Modern and responsive user interface
  • 🔄 Real-time streaming responses
  • 🤝 Human-in-the-loop workflow support
  • 🌙 Light/Dark theme
  • 🔌 WebSocket and HTTP API integration
  • 🐳 Docker support

Getting Started

Prerequisites

  • AIQ Toolkit installed and configured
  • Git
  • Node.js (v18 or higher)
  • npm or Docker

Installation

Clone the repository:

git clone [email protected]:NVIDIA/AIQToolkit.git
cd AIQToolkit

Install dependencies:

npm ci

Running the Application

Local Development

npm run dev

The application will be available at http://localhost:3000

Docker Deployment

# Build the Docker image
docker build -t AIQ Toolkit-UI .

# Run the container with environment variables from .env
# Ensure the .env file is present before running this command.
# Skip --env-file .env if no overrides are needed.
docker run --env-file .env -p 3000:3000 AIQ Toolkit-UI

AIQ Toolkit Web User Interface

Configuration

HTTP API Connection

Settings can be configured by selecting the Settings icon located on the bottom left corner of the home page.

AIQ Toolkit Web UI Settings

Settings Options

NOTE: Most of the time, you will want to select /chat/stream for intermediate results streaming.

  • Theme: Light or Dark Theme
  • HTTP URL for Chat Completion: REST API endpoint
    • /generate - Single response generation
    • /generate/stream - Streaming response generation
    • /chat - Single response chat completion
    • /chat/stream - Streaming chat completion
  • WebSocket URL for Completion: WebSocket URL to connect to running AIQ Toolkit server
  • WebSocket Schema: Workflow schema type over WebSocket connection

Usage Examples

Simple Calculator Example

Setup and Configuration

  1. Set up AIQ Toolkit Get Started
  2. Start workflow by following the Simple Calculator Example
aiq serve --config_file=examples/simple_calculator/configs/config.yml

Testing the Calculator

Interact with the chat interface by prompting the agent with the message:

Is 4 + 4 greater than the current hour of the day?

AIQ Toolkit Web UI Workflow Result

API Integration

Server Communication

The UI supports both HTTP requests (OpenAI compatible) and WebSocket connections for server communication. For detailed information about WebSocket messaging integration, please refer to the WebSocket Documentation in the AIQ Toolkit documentation.

License

This project is licensed under the MIT License - see the LICENSE file for details. The project includes code from chatbot-ui and chatbot-ollama, which are also MIT licensed.

About

The NVIDIA AIQToolkit UI streamlines interacting with AIQToolkit workflows in an easy-to-use web application.

Resources

License

Security policy

Stars

Watchers

Forks

Packages

No packages published