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

# Smart Chat Features

> AI-powered features in CometChat's React UI Kit: Conversation Starter, Smart Replies, and Conversation Summary.

<Accordion title="AI Integration Quick Reference">
  | Field          | Value                                                                                                                                                                                                                                                                                   |
  | -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
  | Package        | `@cometchat/chat-uikit-react`                                                                                                                                                                                                                                                           |
  | Required setup | `CometChatUIKit.init(UIKitSettings)` then `CometChatUIKit.login("UID")` + AI features enabled in [CometChat Dashboard](/fundamentals/ai-user-copilot/overview)                                                                                                                          |
  | AI features    | Conversation Starter, Smart Replies, Conversation Summary                                                                                                                                                                                                                               |
  | Key components | `CometChatMessageList` → [Message List](/ui-kit/react/message-list) (Conversation Starter), `CometChatMessageComposer` → [Message Composer](/ui-kit/react/message-composer) (Smart Replies, Summary), `CometChatAIAssistantChat` → [AI Assistant Chat](/ui-kit/react/ai-assistant-chat) |
  | Activation     | Enable each AI feature from the CometChat Dashboard — UI Kit auto-integrates them, no additional code required                                                                                                                                                                          |
</Accordion>

## Overview

CometChat AI features enhance user interaction by providing contextual suggestions and summaries. Each feature is activated from the Dashboard and auto-integrates into UI Kit components.

## Smart Chat Features

### Conversation Starter

Displays AI-generated opening lines when a user starts a new chat. See [Conversation Starter](/fundamentals/ai-user-copilot/conversation-starter).

Auto-integrates into [MessageList](/ui-kit/react/message-list) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-v6-beta2-flutter-uikit/9f-U9qxmNQ_QHoI6/images/1cad4411-ai_conversation_starter_web_screens-e086f83ee4ee395ce75328ecc6e7d45b.png?fit=max&auto=format&n=9f-U9qxmNQ_QHoI6&q=85&s=bc5d3ea07a573590c95261db239161b2" width="1282" height="802" data-path="images/1cad4411-ai_conversation_starter_web_screens-e086f83ee4ee395ce75328ecc6e7d45b.png" />
</Frame>

### Smart Replies

AI-generated response suggestions based on conversation context. See [Smart Replies](/fundamentals/ai-user-copilot/smart-replies).

Auto-integrates into the Action Sheet of [MessageComposer](/ui-kit/react/message-composer) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-v6-beta2-flutter-uikit/CtCKvKgW23hSybnm/images/52f05152-ai_smart_replies_web_screens-8ac3840804809fd9402814764093c6fc.png?fit=max&auto=format&n=CtCKvKgW23hSybnm&q=85&s=b22b88698bf304f65ec7a0479f5cc65b" width="1282" height="802" data-path="images/52f05152-ai_smart_replies_web_screens-8ac3840804809fd9402814764093c6fc.png" />
</Frame>

### Conversation Summary

AI-generated recap of long conversations. See [Conversation Summary](/fundamentals/ai-user-copilot/conversation-summary).

Auto-integrates into the Action Sheet of [MessageComposer](/ui-kit/react/message-composer) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-v6-beta2-flutter-uikit/6EtaxcOHA0yKWZ6B/images/d83c9272-ai_conversation_summary_web_screens-b5e1d99c765f9c0c6f1e80d2b7e89421.png?fit=max&auto=format&n=6EtaxcOHA0yKWZ6B&q=85&s=df98c7106b010da8f9bd5a8b4fbfc96e" width="1282" height="802" data-path="images/d83c9272-ai_conversation_summary_web_screens-b5e1d99c765f9c0c6f1e80d2b7e89421.png" />
</Frame>

## Next Steps

<CardGroup cols={2}>
  <Card title="AI Assistant Chat" icon="robot" href="/ui-kit/react/ai-assistant-chat">
    AI-powered assistant component
  </Card>

  <Card title="Message List" icon="messages" href="/ui-kit/react/message-list">
    Customize the message list where AI features appear
  </Card>

  <Card title="Message Composer" icon="pen-to-square" href="/ui-kit/react/message-composer">
    Customize the composer with Smart Replies and Summary
  </Card>

  <Card title="Core Features" icon="comments" href="/ui-kit/react/core-features">
    Core chat features like messaging and reactions
  </Card>
</CardGroup>