Custom chat

Overview

Custom Chat is built around the ChatPro data class container component. It provides the tools to build a fully customizable AI chat interface. Unlike traditional, fixed chat interfaces, you can drag and drop atomic components to assemble a custom AI chat application that meets your business needs.

Core advantages

• Atomic component system: All components can be configured independently and freely combined.

• Multi-role support: Enables personalized interface customization for different roles.

• Rich component ecosystem: A complete toolbox for building chat applications.

• Low-code building: Visual drag-and-drop for a What You See Is What You Get (WYSIWYG) experience.

Quick start

Quick build

1. Find the ChatPro chat container in the component panel and drag it to the canvas.

1. The system automatically configures an optimal layout, which includes:

   • Welcome page

     • The welcome page appears by default when the ChatPro data is empty.

   • Multi-role list

     • You can switch between user and role views.

   • Input box

     • You can input text and upload files.

     • Configuration view supporting deep thinking and web search

   • Chain-of-thought

   • Deep thinking

AI integration configuration

• If an AI service is not configured, a quick create button appears on the right.

• Click the button to quickly create a built-in Model Studio integration operation.

• Configure the API-KEY and appId as needed.

• Enter a question in the input box to quickly test the agent.