AI Integration Quick Reference
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 |
| Components | Components Overview |
| Guides | Threaded Messages · Group Chat · New Chat · Search Messages · Block/Unblock · Message Privately · Call Log Details · Custom Message Types |
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. They help you layer additional UX without rewriting core chat flows.Guide Directory
| Guide | Description |
|---|---|
| Threaded Messages | Implement threaded message replies with parent context, reply list, and focused thread composer. |
| Group Chat | Create and join groups, view members, manage roles and scopes, transfer ownership. |
| New Chat | Start new one-to-one or group conversations with user and group discovery. |
| Search Messages | Add full-text message search across conversations with result routing. |
| Block / Unblock User | Block or unblock users in one-to-one chats; hide composer and show unblock prompt. |
| Message Privately | Launch a direct one-to-one chat from a user profile or group member list. |
| Call Log Details | Display detailed call insights: metadata, participants, join/leave history, recordings. |
| Custom Message Types | Register custom message types with bubble templates, conversation subtitle overrides, and fetch inclusion. |
| Custom Text Formatter | Extend the base formatter to implement custom inline patterns with regex and callbacks. |
| Mentions Formatter | Add @mentions with styled tokens, suggestion list, and click handling. |
| URL Formatter | Detect and style plain URLs as clickable links with optional tracking logic. |
| Shortcut Formatter | Provide shortcut-style text expansions invoking extension APIs or dialogs. |
| Hashtag Formatter | Highlight #hashtags in the composer, message bubbles, conversation last message, and edit view. |
| Rich Text Formatting | Configure and customize the rich text editor in the message composer. |
Need another guide? Open a request via our Support Portal.
Next Steps
Getting Started
Set up the Angular UIKit from scratch
Components Overview
Explore all UI components
Customization
Theme and style the UIKit to match your brand
Events
Subscribe to UIKit events for custom workflows