added react v6 as default branch

docs.json

@@ -450,6 +450,7 @@
                 "versions": [
                   {
                     "version": "v6",
+                      "default": true,
                     "groups": [
                       {
                         "group": " ",
@@ -536,7 +537,7 @@
                               "ui-kit/react/message-template",
                               "ui-kit/react/thread-header",
                               "ui-kit/react/incoming-call",
-                              "ui-kit/react/outgoing-call",
+                              "ui-kit/react/outgoing-call",     
                               "ui-kit/react/call-buttons",
                               "ui-kit/react/call-logs",
                               "ui-kit/react/search",
@@ -2400,8 +2401,9 @@
                 "icon": "/images/icons/angular.svg",
                 "versions": [
                   {
-                    "version": "v5",
-                    "default": true,
+                    "version": "v5‎‎‎‎‎",
+
+
                     "groups": [
                       {
                         "group": " ",
@@ -2444,7 +2446,7 @@
                           {
                             "group": "Components",
                             "pages": [
-                              "ui-kit/angular/components/overview",
+                              "ui-kit/angular/components/components-overview",
                               {
                                 "group": "Conversations",
                                 "pages": [
@@ -2574,7 +2576,7 @@
                           {
                             "group": "Guides",
                             "pages": [
-                              "ui-kit/angular/guides/overview",
+                              "ui-kit/angular/guides/guides-overview",
                               "ui-kit/angular/guides/state-management",
                               "ui-kit/angular/guides/threaded-messages",
                               "ui-kit/angular/guides/group-chat",
@@ -2612,7 +2614,7 @@
                     ]
                   },
                   {
-                    "version": "v4",
+                    "version": "v4‎‎‎‎‎",
                     "groups": [
                       {
                         "group": " ",

ui-kit/angular/angular-conversation.mdx

@@ -164,7 +164,7 @@ You should see the conversation list on the left. Tap any conversation to load m
   <Card title="Theming" icon="paintbrush" href="/ui-kit/angular/customization/theming">
     Customize colors, fonts, and styles to match your brand
   </Card>
-  <Card title="Components Overview" icon="grid-2" href="/ui-kit/angular/components/overview">
+  <Card title="Components Overview" icon="grid-2" href="/ui-kit/angular/components/components-overview">
     Browse all prebuilt UI components
   </Card>
   <Card title="Angular Integration" icon="angular" href="/ui-kit/angular/integration">

ui-kit/angular/angular-one-to-one-chat.mdx

@@ -183,7 +183,7 @@ You should see the chat window load with the conversation for the UID you set.
   <Card title="Theming" icon="paintbrush" href="/ui-kit/angular/customization/theming">
     Customize colors, fonts, and styles to match your brand
   </Card>
-  <Card title="Components Overview" icon="grid-2" href="/ui-kit/angular/components/overview">
+  <Card title="Components Overview" icon="grid-2" href="/ui-kit/angular/components/components-overview">
     Browse all prebuilt UI components
   </Card>
   <Card title="Angular Integration" icon="angular" href="/ui-kit/angular/integration">

ui-kit/angular/angular-tab-based-chat.mdx

@@ -221,7 +221,7 @@ You should see the tab bar at the top of the sidebar. Switch between Chats, Call
   <Card title="Theming" icon="paintbrush" href="/ui-kit/angular/customization/theming">
     Customize colors, fonts, and styles to match your brand
   </Card>
-  <Card title="Components Overview" icon="grid-2" href="/ui-kit/angular/components/overview">
+  <Card title="Components Overview" icon="grid-2" href="/ui-kit/angular/components/components-overview">
     Browse all prebuilt UI components
   </Card>
   <Card title="Angular Integration" icon="angular" href="/ui-kit/angular/integration">

ui-kit/angular/components/overview.mdx → ui-kit/angular/components/components-overview.mdx

@@ -1,5 +1,5 @@
 ---
-title: Components Overview
+title: "Overview"
 description: "Overview of all available UI components"
 ---
 CometChat UIKit provides a comprehensive set of pre-built components for building chat experiences.
@@ -210,7 +210,7 @@ Each component accepts `@Output()` callbacks, `ng-template` view slot inputs for
   <Card title="Extensions" icon="puzzle-piece" href="/ui-kit/angular/extensions">
     Add-on features like polls, stickers, and translation
   </Card>
-  <Card title="Guides" icon="book" href="/ui-kit/angular/guides/overview">
+  <Card title="Guides" icon="book" href="/ui-kit/angular/guides/guides-overview">
     Task-oriented tutorials for common patterns
   </Card>
 </CardGroup>

ui-kit/angular/core-features.mdx

@@ -228,7 +228,7 @@ See the [Search Messages Guide](/ui-kit/angular/guides/search-messages) for deta
 ## Next Steps
 
 <CardGroup cols={2}>
-  <Card title="Components Overview" icon="grid-2" href="/ui-kit/angular/components/overview">
+  <Card title="Components Overview" icon="grid-2" href="/ui-kit/angular/components/components-overview">
     Browse all available Angular UIKit components
   </Card>
   <Card title="Theme" icon="palette" href="/ui-kit/angular/customization/theming">

ui-kit/angular/guides/block-unblock-user.mdx

@@ -14,7 +14,7 @@ description: "Implement block and unblock user functionality in CometChat Angula
 | UI helpers | `cometchat-confirm-dialog` |
 | Init | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` |
 | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) |
-| Related | [All Guides](/ui-kit/angular/guides/overview) |
+| Related | [All Guides](/ui-kit/angular/guides/guides-overview) |
 
 </Accordion>
 
@@ -210,7 +210,7 @@ export class ChatMessagesComponent implements OnInit, OnDestroy {
   <Card title="Message Composer" href="/ui-kit/angular/components/cometchat-message-composer">
     Customize the message input component.
   </Card>
-  <Card title="All Guides" href="/ui-kit/angular/guides/overview">
+  <Card title="All Guides" href="/ui-kit/angular/guides/guides-overview">
     Browse all feature and formatter guides.
   </Card>
   <Card title="Sample App" href="https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app">

ui-kit/angular/guides/call-log-details.mdx

@@ -13,7 +13,7 @@ description: "Build a detailed call insights screen with metadata, participants,
 | Init | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` + Calls SDK installed |
 | Purpose | Detailed call insights screen with metadata, participants, and recordings |
 | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) |
-| Related | [All Guides](/ui-kit/angular/guides/overview) |
+| Related | [All Guides](/ui-kit/angular/guides/guides-overview) |
 
 </Accordion>
 
@@ -295,7 +295,7 @@ export class CallsWithDetailsComponent implements OnDestroy {
   <Card title="Call Features" href="/ui-kit/angular/call-features">
     Overview of calling capabilities.
   </Card>
-  <Card title="All Guides" href="/ui-kit/angular/guides/overview">
+  <Card title="All Guides" href="/ui-kit/angular/guides/guides-overview">
     Browse all feature and formatter guides.
   </Card>
   <Card title="Sample App" href="https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app">

ui-kit/angular/guides/custom-text-formatter.mdx

@@ -12,7 +12,7 @@ description: "Extend the CometChatTextFormatter base class to implement custom i
 | Required setup | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` |
 | Purpose | Extend to create custom inline text patterns with regex, styling, and callbacks |
 | Features | Text formatting, customizable styles, dynamic text replacement, input field integration, key event callbacks |
-| Related | [ShortCut Formatter](/ui-kit/angular/guides/shortcut-formatter) \| [Mentions Formatter](/ui-kit/angular/guides/mentions-formatter) \| [All Guides](/ui-kit/angular/guides/overview) |
+| Related | [ShortCut Formatter](/ui-kit/angular/guides/shortcut-formatter) \| [Mentions Formatter](/ui-kit/angular/guides/mentions-formatter) \| [All Guides](/ui-kit/angular/guides/guides-overview) |
 
 </Accordion>
 
@@ -287,7 +287,7 @@ override reset(): void {
   <Card title="Message Composer" href="/ui-kit/angular/components/cometchat-message-composer">
     Customize the message input component.
   </Card>
-  <Card title="All Guides" href="/ui-kit/angular/guides/overview">
+  <Card title="All Guides" href="/ui-kit/angular/guides/guides-overview">
     Browse all feature and formatter guides.
   </Card>
   <Card title="ShortCut Formatter" href="/ui-kit/angular/guides/shortcut-formatter">

ui-kit/angular/guides/group-chat.mdx

@@ -13,7 +13,7 @@ description: "Implement group management including create, join, members, roles,
 | Init | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` |
 | Features | Create public/private/password-protected groups, manage members, roles, ownership transfer |
 | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) |
-| Related | [All Guides](/ui-kit/angular/guides/overview) |
+| Related | [All Guides](/ui-kit/angular/guides/guides-overview) |
 
 </Accordion>
 
@@ -294,7 +294,7 @@ onOwnershipTransferred(newOwner: CometChat.GroupMember): void {
   <Card title="Group Members" href="/ui-kit/angular/components/cometchat-group-members">
     Display and manage group member lists.
   </Card>
-  <Card title="All Guides" href="/ui-kit/angular/guides/overview">
+  <Card title="All Guides" href="/ui-kit/angular/guides/guides-overview">
     Browse all feature and formatter guides.
   </Card>
   <Card title="Sample App" href="https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app">

ui-kit/angular/guides/overview.mdx → ui-kit/angular/guides/guides-overview.mdx

@@ -11,8 +11,8 @@ description: "Index of task-oriented feature guides for the CometChat Angular UI
 | Package | `@cometchat/chat-uikit-angular` |
 | Purpose | Index of task-oriented feature guides for the Angular UIKit |
 | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) |
-| Components | [Components Overview](/ui-kit/angular/components/overview) |
-| Guides | [Threaded Messages](/ui-kit/angular/guides/threaded-messages) · [Group Chat](/ui-kit/angular/guides/group-chat) · [New Chat](/ui-kit/angular/guides/new-chat) · [Search Messages](/ui-kit/angular/guides/threaded-messages) · [Block/Unblock](/ui-kit/angular/guides/block-unblock-user) · [Message Privately](/ui-kit/angular/guides/message-privately) · [Call Log Details](/ui-kit/angular/guides/call-log-details) · [Custom Message Types](/ui-kit/angular/guides/overview) |
+| Components | [Components Overview](/ui-kit/angular/components/components-overview) |
+| Guides | [Threaded Messages](/ui-kit/angular/guides/threaded-messages) · [Group Chat](/ui-kit/angular/guides/group-chat) · [New Chat](/ui-kit/angular/guides/new-chat) · [Search Messages](/ui-kit/angular/guides/threaded-messages) · [Block/Unblock](/ui-kit/angular/guides/block-unblock-user) · [Message Privately](/ui-kit/angular/guides/message-privately) · [Call Log Details](/ui-kit/angular/guides/call-log-details) · [Custom Message Types](/ui-kit/angular/guides/guides-overview) |
 
 </Accordion>
 
@@ -33,7 +33,7 @@ Use these guides after completing the base [Integration Guide](/ui-kit/angular/i
 | [Block / Unblock User](/ui-kit/angular/guides/block-unblock-user) | Block or unblock users in one-to-one chats; hide composer and show unblock prompt. |
 | [Message Privately](/ui-kit/angular/guides/message-privately) | Launch a direct one-to-one chat from a user profile or group member list. |
 | [Call Log Details](/ui-kit/angular/guides/call-log-details) | Display detailed call insights: metadata, participants, join/leave history, recordings. |
-| [Custom Message Types](/ui-kit/angular/guides/overview) | Register custom message types with bubble templates, conversation subtitle overrides, and fetch inclusion. |
+| [Custom Message Types](/ui-kit/angular/guides/guides-overview) | Register custom message types with bubble templates, conversation subtitle overrides, and fetch inclusion. |
 | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) | Extend the base formatter to implement custom inline patterns with regex and callbacks. |
 | [Mentions Formatter](/ui-kit/angular/guides/mentions-formatter) | Add @mentions with styled tokens, suggestion list, and click handling. |
 | [URL Formatter](/ui-kit/angular/guides/shortcut-formatter) | Detect and style plain URLs as clickable links with optional tracking logic. |
@@ -53,7 +53,7 @@ Need another guide? Open a request via our [Support Portal](https://help.cometch
   <Card title="Getting Started" icon="rocket" href="/ui-kit/angular/integration">
     Set up the Angular UIKit from scratch
   </Card>
-  <Card title="Components Overview" icon="puzzle-piece" href="/ui-kit/angular/components/overview">
+  <Card title="Components Overview" icon="puzzle-piece" href="/ui-kit/angular/components/components-overview">
     Explore all UI components
   </Card>
   <Card title="Customization" icon="palette" href="/ui-kit/angular/customization/theming">

ui-kit/angular/guides/hashtag-formatter.mdx

@@ -12,7 +12,7 @@ description: "Build a custom hashtag formatter that highlights #tags in the mess
 | Required setup | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` |
 | Purpose | Detect `#word` patterns and render them as styled, highlighted hashtags |
 | Surfaces | Message composer, message bubbles (text bubble), conversation last message, edit view |
-| Related | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) · [Mentions Formatter](/ui-kit/angular/guides/mentions-formatter) · [All Guides](/ui-kit/angular/guides/overview) |
+| Related | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) · [Mentions Formatter](/ui-kit/angular/guides/mentions-formatter) · [All Guides](/ui-kit/angular/guides/guides-overview) |
 
 </Accordion>
 
@@ -419,7 +419,7 @@ The raw message text stored on the server is always plain text (e.g., `Check out
   <Card title="Message Composer" href="/ui-kit/angular/components/cometchat-message-composer">
     Customize the message input component.
   </Card>
-  <Card title="All Guides" href="/ui-kit/angular/guides/overview">
+  <Card title="All Guides" href="/ui-kit/angular/guides/guides-overview">
     Browse all feature and formatter guides.
   </Card>
 </CardGroup>

ui-kit/angular/guides/mentions-formatter.mdx

@@ -11,7 +11,7 @@ description: "Add @mentions with styled tokens, suggestion list, and click handl
 | Key class | `CometChatMentionsFormatter` (extends `CometChatTextFormatter`) |
 | Required setup | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` |
 | Purpose | Format @mentions with styled tokens, suggestion list, and click handling for users and group members |
-| Related | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) \| [All Guides](/ui-kit/angular/guides/overview) |
+| Related | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) \| [All Guides](/ui-kit/angular/guides/guides-overview) |
 
 </Accordion>
 
@@ -140,7 +140,7 @@ mentionsFormatter.setAllMentionConfig(true, 'everyone');
   <Card title="Message List" href="/ui-kit/angular/components/cometchat-message-list">
     Render real-time message threads.
   </Card>
-  <Card title="All Guides" href="/ui-kit/angular/guides/overview">
+  <Card title="All Guides" href="/ui-kit/angular/guides/guides-overview">
     Browse all feature and formatter guides.
   </Card>
   <Card title="URL Formatter" href="/ui-kit/angular/guides/shortcut-formatter">

ui-kit/angular/guides/message-privately.mdx

@@ -13,7 +13,7 @@ description: "Launch a direct 1:1 chat from a group member profile in CometChat
 | Init | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` |
 | Purpose | Launch a direct 1:1 chat from a group member profile |
 | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) |
-| Related | [All Guides](/ui-kit/angular/guides/overview) |
+| Related | [All Guides](/ui-kit/angular/guides/guides-overview) |
 
 </Accordion>
 
@@ -229,7 +229,7 @@ export class GroupWithPrivateChatComponent implements OnDestroy {
   <Card title="Message List" href="/ui-kit/angular/components/cometchat-message-list">
     Render real-time message threads.
   </Card>
-  <Card title="All Guides" href="/ui-kit/angular/guides/overview">
+  <Card title="All Guides" href="/ui-kit/angular/guides/guides-overview">
     Browse all feature and formatter guides.
   </Card>
   <Card title="Sample App" href="https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app">

ui-kit/angular/guides/new-chat.mdx

@@ -13,7 +13,7 @@ description: "Build a unified new chat entry point for starting 1:1 or group con
 | Init | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` |
 | Purpose | Unified new chat entry point for starting 1:1 or group conversations |
 | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) |
-| Related | [All Guides](/ui-kit/angular/guides/overview) |
+| Related | [All Guides](/ui-kit/angular/guides/guides-overview) |
 
 </Accordion>
 
@@ -230,7 +230,7 @@ joinGroup(group: CometChat.Group): void {
   <Card title="Groups" href="/ui-kit/angular/components/cometchat-groups">
     Display and manage group lists.
   </Card>
-  <Card title="All Guides" href="/ui-kit/angular/guides/overview">
+  <Card title="All Guides" href="/ui-kit/angular/guides/guides-overview">
     Browse all feature and formatter guides.
   </Card>
   <Card title="Sample App" href="https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app">

ui-kit/angular/guides/search-messages.mdx

@@ -13,7 +13,7 @@ description: "Add full-text message search across conversations with result rout
 | Init | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` |
 | Purpose | Full-text message search across conversations with result routing and navigation |
 | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) |
-| Related | [All Guides](/ui-kit/angular/guides/overview) |
+| Related | [All Guides](/ui-kit/angular/guides/guides-overview) |
 
 </Accordion>
 

ui-kit/angular/guides/shortcut-formatter.mdx

@@ -11,7 +11,7 @@ description: "Implement !shortcut style text expansions with extension APIs or d
 | Key class | `ShortcutFormatter` (extends `CometChatTextFormatter`) |
 | Required setup | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` |
 | Track character | `!` — triggers shortcut expansion in the message composer |
-| Related | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) \| [All Guides](/ui-kit/angular/guides/overview) |
+| Related | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) \| [All Guides](/ui-kit/angular/guides/guides-overview) |
 
 </Accordion>
 
@@ -198,7 +198,7 @@ The Message Shortcuts extension must be enabled in your CometChat Dashboard for
   <Card title="Message Composer" href="/ui-kit/angular/components/cometchat-message-composer">
     Customize the message input component.
   </Card>
-  <Card title="All Guides" href="/ui-kit/angular/guides/overview">
+  <Card title="All Guides" href="/ui-kit/angular/guides/guides-overview">
     Browse all feature and formatter guides.
   </Card>
   <Card title="Mentions Formatter" href="/ui-kit/angular/guides/mentions-formatter">