> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-fix-email-integration-extension-wording.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 | Wrap app in `CometChatProvider` with valid credentials + 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/components/message-list) (Conversation Starter), `CometChatMessageComposer` → [Message Composer](/ui-kit/react/components/message-composer) (Smart Replies, Summary), `CometChatAIAssistantChat` → [AI Assistant Chat](/ui-kit/react/components/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/components/message-list) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-fix-email-integration-extension-wording/YSc0lDwQiNU_gOpz/images/1cad4411-ai_conversation_starter_web_screens-e086f83ee4ee395ce75328ecc6e7d45b.png?fit=max&auto=format&n=YSc0lDwQiNU_gOpz&q=85&s=cfe0d7b0835976e878367b9ba6c0c86d" 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/components/message-composer) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-fix-email-integration-extension-wording/58OAUxZBuqH-bqsV/images/52f05152-ai_smart_replies_web_screens-8ac3840804809fd9402814764093c6fc.png?fit=max&auto=format&n=58OAUxZBuqH-bqsV&q=85&s=6f42dabe98c38f33f2d81a27f5f851e2" 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/components/message-composer) when activated.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-fix-email-integration-extension-wording/T_9eoFJQi39yVSbb/images/d83c9272-ai_conversation_summary_web_screens-b5e1d99c765f9c0c6f1e80d2b7e89421.png?fit=max&auto=format&n=T_9eoFJQi39yVSbb&q=85&s=78f7b8a2d05285adf8b2d6a3390efe51" 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/components/ai-assistant-chat">
    AI-powered assistant component
  </Card>

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

  <Card title="Message Composer" icon="pen-to-square" href="/ui-kit/react/components/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>
