> ## 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.

# Guides

> Index of task-oriented feature guides for the CometChat Angular UIKit.

<Accordion title="AI Integration Quick Reference">
  | Field      | Value                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
  | ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
  | 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/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>

> This page indexes focused, task-oriented feature guides for the Angular UIKit. Each guide shows how to implement a specific capability end-to-end using UI components.

## When to Use These Guides

Use these guides after completing the base [Integration Guide](/ui-kit/angular/integration). They help you layer additional UX without rewriting core chat flows.

## Guide Directory

| Guide                                                                 | Description                                                                                                |
| :-------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------- |
| [Threaded Messages](/ui-kit/angular/guides/threaded-messages)         | Implement threaded message replies with parent context, reply list, and focused thread composer.           |
| [Group Chat](/ui-kit/angular/guides/group-chat)                       | Create and join groups, view members, manage roles and scopes, transfer ownership.                         |
| [New Chat](/ui-kit/angular/guides/new-chat)                           | Start new one-to-one or group conversations with user and group discovery.                                 |
| [Search Messages](/ui-kit/angular/guides/threaded-messages)           | Add full-text message search across conversations with result routing.                                     |
| [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/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.                               |
| [Shortcut Formatter](/ui-kit/angular/guides/shortcut-formatter)       | Provide shortcut-style text expansions invoking extension APIs or dialogs.                                 |
| [Hashtag Formatter](/ui-kit/angular/guides/hashtag-formatter)         | Highlight #hashtags in the composer, message bubbles, conversation last message, and edit view.            |
| [Rich Text Formatting](/ui-kit/angular/guides/custom-text-formatter)  | Configure and customize the rich text editor in the message composer.                                      |

<Note>
  Need another guide? Open a request via our [Support Portal](https://help.cometchat.com/hc/en-us/requests/new).
</Note>

***

## Next Steps

<CardGroup cols={2}>
  <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/components-overview">
    Explore all UI components
  </Card>

  <Card title="Customization" icon="palette" href="/ui-kit/angular/customization/theming">
    Theme and style the UIKit to match your brand
  </Card>

  <Card title="Events" icon="bolt" href="/ui-kit/angular/events">
    Subscribe to UIKit events for custom workflows
  </Card>
</CardGroup>