Widget UI Documentation

The Widget feature allows you to create structured UI components (like cards) directly from the panel.

You can:

• Create UI cards using the Widget option in the panel

• Create widgets from the Widget section

• Use default pre-built widgets

• Configure widgets from the Agent Config page

• Generate UI dynamically based on agent response data

• Open the Panel

• Select Widget

• Choose or configure your widget

• Save and use

• Navigate to the Widget Section

• You will see default widgets already available

• You can:

  • Use existing widgets

  • Create new widgets

By default, the system provides pre-configured widgets such as:

• Card UI

• List UI

• Table UI

These can be used directly or customized.

Navigate to the Agent Config Page.

A new option is available:

Response Type → Widget

When you select Widget, multiple widget options will appear.

• Choose the widget type you want (e.g., Card, List, Table).

1. Configure your widget in Agent settings.

2. Select Response Type = Widget.

3. Choose and configure your widget.

4. Send a query to the agent.

5. The agent will return structured data.

6. The system automatically renders the UI based on:

   • Selected widget type

   • Returned agent data

The UI will be generated dynamically according to your configured widget structure.

1. Open Agent Config.

2. Select:

   Copy

   Response Type → Widget
   Widget Type → Card

3. Ask the agent:

   Copy

   Show me detail in card for the company info of walkover

4. The agent returns structured product data.

• No manual UI coding required

• Dynamic UI generation

• Reusable widget templates

• Structured and consistent design

• Easy configuration

• Widgets must be properly configured before use.

• Agent response must return structured data.

• UI rendering depends on selected widget type.