WIP : Docs/flutter UI kit v5 improvements

ui-kit/flutter/ai-assistant-chat-history.mdx

@@ -1,7 +1,29 @@
 ---
 title: "AI Assistant Chat History"
+description: "Display conversation history between users and AI assistants with structured message presentation in Flutter"
 ---
 
+{/* TL;DR for Agents and Quick Reference */}
+<Info>
+**Quick Reference for AI Agents & Developers**
+
+```dart
+import 'package:cometchat_chat_uikit/cometchat_chat_uikit.dart';
+
+// For user chat with AI assistant
+CometChatAIAssistantChatHistory(user: user)
+
+// For group chat with AI assistant
+CometChatAIAssistantChatHistory(group: group)
+
+// With common props
+CometChatAIAssistantChatHistory(
+  user: user,
+  assistantUID: "assistant_uid",
+)
+```
+</Info>
+
 ## Overview
 
 The `AI Assistant Chat History` widget is a pre-built user interface widget designed to display the conversation history between users and an AI assistant within a chat application. It provides a structured and visually appealing way to present past interactions, making it easy for users to review previous messages and context.
@@ -10,6 +32,10 @@ The `AI Assistant Chat History` widget is a pre-built user interface widget desi
   <img src="/images/flutter_ai_assistant_chat_history.png" />
 </Frame>
 
+<Note>
+**Available via:** [UI Kits](/ui-kit/flutter/overview) | [SDK](/sdk/flutter/overview)
+</Note>
+
 ## Usage
 
 ### Integration
