> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-rn-guide-message-privately.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Message Agentic Flow

> Implement CometChat Flutter UI Kit agentic message flows with AI-powered message handling and custom AI message rendering.

Implement agentic message flows in your Flutter app using CometChat V6 UIKit. This guide covers how to integrate AI-powered message handling with the chat interface.

## Overview

The Message Agentic Flow feature enables AI-driven interactions within your chat application. In V6, AI features are handled through `MessageTemplateUtils` rather than explicit extension registration.

## Integration

### Enable AI Features

Ensure AI features are enabled on your CometChat Dashboard. V6 handles AI integration internally.

### Custom AI Message Handling

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    CometChatMessageList(
      user: user,
      templates: [
        CometChatMessageTemplate(
          type: "ai_response",
          category: MessageCategoryConstants.custom,
          contentView: (baseMessage, context, alignment, {additionalConfigurations}) {
            // Custom rendering for AI agent messages
            return Container(
              padding: const EdgeInsets.all(12),
              decoration: BoxDecoration(
                color: Color(0xFFEDEAFA),
                borderRadius: BorderRadius.circular(12),
              ),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Row(
                    children: [
                      Icon(Icons.smart_toy, color: Color(0xFF6852D6), size: 16),
                      SizedBox(width: 4),
                      Text("AI Assistant", style: TextStyle(
                        color: Color(0xFF6852D6),
                        fontWeight: FontWeight.bold,
                        fontSize: 12,
                      )),
                    ],
                  ),
                  SizedBox(height: 8),
                  Text((baseMessage as TextMessage).text),
                ],
              ),
            );
          },
        ),
      ],
    )
    ```
  </Tab>
</Tabs>

### AI Assistant Chat History

Use the `CometChatAIAssistantChatHistory` widget to display past AI interactions:

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    CometChatAIAssistantChatHistory(
      user: user,
      style: CometChatAIAssistantChatHistoryStyle(
        backgroundColor: const Color(0xFFFFFAF6),
      ),
    )
    ```
  </Tab>
</Tabs>

## Key V6 Differences

| Aspect                    | V5                                     | V6                                                       |
| ------------------------- | -------------------------------------- | -------------------------------------------------------- |
| AI extension registration | Explicit via `UIKitSettings.aiFeature` | Handled internally via `MessageTemplateUtils`            |
| Custom AI templates       | Via `CometChatUIKit.getDataSource()`   | Via `MessageTemplateUtils` and direct template injection |
| AI Assistant widget       | `CometChatAIAssistantChatHistory`      | Same widget, same API                                    |