@@ -430,4 +456,24 @@ CometChatAIAssistantChatHistory(
 
 </Tabs>
 
-***
+***
+
+
+---
+
+## Next Steps
+
+<CardGroup cols={2}>
+  <Card title="AI Features" icon="sparkles" href="/ui-kit/flutter/ai-features">
+    Explore all AI-powered features
+  </Card>
+  <Card title="Message List" icon="messages" href="/ui-kit/flutter/message-list">
+    Display and manage messages within a conversation
+  </Card>
+  <Card title="Message Composer" icon="pen-to-square" href="/ui-kit/flutter/message-composer">
+    Enable users to compose and send messages
+  </Card>
+  <Card title="Conversations" icon="comments" href="/ui-kit/flutter/conversations">
+    Display and manage conversation lists
+  </Card>
+</CardGroup>

ui-kit/flutter/ai-features.mdx

@@ -1,7 +1,43 @@
 ---
-title: "AI"
+title: "AI Features"
+description: "Enhance user interaction with AI-powered conversation starters, smart replies, and conversation summaries in your Flutter app"
 ---
 
+{/* TL;DR for Agents and Quick Reference */}
+<Info>
+**Quick Reference for AI Agents & Developers**
+
+```dart
+import 'package:cometchat_chat_uikit/cometchat_chat_uikit.dart';
+
+// Enable AI features in UIKitSettings
+UIKitSettings uiKitSettings = (UIKitSettingsBuilder()
+  ..aiFeature = [
+    AISmartRepliesExtension(),
+    AIConversationStarterExtension(),
+    AIAssistBotExtension(),
+    AIConversationSummaryExtension()
+  ]
+).build();
+
+// Initialize with AI features
+CometChatUIKit.init(uiKitSettings: uiKitSettings);
+```
+
+**Key AI Extensions:**
+- `AISmartRepliesExtension` → Smart reply suggestions
+- `AIConversationStarterExtension` → Conversation starters
+- `AIAssistBotExtension` → AI assistant bot
+- `AIConversationSummaryExtension` → Conversation summaries
+
+**Components:**
+- Conversation Starters → Auto-displayed in `CometChatMessageList` ([Docs](/ui-kit/flutter/message-list))
+- Smart Replies → Available in `CometChatMessageComposer` action sheet ([Docs](/ui-kit/flutter/message-composer))
+- Conversation Summary → Available in `CometChatMessageComposer` action sheet ([Docs](/ui-kit/flutter/message-composer))
+
+Activate features from [CometChat Dashboard](https://app.cometchat.com) → Extensions → AI
+</Info>
+
 ## Overview
 
 CometChat's AI capabilities greatly enhance user interaction and engagement in your application. Let's understand how the Flutter UI Kit achieves these features.
@@ -10,6 +46,10 @@ CometChat's AI capabilities greatly enhance user interaction and engagement in y
   <img src="/images/5b57feb3-ai_overview-e181192385baa430f73f90e7a24690e8.png" />
 </Frame>
 
+<Note>
+**Available via:** [UI Kits](/ui-kit/flutter/overview) | [SDK](/sdk/flutter/overview) | [Dashboard](https://app.cometchat.com)
+</Note>
+
 ***
 
 ## Usage
@@ -67,8 +107,27 @@ The Conversation Summary feature provides concise summaries of long conversation
 
 For a comprehensive understanding and guide on implementing and using the Conversation Summary, refer to our specific guide on the [Conversation Summary](/fundamentals/ai-user-copilot/conversation-summary).
 
-Once you have successfully activated the [Smart Replies](/fundamentals/ai-user-copilot/smart-replies) from your CometChat Dashboard, the feature will automatically be incorporated into the Action sheet of [MessageComposer](/ui-kit/flutter/message-composer) Widget of UI Kits.
+Once you have successfully activated the [Conversation Summary](/fundamentals/ai-user-copilot/conversation-summary) from your CometChat Dashboard, the feature will automatically be incorporated into the Action sheet of [MessageComposer](/ui-kit/flutter/message-composer) Widget of UI Kits.
 
 <Frame>
   <img src="/images/d9a79e08-conversation_summary-3263d5620276113b3301c76d9ea170d8.png" />
 </Frame>
+
+---
+
+## Next Steps
+
+<CardGroup cols={2}>
+  <Card title="Message List" icon="list" href="/ui-kit/flutter/message-list">
+    Display and manage conversation messages with AI-powered starters
+  </Card>
+  <Card title="Message Composer" icon="pen" href="/ui-kit/flutter/message-composer">
+    Compose messages with smart replies and AI assistance
+  </Card>
+  <Card title="AI User Copilot" icon="robot" href="/fundamentals/ai-user-copilot/overview">
+    Learn more about AI features and configuration
+  </Card>
+  <Card title="Extensions" icon="puzzle-piece" href="/ui-kit/flutter/extensions">
+    Explore other extensions to enhance your chat experience
+  </Card>
+</CardGroup>

ui-kit/flutter/call-buttons.mdx

@@ -1,7 +1,30 @@
 ---
 title: "Call Buttons"
+description: "Initiate voice and video calls with customizable call buttons and call settings in Flutter"
 ---
 
+{/* TL;DR for Agents and Quick Reference */}
+<Info>
+**Quick Reference for AI Agents & Developers**
+
+```dart
+import 'package:cometchat_chat_uikit/cometchat_chat_uikit.dart';
+
+// For user calls
+CometChatCallButtons(user: user)
+
+// For group calls
+CometChatCallButtons(group: group)
+
+// With common props
+CometChatCallButtons(
+  user: user,
+  voiceCallIconUrl: "custom_voice_icon.png",
+  videoCallIconUrl: "custom_video_icon.png",
+)
+```
+</Info>
+
 ## Overview
 
 The `CometChatCallButtons` is a [Widget](/ui-kit/flutter/components-overview#components) provides users with the ability to make calls, access call-related functionalities, and control call settings. Clicking this button typically triggers the call to be placed to the desired recipient.
@@ -10,6 +33,10 @@ The `CometChatCallButtons` is a [Widget](/ui-kit/flutter/components-overview#com
   <img src="/images/04305845-call_buttons-90161ce159058183ff0d16adbf8f4734.png" />
 </Frame>
 
+<Note>
+**Available via:** [UI Kits](/ui-kit/flutter/overview) | [SDK](/sdk/flutter/overview)
+</Note>
+
 ## Usage
 
 ### Integration
@@ -277,3 +304,23 @@ CometChatCallButtons(
 All exposed properties of OutgoingCallConfiguration can be found under `Outgoing Call`.
 
 ***
+
+
+---
+
+## Next Steps
+
+<CardGroup cols={2}>
+  <Card title="Incoming Call" icon="phone-arrow-down-left" href="/ui-kit/flutter/incoming-call">
+    Handle incoming voice and video calls
+  </Card>
+  <Card title="Outgoing Call" icon="phone-arrow-up-right" href="/ui-kit/flutter/outgoing-call">
+    Initiate and manage outgoing calls
+  </Card>
+  <Card title="Call Logs" icon="clock-rotate-left" href="/ui-kit/flutter/call-logs">
+    Display and manage call history
+  </Card>
+  <Card title="Call Features" icon="video" href="/ui-kit/flutter/call-features">
+    Explore all calling capabilities
+  </Card>
+</CardGroup>